poll routing hints in the app, demo precision in header

src/app/app.component.html

@@ -6,7 +6,7 @@
     >
         <h1 >
             <span class="logo_first" >Frama</span >
-            <span class="logo_second" >date</span >
+            <span class="logo_second" >date</span > (démo)
         </h1 >
         <div class="legend" >proposé par
             <span class="legend_first" >Frama</span >

src/app/config/PollConfig.ts

@@ -46,8 +46,8 @@ export class PollConfig {
     password = '';
     customUrl = ''; // custom slug in the url, must be unique
     customUrlIsUnique = null; // given by the backend
-    urlPublic = environment.baseApiHref + '/default-url';
+    urlPublic = environment.baseHref + '/#/poll/id/3';
-    urlAdmin = environment.baseApiHref + '/default-url/admin/d65es45fd45sdf45sd345f312sdf31sgfd345';
+    urlAdmin = environment.baseHref + '/#/admin/d65es45fd45sdf45sd345f312sdf31sgfd345';
     canModifyAnswers = 1;// everybody, self, nobody (= just admin)
     whoModifiesAnswers = "self";// everybody, self, nobody (= just admin)
     whoCanChangeAnswers = 'everybody';// everybody, self, nobody (= just admin)

src/app/config/Routes.ts

@@ -36,6 +36,7 @@ export const Routes =
         {path: 'step/end', component: EndConfirmationComponent},
         {path: 'graphic/:poll', component: PollGraphicComponent},
         {path: 'vote/poll/id/:poll', component: PollDisplayComponent},
+        {path: 'vote/poll/slug/:pollSlug', component: PollDisplayComponent},
         {path: 'votechoice', component: VoteChoiceComponent},
         {path: 'voting', component: VotingComponent},
         {path: 'step/password', component: PasswordComponent},

src/app/pages/poll-display/poll-display.component.ts

@@ -23,12 +23,26 @@ export class PollDisplayComponent extends BaseComponent implements OnInit {
 
         // fetch poll with its ID or slug.
         const id = this.activeRoute.snapshot.params.poll;
+        const pollSlug = this.activeRoute.snapshot.params.pollSlug;
         if (id) {
-            this.config.pollId = id;
+
             // store it in the poll property here
             this.config.getPollById(id).subscribe(
                 (res: any) => {
+                    this.config.pollId = id;
                     this.config.currentPoll = res;
+                    this.config.loading = false;
+                }, (e) => {
+                    // handle need for a password
+                    this.config.handleError(e)
+                }
+            );
+        } else if (pollSlug) {
+            this.config.getPollByURL(pollSlug).subscribe(
+                (res: any) => {
+                    this.config.pollId = res.id;
+                    this.config.currentPoll = res;
+                    this.config.loading = false;
                 }, (e) => {
                     // handle need for a password
                     this.config.handleError(e)

src/app/pages/visibility/visibility.component.html

@@ -114,7 +114,7 @@
         {{"visibility.access_instructions"|translate}}
     </sub >
     <div class="preview-url" >
-        {{baseUrl + '/' + config.customUrl}}
+        {{environment.baseHref + '#/poll/slug/' + config.customUrl}}
     </div >
     <br >
     <label for="passwordAccess" >

src/app/pages/visibility/visibility.component.ts

@@ -11,6 +11,7 @@ import {environment} from "../../../environments/environment";
 export class VisibilityComponent extends BaseComponent implements OnInit {
     showCustomPassword = false;
     baseUrl = environment.baseApiHref;
+    environment = environment;
 
     constructor(public config: ConfigService) {
         super(config);

src/app/services/config.service.ts

@@ -28,6 +28,7 @@ export class ConfigService extends PollConfig {
         super();
         // fill in mock values if we are not in production environment
         if (!environment.production) {
+            console.info(' ######### framadate ######### we are not in production env, filling with mock values');
             this.currentPoll = mockPoll3;
             this.myPolls = mockMyPolls;
             this.dateList = defaultDates;
@@ -44,6 +45,7 @@ export class ConfigService extends PollConfig {
         this.messageService.clear();
     }
 
+    // utils functions
     /**
      * generate unique id to have a default url for future poll
      */
@@ -54,6 +56,10 @@ export class ConfigService extends PollConfig {
         });
     }
 
+    /**
+     * make a uniq slug for the current poll creation
+     * @param str
+     */
     makeSlug(str?: string) {
         if (!str) {
             str = this.creationDate.getFullYear() + '_' + (this.creationDate.getMonth() + 1) + '_' + this.creationDate.getDate() + '_' + this.myName + '_' + this.title;
@@ -96,9 +102,6 @@ export class ConfigService extends PollConfig {
      */
     getPollConfig() {
         const jsonConfig = {
-            method: 'POST',
-            data: {
-
             owner: {
                 email: this.myEmail,
                 pseudo: this.myName,
@@ -118,7 +121,6 @@ export class ConfigService extends PollConfig {
             dateList: this.dateList,
             timeList: this.timeList,
             answers: this.answers,
-            }
         };
         return jsonConfig
     }
@@ -226,13 +228,7 @@ export class ConfigService extends PollConfig {
     getPollByURL(url: string) {
 
         this.todo();
-        // this.http.get(`${this.baseHref}/poll/${url}`, this.makeHeaders()).subscribe(
+        return this.http.get(`${this.baseHref}/poll/slug/${url}`, this.makeHeaders())
-        //     (res: any) => {
-        //         this.myPolls = res.data;
-        //     }, (e) => {
-        //         this.handleError(e)
-        //     }
-        // );
     }
 
     /**