Commit 5fbba357 authored by delanoe's avatar delanoe

[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
parent 26a1e53f
...@@ -18,60 +18,65 @@ ...@@ -18,60 +18,65 @@
<div class="container theme-showcase" role="main"> <div class="container theme-showcase" role="main">
<h2>My Graphs </h2> <h2>My Graphs </h2>
<ol>
{% for cooc in coocs %} {% for cooc in coocs %}
<div id="graph_{{cooc.id}}"> <div id="graph_{{cooc.id}}">
<div class="row"> <div class="row">
<div class="col-md-1 content"></div> <div class="col-md-1 content"></div>
<div class="col-md-5 content"> <div class="col-md-5 content">
<a href="/projects/{{project.id}}/corpora/{{corpus.id}}/explorer?cooc_id={{cooc.id}}"> <li>
{{cooc.id}} {{ cooc.name }} {{cooc.hyperdata}} Graph created at {{cooc.date}}
<ul>
( <!-- <li>{{cooc.id}}</li> --!>
{% for key, value in coocs_count.items %} <li>Start period: {{cooc.hyperdata.start}}</li>
{% if key == cooc.id %} <li>End period: {{cooc.hyperdata.end}}</li>
{{value}} <li>Distances:
{% endif %}
{% endfor %}
nodes)
</a>
</div>
<div class="col-md-3 content">
<a href="/projects/{{project.id}}/corpora/{{corpus.id}}/explorer?cooc_id={{cooc.id}}"
title="View Graph">
<button type="button" class="btn btn-default" aria-label="Left Align">
<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
</button>
</a>
<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="bottom"
data-content="
<ul> <ul>
<li <li><a href="/projects/{{project.id}}/corpora/{{corpus.id}}/explorer?cooc_id={{cooc.id}}&distance=conditional">Conditional</a></li>
onclick=&quot; <li><a href="/projects/{{project.id}}/corpora/{{corpus.id}}/explorer?cooc_id={{cooc.id}}&distance=distributional">Distributional</a></li>
garganrest.nodes.delete({{cooc.id}}, function(){$('#graph_'+{{cooc.id}}).remove()});
$(this).parent().parent().remove();
&quot;>
<a href='#'>Delete this</a>
</li>
</ul> </ul>
"> <li>Nodes:
<span class="glyphicon glyphicon-trash" aria-hidden="true" {% for key, value in coocs_count.items %}
title='Delete this graph'></span> {% if key == cooc.id %}
</button> {{value}}
{% endif %}
{% endfor %}
</li>
</ul>
</li>
</div>
<div class="col-md-3 content">
<a href="/projects/{{project.id}}/corpora/{{corpus.id}}/explorer?cooc_id={{cooc.id}}"
title="View Graph">
<button type="button" class="btn btn-default" aria-label="Left Align">
<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
</button>
</div> </a>
<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="bottom"
data-content="
<ul>
<li
onclick=&quot;
garganrest.nodes.delete({{cooc.id}}, function(){$('#graph_'+{{cooc.id}}).remove()});
$(this).parent().parent().remove();
&quot;>
<a href='#'>Delete this</a>
</li>
</ul>
">
<span class="glyphicon glyphicon-trash" aria-hidden="true"
title='Delete this graph'></span>
</button>
</div>
</div>
</div> </div>
</div>
</li>
{% endfor %} {% endfor %}
</ul> </ul>
{% endblock %} {% endblock %}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment