From a3e249ead0604bd3a3701a633e218326924d9dd5 Mon Sep 17 00:00:00 2001
From: Felipe Bormann <felipe.bormann@gmail.com>
Date: Tue, 16 May 2017 21:18:17 -0300
Subject: [PATCH] category selector dynamic update loop when it modifies

---
 dashboards/static/dashboards/js/behavior.js            |  1 -
 dashboards/static/dashboards/js/behavior_categories.js | 10 ++++++++++
 dashboards/templates/dashboards/category.html          | 14 +++++++++++++-
 3 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/dashboards/static/dashboards/js/behavior.js b/dashboards/static/dashboards/js/behavior.js
index 06f2868..412bec8 100644
--- a/dashboards/static/dashboards/js/behavior.js
+++ b/dashboards/static/dashboards/js/behavior.js
@@ -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){
diff --git a/dashboards/static/dashboards/js/behavior_categories.js b/dashboards/static/dashboards/js/behavior_categories.js
index e69de29..94c7e0a 100644
--- a/dashboards/static/dashboards/js/behavior_categories.js
+++ b/dashboards/static/dashboards/js/behavior_categories.js
@@ -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);
+	});
+});
+
diff --git a/dashboards/templates/dashboards/category.html b/dashboards/templates/dashboards/category.html
index 2b33bf3..d052fe6 100644
--- a/dashboards/templates/dashboards/category.html
+++ b/dashboards/templates/dashboards/category.html
@@ -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
--
libgit2 0.21.2