datavis-glide 4.0.0-PRE.0

package/src/operations_palette.js

@@ -0,0 +1,176 @@
+// Imports {{{1
+
+import _ from 'underscore';
+import jQuery from 'jquery';
+
+import { trans } from './trans.js';
+import {
+	icon,
+	makeSubclass,
+	mixinLogging,
+} from './util/misc.js';
+
+import { Grid } from './grid.js';
+
+// OperationsPalette {{{1
+
+var OperationsPalette = makeSubclass('OperationsPalette', Object, function (grid) {
+	var self = this;
+
+	self.ui = {
+		root: null,
+		title: null,
+		palette: null
+	};
+	self.operations = [];
+
+	if (!(grid instanceof Grid)) {
+		throw new Error('Call Error: `grid` must be a Grid');
+	}
+
+	self.grid = grid;
+	self.parent = null;
+});
+
+mixinLogging(OperationsPalette);
+
+// #draw {{{2
+
+OperationsPalette.prototype.draw = function (parent) {
+	var self = this;
+	self.parent = parent;
+
+	self.ui.root = jQuery('<div>', {
+		'class': 'wcdv_control_pane'
+	}).css({
+		'display': 'block'
+	}).appendTo(self.parent);
+	self.ui.title = jQuery('<div>')
+		.addClass('wcdv_control_title_bar')
+		.appendTo(self.ui.root);
+	jQuery('<span>', { 'class': 'wcdv_control_title' })
+		.text(trans('GRID_CONTROL.OPERATIONS.TITLE'))
+		.appendTo(self.ui.title);
+	self.ui.palette = jQuery('<div>').css({
+		'overflow-x': 'auto',
+		'white-space': 'nowrap'
+	}).appendTo(self.ui.root);
+
+	self.autoReveal();
+
+	self.ui.palette.on('click.wcdv_operation', 'button.wcdv_operation', function () {
+		var btn = this;
+		var opIndex = btn.getAttribute('data-operation-index');
+
+		var op = self.operations[opIndex];
+		if (typeof op.callback === 'function') {
+			op.callback({
+				rows: self.grid.getSelection().rows,
+				opBtn: jQuery(btn)
+			});
+		}
+	});
+};
+
+// #drawPalette {{{2
+
+/**
+ * Draw just the operation buttons themselves.
+ */
+
+OperationsPalette.prototype.drawPalette = function () {
+	var self = this;
+
+	// Remove the contents of the existing palette.
+	self.ui.palette.children().remove();
+
+	_.each(_.groupBy(self.operations, 'category'), function (ops, c) {
+		var catDiv = jQuery('<div>', {
+			'class': 'wcdv_operations_category'
+		}).appendTo(self.ui.palette);
+		// Make a label for the category, assuming we have one.
+		if (c !== 'undefined') {
+			var catLabel = jQuery('<span>').text(c).appendTo(catDiv);
+		}
+		_.each(ops, function (op) {
+			var btn = jQuery('<button>', {
+				'type': 'button',
+				'class': 'wcdv_operation',
+				'data-operation-index': op.idx
+			}).appendTo(catDiv);
+			if (op.label == null) {
+				btn.addClass('no_label');
+			}
+			if (op.icon) {
+				btn.append(icon(op.icon));
+			}
+			if (op.label) {
+				btn.append(op.label);
+			}
+		});
+	});
+};
+
+// #autoReveal {{{2
+
+OperationsPalette.prototype.autoReveal = function () {
+	var self = this;
+	if (self.operations.length > 0) {
+		self.drawPalette();
+		self.parent.show();
+	}
+	else {
+		self.parent.hide();
+	}
+};
+
+// #destroy {{{2
+
+/**
+ * Remove any event handlers on the palette and remove its container from the DOM.
+ */
+
+OperationsPalette.prototype.destroy = function () {
+	var self = this;
+
+	self.ui.palette.off('click.wcdv_operation');
+	self.ui.root.remove();
+};
+
+// #setOperations {{{2
+
+/**
+ * Set the operations for the palette, after it has already been created.
+ */
+
+OperationsPalette.prototype.setOperations = function (ops) {
+	var self = this;
+
+	if (ops == null || ops.all == null) {
+		// No "all" operations to worry about.
+		return;
+	}
+
+	// Add a tracking index, which is used by the generic onClick handler to locate the operation that
+	// was actually invoked.
+
+	var i = 0;
+	_.each(ops.all, function (o) {
+		o.idx = i;
+		i += 1;
+	});
+
+	self.operations = ops.all;
+
+	self.logDebug(self.makeLogTag('setOperations') + ' New operations = %O', self.operations);
+
+	if (self.ui.palette != null) {
+		self.autoReveal();
+	}
+};
+
+// Exports {{{1
+
+export {
+	OperationsPalette,
+};

package/src/prefs_modules.js

@@ -0,0 +1,132 @@
+import { PrefsModule, PREFS_MODULE_REGISTRY, OrdMap } from 'datavis-ace';
+import { makeSubclass, deepDefaults } from './util/misc.js';
+import { Grid } from './grid.js';
+import { Graph } from './graph.js';
+
+// PrefsModuleGrid {{{1
+
+/**
+ * Manages configuration of a grid.
+ *
+ * @param {Grid} target
+ * What bound object to interact with.
+ *
+ * @class
+ *
+ * @property {Grid} target
+ * What bound object to interact with.
+ */
+
+var PrefsModuleGrid = makeSubclass('PrefsModuleGrid', PrefsModule, function () {
+	var self = this
+		, args = Array.prototype.slice.call(arguments);
+
+	self.super['PrefsModule'].ctor.apply(self, args);
+
+	if (!(self.target instanceof Grid)) {
+		throw new Error('Call Error: `target` must be an instance of Grid');
+	}
+});
+
+// #load {{{2
+
+PrefsModuleGrid.prototype.load = function (config) {
+	var self = this;
+
+	if (config == null) {
+		return;
+	}
+
+	if (config.colConfig != null) {
+		self.target.setColConfig(OrdMap.deserialize(config.colConfig), {
+			from: 'prefs',
+			redraw: false,
+			savePrefs: false
+		});
+	}
+};
+
+// #save {{{2
+
+PrefsModuleGrid.prototype.save = function () {
+	var self = this;
+
+	var prefs = {};
+
+	var colConfig = self.target.getColConfig();
+	if (colConfig != null) {
+		prefs.colConfig = colConfig.serialize();
+	}
+
+	return prefs;
+};
+
+// #reset {{{2
+
+PrefsModuleGrid.prototype.reset = function () {
+	var self = this;
+
+	self.target.resetColConfig();
+};
+
+// PrefsModuleGraph {{{1
+
+/**
+ * Manages configuration of a graph.
+ *
+ * @param {Graph} target
+ * What bound object to interact with.
+ *
+ * @class
+ *
+ * @property {Graph} target
+ * What bound object to interact with.
+ */
+
+var PrefsModuleGraph = makeSubclass('PrefsModuleGraph', PrefsModule, function () {
+	var self = this
+		, args = Array.prototype.slice.call(arguments);
+
+	self.super['PrefsModule'].ctor.apply(self, args);
+
+	if (!(self.target instanceof Graph)) {
+		throw new Error('Call Error: `target` must be an instance of Graph');
+	}
+});
+
+// #load {{{2
+
+PrefsModuleGraph.prototype.load = function (config) {
+	var self = this;
+
+	if (config == null) {
+		return;
+	}
+
+	self.target.setUserConfig(config);
+};
+
+// #save {{{2
+
+PrefsModuleGraph.prototype.save = function () {
+	var self = this;
+
+	var prefs = deepDefaults(self.target.userConfig, {
+		plain: {},
+		group: {},
+		pivot: {}
+	});
+
+
+
+	return prefs;
+};
+
+// #reset {{{2
+
+PrefsModuleGraph.prototype.reset = function () {
+	var self = this;
+};
+
+PREFS_MODULE_REGISTRY.set('grid', PrefsModuleGrid);
+PREFS_MODULE_REGISTRY.set('graph', PrefsModuleGraph);

package/src/reg/graph_renderer.js

@@ -0,0 +1,17 @@
+import { OrdMap } from 'datavis-ace';
+
+import GraphRendererChartJs from '../renderers/graph/chartjs.js';
+import GraphRendererGoogle from '../renderers/graph/google.js';
+import GraphRendererJit from '../renderers/graph/jit.js';
+
+// Registry {{{1
+
+var GRAPH_RENDERER_REGISTRY = new OrdMap();
+
+GRAPH_RENDERER_REGISTRY.set('chartjs', GraphRendererChartJs);
+GRAPH_RENDERER_REGISTRY.set('google', GraphRendererGoogle);
+GRAPH_RENDERER_REGISTRY.set('jit', GraphRendererJit);
+
+// Exports {{{1
+
+export default GRAPH_RENDERER_REGISTRY;