course works!
diff --git a/src/app/courses/course/course.component.scss b/src/app/courses/course/course.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/courses/course/course.component.spec.ts b/src/app/courses/course/course.component.spec.ts new file mode 100644 index 0000000..8bbeeb9 --- /dev/null +++ b/src/app/courses/course/course.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { CourseComponent } from './course.component'; + +describe('CourseComponent', () => { + let component: CourseComponent; + let fixture: ComponentFixture{{course.longDescription}}
+{{dialogTitle}}
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+ }
+
+
\ No newline at end of file
diff --git a/src/app/courses/home/home.component.scss b/src/app/courses/home/home.component.scss
new file mode 100644
index 0000000..6e2a718
--- /dev/null
+++ b/src/app/courses/home/home.component.scss
@@ -0,0 +1,34 @@
+.title {
+ text-align: center;
+ margin-right: 15px;
+
+}
+
+.courses-panel {
+ max-width: 350px;
+ margin: 0 auto;
+}
+
+
+.counters {
+ display: flex;
+}
+
+.filler {
+ flex: 1 1 auto;
+}
+
+h2 {
+ font-family: "Roboto";
+}
+
+.header {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+}
+
+.spinner-container {
+ margin-top: 100px;
+}
\ No newline at end of file
diff --git a/src/app/courses/home/home.component.spec.ts b/src/app/courses/home/home.component.spec.ts
new file mode 100644
index 0000000..6a570bb
--- /dev/null
+++ b/src/app/courses/home/home.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HomeComponent } from './home.component';
+
+describe('HomeComponent', () => {
+ let component: HomeComponent;
+ let fixture: ComponentFixture
+
+
+
+ All Courses
+ + + +
+
+
+ @if (!(loading$ | async)) {
+ In Promo: {{promoTotal$ | async}}
+
+
+
+ } @else {
+