complete features-tour for projects page

app/assets/javascripts/controllers/admin/projects.js

@@ -26,6 +26,9 @@ Application.Controllers.controller('AdminProjectsController', ['$scope', '$state
     // Application settings
     $scope.allSettings = settingsPromise;
 
+    // default tab: materials
+    $scope.tabs = { active: 0 };
+
     /**
      * Saves a new component / Update an existing material to the server (form validation callback)
      * @param data {Object} component name
@@ -168,7 +171,6 @@ Application.Controllers.controller('AdminProjectsController', ['$scope', '$state
       }
     };
 
-
     /**
      * For use with 'ng-class', returns the CSS class name for the uploads previews.
      * The preview may show a placeholder or the content of the file depending on the upload state.
@@ -227,15 +229,28 @@ Application.Controllers.controller('AdminProjectsController', ['$scope', '$state
         placement: 'bottom',
         popupClass: 'shift-left-40'
       });
+      uitour.createStep({
+        selector: '.projects .settings-tab',
+        stepId: 'settings',
+        order: 2,
+        title: _t('app.admin.tour.projects.settings.title'),
+        content: _t('app.admin.tour.projects.settings.content'),
+        placement: 'bottom',
+        popupClass: 'shift-left-50'
+      });
       uitour.createStep({
         selector: 'body',
         stepId: 'conclusion',
-        order: 2,
+        order: 3,
         title: _t('app.admin.tour.conclusion.title'),
         content: _t('app.admin.tour.conclusion.content'),
         placement: 'bottom',
         orphan: true
       });
+      // on step change, change the active tab if needed
+      uitour.on('stepChanged', function (nextStep) {
+        if (nextStep.stepId === 'settings') { $scope.tabs.active = 3; }
+      });
       // on tour end, save the status in database
       uitour.on('ended', function () {
         if (uitour.getStatus() === uitour.Status.ON && $scope.currentUser.profile.tours.indexOf('projects') < 0) {

app/assets/templates/admin/projects/index.html.erb

@@ -29,17 +29,17 @@
   <div class="row">
 
     <div class="col-md-12">
-      <uib-tabset justified="true">
-        <uib-tab heading="{{ 'app.admin.projects.materials' | translate }}">
+      <uib-tabset justified="true" active="tabs.active">
+        <uib-tab heading="{{ 'app.admin.projects.materials' | translate }}" index="0">
           <ng-include src="'<%= asset_path "admin/projects/materials.html" %>'"></ng-include>
         </uib-tab>
-        <uib-tab heading="{{ 'app.admin.projects.themes' | translate }}">
+        <uib-tab heading="{{ 'app.admin.projects.themes' | translate }}" index="1">
           <ng-include src="'<%= asset_path "admin/projects/themes.html" %>'"></ng-include>
         </uib-tab>
-        <uib-tab heading="{{ 'app.admin.projects.licences' | translate }}">
+        <uib-tab heading="{{ 'app.admin.projects.licences' | translate }}" index="2">
           <ng-include src="'<%= asset_path "admin/projects/licences.html" %>'"></ng-include>
         </uib-tab>
-        <uib-tab heading="{{ 'app.admin.projects.settings.title' | translate }}">
+        <uib-tab heading="{{ 'app.admin.projects.settings.title' | translate }}" index="3" class="settings-tab">
           <ng-include src="'<%= asset_path "admin/projects/settings.html" %>'"></ng-include>
         </uib-tab>
       </uib-tabset>

config/locales/app.admin.en.yml

@@ -1371,6 +1371,9 @@ en:
           abuses:
             title: "Manage reports"
             content: "<p>Access here the management of reports.</p><p>Visitors can signal projects, for example for copyright infringement or for hate speech.</p><p>GDPR requires you to delete this reporting data once the required actions have been taken.</p>"
+          settings:
+            title: "Settings"
+            content: "<p>Comments, CAD files ... Manage project parameters here</p><p>You can also activate OpenLab projects, in order to display the projects shared by other Fab Labs in your gallery.</p>"
         statistics:
           welcome:
             title: "Statistics"

config/locales/app.admin.fr.yml

@@ -1371,6 +1371,9 @@ fr:
           abuses:
             title: "Gérer les signalements"
             content: "<p>Accédez par ici à la gestion des signalements.</p><p>Des visiteurs peuvent effectuer des signalements sur les projets, par exemple pour une atteinte au droit d'auteur ou pour un texte incitant à la haine.</p><p>La RGPD vous impose de supprimer ces données de signalement une fois que les actions requises ont été effectuées.</p>"
+          settings:
+            title: "Paramètres"
+            content: "<p>Commentaires, fichiers CAO... Gérez ici les paramètres des projets</p><p>Vous pourrez également activer les projets OpenLab, afin d'afficher les projets partagés par d'autre Fab Labs dans votre galerie.</p>"
         statistics:
           welcome:
             title: "Statistiques"