link to static pages

src/app/app.module.ts

@@ -23,6 +23,9 @@ import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 import { CoreModule } from './core/core.module';
 import { SharedModule } from './shared/shared.module';
+import { CguComponent } from './features/shared/components/ui/static-pages/cgu/cgu.component';
+import { LegalComponent } from './features/shared/components/ui/static-pages/legal/legal.component';
+import { PrivacyComponent } from './features/shared/components/ui/static-pages/privacy/privacy.component';
 registerLocaleData(localeEn, 'en-EN');
 registerLocaleData(localeFr, 'fr-FR');
 
@@ -37,7 +40,7 @@ export function HttpLoaderFactory(http: HttpClient): TranslateHttpLoader {
 }
 
 @NgModule({
-	declarations: [AppComponent],
+	declarations: [AppComponent, CguComponent, LegalComponent, PrivacyComponent],
 	imports: [
 		AppRoutingModule,
 		BrowserAnimationsModule,

src/app/core/components/home/home.component.html

@@ -102,24 +102,22 @@
 				<div class="tile is-4 is-vertical is-parent">
 					<div class="tile is-child box">
 						<div class="title">
+							<i class="fa fa-check-circle"></i>
 							62 346
 						</div>
 						<p>sondages</p>
 					</div>
 					<div class="tile is-child box">
 						<div class="title">
+							<i class="fa fa-tachometer"></i>
 							223 124
 						</div>
 						<p>votes</p>
 					</div>
+
 					<div class="tile is-child box">
 						<div class="title">
-							123
-						</div>
-						<p>consensus parfaits</p>
-					</div>
-					<div class="tile is-child box">
-						<div class="title">
+							<i class="fa fa-comment-o"></i>
 							41 875
 						</div>
 						<p>commentaires</p>
@@ -128,22 +126,48 @@
 				<div class="tile is-parent">
 					<div class="tile is-child box">
 						<div class="title">
+							<i class="fa fa-calendar-check-o"></i>
 							44 985
 						</div>
 						<p>sondages de type date</p>
 					</div>
+
 					<div class="tile is-child box">
 						<div class="title">
+							<i class="fa fa-file-epub"></i>
 							22 985
 						</div>
 						<p>sondages de type classique</p>
 					</div>
 					<div class="tile is-child box">
-						<p class="title">Mentions légales</p>
-						<p>Voir ici le détail des mentions légales, CGU, CPU, politique de confidentialité.</p>
+						<div class="title">
+							<i class="fa fa-check-circle-o"></i>
+							123
+						</div>
+						<p>consensus parfaits</p>
 					</div>
 				</div>
 			</div>
+			<div class="box">
+				<h2 class="title">Nos Mentions légales</h2>
+				<ul>
+					<li>
+						<a href="/legal">
+							mentions légales,
+						</a>
+					</li>
+					<li>
+						<a href="/cgu">
+							CGU, CPU,
+						</a>
+					</li>
+					<li>
+						<a href="/privacy">
+							politique de confidentialité.
+						</a>
+					</li>
+				</ul>
+			</div>
 		</div>
 	</div>
 </section>

src/app/features/shared/components/ui/static-pages/cgu/cgu.component.html

@@ -0,0 +1,26 @@
+<div class="static-page content">
+	<article>
+		<section class="hero is-info">
+			<div class="hero-body">
+				<p class="title">
+					Conditions Générales d'utilisation
+				</p>
+				<p class="subtitle">
+					Détail des CGU.
+					<br />
+					Ne nous prenez pas pour des chatons.
+				</p>
+			</div>
+		</section>
+		<section class="hero is-info">
+			<div class="hero-body">
+				<p class="title">
+					Conditions Particulières d'utilisation
+				</p>
+				<p class="subtitle">
+					Détail des CPU
+				</p>
+			</div>
+		</section>
+	</article>
+</div>

src/app/features/shared/components/ui/static-pages/cgu/cgu.component.spec.ts

@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CguComponent } from './cgu.component';
+
+describe('CguComponent', () => {
+	let component: CguComponent;
+	let fixture: ComponentFixture<CguComponent>;
+
+	beforeEach(async(() => {
+		TestBed.configureTestingModule({
+			declarations: [CguComponent],
+		}).compileComponents();
+	}));
+
+	beforeEach(() => {
+		fixture = TestBed.createComponent(CguComponent);
+		component = fixture.componentInstance;
+		fixture.detectChanges();
+	});
+
+	it('should create', () => {
+		expect(component).toBeTruthy();
+	});
+});

src/app/features/shared/components/ui/static-pages/cgu/cgu.component.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+	selector: 'app-cgu',
+	templateUrl: './cgu.component.html',
+	styleUrls: ['./cgu.component.scss'],
+})
+export class CguComponent implements OnInit {
+	constructor() {}
+
+	ngOnInit(): void {}
+}

src/app/features/shared/components/ui/static-pages/legal/legal.component.html

@@ -0,0 +1,14 @@
+<div class="static-page content">
+	<article>
+		<section class="hero is-info">
+			<div class="hero-body">
+				<p class="title">
+					Mentions légales
+				</p>
+				<p class="subtitle">
+					détail des mentions légales
+				</p>
+			</div>
+		</section>
+	</article>
+</div>

src/app/features/shared/components/ui/static-pages/legal/legal.component.spec.ts

@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LegalComponent } from './legal.component';
+
+describe('LegalComponent', () => {
+	let component: LegalComponent;
+	let fixture: ComponentFixture<LegalComponent>;
+
+	beforeEach(async(() => {
+		TestBed.configureTestingModule({
+			declarations: [LegalComponent],
+		}).compileComponents();
+	}));
+
+	beforeEach(() => {
+		fixture = TestBed.createComponent(LegalComponent);
+		component = fixture.componentInstance;
+		fixture.detectChanges();
+	});
+
+	it('should create', () => {
+		expect(component).toBeTruthy();
+	});
+});

src/app/features/shared/components/ui/static-pages/legal/legal.component.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+	selector: 'app-legal',
+	templateUrl: './legal.component.html',
+	styleUrls: ['./legal.component.scss'],
+})
+export class LegalComponent implements OnInit {
+	constructor() {}
+
+	ngOnInit(): void {}
+}

src/app/features/shared/components/ui/static-pages/privacy/privacy.component.html

@@ -0,0 +1,10 @@
+<section class="hero is-info">
+	<div class="hero-body">
+		<p class="title">
+			Politique de confidentialité
+		</p>
+		<p class="subtitle">
+			Privacy policy
+		</p>
+	</div>
+</section>

src/app/features/shared/components/ui/static-pages/privacy/privacy.component.spec.ts

@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PrivacyComponent } from './privacy.component';
+
+describe('PrivacyComponent', () => {
+	let component: PrivacyComponent;
+	let fixture: ComponentFixture<PrivacyComponent>;
+
+	beforeEach(async(() => {
+		TestBed.configureTestingModule({
+			declarations: [PrivacyComponent],
+		}).compileComponents();
+	}));
+
+	beforeEach(() => {
+		fixture = TestBed.createComponent(PrivacyComponent);
+		component = fixture.componentInstance;
+		fixture.detectChanges();
+	});
+
+	it('should create', () => {
+		expect(component).toBeTruthy();
+	});
+});

src/app/features/shared/components/ui/static-pages/privacy/privacy.component.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+	selector: 'app-privacy',
+	templateUrl: './privacy.component.html',
+	styleUrls: ['./privacy.component.scss'],
+})
+export class PrivacyComponent implements OnInit {
+	constructor() {}
+
+	ngOnInit(): void {}
+}

src/app/routes-framadate.ts

@@ -4,6 +4,9 @@ import { PollService } from './core/services/poll.service';
 import { PageNotFoundComponent } from './shared/components/page-not-found/page-not-found.component';
 import { SuccessComponent } from './features/administration/success/success.component';
 import { WipTodoComponent } from './shared/components/ui/wip-todo/wip-todo.component';
+import { CguComponent } from './features/shared/components/ui/static-pages/cgu/cgu.component';
+import { LegalComponent } from './features/shared/components/ui/static-pages/legal/legal.component';
+import { PrivacyComponent } from './features/shared/components/ui/static-pages/privacy/privacy.component';
 
 export const routes: Routes = [
 	{ path: '', component: HomeComponent },
@@ -45,6 +48,18 @@ export const routes: Routes = [
 		path: 'todo',
 		component: WipTodoComponent,
 	},
+	{
+		path: 'cgu',
+		component: CguComponent,
+	},
+	{
+		path: 'legal',
+		component: LegalComponent,
+	},
+	{
+		path: 'privacy',
+		component: PrivacyComponent,
+	},
 	{ path: 'page-not-found', component: PageNotFoundComponent },
 	{ path: '**', redirectTo: 'page-not-found', pathMatch: 'full' },
 ];