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

Add loading indicator for jobs list

Browse Source 
This also fixes an occasional bug which occurs when jobs list is being
displayed, but job data is not loaded yet and links are not rendering
properly.
This commit is contained in:
Piotr Sarnacki 2015-03-18 11:35:25 +01:00
parent 0ce971bd60
commit 69d6f9e8a1
1 changed files with 51 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

98
app/templates/jobs.hbs
View File

@ -15,61 +15,65 @@
{{#each job in view.jobs}}
{{#view 'jobs-item' context=job}}
<div {{bind-attr class=":tile :tile--jobs :row job.state" }}>
{{#link-to "job" repo job}}
{{#if job.config}}
{{#link-to "job" job.repo job}}
<div class="tile-status tile-status--job">
<span {{bind-attr class=":icon :icon--job job.state"}}></span>
</div>
<div class="tile-status tile-status--job">
<span {{bind-attr class=":icon :icon--job job.state"}}></span>
</div>
<p class="job-id jobs-item build-status">
<span class="icon icon--hash"></span>
{{#if job.id}}
{{#if job.repo.slug}}
{{number}}
<p class="job-id jobs-item build-status">
<span class="icon icon--hash"></span>
{{#if job.id}}
{{#if job.repo.slug}}
{{number}}
{{/if}}
{{/if}}
</p>
<p {{bind-attr class=":job-os :jobs-item :build-os config.os"}}>
<span {{bind-attr class=":icon config.os"}}></span>
{{!-- {{config.os}} --}}
</p>
{{#if view.languages}}
<p class="job-lang jobs-item build-lang">
<span class="icon icon--lang"></span>
{{view.languages}}
</p>
{{else}}
<p class="job-lang jobs-item build-lang is-empty">
<span class="icon icon--lang"></span>
no language set
</p>
{{/if}}
{{#if config.env}}
<p class="job-env jobs-item build-env">
<span class="icon icon--env"></span>
{{config.env}}
</p>
{{else}}
<p class="job-env jobs-item build-env is-empty">
<span class="icon icon--env"></span>
no environments set
</p>
{{/if}}
</p>
<p {{bind-attr class=":job-os :jobs-item :build-os config.os"}}>
<span {{bind-attr class=":icon config.os"}}></span>
{{!-- {{config.os}} --}}
</p>
{{#if view.languages}}
<p class="job-lang jobs-item build-lang">
<span class="icon icon--lang"></span>
{{view.languages}}
<p class="job-duration jobs-item" {{bind-attr title="startedAt"}}>
<span class="icon icon--clock"></span>
{{format-duration duration}}
</p>
{{else}}
<p class="job-lang jobs-item build-lang is-empty">
<span class="icon icon--lang"></span>
no language set
</p>
{{/if}}
{{#if config.env}}
<p class="job-env jobs-item build-env">
<span class="icon icon--env"></span>
{{config.env}}
</p>
{{else}}
<p class="job-env jobs-item build-env is-empty">
<span class="icon icon--env"></span>
no environments set
</p>
{{/if}}
<p class="job-duration jobs-item" {{bind-attr title="startedAt"}}>
<span class="icon icon--clock"></span>
{{format-duration duration}}
</p>
{{!-- <p class="" {{bind-attr title="formattedFinishedAt"}}>
<span class="icon icon--cal"></span>
{{format-time finishedAt}}
</p> --}}
{{!-- <p class="" {{bind-attr title="formattedFinishedAt"}}>
<span class="icon icon--cal"></span>
{{format-time finishedAt}}
</p> --}}
{{/link-to}}
{{/link-to}}
{{else}}
<span class="sync-spinner sync-spinner--grey"><i></i><i></i><i></i></span>
{{/if}}
</div>
{{/view}}
{{!-- {{job.configKeys}} --}}