scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-11-12 09:20:45 +08:00
Code Issues Projects Releases Packages Wiki Activity

Fix step header functionalities in locked task [SCI-7024] (#4291)

Browse source
This commit is contained in:
artoscinote 2022-07-28 14:35:34 +02:00 • committed by GitHub
parent 0249f2a30e
commit 47b426539f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
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/javascript/vue/protocol/step.vue
View file

@ -11,9 +11,9 @@
<StorageUsage v-if="showStorageUsage()" :step="step"/> <StorageUsage v-if="showStorageUsage()" :step="step"/>
</div> </div>
<div class="step-header"> <div class="step-header">
<div class="step-element-header" :class="{ 'step-element--locked': !(urls.update_url || urls.state_url) }"> <div class="step-element-header">
<div class="step-controls"> <div class="step-controls">
<div v-if="reorderStepUrl" class="step-element-grip" @click="$emit('reorder')"> <div v-if="reorderStepUrl" class="step-element-grip" @click="$emit('reorder')" :class="{ 'step-element--locked': !urls.update_url }">
<i class="fas fas-rotated-90 fa-exchange-alt"></i> <i class="fas fas-rotated-90 fa-exchange-alt"></i>
</div> </div>
<div v-else class="step-element-grip-placeholder"></div> <div v-else class="step-element-grip-placeholder"></div>
@ -24,7 +24,7 @@
@click="toggleCollapsed"> @click="toggleCollapsed">
<span class="fas fa-caret-right"></span> <span class="fas fa-caret-right"></span>
</a> </a>
<div v-if="!inRepository && (urls.state_url || step.attributes.completed)" class="step-complete-container"> <div class="step-complete-container" :class="{ 'step-element--locked': inRepository || !urls.state_url }">
<div :class="`step-state ${step.attributes.completed ? 'completed' : ''}`" <div :class="`step-state ${step.attributes.completed ? 'completed' : ''}`"
@click="changeState" @click="changeState"
@keyup.enter="changeState" @keyup.enter="changeState"
@ -36,7 +36,7 @@
{{ step.attributes.position + 1 }}. {{ step.attributes.position + 1 }}.
</div> </div>
</div> </div>
<div class="step-name-container" :class="{'strikethrough': step.attributes.completed}"> <div class="step-name-container" :class="{'strikethrough': step.attributes.completed, 'step-element--locked': !urls.update_url}">
<InlineEdit <InlineEdit
:value="step.attributes.name" :value="step.attributes.name"
:class="{ 'step-element--locked': !urls.update_url }" :class="{ 'step-element--locked': !urls.update_url }"