# HG changeset patch
# User rougeronj
# Date 1425895437 -3600
# Node ID 81acd80217646f49a1b158f991cc5b4f256f3fde
# Parent  97afeb38e2596c753be83d85df2969d4b08fe59c
Update help popup

diff -r 97afeb38e259 -r 81acd8021764 src/hdalab/static/hdalab/css/renkan_help.css
--- a/src/hdalab/static/hdalab/css/renkan_help.css	Fri Mar 06 17:17:38 2015 +0100
+++ b/src/hdalab/static/hdalab/css/renkan_help.css	Mon Mar 09 11:03:57 2015 +0100
@@ -75,6 +75,7 @@
 	width: 30%;
 }
 li.slide2 .column-right{
+	margin-top:10px;
 	float: right;
 	width: 30%;
 	padding-right:20px;
@@ -84,6 +85,23 @@
 	width: 30%;
 }
 
+/* --- Slide3 --- */
+li.slide3
+.column-left,
+.column-right,
+.column-center{
+	margin-right:20px;
+}
+
+li.slide3 .column-left{ 
+	float: left;
+	width: 45%;
+}
+li.slide3 .column-right{
+	float: right;
+	width: 46%;
+	padding-right:20px;
+}
 
 .img-requete,
 .img-ressource,
@@ -159,10 +177,23 @@
     right:10px;
 }
 ul.bjqs-controls li.bjqs-prev a{
-	display: none;
+	text-align: right;
+	position:absolute;
+	right:10px;
+	bottom:10px;
+	height: 34px;
+	vertical-align: middle;
+	padding-right:78px;
+	background: url('../img/arrow-left.png') no-repeat;
+	background-size: 34px 34px;
+    right:10px;
 }
 
-ul.bjqs-controls li a:hover{
+.ui-icon {
+	display: inline-block;
+}
+.ui-icon-eye {
+    background-position: -160px -144px;
 }
 
 /* --------- Fin Help Popup --------- */
\ No newline at end of file
diff -r 97afeb38e259 -r 81acd8021764 src/hdalab/static/hdalab/img/dragndrop.png
Binary file src/hdalab/static/hdalab/img/dragndrop.png has changed
diff -r 97afeb38e259 -r 81acd8021764 src/hdalab/static/hdalab/img/menu.png
Binary file src/hdalab/static/hdalab/img/menu.png has changed
diff -r 97afeb38e259 -r 81acd8021764 src/hdalab/templates/help_popup.html
--- a/src/hdalab/templates/help_popup.html	Fri Mar 06 17:17:38 2015 +0100
+++ b/src/hdalab/templates/help_popup.html	Mon Mar 09 11:03:57 2015 +0100
@@ -9,7 +9,10 @@
 	    	<li class="slide1">
 	    		<div class="slideShowTitle">{% trans 'Aide : Bienvenue !' %}</div>
    				<div class="column-left">
-   					<p>{% trans 'Cet outil (RENKAN) vous permet de representer, spatialiser et organiser des collections de ressources du portails histoire des arts avec d’autres sites Web.<br><br>Vous pouvez déplacer chaque noeud en cliquant dessus et en déplacant votre curseur.' %}</p>
+   					<p>{% blocktrans %}Cet outil vous permet de représenter, spatialiser et organiser des collections de ressources du portail histoire des arts avec d’autres sites Web.<br><br>
+							À partir de l’onglet "recherche", cliquez sur le logo {% endblocktrans %}<img src="{% static 'hdalab/img/mind_map_icon.png' %}">{% blocktrans %} pour créer votre RENKAN.<br><br>
+							Vous pouvez déplacer chaque élément en cliquant dessus et en déplaçant votre curseur.{% endblocktrans %}
+					</p>
    				</div>
 	   			<div class="column-center">
 	   				<p class="columnTitle">{% trans 'Légende' %}</p>
@@ -19,28 +22,86 @@
 				</div>
    			
 	   			<div class="column-right">
-					<p>{% 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.' %}</p>
+					<p>{% trans 'En cliquant sur chaque ressource, tag ou lien, vous pouvez les déplacer, éditer, supprimer, agrandir, rétrécir, modifier en utilisant le menu circulaire comme ci-dessous.' %}</p>
 		  			  <img src="{% static 'hdalab/img/menu.png' %}" class="img-menu">
 				</div>
 	    	</li>
 		    <li class="slide2">
-		    	<div class="slideShowTitle">{% trans 'Aide : Ajouter, Editer, Organiser, Enregistrer !' %}</div>
+		    	<div class="slideShowTitle">{% trans 'Aide : Organiser, Ajouter !' %}</div>
 	   			<div class="column-left">
-		  			<h1 class="columnTitle">{% trans '1. Ajouter' %}</h1>
-		  			<p>{% 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.' %}</p><br>
-		   			<img src="{% static 'hdalab/img/extend.png' %}" class="img-extend" />
-		   			<p>{% trans 'En cliquant sur l’icone à gauche  vous pouvez ouvrir le panel de recherche pour retrouver des ressources du site HDA ou Wikipédia.' %}</p>
+		  			<h1 class="columnTitle">{% trans '1. Organiser' %}</h1>
+		  			{% blocktrans %}
+		  				Avant toute modification, vous pouvez changer la disposition de votre RENKAN : en colonne, en ligne ou en cercle.<br><br>
+						Le graphe est en cercle par défaut. Le changement de disposition n’est plus disponible si le RENKAN a été modifié.
+					{% endblocktrans %}
 	   			</div>
 	   			<div class="column-center">
-		    		<h1 class="columnTitle">{% trans '2. Editer et organiser' %}</h1>
-		    		<p>{% blocktrans %}Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.<br><br>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 %}</p>
-				</div>
+		  			<h1 class="columnTitle">{% trans '2. Ajouter' %}</h1>
+		  			<p>{% blocktrans %}Vous pouvez ajouter des ressources en faisant "Glisser – déposer" à partir de n’importe quelle fenêtre de navigation web.{% endblocktrans %}</p>
+		   			<img src="{% static 'hdalab/img/dragndrop.png' %}" class="img-extend" />
+		   			<p>
+		   				{% blocktrans %}
+		   					Déplacez cette icône dans votre barre de signets. Glisser des éléments d'un site web, vers l’onglet de votre RENKAN jusqu’à ce que votre graphe apparaisse.<br>
+		   					Relâchez sur le graphe, le lien est ajouté.
+		   				{% endblocktrans %}
+					</p>
+	   			</div>
 	   			<div class="column-right">
-		  			<h1 class="columnTitle">{% trans '3. Enregistrer' %}</h1>
-		  			<p>{% 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.' %}</p><br>
-	        		<img src="{% static 'hdalab/img/save.png' %}" class="img-save" />
-	        		<p>{% blocktrans %}Ensuite vous pouvez enregistrer en ciquant sur l’icone representant une disquette.{% endblocktrans %}</p>
+	        		<p>
+		   				<img src="{% static 'hdalab/img/extend.png' %}" class="img-extend" />
+	        			{% blocktrans %}
+		   					L'icone ouvre un panel de recherche permettant de rechercher des ressources du site HDA ou Wikipédia, ainsi que retrouver des ressources supplémentaires en lien avec votre recherche.
+		   				{% endblocktrans %}
+		   			</p>
+		   			<p>
+						{% blocktrans %}
+							Glissez – déposez la ressource choisie, elle est ajoutée au graphe.
+ 						{% endblocktrans %}
+		   			</p>	
+		   			<p>{% trans 'En cliquant sur l’icone à gauche  vous pouvez ouvrir le panel de recherche pour retrouver des ressources du site HDA ou Wikipédia.' %}</p>
 	   			</div>
-		    </li>
+	   		</li>
+	   		<li class="slide3">
+		    	<div class="slideShowTitle">{% trans 'Aide : Editer, Enregistrer, Gérer !' %}</div>
+	   			<div class="column-left">
+	   				<h1 class="columnTitle">{% trans '3. Éditer' %}</h1>
+	        		<p>
+	        			{% blocktrans %}
+	        				Chaque ressource, tag, lien, peut être édité : le titre, la description, la taille, la couleur, l’image (URL) et la forme de chacun de ces éléments peuvent être personnalisés, grâce au menu circulaire décrit précédemment.
+	        			{% endblocktrans %}
+	        		</p>
+	        		<br>
+		  			<h1 class="columnTitle">{% trans '4. Enregistrer' %}</h1>
+		  			{% blocktrans %}
+		  				Pensez à enregistrer votre RENKAN !<br>
+		  				Si la disquette est rouge : vos modifications n’ont pas encore été enregistrées.<br>
+		  				Si elle est verte : c’est OK.<br>
+					{% endblocktrans %}
+	   			</div>
+	   			<div class="column-right">
+		  			<h1 class="columnTitle">{% trans '5. Gérer mes RENKAN' %}</h1>
+		  			<p>
+		  				{% blocktrans %}
+		  					Vous pouvez publier votre RENKAN : cliquez sur l’icône
+		  				{% endblocktrans %}
+			   			<span class="ui-icon ui-icon-locked"></span>
+		  			</p>
+		  			<br>
+		  			<p>
+		  				{% blocktrans %}
+		  					Pour modifier un RENKAN enregistré, cliquez sur
+		  				{% endblocktrans %}
+		  				<span class="ui-icon ui-icon-pencil"></span>
+		  			</p>
+		  			<br>
+		   			<ul>
+		   				{% trans 'Vous pouvez aussi :' %}
+						<li><span class="ui-icon ui-icon-eye"></span> {% trans 'voir un RENKAN (lecture seule)' %}<br></li>
+						<li><span class="ui-icon ui-icon-copy"></span> {% trans 'copier un RENKAN' %}<br></li>
+						<li><span class="ui-icon ui-icon-trash"></span> {% trans 'supprimer un RENKAN' %}<br></li>
+						<li><span class="ui-icon ui-icon-locked"></span> {% trans 'dépublier un RENKAN' %}<br></li>
+		   			</ul>
+	   			</div>
+	   		</li>
 	  	</ul>
 	</div>
\ No newline at end of file
diff -r 97afeb38e259 -r 81acd8021764 src/hdalab/templates/renkan_edit.html
--- a/src/hdalab/templates/renkan_edit.html	Fri Mar 06 17:17:38 2015 +0100
+++ b/src/hdalab/templates/renkan_edit.html	Mon Mar 09 11:03:57 2015 +0100
@@ -159,9 +159,10 @@
 					    	animtype: 'slide',
 					    	showcontrols: true,
 					    	centercontrols: false,
-					     nexttext: "",
-					     showmarkers : false,
-					     automatic: false
+					     	nexttext: "",
+					     	prevtext: "",
+					     	showmarkers : false,
+					     	automatic: false
 					    });
 			        	
 			        	$("#toggle-help").click(function(){