From 14bc13bee6fa9c77b3ef16cc1a34b9bb0cba824c Mon Sep 17 00:00:00 2001
From: Lucas Dohmen <lucas@arangodb.com>
Date: Fri, 12 Dec 2014 16:32:21 +0100
Subject: [PATCH] Collect information for the applicationDetailView

---
 .../aardvark/frontend/js/models/foxx.js       |  5 ++--
 .../js/templates/applicationDetailView.ejs    | 28 ++++++++++++++++++-
 2 files changed, 30 insertions(+), 3 deletions(-)

diff --git a/js/apps/system/aardvark/frontend/js/models/foxx.js b/js/apps/system/aardvark/frontend/js/models/foxx.js
index e325c0f65b..857d700bdf 100644
--- a/js/apps/system/aardvark/frontend/js/models/foxx.js
+++ b/js/apps/system/aardvark/frontend/js/models/foxx.js
@@ -7,9 +7,10 @@
 
     defaults: {
       "title": "",
-      "version": "",
+      "version": "Unknown Version",
       "mount": "",
-      "description": "",
+      "description": "No description",
+      "license": "Unknown License",
       "git": "",
       "isSystem": false,
       "development": false
diff --git a/js/apps/system/aardvark/frontend/js/templates/applicationDetailView.ejs b/js/apps/system/aardvark/frontend/js/templates/applicationDetailView.ejs
index 3e747837ec..55e5be02c8 100644
--- a/js/apps/system/aardvark/frontend/js/templates/applicationDetailView.ejs
+++ b/js/apps/system/aardvark/frontend/js/templates/applicationDetailView.ejs
@@ -1,3 +1,29 @@
 <script id="applicationDetailView.ejs" type="text/template">
-Hello <%= attributes.name %>
+  <section>
+    <div class='applicationDetailView'>
+      <div class='header_left'>
+        <img src="foxxes/thumbnail/<%=attributes.app %>" class="icon" alt="Icon for App">
+        <input type="button" value="Open">
+        <input type="button" value="Delete">
+      </div>
+      <div class='header_right'>
+        <h3>
+          <%= attributes.name %>
+          <span class="license"><%= attributes.license %></span>
+          <span class="version"><%= attributes.version %></span>
+        </h3>
+        <p class="description"><%= attributes.description %></p>
+      </div>
+      <div class="swagger">
+      </div>
+    </div>
+  </section>
+  <aside>
+    <dl>
+      <dt>Author</dt>
+      <dd><%= attributes.author %></dd>
+      <dt>Keywords</dt>
+      <dd><%= attributes.keywords %></dd>
+    </dl>
+  </aside>
 </script>