suzanne.soy/travis-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Leverage <time> element

Browse Source 
Sample of using the `time` element instead of `abbr` for displaying timestamps.

The `time` element can also represent durations. So the sample used here is suboptimal. Rather than the duration time lising the `lastBuildStartedAt` time in the `datetime` attribute, it ought to be a [valid `duration` value](https://www.w3.org/html/wg/drafts/html/master/infrastructure.html#valid-duration-string). However, I didn't see any existing helpers for formatting according to a machine-readable duration value.
This commit is contained in:
Jason Karns 2016-01-14 13:42:20 -05:00 committed by Jason Karns
parent 3fef8fdd0e
commit b481946000
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/templates/components/repos-list-item.hbs
View File

@ -22,16 +22,16 @@
<p>
<span class="icon-clock"></span>
<span class="label-align">Duration:
<abbr class="duration" title={{repo.lastBuildStartedAt}}>
<time class="duration" datetime={{repo.lastBuildStartedAt}} title={{repo.lastBuildStartedAt}}>
{{format-duration repo.lastBuildDuration}}
</abbr></span>
</time></span>
</p>
<p>
<span class="icon-calendar"></span>
<span class="label-align">Finished:
<abbr class="finished_at timeago" title={{repo.lastBuildFinishedAt}}>
<time class="finished_at timeago" datetime={{repo.lastBuildFinishedAt}} title={{repo.lastBuildFinishedAt}}>
{{format-time repo.lastBuildFinishedAt}}
</abbr></span>
</time></span>
</p>
</div>