@@ -78,7 +78,7 @@ define([
7878$ ( document ) . off ( 'change' , this . wrapSelector ( '#vp_bdType' ) ) ;
7979
8080$ ( document ) . off ( 'change' , this . wrapSelector ( '#vp_bdVariable' ) ) ;
81- $ ( document ) . off ( 'click' , this . wrapSelector ( '#vp_bdVariableSelect ' ) ) ;
81+ $ ( document ) . off ( 'click' , this . wrapSelector ( '#vp_bdVariable ' ) ) ;
8282$ ( document ) . off ( 'change' , this . wrapSelector ( '#vp_bdJoin' ) ) ;
8383$ ( document ) . off ( 'change' , this . wrapSelector ( '#vp_bdAxis' ) ) ;
8484$ ( document ) . off ( 'change' , this . wrapSelector ( '#vp_bdSort' ) ) ;
@@ -88,12 +88,12 @@ define([
8888$ ( document ) . off ( 'click' , this . wrapSelector ( '.vp-bd-df-refresh' ) ) ;
8989$ ( document ) . off ( 'change' , this . wrapSelector ( '#vp_bdHow' ) ) ;
9090$ ( document ) . off ( 'change' , this . wrapSelector ( '#vp_bdOn' ) ) ;
91- $ ( document ) . off ( 'click' , this . wrapSelector ( '#vp_bdOnSelect ' ) ) ;
91+ $ ( document ) . off ( 'click' , this . wrapSelector ( '#vp_bdOn ' ) ) ;
9292$ ( document ) . off ( 'change' , this . wrapSelector ( '#vp_bdLeftOn' ) ) ;
93- $ ( document ) . off ( 'click' , this . wrapSelector ( '#vp_bdLeftOnSelect ' ) ) ;
93+ $ ( document ) . off ( 'click' , this . wrapSelector ( '#vp_bdLeftOn ' ) ) ;
9494$ ( document ) . off ( 'change' , this . wrapSelector ( '#vp_gbLeftIndex' ) ) ;
9595$ ( document ) . off ( 'change' , this . wrapSelector ( '#vp_bdRightOn' ) ) ;
96- $ ( document ) . off ( 'click' , this . wrapSelector ( '#vp_bdRightOnSelect ' ) ) ;
96+ $ ( document ) . off ( 'click' , this . wrapSelector ( '#vp_bdRightOn ' ) ) ;
9797$ ( document ) . off ( 'change' , this . wrapSelector ( '#vp_gbRightIndex' ) ) ;
9898$ ( document ) . off ( 'change' , this . wrapSelector ( '#vp_bdLeftSuffix' ) ) ;
9999$ ( document ) . off ( 'change' , this . wrapSelector ( '#vp_bdRightSuffix' ) ) ;
@@ -133,7 +133,7 @@ define([
133133} ) ;
134134
135135// variable select button event
136- $ ( document ) . on ( 'click' , this . wrapSelector ( '#vp_bdVariableSelect ' ) , function ( ) {
136+ $ ( document ) . on ( 'click' , this . wrapSelector ( '#vp_bdVariable ' ) , function ( ) {
137137that . openVariablePopup ( $ ( that . wrapSelector ( '#vp_bdVariable' ) ) ) ;
138138} ) ;
139139
@@ -196,20 +196,20 @@ define([
196196that . state . merge . on = colList ;
197197
198198if ( colList && colList . length > 0 ) {
199- $ ( that . wrapSelector ( '#vp_bdLeftOnSelect ' ) ) . attr ( 'disabled' , true ) ;
200- $ ( that . wrapSelector ( '#vp_bdRightOnSelect ' ) ) . attr ( 'disabled' , true ) ;
199+ $ ( that . wrapSelector ( '#vp_bdLeftOn ' ) ) . attr ( 'disabled' , true ) ;
200+ $ ( that . wrapSelector ( '#vp_bdRightOn ' ) ) . attr ( 'disabled' , true ) ;
201201$ ( that . wrapSelector ( '#vp_bdLeftIndex' ) ) . attr ( 'disabled' , true ) ;
202202$ ( that . wrapSelector ( '#vp_bdRightIndex' ) ) . attr ( 'disabled' , true ) ;
203203} else {
204- $ ( that . wrapSelector ( '#vp_bdLeftOnSelect ' ) ) . attr ( 'disabled' , false ) ;
205- $ ( that . wrapSelector ( '#vp_bdRightOnSelect ' ) ) . attr ( 'disabled' , false ) ;
204+ $ ( that . wrapSelector ( '#vp_bdLeftOn ' ) ) . attr ( 'disabled' , false ) ;
205+ $ ( that . wrapSelector ( '#vp_bdRightOn ' ) ) . attr ( 'disabled' , false ) ;
206206$ ( that . wrapSelector ( '#vp_bdLeftIndex' ) ) . attr ( 'disabled' , false ) ;
207207$ ( that . wrapSelector ( '#vp_bdRightIndex' ) ) . attr ( 'disabled' , false ) ;
208208}
209209} ) ;
210210
211211// on select button event
212- $ ( document ) . on ( 'click' , this . wrapSelector ( '#vp_bdOnSelect ' ) , function ( ) {
212+ $ ( document ) . on ( 'click' , this . wrapSelector ( '#vp_bdOn ' ) , function ( ) {
213213var targetVariable = [ that . state . merge . left . variable , that . state . merge . right . variable ] ;
214214that . openColumnPopup ( targetVariable , $ ( that . wrapSelector ( '#vp_bdOn' ) ) , 'Select columns from both dataframe' ) ;
215215} ) ;
@@ -221,14 +221,14 @@ define([
221221
222222if ( ( colList && colList . length > 0 )
223223|| that . state . merge . right . on && that . state . merge . right . on . length > 0 ) {
224- $ ( that . wrapSelector ( '#vp_bdOnSelect ' ) ) . attr ( 'disabled' , true ) ;
224+ $ ( that . wrapSelector ( '#vp_bdOn ' ) ) . attr ( 'disabled' , true ) ;
225225} else {
226- $ ( that . wrapSelector ( '#vp_bdOnSelect ' ) ) . attr ( 'disabled' , false ) ;
226+ $ ( that . wrapSelector ( '#vp_bdOn ' ) ) . attr ( 'disabled' , false ) ;
227227}
228228} ) ;
229229
230230// Left on select button event
231- $ ( document ) . on ( 'click' , this . wrapSelector ( '#vp_bdLeftOnSelect ' ) , function ( ) {
231+ $ ( document ) . on ( 'click' , this . wrapSelector ( '#vp_bdLeftOn ' ) , function ( ) {
232232var targetVariable = [ that . state . merge . left . variable ] ;
233233that . openColumnPopup ( targetVariable , $ ( that . wrapSelector ( '#vp_bdLeftOn' ) ) , 'Select columns from left dataframe' ) ;
234234} ) ;
@@ -239,9 +239,9 @@ define([
239239that . state . merge . left . useIndex = useIndex ;
240240
241241if ( useIndex || that . state . merge . right . useIndex ) {
242- $ ( that . wrapSelector ( '#vp_bdOnSelect ' ) ) . attr ( 'disabled' , true ) ;
242+ $ ( that . wrapSelector ( '#vp_bdOn ' ) ) . attr ( 'disabled' , true ) ;
243243} else {
244- $ ( that . wrapSelector ( '#vp_bdOnSelect ' ) ) . attr ( 'disabled' , false ) ;
244+ $ ( that . wrapSelector ( '#vp_bdOn ' ) ) . attr ( 'disabled' , false ) ;
245245}
246246} ) ;
247247
@@ -252,14 +252,14 @@ define([
252252
253253if ( ( colList && colList . length > 0 )
254254|| that . state . merge . left . on && that . state . merge . left . on . length > 0 ) {
255- $ ( that . wrapSelector ( '#vp_bdOnSelect ' ) ) . attr ( 'disabled' , true ) ;
255+ $ ( that . wrapSelector ( '#vp_bdOn ' ) ) . attr ( 'disabled' , true ) ;
256256} else {
257- $ ( that . wrapSelector ( '#vp_bdOnSelect ' ) ) . attr ( 'disabled' , false ) ;
257+ $ ( that . wrapSelector ( '#vp_bdOn ' ) ) . attr ( 'disabled' , false ) ;
258258}
259259} ) ;
260260
261261// Right on select button event
262- $ ( document ) . on ( 'click' , this . wrapSelector ( '#vp_bdRightOnSelect ' ) , function ( ) {
262+ $ ( document ) . on ( 'click' , this . wrapSelector ( '#vp_bdRightOn ' ) , function ( ) {
263263var targetVariable = [ that . state . merge . right . variable ] ;
264264that . openColumnPopup ( targetVariable , $ ( that . wrapSelector ( '#vp_bdRightOn' ) ) , 'Select columns from right dataframe' ) ;
265265} ) ;
@@ -270,9 +270,9 @@ define([
270270that . state . merge . right . useIndex = useIndex ;
271271
272272if ( useIndex || that . state . merge . left . useIndex ) {
273- $ ( that . wrapSelector ( '#vp_bdOnSelect ' ) ) . attr ( 'disabled' , true ) ;
273+ $ ( that . wrapSelector ( '#vp_bdOn ' ) ) . attr ( 'disabled' , true ) ;
274274} else {
275- $ ( that . wrapSelector ( '#vp_bdOnSelect ' ) ) . attr ( 'disabled' , false ) ;
275+ $ ( that . wrapSelector ( '#vp_bdOn ' ) ) . attr ( 'disabled' , false ) ;
276276}
277277} ) ;
278278
@@ -574,16 +574,16 @@ define([
574574$ ( this . wrapSelector ( '#vp_bdHow' ) ) . val ( merge . how ) ;
575575this . _loadSelectorInput ( this . wrapSelector ( '#vp_bdOn' ) , merge . on ) ;
576576if ( merge . on && merge . on . length > 0 ) {
577- $ ( this . wrapSelector ( '#vp_bdLeftOnSelect ' ) ) . attr ( 'disabled' , true ) ;
578- $ ( this . wrapSelector ( '#vp_bdRightOnSelect ' ) ) . attr ( 'disabled' , true ) ;
577+ $ ( this . wrapSelector ( '#vp_bdLeftOn ' ) ) . attr ( 'disabled' , true ) ;
578+ $ ( this . wrapSelector ( '#vp_bdRightOn ' ) ) . attr ( 'disabled' , true ) ;
579579$ ( this . wrapSelector ( '#vp_bdLeftIndex' ) ) . attr ( 'disabled' , true ) ;
580580$ ( this . wrapSelector ( '#vp_bdRightIndex' ) ) . attr ( 'disabled' , true ) ;
581581}
582582this . _loadSelectorInput ( this . wrapSelector ( '#vp_bdLeftOn' ) , merge . left . on ) ;
583583this . _loadSelectorInput ( this . wrapSelector ( '#vp_bdRightOn' ) , merge . right . on ) ;
584584if ( merge . left . on . length > 0 || merge . right . on . length > 0
585585|| merge . left . useIndex || merge . right . useIndex ) {
586- $ ( this . wrapSelector ( '#vp_bdOnSelect ' ) ) . attr ( 'disabled' , true ) ;
586+ $ ( this . wrapSelector ( '#vp_bdOn ' ) ) . attr ( 'disabled' , true ) ;
587587}
588588
589589$ ( this . wrapSelector ( '#vp_bdLeftIndex' ) ) . prop ( 'checked' , merge . left . useIndex ) ;