[UPDATE] correct commit for primitive loader for upload corpus

templates/project.html

@@ -16,9 +16,6 @@
 {% endblock %}
 
 
-<div id="loading" style="position:absolute; top:50%; left:40%; width:80px; display: none;" >
-    <img src="{% static "img/ajax-loader.gif" %}" alt="" />
-</div>
 
 {% block content %}
 
@@ -46,17 +43,15 @@
 								data-placement="bottom"
 								>Add a corpus</button>
 								<div id="popover-content" class="hide">
-								
-					<form id="uploadcorpusform" enctype="multipart/form-data" action="/project/{{project.id}}/" method="post">
-					    {% csrf_token %}
-							{{ form.non_field_errors }}
-							{{ form.as_p}}
-							
-							{{ formResource.non_field_errors }}
-							{{ formResource.as_p}}
-							<input type="submit" class="btn" value="Add this corpus" />
-					</form>
 
+					<form enctype="multipart/form-data" action="/project/{{project.id}}/" method="post">
+    {% csrf_token %}
+		{{ form.non_field_errors }}
+		{{ form.as_p}}
+		
+		{{ formResource.non_field_errors }}
+		{{ formResource.as_p}}
+		<input onclick='$("#semLoader").css("visibility", "visible"); $("#semLoader").show();' type="submit" name="submit" id="submit" class="btn" value="Add this corpus" /><div>
     </center>
 				</p>
 
@@ -69,35 +64,106 @@
         </div>
         </div>
 </div>
+<!-- Add jumbotron container for each type of corpus (presse, science etc.) -->
+
+          <div id="semLoader" style="position:absolute; top:50%; left:40%; width:80px; visibility: hidden;">
+							<img src="{% static "js/libs/img2/loading-bar.gif" %}"></img>
+          </div>
+
+<div class="container">
+				{% if list_corpora  %}
+								<h1>Resources</h1>
+								<h2>Corpora</h2>
+										<ul>
+										{% for key, corpora in list_corpora.items %}
+										<li>{{ key }}</li>
+												<ul>
+														{% for corpus in corpora %}
+														<li> {% ifnotequal corpus.count 0 %}
+																		<a href="/project/{{project.id}}/corpus/{{corpus.id}}">{{corpus.name}}</a>
+																		, {{ corpus.count }} Documents 
+																 {% else %}
+																 {{corpus.name}} : Processing, drink a cup of tea, and refresh the page :)
+																 {% endifnotequal %}
+																		<button type="button" class="btn btn-xs btn-default" data-container="body" data-toggle="popover" data-placement="bottom" 
+																		data-content='
+																		<ul>
+																		<li> Add documents </li>
+																		<li> Rename </li>
+																		<li><a href="/project/{{ project.id }}/corpus/{{ corpus.id}}/delete">Delete</a></li>
+																		</ul>
+																		'>Manage</button>
+																</li>
+														{% endfor %}
+												</ul>
+										{% endfor %}
+										</ul>
+				{% endif %}
+
+
+								{% if list_corporax  %}
+										<div class="col-md-4">
+                        <h3><a href="/project/{{project.id}}/corpus/{{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</h2>
+								{% for list in whitelists %}
+										<ul>
+                    <li> {{list.name }}
+										</ul>
+								{% endfor %}
+						{% endif %}
+						
+            {% if whitelists  %}
+						<h3>Black Lists</h2>
+								{% for list in blacklists %}
+										<ul>
+                    <li> {{list.name }}
+										</ul>
+								{% endfor %}
+						{% endif %}
+						
+
+				
+        {% if cooclists  %}
+						<h2>Results (graphs)</h2>
+						<h3>Cooccurrences Lists</h2>
+								{% for list in cooclists %}
+										<ul>
+                    <li> {{list.name }}
+										</ul>
+								{% endfor %}
+						{% endif %}
+			  
+</div>
 
 
 <script>
-function showLoader(flag){
-  flag = !flag;
-  $('#loading').setStyle('display', 'block');
-  $('submit_btn').disabled = flag;
-};
-
-console.log("i am hereasdasd")
-
-// $('#uploadcorpusform').on("submit", function (event) {
-// 	event.preventDefault();
-// 	console.log("i am submitting the mofo")
-// 	showLoader(true);
-//     $.ajax({
-//         type: frm.attr('method'),
-//         url: frm.attr('action'),
-//         data: frm.serialize(),
-//         success: function (data) {
-//             showLoader(false);
-//         },
-//         error: function(data) {
-//             $("#MESSAGE-DIV").html("Something went wrong!");
-//         }
-//     });
-//     return false;
-// });
+        // Morris Donut Chart
+        Morris.Donut({
+            element: 'hero-donut',
+            data: [
+            {% if donut %}
+            {% for part in donut %}
+						{label: '{{ part.source }}', value: {{ part.part }} },
+            {% endfor %}
+            {% endif %}
+
+            ],
+            colors: ["@white", "@white"],
+            //colors: ["#30a1ec", "#76bdee"],
+            formatter: function (y) { return y + "%" }
+        });
 </script>
 
 
+
+
 {% endblock %}