hide event countdown for mobile clients

2 files changed, 25 insertions, 24 deletions

diff --git a/includes/pages/guest_login.php b/includes/pages/guest_login.php
index 1e6ac41a..b7f85555 100644
--- a/includes/pages/guest_login.php
+++ b/includes/pages/guest_login.php
@@ -328,13 +328,8 @@ function guest_login() {
           div('row', [
               EventConfig_countdown_page($event_config) 
           ]),
-          div('row', []),
           div('row', [
-              div('col-md-4 text-center', [
-                  heading(register_title(), 2),
-                  get_register_hint() 
-              ]),
-              div('col-md-4', [
+              div('col-sm-6 col-sm-offset-3 col-md-4 col-md-offset-4', [
                   div('panel panel-primary first', [
                       div('panel-heading', [
                           '<span class="icon-icon_angel"></span> ' . _("Login") 
@@ -354,8 +349,14 @@ function guest_login() {
                           glyph('info-sign') . _("Please note: You have to activate cookies!") 
                       ]) 
                   ]) 
+              ]) 
+          ]),
+          div('row', [
+              div('col-sm-6 text-center', [
+                  heading(register_title(), 2),
+                  get_register_hint() 
               ]),
-              div('col-md-4 text-center', [
+              div('col-sm-6 text-center', [
                   heading(_("What can I do?"), 2),
                   '<p>' . _("Please read about the jobs you can do to help us.") . '</p>',
                   buttons([
diff --git a/includes/view/EventConfig_view.php b/includes/view/EventConfig_view.php
index bf3ad3a4..37a19839 100644
--- a/includes/view/EventConfig_view.php
+++ b/includes/view/EventConfig_view.php
@@ -14,39 +14,39 @@ function EventConfig_countdown_page($event_config) {
   $elements = [];
   
   if ($event_config['event_name'] != null) {
-    $elements[] = div('col-md-12 text-center', [
+    $elements[] = div('col-sm-12 text-center', [
         heading(sprintf(_("Welcome to the %s!"), $event_config['event_name'] . ' <span class="icon-icon_angel"></span> ENGELSYSTEM'), 2) 
     ]);
   }
   
-  if ($event_config['buildup_start_date'] != null) {
-    $elements[] = div('col-md-3 text-center', [
-        heading(_("Buildup starts"), 3),
-        '<h2 class="moment-countdown" data-timestamp="' . $event_config['buildup_start_date'] . '">%c</h2>',
+  if ($event_config['buildup_start_date'] != null && time() < $event_config['buildup_start_date']) {
+    $elements[] = div('col-sm-3 text-center hidden-xs', [
+        heading(_("Buildup starts"), 4),
+        '<span class="moment-countdown text-big" data-timestamp="' . $event_config['buildup_start_date'] . '">%c</span>',
         '<small>' . date(_("Y-m-d"), $event_config['buildup_start_date']) . '</small>' 
     ]);
   }
   
-  if ($event_config['event_start_date'] != null) {
-    $elements[] = div('col-md-3 text-center', [
-        heading(_("Event starts"), 3),
-        '<h2 class="moment-countdown" data-timestamp="' . $event_config['event_start_date'] . '">%c</h2>',
+  if ($event_config['event_start_date'] != null && time() < $event_config['event_start_date']) {
+    $elements[] = div('col-sm-3 text-center hidden-xs', [
+        heading(_("Event starts"), 4),
+        '<span class="moment-countdown text-big" data-timestamp="' . $event_config['event_start_date'] . '">%c</span>',
         '<small>' . date(_("Y-m-d"), $event_config['event_start_date']) . '</small>' 
     ]);
   }
   
-  if ($event_config['event_end_date'] != null) {
-    $elements[] = div('col-md-3 text-center', [
-        heading(_("Event ends"), 3),
-        '<h2 class="moment-countdown" data-timestamp="' . $event_config['event_end_date'] . '">%c</h2>',
+  if ($event_config['event_end_date'] != null && time() < $event_config['event_end_date']) {
+    $elements[] = div('col-sm-3 text-center hidden-xs', [
+        heading(_("Event ends"), 4),
+        '<span class="moment-countdown text-big" data-timestamp="' . $event_config['event_end_date'] . '">%c</span>',
         '<small>' . date(_("Y-m-d"), $event_config['event_end_date']) . '</small>' 
     ]);
   }
   
-  if ($event_config['teardown_end_date'] != null) {
-    $elements[] = div('col-md-3 text-center', [
-        heading(_("Teardown ends"), 3),
-        '<h2 class="moment-countdown" data-timestamp="' . $event_config['teardown_end_date'] . '">%c</h2>',
+  if ($event_config['teardown_end_date'] != null && time() < $event_config['teardown_end_date']) {
+    $elements[] = div('col-sm-3 text-center hidden-xs', [
+        heading(_("Teardown ends"), 4),
+        '<span class="moment-countdown text-big" data-timestamp="' . $event_config['teardown_end_date'] . '">%c</span>',
         '<small>' . date(_("Y-m-d"), $event_config['teardown_end_date']) . '</small>' 
     ]);
   }