src/hdalab/templates/renkan_edit.html
changeset 423 be82c14a0ad1
parent 420 9788eced982a
child 424 33a1260273bc
equal deleted inserted replaced
422:0bde29f30789 423:be82c14a0ad1
     7 {% block css_import %}
     7 {% block css_import %}
     8 {{block.super}}
     8 {{block.super}}
     9         <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/ui-lightness/jquery-ui-1.10.4.min.css' %}" />
     9         <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/ui-lightness/jquery-ui-1.10.4.min.css' %}" />
    10         <link rel="stylesheet" type="text/css" href="{% static 'renkanmanager/lib/renkan/css/renkan.css' %}" />
    10         <link rel="stylesheet" type="text/css" href="{% static 'renkanmanager/lib/renkan/css/renkan.css' %}" />
    11         <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/additionnal_renkan.css' %}" />
    11         <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/additionnal_renkan.css' %}" />
    12         <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/renkan_help.css' %}" />
       
    13         <link rel="stylesheet" type="text/css" href="{% static 'hdalab/lib/bjqs.css' %}" />
    12         <link rel="stylesheet" type="text/css" href="{% static 'hdalab/lib/bjqs.css' %}" />
    14 {% endblock %}
    13 {% endblock %}
    15 
    14 
    16 {% block js_import %}
    15 {% block js_import %}
    17 {{block.super}}
    16 {{block.super}}
   111                         url: f.attr("action"),
   110                         url: f.attr("action"),
   112                         data: f.serialize(),
   111                         data: f.serialize(),
   113                         success: function(data, textStatus, jqXHR) {
   112                         success: function(data, textStatus, jqXHR) {
   114                             var d = $(data);
   113                             var d = $(data);
   115                             if($(".ok",d).length==1){
   114                             if($(".ok",d).length==1){
       
   115                             	console.log("ok");
   116                                 $("#dialog-form").html($(".ok",d)[0]);
   116                                 $("#dialog-form").html($(".ok",d)[0]);
   117                                 $(".hello-user").remove();
   117                                 $(".hello-user").remove();
   118                                 $("#nav").append($(".username",d).children());
   118                                 $("#nav").append($(".username",d).children());
   119                                 //$("#dialog-form .close").click(function(){
       
   120                                 //    dialog.dialog( "close" );
       
   121                                 //});
       
   122                                 io_options.user_authenticated = true;
   119                                 io_options.user_authenticated = true;
   123                                 $(".Rk-Save-Button").addClass("Rk-Save-Online");
   120                                 $(".Rk-Save-Button").addClass("Rk-Save-Online");
   124                                 dialog.dialog( "close" );
   121                                 dialog.dialog( "close" );
   125                                 $(".Rk-Save-Button").click();
   122                                 $(".Rk-Save-Button").click();
   126                                 return true;
   123                                 return true;
   207 <div id="dialog-form" title="Identification">
   204 <div id="dialog-form" title="Identification">
   208 	{% include 'ajax_identification/ajax_login.html' %}
   205 	{% include 'ajax_identification/ajax_login.html' %}
   209 </div>
   206 </div>
   210 
   207 
   211 <div id="help-container" class="">
   208 <div id="help-container" class="">
   212 	<div id="help-slideshow">
   209 	{% include 'help_popup.html' %}
   213 		<a class="img-close" href="#">{% trans 'Fermer<br>ce didacticiel' %}</a>
       
   214 	  	<ul class="bjqs">
       
   215 	    	<li class="slide1">
       
   216 	    		<div class="slideShowTitle">{% trans 'Aide : Bienvenue !' %}</div>
       
   217    				<div class="column-left">
       
   218    					<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>
       
   219    				</div>
       
   220 	   			<div class="column-center">
       
   221 	   				<p class="columnTitle">{% trans 'Légende' %}</p>
       
   222 	 				<label class="img-requete">{% trans 'Requête' %}</label>
       
   223 	 				<label class="img-ressource">{% trans 'Ressource' %}</label>
       
   224 	 				<label class="img-tag">{% trans 'Tag' %}</label>
       
   225 				</div>
       
   226    			
       
   227 	   			<div class="column-right">
       
   228 					<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>
       
   229 		  			  <img src="{% static 'hdalab/img/menu.png' %}" class="img-menu">
       
   230 				</div>
       
   231 	    	</li>
       
   232 		    <li class="slide2">
       
   233 		    	<div class="slideShowTitle">{% trans 'Aide : Ajouter, Editer, Organiser, Enregistrer !' %}</div>
       
   234 	   			<div class="column-left">
       
   235 		  			<h1 class="columnTitle">{% trans '1. Ajouter' %}</h1>
       
   236 		  			<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>
       
   237 		   			<img src="{% static 'hdalab/img/extend.png' %}" class="img-extend" />
       
   238 		   			<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>
       
   239 	   			</div>
       
   240 	   			<div class="column-center">
       
   241 		    		<h1 class="columnTitle">{% trans '2. Editer et organiser' %}</h1>
       
   242 		    		<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>
       
   243 				</div>
       
   244 	   			<div class="column-right">
       
   245 		  			<h1 class="columnTitle">{% trans '3. Enregistrer' %}</h1>
       
   246 		  			<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>
       
   247 	        		<img src="{% static 'hdalab/img/save.png' %}" class="img-save" />
       
   248 	        		<p>{% blocktrans %}Ensuite vous pouvez enregistrer en ciquant sur l’icone representant une disquette.{% endblocktrans %}</p>
       
   249 	   			</div>
       
   250 		    </li>
       
   251 	  	</ul>
       
   252 	</div>
       
   253 </div>
   210 </div>
   254 
   211 
   255 <div class="rnk-wrapper">
   212 <div class="rnk-wrapper">
   256   <div class="rnk-container">
   213   <div class="rnk-container">
   257     <div id="renkan"></div>
   214     <div id="renkan"></div>