category selector dynamic update loop when it modifies

Felipe Bormann
1 parent ae48710d
Showing 3 changed files with 23 additions and 2 deletions Show diff stats
dashboards/static/dashboards/js/behavior.js
dashboards/static/dashboards/js/behavior_categories.js
dashboards/templates/dashboards/category.html
@@ -4,7 +4,6 @@
 $(document).ready(function(){
 	selectors_options.init();
-	//for month selector
 	$('#month_selector').change(function(){
 		$.get('/analytics/amount_active_users_per_day', {month: $(this).val() }).done(function(data){
@@ -0,0 +1,10 @@
+$(document).ready(function(){
+	charts.most_used_tags('/analytics/get_category_tags/?category_id='+$("#category-selector").val());
+	
+	$("#category-selector").on("change", function(e){
+		//when it changes, the tag chart is replaced and all others are.
+		category_id = $(e.target).val();
+		charts.most_used_tags('/analytics/get_category_tags/?category_id='+category_id);
+	});
+});
+
@@ -9,6 +9,7 @@
 {% block javascript %}
     <script type="text/javascript" src="{% static "analytics/js/charts.js" %}"></script>
+    <script type="text/javascript" src="{% static "dashboards/js/behavior_categories.js" %}"></script>
 {% endblock javascript %}
 {% block breadcrumbs %}
@@ -46,7 +47,7 @@
             <h3>{{category.name}} {% trans "Category Report" %}</h3>
             <select id="category-selector">
                 {% for category in categories %}
-                    <option>{{category.name}}</option>
+                    <option value="{{category.id}}">{{category.name}}</option>
                 {% endfor %}
             </select>
             <ul id="report-header-options">
@@ -60,6 +61,17 @@
         </header> 
         <article class="report-body">
+
+            <section id="most-used-tags">
+                <header id="most-used-tags-header">
+                    <h4 >
+                        {% trans "most used tags" %}
+                    </h4>
+                </header>
+                <div id="most-used-tags-body">
+                    
+                </div>
+            </section>
         </article>
     </section>
 {% endblock content %}
 \ No newline at end of file
	@@ -4,7 +4,6 @@		@@ -4,7 +4,6 @@
4	$(document).ready(function(){	4	$(document).ready(function(){
5	selectors_options.init();	5	selectors_options.init();
6		6
7	- //for month selector
8		7
9	$('#month_selector').change(function(){	8	$('#month_selector').change(function(){
10	$.get('/analytics/amount_active_users_per_day', {month: $(this).val() }).done(function(data){	9	$.get('/analytics/amount_active_users_per_day', {month: $(this).val() }).done(function(data){
@@ -0,0 +1,10 @@		@@ -0,0 +1,10 @@
	1	+$(document).ready(function(){
	2	+ charts.most_used_tags('/analytics/get_category_tags/?category_id='+$("#category-selector").val());
	3	+
	4	+ $("#category-selector").on("change", function(e){
	5	+ //when it changes, the tag chart is replaced and all others are.
	6	+ category_id = $(e.target).val();
	7	+ charts.most_used_tags('/analytics/get_category_tags/?category_id='+category_id);
	8	+ });
	9	+});
	10	+