random autofill on view page of a poll

src/app/core/models/stack.model.ts

@@ -3,8 +3,8 @@ import { Owner } from './owner.model';
 
 export class Stack {
 	public id: number;
-	public pseudo: string = 'Choque Nourrice';
+	public pseudo = 'Choque Nourrice';
-	public comment: string = 'Le beau commentaire de Choque Nourrice';
+	public comment = 'Le beau commentaire de Choque Nourrice';
 	public owner: Owner = new Owner();
-	public votes: Vote[];
+	public votes: Vote[] = [];
 }

src/app/core/services/storage.service.ts

@@ -18,6 +18,7 @@ import {
 import { Poll } from '../models/poll.model';
 import { Owner } from '../models/owner.model';
 import { DateUtilitiesService } from './date.utilities.service';
+import { ToastService } from './toast.service';
 
 @Injectable({
 	providedIn: 'root',
@@ -44,8 +45,13 @@ export class StorageService {
 	@LocalStorage()
 	public choices: Choice[] = [];
 
-	constructor(public dateUtilities: DateUtilitiesService) {
+	constructor(
+		public dateUtilities: DateUtilitiesService,
+
+		private toastService: ToastService
+	) {
 		if (environment.autofill) {
+			this.toastService.display('autofill des sondages utilisateur');
 			this.userPolls.push(new Poll(new Owner(), 'Démo: Anniversaire de tonton Patrick', 'aujourdhui-ou-demain'));
 			this.userPolls.push(new Poll(new Owner(), 'Démo: Atelier cuisine du quartier', 'aujourdhui-ou-demain'));
 			this.userPolls.push(
@@ -64,7 +70,9 @@ export class StorageService {
 		// text choices
 		for (const choice of choices_list) {
 			if (environment.autofill) {
-				this.vote_stack.votes.push(new Vote(choice.id, 'yes'));
+				this.toastService.display('autofill au hasard des votes à ce sondage');
+				const defaultvalue = Math.random() > 0.75 ? 'yes' : '';
+				this.vote_stack.votes.push(new Vote(choice.id, defaultvalue));
 			} else {
 				this.vote_stack.votes.push(new Vote(choice.id));
 			}

src/app/features/consultation/poll-results-compact/poll-results-compact.component.html

@@ -2,9 +2,9 @@
 <div class="date-choices" *ngIf="poll.kind == 'date'">
 	<div class="box" *ngFor="let group of poll.choices_grouped">
 		<h3 class="title is-3">
-			{{ group.date_string }}
+			{{ showAsDate(group.date_string) | date: 'fullDate':'Europe/Paris':'fr_FR' }}
 		</h3>
-		<div class="box" *ngFor="let choice of group.choices">
+		<div class="time-slice-choice" *ngFor="let choice of group.choices">
 			<div class="columns is-vcentered is-mobile">
 				<div class="column">
 					<label class="label">
@@ -18,9 +18,9 @@
 					</span>
 				</div>
 				<div class="column is-narrow">
-					<button class="button is-white" (click)="openModal(poll, choice)">
+					<!--					<button class="button is-white" (click)="openModal(poll, choice)">-->
-						<i class="fa fa-info-circle"></i>
+					<!--						<i class="fa fa-info-circle"></i>-->
-					</button>
+					<!--					</button>-->
 				</div>
 				<div class="column is-narrow">
 					<div class="buttons has-addons is-right">

src/app/features/consultation/poll-results-compact/poll-results-compact.component.ts

@@ -31,4 +31,8 @@ export class PollResultsCompactComponent implements OnInit {
 	toggleAnswer(choice_id: number, value: string) {
 		this.storageService.toggleAnswer(choice_id, value);
 	}
+
+	showAsDate(date_string: string) {
+		return new Date(date_string);
+	}
 }

src/app/shared/components/choice-item/choice-button.component.html

@@ -1,5 +1,5 @@
 <button
-	class="button is-white"
+	class="choice-button is-white"
 	[ngClass]="{ 'is-primary': storageService.choiceHasAnswerOfValue(choice.id, answerEnum[answerKind]) }"
 	(click)="storageService.toggleAnswer(choice.id, answerEnum[answerKind])"
 	*ngIf="poll.allowed_answers.indexOf(answerEnum[answerKind]) !== -1"

src/app/shared/components/choice-item/choice-button.component.scss

@@ -0,0 +1,12 @@
+.choice-button {
+	padding: 1.5em;
+	border-radius: 10em;
+	border: solid 3px #ccc;
+	height: 5em;
+	width: 5em;
+	display: inline-block;
+	&:focus,
+	&:active {
+		border-color: #6c99ff;
+	}
+}