finished translation save

+ added nested-property
+ version bump
+ hidden load schema from URL
+ display tabs and tooltips with class title instead of name.

Author: ddooley

lib/AppContext.js

@@ -12,6 +12,9 @@ import { getExportFormats } from 'schemas';
 import { range as arrayRange } from 'lodash';
 import { deepMerge } from '../lib/utils/objects';
 import Validator from './Validator';
+import i18next from 'i18next';
+
+const SCHEMAMENUS = ['SchemaTypeMenu','SchemaClassMenu','SchemaSlotMenu','SchemaSlotGroupMenu','SchemaEnumMenu'];
 
 class AppConfig {
   constructor(template_path = null) {
@@ -20,7 +23,6 @@ class AppConfig {
   }
 }
 export default class AppContext {
-  //schema_tree = {};
   dhs = {};
   current_data_harmonizer_name = null;
   currentSelection = null;
@@ -100,13 +102,9 @@ export default class AppContext {
     // Ensure dynamic Enums are added so picklist source / range references are
     // detected and pulldown/multiselect menus are crafted; and validation works
     if (schema.name === 'DH_LinkML') {
-      ['SchemaTypeMenu','SchemaClassMenu','SchemaEnumMenu','SchemaSlotGroupMenu']
-      .forEach((item) => {
+      SCHEMAMENUS.forEach((item) => {
         if (!(item in schema.enums)) {
-          schema.enums[item] = {
-            name: item,
-            permissible_values: {test: {text: 'test', title: 'a title'}}
-          }
+          schema.enums[item] = {name: item} //, permissible_values: {}
         }
       });
     };
@@ -117,11 +115,6 @@ export default class AppContext {
     this.crudGetDependentRows(this.current_data_harmonizer_name);
     this.crudUpdateRecordPath();
     $("#record-hierarchy-div").toggle(Object.keys(this.relations).length > 1);
-
-    // Upgrade to Handsontable 15.0.0 causes following to error out?! 
-    // undefined "schema.enums.SchemaSlotGroupMenu"
-    //schema.enums.SchemaSlotGroupMenu.permissible_values['testo'] = {text: 'testo', title: 'a title'};
-
     return this;
   }
 
@@ -141,7 +134,7 @@ export default class AppContext {
    * @param {Array} enums list of special enumeration menus. Default list
    * covers all menus that schema editor might have changed dynamically.
    */
-  refreshSchemaEditorMenus(enums = ['SchemaTypeMenu','SchemaClassMenu','SchemaEnumMenu','SchemaSlotGroupMenu']) {
+  refreshSchemaEditorMenus(enums = SCHEMAMENUS) {
     const schema = this.template.current.schema;
     if (schema.name === 'DH_LinkML') {
       for (const enum_name of enums) {
@@ -191,6 +184,12 @@ export default class AppContext {
             this.getDynamicMenu(schema, schema.enums, 'Enum', user_schema_name, permissible_values);
             break;
 
+          case 'SchemaSlotMenu':
+            // Get the enums from the Enums tab, filtered for schema
+            // selected in Schema tab.
+            this.getDynamicMenu(schema, schema.slots, 'Slot', user_schema_name, permissible_values);
+            break;
+
           case 'SchemaSlotGroupMenu':
             /** Fabricate list of active class's SchemaSlotGroupMenu 
              * slot_group values and make menu for it. To prepare SlotGroup
@@ -312,13 +311,15 @@ export default class AppContext {
       .forEach((obj, index) => {
         if (obj.length > 0) {
           const [class_name, class_obj] = obj;
-
-          // Move createDataHarmonizerTab to HTML utilities, and move prep there.
-          // If it shares a key with another class which is its parent, this DH must be a child
-          const is_child = !(class_name == template_name); // && isEmpty(this.crudGetParents(class_name)) && !();
-          let tooltip = Object.keys(this.relations[class_name]?.parent).join(', ');
-          if (tooltip.length)
-            tooltip = `Requires key selection from: ${tooltip}`;
+          // Move createDataHarmonizerTab() to HTML utilities, and move prep there.
+          // Tooltip lists any parents of this class whose keys must be satisfied.
+          const is_child = !(class_name == template_name);
+          let tooltip = Object.keys(this.relations[class_name]?.parent)
+            .map((parent_name) => schema.classes[parent_name].title)
+            .join(', ');
+          if (tooltip.length) {
+            tooltip = `<span data-i18n="tooltip-require-selection">${i18next.t('tooltip-require-selection')}</span>: ${tooltip}`; //Requires key selection from
+          }
           const dhId = `data-harmonizer-grid-${index}`;
           const tab_label = class_obj.title ? class_obj.title : class_name;
           const dhTab = createDataHarmonizerTab(dhId, tab_label, class_name, tooltip, index === 0);
@@ -1125,12 +1126,14 @@ export default class AppContext {
   }
 
   /**
-   * Show path from root to current template that user has made a selection in.
-   * A complexity is that a class's keys may be composed of slots from have two
-   * (or more) separate parents, each with parent(s) etc.
+   * In focus display (usually in footer), show path from root to current
+   * template that user has made a selection in. A complexity is that a 
+   * class's keys may be composed of slots from have two (or more) separate
+   * parents, each with parent(s) etc.
    * 
    */
   crudUpdateRecordPath() {
+    const schema = this.template.current.schema;
     const current_template_name = this.getCurrentDataHarmonizer().template_name;
     let class_name = current_template_name; // current tab
     let hierarchy_text = [];
@@ -1140,6 +1143,7 @@ export default class AppContext {
       class_name = stack.pop(); // pop class_name
       if (class_name in done)
         continue;
+      const class_title = schema.classes[class_name].title;
       const dependent = this.dependent_rows.get(class_name);
       let key_string = '';
       let tooltip = '';
@@ -1151,8 +1155,8 @@ export default class AppContext {
         key_string = value + (key_string ? ', ' : '') + key_string; 
         tooltip = key + (tooltip ? ', ' : '') + tooltip;
       });
-      let tooltip_text = `<span class="tooltipytext">${class_name} [ ${tooltip} ]</span>`;
-      done[class_name] = `<b>${class_name}</b>&nbsp;<span class="tooltipy">[${key_string}]${tooltip_text}</span> `;
+      let tooltip_text = `<span class="tooltipytext">${class_title} [ ${tooltip} ]</span>`;
+      done[class_name] = `<b>${class_title}</b>&nbsp;<span class="tooltipy">[${key_string}]${tooltip_text}</span> `;
 
       // SEVERAL parents are possible - need them all displayed.
       let parents = Object.keys(this.relations[class_name].parent);