vue_accourse: adapt stickynav numerotation with 2 new blocs

+ let IDE make corrections in theses files

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Comment.vue

@@ -1,48 +1,48 @@
 <template>
    <div class="vue-component">
-      <h2><a name="section-60"></a>{{ $t('comment.title') }}</h2>
+      <h2><a name="section-80"></a>{{ $t('comment.title') }}</h2>
-      
+
       <!--div class="error flash_message" v-if="errors.length > 0">
          {{ errors[0] }}
          TODO fix errors flashbag for app component
       </div-->
-      
+
       <div>
          <form @submit.prevent="submitform">
-            
+
             <label for="content">{{ $t('comment.label') }}</label>
-            
+
             <div v-if="initialComment">
                {{ $t('comment.created_by', [
-                  initialComment.creator.text, 
+                  initialComment.creator.text,
                   $d(initialComment.createdAt.datetime, 'long')
                ]) }}
             </div>
-            
+
-            <textarea 
+            <textarea
-               name="content" 
+               name="content"
                v-bind:placeholder="$t('comment.content')"
-               rows="8" 
+               rows="8"
                cols="80"
                ckeditor="ckeditor"
                v-model="content">
             </textarea>
-            
+
             <ul class="record_actions">
                <li>
                   <button type="submit" class="btn btn-save">{{ $t('action.save') }}</button>
                </li>
                <li v-if="initialComment !== null">
-                  <a class="btn btn-delete" 
+                  <a class="btn btn-delete"
                      @click="removeComment">
                      {{ $t('action.delete') }}
                   </a>
                </li>
             </ul>
-            
+
          </form>
       </div>
-      
+
    </div>
 </template>
 
@@ -51,7 +51,7 @@ export default {
    name: "Comment",
    data() {
       return {
-         formdata: { 
+         formdata: {
             type: "accompanying_period_comment",
             content: ''
          }

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Confirm.vue

@@ -1,6 +1,6 @@
 <template>
 <div class="vue-component">
-   <h2><a name="section-70"></a>
+   <h2><a name="section-90"></a>
       {{ $t('confirm.title') }}
    </h2>
 
@@ -13,7 +13,7 @@
          {{ $t('confirm.text_active') }}
          <span class="badge bg-primary">{{ $t('course.step.active') }}</span>
       </p>
-      
+
       <ul class="record_actions">
          <li>
             <button class="btn btn-save" @click="modal.showModal = true">

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/CourseLocation.vue

@@ -1,6 +1,6 @@
 <template>
    <div class="vue-component">
-      <h2><a name="section-35"></a>
+      <h2><a name="section-50"></a>
          {{ $t('courselocation.title') }}
       </h2>
       <div class="my-4">

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/OriginDemand.vue

@@ -1,7 +1,7 @@
 <template>
    <div class="vue-component">
-      <h2><a name="section-15"></a>{{ $t('origin.title') }}</h2>
+      <h2><a name="section-20"></a>{{ $t('origin.title') }}</h2>
-     
+
       <div class="my-4">
          <label for="selectOrigin">
             {{ $t('origin.label') }}

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Referrer.vue

@@ -1,6 +1,6 @@
 <template>
 <div class="vue-component">
-   <h2><a name="section-40"></a>{{ $t('referrer.title') }}</h2>
+   <h2><a name="section-60"></a>{{ $t('referrer.title') }}</h2>
 
    <div class="my-4">
       <label class="col-form-label" for="selectReferrer">
@@ -21,7 +21,7 @@
 
       <ul class="record_actions">
          <li>
-            <button 
+            <button
                class="btn btn-create"
                type="button"
                name="button"

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Requestor.vue

@@ -1,7 +1,7 @@
 <template>
 <div class="vue-component">
 
-   <h2><a name="section-20"></a>{{ $t('requestor.title') }}</h2>
+   <h2><a name="section-30"></a>{{ $t('requestor.title') }}</h2>
 
    <div v-if="accompanyingCourse.requestor" class="flex-table">
 

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources.vue

@@ -1,12 +1,12 @@
 <template>
 <div class="vue-component">
-  
+
-   <h2><a name="section-50"></a>{{ $t('resources.title')}}</h2>
+   <h2><a name="section-70"></a>{{ $t('resources.title')}}</h2>
-   
+
    <div>
       <label class="col-form-label">{{ $tc('resources.counter', counter) }}</label>
    </div>
-   
+
    <table class="table table-bordered table-striped border-dark align-middle" v-if="resources.length > 0">
       <thead>
          <tr>
@@ -24,9 +24,9 @@
          </resource-item>
       </tbody>
    </table>
-   
+
    <div>
-      <add-persons 
+      <add-persons
         buttonTitle="resources.add_resources"
         modalTitle="resources.add_resources"
         v-bind:key="addPersons.key"

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/SocialIssue.vue

@@ -1,15 +1,15 @@
 <template>
   <div class="vue-component">
-     <h2><a name="section-30"></a>{{ $t('social_issue.title') }}</h2>
+     <h2><a name="section-40"></a>{{ $t('social_issue.title') }}</h2>
-     
+
      <div class="my-4">
         <!--label for="field">{{ $t('social_issue.label') }}</label
         -->
         <VueMultiselect
            name="field"
            :close-on-select="false"
-           :allow-empty="true" 
+           :allow-empty="true"
-           :show-labels="false" 
+           :show-labels="false"
            track-by="id"
            label="text"
            :multiple="true"
@@ -20,7 +20,7 @@
            :options="options">
         </VueMultiselect>
      </div>
-     
+
   </div>
 </template>
 
@@ -51,7 +51,7 @@ export default {
             //console.log('get socialIssues', response.results);
             this.options = response.results;
             resolve();
-         })).catch(error => this.$store.commit('catchError', error));        
+         })).catch(error => this.$store.commit('catchError', error));
       },
       updateSocialIssues(value) {
          this.$store.dispatch('updateSocialIssues', this.transformValue(value));
@@ -60,7 +60,7 @@ export default {
          let stored = this.value;
          let added = updated.filter(x => stored.indexOf(x) === -1).shift();
          let removed = stored.filter(x => updated.indexOf(x) === -1).shift();
-         let method = (typeof removed === 'undefined') ? 'POST' : 'DELETE';         
+         let method = (typeof removed === 'undefined') ? 'POST' : 'DELETE';
          let changed = (typeof removed === 'undefined') ? added : removed;
          let body = { type: "social_issue", id: changed.id };
          //console.log('body', body);

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/StickyNav/Item.vue

@@ -1,15 +1,15 @@
 <template>
-   <a 
+   <a
-      v-if="item.key <= 5"
+      v-if="item.key <= 7"
-      :href="item.name" 
+      :href="item.name"
       :class="{ 'active': isActive }"
       >
       <i class="fa fa-fw fa-square"></i>
       <span>{{ item.key }}</span>
    </a>
-   <a 
+   <a
       v-else-if="step === 'DRAFT'"
-      :href="item.name" 
+      :href="item.name"
       :class="{ 'active': isActive }"
       >
       <i class="fa fa-fw fa-square"></i>