From c0f5d8279f727fc3320b7339b0cf709da994011f Mon Sep 17 00:00:00 2001
From: Jeremie BRISON <ext.sopra.jbrison@grandlyon.com>
Date: Fri, 26 Feb 2021 15:01:54 +0100
Subject: [PATCH] feat(posts) : init
---
src/app/app-routing.module.ts | 2 +-
.../post-details/post-details.component.html | 1 +
.../post-details/post-details.component.scss} | 0
.../post-details.component.spec.ts | 25 +++++++++++++++++++
.../post-details/post-details.component.ts | 15 +++++++++++
.../post-header/post-header.component.html | 1 +
.../post-header/post-header.component.scss | 6 +++++
.../post-header/post-header.component.spec.ts | 25 +++++++++++++++++++
.../post-header/post-header.component.ts | 15 +++++++++++
.../post-list/post-list.component.html | 17 +++++++++++++
.../post-list/post-list.component.scss | 12 +++++++++
.../post-list/post-list.component.spec.ts | 25 +++++++++++++++++++
.../post-list/post-list.component.ts | 15 +++++++++++
.../post-routing.module.ts} | 6 ++---
src/app/post/post.component.html | 4 +++
src/app/post/post.component.scss | 0
.../post.component.spec.ts} | 13 +++++-----
src/app/post/post.component.ts | 12 +++++++++
src/app/post/post.module.ts | 14 +++++++++++
.../post/services/post/post.component.html | 1 +
.../post/services/post/post.component.scss | 0
.../post/services/post/post.component.spec.ts | 25 +++++++++++++++++++
src/app/post/services/post/post.component.ts | 15 +++++++++++
src/app/posts/posts.component.html | 1 -
src/app/posts/posts.component.ts | 15 -----------
src/app/posts/posts.module.ts | 10 --------
26 files changed, 238 insertions(+), 37 deletions(-)
create mode 100644 src/app/post/components/post-details/post-details.component.html
rename src/app/{posts/posts.component.scss => post/components/post-details/post-details.component.scss} (100%)
create mode 100644 src/app/post/components/post-details/post-details.component.spec.ts
create mode 100644 src/app/post/components/post-details/post-details.component.ts
create mode 100644 src/app/post/components/post-header/post-header.component.html
create mode 100644 src/app/post/components/post-header/post-header.component.scss
create mode 100644 src/app/post/components/post-header/post-header.component.spec.ts
create mode 100644 src/app/post/components/post-header/post-header.component.ts
create mode 100644 src/app/post/components/post-list/post-list.component.html
create mode 100644 src/app/post/components/post-list/post-list.component.scss
create mode 100644 src/app/post/components/post-list/post-list.component.spec.ts
create mode 100644 src/app/post/components/post-list/post-list.component.ts
rename src/app/{posts/posts-routing.module.ts => post/post-routing.module.ts} (54%)
create mode 100644 src/app/post/post.component.html
create mode 100644 src/app/post/post.component.scss
rename src/app/{posts/posts.component.spec.ts => post/post.component.spec.ts} (57%)
create mode 100644 src/app/post/post.component.ts
create mode 100644 src/app/post/post.module.ts
create mode 100644 src/app/post/services/post/post.component.html
create mode 100644 src/app/post/services/post/post.component.scss
create mode 100644 src/app/post/services/post/post.component.spec.ts
create mode 100644 src/app/post/services/post/post.component.ts
delete mode 100644 src/app/posts/posts.component.html
delete mode 100644 src/app/posts/posts.component.ts
delete mode 100644 src/app/posts/posts.module.ts
diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 556fb1eff..9b85e5e1b 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -89,7 +89,7 @@ const routes: Routes = [
},
{
path: 'posts',
- loadChildren: () => import('./posts/posts.module').then((m) => m.PostsModule),
+ loadChildren: () => import('./post/post.module').then((m) => m.PostModule),
},
{
path: '**',
diff --git a/src/app/post/components/post-details/post-details.component.html b/src/app/post/components/post-details/post-details.component.html
new file mode 100644
index 000000000..11f24be81
--- /dev/null
+++ b/src/app/post/components/post-details/post-details.component.html
@@ -0,0 +1 @@
+<p>post-details works!</p>
diff --git a/src/app/posts/posts.component.scss b/src/app/post/components/post-details/post-details.component.scss
similarity index 100%
rename from src/app/posts/posts.component.scss
rename to src/app/post/components/post-details/post-details.component.scss
diff --git a/src/app/post/components/post-details/post-details.component.spec.ts b/src/app/post/components/post-details/post-details.component.spec.ts
new file mode 100644
index 000000000..90f92b94c
--- /dev/null
+++ b/src/app/post/components/post-details/post-details.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PostDetailsComponent } from './post-details.component';
+
+describe('PostDetailsComponent', () => {
+ let component: PostDetailsComponent;
+ let fixture: ComponentFixture<PostDetailsComponent>;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [ PostDetailsComponent ]
+ })
+ .compileComponents();
+ });
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(PostDetailsComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/post/components/post-details/post-details.component.ts b/src/app/post/components/post-details/post-details.component.ts
new file mode 100644
index 000000000..adf283aa1
--- /dev/null
+++ b/src/app/post/components/post-details/post-details.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-post-details',
+ templateUrl: './post-details.component.html',
+ styleUrls: ['./post-details.component.scss']
+})
+export class PostDetailsComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit(): void {
+ }
+
+}
diff --git a/src/app/post/components/post-header/post-header.component.html b/src/app/post/components/post-header/post-header.component.html
new file mode 100644
index 000000000..6d9a4faab
--- /dev/null
+++ b/src/app/post/components/post-header/post-header.component.html
@@ -0,0 +1 @@
+<div class="header-container">post-header works!</div>
diff --git a/src/app/post/components/post-header/post-header.component.scss b/src/app/post/components/post-header/post-header.component.scss
new file mode 100644
index 000000000..e24dbb9e6
--- /dev/null
+++ b/src/app/post/components/post-header/post-header.component.scss
@@ -0,0 +1,6 @@
+@import '../../../../assets/scss/color';
+
+.header-container {
+ height: 180px;
+ background: $white;
+}
diff --git a/src/app/post/components/post-header/post-header.component.spec.ts b/src/app/post/components/post-header/post-header.component.spec.ts
new file mode 100644
index 000000000..a2ba8e0b6
--- /dev/null
+++ b/src/app/post/components/post-header/post-header.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PostHeaderComponent } from './post-header.component';
+
+describe('PostHeaderComponent', () => {
+ let component: PostHeaderComponent;
+ let fixture: ComponentFixture<PostHeaderComponent>;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [ PostHeaderComponent ]
+ })
+ .compileComponents();
+ });
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(PostHeaderComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/post/components/post-header/post-header.component.ts b/src/app/post/components/post-header/post-header.component.ts
new file mode 100644
index 000000000..4927d262b
--- /dev/null
+++ b/src/app/post/components/post-header/post-header.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-post-header',
+ templateUrl: './post-header.component.html',
+ styleUrls: ['./post-header.component.scss']
+})
+export class PostHeaderComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit(): void {
+ }
+
+}
diff --git a/src/app/post/components/post-list/post-list.component.html b/src/app/post/components/post-list/post-list.component.html
new file mode 100644
index 000000000..0c1d36f47
--- /dev/null
+++ b/src/app/post/components/post-list/post-list.component.html
@@ -0,0 +1,17 @@
+<div class="section-container" fxLayout="row">
+ <div fxLayout="column" class="list-container">
+ <div fxLayout="column">
+ <div fxLayout="row" fxLayoutAlign="space-between center">
+ <h2>A la une</h2>
+ <button>Publier votre actu</button>
+ </div>
+ </div>
+
+ <div fxLayout="column">
+ <div fxLayout="row">
+ <h2>Autres actualités</h2>
+ </div>
+ </div>
+ </div>
+ <div fxLayout="column" fxLayoutAlign=" center" class="project-container">Appels ap rojets</div>
+</div>
diff --git a/src/app/post/components/post-list/post-list.component.scss b/src/app/post/components/post-list/post-list.component.scss
new file mode 100644
index 000000000..6d3bff0c2
--- /dev/null
+++ b/src/app/post/components/post-list/post-list.component.scss
@@ -0,0 +1,12 @@
+@import '../../../../assets/scss/color';
+
+.section-container {
+ background: $grey-6;
+}
+
+.list-container {
+ width: 80%;
+}
+.project-container {
+ width: 20%;
+}
diff --git a/src/app/post/components/post-list/post-list.component.spec.ts b/src/app/post/components/post-list/post-list.component.spec.ts
new file mode 100644
index 000000000..2d39c2494
--- /dev/null
+++ b/src/app/post/components/post-list/post-list.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PostListComponent } from './post-list.component';
+
+describe('PostListComponent', () => {
+ let component: PostListComponent;
+ let fixture: ComponentFixture<PostListComponent>;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [ PostListComponent ]
+ })
+ .compileComponents();
+ });
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(PostListComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/post/components/post-list/post-list.component.ts b/src/app/post/components/post-list/post-list.component.ts
new file mode 100644
index 000000000..b8742d722
--- /dev/null
+++ b/src/app/post/components/post-list/post-list.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-post-list',
+ templateUrl: './post-list.component.html',
+ styleUrls: ['./post-list.component.scss']
+})
+export class PostListComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit(): void {
+ }
+
+}
diff --git a/src/app/posts/posts-routing.module.ts b/src/app/post/post-routing.module.ts
similarity index 54%
rename from src/app/posts/posts-routing.module.ts
rename to src/app/post/post-routing.module.ts
index 80b37d9e9..2ec94d598 100644
--- a/src/app/posts/posts-routing.module.ts
+++ b/src/app/post/post-routing.module.ts
@@ -1,11 +1,11 @@
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
-import { PostsComponent } from './posts.component';
+import { PostComponent } from './post.component';
-const routes: Routes = [{ path: '', component: PostsComponent }];
+const routes: Routes = [{ path: '', component: PostComponent }];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule],
})
-export class PostsRoutingModule {}
+export class PostRoutingModule {}
diff --git a/src/app/post/post.component.html b/src/app/post/post.component.html
new file mode 100644
index 000000000..eaa0bc1a6
--- /dev/null
+++ b/src/app/post/post.component.html
@@ -0,0 +1,4 @@
+<app-post-header></app-post-header>
+<app-post-list></app-post-list>
+<app-post-details></app-post-details>
+<p>posts works!</p>
diff --git a/src/app/post/post.component.scss b/src/app/post/post.component.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/app/posts/posts.component.spec.ts b/src/app/post/post.component.spec.ts
similarity index 57%
rename from src/app/posts/posts.component.spec.ts
rename to src/app/post/post.component.spec.ts
index 9702efa6e..5716f2398 100644
--- a/src/app/posts/posts.component.spec.ts
+++ b/src/app/post/post.component.spec.ts
@@ -1,20 +1,19 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { PostsComponent } from './posts.component';
+import { PostComponent } from './post.component';
describe('PostsComponent', () => {
- let component: PostsComponent;
- let fixture: ComponentFixture<PostsComponent>;
+ let component: PostComponent;
+ let fixture: ComponentFixture<PostComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
- declarations: [ PostsComponent ]
- })
- .compileComponents();
+ declarations: [PostComponent],
+ }).compileComponents();
});
beforeEach(() => {
- fixture = TestBed.createComponent(PostsComponent);
+ fixture = TestBed.createComponent(PostComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
diff --git a/src/app/post/post.component.ts b/src/app/post/post.component.ts
new file mode 100644
index 000000000..075daa3b5
--- /dev/null
+++ b/src/app/post/post.component.ts
@@ -0,0 +1,12 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-post',
+ templateUrl: './post.component.html',
+ styleUrls: ['./post.component.scss'],
+})
+export class PostComponent implements OnInit {
+ constructor() {}
+
+ ngOnInit(): void {}
+}
diff --git a/src/app/post/post.module.ts b/src/app/post/post.module.ts
new file mode 100644
index 000000000..a18cc43dd
--- /dev/null
+++ b/src/app/post/post.module.ts
@@ -0,0 +1,14 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { PostComponent } from './post.component';
+import { PostRoutingModule } from './post-routing.module';
+import { PostHeaderComponent } from './components/post-header/post-header.component';
+import { PostListComponent } from './components/post-list/post-list.component';
+import { PostDetailsComponent } from './components/post-details/post-details.component';
+import { SharedModule } from '../shared/shared.module';
+
+@NgModule({
+ declarations: [PostComponent, PostHeaderComponent, PostListComponent, PostDetailsComponent],
+ imports: [CommonModule, PostRoutingModule, SharedModule],
+})
+export class PostModule {}
diff --git a/src/app/post/services/post/post.component.html b/src/app/post/services/post/post.component.html
new file mode 100644
index 000000000..71b500c4d
--- /dev/null
+++ b/src/app/post/services/post/post.component.html
@@ -0,0 +1 @@
+<p>post works!</p>
diff --git a/src/app/post/services/post/post.component.scss b/src/app/post/services/post/post.component.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/app/post/services/post/post.component.spec.ts b/src/app/post/services/post/post.component.spec.ts
new file mode 100644
index 000000000..b941a2fe1
--- /dev/null
+++ b/src/app/post/services/post/post.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PostComponent } from './post.component';
+
+describe('PostComponent', () => {
+ let component: PostComponent;
+ let fixture: ComponentFixture<PostComponent>;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [ PostComponent ]
+ })
+ .compileComponents();
+ });
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(PostComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/post/services/post/post.component.ts b/src/app/post/services/post/post.component.ts
new file mode 100644
index 000000000..ae2acfc6e
--- /dev/null
+++ b/src/app/post/services/post/post.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-post',
+ templateUrl: './post.component.html',
+ styleUrls: ['./post.component.scss']
+})
+export class PostComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit(): void {
+ }
+
+}
diff --git a/src/app/posts/posts.component.html b/src/app/posts/posts.component.html
deleted file mode 100644
index 2c30d2067..000000000
--- a/src/app/posts/posts.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<p>posts works!</p>
diff --git a/src/app/posts/posts.component.ts b/src/app/posts/posts.component.ts
deleted file mode 100644
index 73d77fc55..000000000
--- a/src/app/posts/posts.component.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
- selector: 'app-posts',
- templateUrl: './posts.component.html',
- styleUrls: ['./posts.component.scss']
-})
-export class PostsComponent implements OnInit {
-
- constructor() { }
-
- ngOnInit(): void {
- }
-
-}
diff --git a/src/app/posts/posts.module.ts b/src/app/posts/posts.module.ts
deleted file mode 100644
index 32e4a4b79..000000000
--- a/src/app/posts/posts.module.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { PostsComponent } from './posts.component';
-import { PostsRoutingModule } from './posts-routing.module';
-
-@NgModule({
- declarations: [PostsComponent],
- imports: [CommonModule, PostsRoutingModule],
-})
-export class PostsModule {}
--
GitLab