From 066fe35e8ecb4b1853aec63548f67fb232aa8fb8 Mon Sep 17 00:00:00 2001
From: Tim Schumacher <tim@bandenkrieg.hacked.jp>
Date: Mon, 30 Jun 2014 23:00:01 +0200
Subject: [PATCH] Das Aussehen der Ampel etwas professioneller gestaltet.

---
 style.css  | 28 +++++++++++++++++++++++++++-
 syntax.php | 20 +++++++++++++++++---
 2 files changed, 44 insertions(+), 4 deletions(-)
 mode change 100644 => 100755 style.css
 mode change 100644 => 100755 syntax.php

diff --git a/style.css b/style.css
old mode 100644
new mode 100755
index 991a80d..dc9164c
--- a/style.css
+++ b/style.css
@@ -1,4 +1,4 @@
-.ample {
+/*.ample {
     display: block;
     width: 200px;
     height: 100px;
@@ -15,4 +15,30 @@
 .not-available {
     background-color: red;
     color: white;
+}*/
+
+div.hackerspace-room-state {
+    border: 1px solid #cccccc;
+    background-color: #ffffff;
+    padding: 0.5rem;
+}
+
+div.hackerspace-room-state h3 {
+
+}
+
+div.hackerspace-room-state .icon {
+    display: inline;
+    width: 24px;
+    height: 24px;
+}
+
+div.hackerspace-room-state .text {
+    display: inline;
+    margin-left: 0.3rem;
+}
+
+div.hackerspace-room-state hr {
+    margin-top: 0.3rem;
+    margin-bottom: 0.3rem;
 }
\ No newline at end of file
diff --git a/syntax.php b/syntax.php
old mode 100644
new mode 100755
index 3e07b6e..9db67b4
--- a/syntax.php
+++ b/syntax.php
@@ -67,14 +67,28 @@ class syntax_plugin_whoisinyourhackspace extends DokuWiki_Syntax_Plugin {
 
         $api = json_decode($file);
 
+        $content = '';
+        $content .= '<div class="hackerspace-room-state">';
+        $content .= '<h3>Raumstatus</h3>';
+
+        //$content .= '<dl><dt>Status</dt>';
         if ($api->state->open) {
-            $renderer->doc .= sprintf('<p class="ample available">%s ist besetzt :).</p>',$api->space);
+            //$content .= '<dd>Offen</dd>';
+            $content .= "<img class=\"icon\" src=\"{$api->state->icon->open}\" alt=\"{$api->space} ist besetzt.\" title=\"{$api->space} ist besetzt.\" />";
+            $content .= "<p class=\"text\">{$api->space} ist besetzt.</p>";
+            //$renderer->doc .= sprintf('<p class="ample available">%s ist besetzt :).</p>',$api->space);
         } else {
-            $renderer->doc .= sprintf('<p class="ample not-available">%s ist nicht besetzt :(.</p>',$api->space);
+            //$renderer->doc .= sprintf('<p class="ample not-available">%s ist nicht besetzt :(.</p>',$api->space);
+            $content .= "<img class=\"icon\" src=\"{$api->state->icon->closed}\" alt=\"{$api->space} ist geschlossen.\" title=\"{$api->space} ist geschlossen.\" />";
+            $content .= "<p class=\"text\">{$api->space} ist geschlossen.</p>";
         }
 
-        $renderer->doc .= sprintf('<p><a href="http://spacestatus.bastinat0r.de/#%s">MOAH!</a></p>',strtolower($api->space));
+        $content .= '<hr />';
 
+        $content .= sprintf('<p><a href="http://spacestatus.bastinat0r.de/#%s">Raum-Öffnungs-Statistiken</a></p>',strtolower($api->space));
+        $content .= '</div>';
+
+        $renderer->doc .= $content;
         return true;
     }
 }