59 lines
2.1 KiB
JavaScript
59 lines
2.1 KiB
JavaScript
|
"use strict";
|
||
|
|
(function nav_js() {
|
||
|
|
var moduleName = "views/nav";
|
||
|
|
|
||
|
|
var defineArray = [];
|
||
|
|
defineArray.push("views/layout");
|
||
|
|
defineArray.push("views/label");
|
||
|
|
|
||
|
|
define(moduleName, defineArray, function nav_module() {
|
||
|
|
var Layout = require("views/layout");
|
||
|
|
var Label = require("views/label");
|
||
|
|
|
||
|
|
var Nav = Layout.inherit({
|
||
|
|
"className": "Nav",
|
||
|
|
"constructor": function(controller, options) {
|
||
|
|
var base = {
|
||
|
|
"padding": 5
|
||
|
|
};
|
||
|
|
W.extend(base, options);
|
||
|
|
Layout.fn.constructor.call(this, controller, base);
|
||
|
|
|
||
|
|
this._initProxy();
|
||
|
|
|
||
|
|
this._label = new Label(this._f.label);
|
||
|
|
this._label.on("changeLimits", this._onChangeLimits, this);
|
||
|
|
this._onChangeLimits();
|
||
|
|
|
||
|
|
this.append(this._label, Layout.Aligment.CenterCenter);
|
||
|
|
this.addClass("hoverable");
|
||
|
|
|
||
|
|
this._e.addEventListener("click", this._proxy.onClick, false);
|
||
|
|
},
|
||
|
|
"destructor": function() {
|
||
|
|
this._e.removeEventListener("click", this._proxy.onClick, false);
|
||
|
|
|
||
|
|
Layout.fn.destructor.call(this);
|
||
|
|
},
|
||
|
|
"_initProxy": function() {
|
||
|
|
this._proxy = {
|
||
|
|
onClick: this._onClick.bind(this)
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"_onChangeLimits": function() {
|
||
|
|
this._o.minWidth = this._label._o.minWidth + this._o.padding * 2;
|
||
|
|
this._o.maxWidth = this._label._o.maxWidth + this._o.padding * 2;
|
||
|
|
this._o.minHeight = this._label._o.minHeight + this._o.padding * 2;
|
||
|
|
this._o.maxHeight = this._label._o.maxHeight + this._o.padding * 2;
|
||
|
|
|
||
|
|
this.trigger("changeLimits", this);
|
||
|
|
},
|
||
|
|
"_onClick": function(e) {
|
||
|
|
lorgar.changePage(this._f.targetAddress);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
return Nav;
|
||
|
|
});
|
||
|
|
})();
|