itsulu/runboat
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use GitHub time-ago element

Browse source
This commit is contained in:
Stéphane Bidoul 2021-12-01 15:43:04 +01:00
parent abdbbb3cbe
commit 5b0159b431
No known key found for this signature in database
GPG key ID: BCAB2555446B5B92
1 changed files with 3 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/runboat/webui-templates/runboat-build-element.js
View file

@ -1,8 +1,5 @@
import {LitElement, html, css} from 'https://unpkg.com/lit@2.0.2?module'; import {LitElement, html, css} from 'https://unpkg.com/lit@2.0.2?module';
import dayjs from 'https://unpkg.com/dayjs@1.10.7/esm'; import 'https://unpkg.com/@github/time-elements@latest?module';
import relativeTime from 'https://unpkg.com/dayjs@1.10.7/esm/plugin/relativeTime';
dayjs.extend(relativeTime);
class RunboatBuildElement extends LitElement { class RunboatBuildElement extends LitElement {
static get properties() { static get properties() {
@ -39,7 +36,7 @@ class RunboatBuildElement extends LitElement {
.build-status-failed { .build-status-failed {
background-color: lightcoral; background-color: lightcoral;
} }
.age { time-ago {
color: gray; color: gray;
white-space: nowrap; white-space: nowrap;
} }
@ -64,7 +61,7 @@ class RunboatBuildElement extends LitElement {
${this.build.commit_info?.git_commit? ${this.build.commit_info?.git_commit?
html`(<a href="${this.build.repo_commit_link}">${this.build.commit_info?.git_commit.substring(0, 8)}</a>)`:"" html`(<a href="${this.build.repo_commit_link}">${this.build.commit_info?.git_commit.substring(0, 8)}</a>)`:""
} }
<span class="age">${dayjs(this.build.created).fromNow()}</span> <time-ago datetime="${this.build.created}"></time-ago>
</p> </p>
<p> <p>
${this.build.status || "undeployed"} ${this.build.status || "undeployed"}