improve public dashboard
This commit is contained in:
parent
af8454598c
commit
adc62470c5
|
@ -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 .= '<br>' . glyph('user') . $need . ' × ' . AngelType($needed_angels['TID'])['name'];
|
||||
$panel_body .=
|
||||
'<br>' . glyph('user') .
|
||||
'<span class="text-' . $style . '">' .
|
||||
$need . ' × ' . 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', [
|
||||
div('panel panel-' . $style, [
|
||||
div('dashboard-panel panel panel-' . $style, [
|
||||
div('panel-body', [
|
||||
'<a class="panel-link" href="' . shift_link($shift) . '"></a>',
|
||||
heading($panel_body, 4)
|
||||
])
|
||||
])
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue