@@ -141,7 +141,7 @@ define([
141141} ) ;
142142
143143// groupby select button event
144- $ ( document ) . on ( 'click' , this . wrapSelector ( '#vp_gbBySelect ' ) , function ( ) {
144+ $ ( document ) . on ( 'click' , this . wrapSelector ( '#vp_gbBy ' ) , function ( ) {
145145that . openColumnSelector ( $ ( that . wrapSelector ( '#vp_gbBy' ) ) , 'Select columns to group' ) ;
146146} ) ;
147147
@@ -180,7 +180,7 @@ define([
180180} ) ;
181181
182182// display select button event
183- $ ( document ) . on ( 'click' , this . wrapSelector ( '#vp_gbDisplaySelect ' ) , function ( ) {
183+ $ ( document ) . on ( 'click' , this . wrapSelector ( '#vp_gbDisplay ' ) , function ( ) {
184184that . openColumnSelector ( $ ( that . wrapSelector ( '#vp_gbDisplay' ) ) , 'Select columns to display' ) ;
185185} ) ;
186186
@@ -268,7 +268,7 @@ define([
268268} ) ;
269269
270270// edit target columns
271- $ ( document ) . on ( 'click' , this . wrapSelector ( '.vp-gb-adv-col-selector ' ) , function ( ) {
271+ $ ( document ) . on ( 'click' , this . wrapSelector ( '.vp-gb-adv-col' ) , function ( ) {
272272var includeList = that . state . display ;
273273if ( includeList && includeList . length > 0 ) {
274274includeList = includeList . map ( col => col . code ) ;
@@ -309,7 +309,7 @@ define([
309309} ) ;
310310
311311// edit columns naming
312- $ ( document ) . on ( 'click' , this . wrapSelector ( '.vp-gb-adv-naming-selector ' ) , function ( ) {
312+ $ ( document ) . on ( 'click' , this . wrapSelector ( '.vp-gb-adv-naming' ) , function ( ) {
313313var parentDiv = $ ( this ) . parent ( ) ;
314314var columns = $ ( parentDiv ) . find ( '.vp-gb-adv-col' ) . data ( 'list' ) ;
315315if ( columns && columns . length > 0 ) {
@@ -318,7 +318,7 @@ define([
318318var method = $ ( parentDiv ) . find ( '.vp-gb-adv-method' ) . val ( ) ;
319319if ( ! method || method == '' || method == "''" ) {
320320// set focus on selecting method tag
321- $ ( parentDiv ) . find ( '.vp-gb-adv-method-selector ' ) . focus ( ) ;
321+ $ ( parentDiv ) . find ( '.vp-gb-adv-method' ) . focus ( ) ;
322322return ;
323323}
324324that . openNamingPopup ( $ ( parentDiv ) . find ( '.vp-gb-adv-naming' ) , columns , method ) ;
@@ -341,12 +341,12 @@ define([
341341$ ( document ) . off ( 'change' , this . wrapSelector ( '#vp_gbVariable' ) ) ;
342342$ ( document ) . off ( 'click' , this . wrapSelector ( '.vp-gb-df-refresh' ) ) ;
343343$ ( document ) . off ( 'change' , this . wrapSelector ( '#vp_gbBy' ) ) ;
344- $ ( document ) . off ( 'click' , this . wrapSelector ( '#vp_gbBySelect ' ) ) ;
344+ $ ( document ) . off ( 'click' , this . wrapSelector ( '#vp_gbBy ' ) ) ;
345345$ ( document ) . off ( 'change' , this . wrapSelector ( '#vp_gbByGrouper' ) ) ;
346346$ ( document ) . off ( 'change' , this . wrapSelector ( '#vp_gbByGrouperNumber' ) ) ;
347347$ ( document ) . off ( 'change' , this . wrapSelector ( '#vp_gbByGrouperPeriod' ) ) ;
348348$ ( document ) . off ( 'change' , this . wrapSelector ( '#vp_gbDisplay' ) ) ;
349- $ ( document ) . off ( 'click' , this . wrapSelector ( '#vp_gbDisplaySelect ' ) ) ;
349+ $ ( document ) . off ( 'click' , this . wrapSelector ( '#vp_gbDisplay ' ) ) ;
350350$ ( document ) . off ( 'change' , this . wrapSelector ( '#vp_gbMethodSelect' ) ) ;
351351$ ( document ) . off ( 'change' , this . wrapSelector ( '#vp_gbAdvanced' ) ) ;
352352$ ( document ) . off ( 'change' , this . wrapSelector ( '#vp_gbAllocateTo' ) ) ;
@@ -355,11 +355,11 @@ define([
355355
356356$ ( document ) . off ( 'click' , this . wrapSelector ( '#vp_gbAdvAdd' ) ) ;
357357$ ( document ) . off ( 'change' , this . wrapSelector ( '.vp-gb-adv-col' ) ) ;
358- $ ( document ) . off ( 'click' , this . wrapSelector ( '.vp-gb-adv-col-selector ' ) ) ;
358+ $ ( document ) . off ( 'click' , this . wrapSelector ( '.vp-gb-adv-col' ) ) ;
359359$ ( document ) . off ( 'change' , this . wrapSelector ( '.vp-gb-adv-method-selector' ) ) ;
360360$ ( document ) . off ( 'click' , this . wrapSelector ( '.vp-gb-adv-method-return' ) ) ;
361361$ ( document ) . off ( 'change' , this . wrapSelector ( '.vp-gb-adv-naming' ) ) ;
362- $ ( document ) . off ( 'click' , this . wrapSelector ( '.vp-gb-adv-naming-selector ' ) ) ;
362+ $ ( document ) . off ( 'click' , this . wrapSelector ( '.vp-gb-adv-naming' ) ) ;
363363$ ( document ) . off ( 'click' , this . wrapSelector ( '.vp-gb-adv-item-delete' ) ) ;
364364$ ( document ) . off ( 'click.' + this . uuid ) ;
365365}
@@ -396,9 +396,8 @@ define([
396396var page = new com_String ( ) ;
397397page . appendFormatLine ( '<div class="{0}">' , 'vp-gb-adv-item' ) ;
398398// target columns
399- page . appendFormatLine ( '<input type="text" placeholder="{1}" title="{2}"disabled />'
399+ page . appendFormatLine ( '<input type="text" placeholder="{1}" title="{2}"readonly />'
400400, 'vp-gb-adv-col' , 'Column list' , 'Apply All columns, if not selected' ) ;
401- page . appendFormatLine ( '<button class="{0} {1}">{2}</button>' , 'vp-gb-adv-col-selector' , 'vp-button w50' , 'Edit' ) ;
402401// method select
403402page . appendFormatLine ( '<select class="{0}">' , 'vp-gb-adv-method-selector' ) ;
404403var defaultMethod = '' ;
@@ -418,8 +417,7 @@ define([
418417, '/nbextensions/visualpython/img/arrow_left.svg' , 'vp-gb-adv-method-return' , 'Return to select method' ) ;
419418page . appendLine ( '</div>' ) ;
420419// naming
421- page . appendFormatLine ( '<input type="text" class="{0}" placeholder="{1}" data-dict={} disabled/>' , 'vp-gb-adv-naming' , 'Display name' ) ;
422- page . appendFormatLine ( '<button class="{0} {1}">{2}</button>' , 'vp-gb-adv-naming-selector' , 'vp-button w50' , 'Edit' ) ;
420+ page . appendFormatLine ( '<input type="text" class="{0}" placeholder="{1}" data-dict={} readonly/>' , 'vp-gb-adv-naming' , 'Display name' ) ;
423421// delete button
424422page . appendFormatLine ( '<div class="{0} {1}"><img src="{2}"/></div>' , 'vp-gb-adv-item-delete' , 'vp-cursor' , '/nbextensions/visualpython/img/close_small.svg' ) ;
425423page . appendLine ( '</div>' ) ;