improve public dashboard

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 .= '<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', [
-        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)
             ])
         ])

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;
 }

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;
 }

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;
 }

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;
 }

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;
 }

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;
 }

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;
 }

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;
 }