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

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 tour = new Tour({
        name: "tour",
        template: templatetour,     
        onEnd: function (tour) {
            $("#page-51").prop('contentWindow').MyTourAccueil();
        },           
        steps: [
            {
                element: "#logo",
                title: "Transnum",
                content: "Bienvenue sur le portail TRANSNUM"
            },
            {
                element: "#menu-profil",
                title: "Votre Profil",
                placement : "left",
                content: "Vous pouvez modifier les informations vous concernant à cet emplacement. A droite du bouton 'profil', vous trouvez le bouton vous permettant de vous déconnecter du portail"
            },
            {
                element: "#menu-notice",
                title: "Charte utilisateur",
                placement : "left",
                content: "Vous pouvez consulter ici la charte d'utilisation du portail qui précise les conditions que vous vous engagez à respecter notamment en termes de sécurité et de protection des données"
            },
            {
                element: "#menu-group",
                title: "Vos Groupes",
                placement : "left",
                content: "Vous accédez ici aux groupes auxquels vous êtes inscrits"
            },
            {
                element: "#menu-annuaire",
                title: "Annuaire",
                placement : "left",
                content: "Vous pouvez rechercher un utilisateur dans l'annuaire du portail"
            },
            {
                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",
            },
        ]
    });
    
    // 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: $(".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",
            },            
            {
                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-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. ",
            },
            {
                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. ",
            },
            {
                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. ",
            },
            {
                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. ",
            },
            {
                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'). ",
            }          
        ]
    });
    
    // Initialize the tour
    tour.init();

    // Start the tour
    tour.goTo(0);
    tour.restart();
}

// Create Button Tour
$(document).on('ready', function(){
    // Instance the Tour
    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"));
});