summaryrefslogtreecommitdiffstats
path: root/slick.editors.js
diff options
context:
space:
mode:
authorBrandon Aaron <brandon.aaron@gmail.com>2010-05-07 23:25:35 +0800
committerMichael Leibman <michael.leibman@gmail.com>2010-05-10 16:33:25 +0800
commit2324cc91ac75b56daa0eadcde98f5eff6d44f6c7 (patch)
tree5de6ffeec01bf20600f62aa88894d5ddc7462e52 /slick.editors.js
parentf32c8a965a630dfe8d0f1b0da66bdc85aace5b96 (diff)
downloadSlickGrid-2324cc91ac75b56daa0eadcde98f5eff6d44f6c7.zip
SlickGrid-2324cc91ac75b56daa0eadcde98f5eff6d44f6c7.tar.gz
SlickGrid-2324cc91ac75b56daa0eadcde98f5eff6d44f6c7.tar.bz2
clean up slick.editors.js formatting and how the editors are exposed to the window
Diffstat (limited to 'slick.editors.js')
-rw-r--r--slick.editors.js915
1 files changed, 456 insertions, 459 deletions
diff --git a/slick.editors.js b/slick.editors.js
index 12b2d5e..8bed5f4 100644
--- a/slick.editors.js
+++ b/slick.editors.js
@@ -1,630 +1,627 @@
(function($) {
- var SlickEditor = {
+
+var SlickEditor = {
+
SelectorCellFormatter : function(row, cell, value, columnDef, dataContext) {
- return (!dataContext ? "" : row);
-},
+ return (!dataContext ? "" : row);
+ },
PercentCompleteCellFormatter : function(row, cell, value, columnDef, dataContext) {
- if (value == null || value === "")
- return "-";
- else if (value < 50)
- return "<span style='color:red;font-weight:bold;'>" + value + "%</span>";
- else
- return "<span style='color:green'>" + value + "%</span>";
-},
+ if (value == null || value === "")
+ return "-";
+ else if (value < 50)
+ return "<span style='color:red;font-weight:bold;'>" + value + "%</span>";
+ else
+ return "<span style='color:green'>" + value + "%</span>";
+ },
GraphicalPercentCompleteCellFormatter : function(row, cell, value, columnDef, dataContext) {
- if (value == null || value === "")
- return "";
+ if (value == null || value === "")
+ return "";
- var color;
+ var color;
- if (value < 30)
- color = "red";
- else if (value < 70)
- color = "silver";
- else
- color = "green";
+ if (value < 30)
+ color = "red";
+ else if (value < 70)
+ color = "silver";
+ else
+ color = "green";
- return "<span class='percent-complete-bar' style='background:" + color + ";width:" + value + "%'></span>";
-},
+ return "<span class='percent-complete-bar' style='background:" + color + ";width:" + value + "%'></span>";
+ },
YesNoCellFormatter : function(row, cell, value, columnDef, dataContext) {
- return value ? "Yes" : "No";
-},
+ return value ? "Yes" : "No";
+ },
BoolCellFormatter : function(row, cell, value, columnDef, dataContext) {
- return value ? "<img src='../images/tick.png'>" : "";
-},
+ return value ? "<img src='../images/tick.png'>" : "";
+ },
TaskNameFormatter : function(row, cell, value, columnDef, dataContext) {
- // todo: html encode
- var spacer = "<span style='display:inline-block;height:1px;width:" + (2 + 15 * dataContext["indent"]) + "px'></span>";
- return spacer + " <img src='../images/expand.gif'>&nbsp;" + value;
-},
+ // todo: html encode
+ var spacer = "<span style='display:inline-block;height:1px;width:" + (2 + 15 * dataContext["indent"]) + "px'></span>";
+ return spacer + " <img src='../images/expand.gif'>&nbsp;" + value;
+ },
ResourcesFormatter : function(row, cell, value, columnDef, dataContext) {
- var resources = dataContext["resources"];
+ var resources = dataContext["resources"];
- if (!resources || resources.length == 0)
- return "";
+ if (!resources || resources.length == 0)
+ return "";
- if (columnDef.width < 50)
- return (resources.length > 1 ? "<center><img src='../images/user_identity_plus.gif' " : "<center><img src='../images/user_identity.gif' ") +
- " title='" + resources.join(", ") + "'></center>";
- else
- return resources.join(", ");
-},
+ if (columnDef.width < 50)
+ return (resources.length > 1 ? "<center><img src='../images/user_identity_plus.gif' " : "<center><img src='../images/user_identity.gif' ") +
+ " title='" + resources.join(", ") + "'></center>";
+ else
+ return resources.join(", ");
+ },
StarFormatter : function(row, cell, value, columnDef, dataContext) {
- return (value) ? "<img src='../images/bullet_star.png' align='absmiddle'>" : "";
-},
+ return (value) ? "<img src='../images/bullet_star.png' align='absmiddle'>" : "";
+ },
+ TextCellEditor : function($container, columnDef, value, dataContext) {
+ var $input;
+ var defaultValue = value;
+ var scope = this;
+ this.init = function() {
+ $input = jQuery("<INPUT type=text class='editor-text' />");
+ if (value != null)
+ {
+ $input[0].defaultValue = value;
+ $input.val(defaultValue);
+ }
+ $input.appendTo($container);
+ $input.focus().select();
+ };
- TextCellEditor : function($container, columnDef, value, dataContext) {
- var $input;
- var defaultValue = value;
- var scope = this;
+ this.destroy = function() {
+ $input.remove();
+ };
- this.init = function() {
- $input = jQuery("<INPUT type=text class='editor-text' />");
+ this.focus = function() {
+ $input.focus();
+ };
- if (value != null)
- {
- $input[0].defaultValue = value;
- $input.val(defaultValue);
- }
+ this.setValue = function(value) {
+ $input.val(value);
+ defaultValue = value;
+ };
- $input.appendTo($container);
- $input.focus().select();
- };
-
- this.destroy = function() {
- $input.remove();
- };
-
- this.focus = function() {
- $input.focus();
- };
-
- this.setValue = function(value) {
- $input.val(value);
- defaultValue = value;
- };
-
- this.getValue = function() {
- return $input.val();
- };
-
- this.isValueChanged = function() {
- return (!($input.val() == "" && defaultValue == null)) && ($input.val() != defaultValue);
- };
-
- this.validate = function() {
- if (columnDef.validator)
- {
- var validationResults = columnDef.validator(scope.getValue());
- if (!validationResults.valid)
- return validationResults;
- }
+ this.getValue = function() {
+ return $input.val();
+ };
- return {
- valid: true,
- msg: null
+ this.isValueChanged = function() {
+ return (!($input.val() == "" && defaultValue == null)) && ($input.val() != defaultValue);
};
- };
- this.init();
-},
+ this.validate = function() {
+ if (columnDef.validator)
+ {
+ var validationResults = columnDef.validator(scope.getValue());
+ if (!validationResults.valid)
+ return validationResults;
+ }
+
+ return {
+ valid: true,
+ msg: null
+ };
+ };
+
+ this.init();
+ },
IntegerCellEditor : function($container, columnDef, value, dataContext) {
- var $input;
- var defaultValue = value;
- var scope = this;
+ var $input;
+ var defaultValue = value;
+ var scope = this;
- this.init = function() {
- $input = jQuery("<INPUT type=text class='editor-text' />");
+ this.init = function() {
+ $input = jQuery("<INPUT type=text class='editor-text' />");
- if (value != null)
- {
- $input[0].defaultValue = value;
- $input.val(defaultValue);
- }
+ if (value != null)
+ {
+ $input[0].defaultValue = value;
+ $input.val(defaultValue);
+ }
- $input.appendTo($container);
- $input.focus().select();
- };
+ $input.appendTo($container);
+ $input.focus().select();
+ };
- this.destroy = function() {
- $input.remove();
- };
+ this.destroy = function() {
+ $input.remove();
+ };
- this.focus = function() {
- $input.focus();
- };
+ this.focus = function() {
+ $input.focus();
+ };
- this.setValue = function(value) {
- $input.val(value);
- defaultValue = value;
- };
+ this.setValue = function(value) {
+ $input.val(value);
+ defaultValue = value;
+ };
- this.getValue = function() {
- var val = $.trim($input.val());
- return (val == "") ? 0 : parseInt($input.val(), 10);
- };
+ this.getValue = function() {
+ var val = $.trim($input.val());
+ return (val == "") ? 0 : parseInt($input.val(), 10);
+ };
+
+ this.isValueChanged = function() {
+ return (!($input.val() == "" && defaultValue == null)) && ($input.val() != defaultValue);
+ };
- this.isValueChanged = function() {
- return (!($input.val() == "" && defaultValue == null)) && ($input.val() != defaultValue);
- };
+ this.validate = function() {
+ if (isNaN($input.val()))
+ return {
+ valid: false,
+ msg: "Please enter a valid integer"
+ };
- this.validate = function() {
- if (isNaN($input.val()))
return {
- valid: false,
- msg: "Please enter a valid integer"
+ valid: true,
+ msg: null
};
-
- return {
- valid: true,
- msg: null
};
- };
- this.init();
-},
+ this.init();
+ },
DateCellEditor : function($container, columnDef, value, dataContext) {
- var $input;
- var defaultValue = value;
- var scope = this;
+ var $input;
+ var defaultValue = value;
+ var scope = this;
- this.init = function() {
- $input = jQuery("<INPUT type=text class='editor-text' />");
+ this.init = function() {
+ $input = jQuery("<INPUT type=text class='editor-text' />");
- if (value != null)
- {
- $input[0].defaultValue = value;
- $input.val(defaultValue);
- }
+ if (value != null)
+ {
+ $input[0].defaultValue = value;
+ $input.val(defaultValue);
+ }
- $input.appendTo($container);
- $input.focus().select();
- $input.datepicker({
- showOn: "button",
- buttonImageOnly: true,
- buttonImage: "../images/calendar.gif"
- });
- $input.width($input.width() - 18);
- };
+ $input.appendTo($container);
+ $input.focus().select();
+ $input.datepicker({
+ showOn: "button",
+ buttonImageOnly: true,
+ buttonImage: "../images/calendar.gif"
+ });
+ $input.width($input.width() - 18);
+ };
- this.destroy = function() {
- $input.datepicker("hide");
- $input.datepicker("destroy");
- $input.remove();
- };
+ this.destroy = function() {
+ $input.datepicker("hide");
+ $input.datepicker("destroy");
+ $input.remove();
+ };
- this.focus = function() {
- $input.focus();
- };
+ this.focus = function() {
+ $input.focus();
+ };
- this.setValue = function(value) {
- $input.val(value);
- defaultValue = value;
- };
+ this.setValue = function(value) {
+ $input.val(value);
+ defaultValue = value;
+ };
- this.getValue = function() {
- return $input.val();
- };
+ this.getValue = function() {
+ return $input.val();
+ };
- this.isValueChanged = function() {
- return (!($input.val() == "" && defaultValue == null)) && ($input.val() != defaultValue);
- };
+ this.isValueChanged = function() {
+ return (!($input.val() == "" && defaultValue == null)) && ($input.val() != defaultValue);
+ };
- this.validate = function() {
- return {
- valid: true,
- msg: null
+ this.validate = function() {
+ return {
+ valid: true,
+ msg: null
+ };
};
- };
- this.init();
-},
+ this.init();
+ },
YesNoSelectCellEditor : function($container, columnDef, value, dataContext) {
- var $select;
- var defaultValue = value;
- var scope = this;
+ var $select;
+ var defaultValue = value;
+ var scope = this;
- this.init = function() {
- $select = jQuery("<SELECT tabIndex='0' class='editor-yesno'><OPTION value='yes'>Yes</OPTION><OPTION value='no'>No</OPTION></SELECT>");
+ this.init = function() {
+ $select = jQuery("<SELECT tabIndex='0' class='editor-yesno'><OPTION value='yes'>Yes</OPTION><OPTION value='no'>No</OPTION></SELECT>");
- if (defaultValue)
- $select.val('yes');
- else
- $select.val('no');
+ if (defaultValue)
+ $select.val('yes');
+ else
+ $select.val('no');
- $select.appendTo($container);
+ $select.appendTo($container);
- $select.focus();
- };
+ $select.focus();
+ };
- this.destroy = function() {
- $select.remove();
- };
+ this.destroy = function() {
+ $select.remove();
+ };
- this.focus = function() {
- $select.focus();
- };
+ this.focus = function() {
+ $select.focus();
+ };
- this.setValue = function(value) {
- $select.val(value);
- defaultValue = value;
- };
+ this.setValue = function(value) {
+ $select.val(value);
+ defaultValue = value;
+ };
- this.getValue = function() {
- return ($select.val() == 'yes');
- };
+ this.getValue = function() {
+ return ($select.val() == 'yes');
+ };
- this.isValueChanged = function() {
- return ($select.val() != defaultValue);
- };
+ this.isValueChanged = function() {
+ return ($select.val() != defaultValue);
+ };
- this.validate = function() {
- return {
- valid: true,
- msg: null
+ this.validate = function() {
+ return {
+ valid: true,
+ msg: null
+ };
};
- };
- this.init();
-},
+ this.init();
+ },
YesNoCheckboxCellEditor : function($container, columnDef, value, dataContext) {
- var $select;
- var defaultValue = value;
- var scope = this;
+ var $select;
+ var defaultValue = value;
+ var scope = this;
- this.init = function() {
- $select = jQuery("<INPUT type=checkbox value='true' class='editor-checkbox' hideFocus>");
+ this.init = function() {
+ $select = jQuery("<INPUT type=checkbox value='true' class='editor-checkbox' hideFocus>");
- if (defaultValue)
- $select.attr("checked", "checked");
+ if (defaultValue)
+ $select.attr("checked", "checked");
- $select.appendTo($container);
- $select.focus();
- };
+ $select.appendTo($container);
+ $select.focus();
+ };
- this.destroy = function() {
- $select.remove();
- };
+ this.destroy = function() {
+ $select.remove();
+ };
- this.focus = function() {
- $select.focus();
- };
+ this.focus = function() {
+ $select.focus();
+ };
- this.setValue = function(value) {
- if (value)
- $select.attr("checked", "checked");
- else
- $select.removeAttr("checked");
+ this.setValue = function(value) {
+ if (value)
+ $select.attr("checked", "checked");
+ else
+ $select.removeAttr("checked");
- defaultValue = value;
- };
+ defaultValue = value;
+ };
- this.getValue = function() {
- return $select.attr("checked");
- };
+ this.getValue = function() {
+ return $select.attr("checked");
+ };
- this.isValueChanged = function() {
- return (scope.getValue() != defaultValue);
- };
+ this.isValueChanged = function() {
+ return (scope.getValue() != defaultValue);
+ };
- this.validate = function() {
- return {
- valid: true,
- msg: null
+ this.validate = function() {
+ return {
+ valid: true,
+ msg: null
+ };
};
- };
- this.init();
-},
+ this.init();
+ },
PercentCompleteCellEditor : function($container, columnDef, value, dataContext) {
- var $input, $picker;
- var defaultValue = value;
- var scope = this;
+ var $input, $picker;
+ var defaultValue = value;
+ var scope = this;
- this.init = function() {
- $input = jQuery("<INPUT type=text class='editor-percentcomplete' />");
+ this.init = function() {
+ $input = jQuery("<INPUT type=text class='editor-percentcomplete' />");
- if (value != null)
- {
- $input[0].defaultValue = value;
- $input.val(defaultValue);
- }
+ if (value != null)
+ {
+ $input[0].defaultValue = value;
+ $input.val(defaultValue);
+ }
- $input.width($container.innerWidth() - 25);
- $input.appendTo($container);
+ $input.width($container.innerWidth() - 25);
+ $input.appendTo($container);
- $picker = jQuery("<div class='editor-percentcomplete-picker' />").appendTo($container);
+ $picker = jQuery("<div class='editor-percentcomplete-picker' />").appendTo($container);
- $picker.append("<div class='editor-percentcomplete-helper'><div class='editor-percentcomplete-wrapper'><div class='editor-percentcomplete-slider' /><div class='editor-percentcomplete-buttons' /></div></div>");
+ $picker.append("<div class='editor-percentcomplete-helper'><div class='editor-percentcomplete-wrapper'><div class='editor-percentcomplete-slider' /><div class='editor-percentcomplete-buttons' /></div></div>");
- $picker.find(".editor-percentcomplete-buttons").append("<button val=0>Not started</button><br/><button val=50>In Progress</button><br/><button val=100>Complete</button>");
+ $picker.find(".editor-percentcomplete-buttons").append("<button val=0>Not started</button><br/><button val=50>In Progress</button><br/><button val=100>Complete</button>");
- $input.focus().select();
+ $input.focus().select();
- $picker.find(".editor-percentcomplete-slider").slider({
- orientation: "vertical",
- range: "min",
- value: defaultValue,
- slide: function(event, ui) {
- $input.val(ui.value)
- }
- });
+ $picker.find(".editor-percentcomplete-slider").slider({
+ orientation: "vertical",
+ range: "min",
+ value: defaultValue,
+ slide: function(event, ui) {
+ $input.val(ui.value)
+ }
+ });
- $picker.find(".editor-percentcomplete-buttons button").bind("click", function(e) {
- $input.val(jQuery(this).attr("val"));
- $picker.find(".editor-percentcomplete-slider").slider("value", jQuery(this).attr("val"));
- })
- };
+ $picker.find(".editor-percentcomplete-buttons button").bind("click", function(e) {
+ $input.val(jQuery(this).attr("val"));
+ $picker.find(".editor-percentcomplete-slider").slider("value", jQuery(this).attr("val"));
+ })
+ };
- this.destroy = function() {
- $input.remove();
- $picker.remove();
- };
+ this.destroy = function() {
+ $input.remove();
+ $picker.remove();
+ };
- this.focus = function() {
- $input.focus();
- };
+ this.focus = function() {
+ $input.focus();
+ };
- this.setValue = function(value) {
- $input.val(value);
- defaultValue = value;
- };
+ this.setValue = function(value) {
+ $input.val(value);
+ defaultValue = value;
+ };
- this.getValue = function() {
- var val = jQuery.trim($input.val());
- return (val == "") ? 0 : parseInt($input.val(), 10);
- };
+ this.getValue = function() {
+ var val = jQuery.trim($input.val());
+ return (val == "") ? 0 : parseInt($input.val(), 10);
+ };
- this.isValueChanged = function() {
- return (!($input.val() == "" && defaultValue == null)) && ($input.val() != defaultValue);
- };
+ this.isValueChanged = function() {
+ return (!($input.val() == "" && defaultValue == null)) && ($input.val() != defaultValue);
+ };
+
+ this.validate = function() {
+ if (isNaN($input.val()))
+ return {
+ valid: false,
+ msg: "Please enter a valid positive number"
+ };
- this.validate = function() {
- if (isNaN($input.val()))
return {
- valid: false,
- msg: "Please enter a valid positive number"
+ valid: true,
+ msg: null
};
-
- return {
- valid: true,
- msg: null
};
- };
- this.init();
-},
+ this.init();
+ },
TaskNameCellEditor : function($container, columnDef, value, dataContext) {
- var $input;
- var defaultValue = value;
- var scope = this;
+ var $input;
+ var defaultValue = value;
+ var scope = this;
- this.init = function() {
- $input = jQuery("<INPUT type=text class='editor-text' />");
+ this.init = function() {
+ $input = jQuery("<INPUT type=text class='editor-text' />");
- if (value != null)
- {
- $input[0].defaultValue = value;
- $input.val(defaultValue);
- }
+ if (value != null)
+ {
+ $input[0].defaultValue = value;
+ $input.val(defaultValue);
+ }
- $input.appendTo($container);
- $input.focus().select();
- };
-
- this.destroy = function() {
- $input.remove();
- };
-
- this.focus = function() {
- $input.focus();
- };
-
- this.setValue = function(value) {
- $input.val(value);
- defaultValue = value;
- };
-
- this.getValue = function() {
- return $input.val();
- };
-
- this.isValueChanged = function() {
- return (!($input.val() == "" && defaultValue == null)) && ($input.val() != defaultValue);
- };
-
- this.validate = function() {
- if (columnDef.validator)
- {
- var validationResults = columnDef.validator(scope.getValue());
- if (!validationResults.valid)
- return validationResults;
- }
+ $input.appendTo($container);
+ $input.focus().select();
+ };
+
+ this.destroy = function() {
+ $input.remove();
+ };
+
+ this.focus = function() {
+ $input.focus();
+ };
+
+ this.setValue = function(value) {
+ $input.val(value);
+ defaultValue = value;
+ };
+
+ this.getValue = function() {
+ return $input.val();
+ };
+
+ this.isValueChanged = function() {
+ return (!($input.val() == "" && defaultValue == null)) && ($input.val() != defaultValue);
+ };
+
+ this.validate = function() {
+ if (columnDef.validator)
+ {
+ var validationResults = columnDef.validator(scope.getValue());
+ if (!validationResults.valid)
+ return validationResults;
+ }
+
+ if ($input.val() == "")
+ return {
+ valid: false,
+ msg: "This field cannot be empty"
+ };
- if ($input.val() == "")
return {
- valid: false,
- msg: "This field cannot be empty"
+ valid: true,
+ msg: null
};
-
- return {
- valid: true,
- msg: null
};
- };
- this.init();
-},
+ this.init();
+ },
ResourcesCellEditor : function($container, columnDef, value, dataContext) {
- var $input;
- var defaultValue = [];
- var scope = this;
+ var $input;
+ var defaultValue = [];
+ var scope = this;
- this.init = function() {
- $input = jQuery("<INPUT type=text class='editor-text' />");
+ this.init = function() {
+ $input = jQuery("<INPUT type=text class='editor-text' />");
- var resources = dataContext ? dataContext["resources"] : null;
+ var resources = dataContext ? dataContext["resources"] : null;
- defaultValue = resources ? resources.concat() : [];
+ defaultValue = resources ? resources.concat() : [];
- if (resources != null)
- {
- $input[0].defaultValue = defaultValue.join(", ");
- $input.val(defaultValue.join(", "));
- }
+ if (resources != null)
+ {
+ $input[0].defaultValue = defaultValue.join(", ");
+ $input.val(defaultValue.join(", "));
+ }
- $input.appendTo($container);
- $input.focus().select();
- };
+ $input.appendTo($container);
+ $input.focus().select();
+ };
- this.destroy = function() {
- $input.remove();
- };
+ this.destroy = function() {
+ $input.remove();
+ };
- this.focus = function() {
- $input.focus();
- };
+ this.focus = function() {
+ $input.focus();
+ };
- this.setValue = function(value) {
- defaultValue = value ? value : [];
- $input.val(defaultValue.join(", "));
- };
+ this.setValue = function(value) {
+ defaultValue = value ? value : [];
+ $input.val(defaultValue.join(", "));
+ };
- this.getValue = function() {
- if ($input.val() == "")
- return [];
+ this.getValue = function() {
+ if ($input.val() == "")
+ return [];
- var names = $input.val().split(",");
+ var names = $input.val().split(",");
- for (var i = 0; i < names.length; i++)
- names[i] = jQuery.trim(names[i]);
+ for (var i = 0; i < names.length; i++)
+ names[i] = jQuery.trim(names[i]);
- return names;
- };
+ return names;
+ };
- this.isValueChanged = function() {
- // todo: implement
- return true;
- };
+ this.isValueChanged = function() {
+ // todo: implement
+ return true;
+ };
- this.validate = function() {
- if (columnDef.validator)
- {
- var validationResults = columnDef.validator(scope.getValue());
- if (!validationResults.valid)
- return validationResults;
- }
+ this.validate = function() {
+ if (columnDef.validator)
+ {
+ var validationResults = columnDef.validator(scope.getValue());
+ if (!validationResults.valid)
+ return validationResults;
+ }
- // todo: implement
+ // todo: implement
- return {
- valid: true,
- msg: null
+ return {
+ valid: true,
+ msg: null
+ };
};
- };
- this.init();
-},
+ this.init();
+ },
StarCellEditor : function($container, columnDef, value, dataContext) {
- var $input;
- var defaultValue = value;
- var scope = this;
+ var $input;
+ var defaultValue = value;
+ var scope = this;
- function toggle(e) {
- if (e.type == "keydown" && e.which != 32) return;
+ function toggle(e) {
+ if (e.type == "keydown" && e.which != 32) return;
- if ($input.css("opacity") == "1")
- $input.css("opacity", 0.5);
- else
- $input.css("opacity", 1);
+ if ($input.css("opacity") == "1")
+ $input.css("opacity", 0.5);
+ else
+ $input.css("opacity", 1);
- e.preventDefault();
- e.stopPropagation();
- return false;
- }
+ e.preventDefault();
+ e.stopPropagation();
+ return false;
+ }
- this.init = function() {
- $input = jQuery("<IMG src='../images/bullet_star.png' align=absmiddle tabIndex=0 title='Click or press Space to toggle' />");
+ this.init = function() {
+ $input = jQuery("<IMG src='../images/bullet_star.png' align=absmiddle tabIndex=0 title='Click or press Space to toggle' />");
- if (defaultValue)
- $input.css("opacity", 1);
- else
- $input.css("opacity", 0.5);
+ if (defaultValue)
+ $input.css("opacity", 1);
+ else
+ $input.css("opacity", 0.5);
- $input.bind("click keydown", toggle);
+ $input.bind("click keydown", toggle);
- $input.appendTo($container);
- $input.focus();
- };
+ $input.appendTo($container);
+ $input.focus();
+ };
- this.destroy = function() {
- $input.unbind("click keydown", toggle);
- $input.remove();
- };
+ this.destroy = function() {
+ $input.unbind("click keydown", toggle);
+ $input.remove();
+ };
- this.focus = function() {
- $input.focus();
- };
+ this.focus = function() {
+ $input.focus();
+ };
- this.setValue = function(value) {
- defaultValue = value;
+ this.setValue = function(value) {
+ defaultValue = value;
- if (defaultValue)
- $input.css("opacity", 1);
- else
- $input.css("opacity", 0.2);
- };
+ if (defaultValue)
+ $input.css("opacity", 1);
+ else
+ $input.css("opacity", 0.2);
+ };
- this.getValue = function() {
- return $input.css("opacity") == "1";
- };
+ this.getValue = function() {
+ return $input.css("opacity") == "1";
+ };
- this.isValueChanged = function() {
- return (defaultValue == true) != scope.getValue();
- };
+ this.isValueChanged = function() {
+ return (defaultValue == true) != scope.getValue();
+ };
- this.validate = function() {
- return {
- valid: true,
- msg: null
+ this.validate = function() {
+ return {
+ valid: true,
+ msg: null
+ };
};
- };
- this.init();
+ this.init();
}
- }
-
- for (var x in SlickEditor) {
- window[x] = SlickEditor[x];
};
+
+ $.extend(window, SlickEditor);
+
})(jQuery);