removed old property components

This commit is contained in:
Stefan Zermatten
2019-08-06 10:37:37 +02:00
parent e3f18fab69
commit b70634f5de
3 changed files with 0 additions and 112 deletions

View File

@@ -1,27 +0,0 @@
<template lang="html">
<dialog-base @delete="$emit('delete')">
<slot name="toolbar" slot="toolbar" :color="doc.color">
<div>
{{doc.name}}
</div>
</slot>
<!-- Breadcrumbs go here -->
<slot/>
<slot name="form" slot="edit"/>
</dialog-base>
</template>
<script>
import DialogBase from '/imports/ui/dialogStack/DialogBase.vue';
export default {
components: {
DialogBase,
},
props: {
doc: Object,
},
}
</script>
<style lang="css" scoped>
</style>

View File

@@ -1,18 +0,0 @@
<template lang="html">
<v-icon>{{icon}}</v-icon>
</template>
<script>
import { getPropertyIcon } from '/imports/constants/PROPERTIES.js';
export default {
props: {
type: String,
},
computed: {
icon(){
return getPropertyIcon(this.type);
},
},
}
</script>

View File

@@ -1,67 +0,0 @@
<template lang="html">
<dialog-base>
<template slot="toolbar">
<div>
New {{documentType}}
</div>
</template>
<template #default>
<slot @update="update"/>
</template>
<template slot="actions">
<v-spacer/>
<v-btn
flat
:disabled="!valid"
@click="$store.dispatch('popDialogStack', doc)"
>
Insert {{documentType}}
</v-btn>
</template>
</dialog-base>
</template>
<script>
import Vue from 'vue';
import DialogBase from '/imports/ui/dialogStack/DialogBase.vue';
export default {
components: {
DialogBase,
},
props: {
documentType: String,
schema: Object,
doc: Object,
},
data(){ return {
valid: true,
}},
watch: {
doc: {
handler(newDoc){
let validationContext = this.schema.newContext();
this.valid = true;
let cleanAtt = validationContext.clean(newDoc)
validationContext.validate(cleanAtt, {keys: [
'name', 'description', 'uses', 'used', 'reset', 'enabled',
'alwaysEnabled', 'color',
]});
let errors = {};
validationContext.validationErrors().forEach(error => {
if (this.valid) this.valid = false;
errors[error.name] = this.schema.messageForError(error);
});
this.$emit('update:errors', errors);
},
deep: true,
},
},
methods: {
log: console.log
}
};
</script>
<style lang="css" scoped>
</style>