[Administration] Paramètres : gestion des ancres pour aller sur une sectino particulière des paramètres

backend/views/producer/update.php

 <div class="user-update" id="app-producer-update">
 
     <div id="nav-params">
-        <button v-for="section in sectionsArray" v-if="!section.isAdminSection || (section.isAdminSection && isAdmin)"
+        <a v-for="section in sectionsArray" v-if="!section.isAdminSection || (section.isAdminSection && isAdmin)"
                 :class="'btn '+((currentSection == section.name) ? 'btn-primary' : 'btn-default')"
-                @click="changeSection(section)">
+                @click="changeSection(section)" :href="'#'+section.name">
             {{ section.nameDisplay }}
             <span class="glyphicon glyphicon-triangle-bottom"></span>
-        </button>
+        </a>
     </div>
 
     <div class="user-form">
             <div v-show="currentSection == 'software'" class="panel panel-default">
                 <div class="panel-body">
                     <h4>Opendistrib</h4>
+                    <?php $urlAboutPage = Yii::$app->urlManagerFrontend->createAbsoluteUrl(['site/about']); ?>
                     <?= $form->field($model, 'option_testimony')
                         ->textarea(['rows' => 7])
-                        ->hint("Écrivez ici votre témoignage concernant l'utilisation du logiciel. Il sera publié sur la page 'À propos' du site.") ; ?>
+                        ->hint("Écrivez ici votre témoignage concernant l'utilisation du logiciel. Il sera publié sur la page <a href=\"".$urlAboutPage."\" target=\"_blanck\">À propos</a> du site.") ; ?>
                     <?= $form->field($model, 'option_time_saved')
                         ->dropDownList([
                             null => '--',
                             7 => '7 heures',
                             8 => '8 heures',
                         ])
-                        ->hint("Sélectionnez le temps que vous estimez gagner chaque semaine en utilisant ce logiciel. Cette donnée sera utilisée sur la page 'À propos' du site.") ; ?>
+                        ->hint("Sélectionnez le temps que vous estimez gagner chaque semaine en utilisant ce logiciel. Cette donnée sera utilisée sur la page <a href=\"".$urlAboutPage."\" target=\"_blanck\">À propos</a> du site.") ; ?>
                     <?= $form->field($model, 'option_display_message_new_opendistrib_version')
                         ->dropDownList([
                             1 => 'Oui',

backend/web/css/screen.css

   margin-bottom: 30px;
 }
 /* line 347, ../sass/screen.scss */
-#nav-params button {
+#nav-params a {
   margin-right: 10px;
 }
 

backend/web/js/vuejs/producer-update.js

     el: '#app-producer-update',
     data() {
         return Object.assign({
-            currentSection: 'general',
+            currentSection: this.getInitialSection(),
             sectionsArray: [
                 {
                     name: 'general',
     methods: {
         changeSection: function(section) {
             this.currentSection = section.name ;
+        },
+        getInitialSection: function() {
+            var hash = window.location.hash.substring(1);
+            if(hash && hash.length) {
+                return hash;
+            }
+
+            return 'general';
         }
+    },
+    mounted: function() {
+
     }
 });
 

backend/web/sass/screen.scss

 #nav-params {
     margin-bottom: 30px ;
 
-    button {
+    a {
         margin-right: 10px  ;
     }
 }