github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-02-13 03:15:02 -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

4
app/src/modules/activity/routes/item.vue
View File

@@ -1,5 +1,5 @@
<template>
<v-modal active title="Activity Item" @toggle="close" @esc="close">
<v-drawer active title="Activity Item" @toggle="close" @esc="close">
<v-progress-circular indeterminate v-if="loading" />
<template v-else-if="error">
@@ -42,7 +42,7 @@
<v-button to="/activity">{{ $t('done') }}</v-button>
</template>
</v-modal>
</v-drawer>
</template>
<script lang="ts">

14
app/src/modules/collections/routes/item.vue
View File

@@ -180,7 +180,7 @@
<sidebar-detail icon="info_outline" :title="$t('information')" close>
<div class="page-description" v-html="marked($t('page_help_collections_item'))" />
</sidebar-detail>
<revisions-sidebar-detail
<revisions-drawer-detail
v-if="
collectionInfo.meta &&
collectionInfo.meta.singleton === false &&
@@ -189,7 +189,7 @@
"
:collection="collection"
:primary-key="primaryKey"
ref="revisionsSidebarDetail"
ref="revisionsDrawerDetail"
@revert="refresh"
/>
<comments-sidebar-detail
@@ -214,7 +214,7 @@ import CollectionsNavigation from '../components/navigation.vue';
import router from '@/router';
import CollectionsNotFound from './not-found.vue';
import useCollection from '@/composables/use-collection';
import RevisionsSidebarDetail from '@/views/private/components/revisions-sidebar-detail';
import RevisionsDrawerDetail from '@/views/private/components/revisions-drawer-detail';
import CommentsSidebarDetail from '@/views/private/components/comments-sidebar-detail';
import useItem from '@/composables/use-item';
import SaveOptions from '@/views/private/components/save-options';
@@ -235,7 +235,7 @@ export default defineComponent({
components: {
CollectionsNavigation,
CollectionsNotFound,
RevisionsSidebarDetail,
RevisionsDrawerDetail,
CommentsSidebarDetail,
SaveOptions,
},
@@ -260,7 +260,7 @@ export default defineComponent({
const { collection, primaryKey } = toRefs(props);
const { breadcrumb } = useBreadcrumb();
const revisionsSidebarDetail = ref<Vue | null>(null);
const revisionsDrawerDetail = ref<Vue | null>(null);
const { info: collectionInfo, primaryKeyField } = useCollection(collection);
@@ -355,7 +355,7 @@ export default defineComponent({
archiveTooltip,
breadcrumb,
title,
revisionsSidebarDetail,
revisionsDrawerDetail,
marked,
refresh,
confirmLeave,
@@ -395,7 +395,7 @@ export default defineComponent({
const savedItem: Record<string, any> = await save();
revisionsSidebarDetail.value?.$data?.refresh?.();
revisionsDrawerDetail.value?.$data?.refresh?.();
if (props.primaryKey === '+') {
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion

14
app/src/modules/files/routes/item.vue
View File

@@ -157,11 +157,11 @@
<template #sidebar>
<file-info-sidebar-detail :file="item" @move-folder="moveToDialogActive = true" />
<revisions-sidebar-detail
<revisions-drawer-detail
v-if="isBatch === false && isNew === false"
collection="directus_files"
:primary-key="primaryKey"
ref="revisionsSidebarDetail"
ref="revisionsDrawerDetail"
/>
<comments-sidebar-detail
v-if="isBatch === false && isNew === false"
@@ -177,7 +177,7 @@ import { defineComponent, computed, toRefs, ref, watch } from '@vue/composition-
import FilesNavigation from '../components/navigation.vue';
import { i18n } from '@/lang';
import router from '@/router';
import RevisionsSidebarDetail from '@/views/private/components/revisions-sidebar-detail';
import RevisionsDrawerDetail from '@/views/private/components/revisions-drawer-detail';
import CommentsSidebarDetail from '@/views/private/components/comments-sidebar-detail';
import useItem from '@/composables/use-item';
import SaveOptions from '@/views/private/components/save-options';
@@ -215,7 +215,7 @@ export default defineComponent({
},
components: {
FilesNavigation,
RevisionsSidebarDetail,
RevisionsDrawerDetail,
CommentsSidebarDetail,
SaveOptions,
FilePreview,
@@ -237,7 +237,7 @@ export default defineComponent({
const { breadcrumb } = useBreadcrumb();
const fieldsStore = useFieldsStore();
const revisionsSidebarDetail = ref<Vue | null>(null);
const revisionsDrawerDetail = ref<Vue | null>(null);
const {
isNew,
@@ -322,7 +322,7 @@ export default defineComponent({
cacheBuster,
editActive,
previewActive,
revisionsSidebarDetail,
revisionsDrawerDetail,
formFields,
confirmLeave,
leaveTo,
@@ -375,7 +375,7 @@ export default defineComponent({
async function saveAndStay() {
await save();
revisionsSidebarDetail.value?.$data?.refresh?.();
revisionsDrawerDetail.value?.$data?.refresh?.();
}
async function saveAsCopyAndNavigate() {

4
app/src/modules/settings/routes/data-model/field-detail/field-detail.vue
View File

@@ -28,7 +28,7 @@
</v-card>
</v-dialog>
<v-modal
<v-drawer
v-else
:active="true"
@toggle="cancelField"
@@ -98,7 +98,7 @@
@cancel="cancelField"
/>
</template>
</v-modal>
</v-drawer>
</template>
<script lang="ts">

4
app/src/modules/settings/routes/data-model/new-collection.vue
View File

@@ -1,5 +1,5 @@
<template>
<v-modal
<v-drawer
:title="$t('creating_new_collection')"
:active="true"
class="new-collection"
@@ -122,7 +122,7 @@
{{ $t('finish_setup') }}
</v-button>
</template>
</v-modal>
</v-drawer>
</template>
<script lang="ts">

6
app/src/modules/settings/routes/roles/item/item.vue
View File

@@ -73,7 +73,7 @@
<template #sidebar>
<role-info-sidebar-detail :role="item" />
<revisions-sidebar-detail collection="directus_roles" :primary-key="primaryKey" />
<revisions-drawer-detail collection="directus_roles" :primary-key="primaryKey" />
</template>
</private-view>
</template>
@@ -83,7 +83,7 @@ import { defineComponent, computed, toRefs, ref } from '@vue/composition-api';
import SettingsNavigation from '../../../components/navigation.vue';
import router from '@/router';
import RevisionsSidebarDetail from '@/views/private/components/revisions-sidebar-detail';
import RevisionsDrawerDetail from '@/views/private/components/revisions-drawer-detail';
import useItem from '@/composables/use-item';
import { useUserStore } from '@/stores/';
import RoleInfoSidebarDetail from './components/role-info-sidebar-detail.vue';
@@ -95,7 +95,7 @@ type Values = {
export default defineComponent({
name: 'roles-item',
components: { SettingsNavigation, RevisionsSidebarDetail, RoleInfoSidebarDetail, PermissionsOverview },
components: { SettingsNavigation, RevisionsDrawerDetail, RoleInfoSidebarDetail, PermissionsOverview },
props: {
primaryKey: {
type: String,

2
app/src/modules/settings/routes/roles/permissions-detail/components/fields.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<v-modal-heading
<v-drawer-heading
:heading="
$t('fields_for_role', {
role: role ? role.name : $t('public'),

2
app/src/modules/settings/routes/roles/permissions-detail/components/permissions.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<v-modal-heading
<v-drawer-heading
:heading="
$t('permissions_for_role', {
action: $t(permission.action).toLowerCase(),

2
app/src/modules/settings/routes/roles/permissions-detail/components/presets.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<v-modal-heading
<v-drawer-heading
:heading="
$t('presets_for_role', {
action: $t(permission.action).toLowerCase(),

2
app/src/modules/settings/routes/roles/permissions-detail/components/validation.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<v-modal-heading
<v-drawer-heading
:heading="
$t('validation_for_role', {
action: $t(permission.action).toLowerCase(),

4
app/src/modules/settings/routes/roles/permissions-detail/permissions-detail.vue
View File

@@ -1,5 +1,5 @@
<template>
<v-modal :title="modalTitle" :active="true" class="new-collection" persistent>
<v-drawer :title="modalTitle" :active="true" class="new-collection" persistent>
<template #sidebar v-if="!loading">
<tabs :current-tab.sync="currentTab" :tabs="tabs" />
</template>
@@ -14,7 +14,7 @@
<template #footer v-if="!loading">
<actions :role-key="roleKey" :permission="permission" @refresh="$emit('refresh', +permissionKey)" />
</template>
</v-modal>
</v-drawer>
</template>
<script lang="ts">

6
app/src/modules/settings/routes/webhooks/item.vue
View File

@@ -62,7 +62,7 @@
<sidebar-detail icon="info_outline" :title="$t('information')" close>
<div class="page-description" v-html="marked($t('page_help_settings_webhooks_item'))" />
</sidebar-detail>
<revisions-sidebar-detail v-if="isNew === false" collection="directus_webhooks" :primary-key="primaryKey" />
<revisions-drawer-detail v-if="isNew === false" collection="directus_webhooks" :primary-key="primaryKey" />
</template>
</private-view>
</template>
@@ -72,7 +72,7 @@ import { defineComponent, computed, toRefs, ref } from '@vue/composition-api';
import SettingsNavigation from '../../components/navigation.vue';
import router from '@/router';
import RevisionsSidebarDetail from '@/views/private/components/revisions-sidebar-detail';
import RevisionsDrawerDetail from '@/views/private/components/revisions-drawer-detail';
import useItem from '@/composables/use-item';
import SaveOptions from '@/views/private/components/save-options';
import marked from 'marked';
@@ -84,7 +84,7 @@ type Values = {
export default defineComponent({
name: 'webhooks-item',
components: { SettingsNavigation, RevisionsSidebarDetail, SaveOptions },
components: { SettingsNavigation, RevisionsDrawerDetail, SaveOptions },
props: {
primaryKey: {
type: String,

14
app/src/modules/users/routes/item.vue
View File

@@ -145,11 +145,11 @@
<template #sidebar>
<user-info-sidebar-detail :is-new="isNew" :user="item" />
<revisions-sidebar-detail
<revisions-drawer-detail
v-if="isBatch === false && isNew === false"
collection="directus_users"
:primary-key="primaryKey"
ref="revisionsSidebarDetail"
ref="revisionsDrawerDetail"
/>
<comments-sidebar-detail
v-if="isBatch === false && isNew === false"
@@ -166,7 +166,7 @@ import { defineComponent, computed, toRefs, ref, watch } from '@vue/composition-
import UsersNavigation from '../components/navigation.vue';
import { i18n } from '@/lang';
import router from '@/router';
import RevisionsSidebarDetail from '@/views/private/components/revisions-sidebar-detail';
import RevisionsDrawerDetail from '@/views/private/components/revisions-drawer-detail';
import CommentsSidebarDetail from '@/views/private/components/comments-sidebar-detail';
import useItem from '@/composables/use-item';
import SaveOptions from '@/views/private/components/save-options';
@@ -198,7 +198,7 @@ export default defineComponent({
return next();
},
components: { UsersNavigation, RevisionsSidebarDetail, SaveOptions, CommentsSidebarDetail, UserInfoSidebarDetail },
components: { UsersNavigation, RevisionsDrawerDetail, SaveOptions, CommentsSidebarDetail, UserInfoSidebarDetail },
props: {
primaryKey: {
type: String,
@@ -219,7 +219,7 @@ export default defineComponent({
const { info: collectionInfo } = useCollection(ref('directus_users'));
const revisionsSidebarDetail = ref<Vue | null>(null);
const revisionsDrawerDetail = ref<Vue | null>(null);
const {
isNew,
@@ -315,7 +315,7 @@ export default defineComponent({
saveAndAddNew,
saveAsCopyAndNavigate,
isBatch,
revisionsSidebarDetail,
revisionsDrawerDetail,
previewLoading,
avatarSrc,
roleName,
@@ -356,7 +356,7 @@ export default defineComponent({
async function saveAndStay() {
const savedItem: Record<string, any> = await save();
revisionsSidebarDetail.value?.$data?.refresh?.();
revisionsDrawerDetail.value?.$data?.refresh?.();
if (props.primaryKey === '+') {
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion