colors on datepicker

src/app/features/administration/form/steps/step-four/step-four.component.html

@@ -51,13 +51,17 @@
 	<div class="columns">
 		<div class="column">
 			<button class="button is-secondary is-fullwidth" [routerLink]="['/administration/step/3']">
-				précédent
+				Précédent
 			</button>
 		</div>
 		<div class="column">
-			<button class="btn is-primary is-fullwidth" (click)="createPoll()" [disabled]="!pollService.form.valid">
+			<button
+				class="btn is-primary is-fullwidth"
+				[routerLink]="['/administration/step/5']"
+				[disabled]="!pollService.form.valid"
+			>
 				<i class="fa fa-save"></i>
-				Enregistrer le sondage
+				Suivant
 			</button>
 		</div>
 	</div>

src/app/features/administration/form/steps/step-seven/step-seven.component.html

@@ -1,29 +1,31 @@
 <div class="columns">
-	<h2 class="title is-2">
-		Voici le résumé de votre sondage
-	</h2>
-	<p class="helper">
-		En cliquant sur le bouton « Modifier » d’une section vous serez renvoyé à l’étape correspondante de la création
-		du sondage. Vous devrez repasser par toutes les étapes suivante.
-		<br />
-		Mais rassurez-vous, vous n’aurez pas à tout remplir à nouveau.
-	</p>
-	<div class="resume">
-		<h3 class="title is-3">Mes informations générales</h3>
-		<h3 class="title is-3">Mon type de sondage</h3>
-		<h3 class="title is-3">Mes dates et horaires</h3>
-		<h3 class="title is-3">Mes paramètres et options de notifications</h3>
-		<h3 class="title is-3">Mon nom et mon adresse e-mail</h3>
-	</div>
 	<div class="column">
-		<button class="button is-secondary is-fullwidth" [routerLink]="['/administration/step/3']">
+		<h2 class="title is-2">
-			précédent
+			Voici le résumé de votre sondage
-		</button>
+		</h2>
-	</div>
+		<p class="helper">
-	<div class="column">
+			En cliquant sur le bouton « Modifier » d’une section vous serez renvoyé à l’étape correspondante de la
-		<button class="btn is-primary is-fullwidth" (click)="createPoll()" [disabled]="!pollService.form.valid">
+			création du sondage. Vous devrez repasser par toutes les étapes suivante.
-			<i class="fa fa-save"></i>
+			<br />
-			Enregistrer le sondage
+			Mais rassurez-vous, vous n’aurez pas à tout remplir à nouveau.
-		</button>
+		</p>
+		<div class="resume">
+			<h3 class="title is-3">Mes informations générales</h3>
+			<h3 class="title is-3">Mon type de sondage</h3>
+			<h3 class="title is-3">Mes dates et horaires</h3>
+			<h3 class="title is-3">Mes paramètres et options de notifications</h3>
+			<h3 class="title is-3">Mon nom et mon adresse e-mail</h3>
+		</div>
+		<div class="column">
+			<button class="button is-secondary is-fullwidth" [routerLink]="['/administration/step/3']">
+				précédent
+			</button>
+		</div>
+		<div class="column">
+			<button class="btn is-primary is-fullwidth" (click)="createPoll()" [disabled]="!pollService.form.valid">
+				<i class="fa fa-save"></i>
+				Enregistrer le sondage
+			</button>
+		</div>
 	</div>
 </div>

src/app/features/administration/form/steps/step-six/step-six.component.html

@@ -1 +1,34 @@
-<p>step-six works!</p>
+<div class="step">
+	<div class="min-height">
+		<form action="#" [formGroup]="pollService.form">
+			<app-stepper [step_current]="4" [step_max]="pollService.step_max"></app-stepper>
+			<h2 class="title is-2">
+				Dites à vos participants qui vous êtes !
+			</h2>
+			<label for="name">
+				Votre nom (obligatoire)
+			</label>
+			<input class="input" type="text" id="name" formControlName="creatorPseudo" />
+			<label for="email">
+				Votre adresse e-mail (obligatoire)
+			</label>
+			<input class="input" type="text" id="email" formControlName="creatorEmail" />
+		</form>
+	</div>
+	<div class="columns">
+		<div class="column">
+			<button class="button is-secondary is-fullwidth" [routerLink]="['/administration/step/5']">
+				Précédent
+			</button>
+		</div>
+		<div class="column">
+			<button
+				class="btn is-primary is-fullwidth"
+				[routerLink]="['/administration/step/7']"
+				[disabled]="!pollService.form.valid"
+			>
+				Suivant
+			</button>
+		</div>
+	</div>
+</div>

src/app/features/administration/form/steps/step-three/step-three.component.ts

@@ -12,7 +12,7 @@ export class StepThreeComponent implements OnInit {
 	step_max: any;
 	@Input()
 	form: any;
-	public mode_calendar = false;
+	public mode_calendar = true;
 
 	constructor(public pollService: PollService) {
 		this.pollService.step_current = 3;

src/app/features/consultation/consultation-landing/consultation-landing.component.html

@@ -1,13 +1,14 @@
 <div>
 	<h2 class="title is-2">
-		[nom créateur] vous invite à participer à son sondage
+		<!--		{{pollService._poll.getValue().creatorPseudo}}-->
+		vous invite à participer à son sondage
 	</h2>
 	<div>
 		<div class="badge creator">
-			Nom du créateur
+			<!--			{{pollService._poll.getValue().creatorPseudo}}-->
 		</div>
 		<h3 class="title is-3">
-			Quand pour le resto ?
+			{{ pollService.poll.title }}
 		</h3>
 		<p class="description">
 			Si l’administrateur du sondage a ajouter une description elle sera affiché ici.

src/app/features/consultation/consultation.component.ts

@@ -15,8 +15,8 @@ import { ToastService } from '../../core/services/toast.service';
 	styleUrls: ['./consultation.component.scss'],
 })
 export class ConsultationComponent implements OnInit, OnDestroy {
-	public isCompactMode = false;
+	// public isCompactMode = false;
-	// public isCompactMode = true;
+	public isCompactMode = true;
 	public poll: Poll;
 	public pollSlug: string;
 	public pass_hash: string;

src/styles/partials/_forms.scss

@@ -271,6 +271,14 @@ mat-checkbox {
 	padding: 0.5em;
 	margin: 1em auto;
 
+	.p-datepicker-title,
+	.p-datepicker-calendar thead tr th span {
+		color: $secondary_color !important;
+		text-align: center;
+		width: 100%;
+		display: block;
+	}
+
 	p-button,
 	button {
 		border: solid 1px $secondary_color !important;
@@ -287,9 +295,9 @@ mat-checkbox {
 		border-right: 1px solid $secondary_color;
 	}
 
-	.p-datepicker-today td span {
+	.p-datepicker-today span {
 		font-weight: bold;
-		border: solid 3px $secondary_color;
+		border: solid 3px $secondary_color !important;
 		background: $white;
 	}