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 | 62 | .chart h4 { |
63 | 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 | 100 | /*# sourceMappingURL=general.css.map */ | ... | ... |
analytics/static/analytics/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;;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 | 4 | "sources": ["general.sass"], |
5 | 5 | "names": [], |
6 | 6 | "file": "general.css" | ... | ... |
analytics/static/analytics/general.sass
... | ... | @@ -72,4 +72,42 @@ $title-color: #009688 |
72 | 72 | width: 30% |
73 | 73 | float: left |
74 | 74 | h4 |
75 | - color: $title-color | |
76 | 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 | 115 | \ No newline at end of file | ... | ... |
... | ... | @@ -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 | 91 | |
92 | 92 | build_bubble_user: function(url){ |
93 | 93 | $.get(url, function(dataset){ |
94 | - var width = 600; | |
94 | + var width = 300; | |
95 | 95 | var height = 300; |
96 | 96 | |
97 | 97 | |
... | ... | @@ -121,7 +121,7 @@ var charts = { |
121 | 121 | |
122 | 122 | var color = d3.scaleOrdinal(d3.schemeCategory20); |
123 | 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 | 125 | var radiusScale = d3.scaleSqrt().domain([min(), max()]).range([10,50]); |
126 | 126 | var svg = new_div.append("svg").attr("width", width).attr("height", height) |
127 | 127 | .style("margin","auto") |
... | ... | @@ -131,17 +131,7 @@ var charts = { |
131 | 131 | .attr("width", width) |
132 | 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 | 136 | var simulation = d3.forceSimulation() |
147 | 137 | .force("x", d3.forceX(width/2).strength(0.05)) |
... | ... | @@ -158,6 +148,29 @@ var charts = { |
158 | 148 | .append("g") |
159 | 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 | 174 | //Create circles to be drawn |
162 | 175 | var circles = groups |
163 | 176 | .append('circle') |
... | ... | @@ -167,30 +180,47 @@ var charts = { |
167 | 180 | |
168 | 181 | .attr("fill", function(d){ |
169 | 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 | 189 | //Add texts to show user names |
175 | - groups.append("text") | |
190 | + /*groups.append("text") | |
176 | 191 | .text(function(d){ |
177 | 192 | return d['user'] +'('+ d['count'] + ')'; |
178 | - }).attr("fill", "#FFFFFF") | |
193 | + }).attr("fill", "#000000") | |
179 | 194 | .attr("id", function(d){ |
180 | 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 | 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 | 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 | 225 | //Attching images to bubbles |
196 | 226 | defs.append("svg:pattern") |
... | ... | @@ -217,11 +247,13 @@ var charts = { |
217 | 247 | .attr("y", 0); |
218 | 248 | |
219 | 249 | |
250 | + | |
220 | 251 | |
221 | 252 | //simulation |
222 | 253 | simulation.nodes(dataset) |
223 | 254 | .on('tick', ticked); //so all data points are attached to it |
224 | 255 | |
256 | + console.log("finished simulation"); | |
225 | 257 | function ticked(){ |
226 | 258 | groups.attr("transform", function(d){ |
227 | 259 | return "translate(" + d.x + "," + d.y + ")"; |
... | ... | @@ -234,10 +266,10 @@ var charts = { |
234 | 266 | |
235 | 267 | most_accessed_subjects: function(url){ |
236 | 268 | $.get(url, function(dataset){ |
237 | - var width = 800; | |
269 | + var width = 200; | |
238 | 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 | 274 | var svg = new_div.append("svg").attr("width", "100%").attr("height", height) |
243 | 275 | .style("margin","auto") |
... | ... | @@ -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 | 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 | 8 | |
9 | 9 | {% block javascript %} |
10 | 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 | 12 | {% endblock javascript %} |
12 | 13 | |
13 | 14 | {% block breadcrumbs %} |
... | ... | @@ -70,18 +71,19 @@ |
70 | 71 | </div> |
71 | 72 | |
72 | 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 | 87 | </div> |
86 | 88 | |
87 | 89 | </div> |
... | ... | @@ -89,6 +91,7 @@ |
89 | 91 | <article> |
90 | 92 | <h4>{% trans "most active users" %}</h4> |
91 | 93 | </article> |
94 | + | |
92 | 95 | </div> |
93 | 96 | <div class="chart right-chart"> |
94 | 97 | ... | ... |
analytics/tests/test_general_dashboard.py
analytics/urls.py
... | ... | @@ -8,4 +8,7 @@ urlpatterns = [ |
8 | 8 | #"api" callls |
9 | 9 | url(r'^most_used_tags/$', views.most_used_tags, name="most_used_tags"), |
10 | 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 | 15 | \ No newline at end of file | ... | ... |
analytics/views.py
... | ... | @@ -79,15 +79,38 @@ def most_accessed_subjects(request): |
79 | 79 | def most_accessed_categories(request): |
80 | 80 | data = {} |
81 | 81 | |
82 | - data = Log.objects.filter('category') | |
82 | + data = Log.objects.filter(resource = 'category') | |
83 | 83 | categories = {} |
84 | 84 | for datum in data: |
85 | 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 | 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 | 116 | def most_active_users(request): | ... | ... |
subjects/templates/subjects/backup.html
... | ... | @@ -56,6 +56,7 @@ |
56 | 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 | 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 | 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 | 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 | 61 | </ul> |
61 | 62 | {% endif %} |
... | ... | @@ -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 | 165 | </script> |
172 | 166 | {% endblock content %} | ... | ... |
... | ... | @@ -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 | 139 | \ No newline at end of file | ... | ... |
subjects/templates/subjects/subject_card.html
... | ... | @@ -31,6 +31,7 @@ |
31 | 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 | 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 | 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 | 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 | 36 | </ul> |
36 | 37 | {% endif %} | ... | ... |
subjects/urls.py
... | ... | @@ -10,7 +10,9 @@ urlpatterns = [ |
10 | 10 | url(r'^update/(?P<slug>[\w_-]+)/$', views.SubjectUpdateView.as_view(), name='update'), |
11 | 11 | url(r'^delete/(?P<slug>[\w_-]+)/$', views.SubjectDeleteView.as_view(), name='delete'), |
12 | 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 | 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 | 16 | url(r'^view/(?P<slug>[\w_-]+)/$', views.SubjectDetailView.as_view(), name='view'), |
15 | 17 | url(r'^view/(?P<slug>[\w_-]+)/(?P<topic_slug>[\w_-]+)/$', views.SubjectDetailView.as_view(), name='topic_view'), |
16 | 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 | 837 | resp['Content-Disposition'] = 'attachment; filename=%s' % zip_filename |
838 | 838 | resp['Content-Length'] = s.tell() |
839 | 839 | |
840 | - return resp | |
841 | 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 | 878 | \ No newline at end of file | ... | ... |