Add Tree-View Interface (#4602)

* Fix local type extraction

* Render basic tree in tree-view

* Render drawer-item in tree-view-group

* Retrieve nested draggable changes

* Default sort query to configured sortField

* Store nested group / sort to API

* Allow updating item values

* Figure out a dropzone approach on preview

* Finish editable tree view

* Set sort value based on sort field in relation

* Add create-new / add-existing

* Respect previously made nested edits

* Add description in setup

* Fix fetching level of o2m sort field

* Remove min height on empty root

* Remove unused types

* Add notice for invalid relationship type

* Allow recursive o2m in setup

* Styling tweak

* Revert changes in v-list

* Revert changes in groupable
This commit is contained in:
Rijk van Zanten
2021-03-26 17:12:55 -04:00
committed by GitHub
parent a12c433249
commit b562ceeb0c
12 changed files with 666 additions and 17 deletions

View File

@@ -253,9 +253,7 @@ export default defineComponent({
const availableCollections = computed(() => {
return orderBy(
collectionsStore.state.collections.filter((collection) => {
return (
collection.collection.startsWith('directus_') === false && collection.collection !== props.collection
);
return collection.collection.startsWith('directus_') === false;
}),
['collection'],
['asc']
@@ -265,7 +263,7 @@ export default defineComponent({
const systemCollections = computed(() => {
return orderBy(
collectionsStore.state.collections.filter((collection) => {
return collection.collection.startsWith('directus_') === true && collection.collection !== props.collection;
return collection.collection.startsWith('directus_') === true;
}),
['collection'],
['asc']

View File

@@ -101,7 +101,7 @@
</template>
<script lang="ts">
import { defineComponent, onMounted, ref, computed, reactive, PropType, watch, toRefs } from '@vue/composition-api';
import { defineComponent, ref, computed, PropType, toRefs } from '@vue/composition-api';
import SetupTabs from './components/tabs.vue';
import SetupActions from './components/actions.vue';
import SetupSchema from './components/schema.vue';