change preview for dates type

src/app/config/PollConfig.ts

@@ -25,7 +25,7 @@ export class PollConfig {
     deletionDateAfterLastModification = 180;
     step: number = 0; // step in the progress of creating a poll
     stepMax: number = 3; // step max in the progress of creating a poll
-    pollType: string = 'classic';// classic or date
+    pollType: string = 'dates';// classic or dates
     title: string = 'titre';
     description: string = 'ma description';
     myName: string = 'mon pseudo';

src/app/pages/resume/resume.component.html

@@ -8,14 +8,18 @@
     </h2 >
     <div class="creation" >
         créé par
-        {{config.myName}}
+        <i class='pseudo' >
+            {{config.myName}}
+        </i >
     </div >
     <div class="description" >
-        <p >
+        <cite >
             {{config.description}}
-        </p >
+        </cite >
     </div >
-    <section >
+    <section
+        class='preview type-classic'
+        *ngIf='config.pollType == "classic"' >
         <ul >
             <li
                 markdown
@@ -28,19 +32,49 @@
             </li >
         </ul >
     </section >
+    <section
+        class='type-date'
+        *ngIf='config.pollType == "dates"' >
+        <div
+            *ngFor="let choice of config.dateList; index as id"
+            class="date-choice"
+        >
+            {{choice.literal}}
+
+            <div
+                *ngIf="'true'==config.allowSeveralHours"
+                class="several-times"
+            >
+                <div
+                    *ngFor="let time of choice.timeList; index as idTime"
+                    class="time-choice"
+                >
+                    {{time.literal}}
+
+                </div >
+            </div >
+        </div >
+    </section >
 
 </div >
 
-<button [routerLink]="'/step/visibility'"
+<button
-        class="btn btn--primary btn--full">
+    [routerLink]="'/step/visibility'"
+    class="btn btn--primary btn--full" >
     C'est parfait!
-</button>
+</button >
-
 
 <div class="back" >
     <a
+        *ngIf='config.pollType == "classic"'
         [routerLink]="'/step/answers'"
         class="prev" >
         Retour
     </a >
+    <a
+        *ngIf='config.pollType == "dates"'
+        [routerLink]="'/step/dates'"
+        class="prev" >
+        Retour
+    </a >
 </div >

src/app/services/config.service.ts

@@ -278,6 +278,18 @@ export class ConfigService extends PollConfig {
         this.createPollFromConfig(this.getPollConfig())
     }
 
+    updateCurrentPollFromResponse(res: any) {
+        this.currentPoll = res.data;
+        this.currentPoll.admin_key = res.admin_key;
+        this.pollId = res.data.id;
+        this.urlPublic = this.baseHref + '#/vote/poll/id/' + res.data.id;
+        this.urlSlugPublic = this.baseHref + '#/vote/poll/slug/' + res.data.id;
+        if (res.data.customUrl) {
+            this.urlSlugPublic = this.baseHref + '#/vote/poll/id/' + res.data.customUrl;
+        }
+        this.urlAdmin = this.baseHref + '#/admin/' + res.admin_key;
+    }
+
     /**
      * POST
      * /api/v1/poll/{id}/poll
@@ -292,15 +304,9 @@ export class ConfigService extends PollConfig {
             .subscribe((res: any) => {
                     // redirect to the page to administrate the new poll
                     this.messageService.add({severity: 'success', summary: 'Sondage Créé',});
-                    this.currentPoll = res.data;
+
-                    this.currentPoll.admin_key = res.admin_key;
+                    this.updateCurrentPollFromResponse(res);
-                    this.pollId = res.data.id;
+
-                    this.urlPublic = this.baseHref + '#/vote/poll/id/' + res.data.id;
-                    this.urlSlugPublic = this.baseHref + '#/vote/poll/slug/' + res.data.id;
-                    if (res.data.customUrl) {
-                        this.urlSlugPublic = this.baseHref + '#/vote/poll/id/' + res.data.customUrl;
-                    }
-                    this.urlAdmin = this.baseHref + '#/admin/' + res.admin_key;
                     this.loading = false;
                     if (!this.myPolls) {
                         this.myPolls = [];
@@ -355,9 +361,9 @@ export class ConfigService extends PollConfig {
                     this.messageService.add({severity: 'success', summary: 'Vote ajouté'});
 
                     // save modifier token
-                    voteStack['modifier_token'] = res.modifier_token;
+                    this.myVoteStack['modifier_token'] = res.modifier_token;
-                    voteStack['id'] = res.vote_stack.id;
+                    this.myVoteStack['id'] = res.vote_stack.id;
-                    this.currentPoll = res;
+                    this.updateCurrentPollFromResponse(res);
                 }, (e) => {
                     this.handleError(e)
                 }
@@ -382,7 +388,7 @@ export class ConfigService extends PollConfig {
             this.makeHeaders())
             .subscribe((res: any) => {
                     this.messageService.add({severity: 'success', summary: 'Vote mis à jour'});
-                    this.currentPoll = res;
+                    this.updateCurrentPollFromResponse(res);
                 }, (e) => {
                     this.handleError(e)
                 }
@@ -526,7 +532,7 @@ export class ConfigService extends PollConfig {
                         severity: 'success',
                         summary: 'Sondage mis à jour',
                     });
-                    this.currentPoll = res;
+                    this.currentPoll = res.data;
                 }, (e) => {
                     this.handleError(e)
                 }