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   -.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   -{
2   -"version": 3,
3   -"mappings": "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",
4   -"sources": ["general.sass"],
5   -"names": [],
6   -"file": "general.css"
7   -}
8 0 \ No newline at end of file
analytics/static/analytics/general.sass
View file @cab7b74
... ... @@ -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 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 12 color: #5b8583
13 13  
14 14 #category-selector option:hover
15   - background: red
16 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 @@
  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 @@
  1 +{
  2 +"version": 3,
  3 +"mappings": "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",
  4 +"sources": ["general.sass"],
  5 +"names": [],
  6 +"file": "general.css"
  7 +}
0 8 \ No newline at end of file
... ...
dashboards/static/dashboards/css/general.sass 0 → 100644
  Diff comments   View file @ed5efbe
... ... @@ -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 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 9  
10 10  
11 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 15 charts.month_heatmap(data, '#right-chart-body', 'month-chart');
14 16  
15 17 });
... ... @@ -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 48 charts.month_heatmap(data, '#right-chart-body', 'month-chart');
35 49 });
36 50  
... ...