Client build: begin modularizing ui.js by extracting peekControl/peek-column-selector plugin, use UMD pattern, rename to peek-column-selector, extract less rules to their own file; Plugins, scatterplot: remove require and rework to use the new module

config/plugins/visualizations/scatterplot/src/scatterplot-config-editor.js

@@ -120,7 +120,7 @@ var ScatterplotConfigEditor = Backbone.View.extend({
             peek : this.dataset.peek
         }));
 
-        $dataControl.find( '.peek' ).peekControl({
+        $dataControl.find( '.peek' ).peekColumnSelector({
             controls : [
                 { label: 'X Column',  id: 'xColumn',  selected: config.xColumn, disabled: columnTypes.text },
                 { label: 'Y Column',  id: 'yColumn',  selected: config.yColumn, disabled: columnTypes.text },
@@ -128,11 +128,11 @@ var ScatterplotConfigEditor = Backbone.View.extend({
             ]
             //renameColumns       : true
 
-        }).on( 'peek-control.change', function( ev, data ){
+        }).on( 'peek-column-selector.change', function( ev, data ){
             //console.info( 'new selection:', data );
             editor.model.set( 'config', data );
 
-        }).on( 'peek-control.rename', function( ev, data ){
+        }).on( 'peek-column-selector.rename', function( ev, data ){
             //console.info( 'new column names', data );
         });
 

config/plugins/visualizations/scatterplot/templates/scatterplot.mako

@@ -27,12 +27,12 @@ ${h.js( 'libs/jquery/jquery',
         'libs/jquery/jquery.migrate',
         'libs/jquery/jquery-ui',
         'libs/bootstrap',
-        'libs/require',
         'libs/underscore',
         'libs/backbone/backbone',
         'libs/d3',
         'libs/handlebars.runtime',
         'mvc/ui',
+        'jq-plugins/ui/peek-column-selector',
         'mvc/visualization/visualization-model' )}
 
 ${h.javascript_link( root + 'plugins/visualizations/scatterplot/static/scatterplot-edit.js' )}