iger
/
engelsystem
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

improve public dashboard

This commit is contained in:
msquare 2017-12-13 12:22:26 +01:00
parent af8454598c
commit adc62470c5
9 changed files with 190 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
includes/view/PublicDashboard_view.php
View File

@ -56,15 +56,20 @@ function public_dashborad_shift_render($shift)
foreach ($shift['NeedAngels'] as $needed_angels) { foreach ($shift['NeedAngels'] as $needed_angels) {
$need = $needed_angels['count'] - $needed_angels['taken']; $need = $needed_angels['count'] - $needed_angels['taken'];
if ($need > 0) { if ($need > 0) {
$panel_body .= '<br>' . glyph('user') . $need . ' &times; ' . AngelType($needed_angels['TID'])['name']; $panel_body .=
'<br>' . glyph('user') .
'<span class="text-' . $style . '">' .
$need . ' &times; ' . AngelType($needed_angels['TID'])['name'] .
'</span>';
} }
} }
$panel_body = '<a href="' . shift_link($shift) . '">' . $panel_body . '</a>'; // $panel_body = '<a href="' . shift_link($shift) . '">' . $panel_body . '</a>';
return div('col-xs-3', [ return div('col-xs-3', [
div('panel panel-' . $style, [ div('dashboard-panel panel panel-' . $style, [
div('panel-body', [ div('panel-body', [
'<a class="panel-link" href="' . shift_link($shift) . '"></a>',
heading($panel_body, 4) heading($panel_body, 4)
]) ])
]) ])

23
public/css/theme0.css
View File

@ -6758,6 +6758,29 @@ body {
.stats-success { .stats-success {
color: #5cb85c; 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 { .panel-primary .panel-heading a {
color: #ffffff; color: #ffffff;
} }

23
public/css/theme1.css
View File

@ -6781,6 +6781,29 @@ body {
.stats-success { .stats-success {
color: #5cb85c; 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 { .panel-primary .panel-heading a {
color: #ffffff; color: #ffffff;
} }

23
public/css/theme2.css
View File

@ -6758,6 +6758,29 @@ body {
.stats-success { .stats-success {
color: #7b9c41; 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 { .panel-primary .panel-heading a {
color: #ffffff; color: #ffffff;
} }

23
public/css/theme3.css
View File

@ -6767,6 +6767,29 @@ body {
.stats-success { .stats-success {
color: #39ab50; 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 { .panel-primary .panel-heading a {
color: #ffffff; color: #ffffff;
} }

23
public/css/theme4.css
View File

@ -6781,6 +6781,29 @@ body {
.stats-success { .stats-success {
color: #8dc123; 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 { .panel-primary .panel-heading a {
color: #ffffff; color: #ffffff;
} }

23
public/css/theme5.css
View File

@ -6761,6 +6761,29 @@ body {
.stats-success { .stats-success {
color: #99cc00; 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 { .panel-primary .panel-heading a {
color: #ffffff; color: #ffffff;
} }

23
public/css/theme6.css
View File

@ -6784,6 +6784,29 @@ body {
.stats-success { .stats-success {
color: #99cc00; 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 { .panel-primary .panel-heading a {
color: #ffffff; color: #ffffff;
} }

21
themes/base.less
View File

@ -43,6 +43,27 @@ body {
color: @brand-success; 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 { .panel-primary .panel-heading a {
color: @panel-primary-text; color: @panel-primary-text;
} }