Download as
Browse Code »

Commit ed5efbed798aaa20df32c071ec096c63c154583e

Authored by Felipe Bormann
1 parent cab7b747
Exists in master and in 2 other branches amadeus_univasf, refactoring

modified css order and added arrow for most used sections

Showing 10 changed files with 315 additions and 290 deletions   Show diff stats
analytics/static/analytics/general.css
View file @cab7b74
@@ -1,129 +0,0 @@ @@ -1,129 +0,0 @@
1 -.report-body {  
2 - border: 1px solid #3ebeb4;  
3 - border-radius: 20px;  
4 - padding: 10px;  
5 - overflow: auto;  
6 - width: 100%;  
7 - background-color: #ffffff; }  
8 -  
9 -#general-report-header {  
10 - height: 10%;  
11 - display: block; }  
12 - #general-report-header h3 {  
13 - color: #009688; }  
14 - #general-report-header ul {  
15 - float: right;  
16 - display: inline-flex;  
17 - width: 50%;  
18 - margin-bottom: 0px; }  
19 - #general-report-header ul li {  
20 - margin-right: 2%;  
21 - width: 50%;  
22 - color: white;  
23 - font-size: 20px;  
24 - background-color: #0f8a9a;  
25 - width: 100%;  
26 - text-align: center;  
27 - border-radius: 20px;  
28 - height: 30px; }  
29 - #general-report-header ul li.selected {  
30 - background-color: #4dcfbd;  
31 - width: 100%;  
32 - text-align: center;  
33 - border-radius: 20px; }  
34 -  
35 -#most-used-tags-header {  
36 - background: linear-gradient(to right, #0e8999, #6bf0ce);  
37 - height: 40px;  
38 - border-radius: 10px;  
39 - color: #ffffff;  
40 - padding-top: 1px;  
41 - margin-top: 10px; }  
42 - #most-used-tags-header h4 {  
43 - margin-left: 1%; }  
44 -  
45 -.tag-cloud {  
46 - border-radius: 25px;  
47 - color: #ffffff; }  
48 -  
49 -.tag-name {  
50 - color: #ffffff; }  
51 -  
52 -#left-data-selector {  
53 - background: linear-gradient(#0e8999, #6bf0ce);  
54 - margin-top: 5%;  
55 - padding-top: 3%;  
56 - padding-bottom: 2%; }  
57 -  
58 -.chart {  
59 - width: 30%;  
60 - float: left; }  
61 - .chart h4 {  
62 - color: #009688;  
63 - text-align: center; }  
64 -  
65 -.selector {  
66 - width: 90%;  
67 - height: 40px;  
68 - color: white;  
69 - padding-left: 5px;  
70 - background-color: #009688;  
71 - margin-top: 5px;  
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: 4%;  
91 - position: relative;  
92 - padding-left: 0;  
93 - color: white;  
94 - border: 2px solid #52b7bd;  
95 - transition: width 2s, height 2s, background-color 2s, transform 2s; }  
96 - .most-accessed-list li {  
97 - padding-left: 1%; }  
98 -  
99 -.most-accessed-list:after, .most-accessed-list:before {  
100 - bottom: 100%;  
101 - left: 50%;  
102 - border: solid transparent;  
103 - content: " ";  
104 - height: 0;  
105 - width: 0;  
106 - position: absolute;  
107 - pointer-events: none; }  
108 -  
109 -.most-accessed-list:before {  
110 - border-width: 12px;  
111 - margin-left: -50%;  
112 - border-color: rgba(136, 183, 213, 0);  
113 - border-bottom-color: #52b7bd; }  
114 -  
115 -.most-accessed-item:hover {  
116 - background-color: #3aa7ad; }  
117 -  
118 -#month_selector_div {  
119 - text-align: center;  
120 - color: #009688; }  
121 -  
122 -.date-tooltip {  
123 - width: 40px;  
124 - height: 20px;  
125 - background: #52b7bd;  
126 - color: white;  
127 - text-align: center; }  
128 -  
129 -/*# sourceMappingURL=general.css.map */  
analytics/static/analytics/general.css.map
View file @cab7b74
@@ -1,7 +0,0 @@ @@ -1,7 +0,0 @@
1 -{  
2 -"version": 3,  
3 -"mappings": "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",  
4 -"sources": ["general.sass"],  
5 -"names": [],  
6 -"file": "general.css"  
7 -}  
8 \ No newline at end of file 0 \ No newline at end of file
analytics/static/analytics/general.sass
View file @cab7b74
@@ -1,149 +0,0 @@ @@ -1,149 +0,0 @@
1 -$title-color: #009688  
2 -  
3 -.report-body  
4 - border: 1px solid #3ebeb4  
5 - border-radius: 20px  
6 - padding: 10px  
7 - overflow: auto  
8 - width: 100%  
9 - background-color: #ffffff  
10 -  
11 -#general-report-header  
12 - height: 10%  
13 - display: block  
14 - h3  
15 - color: $title-color  
16 -  
17 - ul  
18 - float: right  
19 - display: inline-flex  
20 - width: 50%  
21 - margin-bottom: 0px  
22 -  
23 - li  
24 - margin-right: 2%  
25 - width: 50%  
26 - color: white  
27 - font-size: 20px  
28 - background-color: #0f8a9a  
29 - width: 100%  
30 - text-align: center  
31 - border-radius: 20px  
32 - height: 30px  
33 -  
34 -  
35 - li.selected  
36 - background-color: #4dcfbd  
37 - width: 100%  
38 - text-align: center  
39 - border-radius: 20px  
40 -  
41 -  
42 -  
43 -  
44 -  
45 -#most-used-tags-header  
46 - background: linear-gradient(to right, #0e8999, #6bf0ce)  
47 - height: 40px  
48 - border-radius: 10px  
49 - color: #ffffff  
50 - padding-top: 1px  
51 - margin-top: 10px  
52 -  
53 - h4  
54 - margin-left: 1%  
55 -  
56 -  
57 -.tag-cloud  
58 - border-radius: 25px  
59 - color: #ffffff  
60 -  
61 -  
62 -  
63 -  
64 -.tag-name  
65 - color: #ffffff  
66 -  
67 -  
68 -#left-data-selector  
69 - background: linear-gradient( #0e8999, #6bf0ce )  
70 - margin-top: 5%  
71 - padding-top: 3%  
72 - padding-bottom: 2%  
73 -  
74 -.chart  
75 - width: 30%  
76 - float: left  
77 -  
78 - h4  
79 - color: $title-color  
80 - text-align: center  
81 -  
82 -.selector  
83 - width: 90%  
84 - height: 40px  
85 - color: white  
86 - padding-left: 5px  
87 - background-color: #009688  
88 - margin-top: 5px  
89 - border-radius: 0px 20px 20px 0px  
90 - p  
91 - padding-top: 10px  
92 - font-size: 16px  
93 -  
94 -  
95 -.middle-chart  
96 - article  
97 - text-align: center  
98 -  
99 -.user-tooltip  
100 - background: linear-gradient( #0e8999, #6bf0ce)  
101 - color: white  
102 - border-radius: 10px  
103 - padding: 7px  
104 -  
105 -.most-accessed-list  
106 - background-color: #52b7bd  
107 - width: 80%  
108 - margin-left: 2%  
109 - margin-top: 4%  
110 - position: relative  
111 - padding-left: 0  
112 - color: white  
113 - border: 2px solid #52b7bd  
114 - transition: width 2s, height 2s, background-color 2s, transform 2s  
115 -  
116 - li  
117 - padding-left: 1%  
118 -  
119 -.most-accessed-list:after, .most-accessed-list:before  
120 - bottom: 100%  
121 - left: 50%  
122 - border: solid transparent  
123 - content: " "  
124 - height: 0  
125 - width: 0  
126 - position: absolute  
127 - pointer-events: none  
128 -  
129 -  
130 -.most-accessed-list:before  
131 - border-width: 12px  
132 - margin-left: -50%  
133 - border-color: rgba(136, 183, 213, 0)  
134 - border-bottom-color: #52b7bd  
135 -  
136 -.most-accessed-item:hover  
137 - background-color: #3aa7ad  
138 -  
139 -  
140 -#month_selector_div  
141 - text-align: center  
142 - color: #009688  
143 -  
144 -.date-tooltip  
145 - width: 40px  
146 - height: 20px  
147 - background: #52b7bd  
148 - color: white  
149 - text-align: center  
150 \ No newline at end of file 0 \ No newline at end of file
dashboards/static/dashboards/.sass-cache/d1f4112ca6d0e14bdf64d22b0b14a2322f24cc83/dashboards_category.sassc
View file @ed5efbe
No preview for this file type
dashboards/static/dashboards/.sass-cache/d1f4112ca6d0e14bdf64d22b0b14a2322f24cc83/general.sassc 0 → 100644
View file @ed5efbe
No preview for this file type
dashboards/static/dashboards/css/dashboards_category.sass
  Diff comments   View file @ed5efbe
@@ -12,4 +12,6 @@ @@ -12,4 +12,6 @@
12 color: #5b8583 12 color: #5b8583
13 13
14 #category-selector option:hover 14 #category-selector option:hover
15 - background: red  
16 \ No newline at end of file 15 \ No newline at end of file
  16 + background: red
  17 +
  18 +
dashboards/static/dashboards/css/general.css 0 → 100644
  Diff comments   View file @ed5efbe
@@ -0,0 +1,134 @@ @@ -0,0 +1,134 @@
  1 +.report-body {
  2 + border: 1px solid #3ebeb4;
  3 + border-radius: 20px;
  4 + padding: 10px;
  5 + overflow: auto;
  6 + width: 100%;
  7 + background-color: #ffffff; }
  8 +
  9 +#general-report-header {
  10 + height: 10%;
  11 + display: block; }
  12 + #general-report-header h3 {
  13 + color: #009688; }
  14 + #general-report-header ul {
  15 + float: right;
  16 + display: inline-flex;
  17 + width: 50%;
  18 + margin-bottom: 0px; }
  19 + #general-report-header ul li {
  20 + margin-right: 2%;
  21 + width: 50%;
  22 + color: white;
  23 + font-size: 20px;
  24 + background-color: #0f8a9a;
  25 + width: 100%;
  26 + text-align: center;
  27 + border-radius: 20px;
  28 + height: 30px; }
  29 + #general-report-header ul li.selected {
  30 + background-color: #4dcfbd;
  31 + width: 100%;
  32 + text-align: center;
  33 + border-radius: 20px; }
  34 +
  35 +#most-used-tags-header {
  36 + background: linear-gradient(to right, #0e8999, #6bf0ce);
  37 + height: 40px;
  38 + border-radius: 10px;
  39 + color: #ffffff;
  40 + padding-top: 1px;
  41 + margin-top: 10px; }
  42 + #most-used-tags-header h4 {
  43 + margin-left: 1%; }
  44 +
  45 +.tag-cloud {
  46 + border-radius: 25px;
  47 + color: #ffffff; }
  48 +
  49 +.tag-name {
  50 + color: #ffffff; }
  51 +
  52 +#left-data-selector {
  53 + background: linear-gradient(#0e8999, #6bf0ce);
  54 + margin-top: 5%;
  55 + padding-top: 3%;
  56 + padding-bottom: 2%; }
  57 +
  58 +.chart {
  59 + width: 30%;
  60 + float: left; }
  61 + .chart h4 {
  62 + color: #009688;
  63 + text-align: center; }
  64 +
  65 +.selector {
  66 + width: 90%;
  67 + height: 40px;
  68 + color: white;
  69 + padding-left: 5px;
  70 + background-color: #009688;
  71 + margin-top: 5px;
  72 + border-radius: 0px 20px 20px 0px; }
  73 + .selector p {
  74 + padding-top: 10px;
  75 + font-size: 16px;
  76 + float: left; }
  77 +
  78 +.selector i {
  79 + margin-right: 20px;
  80 + margin-top: 6px; }
  81 +
  82 +.middle-chart article {
  83 + text-align: center; }
  84 +
  85 +.user-tooltip {
  86 + background: linear-gradient(#0e8999, #6bf0ce);
  87 + color: white;
  88 + border-radius: 10px;
  89 + padding: 7px; }
  90 +
  91 +.most-accessed-list {
  92 + background-color: #52b7bd;
  93 + width: 80%;
  94 + margin-left: 2%;
  95 + margin-top: 4%;
  96 + position: relative;
  97 + padding-left: 0;
  98 + color: white;
  99 + border: 2px solid #52b7bd;
  100 + transition: width 2s, height 2s, background-color 2s, transform 2s; }
  101 + .most-accessed-list li {
  102 + padding-left: 1%; }
  103 +
  104 +.most-accessed-list:after, .most-accessed-list:before {
  105 + bottom: 100%;
  106 + left: 50%;
  107 + border: solid transparent;
  108 + content: " ";
  109 + height: 0;
  110 + width: 0;
  111 + position: absolute;
  112 + pointer-events: none; }
  113 +
  114 +.most-accessed-list:before {
  115 + border-width: 12px;
  116 + margin-left: -50%;
  117 + border-color: rgba(136, 183, 213, 0);
  118 + border-bottom-color: #52b7bd; }
  119 +
  120 +.most-accessed-item:hover {
  121 + background-color: #3aa7ad; }
  122 +
  123 +#month_selector_div {
  124 + text-align: center;
  125 + color: #009688; }
  126 +
  127 +.date-tooltip {
  128 + width: 40px;
  129 + height: 20px;
  130 + background: #52b7bd;
  131 + color: white;
  132 + text-align: center; }
  133 +
  134 +/*# sourceMappingURL=general.css.map */
dashboards/static/dashboards/css/general.css.map 0 → 100644
  Diff comments   View file @ed5efbe
@@ -0,0 +1,7 @@ @@ -0,0 +1,7 @@
  1 +{
  2 +"version": 3,
  3 +"mappings": "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",
  4 +"sources": ["general.sass"],
  5 +"names": [],
  6 +"file": "general.css"
  7 +}
0 \ No newline at end of file 8 \ No newline at end of file
dashboards/static/dashboards/css/general.sass 0 → 100644
  Diff comments   View file @ed5efbe
@@ -0,0 +1,153 @@ @@ -0,0 +1,153 @@
  1 +$title-color: #009688
  2 +
  3 +.report-body
  4 + border: 1px solid #3ebeb4
  5 + border-radius: 20px
  6 + padding: 10px
  7 + overflow: auto
  8 + width: 100%
  9 + background-color: #ffffff
  10 +
  11 +#general-report-header
  12 + height: 10%
  13 + display: block
  14 + h3
  15 + color: $title-color
  16 +
  17 + ul
  18 + float: right
  19 + display: inline-flex
  20 + width: 50%
  21 + margin-bottom: 0px
  22 +
  23 + li
  24 + margin-right: 2%
  25 + width: 50%
  26 + color: white
  27 + font-size: 20px
  28 + background-color: #0f8a9a
  29 + width: 100%
  30 + text-align: center
  31 + border-radius: 20px
  32 + height: 30px
  33 +
  34 +
  35 + li.selected
  36 + background-color: #4dcfbd
  37 + width: 100%
  38 + text-align: center
  39 + border-radius: 20px
  40 +
  41 +
  42 +
  43 +
  44 +
  45 +#most-used-tags-header
  46 + background: linear-gradient(to right, #0e8999, #6bf0ce)
  47 + height: 40px
  48 + border-radius: 10px
  49 + color: #ffffff
  50 + padding-top: 1px
  51 + margin-top: 10px
  52 +
  53 + h4
  54 + margin-left: 1%
  55 +
  56 +
  57 +.tag-cloud
  58 + border-radius: 25px
  59 + color: #ffffff
  60 +
  61 +
  62 +
  63 +
  64 +.tag-name
  65 + color: #ffffff
  66 +
  67 +
  68 +#left-data-selector
  69 + background: linear-gradient( #0e8999, #6bf0ce )
  70 + margin-top: 5%
  71 + padding-top: 3%
  72 + padding-bottom: 2%
  73 +
  74 +.chart
  75 + width: 30%
  76 + float: left
  77 +
  78 + h4
  79 + color: $title-color
  80 + text-align: center
  81 +
  82 +.selector
  83 + width: 90%
  84 + height: 40px
  85 + color: white
  86 + padding-left: 5px
  87 + background-color: #009688
  88 + margin-top: 5px
  89 + border-radius: 0px 20px 20px 0px
  90 + p
  91 + padding-top: 10px
  92 + font-size: 16px
  93 + float: left
  94 +.selector
  95 + i
  96 + margin-right: 20px
  97 + margin-top: 6px
  98 +
  99 +.middle-chart
  100 + article
  101 + text-align: center
  102 +
  103 +.user-tooltip
  104 + background: linear-gradient( #0e8999, #6bf0ce)
  105 + color: white
  106 + border-radius: 10px
  107 + padding: 7px
  108 +
  109 +.most-accessed-list
  110 + background-color: #52b7bd
  111 + width: 80%
  112 + margin-left: 2%
  113 + margin-top: 4%
  114 + position: relative
  115 + padding-left: 0
  116 + color: white
  117 + border: 2px solid #52b7bd
  118 + transition: width 2s, height 2s, background-color 2s, transform 2s
  119 +
  120 + li
  121 + padding-left: 1%
  122 +
  123 +.most-accessed-list:after, .most-accessed-list:before
  124 + bottom: 100%
  125 + left: 50%
  126 + border: solid transparent
  127 + content: " "
  128 + height: 0
  129 + width: 0
  130 + position: absolute
  131 + pointer-events: none
  132 +
  133 +
  134 +.most-accessed-list:before
  135 + border-width: 12px
  136 + margin-left: -50%
  137 + border-color: rgba(136, 183, 213, 0)
  138 + border-bottom-color: #52b7bd
  139 +
  140 +.most-accessed-item:hover
  141 + background-color: #3aa7ad
  142 +
  143 +
  144 +#month_selector_div
  145 + text-align: center
  146 + color: #009688
  147 +
  148 +.date-tooltip
  149 + width: 40px
  150 + height: 20px
  151 + background: #52b7bd
  152 + color: white
  153 + text-align: center
0 \ No newline at end of file 154 \ No newline at end of file
dashboards/static/dashboards/js/behavior.js
  Diff comments   View file @ed5efbe
@@ -9,7 +9,9 @@ $(document).ready(function(){ @@ -9,7 +9,9 @@ $(document).ready(function(){
9 9
10 10
11 $('#month_selector').change(function(){ 11 $('#month_selector').change(function(){
12 - $.get('/analytics/amount_active_users_per_day', {month: $(this).val() }).done(function(data){ 12 +
  13 + var date = $(this).val().split("/");
  14 + $.get('/analytics/amount_active_users_per_day', {month: date[0], year: date[1] }).done(function(data){
13 charts.month_heatmap(data, '#right-chart-body', 'month-chart'); 15 charts.month_heatmap(data, '#right-chart-body', 'month-chart');
14 16
15 }); 17 });
@@ -28,9 +30,21 @@ $(document).ready(function(){ @@ -28,9 +30,21 @@ $(document).ready(function(){
28 }); 30 });
29 31
30 32
31 - //first call to month selector  
32 - $.get('/analytics/amount_active_users_per_day', {month: $('#month_selector option')[(new Date()).getMonth()].text }).done(function(data){  
33 - $('#month_selector').val($('#month_selector option')[(new Date()).getMonth()].text); //update value to actual month 33 + //first call to month selector
  34 + var month = new Array();
  35 + month[0] = "January";
  36 + month[1] = "February";
  37 + month[2] = "March";
  38 + month[3] = "April";
  39 + month[4] = "May";
  40 + month[5] = "June";
  41 + month[6] = "July";
  42 + month[7] = "August";
  43 + month[8] = "September";
  44 + month[9] = "October";
  45 + month[10] = "November";
  46 + month[11] = "December";
  47 + $.get('/analytics/amount_active_users_per_day', { month: month[(new Date()).getMonth()] }).done(function(data){
34 charts.month_heatmap(data, '#right-chart-body', 'month-chart'); 48 charts.month_heatmap(data, '#right-chart-body', 'month-chart');
35 }); 49 });
36 50