opensource/galaxy
3
0
Fork 0
mirror of https://github.com/galaxyproject/galaxy.git synced 2026-09-24 16:30:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

Better dataset loading description.

Browse Source
This commit is contained in:
John Chilton
2017-11-30 10:02:03 -05:00
parent 5a9f0dd11e
commit e7e659cabc
2 changed files with 20 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/galaxy/scripts/mvc/history/hdca-li.js
+4 -4
View File
@@ -51,7 +51,7 @@ var HDCAListItemView = _super.extend(
var jobStatesSummary = this.model.jobStatesSummary;
if (jobStatesSummary) {
if (jobStatesSummary.new()) {
state = "new";
state = "loading";
} else if (jobStatesSummary.errored()) {
state = "error";
} else if (jobStatesSummary.terminal()) {
@@ -63,7 +63,7 @@ var HDCAListItemView = _super.extend(
}
} else if (this.model.get("job_source_id")) {
// Initial rendering - polling will fill in more details in a bit.
state = STATES.NEW;
state = "loading";
} else {
state = this.model.get("populated_state") ? STATES.OK : STATES.RUNNING;
}
@@ -101,7 +101,7 @@ var HDCAListItemView = _super.extend(
} else if (!jobStatesSummary || !jobStatesSummary.hasDetails()) {
return `
<div class="progress state-progress">
<span class="note">Loading job data for ${collectionTypeDescription}...</span>
<span class="note">Loading job data for ${collectionTypeDescription}.<span class="blinking">..</span></span>
<div class="progress-bar info" style="width:100%">
</div>`;
} else {
@@ -110,7 +110,7 @@ var HDCAListItemView = _super.extend(
if (isNew) {
return `
<div class="progress state-progress">
<span class="note">Creating jobs...</span>
<span class="note">Creating jobs.<span class="blinking">..</span></span>
<div class="progress-bar info" style="width:100%">
</div>`;
} else if (jobStatesSummary.errored()) {
client/galaxy/style/less/dataset.less
+16
View File
@@ -176,6 +176,22 @@
}
}
}
&.state-loading {
background: @state-default-bg;
.state-icon {
.state-icon-running;
}
}
}
.blinking {
animation: blinker 500ms linear infinite;
}
@keyframes blinker {
50% { opacity: 0; }
}
// ---------------------------------------------------------------------------- datasets as list-items