From 60ad0791a4b16707e6e17f227fa9e6e4e9067872 Mon Sep 17 00:00:00 2001 From: Teodor_Jonasson Date: Sat, 8 Oct 2022 15:07:21 +0200 Subject: [PATCH 1/2] =?UTF-8?q?feat:=20=F0=9F=8E=B8=20Initiate=20blog-list?= =?UTF-8?q?=20page?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/webstore/src/app/app.module.ts | 2 ++ .../pages/blog-list/blog-list.component.html | 1 + .../pages/blog-list/blog-list.component.scss | 0 .../blog-list/blog-list.component.spec.ts | 23 +++++++++++++++++++ .../pages/blog-list/blog-list.component.ts | 15 ++++++++++++ 5 files changed, 41 insertions(+) create mode 100644 apps/webstore/src/app/pages/blog-list/blog-list.component.html create mode 100644 apps/webstore/src/app/pages/blog-list/blog-list.component.scss create mode 100644 apps/webstore/src/app/pages/blog-list/blog-list.component.spec.ts create mode 100644 apps/webstore/src/app/pages/blog-list/blog-list.component.ts diff --git a/apps/webstore/src/app/app.module.ts b/apps/webstore/src/app/app.module.ts index b57e5b08e..2b75adf6e 100644 --- a/apps/webstore/src/app/app.module.ts +++ b/apps/webstore/src/app/app.module.ts @@ -54,6 +54,7 @@ import { StickyNewsletterButtonComponent } from './shared/components/sticky-news import { ToastsContainerComponent } from './shared/components/toast/toast-container.component'; import { authInterceptorProviders } from './shared/helpers/auth.interceptor'; import { GoogleAnalyticsService } from './shared/services/google-analytics/google-analytics.service'; +import { BlogListComponent } from './pages/blog-list/blog-list.component'; @NgModule({ declarations: [ @@ -103,6 +104,7 @@ import { GoogleAnalyticsService } from './shared/services/google-analytics/googl CustomOrderComponent, CustomOrderDisplayComponent, StickyNewsletterButtonComponent, + BlogListComponent, ], imports: [ BrowserModule, diff --git a/apps/webstore/src/app/pages/blog-list/blog-list.component.html b/apps/webstore/src/app/pages/blog-list/blog-list.component.html new file mode 100644 index 000000000..c79a13bfa --- /dev/null +++ b/apps/webstore/src/app/pages/blog-list/blog-list.component.html @@ -0,0 +1 @@ +

blog-list works!

diff --git a/apps/webstore/src/app/pages/blog-list/blog-list.component.scss b/apps/webstore/src/app/pages/blog-list/blog-list.component.scss new file mode 100644 index 000000000..e69de29bb diff --git a/apps/webstore/src/app/pages/blog-list/blog-list.component.spec.ts b/apps/webstore/src/app/pages/blog-list/blog-list.component.spec.ts new file mode 100644 index 000000000..b8ee151ea --- /dev/null +++ b/apps/webstore/src/app/pages/blog-list/blog-list.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { BlogListComponent } from './blog-list.component'; + +describe('BlogListComponent', () => { + let component: BlogListComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ BlogListComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(BlogListComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/apps/webstore/src/app/pages/blog-list/blog-list.component.ts b/apps/webstore/src/app/pages/blog-list/blog-list.component.ts new file mode 100644 index 000000000..13b9b96df --- /dev/null +++ b/apps/webstore/src/app/pages/blog-list/blog-list.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'webstore-blog-list', + templateUrl: './blog-list.component.html', + styleUrls: ['./blog-list.component.scss'] +}) +export class BlogListComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} From f53ce0aec08809e6f86bbb62a8f153a7e1c48a17 Mon Sep 17 00:00:00 2001 From: Teodor_Jonasson Date: Sat, 8 Oct 2022 15:12:41 +0200 Subject: [PATCH 2/2] =?UTF-8?q?feat:=20=F0=9F=8E=B8=20Create=20initial=20p?= =?UTF-8?q?age?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/webstore/src/app/app-routing.module.ts | 2 ++ .../src/app/pages/blog-list/blog-list.component.html | 4 +++- .../src/app/pages/blog-list/blog-list.component.scss | 12 ++++++++++++ .../app/pages/blog-list/blog-list.component.spec.ts | 5 ++--- .../src/app/pages/blog-list/blog-list.component.ts | 9 +++------ 5 files changed, 22 insertions(+), 10 deletions(-) diff --git a/apps/webstore/src/app/app-routing.module.ts b/apps/webstore/src/app/app-routing.module.ts index c6f8a748b..cb1dc7225 100644 --- a/apps/webstore/src/app/app-routing.module.ts +++ b/apps/webstore/src/app/app-routing.module.ts @@ -11,6 +11,7 @@ import { ProfileComponent } from './pages/auth/profile/profile.component'; import { ResetPasswordComponent } from './pages/auth/reset-password/reset-password.component'; import { SignupComponent } from './pages/auth/signup/signup.component'; import { UnsubscribeComponent } from './pages/auth/unsubscribe/unsubscribe.component'; +import { BlogListComponent } from './pages/blog-list/blog-list.component'; import { HomeComponent } from './pages/home/home.component'; import { PageNotFoundComponent } from './pages/issues/page-not-found/page-not-found.component'; import { PaymentCancelledComponent } from './pages/payment-cancelled/payment-cancelled.component'; @@ -25,6 +26,7 @@ const routes: Routes = [ { path: '', pathMatch: 'full', component: HomeComponent }, { path: 'home', redirectTo: '' }, // Handle legacy /home route { path: 'about-us', component: AboutUsComponent }, + { path: 'blog-page', component: BlogListComponent }, { path: 'login', component: LoginComponent }, { path: 'resetPassword/:token', diff --git a/apps/webstore/src/app/pages/blog-list/blog-list.component.html b/apps/webstore/src/app/pages/blog-list/blog-list.component.html index c79a13bfa..bfd53339b 100644 --- a/apps/webstore/src/app/pages/blog-list/blog-list.component.html +++ b/apps/webstore/src/app/pages/blog-list/blog-list.component.html @@ -1 +1,3 @@ -

blog-list works!

+
+
blog page stuff
+
diff --git a/apps/webstore/src/app/pages/blog-list/blog-list.component.scss b/apps/webstore/src/app/pages/blog-list/blog-list.component.scss index e69de29bb..3f694224d 100644 --- a/apps/webstore/src/app/pages/blog-list/blog-list.component.scss +++ b/apps/webstore/src/app/pages/blog-list/blog-list.component.scss @@ -0,0 +1,12 @@ +.page-container { + width: 100vw; + display: flex; + justify-content: center; +} + +.page-wrapper { + max-width: 1300px; + min-height: 100vh; + width: 100%; + margin-top: 4em; +} diff --git a/apps/webstore/src/app/pages/blog-list/blog-list.component.spec.ts b/apps/webstore/src/app/pages/blog-list/blog-list.component.spec.ts index b8ee151ea..89637f008 100644 --- a/apps/webstore/src/app/pages/blog-list/blog-list.component.spec.ts +++ b/apps/webstore/src/app/pages/blog-list/blog-list.component.spec.ts @@ -8,9 +8,8 @@ describe('BlogListComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ BlogListComponent ] - }) - .compileComponents(); + declarations: [BlogListComponent], + }).compileComponents(); fixture = TestBed.createComponent(BlogListComponent); component = fixture.componentInstance; diff --git a/apps/webstore/src/app/pages/blog-list/blog-list.component.ts b/apps/webstore/src/app/pages/blog-list/blog-list.component.ts index 13b9b96df..0108b29da 100644 --- a/apps/webstore/src/app/pages/blog-list/blog-list.component.ts +++ b/apps/webstore/src/app/pages/blog-list/blog-list.component.ts @@ -3,13 +3,10 @@ import { Component, OnInit } from '@angular/core'; @Component({ selector: 'webstore-blog-list', templateUrl: './blog-list.component.html', - styleUrls: ['./blog-list.component.scss'] + styleUrls: ['./blog-list.component.scss'], }) export class BlogListComponent implements OnInit { + constructor() {} - constructor() { } - - ngOnInit(): void { - } - + ngOnInit(): void {} }