From adc62470c51384094a34608cbd594cc52af899b6 Mon Sep 17 00:00:00 2001 From: msquare Date: Wed, 13 Dec 2017 12:22:26 +0100 Subject: [PATCH] improve public dashboard --- includes/view/PublicDashboard_view.php | 11 ++++++++--- public/css/theme0.css | 23 +++++++++++++++++++++++ public/css/theme1.css | 23 +++++++++++++++++++++++ public/css/theme2.css | 23 +++++++++++++++++++++++ public/css/theme3.css | 23 +++++++++++++++++++++++ public/css/theme4.css | 23 +++++++++++++++++++++++ public/css/theme5.css | 23 +++++++++++++++++++++++ public/css/theme6.css | 23 +++++++++++++++++++++++ themes/base.less | 21 +++++++++++++++++++++ 9 files changed, 190 insertions(+), 3 deletions(-) diff --git a/includes/view/PublicDashboard_view.php b/includes/view/PublicDashboard_view.php index 1325d31a..27ae97e3 100644 --- a/includes/view/PublicDashboard_view.php +++ b/includes/view/PublicDashboard_view.php @@ -56,15 +56,20 @@ function public_dashborad_shift_render($shift) foreach ($shift['NeedAngels'] as $needed_angels) { $need = $needed_angels['count'] - $needed_angels['taken']; if ($need > 0) { - $panel_body .= '
' . glyph('user') . $need . ' × ' . AngelType($needed_angels['TID'])['name']; + $panel_body .= + '
' . glyph('user') . + '' . + $need . ' × ' . AngelType($needed_angels['TID'])['name'] . + ''; } } - $panel_body = '' . $panel_body . ''; + // $panel_body = '' . $panel_body . ''; return div('col-xs-3', [ - div('panel panel-' . $style, [ + div('dashboard-panel panel panel-' . $style, [ div('panel-body', [ + '', heading($panel_body, 4) ]) ]) diff --git a/public/css/theme0.css b/public/css/theme0.css index 35a35f9e..8783a324 100644 --- a/public/css/theme0.css +++ b/public/css/theme0.css @@ -6758,6 +6758,29 @@ body { .stats-success { color: #5cb85c; } +.dashboard-panel { + position: relative; +} +.dashboard-panel .panel-link { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + text-decoration: none; + /* No underlines on the link */ + z-index: 10; + /* Places the link above everything else in the div */ + background-color: #337ab7; + /* Fix to make div clickable in IE */ + opacity: 0; + /* Fix to make div clickable in IE */ + filter: alpha(opacity=1); + /* Fix to make div clickable in IE */ +} +.dashboard-panel .panel-link:hover { + opacity: 0.3; +} .panel-primary .panel-heading a { color: #ffffff; } diff --git a/public/css/theme1.css b/public/css/theme1.css index 06979c3e..2d0a2133 100644 --- a/public/css/theme1.css +++ b/public/css/theme1.css @@ -6781,6 +6781,29 @@ body { .stats-success { color: #5cb85c; } +.dashboard-panel { + position: relative; +} +.dashboard-panel .panel-link { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + text-decoration: none; + /* No underlines on the link */ + z-index: 10; + /* Places the link above everything else in the div */ + background-color: #428bca; + /* Fix to make div clickable in IE */ + opacity: 0; + /* Fix to make div clickable in IE */ + filter: alpha(opacity=1); + /* Fix to make div clickable in IE */ +} +.dashboard-panel .panel-link:hover { + opacity: 0.3; +} .panel-primary .panel-heading a { color: #ffffff; } diff --git a/public/css/theme2.css b/public/css/theme2.css index ad7770a4..6f30828a 100644 --- a/public/css/theme2.css +++ b/public/css/theme2.css @@ -6758,6 +6758,29 @@ body { .stats-success { color: #7b9c41; } +.dashboard-panel { + position: relative; +} +.dashboard-panel .panel-link { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + text-decoration: none; + /* No underlines on the link */ + z-index: 10; + /* Places the link above everything else in the div */ + background-color: #758499; + /* Fix to make div clickable in IE */ + opacity: 0; + /* Fix to make div clickable in IE */ + filter: alpha(opacity=1); + /* Fix to make div clickable in IE */ +} +.dashboard-panel .panel-link:hover { + opacity: 0.3; +} .panel-primary .panel-heading a { color: #ffffff; } diff --git a/public/css/theme3.css b/public/css/theme3.css index f5dcce0e..1f1efaff 100644 --- a/public/css/theme3.css +++ b/public/css/theme3.css @@ -6767,6 +6767,29 @@ body { .stats-success { color: #39ab50; } +.dashboard-panel { + position: relative; +} +.dashboard-panel .panel-link { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + text-decoration: none; + /* No underlines on the link */ + z-index: 10; + /* Places the link above everything else in the div */ + background-color: #f19224; + /* Fix to make div clickable in IE */ + opacity: 0; + /* Fix to make div clickable in IE */ + filter: alpha(opacity=1); + /* Fix to make div clickable in IE */ +} +.dashboard-panel .panel-link:hover { + opacity: 0.3; +} .panel-primary .panel-heading a { color: #ffffff; } diff --git a/public/css/theme4.css b/public/css/theme4.css index 554cf166..2202c01d 100644 --- a/public/css/theme4.css +++ b/public/css/theme4.css @@ -6781,6 +6781,29 @@ body { .stats-success { color: #8dc123; } +.dashboard-panel { + position: relative; +} +.dashboard-panel .panel-link { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + text-decoration: none; + /* No underlines on the link */ + z-index: 10; + /* Places the link above everything else in the div */ + background-color: #009c8b; + /* Fix to make div clickable in IE */ + opacity: 0; + /* Fix to make div clickable in IE */ + filter: alpha(opacity=1); + /* Fix to make div clickable in IE */ +} +.dashboard-panel .panel-link:hover { + opacity: 0.3; +} .panel-primary .panel-heading a { color: #ffffff; } diff --git a/public/css/theme5.css b/public/css/theme5.css index f3c345a2..75a0030c 100644 --- a/public/css/theme5.css +++ b/public/css/theme5.css @@ -6761,6 +6761,29 @@ body { .stats-success { color: #99cc00; } +.dashboard-panel { + position: relative; +} +.dashboard-panel .panel-link { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + text-decoration: none; + /* No underlines on the link */ + z-index: 10; + /* Places the link above everything else in the div */ + background-color: #a41c31; + /* Fix to make div clickable in IE */ + opacity: 0; + /* Fix to make div clickable in IE */ + filter: alpha(opacity=1); + /* Fix to make div clickable in IE */ +} +.dashboard-panel .panel-link:hover { + opacity: 0.3; +} .panel-primary .panel-heading a { color: #ffffff; } diff --git a/public/css/theme6.css b/public/css/theme6.css index e8601992..8c269cb2 100644 --- a/public/css/theme6.css +++ b/public/css/theme6.css @@ -6784,6 +6784,29 @@ body { .stats-success { color: #99cc00; } +.dashboard-panel { + position: relative; +} +.dashboard-panel .panel-link { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + text-decoration: none; + /* No underlines on the link */ + z-index: 10; + /* Places the link above everything else in the div */ + background-color: #a41c31; + /* Fix to make div clickable in IE */ + opacity: 0; + /* Fix to make div clickable in IE */ + filter: alpha(opacity=1); + /* Fix to make div clickable in IE */ +} +.dashboard-panel .panel-link:hover { + opacity: 0.3; +} .panel-primary .panel-heading a { color: #ffffff; } diff --git a/themes/base.less b/themes/base.less index 35473860..e529ead6 100644 --- a/themes/base.less +++ b/themes/base.less @@ -43,6 +43,27 @@ body { color: @brand-success; } +.dashboard-panel { + position: relative; + + .panel-link { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + text-decoration: none; /* No underlines on the link */ + z-index: 10; /* Places the link above everything else in the div */ + background-color: @brand-primary; /* Fix to make div clickable in IE */ + opacity: 0; /* Fix to make div clickable in IE */ + filter: alpha(opacity=1); /* Fix to make div clickable in IE */ + } + + .panel-link:hover { + opacity: 0.3; + } +} + .panel-primary .panel-heading a { color: @panel-primary-text; }