jschaufuss/DiceCloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed library node creation dialog

Browse Source
This commit is contained in:
Stefan Zermatten
2019-08-01 15:25:52 +02:00
parent 76b6501b31
commit f37ff919fb
2 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/imports/ui/library/LibraryNodeCreationDialog.vue
View File

@@ -2,14 +2,14 @@
<transition-group name="slide"> <transition-group name="slide">
<dialog-base v-show="step == 1" class="step-1" key="left"> <dialog-base v-show="step == 1" class="step-1" key="left">
<div slot="toolbar">Add Library Content</div> <div slot="toolbar">Add Library Content</div>
<property-selector @select="setProperty"/> <property-selector @select="setType"/>
</dialog-base> </dialog-base>
<library-node-insert-form <library-node-insert-form
v-show="step == 2" v-show="step == 2"
class="step-2" class="step-2"
key="right" key="right"
:type="property && property.type" :type="type"
:property-name="property && property.name" :property-name="getPropertyName(type)"
@back="step = 1" @back="step = 1"
/> />
</transition-group> </transition-group>
@@ -19,10 +19,11 @@
import DialogBase from '/imports/ui/dialogStack/DialogBase.vue'; import DialogBase from '/imports/ui/dialogStack/DialogBase.vue';
import PropertySelector from '/imports/ui/properties/PropertySelector.vue'; import PropertySelector from '/imports/ui/properties/PropertySelector.vue';
import LibraryNodeInsertForm from '/imports/ui/library/LibraryNodeInsertForm.vue'; import LibraryNodeInsertForm from '/imports/ui/library/LibraryNodeInsertForm.vue';
import { getPropertyName } from '/imports/constants/PROPERTIES.js';
export default { export default {
data() { return { data() { return {
property: undefined, type: undefined,
step: 1, step: 1,
};}, };},
components: { components: {
@@ -31,10 +32,11 @@ export default {
LibraryNodeInsertForm, LibraryNodeInsertForm,
}, },
methods: { methods: {
setProperty(property){ setType(property){
this.property = property; this.type = property;
this.step = 2; this.step = 2;
} },
getPropertyName,
}, },
}; };
</script> </script>

2
app/imports/ui/properties/PropertySelector.vue
View File

@@ -2,7 +2,7 @@
<div> <div>
<v-container fluid grid-list-lg fill-height> <v-container fluid grid-list-lg fill-height>
<v-layout row wrap> <v-layout row wrap>
<v-flex v-for="(type, property) in PROPERTIES" :key="type" xs4> <v-flex v-for="(property, type) in PROPERTIES" :key="type" xs4>
<v-card hover @click="$emit('select', type)"> <v-card hover @click="$emit('select', type)">
<div class="layout row align-center justify-center" style="min-height: 70px;"> <div class="layout row align-center justify-center" style="min-height: 70px;">
<v-icon x-large>{{property.icon}}</v-icon> <v-icon x-large>{{property.icon}}</v-icon>