From 6e2b834cfd87641594cfc6cd2bce6cfbad2568e0 Mon Sep 17 00:00:00 2001
From: Lisa Passing <mail@lislis.de>
Date: Mon, 13 Apr 2015 16:30:20 +0200
Subject: [PATCH] prepare caches markup

---
 app/styles/app.scss                |  3 +-
 app/styles/app/layouts/caches.sass |  2 +
 app/templates/caches.hbs           | 63 +++++++++++++++++++++---------
 3 files changed, 48 insertions(+), 20 deletions(-)
 create mode 100644 app/styles/app/layouts/caches.sass

diff --git a/app/styles/app.scss b/app/styles/app.scss
index 962b7488..ca71d500 100644
--- a/app/styles/app.scss
+++ b/app/styles/app.scss
@@ -8,7 +8,7 @@
 
 @import "app/ansi";
 @import "app/auth";
-@import "app/caches";
+// @import "app/caches";
 @import "app/charm";
 // @import "app/flash";
 @import "app/forms";
@@ -69,3 +69,4 @@
 
 @import "app/landing";
 @import "app/layouts/requests";
+@import "app/layouts/caches";
diff --git a/app/styles/app/layouts/caches.sass b/app/styles/app/layouts/caches.sass
new file mode 100644
index 00000000..ceb321c3
--- /dev/null
+++ b/app/styles/app/layouts/caches.sass
@@ -0,0 +1,2 @@
+.caches
+  @include resetul
diff --git a/app/templates/caches.hbs b/app/templates/caches.hbs
index a8efb9e1..959e5f11 100644
--- a/app/templates/caches.hbs
+++ b/app/templates/caches.hbs
@@ -3,29 +3,54 @@
     Delete all repository caches
   </a>
 
-  <ul id="caches">
+
+  <h2 class="build-title">Pushes</h2>
+  <ul id="caches" class="caches">
     {{#each controller itemController="cachesByBranch"}}
-      <li class="caches-group">
-        <span class="branch">Branch: {{branch}}</span>
+      {{#each cache in caches itemController="cachesItem"}}
+        <li {{bind-attr class=":tile :tile--small :row" }}>
 
-        <a href="#" {{action "delete"}} {{bind-attr class="isDeleting:deleting :delete-by-branch :delete"}}>
-          (delete)
-        </a>
+          <p class="tile-item column">
+            <span {{bind-attr class=":icon :icon--grey push"}}></span>
+            {{cache.branch}}
+          </p>
 
-        <ul class="caches-list">
-          {{#each cache in caches itemController="cachesItem"}}
-            <li class="cache-info">
-              <span class="label">Slug:</span> {{cache.slug}},
-              <span class="label">Last modified:</span> {{cache.last_modified}},
-              <span class="label">Size:</span> {{mb cache.size}}MB
+          <p class="tile-item column">{{cache.last_modified}}</p>
 
-              <a href="#" {{action "delete"}} {{bind-attr class="isDeleting:deleting :delete-by-slug :delete"}}>
-                (delete)
-              </a>
-            </li>
-          {{/each}}
-        </ul>
-      </li>
+          <p class="tile-item column">{{mb cache.size}}MB</p>
+
+          <p class="tile-item">
+            <a href="#" {{action "delete"}} {{bind-attr class="isDeleting:deleting :delete-by-slug :delete :button--delete"}}>
+              delete
+            </a>
+          </p>
+        </li>
+      {{/each}}
+    {{/each}}
+  </ul>
+
+  <h2 class="build-title">Pull Requests</h2>
+  <ul class="caches">
+    {{#each controller itemController="cachesByBranch"}}
+      {{#each cache in caches itemController="cachesItem"}}
+        <li {{bind-attr class=":tile :tile--small :row" }}>
+
+          <p class="tile-item column">
+            <span {{bind-attr class=":icon :icon--grey pull_request"}}></span>
+            {{cache.branch}}
+          </p>
+
+          <p class="tile-item column">{{format-time cache.last_modified}}</p>
+
+          <p class="tile-item column">{{mb cache.size}}MB</p>
+
+          <p class="tile-item">
+            <a href="#" {{action "delete"}} {{bind-attr class="isDeleting:deleting :delete-by-slug :delete :button--delete"}}>
+              delete
+            </a>
+          </p>
+        </li>
+      {{/each}}
     {{/each}}
   </ul>
 {{else}}