From fa28f7ddc6044520a1a6cb8266b9bb75327cd6b0 Mon Sep 17 00:00:00 2001
From: Michael Hackstein <michael@arangodb.com>
Date: Wed, 27 Mar 2013 19:15:04 +0100
Subject: [PATCH] Frontend: Added badge for Foxxes

---
 html/admin/css/foxxView.css                |  7 ++++++-
 html/admin/js/templates/foxxActiveView.ejs | 16 ++++++++++++++--
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/html/admin/css/foxxView.css b/html/admin/css/foxxView.css
index 9d14f9fbad..a05f5f56b4 100644
--- a/html/admin/css/foxxView.css
+++ b/html/admin/css/foxxView.css
@@ -3,6 +3,7 @@
 }
 .foxxDescription {
   width:190px;
+  float: left;
   text-align: left;
   word-wrap: break-word;
 }
@@ -10,6 +11,10 @@
 .foxxIcon {
   width:64px;
   height:64px;
-  float:right;  
+  float:left;  
   padding:10px;
+}
+
+.badge-foxx {
+  bottom: 0px;
 }
\ No newline at end of file
diff --git a/html/admin/js/templates/foxxActiveView.ejs b/html/admin/js/templates/foxxActiveView.ejs
index b8a90528e4..4d96b29f23 100644
--- a/html/admin/js/templates/foxxActiveView.ejs
+++ b/html/admin/js/templates/foxxActiveView.ejs
@@ -8,9 +8,21 @@
       <strong>Mount-Point:</strong>&nbsp;<%=attributes.mount %><br />
       <strong>Version:</strong>&nbsp;<%=appInfos[2] %><br />
       <strong>Prefix:</strong>&nbsp;<%=attributes.collectionPrefix%><br />
-      <strong>Active:</strong>&nbsp;<%=attributes.active%>
+      
       <!--Git: <a href=<%=attributes.git %>>Repository</a>-->
     </p>
-    
+    <%if (attributes.active) {%>
+      <span class="badge badge-success loaded badge-foxx">
+        <div class="cornered">
+          active
+        </div>
+      </span>
+    <%} else {%>
+      <span class="badge badge-success unloaded badge-foxx">
+        <div class="cornered">
+          inactive
+        </div>
+      </span>
+    <%}%>
   </div>
 </small>
\ No newline at end of file