Edit category exception, input selection on focus

minjk-bl · minjk-bl · commit 50f45113bd84 · 2023-06-27T16:16:01.000+09:00
diff --git a/visualpython/js/com/component/PopupComponent.js b/visualpython/js/com/component/PopupComponent.js
@@ -81,7 +81,7 @@ define([
      * Component
      */
     class PopupComponent extends Component {
-        constructor(state={ config: { id: 'popup', name: 'Popup title', path: 'path/file' }}, prop={}) {
+        constructor(state={ config: { id: 'popup', name: 'Popup title', path: 'path/file', category: '' }}, prop={}) {
             // CHROME: FIXME: #site -> .notebook-vertical
             // super($('#site'), state, prop);
             super($(vpConfig.parentSelector), state, prop);
@@ -398,6 +398,11 @@ define([
                 that._saveSingleState($(this)[0]);
             });
 
+            // click input box with selection
+            $(document).on('focus', this.wrapSelector('input'), function() {
+                $(this).select();
+            });
+
             // Click buttons
             $(this.wrapSelector('.vp-popup-button')).on('click', function(evt) {
                 var btnType = $(this).data('type');
@@ -492,6 +497,7 @@ define([
 
         _unbindEvent() {
             $(document).off('change', this.wrapSelector('.vp-state'));
+            $(document).off('focus', this.wrapSelector('input'));
         }
 
         _bindDraggable() {
@@ -544,7 +550,11 @@ define([
             this.$pageDom = $(popupComponentHtml.replaceAll('${vp_base}', com_Const.BASE_PATH));
             // set title
             // this.$pageDom.find('.vp-popup-title').text(this.category + ' > ' + this.name);
-            this.$pageDom.find('.vp-popup-title').html(`<span class="vp-popup-category">${this.category} > </span><span>${this.name}</span>`);
+            if (this.category && this.category !== '') {
+                this.$pageDom.find('.vp-popup-title').html(`<span class="vp-popup-category">${this.category} > </span><span>${this.name}</span>`);
+            } else {
+                this.$pageDom.find('.vp-popup-title').html(`<span>${this.name}</span>`);
+            }
             // set body
             let bodyTemplate = this.templateForBody();
             // CHROME: check url keyword and replace it
@@ -792,7 +802,9 @@ define([
             if (customKey && customKey != '') {
                 // allow custom key until level 2
                 let customKeys = customKey.split('.');
-                if (customKeys.length == 2) {
+                if (customKeys.length === 3) {
+                    this.state[customKeys[0]][customKeys[1]][customKeys[2]] = newValue;
+                } else if (customKeys.length === 2) {
                     this.state[customKeys[0]][customKeys[1]] = newValue;
                 } else {
                     this.state[customKey] = newValue;
