+
@@ -29,7 +29,10 @@
computed: {
isDark(){
return isDarkColor(this.color);
- }
+ },
+ hasClickListener(){
+ return this.$listeners && !!this.$listeners.click
+ },
}
};
diff --git a/app/imports/ui/components/features/FeatureCard.vue b/app/imports/ui/components/features/FeatureCard.vue
index 94bf6085..2a23e40a 100644
--- a/app/imports/ui/components/features/FeatureCard.vue
+++ b/app/imports/ui/components/features/FeatureCard.vue
@@ -1,56 +1,40 @@
-
-
- {{name}}
-
-
- $emit('change', {enabled})"
- slot="toolbar"
- />
-
- {{description}}
-
-
+
+
+
+ {{name}}
+
-
- Use
-
-
- Reset
-
-
+
+
+
+
+
diff --git a/app/imports/ui/components/features/FeatureEdit.vue b/app/imports/ui/components/features/FeatureForm.vue
similarity index 56%
rename from app/imports/ui/components/features/FeatureEdit.vue
rename to app/imports/ui/components/features/FeatureForm.vue
index a41d3677..d5e660db 100644
--- a/app/imports/ui/components/features/FeatureEdit.vue
+++ b/app/imports/ui/components/features/FeatureForm.vue
@@ -3,35 +3,10 @@
$emit('change', {name}, ack)"
+ @change="(name, ack) => $emit('update', {name}, ack)"
:error-messages="errors.name"
:debounce-time="debounceTime"
/>
- $emit('change', {used}, ack)"
- :error-messages="errors.used"
- :debounce-time="debounceTime"
- />
- $emit('change', {uses}, ack)"
- :error-messages="errors.uses"
- :debounce-time="debounceTime"
- />
- $emit('change', {reset}, ack)"
- :debounce-time="debounceTime"
- />
$emit('change', {description}, ack)"
+ @change="(description, ack) => $emit('update', {description}, ack)"
:debounce-time="debounceTime"
/>
@@ -65,15 +40,6 @@
debounceTime: Number,
},
data(){ return{
- resetOptions: [
- {
- text: 'Short rest',
- value: 'shortRest',
- }, {
- text: 'Long rest',
- value: 'longRest',
- }
- ],
enabledOptions: [
{
text: 'Always enabled',
@@ -98,11 +64,11 @@
methods: {
changeEnabled(value, ack){
if (value === 'always'){
- this.$emit('change', {enabled: true, alwaysEnabled: true}, ack);
+ this.$emit('update', {enabled: true, alwaysEnabled: true}, ack);
} else if (value === 'enabled'){
- this.$emit('change', {enabled: true, alwaysEnabled: false}, ack);
+ this.$emit('update', {enabled: true, alwaysEnabled: false}, ack);
} else if (value === 'disabled'){
- this.$emit('change', {enabled: false, alwaysEnabled: false}, ack);
+ this.$emit('update', {enabled: false, alwaysEnabled: false}, ack);
}
}
}
diff --git a/app/imports/ui/components/properties/PropertyDialog.vue b/app/imports/ui/components/properties/PropertyDialog.vue
new file mode 100644
index 00000000..7827e6bf
--- /dev/null
+++ b/app/imports/ui/components/properties/PropertyDialog.vue
@@ -0,0 +1,27 @@
+