Commit 160dc1e7e530ea07d92f5c3167d7e5b94dd89a6d
Exists in
master
and in
2 other branches
Merge branch 'refactoring' of https://github.com/amadeusproject/amadeuslms into refactoring
Showing
15 changed files
with
436 additions
and
53 deletions
Show diff stats
analytics/static/.sass-cache/9bdb779ec82a4a96f72be09b83b7c997addd0129/general.sassc
No preview for this file type
analytics/static/analytics/general.css
@@ -62,4 +62,39 @@ | @@ -62,4 +62,39 @@ | ||
62 | .chart h4 { | 62 | .chart h4 { |
63 | color: #009688; } | 63 | color: #009688; } |
64 | 64 | ||
65 | +.selector { | ||
66 | + width: 90%; | ||
67 | + height: 20%; | ||
68 | + color: white; | ||
69 | + padding-left: 5px; | ||
70 | + background-color: #009688; | ||
71 | + margin-top: 10px; | ||
72 | + border-radius: 0px 20px 20px 0px; } | ||
73 | + .selector p { | ||
74 | + padding-top: 10px; | ||
75 | + font-size: 16px; } | ||
76 | + | ||
77 | +.middle-chart article { | ||
78 | + text-align: center; } | ||
79 | + | ||
80 | +.user-tooltip { | ||
81 | + background: linear-gradient(#0e8999, #6bf0ce); | ||
82 | + color: white; | ||
83 | + border-radius: 10px; | ||
84 | + padding: 7px; } | ||
85 | + | ||
86 | +.most-accessed-list { | ||
87 | + background-color: #52b7bd; | ||
88 | + width: 80%; | ||
89 | + margin-left: 2%; | ||
90 | + margin-top: 2%; | ||
91 | + padding-left: 0; | ||
92 | + color: white; | ||
93 | + transition: width 2s, height 2s, background-color 2s, transform 2s; } | ||
94 | + .most-accessed-list li { | ||
95 | + padding-left: 1%; } | ||
96 | + | ||
97 | +.most-accessed-item:hover { | ||
98 | + background-color: #3aa7ad; } | ||
99 | + | ||
65 | /*# sourceMappingURL=general.css.map */ | 100 | /*# sourceMappingURL=general.css.map */ |
analytics/static/analytics/general.css.map
1 | { | 1 | { |
2 | "version": 3, | 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;;AAEf,sBAAsB;EAClB,MAAM,EAAE,GAAG;EACX,OAAO,EAAE,KAAK;EACd,yBAAE;IACE,KAAK,EAbC,OAAO;EAejB,yBAAE;IACE,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IAEX,4BAAE;MACE,YAAY,EAAE,EAAE;MAChB,KAAK,EAAE,GAAG;MACV,KAAK,EAAE,KAAK;MAEZ,yCAAY;QACR,gBAAgB,EAAE,OAAO;QACzB,KAAK,EAAE,IAAI;QACX,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,IAAI;MAEvB,gCAAG;QACC,gBAAgB,EAAE,OAAO;QACzB,KAAK,EAAE,IAAI;QACX,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,IAAI;;AAInC,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;;AAEvB,eAAe;EACX,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;;AAEhB,UAAU;EACN,aAAa,EAAE,IAAI;EACnB,KAAK,EAAE,OAAO;EACd,KAAK,EAAE,IAAI;;AAIf,SAAS;EACL,KAAK,EAAE,OAAO;EACd,SAAS,EAAE,IAAI;;AAGnB,mBAAmB;EACf,UAAU,EAAE,iCAAmC;;AAEnD,MAAM;EACF,KAAK,EAAE,GAAG;EACV,KAAK,EAAE,IAAI;EACX,SAAE;IACE,KAAK,EA1EC,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;;AAEf,sBAAsB;EAClB,MAAM,EAAE,GAAG;EACX,OAAO,EAAE,KAAK;EACd,yBAAE;IACE,KAAK,EAbC,OAAO;EAejB,yBAAE;IACE,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IAEX,4BAAE;MACE,YAAY,EAAE,EAAE;MAChB,KAAK,EAAE,GAAG;MACV,KAAK,EAAE,KAAK;MAEZ,yCAAY;QACR,gBAAgB,EAAE,OAAO;QACzB,KAAK,EAAE,IAAI;QACX,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,IAAI;MAEvB,gCAAG;QACC,gBAAgB,EAAE,OAAO;QACzB,KAAK,EAAE,IAAI;QACX,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,IAAI;;AAInC,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;;AAEvB,eAAe;EACX,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;;AAEhB,UAAU;EACN,aAAa,EAAE,IAAI;EACnB,KAAK,EAAE,OAAO;EACd,KAAK,EAAE,IAAI;;AAIf,SAAS;EACL,KAAK,EAAE,OAAO;EACd,SAAS,EAAE,IAAI;;AAGnB,mBAAmB;EACf,UAAU,EAAE,iCAAmC;;AAEnD,MAAM;EACF,KAAK,EAAE,GAAG;EACV,KAAK,EAAE,IAAI;EACX,SAAE;IACE,KAAK,EA1EC,OAAO;;AA4ErB,SAAS;EACL,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;EACX,KAAK,EAAE,KAAK;EACZ,YAAY,EAAE,GAAG;EACjB,gBAAgB,EAAE,OAAO;EACzB,UAAU,EAAE,IAAI;EAChB,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,YAAY,EAAE,CAAC;EACf,KAAK,EAAE,KAAK;EACZ,UAAU,EAAE,sDAAsD;EAElE,sBAAE;IACE,YAAY,EAAE,EAAE;;AAExB,yBAAyB;EACrB,gBAAgB,EAAE,OAAO", |
4 | "sources": ["general.sass"], | 4 | "sources": ["general.sass"], |
5 | "names": [], | 5 | "names": [], |
6 | "file": "general.css" | 6 | "file": "general.css" |
analytics/static/analytics/general.sass
@@ -72,4 +72,42 @@ $title-color: #009688 | @@ -72,4 +72,42 @@ $title-color: #009688 | ||
72 | width: 30% | 72 | width: 30% |
73 | float: left | 73 | float: left |
74 | h4 | 74 | h4 |
75 | - color: $title-color | ||
76 | \ No newline at end of file | 75 | \ No newline at end of file |
76 | + color: $title-color | ||
77 | + | ||
78 | +.selector | ||
79 | + width: 90% | ||
80 | + height: 20% | ||
81 | + color: white | ||
82 | + padding-left: 5px | ||
83 | + background-color: #009688 | ||
84 | + margin-top: 10px | ||
85 | + border-radius: 0px 20px 20px 0px | ||
86 | + p | ||
87 | + padding-top: 10px | ||
88 | + font-size: 16px | ||
89 | + | ||
90 | + | ||
91 | +.middle-chart | ||
92 | + article | ||
93 | + text-align: center | ||
94 | + | ||
95 | +.user-tooltip | ||
96 | + background: linear-gradient( #0e8999, #6bf0ce) | ||
97 | + color: white | ||
98 | + border-radius: 10px | ||
99 | + padding: 7px | ||
100 | + | ||
101 | +.most-accessed-list | ||
102 | + background-color: #52b7bd | ||
103 | + width: 80% | ||
104 | + margin-left: 2% | ||
105 | + margin-top: 2% | ||
106 | + padding-left: 0 | ||
107 | + color: white | ||
108 | + transition: width 2s, height 2s, background-color 2s, transform 2s | ||
109 | + | ||
110 | + li | ||
111 | + padding-left: 1% | ||
112 | + | ||
113 | +.most-accessed-item:hover | ||
114 | + background-color: #3aa7ad | ||
77 | \ No newline at end of file | 115 | \ No newline at end of file |
@@ -0,0 +1,75 @@ | @@ -0,0 +1,75 @@ | ||
1 | + | ||
2 | +$(document).ready(function(){ | ||
3 | + selectors_options.init(); | ||
4 | +}); | ||
5 | + | ||
6 | + | ||
7 | +var selectors_options = { | ||
8 | + init: function(){ | ||
9 | + selectors = $("div.selector"); | ||
10 | + selectors.click(function(e){ | ||
11 | + selectors_options.loadData(e.currentTarget); | ||
12 | + }); | ||
13 | + }, | ||
14 | + loadData: function(e){ | ||
15 | + if (e){ | ||
16 | + opened = $(e).attr('opened'); | ||
17 | + if (typeof opened !== typeof undefined && opened !== false){ | ||
18 | + selectors_options.deleteChildren(e); | ||
19 | + }else { | ||
20 | + switch(e.attributes['data-url'].value){ | ||
21 | + case "subjects": | ||
22 | + var url = "/analytics/most_accessed_subjects"; | ||
23 | + break; | ||
24 | + case "categories": | ||
25 | + var url = "/analytics/most_accessed_categories"; | ||
26 | + break; | ||
27 | + case "resources": | ||
28 | + var url = "/analytics/most_accessed_resources"; | ||
29 | + break; | ||
30 | + | ||
31 | + } | ||
32 | + | ||
33 | + } | ||
34 | + } | ||
35 | + if(url){ | ||
36 | + $.get(url, function(dataset){ | ||
37 | + return dataset; | ||
38 | + }).done(function(data){ | ||
39 | + selectors_options.modifyElement(e, data); | ||
40 | + | ||
41 | + }).fail(function(error){ | ||
42 | + console.log("couldn't complete get request"); | ||
43 | + }); | ||
44 | + } | ||
45 | + | ||
46 | + | ||
47 | + }, | ||
48 | + modifyElement: function(e, data){ | ||
49 | + var string_build = ""; | ||
50 | + string_build += '<ul class="most-accessed-list" style="display:none;">'; | ||
51 | + | ||
52 | + data.forEach(function(datum){ | ||
53 | + string_build += '<li class="most-accessed-item">' +datum.name+ ' ' + datum.count+ '</li>'; | ||
54 | + }); | ||
55 | + string_build += "</ul>"; | ||
56 | + | ||
57 | + $(e).after(string_build); | ||
58 | + var new_elem = $(e).next(); | ||
59 | + new_elem.slideDown(); | ||
60 | + $(e).attr("opened", true); | ||
61 | + | ||
62 | + }, | ||
63 | + deleteChildren: function(e){ | ||
64 | + console.log("delete children"); | ||
65 | + var most_accessed_list = $(e).next(); | ||
66 | + $(most_accessed_list).animate( | ||
67 | + {height: 0, | ||
68 | + opacity: 0.1 | ||
69 | + }, 1000, function(){ | ||
70 | + $(this).remove(); //remove list from UI | ||
71 | + }); | ||
72 | + | ||
73 | + $(e).removeAttr("opened"); //remove attribute so it can call API again | ||
74 | + }, | ||
75 | +}; |
analytics/static/analytics/js/charts.js
@@ -91,7 +91,7 @@ var charts = { | @@ -91,7 +91,7 @@ var charts = { | ||
91 | 91 | ||
92 | build_bubble_user: function(url){ | 92 | build_bubble_user: function(url){ |
93 | $.get(url, function(dataset){ | 93 | $.get(url, function(dataset){ |
94 | - var width = 600; | 94 | + var width = 300; |
95 | var height = 300; | 95 | var height = 300; |
96 | 96 | ||
97 | 97 | ||
@@ -121,7 +121,7 @@ var charts = { | @@ -121,7 +121,7 @@ var charts = { | ||
121 | 121 | ||
122 | var color = d3.scaleOrdinal(d3.schemeCategory20); | 122 | var color = d3.scaleOrdinal(d3.schemeCategory20); |
123 | //adding new div to carousel-inner div | 123 | //adding new div to carousel-inner div |
124 | - var new_div = d3.select(".carousel-inner").append("div").attr("class","item"); | 124 | + var new_div = d3.select(".middle-chart").append("div").attr("class","item"); |
125 | var radiusScale = d3.scaleSqrt().domain([min(), max()]).range([10,50]); | 125 | var radiusScale = d3.scaleSqrt().domain([min(), max()]).range([10,50]); |
126 | var svg = new_div.append("svg").attr("width", width).attr("height", height) | 126 | var svg = new_div.append("svg").attr("width", width).attr("height", height) |
127 | .style("margin","auto") | 127 | .style("margin","auto") |
@@ -131,17 +131,7 @@ var charts = { | @@ -131,17 +131,7 @@ var charts = { | ||
131 | .attr("width", width) | 131 | .attr("width", width) |
132 | .attr("height", height); | 132 | .attr("height", height); |
133 | 133 | ||
134 | - //adding svg title | ||
135 | - | ||
136 | - svg.append("text") | ||
137 | - .attr("text-anchor", "middle") | ||
138 | - .attr("x", width/2 ) | ||
139 | - .attr("y", 30) | ||
140 | - .style("font-size", "30px") | ||
141 | - .text("Usuários mais ativos no Amadeus") | ||
142 | - .attr("fill", "#003333") | ||
143 | - .style("font-weight", "bold") | ||
144 | - .style("font-style", "italic"); | 134 | + |
145 | 135 | ||
146 | var simulation = d3.forceSimulation() | 136 | var simulation = d3.forceSimulation() |
147 | .force("x", d3.forceX(width/2).strength(0.05)) | 137 | .force("x", d3.forceX(width/2).strength(0.05)) |
@@ -158,6 +148,29 @@ var charts = { | @@ -158,6 +148,29 @@ var charts = { | ||
158 | .append("g") | 148 | .append("g") |
159 | .attr("class",".user-dot"); | 149 | .attr("class",".user-dot"); |
160 | 150 | ||
151 | + | ||
152 | + var defs = groups.append('svg:defs'); | ||
153 | + | ||
154 | + var gradient = defs.append("linearGradient") | ||
155 | + .attr("id", "svgGradient") | ||
156 | + .attr("x1", "0%") | ||
157 | + .attr("x2", "100%") | ||
158 | + .attr("y1", "0%") | ||
159 | + .attr("y2", "100%"); | ||
160 | + | ||
161 | + gradient.append("stop") | ||
162 | + .attr('class', 'start') | ||
163 | + .attr("offset", "0%") | ||
164 | + .attr("stop-color", "#007991") | ||
165 | + .attr("stop-opacity", 1); | ||
166 | + | ||
167 | + gradient.append("stop") | ||
168 | + .attr('class', 'end') | ||
169 | + .attr("offset", "100%") | ||
170 | + .attr("stop-color", "#78ffd6") | ||
171 | + .attr("stop-opacity", 1); | ||
172 | + | ||
173 | + | ||
161 | //Create circles to be drawn | 174 | //Create circles to be drawn |
162 | var circles = groups | 175 | var circles = groups |
163 | .append('circle') | 176 | .append('circle') |
@@ -167,30 +180,47 @@ var charts = { | @@ -167,30 +180,47 @@ var charts = { | ||
167 | 180 | ||
168 | .attr("fill", function(d){ | 181 | .attr("fill", function(d){ |
169 | return 'url('+'#'+'user_'+d['user_id']+')'; | 182 | return 'url('+'#'+'user_'+d['user_id']+')'; |
170 | - }); | 183 | + }) |
184 | + .attr("stroke", "url(#svgGradient)") //using id setted by the svg | ||
185 | + .attr("stroke-width", 3); | ||
171 | 186 | ||
172 | 187 | ||
173 | 188 | ||
174 | //Add texts to show user names | 189 | //Add texts to show user names |
175 | - groups.append("text") | 190 | + /*groups.append("text") |
176 | .text(function(d){ | 191 | .text(function(d){ |
177 | return d['user'] +'('+ d['count'] + ')'; | 192 | return d['user'] +'('+ d['count'] + ')'; |
178 | - }).attr("fill", "#FFFFFF") | 193 | + }).attr("fill", "#000000") |
179 | .attr("id", function(d){ | 194 | .attr("id", function(d){ |
180 | return "user_tooltip_"+d['user_id']; | 195 | return "user_tooltip_"+d['user_id']; |
181 | - }).style("display", "none"); | 196 | + }).style("display", "none");*/ |
197 | + | ||
198 | + var tooltip_div = d3.select("body").append("div") | ||
199 | + .attr('class','user-tooltip') | ||
200 | + .attr("display", "none") | ||
201 | + .attr("height", 28) | ||
202 | + .attr("width", 80) | ||
203 | + .style("position", "absolute") | ||
204 | + .style('pointer-events', 'none'); | ||
205 | + | ||
206 | + | ||
182 | 207 | ||
183 | 208 | ||
184 | groups.on("mouseover", function(d){ | 209 | groups.on("mouseover", function(d){ |
185 | - $("#"+"user_tooltip_"+d['user_id']).show(); | 210 | + //$("#"+"user_tooltip_"+d['user_id']).show(); |
211 | + tooltip_div.transition().duration(200).style("opacity", .9); | ||
212 | + tooltip_div.html(d['user'] + '</br>' + d['count'] + ' acessos') | ||
213 | + .style("left", (d3.event.pageX) + "px") | ||
214 | + .style("top", (d3.event.pageY - 28) + "px"); | ||
215 | + console.log(d3.event.pageX); | ||
216 | + console.log(d3.event.pageY); | ||
186 | }); | 217 | }); |
187 | 218 | ||
188 | 219 | ||
189 | groups.on("mouseout", function(d){ | 220 | groups.on("mouseout", function(d){ |
190 | - $("#"+"user_tooltip_"+d['user_id']).hide(); | 221 | + //$("#"+"user_tooltip_"+d['user_id']).hide(); |
191 | }); | 222 | }); |
192 | 223 | ||
193 | - var defs = groups.append('svg:defs'); | ||
194 | 224 | ||
195 | //Attching images to bubbles | 225 | //Attching images to bubbles |
196 | defs.append("svg:pattern") | 226 | defs.append("svg:pattern") |
@@ -217,11 +247,13 @@ var charts = { | @@ -217,11 +247,13 @@ var charts = { | ||
217 | .attr("y", 0); | 247 | .attr("y", 0); |
218 | 248 | ||
219 | 249 | ||
250 | + | ||
220 | 251 | ||
221 | //simulation | 252 | //simulation |
222 | simulation.nodes(dataset) | 253 | simulation.nodes(dataset) |
223 | .on('tick', ticked); //so all data points are attached to it | 254 | .on('tick', ticked); //so all data points are attached to it |
224 | 255 | ||
256 | + console.log("finished simulation"); | ||
225 | function ticked(){ | 257 | function ticked(){ |
226 | groups.attr("transform", function(d){ | 258 | groups.attr("transform", function(d){ |
227 | return "translate(" + d.x + "," + d.y + ")"; | 259 | return "translate(" + d.x + "," + d.y + ")"; |
@@ -234,10 +266,10 @@ var charts = { | @@ -234,10 +266,10 @@ var charts = { | ||
234 | 266 | ||
235 | most_accessed_subjects: function(url){ | 267 | most_accessed_subjects: function(url){ |
236 | $.get(url, function(dataset){ | 268 | $.get(url, function(dataset){ |
237 | - var width = 800; | 269 | + var width = 200; |
238 | var height = 300; | 270 | var height = 300; |
239 | 271 | ||
240 | - var new_div = d3.select(".carousel-inner").append("div").attr("class","item"); | 272 | + var new_div = d3.select(".carousel-inner").append("div").attr("test","ok"); |
241 | 273 | ||
242 | var svg = new_div.append("svg").attr("width", "100%").attr("height", height) | 274 | var svg = new_div.append("svg").attr("width", "100%").attr("height", height) |
243 | .style("margin","auto") | 275 | .style("margin","auto") |
@@ -417,7 +449,10 @@ var charts = { | @@ -417,7 +449,10 @@ var charts = { | ||
417 | } | 449 | } |
418 | } | 450 | } |
419 | 451 | ||
420 | -charts.most_used_tags('/analytics/most_used_tags'); | ||
421 | -//charts.build_resource('/topics/count_resources/'); | ||
422 | -//charts.build_bubble_user('/users/get_users_log/'); | ||
423 | -//charts.most_accessed_subjects('/subjects/most_accessed_subjects'); | ||
424 | \ No newline at end of file | 452 | \ No newline at end of file |
453 | + | ||
454 | +$(document).ready(function(){ | ||
455 | + charts.most_used_tags('/analytics/most_used_tags'); | ||
456 | + //charts.build_resource('/topics/count_resources/'); | ||
457 | + charts.build_bubble_user('/analytics/most_active_users/'); | ||
458 | + //charts.most_accessed_subjects('/subjects/most_accessed_subjects'); | ||
459 | +}); |
analytics/templates/analytics/general.html
@@ -8,6 +8,7 @@ | @@ -8,6 +8,7 @@ | ||
8 | 8 | ||
9 | {% block javascript %} | 9 | {% block javascript %} |
10 | <script type="text/javascript" src="{% static "analytics/js/charts.js" %}"></script> | 10 | <script type="text/javascript" src="{% static "analytics/js/charts.js" %}"></script> |
11 | + <script type="text/javascript" src=" {% static "analytics/js/behavior.js" %} "></script> | ||
11 | {% endblock javascript %} | 12 | {% endblock javascript %} |
12 | 13 | ||
13 | {% block breadcrumbs %} | 14 | {% block breadcrumbs %} |
@@ -70,18 +71,19 @@ | @@ -70,18 +71,19 @@ | ||
70 | </div> | 71 | </div> |
71 | 72 | ||
72 | <div id="left-data-selector"> | 73 | <div id="left-data-selector"> |
73 | - <ul> | ||
74 | - <li> | ||
75 | - {% trans "most accessed categories" %} | ||
76 | - </li> | ||
77 | - <li> | ||
78 | - {% trans "most accessed subjects" %} | ||
79 | - </li> | ||
80 | - <li> | ||
81 | - {% trans "most accessed resource" %} | ||
82 | - </li> | ||
83 | - </ul> | ||
84 | - | 74 | + |
75 | + <div class="selector" data-url="categories"> | ||
76 | + <p> {% trans "most accessed categories" %} </p> | ||
77 | + </div> | ||
78 | + | ||
79 | + <div class="selector" data-url="subjects"> | ||
80 | + <p> {% trans "most accessed subjects" %} </p> | ||
81 | + </div> | ||
82 | + | ||
83 | + <div class="selector" data-url="resources"> | ||
84 | + <p> {% trans "most accessed resource" %} </p> | ||
85 | + </div> | ||
86 | + | ||
85 | </div> | 87 | </div> |
86 | 88 | ||
87 | </div> | 89 | </div> |
@@ -89,6 +91,7 @@ | @@ -89,6 +91,7 @@ | ||
89 | <article> | 91 | <article> |
90 | <h4>{% trans "most active users" %}</h4> | 92 | <h4>{% trans "most active users" %}</h4> |
91 | </article> | 93 | </article> |
94 | + | ||
92 | </div> | 95 | </div> |
93 | <div class="chart right-chart"> | 96 | <div class="chart right-chart"> |
94 | 97 |
analytics/tests/test_general_dashboard.py
@@ -88,7 +88,7 @@ class APIDashBoardTest(TestCase): | @@ -88,7 +88,7 @@ class APIDashBoardTest(TestCase): | ||
88 | 88 | ||
89 | 89 | ||
90 | def test_most_accessed_categories(self): | 90 | def test_most_accessed_categories(self): |
91 | - self.fail("finish the test") | 91 | + self.fail("finish test on categories") |
92 | 92 | ||
93 | def test_most_active_users(self): | 93 | def test_most_active_users(self): |
94 | self.fail("finish the test") | 94 | self.fail("finish the test") |
analytics/urls.py
@@ -8,4 +8,7 @@ urlpatterns = [ | @@ -8,4 +8,7 @@ urlpatterns = [ | ||
8 | #"api" callls | 8 | #"api" callls |
9 | url(r'^most_used_tags/$', views.most_used_tags, name="most_used_tags"), | 9 | url(r'^most_used_tags/$', views.most_used_tags, name="most_used_tags"), |
10 | url(r'^most_accessed_subjects/$', views.most_accessed_subjects, name="most_accessed_subjects"), | 10 | url(r'^most_accessed_subjects/$', views.most_accessed_subjects, name="most_accessed_subjects"), |
11 | + url(r'^most_accessed_categories/$', views.most_accessed_categories, name = "most_accessed_categories"), | ||
12 | + url(r'^most_accessed_resources/$', views.most_accessed_resource_kind, name= "most_accessed_resources"), | ||
13 | + url(r'^most_active_users/$', views.most_active_users, name= "most_active_users"), | ||
11 | ] | 14 | ] |
12 | \ No newline at end of file | 15 | \ No newline at end of file |
analytics/views.py
@@ -79,15 +79,38 @@ def most_accessed_subjects(request): | @@ -79,15 +79,38 @@ def most_accessed_subjects(request): | ||
79 | def most_accessed_categories(request): | 79 | def most_accessed_categories(request): |
80 | data = {} | 80 | data = {} |
81 | 81 | ||
82 | - data = Log.objects.filter('category') | 82 | + data = Log.objects.filter(resource = 'category') |
83 | categories = {} | 83 | categories = {} |
84 | for datum in data: | 84 | for datum in data: |
85 | if datum.context: | 85 | if datum.context: |
86 | - pass | ||
87 | - return None | 86 | + category_id = datum.context['category_id'] |
87 | + if category_id in categories.keys(): | ||
88 | + categories[category_id]['count'] = categories[category_id]['count'] + 1 | ||
89 | + else: | ||
90 | + categories[category_id] = {'name': datum.context['category_name'], 'count': 1 } | ||
91 | + | ||
92 | + categories = sorted(categories.values(), key = lambda x: x['count'], reverse = True) | ||
93 | + categories = categories[:5] | ||
94 | + return JsonResponse(categories, safe= False) | ||
88 | 95 | ||
89 | def most_accessed_resource_kind(request): | 96 | def most_accessed_resource_kind(request): |
90 | - return None | 97 | + resources_names = [cls.__name__ for cls in Resource.__subclasses__()] |
98 | + print(resources_names) | ||
99 | + resources = {} | ||
100 | + | ||
101 | + mapping = {} | ||
102 | + mapping['pdffile'] = str(_('PDF File')) | ||
103 | + mapping['goals'] = str(_('Topic Goals')) | ||
104 | + mapping['link'] = str(_('Link to Website')) | ||
105 | + mapping['filelink'] = str(_('File Link')) | ||
106 | + mapping['webconference'] = str(_('Web Conference')) | ||
107 | + mapping['ytvideo'] = str(_('YouTube Video')) | ||
108 | + mapping['webpage'] = str(_('WebPage')) | ||
109 | + | ||
110 | + | ||
111 | + | ||
112 | + | ||
113 | + return JsonResponse(resources, safe = False) | ||
91 | 114 | ||
92 | 115 | ||
93 | def most_active_users(request): | 116 | def most_active_users(request): |
subjects/templates/subjects/backup.html
@@ -56,6 +56,7 @@ | @@ -56,6 +56,7 @@ | ||
56 | <li><a href="{% url 'subjects:update' subject.slug %}"><i class="fa fa-pencil fa-fw" aria-hidden="true"></i>{% trans 'Edit' %}</a></li> | 56 | <li><a href="{% url 'subjects:update' subject.slug %}"><i class="fa fa-pencil fa-fw" aria-hidden="true"></i>{% trans 'Edit' %}</a></li> |
57 | <li><a href="{% url 'groups:index' subject.slug %}"><i class="fa fa-group fa-fw" aria-hidden="true"></i>{% trans 'Groups' %}</a></li> | 57 | <li><a href="{% url 'groups:index' subject.slug %}"><i class="fa fa-group fa-fw" aria-hidden="true"></i>{% trans 'Groups' %}</a></li> |
58 | <li><a href="{% url 'subjects:backup' subject.slug %}"><i class="fa fa-database fa-fw" aria-hidden="true"></i>{% trans 'Backup' %}</a></li> | 58 | <li><a href="{% url 'subjects:backup' subject.slug %}"><i class="fa fa-database fa-fw" aria-hidden="true"></i>{% trans 'Backup' %}</a></li> |
59 | + <li><a href="{% url 'subjects:restore' subject.slug %}"><i class="fa fa-recycle fa-fw" aria-hidden="true"></i>{% trans 'Restore' %}</a></li> | ||
59 | <li><a href="javascript:delete_subject.get('{% url 'subjects:delete' subject.slug %}?view=index','#subject','#modal_subject')"><i class="fa fa-trash fa-fw" aria-hidden="true"></i> {% trans 'Remove' %}</a></li> | 60 | <li><a href="javascript:delete_subject.get('{% url 'subjects:delete' subject.slug %}?view=index','#subject','#modal_subject')"><i class="fa fa-trash fa-fw" aria-hidden="true"></i> {% trans 'Remove' %}</a></li> |
60 | </ul> | 61 | </ul> |
61 | {% endif %} | 62 | {% endif %} |
@@ -161,12 +162,5 @@ | @@ -161,12 +162,5 @@ | ||
161 | } | 162 | } |
162 | }); | 163 | }); |
163 | }); | 164 | }); |
164 | - | ||
165 | - // $("#bkp_form").submit(function () { | ||
166 | - // setTimeout(function() { | ||
167 | - // // Should be triggered after download started | ||
168 | - // document.location.href="{% url 'subjects:view' subject.slug %}"; | ||
169 | - // }, 3000); | ||
170 | - // }); | ||
171 | </script> | 165 | </script> |
172 | {% endblock content %} | 166 | {% endblock content %} |
@@ -0,0 +1,138 @@ | @@ -0,0 +1,138 @@ | ||
1 | +{% extends 'categories/home.html' %} | ||
2 | + | ||
3 | +{% load static i18n pagination permissions_tags subject_counter chat_tags %} | ||
4 | +{% load django_bootstrap_breadcrumbs %} | ||
5 | + | ||
6 | +{% block javascript%} | ||
7 | + {{ block.super }} | ||
8 | + <script type="text/javascript" src="{% static 'subjects/js/modal_subject.js' %}"></script> | ||
9 | +{% endblock%} | ||
10 | + | ||
11 | +{% block breadcrumbs %} | ||
12 | + {{ block.super }} | ||
13 | + {% breadcrumb subject.category 'subjects:cat_view' subject.category.slug %} | ||
14 | + {% breadcrumb subject 'subjects:view' subject.slug %} | ||
15 | + | ||
16 | + {% trans "Restore" as bread %} | ||
17 | + {% breadcrumb bread 'subjects:restore' subject.slug %} | ||
18 | +{% endblock %} | ||
19 | + | ||
20 | +{% block content %} | ||
21 | + {% if messages %} | ||
22 | + {% for message in messages %} | ||
23 | + <div class="alert alert-{{ message.tags }} alert-dismissible" role="alert"> | ||
24 | + <button type="button" class="close" data-dismiss="alert" aria-label="Close"> | ||
25 | + <span aria-hidden="true">×</span> | ||
26 | + </button> | ||
27 | + <p>{{ message }}</p> | ||
28 | + </div> | ||
29 | + {% endfor %} | ||
30 | + {% endif %} | ||
31 | + | ||
32 | + {% subject_permissions request.user subject as has_subject_permissions %} | ||
33 | + | ||
34 | + {% if subject.visible %} | ||
35 | + <div class="panel panel-info subject-panel" id="subject_{{subject.slug}}"> | ||
36 | + <div class="panel-heading"> | ||
37 | + {% elif has_subject_permissions %} | ||
38 | + <div class="panel panel-info subject-panel-invisible" id="subject_{{subject.slug}}"> | ||
39 | + <div class="panel-heading panel-invisible"> | ||
40 | + {% endif %} | ||
41 | + <div class="row"> | ||
42 | + <div class="col-md-12 category-header"> | ||
43 | + <h4 class="panel-title" style="margin-top: 10px; margin-bottom: 8px"> | ||
44 | + <span>{{ subject.name }} / {% trans "Restore" %}</span> | ||
45 | + </h4> | ||
46 | + | ||
47 | + <div class="col-md-5 pull-right category-card-items"> | ||
48 | + {% if request.user in subject.professor.all or request.user in subject.category.coordinators.all or request.user.is_staff %} | ||
49 | + <a href="" id="moreActions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
50 | + <i class="fa fa-ellipsis-v" aria-hidden="true"></i> | ||
51 | + </a> | ||
52 | + <ul class="dropdown-menu pull-right" aria-labelledby="moreActions"> | ||
53 | + {% if request.user not in subject.professor.all %} | ||
54 | + <li><a href="{% url 'subjects:replicate' subject.slug %}"><i class="fa fa-files-o fa-fw" aria-hidden="true"></i>{% trans 'Replicate' %}</a></li> | ||
55 | + {% endif %} | ||
56 | + <li><a href="{% url 'subjects:update' subject.slug %}"><i class="fa fa-pencil fa-fw" aria-hidden="true"></i>{% trans 'Edit' %}</a></li> | ||
57 | + <li><a href="{% url 'groups:index' subject.slug %}"><i class="fa fa-group fa-fw" aria-hidden="true"></i>{% trans 'Groups' %}</a></li> | ||
58 | + <li><a href="{% url 'subjects:backup' subject.slug %}"><i class="fa fa-database fa-fw" aria-hidden="true"></i>{% trans 'Backup' %}</a></li> | ||
59 | + <li><a href="{% url 'subjects:restore' subject.slug %}"><i class="fa fa-recycle fa-fw" aria-hidden="true"></i>{% trans 'Restore' %}</a></li> | ||
60 | + <li><a href="javascript:delete_subject.get('{% url 'subjects:delete' subject.slug %}?view=index','#subject','#modal_subject')"><i class="fa fa-trash fa-fw" aria-hidden="true"></i> {% trans 'Remove' %}</a></li> | ||
61 | + </ul> | ||
62 | + {% endif %} | ||
63 | + </div> | ||
64 | + </div> | ||
65 | + </div> | ||
66 | + </div> | ||
67 | + <div id="{{subject.slug}}" class="panel-collapse in collapse category-panel-content" style="position: relative"> | ||
68 | + <h5>{% trans "Please select below the file you want to use for restore:" %}</h5> | ||
69 | + | ||
70 | + <div class="backup_container"> | ||
71 | + <form id="restore_form" method="post" action="{% url 'subjects:do_restore' subject.slug %}" enctype="multipart/form-data"> | ||
72 | + {% csrf_token %} | ||
73 | + | ||
74 | + <div class="form-group is-fileinput"> | ||
75 | + <input type="file" id="zip_file" name="zip_file" class="form-control" accept=".zip" /> | ||
76 | + | ||
77 | + <div class="input-group common-file-input"> | ||
78 | + <input type="text" readonly="" class="form-control" placeholder="{% trans 'Choose your file...' %}"> | ||
79 | + <span class="input-group-btn input-group-sm"> | ||
80 | + <button type="button" class="btn btn-fab btn-fab-mini"> | ||
81 | + <i class="material-icons">attach_file</i> | ||
82 | + </button> | ||
83 | + </span> | ||
84 | + </div> | ||
85 | + | ||
86 | + <div class="filedrag"> | ||
87 | + {% trans 'Click or drop the file here' %}<br /> | ||
88 | + </div> | ||
89 | + </div> | ||
90 | + | ||
91 | + <div class="row text-center"> | ||
92 | + <input type="submit" value="{% trans 'Restore' %}" class="btn btn-success btn-raised" /> | ||
93 | + </div> | ||
94 | + </form> | ||
95 | + </div> | ||
96 | + </div> | ||
97 | + </div> | ||
98 | + | ||
99 | + <script type="text/javascript"> | ||
100 | + $(function () { | ||
101 | + $.material.init(); | ||
102 | + | ||
103 | + if (window.File && window.FileList && window.FileReader) { | ||
104 | + Init(); | ||
105 | + } | ||
106 | + }); | ||
107 | + | ||
108 | + // initialize | ||
109 | + function Init() { | ||
110 | + var small = $("#zip_file"), | ||
111 | + filedrag = $(".filedrag"), | ||
112 | + common = $(".common-file-input"); | ||
113 | + | ||
114 | + // file select | ||
115 | + small.on("change", FileSelectHandler); | ||
116 | + | ||
117 | + // is XHR2 available? | ||
118 | + var xhr = new XMLHttpRequest(); | ||
119 | + if (xhr.upload) { | ||
120 | + // file drop | ||
121 | + filedrag.on("drop", FileSelectHandler); | ||
122 | + filedrag.attr('style', 'display:block'); | ||
123 | + common.attr('style', 'display:none'); | ||
124 | + } | ||
125 | + } | ||
126 | + | ||
127 | + // file selection | ||
128 | + function FileSelectHandler(e) { | ||
129 | + var files = e.target.files || e.dataTransfer.files, | ||
130 | + parent = $(e.target.offsetParent); | ||
131 | + | ||
132 | + // process all File objects | ||
133 | + for (var i = 0, f; f = files[i]; i++) { | ||
134 | + parent.find('.filedrag').html(f.name); | ||
135 | + } | ||
136 | + } | ||
137 | + </script> | ||
138 | +{% endblock %} | ||
0 | \ No newline at end of file | 139 | \ No newline at end of file |
subjects/templates/subjects/subject_card.html
@@ -31,6 +31,7 @@ | @@ -31,6 +31,7 @@ | ||
31 | <li><a href="{% url 'subjects:update' subject.slug %}"><i class="fa fa-pencil fa-fw" aria-hidden="true"></i>{% trans 'Edit' %}</a></li> | 31 | <li><a href="{% url 'subjects:update' subject.slug %}"><i class="fa fa-pencil fa-fw" aria-hidden="true"></i>{% trans 'Edit' %}</a></li> |
32 | <li><a href="{% url 'groups:index' subject.slug %}"><i class="fa fa-group fa-fw" aria-hidden="true"></i>{% trans 'Groups' %}</a></li> | 32 | <li><a href="{% url 'groups:index' subject.slug %}"><i class="fa fa-group fa-fw" aria-hidden="true"></i>{% trans 'Groups' %}</a></li> |
33 | <li><a href="{% url 'subjects:backup' subject.slug %}"><i class="fa fa-database fa-fw" aria-hidden="true"></i>{% trans 'Backup' %}</a></li> | 33 | <li><a href="{% url 'subjects:backup' subject.slug %}"><i class="fa fa-database fa-fw" aria-hidden="true"></i>{% trans 'Backup' %}</a></li> |
34 | + <li><a href="{% url 'subjects:restore' subject.slug %}"><i class="fa fa-recycle fa-fw" aria-hidden="true"></i>{% trans 'Restore' %}</a></li> | ||
34 | <li><a href="javascript:delete_subject.get('{% url 'subjects:delete' subject.slug %}?view=index','#subject','#modal_subject')"><i class="fa fa-trash fa-fw" aria-hidden="true"></i> {% trans 'Remove' %}</a></li> | 35 | <li><a href="javascript:delete_subject.get('{% url 'subjects:delete' subject.slug %}?view=index','#subject','#modal_subject')"><i class="fa fa-trash fa-fw" aria-hidden="true"></i> {% trans 'Remove' %}</a></li> |
35 | </ul> | 36 | </ul> |
36 | {% endif %} | 37 | {% endif %} |
subjects/urls.py
@@ -10,7 +10,9 @@ urlpatterns = [ | @@ -10,7 +10,9 @@ urlpatterns = [ | ||
10 | url(r'^update/(?P<slug>[\w_-]+)/$', views.SubjectUpdateView.as_view(), name='update'), | 10 | url(r'^update/(?P<slug>[\w_-]+)/$', views.SubjectUpdateView.as_view(), name='update'), |
11 | url(r'^delete/(?P<slug>[\w_-]+)/$', views.SubjectDeleteView.as_view(), name='delete'), | 11 | url(r'^delete/(?P<slug>[\w_-]+)/$', views.SubjectDeleteView.as_view(), name='delete'), |
12 | url(r'^backup/(?P<slug>[\w_-]+)/$', views.Backup.as_view(), name='backup'), | 12 | url(r'^backup/(?P<slug>[\w_-]+)/$', views.Backup.as_view(), name='backup'), |
13 | + url(r'^restore/(?P<slug>[\w_-]+)/$', views.Restore.as_view(), name='restore'), | ||
13 | url(r'^do_backup/(?P<subject>[\w_-]+)/$', views.realize_backup, name='do_backup'), | 14 | url(r'^do_backup/(?P<subject>[\w_-]+)/$', views.realize_backup, name='do_backup'), |
15 | + url(r'^do_restore/(?P<subject>[\w_-]+)/$', views.realize_restore, name='do_restore'), | ||
14 | url(r'^view/(?P<slug>[\w_-]+)/$', views.SubjectDetailView.as_view(), name='view'), | 16 | url(r'^view/(?P<slug>[\w_-]+)/$', views.SubjectDetailView.as_view(), name='view'), |
15 | url(r'^view/(?P<slug>[\w_-]+)/(?P<topic_slug>[\w_-]+)/$', views.SubjectDetailView.as_view(), name='topic_view'), | 17 | url(r'^view/(?P<slug>[\w_-]+)/(?P<topic_slug>[\w_-]+)/$', views.SubjectDetailView.as_view(), name='topic_view'), |
16 | url(r'^subscribe/(?P<slug>[\w_-]+)/$', views.SubjectSubscribeView.as_view(), name='subscribe'), | 18 | url(r'^subscribe/(?P<slug>[\w_-]+)/$', views.SubjectSubscribeView.as_view(), name='subscribe'), |
subjects/views.py
@@ -837,4 +837,40 @@ def realize_backup(request, subject): | @@ -837,4 +837,40 @@ def realize_backup(request, subject): | ||
837 | resp['Content-Disposition'] = 'attachment; filename=%s' % zip_filename | 837 | resp['Content-Disposition'] = 'attachment; filename=%s' % zip_filename |
838 | resp['Content-Length'] = s.tell() | 838 | resp['Content-Length'] = s.tell() |
839 | 839 | ||
840 | - return resp | ||
841 | \ No newline at end of file | 840 | \ No newline at end of file |
841 | + return resp | ||
842 | + | ||
843 | +class Restore(LoginRequiredMixin, TemplateView): | ||
844 | + login_url = reverse_lazy("users:login") | ||
845 | + redirect_field_name = 'next' | ||
846 | + | ||
847 | + template_name = 'subjects/restore.html' | ||
848 | + model = Subject | ||
849 | + | ||
850 | + def dispatch(self, request, *args, **kwargs): | ||
851 | + subject = get_object_or_404(Subject, slug = kwargs.get('slug', '')) | ||
852 | + | ||
853 | + if not has_subject_permissions(request.user, subject): | ||
854 | + return redirect(reverse_lazy('subjects:home')) | ||
855 | + | ||
856 | + return super(Restore, self).dispatch(request, *args, **kwargs) | ||
857 | + | ||
858 | + def get_context_data(self, **kwargs): | ||
859 | + context = super(Restore, self).get_context_data(**kwargs) | ||
860 | + | ||
861 | + subject = get_object_or_404(Subject, slug = self.kwargs.get('slug', '')) | ||
862 | + | ||
863 | + context['title'] = _('%s - Restore')%(str(subject)) | ||
864 | + context['subject'] = subject | ||
865 | + | ||
866 | + return context | ||
867 | + | ||
868 | +@login_required | ||
869 | +def realize_restore(request, subject): | ||
870 | + zip_file = request.FILES.get('zip_file', None) | ||
871 | + | ||
872 | + if zip_file: | ||
873 | + if zipfile.is_zipfile(zip_file): | ||
874 | + file = zipfile.ZipFile(zip_file) | ||
875 | + print(file.namelist()) | ||
876 | + | ||
877 | + return JsonResponse({'message': 'ok'}) | ||
842 | \ No newline at end of file | 878 | \ No newline at end of file |