11import Status from 'components/status';
2+ import Icon from 'fa-icon';
23---hbs---
34
45{{log @model.jobs}}
@@ -11,14 +12,39 @@ import Status from 'components/status';
1112<ul>
1213 {{#if @model.jobs.yours.length}}
1314 {{#each @model.jobs.yours as |job|}}
14- <li class='bg-white p-4 mb-4 rounded-lg shadow-lg' >
15+ <li>
1516 <LinkTo
17+ class='bg-white p-4 mb-4 rounded-lg shadow hover:shadow-lg block'
1618 @route='organization.repository.job'
1719 @models={{array job.project.ownerName job.project.repoName job._id}}
18- @queryParams={{hash ember=true}}>
19- {{job.project.display_name}}
20- <Status @status={{job.status}} />
21- {{job.trigger.message}}
20+ @queryParams={{hash ember=true}}
21+ >
22+ <div class="flex justify-between">
23+ <div class="text-lg">
24+ {{job.project.display_name}}
25+ </div>
26+
27+ <div class='flex items-center mt-2'>
28+ <img src={{job.trigger.author.image}} class="rounded-full w-8 mr-2" alt="Author avatar">
29+ {{job.trigger.author.name}}
30+ </div>
31+ </div>
32+
33+ <div class="flex flex-cols mt-2">
34+ <Status @status={{job.status}} class='mr-2' />
35+ {{job.trigger.message}}
36+ </div>
37+
38+ <div class="flex flex-cols justify-between items-center">
39+ <div class='text-gray-800 text-sm'>
40+ {{job.ref.branch}}
41+ {{truncate job.ref.id}}
42+ </div>
43+
44+ <div class="mt-1 text-gray-800 text-sm">
45+ {{format-date job.created}}
46+ </div>
47+ </div>
2248 </LinkTo>
2349 </li>
2450 {{/each}}
0 commit comments