github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-01-30 21:28:08 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix width on fields management page

Browse Source
This commit is contained in:
rijkvanzanten
2020-07-24 14:40:38 -04:00
parent a32d80f461
commit 53c56be3df
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/modules/settings/routes/data-model/fields/components/field-select/field-select.vue
View File

@@ -1,5 +1,5 @@
<template>
<div :class="hidden ? 'half' : field.width">
<div :class="hidden ? 'half' : field.system.width">
<v-menu attached close-on-content-click>
<template #activator="{ toggle, active }">
<v-input class="field" :class="{ hidden, active }" readonly @click="toggle">
@@ -35,15 +35,15 @@
<v-list-item-content>{{ $t('duplicate_field') }}</v-list-item-content>
</v-list-item>
<v-divider />
<v-list-item @click="setWidth('half')" :disabled="hidden || field.width === 'half'">
<v-list-item @click="setWidth('half')" :disabled="hidden || field.system.width === 'half'">
<v-list-item-icon><v-icon name="border_vertical" /></v-list-item-icon>
<v-list-item-content>{{ $t('half_width') }}</v-list-item-content>
</v-list-item>
<v-list-item @click="setWidth('full')" :disabled="hidden || field.width === 'full'">
<v-list-item @click="setWidth('full')" :disabled="hidden || field.system.width === 'full'">
<v-list-item-icon><v-icon name="border_right" /></v-list-item-icon>
<v-list-item-content>{{ $t('full_width') }}</v-list-item-content>
</v-list-item>
<v-list-item @click="setWidth('fill')" :disabled="hidden || field.width === 'fill'">
<v-list-item @click="setWidth('fill')" :disabled="hidden || field.system.width === 'fill'">
<v-list-item-icon><v-icon name="aspect_ratio" /></v-list-item-icon>
<v-list-item-content>{{ $t('fill_width') }}</v-list-item-content>
</v-list-item>
@@ -147,7 +147,7 @@ export default defineComponent({
};
function setWidth(width: string) {
fieldsStore.updateField(props.field.collection, props.field.field, { width });
fieldsStore.updateField(props.field.collection, props.field.field, { system: { width } });
}
function useDeleteField() {

6
src/stores/fields/fields.ts
View File

@@ -125,7 +125,7 @@ export const useFieldsStore = createStore({
this.state.fields = this.state.fields.map((field) => {
if (field.collection === collectionKey && field.field === newField.field) {
return this.addTranslationsForField(response.data.data);
return this.parseField(response.data.data);
}
return field;
@@ -168,7 +168,7 @@ export const useFieldsStore = createStore({
this.state.fields = this.state.fields.map((field) => {
if (field.collection === collectionKey && field.field === fieldKey) {
return this.addTranslationsForField(response.data.data);
return this.parseField(response.data.data);
}
return field;
@@ -218,7 +218,7 @@ export const useFieldsStore = createStore({
const newDataForField = response.data.data.find(
(update: Field) => update.field === field.field
);
if (newDataForField) return this.addTranslationsForField(newDataForField);
if (newDataForField) return this.parseField(newDataForField);
}
return field;