[GRAPH] Page improved

- Graphs are in an ordered list
- Informations with start/end and number of nodes
- User can choose to compute with conditional or distributional distance

templates/pages/corpora/myGraphs.html

@@ -18,23 +18,33 @@
 
 <div class="container theme-showcase" role="main">
     <h2>My Graphs  </h2>
+        <ol>
         {% for cooc in coocs %}
             <div id="graph_{{cooc.id}}">
                 <div class="row">
                     <div class="col-md-1 content"></div>
                     
                     <div class="col-md-5 content">
-                    <a href="/projects/{{project.id}}/corpora/{{corpus.id}}/explorer?cooc_id={{cooc.id}}">
-                        {{cooc.id}} {{ cooc.name }} {{cooc.hyperdata}}
-                          
-                        (
+                        <li>
+                            Graph created at {{cooc.date}}
+                            <ul>
+                            <!-- <li>{{cooc.id}}</li> --!>
+                                <li>Start period: {{cooc.hyperdata.start}}</li>
+                                <li>End period:   {{cooc.hyperdata.end}}</li>
+                                <li>Distances:
+                                    <ul>
+                                        <li><a href="/projects/{{project.id}}/corpora/{{corpus.id}}/explorer?cooc_id={{cooc.id}}&distance=conditional">Conditional</a></li>
+                                        <li><a href="/projects/{{project.id}}/corpora/{{corpus.id}}/explorer?cooc_id={{cooc.id}}&distance=distributional">Distributional</a></li>
+                                    </ul>
+                                <li>Nodes: 
                                 {% for key, value in coocs_count.items %} 
                                     {% if key == cooc.id %}
                                     {{value}}
                                     {% endif %}
                                 {% endfor %}
-                        nodes)
-                    </a>
+                                </li>
+                            </ul>
+                        </li>
                     </div>
                     <div class="col-md-3 content">
                         <a href="/projects/{{project.id}}/corpora/{{corpus.id}}/explorer?cooc_id={{cooc.id}}"
@@ -66,11 +76,6 @@
                 </div>
             </div>
 
-      
-      
-      
-      </li>
-
           {% endfor %}
       </ul>