github/directus
1
1
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-02-19 10:14:33 -05:00
Code Issues Packages Projects Releases Wiki Activity

Remove clear icon for disabled interfaces

Browse Source 
Fixes #5279
This commit is contained in:
rijkvanzanten
2021-04-27 11:32:17 -04:00
parent 1a8526adab
commit 7eebb08eec
4 changed files with 15 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/src/interfaces/m2a-builder/m2a-builder.vue
View File

@@ -40,14 +40,24 @@
:item="item[anyRelation.many_field]"
/>
<div class="spacer" />
<v-icon class="clear-icon" name="clear" @click.stop="deselect((value || [])[item.$index])" />
<v-icon
v-if="!disabled"
class="clear-icon"
name="clear"
@click.stop="deselect((value || [])[item.$index])"
/>
</v-list-item>
<v-list-item v-else :key="item.$index" block>
<v-icon class="invalid-icon" name="warning" left />
<span>{{ $t('invalid_item') }}</span>
<div class="spacer" />
<v-icon class="clear-icon" name="clear" @click.stop="deselect((value || [])[item.$index])" />
<v-icon
v-if="!disabled"
class="clear-icon"
name="clear"
@click.stop="deselect((value || [])[item.$index])"
/>
</v-list-item>
</template>
</draggable>

2
app/src/interfaces/many-to-many/many-to-many.vue
View File

@@ -33,7 +33,7 @@
<v-icon v-if="junction.sort_field" name="drag_handle" class="drag-handle" left @click.stop="() => {}" />
<render-template :collection="junctionCollection.collection" :item="item" :template="templateWithDefaults" />
<div class="spacer" />
<v-icon name="close" @click.stop="deleteItem(item)" />
<v-icon v-if="!disabled" name="close" @click.stop="deleteItem(item)" />
</v-list-item>
</draggable>
</v-list>

2
app/src/interfaces/one-to-many/one-to-many.vue
View File

@@ -33,7 +33,7 @@
<v-icon v-if="relation.sort_field" name="drag_handle" class="drag-handle" left @click.stop="() => {}" />
<render-template :collection="relation.many_collection" :item="item" :template="templateWithDefaults" />
<div class="spacer" />
<v-icon name="close" @click.stop="deleteItem(item)" />
<v-icon v-if="!disabled" name="close" @click.stop="deleteItem(item)" />
</v-list-item>
</draggable>
</v-list>

2
app/src/interfaces/repeater/repeater.vue
View File

@@ -16,7 +16,7 @@
<v-icon name="drag_handle" class="drag-handle" left @click.stop="() => {}" />
<render-template :fields="fields" :item="item" :template="templateWithDefaults" />
<div class="spacer" />
<v-icon name="close" @click.stop="removeItem(item)" />
<v-icon v-if="!disabled" name="close" @click.stop="removeItem(item)" />
</v-list-item>
</draggable>
</v-list>