découpage des tour par frame (fixes #24)

src/ninegate-1.0/src/Cadoles/CoreBundle/Command/data/core-init-01.sql

@@ -8,7 +8,7 @@ INSERT IGNORE INTO `niveau01` (`id`, `label`, `siren`) VALUES
 (-100, 'DRAAF', '130007107');
 
 INSERT IGNORE INTO `user` (`id`, `niveau01_id`, `username`, `firstname`, `lastname`, `password`, `email`, `avatar`, `role`,`siren`,`authlevel`) VALUES
-(-100, -100, 'admin', 'Administrateur', 'draaf', '{SSHA}wVosXEVYfrthFQKc0AqqOtZZXDWT3re1
+(-100, -100, 'admin', 'Administrateur', 'draaf', '{SSHA}e8qvl9iAOSAmoVpq/NkxAa4QSpRdn+Z2
 ', 'admin@ldapbundle.ac-arno.fr', 'admin.jpg', 'ROLE_ADMIN', '130007107', 'simple');
 
 

src/ninegate-1.0/src/Cadoles/CoreBundle/Resources/public/themes/transnum/local.js

@@ -1,12 +1,46 @@
 
 
+var templatetour;
+templatetour ="<div class='popover tour' style='max-width:500px !important;'>";
+templatetour+="<div class='arrow'></div>";
+templatetour+="<h3 class='popover-title'></h3>";
+templatetour+="<div class='popover-content'></div>";
+templatetour+="<div class='popover-navigation'>";
+templatetour+="<button class='btn btn-sm btn-default' data-role='prev'>« Prec</button>";
+templatetour+="<button class='btn btn-sm btn-default' data-role='next'>Suiv »</button>";
+templatetour+="<button class='btn btn-sm btn-default' data-role='end'>Fin</button>";
+templatetour+="</div>";
+templatetour+="<div class='popover-navigation'>"
+templatetour+="<button onClick='$(\".popover\").hide(); top.callTour(\"MyTour\");' class='btn btn-sm btn-default'>Entête</button>";
+templatetour+="<button onClick='$(\".popover\").hide(); top.callTour(\"MyTourAcceuil\");' class='btn btn-sm btn-default'>Page Accueil</button>";
+templatetour+="</div>";
+templatetour+="</div>";
+
+function callTour(mytour) {
+    // Tour entête
+    if(mytour=="MyTour") {
+        // On lance le tour
+        top.MyTour();
+    }
+
+    // Tour Accueil
+    if(mytour=="MyTourAcceuil") {
+        // On force l'affichage de la premiere frame
+        top.$(".navbar-left").find("a").eq(0).click();
+
+        // On lance le tour au bout de 1s le temps que l'iframe se réalise 
+        setTimeout(function(){top.$("iframe").first().prop('contentWindow').MyTourAccueil(); }, 2000);
+    }
+}
 
 // Instance the tour
 function MyTour() {
-    var template="<div class='popover tour' style='max-width:500px !important;'><div class='arrow'></div><h3 class='popover-title'></h3><div class='popover-content'></div><div class='popover-navigation'><button class='btn btn-sm btn-default' data-role='prev'>« Prec</button><button class='btn btn-sm btn-default' data-role='next'>Suiv »</button><button class='btn btn-sm btn-default' data-role='end'>Fin</button></div></div>";
     var tour = new Tour({
         name: "tour",
-        template: template,        
+        template: templatetour,     
+        onEnd: function (tour) {
+            $("#page-51").prop('contentWindow').MyTourAccueil();
+        },           
         steps: [
             {
                 element: "#logo",
@@ -41,57 +75,72 @@ function MyTour() {
                 element: "#appmenu",
                 title: "Barre de navigation rapide",
                 placement : "bottom",
-                content: "Cette barre vous permet d'accéder rapidement à la page d'accueil et à vos groupes de travail"
+                content: "Cette barre vous permet d'accéder rapidement à la page d'accueil et à vos groupes de travail",
             },
+        ]
+    });
+    
+    // Initialize the tour
+    tour.init();
+
+    // Start the tour
+    tour.goTo(0);
+    tour.restart();
+}
+
+function MyTourAccueil() {
+    var tour = new Tour({
+        name: "touraccueil",
+        template: templatetour,            
+        steps: [
             {
-                element: $("iframe").first().contents().find(".widget-itemessential").find(".widgetheader"), 
+                element: $(".widget-itemessential").find(".widgetheader"), 
                 title: "le Bureau",
                 placement : "right",
                 content: "Dans le premier panneau d'outils ci-dessous, vous trouvez les applications qui vous sont proposées. En cliquant sur le bouton '+', vous avez accès à d'autres applications",
-                container: $("iframe").first().contents().find("body")
+            },            
-            },
             {
-                element: $("iframe").first().contents().find(".widget-group").find(".widgetheader"), 
+                element: $(".widget-group").find(".widgetheader"), 
                 title: "Mes Groupes de travail",
                 placement : "right",
                 content: "Dans le 2nd panneau d'outils ci-dessous, vous trouvez les 'groupes de travail' auxquels vous avez été invités et ceux que vous avez créés. En cliquant sur le bouton '+', vous pouvez créer un groupe de travail. ",
-                container: $("iframe").first().contents().find("body")
             },
             {
-                element: $("iframe").first().contents().find(".widget-blog").find(".widgetheader"), 
+                element: $(".widget-group").find(".widgetheader"), 
+                title: "Mes Groupes de travail",
+                placement : "right",
+                content: "Dans le 2nd panneau d'outils ci-dessous, vous trouvez les 'groupes de travail' auxquels vous avez été invités et ceux que vous avez créés. En cliquant sur le bouton '+', vous pouvez créer un groupe de travail. ",
+            },
+            {
+                element: $(".widget-blog").find(".widgetheader"), 
                 title: "Journaux des groupes",
                 placement : "right",
                 content: "Dans le 3ème panneau d'outils ci-dessous, vous trouvez les 'Journaux des Groupes' auxquels vous avez été invités et ceux que vous avez créés. ",
-                container: $("iframe").first().contents().find("body")
             },
             {
-                element: $("iframe").first().contents().find(".widget-alert").find(".widgetheader"), 
+                element: $(".widget-alert").find(".widgetheader"), 
                 title: "Radio Transnum",
                 placement : "left",
                 content: "Dans le premier panneau de droite ci-dessous, vous trouvez les annonces et nouvelles qui concernent tous les membres du portail. ",
-                container: $("iframe").first().contents().find("body")
             },
             {
-                element: $("iframe").first().contents().find(".widget-groupmessage").find(".widgetheader"), 
+                element: $(".widget-groupmessage").find(".widgetheader"), 
                 title: "Actualités des groupes",
                 placement : "left",
                 content: "Dans le 2nd panneau de droite ci-dessous, vous trouvez les annonces et nouvelles qui vous concernent uniquement comme membre de groupes. ",
-                container: $("iframe").first().contents().find("body")
             },
             {
-                element: $("iframe").first().contents().find(".widget-calendar").find(".widgetheader"), 
+                element: $(".widget-calendar").find(".widgetheader"), 
                 title: "Agenda des groupes",
                 placement : "left",
                 content: "Dans le troisième panneau de droite ci-dessous, vous trouvez les prochains évènements de vos agendas de groupes. ",
-                container: $("iframe").first().contents().find("body")
             },
             {
-                element: $("iframe").first().contents().find(".widget-appexternal").find(".widgetheader"), 
+                element: $(".widget-appexternal").find(".widgetheader"), 
                 placement : "left",
                 title: "Formulaires",
                 content: "Dans le dernier panneau de droite ci-dessous, vous trouvez les formulaires qui sont mis à votre disposition pour effectuer des demandes (par exemple faire un 'ticket de support'). ",
-                container: $("iframe").first().contents().find("body")
+            }          
-            }            
         ]
     });
     
@@ -106,5 +155,6 @@ function MyTour() {
 // Create Button Tour
 $(document).on('ready', function(){
     // Instance the Tour
-    $("<li><a title='Tuto' style='cursor:pointer'><i onClick='MyTour()' class='fa fa-question fa-fw'></i></a></li>").insertBefore($("#menu-annuaire"));
+    if($("#menu-annuaire".length))
+        $("<li><a title='Tuto' style='cursor:pointer'><i onClick='MyTour()' class='fa fa-question fa-fw'></i></a></li>").insertBefore($("#menu-annuaire"));
 });

src/ninegate-1.0/src/Cadoles/CoreBundle/Resources/views/Include/footer.html.twig

@@ -83,12 +83,12 @@
             {% endjavascripts %}
         {% endblock %}
 
-        {% if useheader %}
+        
         {% set theme = app.session.get('theme') %}
         {% if theme is not empty %}
             <script src="/{{ alias }}/bundles/cadolescore/themes/{{theme}}/local.js"></script>
         {% endif %}
-        {% endif %}
+        
 
         <script>
             function seeUser(id) {