opensource/galaxy
3
0
Fork 0
mirror of https://github.com/galaxyproject/galaxy.git synced 2026-10-29 17:42:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add transition around 'stop message' row; makes it less jarring if the page jumps around.

Browse Source
This commit is contained in:
Dannon Baker
2021-01-25 11:08:39 -05:00
parent 4c80af005a
commit 7841adda46
1 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/admin/Jobs.vue
+13 -11
View File
@@ -55,17 +55,19 @@
</b-form-group>
</b-col>
</b-row>
<b-form v-if="jobsItemsComputed.length && selectedStopJobIds.length" @submit.prevent="onStopJobs">
<b-form-group label="Stop Selected Jobs" description="Stop message will be displayed to the user">
<b-input-group>
<b-form-input id="stop-message" v-model="stopMessage" placeholder="Stop message" required>
</b-form-input>
<b-input-group-append>
<b-btn type="submit">Submit</b-btn>
</b-input-group-append>
</b-input-group>
</b-form-group>
</b-form>
<transition name="fade">
<b-form v-if="jobsItemsComputed.length && selectedStopJobIds.length" @submit.prevent="onStopJobs">
<b-form-group label="Stop Selected Jobs" description="Stop message will be displayed to the user">
<b-input-group>
<b-form-input id="stop-message" v-model="stopMessage" placeholder="Stop message" required>
</b-form-input>
<b-input-group-append>
<b-btn type="submit">Submit</b-btn>
</b-input-group-append>
</b-input-group>
</b-form-group>
</b-form>
</transition>
<b-alert v-if="!jobsItemsComputed.length" variant="secondary" show>
There are no unfinished jobs to show with current cutoff time.
</b-alert>