Improved usability with better hints in property forms and property type selection

app/imports/ui/properties/shared/SelectablePropertyDialog.vue

@@ -5,9 +5,19 @@
       key="left"
       class="step-1"
     >
-      <v-toolbar-title slot="toolbar">
-        Property Type
-      </v-toolbar-title>
+      <template slot="toolbar">
+        <v-toolbar-title>
+          Property Type
+        </v-toolbar-title>
+        <v-spacer />
+        <v-switch
+          :input-value="showPropertyHelp"
+          append-icon="mdi-help"
+          hide-details
+          flat
+          @change="propertyHelpChanged"
+        />
+      </template>
       <property-selector
         slot="unwrapped-content"
         :no-library-only-props="noLibraryOnlyProps"
@@ -28,6 +38,7 @@
 <script lang="js">
 import DialogBase from '/imports/ui/dialogStack/DialogBase.vue';
 import PropertySelector from '/imports/ui/properties/shared/PropertySelector.vue';
+import {snackbar} from '/imports/ui/components/snackbars/SnackbarQueue.js';
 
 export default {
   components: {
@@ -40,6 +51,26 @@ export default {
 			type: String,
 		},
 	},
+  meteor: {
+    showPropertyHelp(){
+      let user = Meteor.user();
+      return !(user?.preferences?.hidePropertySelectDialogHelp)
+    },
+  },
+  methods: {
+    propertyHelpChanged(value){
+      Meteor.users.setPreference.call({
+        preference: 'hidePropertySelectDialogHelp',
+        value: !value
+      }, error => {
+        if (!error) return;
+        console.error(error);
+        snackbar({
+          text: error.reason,
+        });
+      });
+    }
+  }
 };
 </script>