Update ItemMergeRequestComponent structure

c0c4b276 · Alfredo Sumaran · 17046c35 · c0c4b276
Commit c0c4b276 authored Nov 16, 2016 by Alfredo Sumaran
Hide whitespace changes
Inline Side-by-side

Showing with 24 additions and 4 deletions

app/assets/javascripts/cycle_analytics/components/item_merge_request_component.js.es6 ..._analytics/components/item_merge_request_component.js.es6 +24 -4

No files found.
--- a/app/assets/javascripts/cycle_analytics/components/item_merge_request_component.js.es6
+++ b/app/assets/javascripts/cycle_analytics/components/item_merge_request_component.js.es6
@@ -20,13 +20,33 @@
    },
    template: `
      <div>
-        <p>
+        <div class="item-details">
-          <h5>
+          <img class="avatar" :src="mergeRequest.author.avatarUrl">
-            <a href="mergeRequest.url">
+          <h5 class="item-title">
+            <a :href="mergeRequest.url">
              {{ mergeRequest.title }}
            </a>
          </h5>
-        </p>
+          <a :href="mergeRequest.url" class="issue-link">
+            !{{ mergeRequest.iid }}
+          </a>
+          &middot;
+          <span>
+            Opened
+            <a :href="mergeRequest.url" class="issue-date">
+              {{ mergeRequest.createdAt }}
+            </a>
+          </span>
+          <span>
+          by
+          <a :href="mergeRequest.author.webUrl" class="issue-author-link">
+            {{ mergeRequest.author.name }}
+          </a>
+          </span>
+        </div>
+        <div class="item-time">
+          <total-time :time="mergeRequest.totalTime"></total-time>
+        </div>
      </div>
    `,
  });