[CSS] Icones alignement + bar progression

templates/pages/projects/overview.html

@@ -79,11 +79,15 @@
                     <div id="project_{{project.id}}" class="row">
                         <h3>
                             
+                            <div class="col-md-5 content">
                                 <a  
                                 href="/projects/{{ project.id }}">
                                     <span class="glyphicon glyphicon-book" aria-hidden="true"></span>
                                     {{ project.name }}
                                 </a>
+                            </div>
+                            
+                            <div class="col-md-3 content">
                                 <a href="/projects/{{project.id}}" >
                                     <button type="button" class="btn btn-default" aria-label="Left Align">
                                           <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
@@ -99,12 +103,13 @@
                                                     <li onclick=&quot;
                                                             garganrest.nodes.delete({{project.id}}, function(){$('#project_'+{{project.id}}).remove()});
                                                             $(this).parent().parent().remove();
-                                                &quot;><a href=&quot;#&quot;>Delete</a></li>
+                                                        &quot;><a href=&quot;#&quot;>Delete</a>
+                                                    </li>
                                                     </ul>
                                     ">
-                            <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
+                                    <span class="glyphicon glyphicon-trash pull-right" aria-hidden="true"></span>
                                 </button>
-                            </li>
+                            </div>
                             {% if common_users %}
                             <!-- <a style="cursor:pointer;"><img class="share_button" data-id="{{ project.id }}" title="Share it!" width="20px" src="{% static "img/share.png" %}"></img></a> --!>
                             {% endif %}

templates/pages/projects/project.html

@@ -73,50 +73,53 @@
     {% if list_corpora  %}
         {% for key, corpora in list_corpora.items %}
             <h2>
+                <div class="row">
                     <span class="glyphicon glyphicon-cd" aria-hidden="true"></span>
                     {{ key }}
             </h2>
                     {% for corpus in corpora %}
                         <div id="corpus_{{corpus.id}}">
-                    {% ifequal corpus.processing 1 %}
-                    {{corpus.name}}:
-                    <img width="20px" src="{% static "js/libs/img2/loading-bar.gif" %}">
-                    Processing, drink a cup of tea, and refresh the page :)
-                    {% else %}
+                            <div class="row">
                                 <h4>
+                                    <div class="col-md-5 content">
                                         <a href="/projects/{{project.id}}/corpora/{{corpus.id}}">
                                             <span class="glyphicon glyphicon-file" aria-hidden="true"></span>
                                             {{corpus.name}}, {{ corpus.count }} documents {{ corpus.status_message }}
                                         </a>
+                                    </div>
+                                    <div class="col-md-2 content">
                                         <a href="/projects/{{project.id}}/corpora/{{corpus.id}}">
                                         <button type="button" class="btn btn-default" aria-label="Left Align">
                                               <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
                                         </button>
 
                                         </a>
-                    
-                    {% endifequal %}
                                         <button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="bottom"
                                             data-content="
                                             <ul>
-                        <!--
-                        <li>Rename</li>
-                        <li>Add new documents</li>
-                        --!>
                                                 <li 
                                                 onclick=&quot;
                                                         garganrest.nodes.delete({{corpus.id}}, function(){$('#corpus_'+{{corpus.id}}).remove()});
                                                         $(this).parent().parent().remove();
                                                     &quot;>
-                            <a href=&quot;#&quot;>I want to delete this</a>
+                                                    <a href=&quot;#&quot;>Delete this</a>
                                                 </li>
                                             </ul>
                                             ">
                                             <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
                                         </button>
-                    </h4>
+                                    </div>
 
-                    <p>
+                                    <div class="col-md-5 content">
+                                        {% for state in corpus.hyperdata.statuses %}
+                                                {% ifequal state.action "ngrams_extraction" %}
+                                                    {% if state.complete %}
+                                                        <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
+
+                                                    {% else %}
+                                                        {% if state.error %}
+                                                            <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
+                                                        {% else %}
                                                             <div class="progress">
                                                                 {% for state in corpus.hyperdata.statuses %}
                                                                     {% ifequal state.action "parsing" %}
@@ -162,56 +165,18 @@
                                                                   
                                                                 {% endfor %}
                                                             </div>
-                    </p>
-                </div>
-                {% endfor %}
-        {% endfor %}
                                                         {% endif %}
-
-    {% if list_corporax  %}
-    <div class="col-md-4">
-        <h3>
-            <a href="/projects/{{project.id}}/corpora/{{corpus.id}}">{{corpus.name}}</a>
-        </h3>
-        <h4>
-            {{ corpus.count }} documents
-        </h4>
-        <h5>Activity:</h5>
-        <div class="chart" data-percent="73">73%</div>
-    </div>
                                                     {% endif %}
-
-
-    {% if whitelists  %}
-    <h2>Lists of Ngrams</h2>
-    <h3>White Lists</h3>
-    <ul>
-        {% for list in whitelists %}
-        <li>{{list.name }}</li>
+                                                {% endifequal %}
                                         {% endfor %}
-    </ul>
-    {% endif %}
-
-    {% if blacklists %}
-    <h3>Black Lists</h3>
-    <ul>
-        {% for list in blacklists %}
-        <li>{{list.name}}</li>
+                                    </div>
+                                </h4>
+                            </div>
+                        </div>
                     {% endfor %}
-    </ul>
-    {% endif %}
-
-    {% if cooclists  %}
-    <h2>Results (graphs)</h2>
-    <h3>Cooccurrences Lists</h2>
-    <ul>
-        {% for list in cooclists %}
-        <li> {{list.name }}
-    </ul>
         {% endfor %}
     {% endif %}
 
-                        </div>
 
                     <!-- Modal -->
                     <div class="modal fade" id="stack1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">