styled weekly selector properly

Felipe Bormann
1 parent 657f96a1
Showing 7 changed files with 42 additions and 20 deletions Show diff stats
analytics/static/.sass-cache/01cecb7b42e56765f6ed49ed3c70281ebdc742c7/general.sassc
analytics/static/analytics/general.css
analytics/static/analytics/general.css.map
analytics/static/analytics/general.sass
analytics/static/analytics/js/behavior.js
analytics/templates/analytics/general.html
analytics/views.py
@@ -57,7 +57,8 @@
  
 .chart {
   width: 30%;
-  float: left; }
+  float: left;
+  text-align: center; }
   .chart h4 {
     color: #009688; }
  
@@ -114,4 +115,8 @@
 .most-accessed-item:hover {
   background-color: #3aa7ad; }
  
+#month_selector_div {
+  text-align: center;
+  color: #009688; }
+
 /*# sourceMappingURL=general.css.map */
 {
 "version": 3,
-"mappings": "AAEA,YAAY;EACR,MAAM,EAAE,iBAAiB;EACzB,aAAa,EAAE,IAAI;EACnB,OAAO,EAAE,IAAI;EACb,QAAQ,EAAE,IAAI;EACd,KAAK,EAAE,IAAI;EACX,gBAAgB,EAAE,OAAO;;AAE7B,sBAAsB;EAClB,MAAM,EAAE,GAAG;EACX,OAAO,EAAE,KAAK;EACd,yBAAE;IACE,KAAK,EAdC,OAAO;EAgBjB,yBAAE;IACE,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,GAAG;IACV,aAAa,EAAE,GAAG;IAElB,4BAAE;MACE,YAAY,EAAE,EAAE;MAChB,KAAK,EAAE,GAAG;MACV,KAAK,EAAE,KAAK;MACZ,SAAS,EAAE,IAAI;MACf,gBAAgB,EAAE,OAAO;MACzB,KAAK,EAAE,IAAI;MACX,UAAU,EAAE,MAAM;MAClB,aAAa,EAAE,IAAI;MACnB,MAAM,EAAE,IAAI;IAGhB,qCAAW;MACP,gBAAgB,EAAE,OAAO;MACzB,KAAK,EAAE,IAAI;MACX,UAAU,EAAE,MAAM;MAClB,aAAa,EAAE,IAAI;;AAM/B,sBAAsB;EAClB,UAAU,EAAE,2CAA2C;EACvD,MAAM,EAAE,IAAI;EACZ,aAAa,EAAE,IAAI;EACnB,KAAK,EAAE,OAAO;EACd,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,IAAI;EAEhB,yBAAE;IACE,WAAW,EAAE,EAAE;;AAGvB,UAAU;EACN,aAAa,EAAE,IAAI;EACnB,KAAK,EAAE,OAAO;;AAKlB,SAAS;EACL,KAAK,EAAE,OAAO;;AAGlB,mBAAmB;EACf,UAAU,EAAE,iCAAmC;EAC/C,UAAU,EAAE,EAAE;EACd,WAAW,EAAE,EAAE;EACf,cAAc,EAAE,EAAE;;AAEtB,MAAM;EACF,KAAK,EAAE,GAAG;EACV,KAAK,EAAE,IAAI;EACX,SAAE;IACE,KAAK,EA7EC,OAAO;;AA+ErB,SAAS;EACL,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,IAAI;EACZ,KAAK,EAAE,KAAK;EACZ,YAAY,EAAE,GAAG;EACjB,gBAAgB,EAAE,OAAO;EACzB,UAAU,EAAE,GAAG;EACf,aAAa,EAAE,iBAAiB;EAChC,WAAC;IACG,WAAW,EAAE,IAAI;IACjB,SAAS,EAAE,IAAI;;AAInB,qBAAO;EACH,UAAU,EAAE,MAAM;;AAE1B,aAAa;EACT,UAAU,EAAE,iCAAkC;EAC9C,KAAK,EAAE,KAAK;EACZ,aAAa,EAAE,IAAI;EACnB,OAAO,EAAE,GAAG;;AAEhB,mBAAmB;EACf,gBAAgB,EAAE,OAAO;EACzB,KAAK,EAAE,GAAG;EACV,WAAW,EAAE,EAAE;EACf,UAAU,EAAE,EAAE;EACd,QAAQ,EAAE,QAAQ;EAClB,YAAY,EAAE,CAAC;EACf,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,iBAAiB;EACzB,UAAU,EAAE,sDAAsD;EAElE,sBAAE;IACE,YAAY,EAAE,EAAE;;AAExB,qDAAqD;EACjD,MAAM,EAAE,IAAI;EACZ,IAAI,EAAE,GAAG;EACT,MAAM,EAAE,iBAAiB;EACzB,OAAO,EAAE,GAAG;EACZ,MAAM,EAAE,CAAC;EACT,KAAK,EAAE,CAAC;EACR,QAAQ,EAAE,QAAQ;EAClB,cAAc,EAAE,IAAI;;AAGxB,0BAA0B;EACtB,YAAY,EAAE,IAAI;EAClB,WAAW,EAAE,IAAI;EACjB,YAAY,EAAE,sBAAsB;EACpC,mBAAmB,EAAE,OAAO;;AAEhC,yBAAyB;EACrB,gBAAgB,EAAE,OAAO",
+"mappings": "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",
 "sources": ["general.sass"],
 "names": [],
 "file": "general.css"
@@ -74,6 +74,7 @@ $title-color: #009688
 .chart
     width: 30%
     float: left
+    text-align: center
     h4
         color: $title-color
  
@@ -132,4 +133,9 @@ $title-color: #009688
     border-bottom-color: #52b7bd
  
 .most-accessed-item:hover 
-    background-color: #3aa7ad
 \ No newline at end of file
+    background-color: #3aa7ad
+
+
+#month_selector_div
+    text-align: center
+    color: #009688
 \ No newline at end of file
@@ -12,9 +12,14 @@ $(document).ready(function(){
  
 		});
 	});
+	//week date selector at the right-chart field
+   $('input.datepicker').datetimepicker({
+		format: 'L',
+		defaultDate: new Date(),
+    }).on('dp.change', function(ev){
+    	console.log(ev.date._i);
+    });
  
-	
-    $('#datetimepicker1').datetimepicker();
  
  
 });
@@ -7,7 +7,7 @@
 {% endblock style %}
  
 {% block javascript %}
-    
+
     <script type="text/javascript" src="{% static "analytics/js/charts.js" %}"></script>
     <script type="text/javascript" src=" {% static "analytics/js/behavior.js" %} "></script>
 {% endblock javascript %}
@@ -69,19 +69,20 @@
             <section class="bottom-section">
                 <div class="chart left-chart">
  
-
+                    <h4>{% trans "Most accessed " %}</h4>
                     <div id="left-data-selector">
+
  
                                 <div class="selector" data-url="categories">
-                                    <p>  {% trans "most accessed categories" %} </p>
+                                    <p>  {% trans "Most accessed categories" %} </p>
                                 </div>
  
                                 <div class="selector" data-url="subjects">
-                                   <p> {% trans "most accessed subjects" %} </p>
+                                   <p> {% trans "Most accessed subjects" %} </p>
                                 </div>
  
                                 <div class="selector" data-url="resources">
-                                   <p> {% trans "most accessed resource" %} </p>
+                                   <p> {% trans "Most accessed resource" %} </p>
                                 </div>
  
                     </div>
@@ -89,33 +90,34 @@
                 </div>
                 <div class="chart middle-chart">
                     <article>
-                        <h4>{% trans "most active users" %}</h4>
+                        <h4>{% trans "Most active users" %}</h4>
                     </article>
  
                 </div>
                 <div class="chart right-chart">
-                    <div>
-                        <p>{% trans "amount of access in: " %}</p>
+                    <div id="month_selector_div">
+                        <h4>{% trans "Amount of access in: " %}
                         <select id="month_selector">
                             {% for month in months  %}
                                 <option>{{month}}</option>
                             {% endfor %}
  
                         </select>
+                        </h4>
                     </div>
  
                     <div id="right-chart-body">
  
                     </div>
  
-                    <div class="form-group">
-                        <div class='input-group date' id='datetimepicker1'>
-                            <input type='text' class="form-control" />
-                            <span class="input-group-addon">
-                                <span class="glyphicon glyphicon-calendar"></span>
-                            </span>
-                        </div>
+                    <div class='input-group date'>
+                        <label>{% trans "Select the begin of the week: " %}</label>
+                        <input type='text' class="datepicker form-control"  />
+                        <span class="input-group-addon">
+                            <span class="glyphicon glyphicon-calendar"></span>
+                        </span>
                     </div>
+                       
                 </div>
             </section>
  
@@ -176,3 +176,7 @@ def get_days_of_the_month(month):
     return days_set 
  
  
+def get_days_of_the_week(date):
+
+    days_set = set()
+    return days_set
 \ No newline at end of file
...	...	@@ -57,7 +57,8 @@
57	57
58	58	.chart {
59	59	width: 30%;
60		- float: left; }
	60	+ float: left;
	61	+ text-align: center; }
61	62	.chart h4 {
62	63	color: #009688; }
63	64
...	...	@@ -114,4 +115,8 @@
114	115	.most-accessed-item:hover {
115	116	background-color: #3aa7ad; }
116	117
	118	+#month_selector_div {
	119	+ text-align: center;
	120	+ color: #009688; }
	121	+
117	122	/# sourceMappingURL=general.css.map /
...	...
1	1	{
2	2	"version": 3,
3		-"mappings": "AAEA,YAAY;EACR,MAAM,EAAE,iBAAiB;EACzB,aAAa,EAAE,IAAI;EACnB,OAAO,EAAE,IAAI;EACb,QAAQ,EAAE,IAAI;EACd,KAAK,EAAE,IAAI;EACX,gBAAgB,EAAE,OAAO;;AAE7B,sBAAsB;EAClB,MAAM,EAAE,GAAG;EACX,OAAO,EAAE,KAAK;EACd,yBAAE;IACE,KAAK,EAdC,OAAO;EAgBjB,yBAAE;IACE,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,GAAG;IACV,aAAa,EAAE,GAAG;IAElB,4BAAE;MACE,YAAY,EAAE,EAAE;MAChB,KAAK,EAAE,GAAG;MACV,KAAK,EAAE,KAAK;MACZ,SAAS,EAAE,IAAI;MACf,gBAAgB,EAAE,OAAO;MACzB,KAAK,EAAE,IAAI;MACX,UAAU,EAAE,MAAM;MAClB,aAAa,EAAE,IAAI;MACnB,MAAM,EAAE,IAAI;IAGhB,qCAAW;MACP,gBAAgB,EAAE,OAAO;MACzB,KAAK,EAAE,IAAI;MACX,UAAU,EAAE,MAAM;MAClB,aAAa,EAAE,IAAI;;AAM/B,sBAAsB;EAClB,UAAU,EAAE,2CAA2C;EACvD,MAAM,EAAE,IAAI;EACZ,aAAa,EAAE,IAAI;EACnB,KAAK,EAAE,OAAO;EACd,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,IAAI;EAEhB,yBAAE;IACE,WAAW,EAAE,EAAE;;AAGvB,UAAU;EACN,aAAa,EAAE,IAAI;EACnB,KAAK,EAAE,OAAO;;AAKlB,SAAS;EACL,KAAK,EAAE,OAAO;;AAGlB,mBAAmB;EACf,UAAU,EAAE,iCAAmC;EAC/C,UAAU,EAAE,EAAE;EACd,WAAW,EAAE,EAAE;EACf,cAAc,EAAE,EAAE;;AAEtB,MAAM;EACF,KAAK,EAAE,GAAG;EACV,KAAK,EAAE,IAAI;EACX,SAAE;IACE,KAAK,EA7EC,OAAO;;AA+ErB,SAAS;EACL,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,IAAI;EACZ,KAAK,EAAE,KAAK;EACZ,YAAY,EAAE,GAAG;EACjB,gBAAgB,EAAE,OAAO;EACzB,UAAU,EAAE,GAAG;EACf,aAAa,EAAE,iBAAiB;EAChC,WAAC;IACG,WAAW,EAAE,IAAI;IACjB,SAAS,EAAE,IAAI;;AAInB,qBAAO;EACH,UAAU,EAAE,MAAM;;AAE1B,aAAa;EACT,UAAU,EAAE,iCAAkC;EAC9C,KAAK,EAAE,KAAK;EACZ,aAAa,EAAE,IAAI;EACnB,OAAO,EAAE,GAAG;;AAEhB,mBAAmB;EACf,gBAAgB,EAAE,OAAO;EACzB,KAAK,EAAE,GAAG;EACV,WAAW,EAAE,EAAE;EACf,UAAU,EAAE,EAAE;EACd,QAAQ,EAAE,QAAQ;EAClB,YAAY,EAAE,CAAC;EACf,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,iBAAiB;EACzB,UAAU,EAAE,sDAAsD;EAElE,sBAAE;IACE,YAAY,EAAE,EAAE;;AAExB,qDAAqD;EACjD,MAAM,EAAE,IAAI;EACZ,IAAI,EAAE,GAAG;EACT,MAAM,EAAE,iBAAiB;EACzB,OAAO,EAAE,GAAG;EACZ,MAAM,EAAE,CAAC;EACT,KAAK,EAAE,CAAC;EACR,QAAQ,EAAE,QAAQ;EAClB,cAAc,EAAE,IAAI;;AAGxB,0BAA0B;EACtB,YAAY,EAAE,IAAI;EAClB,WAAW,EAAE,IAAI;EACjB,YAAY,EAAE,sBAAsB;EACpC,mBAAmB,EAAE,OAAO;;AAEhC,yBAAyB;EACrB,gBAAgB,EAAE,OAAO",
	3	+"mappings": "AAEA,YAAY;EACR,MAAM,EAAE,iBAAiB;EACzB,aAAa,EAAE,IAAI;EACnB,OAAO,EAAE,IAAI;EACb,QAAQ,EAAE,IAAI;EACd,KAAK,EAAE,IAAI;EACX,gBAAgB,EAAE,OAAO;;AAE7B,sBAAsB;EAClB,MAAM,EAAE,GAAG;EACX,OAAO,EAAE,KAAK;EACd,yBAAE;IACE,KAAK,EAdC,OAAO;EAgBjB,yBAAE;IACE,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,GAAG;IACV,aAAa,EAAE,GAAG;IAElB,4BAAE;MACE,YAAY,EAAE,EAAE;MAChB,KAAK,EAAE,GAAG;MACV,KAAK,EAAE,KAAK;MACZ,SAAS,EAAE,IAAI;MACf,gBAAgB,EAAE,OAAO;MACzB,KAAK,EAAE,IAAI;MACX,UAAU,EAAE,MAAM;MAClB,aAAa,EAAE,IAAI;MACnB,MAAM,EAAE,IAAI;IAGhB,qCAAW;MACP,gBAAgB,EAAE,OAAO;MACzB,KAAK,EAAE,IAAI;MACX,UAAU,EAAE,MAAM;MAClB,aAAa,EAAE,IAAI;;AAM/B,sBAAsB;EAClB,UAAU,EAAE,2CAA2C;EACvD,MAAM,EAAE,IAAI;EACZ,aAAa,EAAE,IAAI;EACnB,KAAK,EAAE,OAAO;EACd,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,IAAI;EAEhB,yBAAE;IACE,WAAW,EAAE,EAAE;;AAGvB,UAAU;EACN,aAAa,EAAE,IAAI;EACnB,KAAK,EAAE,OAAO;;AAKlB,SAAS;EACL,KAAK,EAAE,OAAO;;AAGlB,mBAAmB;EACf,UAAU,EAAE,iCAAmC;EAC/C,UAAU,EAAE,EAAE;EACd,WAAW,EAAE,EAAE;EACf,cAAc,EAAE,EAAE;;AAEtB,MAAM;EACF,KAAK,EAAE,GAAG;EACV,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,MAAM;EAClB,SAAE;IACE,KAAK,EA9EC,OAAO;;AAgFrB,SAAS;EACL,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,IAAI;EACZ,KAAK,EAAE,KAAK;EACZ,YAAY,EAAE,GAAG;EACjB,gBAAgB,EAAE,OAAO;EACzB,UAAU,EAAE,GAAG;EACf,aAAa,EAAE,iBAAiB;EAChC,WAAC;IACG,WAAW,EAAE,IAAI;IACjB,SAAS,EAAE,IAAI;;AAInB,qBAAO;EACH,UAAU,EAAE,MAAM;;AAE1B,aAAa;EACT,UAAU,EAAE,iCAAkC;EAC9C,KAAK,EAAE,KAAK;EACZ,aAAa,EAAE,IAAI;EACnB,OAAO,EAAE,GAAG;;AAEhB,mBAAmB;EACf,gBAAgB,EAAE,OAAO;EACzB,KAAK,EAAE,GAAG;EACV,WAAW,EAAE,EAAE;EACf,UAAU,EAAE,EAAE;EACd,QAAQ,EAAE,QAAQ;EAClB,YAAY,EAAE,CAAC;EACf,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,iBAAiB;EACzB,UAAU,EAAE,sDAAsD;EAElE,sBAAE;IACE,YAAY,EAAE,EAAE;;AAExB,qDAAqD;EACjD,MAAM,EAAE,IAAI;EACZ,IAAI,EAAE,GAAG;EACT,MAAM,EAAE,iBAAiB;EACzB,OAAO,EAAE,GAAG;EACZ,MAAM,EAAE,CAAC;EACT,KAAK,EAAE,CAAC;EACR,QAAQ,EAAE,QAAQ;EAClB,cAAc,EAAE,IAAI;;AAGxB,0BAA0B;EACtB,YAAY,EAAE,IAAI;EAClB,WAAW,EAAE,IAAI;EACjB,YAAY,EAAE,sBAAsB;EACpC,mBAAmB,EAAE,OAAO;;AAEhC,yBAAyB;EACrB,gBAAgB,EAAE,OAAO;;AAG7B,mBAAmB;EACf,UAAU,EAAE,MAAM;EAClB,KAAK,EAAE,OAAO",
4	4	"sources": ["general.sass"],
5	5	"names": [],
6	6	"file": "general.css"
...	...
...	...	@@ -74,6 +74,7 @@ $title-color: #009688
74	74	.chart
75	75	width: 30%
76	76	float: left
	77	+ text-align: center
77	78	h4
78	79	color: $title-color
79	80
...	...	@@ -132,4 +133,9 @@ $title-color: #009688
132	133	border-bottom-color: #52b7bd
133	134
134	135	.most-accessed-item:hover
135		- background-color: #3aa7ad
136	136	\ No newline at end of file
	137	+ background-color: #3aa7ad
	138	+
	139	+
	140	+#month_selector_div
	141	+ text-align: center
	142	+ color: #009688
137	143	\ No newline at end of file
...	...
...	...	@@ -12,9 +12,14 @@ $(document).ready(function(){
12	12
13	13	});
14	14	});
	15	+ //week date selector at the right-chart field
	16	+ $('input.datepicker').datetimepicker({
	17	+ format: 'L',
	18	+ defaultDate: new Date(),
	19	+ }).on('dp.change', function(ev){
	20	+ console.log(ev.date._i);
	21	+ });
15	22
16		-
17		- $('#datetimepicker1').datetimepicker();
18	23
19	24
20	25	});
...	...
...	...	@@ -7,7 +7,7 @@
7	7	{% endblock style %}
8	8
9	9	{% block javascript %}
10		-
	10	+
11	11	<script type="text/javascript" src="{% static "analytics/js/charts.js" %}"></script>
12	12	<script type="text/javascript" src=" {% static "analytics/js/behavior.js" %} "></script>
13	13	{% endblock javascript %}
...	...	@@ -69,19 +69,20 @@
69	69	<section class="bottom-section">
70	70	<div class="chart left-chart">
71	71
72		-
	72	+ <h4>{% trans "Most accessed " %}</h4>
73	73	<div id="left-data-selector">
	74	+
74	75
75	76	<div class="selector" data-url="categories">
76		- <p> {% trans "most accessed categories" %} </p>
	77	+ <p> {% trans "Most accessed categories" %} </p>
77	78	</div>
78	79
79	80	<div class="selector" data-url="subjects">
80		- <p> {% trans "most accessed subjects" %} </p>
	81	+ <p> {% trans "Most accessed subjects" %} </p>
81	82	</div>
82	83
83	84	<div class="selector" data-url="resources">
84		- <p> {% trans "most accessed resource" %} </p>
	85	+ <p> {% trans "Most accessed resource" %} </p>
85	86	</div>
86	87
87	88	</div>
...	...	@@ -89,33 +90,34 @@
89	90	</div>
90	91	<div class="chart middle-chart">
91	92	<article>
92		- <h4>{% trans "most active users" %}</h4>
	93	+ <h4>{% trans "Most active users" %}</h4>
93	94	</article>
94	95
95	96	</div>
96	97	<div class="chart right-chart">
97		- <div>
98		- <p>{% trans "amount of access in: " %}</p>
	98	+ <div id="month_selector_div">
	99	+ <h4>{% trans "Amount of access in: " %}
99	100	<select id="month_selector">
100	101	{% for month in months %}
101	102	<option>{{month}}</option>
102	103	{% endfor %}
103	104
104	105	</select>
	106	+ </h4>
105	107	</div>
106	108
107	109	<div id="right-chart-body">
108	110
109	111	</div>
110	112
111		- <div class="form-group">
112		- <div class='input-group date' id='datetimepicker1'>
113		- <input type='text' class="form-control" />
114		- <span class="input-group-addon">
115		- <span class="glyphicon glyphicon-calendar"></span>
116		- </span>
117		- </div>
	113	+ <div class='input-group date'>
	114	+ <label>{% trans "Select the begin of the week: " %}</label>
	115	+ <input type='text' class="datepicker form-control" />
	116	+ <span class="input-group-addon">
	117	+ <span class="glyphicon glyphicon-calendar"></span>
	118	+ </span>
118	119	</div>
	120	+
119	121	</div>
120	122	</section>
121	123
...	...
...	...	@@ -176,3 +176,7 @@ def get_days_of_the_month(month):
176	176	return days_set
177	177
178	178
	179	+def get_days_of_the_week(date):
	180	+
	181	+ days_set = set()
	182	+ return days_set
179	183	\ No newline at end of file
...	...