diff options
author | Alfredo Sumaran <alfredo@gitlab.com> | 2016-11-18 00:18:24 +0300 |
---|---|---|
committer | Alfredo Sumaran <alfredo@gitlab.com> | 2016-11-21 21:57:10 +0300 |
commit | cdafef9be0c375ce7f59fac383ff390819728d8f (patch) | |
tree | daf561168d390134d0e49560569f3718362dcc66 /app/assets/javascripts/cycle_analytics | |
parent | c0c4b2767f8ec0ab827675f1ba37de15f286c308 (diff) |
Update ItemBuildComponent html structure
Diffstat (limited to 'app/assets/javascripts/cycle_analytics')
-rw-r--r-- | app/assets/javascripts/cycle_analytics/components/item_build_component.js.es6 | 40 | ||||
-rw-r--r-- | app/assets/javascripts/cycle_analytics/components/item_issue_component.js.es6 | 2 |
2 files changed, 35 insertions, 7 deletions
diff --git a/app/assets/javascripts/cycle_analytics/components/item_build_component.js.es6 b/app/assets/javascripts/cycle_analytics/components/item_build_component.js.es6 index 5f8ff683860..c08a94b4521 100644 --- a/app/assets/javascripts/cycle_analytics/components/item_build_component.js.es6 +++ b/app/assets/javascripts/cycle_analytics/components/item_build_component.js.es6 @@ -20,14 +20,42 @@ build: Object, }, template: ` - <div> - <p> - <h5> - <a href="build.url"> - {{ build.title }} + <div class="item-build-component"> + <div class="item-details"> + <h5 class="item-title"> + <span class="icon-build-status"> + <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"> + <g fill="#31AF64" fill-rule="evenodd"> + <path d="M12.5 7c0-3.038-2.462-5.5-5.5-5.5S1.5 3.962 1.5 7s2.462 5.5 5.5 5.5 5.5-2.462 5.5-5.5zM0 7c0-3.866 3.134-7 7-7s7 3.134 7 7-3.134 7-7 7-7-3.134-7-7z"/> + <path d="M6.28 7.697L5.045 6.464c-.117-.117-.305-.117-.42-.002l-.614.614c-.112.113-.113.303.004.42l1.91 1.91c.19.19.51.197.703.004l.265-.265L9.997 6.04c.108-.107.107-.293-.01-.408l-.612-.614c-.114-.113-.298-.12-.41-.01L6.28 7.7z"/> + </g> + </svg> + </span> + <a :href="build.url" class="item-build-name"> + {{ build.name }} </a> + · + <a href="#" class="pipeline-id"> + #{{ build.id }} + </a> + <i class="fa fa-code-fork"></i> + <a :href="build.branch.url" class="branch-name monospace">{{ build.branch.name }}</a> + <span class="icon-branch"> + <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"> + <path fill="#8C8C8C" fill-rule="evenodd" d="M9.678 6.722C9.353 5.167 8.053 4 6.5 4S3.647 5.167 3.322 6.722h-2.6c-.397 0-.722.35-.722.778 0 .428.325.778.722.778h2.6C3.647 9.833 4.947 11 6.5 11s2.853-1.167 3.178-2.722h2.6c.397 0 .722-.35.722-.778 0-.428-.325-.778-.722-.778h-2.6zM4.694 7.5c0-1.09.795-1.944 1.806-1.944 1.01 0 1.806.855 1.806 1.944 0 1.09-.795 1.944-1.806 1.944-1.01 0-1.806-.855-1.806-1.944z"/> + </svg> + </span> + <a :href="build.commit_url" class="short-sha monospace">da57eb39</a> </h5> - </p> + <span> + <a :href="build.url" class="issue-date"> + {{ build.date }} + </a> + </span> + </div> + <div class="item-time"> + <total-time :time="build.totalTime"></total-time> + </div> </div> `, }); diff --git a/app/assets/javascripts/cycle_analytics/components/item_issue_component.js.es6 b/app/assets/javascripts/cycle_analytics/components/item_issue_component.js.es6 index 5bacdb93226..e02ad1419a9 100644 --- a/app/assets/javascripts/cycle_analytics/components/item_issue_component.js.es6 +++ b/app/assets/javascripts/cycle_analytics/components/item_issue_component.js.es6 @@ -23,7 +23,7 @@ <div class="item-details"> <img class="avatar" :src="issue.author.avatarUrl"> <h5 class="item-title"> - <a :href="issue.url"> + <a class="issue-title" :href="issue.url"> {{ issue.title }} </a> </h5> |