89 lines
2.9 KiB
JavaScript
89 lines
2.9 KiB
JavaScript
|
/*
|
||
|
|
* This file is part of Toolkit.
|
||
|
|
*
|
||
|
|
* Toolkit is free software; you can redistribute it and/or
|
||
|
|
* modify it under the terms of the GNU General Public
|
||
|
|
* License as published by the Free Software Foundation; either
|
||
|
|
* version 3 of the License, or (at your option) any later version.
|
||
|
|
*
|
||
|
|
* Toolkit is distributed in the hope that it will be useful,
|
||
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
|
||
|
|
* Lesser General Public License for more details.
|
||
|
|
*
|
||
|
|
* You should have received a copy of the GNU General
|
||
|
|
* Public License along with this program; if not, write to the
|
||
|
|
* Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
|
||
|
|
* Boston, MA 02110-1301 USA
|
||
|
|
*/
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
(function(w, TK){
|
||
|
|
|
||
|
|
TK.Icon = TK.class({
|
||
|
|
/**
|
||
|
|
* TK.Icon represents a <code><DIV></code> element showing either
|
||
|
|
* icons from the toolkit font or dedicated image files as CSS background.
|
||
|
|
*
|
||
|
|
* @class TK.Icon
|
||
|
|
*
|
||
|
|
* @extends TK.Widget
|
||
|
|
*
|
||
|
|
* @param {Object} [options={ }] - An object containing initial options.
|
||
|
|
*
|
||
|
|
* @property {String} [options.icon] - The icon to show. It can either be
|
||
|
|
* a string which is interpreted as class name (if <code>[A-Za-z0-9_\-]</code>) or as URI.
|
||
|
|
*/
|
||
|
|
_class: "Icon",
|
||
|
|
Extends: TK.Widget,
|
||
|
|
_options: Object.assign(Object.create(TK.Widget.prototype._options), {
|
||
|
|
icon: "string",
|
||
|
|
}),
|
||
|
|
options: {
|
||
|
|
icon: false,
|
||
|
|
},
|
||
|
|
initialize: function (options) {
|
||
|
|
var E;
|
||
|
|
TK.Widget.prototype.initialize.call(this, options);
|
||
|
|
/**
|
||
|
|
* @member {HTMLDivElement} TK.Icon#element - The main DIV element. Has class <code>toolkit-icon</code>
|
||
|
|
*/
|
||
|
|
if (!(E = this.element)) this.element = E = TK.element("div");
|
||
|
|
TK.add_class(E, "toolkit-icon");
|
||
|
|
this.widgetize(E, true, true, true);
|
||
|
|
this._icon_old = [];
|
||
|
|
},
|
||
|
|
redraw: function() {
|
||
|
|
var O = this.options;
|
||
|
|
var I = this.invalid;
|
||
|
|
var E = this.element;
|
||
|
|
|
||
|
|
TK.Widget.prototype.redraw.call(this);
|
||
|
|
|
||
|
|
if (I.icon) {
|
||
|
|
I.icon = false;
|
||
|
|
var old = this._icon_old;
|
||
|
|
for (var i = 0; i < old.length; i++) {
|
||
|
|
if (old[i] && TK.is_class_name(old[i])) {
|
||
|
|
TK.remove_class(E, old[i]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
this._icon_old = [];
|
||
|
|
if (TK.is_class_name(O.icon)) {
|
||
|
|
E.style["background-image"] = null;
|
||
|
|
if (O.icon)
|
||
|
|
TK.add_class(E, O.icon);
|
||
|
|
} else if (O.icon) {
|
||
|
|
E.style["background-image"] = "url(\"" + O.icon + "\")";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
set: function (key, val) {
|
||
|
|
if (key == "icon") {
|
||
|
|
this._icon_old.push(this.options.icon);
|
||
|
|
}
|
||
|
|
return TK.Widget.prototype.set.call(this, key, val);
|
||
|
|
},
|
||
|
|
});
|
||
|
|
})(this, this.TK);
|