[FEATURE] Adding new graph to corpus view.

templates/corpus.html

@@ -9,9 +9,13 @@
 <link rel="stylesheet" type="text/css" href="{% static "css/morris.css" %}">
 <link rel="stylesheet" type="text/css" href="{% static "css/jquery.easy-pie-chart.css"%}">
 
-<script src="{% static "js/jquery/jquery-1.9.1.min.js"%}"></script>
-<script src="{% static "js/raphael-min.js"%}"></script>
-<script src="{% static "js/morris.min.js"%}"></script>
+
+<link rel="stylesheet" type="text/css" href="http://jun9.github.io/dc.js/css/dc.css"/>
+
+<script type="text/javascript" src="http://jun9.github.io/dc.js/js/d3.js"></script>
+<script type="text/javascript" src="http://jun9.github.io/dc.js/js/crossfilter.js"></script>
+<script type="text/javascript" src="http://jun9.github.io/dc.js/js/dc.js"></script>
+
 
 {% endblock %}
 
@@ -31,23 +35,56 @@
 						<p>Created on {{ corpus.date }} <br> ({{ number}} docs)</p>
 					{% endif %}
 
+			</div>
+
+
+<div class="container">
+
+	<div class="row">
+	    <div id="monthly-move-chart">
+	        <strong>Title</strong> (Blue Line: Avg Index, Green Line: Index
+	        Fluctuation)
+	        <a class="reset" href="javascript:volumeChart.filterAll();dc.redrawAll();"
+	           style="display: none;">reset</a>
+
+	        <div class="clearfix"></div>
+	    </div>
+	</div>
+
+	<div class="row">
+	    <div id="monthly-volume-chart">
+	    </div>
+	    <p class="muted pull-left" style="margin-right: 15px;">Select a time range to zoom in</p>
+	</div>
+
+
+
+</div>
+
+			</div>
+
+			</div>
+	</div>
+</div>
+
+<div class="container">
+
+		<div class="jumbotron">
+				<center>
+						<a class="btn btn-primary btn-lg" role="button" href="#">Filter and show documents !</a></p>
+				</center>
+
 					{% if number > 0 %}
 						<a class="btn btn-primary btn-lg" role="button" href="/admin/documents/corpus/{{ corpus.pk }}/">Modify corpus</a>
 						<a class="btn btn-default btn-lg" role="button" href="/admin/documents/corpus/{{ corpus.pk }}/">Export corpus</a></p>
 					{% endif %}
-			</div>
 
-        <div class="col-md-7">
-						<h2> Historic</h2>
-						<div id="hero-area" style="height: 300px;"></div>
-					{% if number == 0 %}
+				{% if number == 0 %}
 						<a class="btn btn-primary btn-lg" role="button" href="/admin/documents/corpus/{{ corpus.pk }}/">Add documents</a></p>
 					{% endif %}
-			</div>
 
-			</div>
-	</div>
-</div>
+		</div>
+		</div>
 
 <div class="container">
     <div class="row">
@@ -90,24 +127,11 @@
 
 
 
-<script>
-        // Morris Area Chart
-        Morris.Area({
-            element: 'hero-area',
-            data: [
-            {% if dates %}
-            {% for date in dates %}
-						{Period: '{{ date.to_char }}', Quantity: '{{ date.count }}', Infos: '10'},
-            {% endfor %}
-            {% endif %}
-            ],
-            xkey: 'Period',
-            ykeys: ['Quantity', 'Infos'],
-            labels: ['publications', 'Infos'],
-            lineWidth: 2,
-            hideHover: 'auto',
-            lineColors: ["#939393",]
-          });
-</script>
+<script src="http://code.jquery.com/jquery-latest.js"></script>
+<script src="http://jun9.github.io/dc.js/js/bootstrap.min.js"></script>
+<script src="{% static "js/d3/DC.js"%}"></script>
+
+
+
 
 {% endblock %}