diff -r 5c0628ae52be -r a2a04e7db680 src/hdalab/templates/renkan_edit.html --- a/src/hdalab/templates/renkan_edit.html Thu Nov 20 11:51:09 2014 +0100 +++ b/src/hdalab/templates/renkan_edit.html Thu Nov 20 11:51:29 2014 +0100 @@ -9,14 +9,15 @@ + {% endblock %} {% block js_import %} {{block.super}} - - + + @@ -79,13 +80,13 @@ $(function() { var form; - + dialog = $( "#dialog-form" ).dialog({ autoOpen: false, height: 300, width: 350, modal: true - }); + }); function manageLoginForm(e, form){ e.preventDefault(); @@ -118,26 +119,39 @@ }); } - form = dialog.find( "form" ).on( "submit", function( event ) { - manageLoginForm(event, this); - }); - - // Slider init - $('#help-slideshow').bjqs({ - animtype: 'slide', - height: 320, - width: 960, - showcontrols: true, - nexttext: "{% trans 'Next' %}", - prevtext: "{% trans 'Previous' %}", - showmarkers : true, - centermarkers : true, - automatic: false - }); - $("#toggle-help").click(function(){ - $('#help-container').toggle(); - }); - }); + form = dialog.find( "form" ).on( "submit", function( event ) { + manageLoginForm(event, this); + }); + + //help dialog init + var help_dialog = $( "#help-container" ).dialog({ + autoOpen: false, + height: 330, + width: 880, + resizable: false, + draggable: false, + create: function (event, ui) { + var help_slideshow = $('#help-slideshow').bjqs({ + responsive:false, + height: 320, + width: 870, + animtype: 'slide', + showcontrols: true, + centercontrols: false, + nexttext: "", + showmarkers : false, + automatic: false + }); + + $("#toggle-help").click(function(){ + help_dialog.dialog("open"); + }); + $(".img-close").click(function(){ + help_dialog.dialog("close"); + }); + } + }); + }); {% endblock %} @@ -148,17 +162,64 @@
{% if 'shape=circle' in switch_shape_url %}{% trans 'See the graph in circle' %}{% else %}{% trans 'See the graph in lines' %}{% endif %} - {% trans 'Need help ?' %} +
-
+ +
-
    -
  • Slide 1
    • -
  • Slide 2
    • -
  • Slide 3
    • -
+ {% trans 'Fermer
ce didacticiel' %} +
    +
  • +
    {% trans 'Aide : Bienvenue !' %}
    +
    +

    {% blocktrans %} + Cet outil (RENKAN) vous permet de representer, spatialiser et organiser des collections de ressources du portails histoire des arts avec d’autres sites Web.

    + Vous pouvez déplacer chaque noeud en cliquant dessus et en déplacant votre curseur. + {% endblocktrans %} +

    +
    +
    +

    {% trans 'Légende' %}

    + + + +
    + +
    +

    {% blocktrans %} + En cliquand sur chaque noeud ou lien vous pouvez les déplacer, éditer, supprimer, agrandir, rétraicir, + modifier en utilisant le menu circulaire comme ci dessous. + {% endblocktrans %}

    + +
    +
    • +
  • +
    {% trans 'Aide : Ajouter, Editer, Organiser, Enregistrer !' %}
    +
    +

    {% trans '1. Ajouter' %}

    +

    {% trans 'Une fois ce didacticiel fermer vous pouvez ajouter des ressources en faisant “drag and drop” a partir de n’importe qu’elle fenetre de navigation web.' %}


    + +

    {% trans 'En cliquant sur l’icone à gauche vous pouvez ouvrir le panel de recherche sur pour retrouver des ressources du site HDA ou Wikipédia.' %}

    +
    +
    +

    {% trans '2. Editer et organiser' %}

    +

    {% blocktrans %} + Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.

    + Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, + quand un peintre anonyme assembla ensemble des morceaux de texte pour réaliser un livre de texte. + {% endblocktrans %}

    +
    +
    +

    {% trans '3. Enregistrer' %}

    +

    {% trans 'En cliquant sur chaque noeud ou lien vous pouvez les déplacer, éditer, supprimer, agrandir, rétraicir, modifier en utilisant le menu circulaire comme ci dessous.' %}


    + +

    {% trans 'Ensuite vous pouvez enregistrer en ciquant sur l’icone representant une disquette.' %}

    +
    +
    • +
+