diff --git a/app/imports/ui/creature/creatureProperties/AddCreaturePropertyDialog.vue b/app/imports/ui/creature/creatureProperties/AddCreaturePropertyDialog.vue
index 944c7642..720b4c45 100644
--- a/app/imports/ui/creature/creatureProperties/AddCreaturePropertyDialog.vue
+++ b/app/imports/ui/creature/creatureProperties/AddCreaturePropertyDialog.vue
@@ -8,6 +8,22 @@
+
+
+ mdi-help
+
import LibraryNodes from '/imports/api/library/LibraryNodes.js';
import DialogBase from '/imports/ui/dialogStack/DialogBase.vue';
-import { getPropertyName } from '/imports/constants/PROPERTIES.js';
+import PROPERTIES, { getPropertyName } from '/imports/constants/PROPERTIES.js';
import TreeNodeView from '/imports/ui/properties/treeNodeViews/TreeNodeView.vue';
import LibraryNodeExpansionContent from '/imports/ui/library/LibraryNodeExpansionContent.vue';
import schemaFormMixin from '/imports/ui/properties/forms/shared/schemaFormMixin.js';
@@ -235,7 +251,11 @@ export default {
},
toolbarColor(){
return getThemeColor('secondary');
- }
+ },
+ docsPath() {
+ const propDef = PROPERTIES[this.type];
+ return propDef && propDef.docsPath;
+ },
},
watch: {
type(newType){
@@ -259,6 +279,15 @@ export default {
});
});
},
+ helpDialog() {
+ this.$store.commit('pushDialogStack', {
+ component: 'help-dialog',
+ elementId: 'help-button',
+ data: {
+ path: this.docsPath,
+ },
+ });
+ },
searchChanged(val, ack){
this._subs.searchLibraryNodes.setData('searchTerm', val);
this._subs.searchLibraryNodes.setData('limit', undefined);
diff --git a/app/imports/ui/library/LibraryNodeInsertForm.vue b/app/imports/ui/library/LibraryNodeInsertForm.vue
index ebd94d49..c006dde6 100644
--- a/app/imports/ui/library/LibraryNodeInsertForm.vue
+++ b/app/imports/ui/library/LibraryNodeInsertForm.vue
@@ -12,6 +12,13 @@
:value="model.color"
@input="value => change({path: ['color'], value})"
/>
+
+ mdi-help
+