github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-02-11 04:45:34 -05:00
Code Issues Packages Projects Releases Wiki Activity

Rename modal to drawer

Browse Source
This commit is contained in:
rijkvanzanten
2020-10-16 12:14:31 -04:00
parent e8bee549a2
commit 6d76cf6737
49 changed files with 185 additions and 387 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/src/interfaces/file/file.vue
View File

@@ -79,7 +79,7 @@
</v-card>
</v-dialog>
<modal-collection
<drawer-collection
collection="directus_files"
:active="activeDialog === 'choose'"
@update:active="activeDialog = null"
@@ -112,7 +112,7 @@
<script lang="ts">
import { defineComponent, ref, watch, computed } from '@vue/composition-api';
import ModalCollection from '@/views/private/components/modal-collection';
import DrawerCollection from '@/views/private/components/drawer-collection';
import api from '@/api';
import readableMimeType from '@/utils/readable-mime-type';
import getRootPath from '@/utils/get-root-path';
@@ -124,7 +124,7 @@ type FileInfo = {
};
export default defineComponent({
components: { ModalCollection },
components: { DrawerCollection },
props: {
value: {
type: String,

10
app/src/interfaces/files/files.vue
View File

@@ -34,7 +34,7 @@
</v-button>
</div>
<modal-item
<drawer-item
v-if="!disabled"
:active="editModalActive"
:collection="relationInfo.junctionCollection"
@@ -46,7 +46,7 @@
@update:active="cancelEdit"
/>
<modal-collection
<drawer-collection
v-if="!disabled"
:active.sync="selectModalActive"
:collection="relationInfo.relationCollection"
@@ -71,8 +71,8 @@
<script lang="ts">
import { defineComponent, ref, computed, toRefs, PropType } from '@vue/composition-api';
import { Header as TableHeader } from '@/components/v-table/types';
import ModalCollection from '@/views/private/components/modal-collection';
import ModalItem from '@/views/private/components/modal-item';
import DrawerCollection from '@/views/private/components/drawer-collection';
import DrawerItem from '@/views/private/components/drawer-item';
import { get } from 'lodash';
import i18n from '@/lang';
@@ -83,7 +83,7 @@ import usePreview from '@/interfaces/many-to-many/use-preview';
import useEdit from '@/interfaces/many-to-many/use-edit';
export default defineComponent({
components: { ModalCollection, ModalItem },
components: { DrawerCollection, DrawerItem },
props: {
primaryKey: {
type: [Number, String],

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

@@ -38,7 +38,7 @@
</v-button>
</div>
<modal-item
<drawer-item
v-if="!disabled"
:active="editModalActive"
:collection="relationInfo.junctionCollection"
@@ -50,7 +50,7 @@
@update:active="cancelEdit"
/>
<modal-collection
<drawer-collection
v-if="!disabled"
:active.sync="selectModalActive"
:collection="relationCollection.collection"
@@ -64,8 +64,8 @@
<script lang="ts">
import { defineComponent, ref, computed, watch, PropType, toRefs } from '@vue/composition-api';
import ModalItem from '@/views/private/components/modal-item';
import ModalCollection from '@/views/private/components/modal-collection';
import DrawerItem from '@/views/private/components/drawer-item';
import DrawerCollection from '@/views/private/components/drawer-collection';
import { get } from 'lodash';
import useActions from './use-actions';
@@ -75,7 +75,7 @@ import useEdit from './use-edit';
import useSelection from './use-selection';
export default defineComponent({
components: { ModalItem, ModalCollection },
components: { DrawerItem, DrawerCollection },
props: {
value: {
type: Array as PropType<(number | string | Record<string, any>)[] | null>,

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

@@ -82,7 +82,7 @@
</v-list>
</v-menu>
<modal-item
<drawer-item
v-if="!disabled"
:active.sync="editModalActive"
:collection="relatedCollection.collection"
@@ -91,7 +91,7 @@
@input="stageEdits"
/>
<modal-collection
<drawer-collection
v-if="!disabled"
:active.sync="selectModalActive"
:collection="relatedCollection.collection"
@@ -107,8 +107,8 @@ import { useCollectionsStore, useRelationsStore } from '@/stores/';
import useCollection from '@/composables/use-collection';
import getFieldsFromTemplate from '@/utils/get-fields-from-template';
import api from '@/api';
import ModalItem from '@/views/private/components/modal-item';
import ModalCollection from '@/views/private/components/modal-collection';
import DrawerItem from '@/views/private/components/drawer-item';
import DrawerCollection from '@/views/private/components/drawer-collection';
/**
* @NOTE
@@ -119,7 +119,7 @@ import ModalCollection from '@/views/private/components/modal-collection';
*/
export default defineComponent({
components: { ModalItem, ModalCollection },
components: { DrawerItem, DrawerCollection },
props: {
value: {
type: [Number, String, Object],

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

@@ -38,7 +38,7 @@
</v-button>
</div>
<modal-item
<drawer-item
v-if="!disabled"
:active="currentlyEditing !== null"
:collection="relatedCollection.collection"
@@ -48,7 +48,7 @@
@update:active="cancelEdit"
/>
<modal-collection
<drawer-collection
v-if="!disabled"
:active.sync="selectModalActive"
:collection="relatedCollection.collection"
@@ -65,14 +65,14 @@ import { defineComponent, ref, computed, watch, PropType } from '@vue/compositio
import api from '@/api';
import useCollection from '@/composables/use-collection';
import { useCollectionsStore, useRelationsStore, useFieldsStore } from '@/stores/';
import ModalItem from '@/views/private/components/modal-item';
import ModalCollection from '@/views/private/components/modal-collection';
import DrawerItem from '@/views/private/components/drawer-item';
import DrawerCollection from '@/views/private/components/drawer-collection';
import { Filter, Field } from '@/types';
import { Header } from '@/components/v-table/types';
import { isEqual } from 'lodash';
export default defineComponent({
components: { ModalItem, ModalCollection },
components: { DrawerItem, DrawerCollection },
props: {
value: {
type: Array as PropType<(number | string | Record<string, any>)[] | null>,

10
app/src/interfaces/user/user.vue
View File

@@ -72,7 +72,7 @@
</v-list>
</v-menu>
<modal-item
<drawer-item
:active.sync="editModalActive"
collection="directus_users"
:primary-key="currentPrimaryKey"
@@ -81,7 +81,7 @@
v-if="!disabled"
/>
<modal-collection
<drawer-collection
:active.sync="selectModalActive"
collection="directus_users"
:selection="selection"
@@ -95,11 +95,11 @@
import { defineComponent, computed, ref, watch, PropType } from '@vue/composition-api';
import useCollection from '@/composables/use-collection';
import api from '@/api';
import ModalItem from '@/views/private/components/modal-item';
import ModalCollection from '@/views/private/components/modal-collection';
import DrawerItem from '@/views/private/components/drawer-item';
import DrawerCollection from '@/views/private/components/drawer-collection';
export default defineComponent({
components: { ModalItem, ModalCollection },
components: { DrawerItem, DrawerCollection },
props: {
value: {
type: String,