Skip to content

Instantly share code, notes, and snippets.

@alej0varas
Last active August 29, 2015 14:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save alej0varas/aaa2a2b75c4254dd24e9 to your computer and use it in GitHub Desktop.
Save alej0varas/aaa2a2b75c4254dd24e9 to your computer and use it in GitHub Desktop.
hallo.js font color plugin
// hallo font color plugin
// (c) 2014 Alejandro Varas
// hallofontcolor may be freely distributed under the MIT license
(function(jQuery) {
return jQuery.widget("IKS.hallofontcolor", {
options: {
uuid: '',
colors: {
"#7bd148": "Green",
"#5484ed": "Bold blue",
"#a4bdfc": "Blue",
"#46d6db": "Turquoise",
"#7ae7bf": "Light green",
"#51b749": "Bold green",
"#fbd75b": "Yellow",
"#ffb878": "Orange",
"#ff887c": "Red",
"#dc2127": "Bold red",
"#dbadff": "Purple",
"#e1e1e1": "Gray",
"#000000": "Black"
},
},
populateToolbar: function(toolbar) {
var buttonset, widget,
_this = this;
widget = this;
buttonset = jQuery("<span class=\"" + widget.widgetName + "\"></span>");
this.createbuttons(buttonset);
buttonset.hallobuttonset();
toolbar.append(buttonset);
},
createbuttons: function (buttonset) {
var _this = this
jQuery.each(this.options.colors, function(color, label) {
var buttonElement;
buttonElement = jQuery('<span></span>');
buttonElement.hallobutton({
uuid: _this.options.uuid,
editable: _this.options.editable,
label: label,
command: 'foreColor',
commandValue: color,
cssClass: _this.options.buttonCssClass,
icon: 'fa fa-font'
});
buttonElement.find('.ui-button-text').attr('style', 'color: ' + color);
buttonElement.find('.ui-button-text').text('A');
buttonset.append(buttonElement);
});
},
});
})(jQuery);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment