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

backend/views/producer/update.php

@@ -60,12 +60,12 @@ $this->addBreadcrumb($this->getTitle());
 <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">
@@ -486,9 +486,10 @@ $this->addBreadcrumb($this->getTitle());
             <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 => '--',
@@ -502,7 +503,7 @@ $this->addBreadcrumb($this->getTitle());
                             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

@@ -431,7 +431,7 @@ a.btn.btn-primary .glyphicon-triangle-bottom, button.btn.btn-primary .glyphicon-
   margin-bottom: 30px;
 }
 /* line 347, ../sass/screen.scss */
-#nav-params button {
+#nav-params a {
   margin-right: 10px;
 }
 

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

@@ -39,7 +39,7 @@ var app = new Vue({
     el: '#app-producer-update',
     data() {
         return Object.assign({
-            currentSection: 'general',
+            currentSection: this.getInitialSection(),
             sectionsArray: [
                 {
                     name: 'general',
@@ -92,7 +92,18 @@ var app = new Vue({
     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

@@ -344,7 +344,7 @@ a.btn, button.btn {
 #nav-params {
     margin-bottom: 30px ;
 
-    button {
+    a {
         margin-right: 10px  ;
     }
 }