improve public dashboard

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 .= '<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)
             ])
         ])
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;
 }