Liness/framadate-responsive
5
0
Fork 0
forked from tykayn/funky-framadate-front
Code Pull Requests Activity

merge with ng-init

Browse Source
This commit is contained in:
ty kayn 2019-09-09 12:21:40 +02:00
commit 193468e669
39 changed files with 7986 additions and 225 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

307
messages.xlf
View File

@ -2,24 +2,317 @@
<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
<file source-language="en" datatype="plaintext" original="ng2.template">
<body>
<trans-unit id="a38ca9be0d4cc826d1962ced6959714844cd8b5f" datatype="html">
<trans-unit id="5f48694aae82f756b2486bed76c1fa564bac44e3" datatype="html">
<source>
Bienvenue sur Framadate
</source>
Ceci est une démo
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/app.component.html</context>
<context context-type="linenumber">3</context>
<context context-type="linenumber">7</context>
</context-group>
</trans-unit>
<trans-unit id="9cc3aa4a9c50ffaaed035c7f7d1dbcefb54954ea" datatype="html">
<trans-unit id="c9a7731e9e283ee83d0c2fd1747e57f9cba067d6" datatype="html">
<source>
Ceci est une démo
Pour commencer
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/form-container/form-container.component.html</context>
<context context-type="linenumber">4</context>
</context-group>
</trans-unit>
<trans-unit id="e40f615c5bada8d5458ede5b03812bdb8074d7d7" datatype="html">
<source>
Je veux créer un sondage
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/form-container/form-container.component.html</context>
<context context-type="linenumber">10</context>
</context-group>
</trans-unit>
<trans-unit id="805abd40471b9825d00b1a958e5ecaf244d84a8f" datatype="html">
<source>
Dont le titre sera
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/form-container/form-container.component.html</context>
<context context-type="linenumber">34</context>
</context-group>
</trans-unit>
<trans-unit id="5bf90b01331c01753f8446a4c931b942b128f7ab" datatype="html">
<source>
et la description serait
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/form-container/form-container.component.html</context>
<context context-type="linenumber">64</context>
</context-group>
</trans-unit>
<trans-unit id="43c8155b739dc52b87e8deabeda5f93baf5fcfe5" datatype="html">
<source>
Continuer
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/form-container/form-container.component.html</context>
<context context-type="linenumber">82</context>
</context-group>
</trans-unit>
<trans-unit id="confirm" datatype="html">
<source>C&apos;est parfait!</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/pages/base-page/base.component.html</context>
<context context-type="linenumber">2</context>
</context-group>
<context-group purpose="location">
<context context-type="sourcefile">src/app/pages/kind/kind.component.html</context>
<context context-type="linenumber">4</context>
</context-group>
<context-group purpose="location">
<context context-type="sourcefile">src/app/pages/visibility/visibility.component.html</context>
<context context-type="linenumber">14</context>
</context-group>
<context-group purpose="location">
<context context-type="sourcefile">src/app/pages/resume/resume.component.html</context>
<context context-type="linenumber">10</context>
</context-group>
</trans-unit>
<trans-unit id="cf84be7024daae2b7a58064917082c3c48964f6b" datatype="html">
<source>
Config spécialement pour les dates
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/pages/dates/dates.component.html</context>
<context context-type="linenumber">1</context>
</context-group>
</trans-unit>
<trans-unit id="05c94bdaeec38467e5d8ec67ef06ae02bc2721fd" datatype="html">
<source>
Je souhaite mettre des créneaux horaires
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/pages/dates/dates.component.html</context>
<context context-type="linenumber">16</context>
</context-group>
</trans-unit>
<trans-unit id="3da20d71c6eacf0bf933e2ebefcc8581b77fcd07" datatype="html">
<source>
pour chaque journée
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/pages/dates/dates.component.html</context>
<context context-type="linenumber">20</context>
</context-group>
</trans-unit>
<trans-unit id="e8ecc8aa309cfa900b1a70db4e53564bb7c91279" datatype="html">
<source>
Ajouter une plage de dates
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/pages/dates/dates.component.html</context>
<context context-type="linenumber">30</context>
</context-group>
</trans-unit>
<trans-unit id="d5ac5c6775ece9a7d33e5dc3519806c6edfb87bc" datatype="html">
<source>
choix de Dates
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/pages/dates/dates.component.html</context>
<context context-type="linenumber">35</context>
</context-group>
</trans-unit>
<trans-unit id="8ba76abb289f2f5f1aca7be9ba2ed719776c08b4" datatype="html">
<source>
infos de debug
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/debugger/debugger.component.html</context>
<context context-type="linenumber">4</context>
</context-group>
</trans-unit>
<trans-unit id="ddacf8feec398fe7fcda34b82a7aa4d71e10e755" datatype="html">
<source>
Choix cornélien syncronisé:
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/app.component.html</context>
<context context-type="sourcefile">src/app/debugger/debugger.component.html</context>
<context context-type="linenumber">27</context>
</context-group>
</trans-unit>
<trans-unit id="d146b7d3598f0f99412cb115c4c9b9dc6724a3db" datatype="html">
<source>
sondage classique
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/debugger/debugger.component.html</context>
<context context-type="linenumber">37</context>
</context-group>
</trans-unit>
<trans-unit id="9e1841dca6f43cec422f009746b78fa72021aed3" datatype="html">
<source>
sondage spécial date
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/debugger/debugger.component.html</context>
<context context-type="linenumber">51</context>
</context-group>
</trans-unit>
<trans-unit id="48d19c1e53f2688d4a4644e7469dbe178c41b94b" datatype="html">
<source>
Envoyer le formulaire
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/debugger/debugger.component.html</context>
<context context-type="linenumber">64</context>
</context-group>
</trans-unit>
<trans-unit id="b40afc8ef9bdf7cebd275e90d7d3a99de783316c" datatype="html">
<source>
Visibilité des réponses
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/pages/visibility/visibility.component.html</context>
<context context-type="linenumber">1</context>
</context-group>
</trans-unit>
<trans-unit id="9683875f0b9358b14311cd8677625d41cd3b8761" datatype="html">
<source>
Votes
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/pages/visibility/visibility.component.html</context>
<context context-type="linenumber">4</context>
</context-group>
</trans-unit>
<trans-unit id="8141de4312b125a7d4bb37407f11f051d7c8ea52" datatype="html">
<source>
Archivage
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/pages/visibility/visibility.component.html</context>
<context context-type="linenumber">7</context>
</context-group>
</trans-unit>
<trans-unit id="3f0000f510cabfeb754fa68a6e1d3ab1e9646310" datatype="html">
<source>
Accès au sondage
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/pages/visibility/visibility.component.html</context>
<context context-type="linenumber">11</context>
</context-group>
</trans-unit>
<trans-unit id="794bc2b544c051c52da8d4ff49b895e7c08fe324" datatype="html">
<source>
Résumé avant validation
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/pages/resume/resume.component.html</context>
<context context-type="linenumber">1</context>
</context-group>
</trans-unit>
<trans-unit id="482e483f961c90409e68eeeb88cd8fc9740405a9" datatype="html">
<source>
Images
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/pages/pictures/pictures.component.html</context>
<context context-type="linenumber">1</context>
</context-group>
</trans-unit>
<trans-unit id="ab5ed75fbdc05c50c07e2a989800e2c01f609096" datatype="html">
<source>
Choisir les propositions
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/pages/answers/answers.component.html</context>
<context context-type="linenumber">2</context>
</context-group>
</trans-unit>
<trans-unit id="9d3134dd15200d284b849d82901859540d7468b9" datatype="html">
<source>
vous pouvez utiliser la syntaxe markdown
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/pages/answers/answers.component.html</context>
<context context-type="linenumber">6</context>
</context-group>
</trans-unit>
<trans-unit id="2ef54ad8955ee783666a80a4a9f2d2566cde636d" datatype="html">
<source>
Et c&apos;est tout pour nous!
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/pages/end-confirmation/end-confirmation.component.html</context>
<context context-type="linenumber">1</context>
</context-group>
</trans-unit>
<trans-unit id="c434b3773c35a5d55a1f5648433e7521e4424aea" datatype="html">
<source>Coté administrateur-ice-eux</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/pages/end-confirmation/end-confirmation.component.html</context>
<context context-type="linenumber">4</context>
</context-group>
</trans-unit>
<trans-unit id="d0225bc631b962e0c6696ebc3e26cc90ecf15387" datatype="html">
<source>Coté sondés</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/pages/end-confirmation/end-confirmation.component.html</context>
<context context-type="linenumber">5</context>
</context-group>
</trans-unit>
<trans-unit id="585c8fc362784c1de91b02f0e69e08c6993f9dd2" datatype="html">
<source>recevoir les liens par e-mail</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/pages/end-confirmation/end-confirmation.component.html</context>
<context context-type="linenumber">6</context>
</context-group>
</trans-unit>
<trans-unit id="fcc2982bfe4e0867b8e03ae32f12536e35e9f2ee" datatype="html">
<source>
Créer un sondage
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/pages/create-or-retrieve/create-or-retrieve.component.html</context>
<context context-type="linenumber">2</context>
</context-group>
</trans-unit>
<trans-unit id="ac06acb64dc44609e549c0026b8d4a0bd35a9d2d" datatype="html">
<source>
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 !
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/pages/create-or-retrieve/create-or-retrieve.component.html</context>
<context context-type="linenumber">8</context>
</context-group>
</trans-unit>
<trans-unit id="c3781d8c21f3eba04fe803a3fe0a4560401491d5" datatype="html">
<source>
C&apos;est parti
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/pages/create-or-retrieve/create-or-retrieve.component.html</context>
<context context-type="linenumber">19</context>
</context-group>
</trans-unit>
<trans-unit id="dde7379e3a2366fe5e1dfb96d27efab283b08bf2" datatype="html">
<source>
Où sont mes sondages ?
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/pages/create-or-retrieve/create-or-retrieve.component.html</context>
<context context-type="linenumber">29</context>
</context-group>
</trans-unit>
<trans-unit id="2129459e12afb298befa20cfc241adc6ed88e612" datatype="html">
<source>
Je cherche les sondages qui correspondent à mon mail :
</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/pages/create-or-retrieve/create-or-retrieve.component.html</context>
<context context-type="linenumber">40</context>
</context-group>
</trans-unit>
</body>
</file>
</xliff>

22
src/app/app.component.html
View File

@ -1,17 +1,17 @@
<header style="text-align:center">
<a [routerLink]="'home'" class="home_link" aria-roledescription="home">
<h1>
<span class="logo_first">Frama</span>
<span class="logo_second">date</span>
</h1>
<i i18n>
Ceci est une démo
</i>
</a>
<a [routerLink]="'home'" class="home_link" aria-roledescription="home">
<h1>
<span class="logo_first">Frama</span>
<span class="logo_second">date</span>
</h1>
<i i18n>
Ceci est une démo
</i>
</a>
</header>
<framadate-navigation></framadate-navigation>
<main>
<router-outlet></router-outlet>
<router-outlet></router-outlet>
</main>
<framadate-debugger></framadate-debugger>
<framadate-debugger></framadate-debugger>

12
src/app/app.module.ts
View File

@ -3,7 +3,6 @@ import {NgModule} from '@angular/core';
import {AppRoutingModule} from './app-routing.module';
import {AppComponent} from './app.component';
import {FormContainerComponent} from './form-container/form-container.component';
import {BaseComponent} from './pages/base-page/base.component';
import {KindComponent} from './pages/kind/kind.component';
import {HeaderComponent} from './header/header.component';
@ -24,13 +23,17 @@ import { CalendarComponent } from './calendar/calendar.component';
import { registerLocaleData } from '@angular/common';
import localeFr from '@angular/common/locales/fr';
import { VotingSummaryComponent } from './pages/voting-summary/voting-summary.component';
import { VotingGraphComponent } from './pages/voting-graph/voting-graph.component';
import { VotingChoiceComponent } from './pages/voting-choice/voting-choice.component';
import { PasswordComponent } from './pages/password/password.component';
import { HomeComponent } from './pages/home/home.component';
registerLocaleData(localeFr, 'fr');
@NgModule({
declarations: [
AppComponent,
FormContainerComponent,
BaseComponent,
KindComponent,
HeaderComponent,
@ -44,6 +47,11 @@ registerLocaleData(localeFr, 'fr');
EndConfirmationComponent,
CreateOrRetrieveComponent,
CalendarComponent,
VotingSummaryComponent,
VotingGraphComponent,
VotingChoiceComponent,
PasswordComponent,
HomeComponent,
],
imports: [

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

@ -1,4 +1,3 @@
import {FormContainerComponent} from '../form-container/form-container.component';
import {KindComponent} from '../pages/kind/kind.component';
import {DatesComponent} from '../pages/dates/dates.component';
import {VisibilityComponent} from '../pages/visibility/visibility.component';
@ -8,6 +7,7 @@ import {EndConfirmationComponent} from '../pages/end-confirmation/end-confirmati
import {AnswersComponent} from '../pages/answers/answers.component';
import {CreateOrRetrieveComponent} from '../pages/create-or-retrieve/create-or-retrieve.component';
import {BaseComponent} from '../pages/base-page/base.component';
import {HomeComponent} from "../pages/home/home.component";
/**
* each step in the form is a component
@ -15,7 +15,7 @@ import {BaseComponent} from '../pages/base-page/base.component';
export const Routes =
[
{path: '', component: CreateOrRetrieveComponent},
{path: 'home', component: FormContainerComponent},
{path: 'home', component: HomeComponent},
{path: 'base', component: BaseComponent},
{path: 'step/creation', component: CreateOrRetrieveComponent},
{path: 'step/date', component: DatesComponent},

68
src/app/debugger/debugger.component.html
View File

@ -1,27 +1,27 @@
<div class="well debug">
<strong>
<h2 i18n>
infos de debug
</h2>
</strong>
<ul>
<li>
étape actuelle {{config.step}} / {{config.stepMax}}
</li>
<li>
formulaire valide : {{formIsValid}}
</li>
<li>
type de formulaire: {{config.pollType}}
</li>
<li>
config:
<pre>
<strong>
<h2 i18n>
infos de debug
</h2>
</strong>
<ul>
<li>
étape actuelle {{config.step}} / {{config.stepMax}}
</li>
<li>
formulaire valide : {{formIsValid}}
</li>
<li>
type de formulaire: {{config.pollType}}
</li>
<li>
config:
<pre>
{{config|json}}
</pre>
</li>
</ul>
</li>
</ul>
</div>
<span i18n>
@ -29,38 +29,38 @@
</span>
<!-- todo: factoriser les boutons-->
<button
(click)="config.set('pollType' , 'classic')"
[class.active]="config.pollType == 'classic'"
[disabled]="!formIsValid"
class="btn btn-primary next"
(click)="config.set('pollType' , 'classic')"
[class.active]="config.pollType == 'classic'"
[disabled]="!formIsValid"
class="btn btn-primary next"
>
<span i18n>
sondage classique
</span>
<span *ngIf="config.pollType == 'classic'">
<span *ngIf="config.pollType == 'classic'">
[x]
</span>
</button>
<button
(click)="selectOption('pollType' ,'dates')"
[class.active]="config.pollType == 'dates'"
[disabled]="!formIsValid"
class="btn btn-primary next"
(click)="selectOption('pollType' ,'dates')"
[class.active]="config.pollType == 'dates'"
[disabled]="!formIsValid"
class="btn btn-primary next"
>
<span i18n>
sondage spécial date
</span>
<span *ngIf="config.pollType == 'dates'">
<span *ngIf="config.pollType == 'dates'">
[x]
</span>
</button>
<button
class="btn"
i18n
(click)="config.sendForm()"
class="btn"
i18n
(click)="config.sendForm()"
>
Envoyer le formulaire
Envoyer le formulaire
</button>

44
src/app/form-container/form-container.component.html
View File

@ -1,44 +0,0 @@
<router-outlet></router-outlet>
<h1 i18n>
Pour commencer
</h1>
<div class="flex-line">
<span class="pre-selector" i18n>
Je veux créer un sondage
</span>
<select id="selector" name="selector" autofocus="autofocus" [(ngModel)]="config.pollType">
<option value="dates">
spécial dates
</option>
<option value="classic">
classique
</option>
</select>
</div>
<div class="flex-line">
<label for="poll_title" class="title-label" i18n>
Dont le titre sera
</label>
<input type="text" id="poll_title" name="poll_title" [(ngModel)]="config.title">
</div>
<div>
<label for="poll_description" class="title-label" i18n>
et la description serait
</label>
<textarea id="poll_description" name="poll_description" [(ngModel)]="config.description" cols="50"
lines="5"></textarea>
</div>
<div class="flex-line">
<label for="my_name">
Je peux aussi préciser mon nom si je le souhaite :
</label>
<input type="text" name="my_name" id="my_name" [(ngModel)]="config.myName">
</div>
<button [routerLink]="'/step/answers'" class="btn_background btn_white_text" i18n>
Continuer
</button>

25
src/app/form-container/form-container.component.ts
View File

@ -1,25 +0,0 @@
import {Component, OnInit} from '@angular/core';
import {ConfigService} from '../config.service';
// import {PollConfig} from '../config/PollConfig';
@Component({
selector: 'framadate-form-container',
templateUrl: './form-container.component.html',
styleUrls: ['./form-container.component.scss']
})
/**
* gestion de la progression dans le formulaire.
* à chaque étape correspond un composant de page
*/
export class FormContainerComponent implements OnInit {
constructor(public config: ConfigService) {
}
ngOnInit() {
}
}

60
src/app/pages/answers/answers.component.html
View File

@ -1,29 +1,41 @@
<div class="answers">
<h1 i18n>
Choisir les propositions
</h1>
<h1 i18n>
Choisir les propositions
</h1>
<p class="subtitle" i18n>
Vous pouvez utiliser la syntaxe markdown
</p>
<p class="subtitle" i18n>
Vous pouvez utiliser la syntaxe markdown
</p>
<ol>
<li #answers *ngFor="let answer of config.answers; index as i;trackBy trackFunction"
class="answer-item">
<input
type="text"
class="answer"
[(ngModel)]="answer.text"
>
</li>
</ol>
<ol>
<li #answers *ngFor="let answer of config.answers; index as i;trackBy trackFunction"
class="answer-item">
<input
type="text"
class="answer"
[(ngModel)]="answer.text"
placeholder="réponse"
>
<button (click)="config.answers.splice(i,1)">X</button>
</li>
</ol>
<button
class="btn_border"
(click)="addAnswer()">
Ajouter une proposition
</button>
<br>
<button [routerLink]="'/step/resume'" class="btn_background btn_white_text">Valider</button>
<a class="prev">Retour</a>
<button
class="btn_border"
(click)="addAnswer()"
i18n
>
Ajouter une proposition
</button>
<br>
<button
[routerLink]="'/step/resume'"
class="btn_background btn_white_text"
i18n
>
Voyons ce que ça donne
</button>
<a class="prev" i18n>
Retour
</a>
</div>

2
src/app/pages/base-page/base.component.html
View File

@ -1,2 +1,2 @@
<h1>Ce composant est celui de base pour les pages</h1>
<a [routerLink]="'/step/end'" class="btn btn-block">C'est parfait!</a>
<a [routerLink]="'/step/end'" class="btn btn-block" i18n="@@confirm">C'est parfait!</a>

77
src/app/pages/create-or-retrieve/create-or-retrieve.component.html
View File

@ -1,27 +1,58 @@
<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="next">
<span class="text" i18n>
C'est parti !
</span>
</a>
<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>
<div class="btn-next">
<a
class="next"
[routerLink]="'/home'"
>
<span
class="text"
i18n
>
C'est parti
</span>
<span class="icon right">
>
</span>
</a>
</div>
</section>
<section class="recuperation">
<h1 i18n>
Où sont mes sondages ?
</h1>
<form action="https://framadate.org/find_polls.php" method="post">
<label class="description" for="email" i18n>
Je cherche les sondages qui correspondent à mon mail :
</label>
<input type="email" name="mail" id="email" autofocus="autofocus" />
<input type="submit" class="btn_border" i18n value="Retrouver mes sondages" />
</form>
</section>
<h1 i18n>
Où sont mes sondages ?
</h1>
<form
action="https://framadate.org/find_polls.php"
method="post"
>
<label
class="description"
for="email"
i18n
>
Je cherche les sondages qui correspondent à mon mail :
</label>
<input
type="email"
name="mail"
id="email"
autofocus="autofocus"
/>
<input
type="submit"
class="btn_border"
i18n
value="Retrouver mes sondages"
/>
</form>
</section>

10
src/app/pages/create-or-retrieve/create-or-retrieve.component.ts
View File

@ -1,15 +1,19 @@
import { Component, OnInit } from '@angular/core';
import {BaseComponent} from "../base-page/base.component";
import {ConfigService} from "../../config.service";
@Component({
selector: 'framadate-create-or-retrieve',
templateUrl: './create-or-retrieve.component.html',
styleUrls: ['./create-or-retrieve.component.scss']
})
export class CreateOrRetrieveComponent implements OnInit {
export class CreateOrRetrieveComponent extends BaseComponent implements OnInit {
constructor() { }
constructor(public config: ConfigService) {
super(config);
}
ngOnInit() {
ngOnInit() {
}
}

64
src/app/pages/dates/dates.component.html
View File

@ -1,58 +1,58 @@
<div i18n>
Config spécialement pour les dates
Config spécialement pour les dates
</div>
<div>
<select
name="multi_hours"
id="multi_hours"
[(ngModel)]="config.allowSeveralHours"
>
<option value="true">possiblement différents</option>
<option value="false">identiques</option>
</select>
<select
name="multi_hours"
id="multi_hours"
[(ngModel)]="config.allowSeveralHours"
>
<option value="true">possiblement différents</option>
<option value="false">identiques</option>
</select>
<label for="multi_hours">
<label for="multi_hours">
<span i18n>
Je souhaite mettre des créneaux horaires
</span>
<span i18n>
<span i18n>
pour chaque journée
</span>
</label>
</label>
</div>
<button
class="btn btn-primary"
(click)="addDate()"
i18n
class="btn btn-primary"
(click)="addDate()"
i18n
>
Ajouter une plage de dates
Ajouter une plage de dates
</button>
<div class="dates-list">
{{config.dateList.length}}
<span i18n>
{{config.dateList.length}}
<span i18n>
choix de Dates
</span>
<div
*ngFor="let choice of config.dateList; index as id"
class="date-choice"
>
<input
type="text"
name="dateChoices[]"
[(ngModel)]="choice.literal"
>
<div
*ngFor="let choice of config.dateList; index as id"
class="date-choice"
>
<input
type="text"
name="dateChoices[]"
[(ngModel)]="choice.literal"
>
<button (click)="config.dateList.splice(id, 1)">X</button>
</div>
<button (click)="config.dateList.splice(id, 1)">X</button>
</div>
</div>
<a
[routerLink]="'/step/end'"
class="btn btn-block"
[routerLink]="'/step/end'"
class="btn btn-block"
>
C'est parfait!
C'est parfait!
</a>

2
src/app/pages/end-confirmation/end-confirmation.component.html
View File

@ -1,5 +1,5 @@
<h1 i18n>
Et c'est tout pour nous!
Et c'est tout pour nous!
</h1>
<p>Votre sondage "Nom du sondage" a bien été crée <br>
Voici les liens d'accès au sondage,conservez les soigneusement

10
src/app/pages/end-confirmation/end-confirmation.component.ts
View File

@ -1,15 +1,19 @@
import { Component, OnInit } from '@angular/core';
import {BaseComponent} from "../base-page/base.component";
import {ConfigService} from "../../config.service";
@Component({
selector: 'framadate-end-confirmation',
templateUrl: './end-confirmation.component.html',
styleUrls: ['./end-confirmation.component.scss']
})
export class EndConfirmationComponent implements OnInit {
export class EndConfirmationComponent extends BaseComponent implements OnInit {
constructor() { }
constructor(public config: ConfigService) {
super(config);
}
ngOnInit() {
ngOnInit() {
}
}

86
src/app/pages/home/home.component.html Normal file
View File

@ -0,0 +1,86 @@
<div class="description">
<router-outlet></router-outlet>
<h1 i18n>
Pour commencer
</h1>
<span
class="pre-selector"
i18n
>
Je veux créer un sondage
</span>
<select
id="selector"
name="selector"
autofocus="autofocus"
[(ngModel)]="config.pollType"
>
<option value="dates">
spécial dates
</option>
<option value="classic">
classique
</option>
</select>
<span class="post-selector">
</span>
<div>
<label
for="poll_title"
class="title-label"
i18n
>
Dont le titre sera
</label>
<input
type="text"
id="poll_title"
name="poll_title"
placeholder="titre"
[(ngModel)]="config.title"
>
</div>
<div>
<label for="my_name">
Je peux aussi préciser mon nom si je le souhaite :
</label>
<input
type="text"
name="my_name"
id="my_name"
placeholder="mon nom"
[(ngModel)]="config.myName"
>
</div>
<div>
<label
for="poll_description"
class="title-label"
i18n
>
et la description serait
</label>
<textarea
id="poll_description"
name="poll_description"
[(ngModel)]="config.description"
placeholder="description"
cols="50"
lines="5"
></textarea>
</div>
<a
[routerLink]="'/step/answers'"
class="btn btn-block"
i18n
>
Continuer
</a>
<hr>
</div>

0
src/app/form-container/form-container.component.scss → src/app/pages/home/home.component.scss
View File

25
src/app/pages/home/home.component.spec.ts Normal file
View File

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

19
src/app/pages/home/home.component.ts Normal file
View File

@ -0,0 +1,19 @@
import {Component, OnInit} from '@angular/core';
import {ConfigService} from "../../config.service";
import {BaseComponent} from "../base-page/base.component";
@Component({
selector: 'framadate-home',
templateUrl: './home.component.html',
styleUrls: ['./home.component.scss']
})
export class HomeComponent extends BaseComponent implements OnInit {
constructor(public config: ConfigService) {
super(config);
}
ngOnInit() {
}
}

4
src/app/pages/kind/kind.component.html
View File

@ -1,3 +1,7 @@
<h1>page de démo</h1>
<p>cette étape est en cours de développement. <br> S'inspirer de la page de Home pour réaliser d'autres pages
</p>
<a [routerLink]="'/step/end'" class="btn btn-block" i18n="@@confirm">C'est parfait!</a>
<h1>Atoms</h1>
<section>
<article>

1
src/app/pages/password/password.component.html Normal file
View File

@ -0,0 +1 @@
<p>password works!</p>

0
src/app/pages/password/password.component.scss Normal file
View File

25
src/app/pages/password/password.component.spec.ts Normal file
View File

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

19
src/app/pages/password/password.component.ts Normal file
View File

@ -0,0 +1,19 @@
import { Component, OnInit } from '@angular/core';
import {BaseComponent} from "../base-page/base.component";
import {ConfigService} from "../../config.service";
@Component({
selector: 'framadate-password',
templateUrl: './password.component.html',
styleUrls: ['./password.component.scss']
})
export class PasswordComponent extends BaseComponent implements OnInit {
constructor(public config: ConfigService) {
super(config);
}
ngOnInit() {
}
}

3
src/app/pages/pictures/pictures.component.html
View File

@ -1,5 +1,6 @@
<!--ceci est la popup pour ajouter une image-->
<h1 i18n>
Images
Images
</h1>
<a [routerLink]="'/step/visibility'" class="btn btn-block">ok</a>

2
src/app/pages/resume/resume.component.html
View File

@ -7,4 +7,4 @@
{{config |json}}
</pre>
</section>
<button [routerLink]="'/step/end'" class="btn_background btn_white_text">C'est parfait!</button>
<button [routerLink]="'/step/end'" class="btn_background btn_white_text" i18n="@@confirm">C'est parfait!</button>

10
src/app/pages/visibility/visibility.component.html
View File

@ -1,14 +1,14 @@
<h1 i18n>
Visibilité des réponses
Visibilité des réponses
</h1>
<h1 i18n>
Votes
Votes
</h1>
<h1 i18n>
Archivage
Archivage
</h1>
<h1 i18n>
Accès au sondage
Accès au sondage
</h1>
<a [routerLink]="'/step/end'" class="btn btn-block">C'est parfait!</a>
<a [routerLink]="'/step/end'" class="btn btn-block" i18n="@@confirm">C'est parfait!</a>

1
src/app/pages/voting-choice/voting-choice.component.html Normal file
View File

@ -0,0 +1 @@
<p>voting-choice works!</p>

0
src/app/pages/voting-choice/voting-choice.component.scss Normal file
View File

25
src/app/pages/voting-choice/voting-choice.component.spec.ts Normal file
View File

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

20
src/app/pages/voting-choice/voting-choice.component.ts Normal file
View File

@ -0,0 +1,20 @@
import { Component, OnInit } from '@angular/core';
import {BaseComponent} from "../base-page/base.component";
import {ConfigService} from "../../config.service";
@Component({
selector: 'framadate-voting-choice',
templateUrl: './voting-choice.component.html',
styleUrls: ['./voting-choice.component.scss']
})
export class VotingChoiceComponent extends BaseComponent implements OnInit {
constructor(public config: ConfigService) {
super(config);
}
ngOnInit() {
}
}

1
src/app/pages/voting-graph/voting-graph.component.html Normal file
View File

@ -0,0 +1 @@
<p>voting-graph works!</p>

0
src/app/pages/voting-graph/voting-graph.component.scss Normal file
View File

25
src/app/pages/voting-graph/voting-graph.component.spec.ts Normal file
View File

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

19
src/app/pages/voting-graph/voting-graph.component.ts Normal file
View File

@ -0,0 +1,19 @@
import { Component, OnInit } from '@angular/core';
import {BaseComponent} from "../base-page/base.component";
import {ConfigService} from "../../config.service";
@Component({
selector: 'framadate-voting-graph',
templateUrl: './voting-graph.component.html',
styleUrls: ['./voting-graph.component.scss']
})
export class VotingGraphComponent extends BaseComponent implements OnInit {
constructor(public config: ConfigService) {
super(config);
}
ngOnInit() {
}
}

1
src/app/pages/voting-summary/voting-summary.component.html Normal file
View File

@ -0,0 +1 @@
<p>voting-summary works!</p>

0
src/app/pages/voting-summary/voting-summary.component.scss Normal file
View File

12
src/app/form-container/form-container.component.spec.ts → src/app/pages/voting-summary/voting-summary.component.spec.ts
View File

@ -1,20 +1,20 @@
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { FormContainerComponent } from './form-container.component';
import { VotingSummaryComponent } from './voting-summary.component';
describe('FormContainerComponent', () => {
let component: FormContainerComponent;
let fixture: ComponentFixture<FormContainerComponent>;
describe('VotingSummaryComponent', () => {
let component: VotingSummaryComponent;
let fixture: ComponentFixture<VotingSummaryComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ FormContainerComponent ]
declarations: [ VotingSummaryComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(FormContainerComponent);
fixture = TestBed.createComponent(VotingSummaryComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});

19
src/app/pages/voting-summary/voting-summary.component.ts Normal file
View File

@ -0,0 +1,19 @@
import { Component, OnInit } from '@angular/core';
import {BaseComponent} from "../base-page/base.component";
import {ConfigService} from "../../config.service";
@Component({
selector: 'framadate-voting-summary',
templateUrl: './voting-summary.component.html',
styleUrls: ['./voting-summary.component.scss']
})
export class VotingSummaryComponent extends BaseComponent implements OnInit {
constructor(public config: ConfigService) {
super(config);
}
ngOnInit() {
}
}

7187
yarn.lock Normal file
View File

File diff suppressed because it is too large Load Diff