page creation or retrieve start [#28]

This commit is contained in:
tykayn 2019-08-11 16:49:58 +02:00
parent d5e5550c54
commit 6532538da3
8 changed files with 115 additions and 12 deletions

View File

@ -3,8 +3,8 @@ root = true
[*] [*]
charset = utf-8 charset = utf-8
indent_style = space indent_style = tabs
indent_size = 2 indent_size = 4
insert_final_newline = true insert_final_newline = true
trim_trailing_whitespace = true trim_trailing_whitespace = true

View File

@ -19,6 +19,7 @@ import { ResumeComponent } from './pages/resume/resume.component';
import { PicturesComponent } from './pages/pictures/pictures.component'; import { PicturesComponent } from './pages/pictures/pictures.component';
import { AnswersComponent } from './pages/answers/answers.component'; import { AnswersComponent } from './pages/answers/answers.component';
import { EndConfirmationComponent } from './pages/end-confirmation/end-confirmation.component'; import { EndConfirmationComponent } from './pages/end-confirmation/end-confirmation.component';
import { CreateOrRetrieveComponent } from './page/create-or-retrieve/create-or-retrieve.component';
@NgModule({ @NgModule({
@ -36,6 +37,7 @@ import { EndConfirmationComponent } from './pages/end-confirmation/end-confirmat
PicturesComponent, PicturesComponent,
AnswersComponent, AnswersComponent,
EndConfirmationComponent, EndConfirmationComponent,
CreateOrRetrieveComponent,
], ],
imports: [ imports: [

View File

@ -6,14 +6,18 @@ import {ResumeComponent} from '../pages/resume/resume.component';
import {PicturesComponent} from '../pages/pictures/pictures.component'; import {PicturesComponent} from '../pages/pictures/pictures.component';
import {EndConfirmationComponent} from '../pages/end-confirmation/end-confirmation.component'; import {EndConfirmationComponent} from '../pages/end-confirmation/end-confirmation.component';
import {AnswersComponent} from '../pages/answers/answers.component'; import {AnswersComponent} from '../pages/answers/answers.component';
import {CreateOrRetrieveComponent} from '../page/create-or-retrieve/create-or-retrieve.component';
import {BaseComponent} from '../pages/base-page/base.component';
/** /**
* each step in the form is a component * each step in the form is a component
*/ */
export const Routes = export const Routes =
[ [
{path: '', component: FormContainerComponent}, {path: '', component: CreateOrRetrieveComponent},
{path: 'home', component: FormContainerComponent}, {path: 'home', component: FormContainerComponent},
{path: 'base', component: BaseComponent},
{path: 'step/creation', component: CreateOrRetrieveComponent},
{path: 'step/date', component: DatesComponent}, {path: 'step/date', component: DatesComponent},
{path: 'step/kind', component: KindComponent}, {path: 'step/kind', component: KindComponent},
{path: 'step/answers', component: AnswersComponent}, {path: 'step/answers', component: AnswersComponent},

View File

@ -0,0 +1,44 @@
<section class="creation">
<h1 i18n>
Créer un sondage
</h1>
<p
class="description"
i18n
>
Planifiez des rendez-vous avec vos amis ou votre famille ou créez un sondage avec du texte, des images ou des
liens… un sondage quoi !
</p>
<a
[routerLink]="'home'"
class="btn striked"
>
C'est parti
</a>
</section>
<section class="recuperation">
<h1 i18n>
Où sont mes sondages ?
</h1>
<form action="/retrieve">
<label
class="description"
for="email"
i18n
>
Je cherche les sondages qui correspondent à mon mail :
</label>
<input
type="email"
name="email"
id="email"
placeholder="mon e-mail"
/>
<button
class="btn btn-block"
i18n
>
Retrouver mes sondages
</button>
</form>
</section>

View File

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

View File

@ -0,0 +1,15 @@
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'framadate-create-or-retrieve',
templateUrl: './create-or-retrieve.component.html',
styleUrls: ['./create-or-retrieve.component.scss']
})
export class CreateOrRetrieveComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}

View File

@ -1,43 +1,56 @@
<nav class="choices"> <nav class="choices">
<a <a
[routerLink]="'/step/date'"> [routerLink]="'/step/creation'"
>
Création
</a>
<a
[routerLink]="'/step/date'"
>
Les Dates Les Dates
</a> </a>
<a <a
[routerLink]="'/step/answers'"> [routerLink]="'/step/answers'"
>
Réponses Réponses
</a> </a>
<a <a
[routerLink]="'/step/visibility'"> [routerLink]="'/step/visibility'"
>
Visibilité Visibilité
</a> </a>
<a <a
[routerLink]="'/step/answers'"> [routerLink]="'/step/base'"
>
Base Base
</a> </a>
<a <a
[routerLink]="'/step/pictures'"> [routerLink]="'/step/pictures'"
>
Images Images
</a> </a>
<a <a
[routerLink]="'/step/resume'"> [routerLink]="'/step/resume'"
>
Résumé Résumé
</a> </a>
<a <a
[routerLink]="'/step/kind'"> [routerLink]="'/step/kind'"
>
Page démo Page démo
</a> </a>
<a <a
[routerLink]="'/home'"> [routerLink]="'/home'"
>
Accueil Accueil
</a> </a>
</nav> </nav>