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

// 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,        
        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"
            },
            {
                element: $("iframe").first().contents().find(".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"), 
                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"), 
                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"), 
                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"), 
                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"), 
                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"), 
                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")
            }            
        ]
    });
    
    // Initialize the tour
    tour.init();

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

// 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"));
});