First step : ok next step?

templates/pages/corpora/authors.html

@@ -87,5 +87,5 @@
 
 <!-- custom-lib for dynatable.js and dc.js -->
 <script type="text/javascript" src="{% static "lib/gargantext/Authors_dyna_chart_and_table.js" %}"></script>
-
+<script type="text/javascript" src="{% static "lib/gargantext/help.js" %}"></script>
 {% endblock %}

templates/pages/corpora/myGraphs.html

@@ -193,7 +193,7 @@
 
 
 
-
+      <script type="text/javascript" src="{% static "lib/gargantext/help.js" %}"></script>
       <script type="text/javascript">
 
         // initial vars

templates/pages/corpora/sources.html

@@ -87,5 +87,5 @@
 
 <!-- custom-lib for dynatable.js and dc.js -->
 <script type="text/javascript" src="{% static "lib/gargantext/Sources_dyna_chart_and_table.js" %}"></script>
-
+<script type="text/javascript" src="{% static "lib/gargantext/help.js" %}"></script>
 {% endblock %}

templates/pages/corpora/terms.html

@@ -457,7 +457,7 @@ function listmergeCsvPost(theFile){
     }
 };
 </script>
-
+<script type="text/javascript" src="{% static "lib/gargantext/help.js" %}"></script>
 
 
 {% endblock %}

templates/pages/corpora/titles.html

@@ -102,5 +102,5 @@
 
 <!-- custom-lib for dynatable.js and dc.js -->
 <script type="text/javascript" src="{% static "lib/gargantext/Docs_dyna_chart_and_table.js" %}"></script>
-
+<script type="text/javascript" src="{% static "lib/gargantext/help.js" %}"></script>
 {% endblock %}

templates/pages/main/home.html

@@ -90,3 +90,4 @@
 
 
 {% endblock %}
+<script type="text/javascript" src="{% static "lib/gargantext/help.js" %}"></script>

templates/pages/projects/overview.html

@@ -182,58 +182,9 @@
 </style>
 
 <script type="text/javascript" src="{% static "lib/gargantext/garganrest_projects.js" %}"></script>
+<script type="text/javascript" src="{% static "lib/gargantext/help.js" %}"></script>
 <script type="text/javascript">
-    help = {"#add":{
-              "title": "Ajouter un projet",
-              "content":"Clickez sur le bouton pour créer un nouveau projet",
-              "placement":"bottom",
-              },
-              "#test":{
-              "title": "This is a title",
-              "content": "This is a content",
-              "placement": "top",
-              },
-            }
-
-    $( ".help" ).each(function(i, el) {
-      id = el.id
-      div_id = "#"+id
-      console.log(div_id)
-      btn = id+"-help"
-      info = help[div_id]
-      console.log(info)
-      help_icon = '<span type="button" id="'+btn+'"role="button" onclick="get_help();" class="glyphicon glyphicon-question-sign"></span>'
-      // help_button = '<button '+
-      //                 'data-toogle="popover"'+
-      //                 'data-placement="'+ info["placement"]+'"'+
-      //                 'title="'+ info["title"]+'"'+
-      //                 'data-content="'+ info["content"]+'"'+
-      //                 'data-container="body"'+
-      //                 'data-trigger="click"'+
-      //                 'id="'+btn+'"><span class="glyphicon glyphicon-question-sign"></span></button>'
-
-
-      $(this).after(help_icon);
-    })
-    function get_help(){
-      console.log($(this.attr('id'));
-    };
-      // console.log($("#"+btn))
-      // pop = $("#"+btn)
-      // $(pop).popover({
-      //   html:true,
-      //   title : info["title"],
-      //   content: '<p class="text-center">'+info["content"]+'</p>',
-      //   container: 'body',
-      //   trigger:"focus",
-      //   placement: info["title"]["placement"],
-      // });
-      // $('#'+btn).popover("toogle");
-
-      // $(next_el).on("click", function(e){
-      //   next_el
-      // })
-    // });
+
     getProjects();
     // $(document).on("input#inoutName").bind('keypress', function(e) {
     //         if(e.keyCode==13){

templates/pages/projects/project.html

@@ -56,9 +56,9 @@
                     <center>
 
                         <a data-toggle="modal" href="#addcorpus">
-                            <button
+                            <button id="#corpus"
                             type="button"
-                            class="btn btn-primary btn-lg"
+                            class="btn btn-primary btn-lg help"
                             data-container="body"
                             data-toggle="popover"
                             data-placement="bottom"
@@ -331,6 +331,7 @@
                   </div><!-- /.modal-dialog -->
                 </div><!-- /.modal -->
                     <script type="text/javascript" src="{% static "lib/jquery/1.11.2/jquery-ui.js" %}"></script>
+                    <script type="text/javascript" src="{% static "lib/gargantext/help.js" %}"></script>
                     <script type="text/javascript">
 
                         var corporaDivs = document.getElementsByClassName('corpusElt')