tykayn/funky-framadate-front
1
1
Fork 1
mirror of https://framagit.org/framasoft/framadate/funky-framadate-front.git synced 2023-08-25 13:53:14 +02:00
Code Issues Projects Releases Wiki Activity

issue 36 : select daltonien

Browse Source
This commit is contained in:
alrom8 2019-10-23 15:39:16 +02:00
parent 46a02846bf
commit 5f2a2b4461
6 changed files with 63 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
src/app/config/Routes.ts
View File

@ -1,29 +1,29 @@
import {KindComponent} from '../pages/kind/kind.component'; import { KindComponent } from "../pages/kind/kind.component";
import {DatesComponent} from '../pages/dates/dates.component'; import { DatesComponent } from "../pages/dates/dates.component";
import {VisibilityComponent} from '../pages/visibility/visibility.component'; import { VisibilityComponent } from "../pages/visibility/visibility.component";
import {ResumeComponent} from '../pages/resume/resume.component'; 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 '../pages/create-or-retrieve/create-or-retrieve.component'; import { CreateOrRetrieveComponent } from "../pages/create-or-retrieve/create-or-retrieve.component";
import {BaseComponent} from '../pages/base-page/base.component'; import { BaseComponent } from "../pages/base-page/base.component";
import {HomeComponent} from "../pages/home/home.component"; import { HomeComponent } from "../pages/home/home.component";
import { PollGraphicComponent } from '../poll-graphic/poll-graphic.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: CreateOrRetrieveComponent },
{path: '', component: CreateOrRetrieveComponent}, { path: "home", component: HomeComponent },
{path: 'home', component: HomeComponent}, { path: "base", component: BaseComponent },
{path: 'base', component: BaseComponent}, { path: "step/creation", component: CreateOrRetrieveComponent },
{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}, { path: "step/pictures", component: PicturesComponent },
{path: 'step/pictures', component: PicturesComponent}, { path: "step/visibility", component: VisibilityComponent },
{path: 'step/visibility', component: VisibilityComponent}, { path: "step/resume", component: ResumeComponent },
{path: 'step/resume', component: ResumeComponent}, { path: "step/end", component: EndConfirmationComponent },
{path: 'step/end', component: EndConfirmationComponent}, { path: "graphic/:poll", component: PollGraphicComponent },
] ];
;

16
src/app/poll-graphic/poll-graphic.component.html
View File

@ -1 +1,15 @@
<p>poll-graphic works!</p> <select
id="selectColorblind"
name="selector"
autofocus="autofocus"
[(ngModel)]="isColorblind"
(change)="setColorblind()"
>
<option value="colorblind">
{{ "pollGraphic.choiceColorblind" | translate }}
</option>
<option value="notColorblind">
{{ "pollGraphic.choiceNotColorblind" | translate }}
</option>
</select>
{{ "pollGraphic.colorblindText" | translate }}

4
src/app/poll-graphic/poll-graphic.component.scss
View File

@ -0,0 +1,4 @@
#selectColorblind {
direction: rtl;
padding:0;
}

10
src/app/poll-graphic/poll-graphic.component.ts
View File

@ -7,7 +7,15 @@ import { Component, OnInit } from '@angular/core';
}) })
export class PollGraphicComponent implements OnInit { export class PollGraphicComponent implements OnInit {
constructor() { } isColorblind:boolean;
constructor() {
this.isColorblind = false;
}
setColorblind(){
this.isColorblind = !this.isColorblind;
}
ngOnInit() { ngOnInit() {
} }

5
src/assets/i18n/en.json
View File

@ -60,5 +60,10 @@
"votes": "Votes", "votes": "Votes",
"archiving": "Archiving", "archiving": "Archiving",
"access": "Access to the pool" "access": "Access to the pool"
},
"pollGraphic":{
"choiceColorblind":"I am",
"choiceNotColorblind":"I am not",
"colorblindText":"colorblind."
} }
} }

5
src/assets/i18n/fr.json
View File

@ -60,5 +60,10 @@
"votes": "Votes", "votes": "Votes",
"archiving": "Archivage", "archiving": "Archivage",
"access": "Accès au sondage" "access": "Accès au sondage"
},
"pollGraphic":{
"choiceColorblind":"Je suis",
"choiceNotColorblind":"Je ne suis pas",
"colorblindText":"daltonien."
} }
} }