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 |