144 lines
5.2 KiB
JavaScript
144 lines
5.2 KiB
JavaScript
"use strict";
|
|
|
|
(function() {
|
|
var moduleName = "views/pane";
|
|
|
|
var defineArray = [];
|
|
defineArray.push("views/view");
|
|
defineArray.push("views/layout");
|
|
defineArray.push("views/label");
|
|
defineArray.push("views/image");
|
|
defineArray.push("views/button");
|
|
defineArray.push("lib/wController/localModel");
|
|
|
|
define(moduleName, defineArray, function() {
|
|
var View = require("views/view");
|
|
var Layout = require("views/layout");
|
|
var Label = require("views/label");
|
|
var Image = require("views/image");
|
|
var Button = require("views/button");
|
|
var LM = require("lib/wController/localModel");
|
|
|
|
var Pane = Layout.inherit({
|
|
"constructor": function PaneView (controller, options) {
|
|
var base = {
|
|
|
|
};
|
|
W.extend(base, options);
|
|
Layout.fn.constructor.call(this, controller, options);
|
|
|
|
this._aCount = 0;
|
|
this._initProxy();
|
|
this.addClass("hoverable");
|
|
this._e.addEventListener("click", this._proxy.onClick, false);
|
|
|
|
var lm = this._labelModel = new LM({
|
|
fontFamily: "casualFont"
|
|
});
|
|
|
|
if (this._f.hasImage()) {
|
|
this._image = new Image(this._f.image);
|
|
this.append(this._image, Layout.Aligment.CenterCenter);
|
|
}
|
|
|
|
var name = this._f.data.at("name");
|
|
this._labelModel.setData(name || "");
|
|
this._labelView = new Label(this._labelModel);
|
|
this._labelView.on("changeLimits", this._onLabelChangeLimits, this);
|
|
this.append(this._labelView, Layout.Aligment.CenterCenter);
|
|
|
|
this._f.on("newElement", this._onNewElement, this);
|
|
this._f.on("removeElement", this._onRemoveElement, this);
|
|
this._f.on("addAction", this._onAddAction, this);
|
|
|
|
var acts = this._f.getActions();
|
|
for (var i = 0; i < acts.length; ++i) {
|
|
this._onAddAction(acts[i]);
|
|
}
|
|
|
|
this._uncyclic.push(function() {
|
|
lm.destructor();
|
|
});
|
|
},
|
|
"destructor": function() {
|
|
this._e.removeEventListener("click", this._proxy.onClick, false);
|
|
|
|
Layout.fn.destructor.call(this);
|
|
},
|
|
"_onAddAction": function(model) {
|
|
var alignment;
|
|
switch (this._aCount) {
|
|
case 0:
|
|
alignment = Layout.Aligment.LeftTop;
|
|
break;
|
|
case 1:
|
|
alignment = Layout.Aligment.RightTop;
|
|
break;
|
|
case 2:
|
|
alignment = Layout.Aligment.RightBottom;
|
|
break;
|
|
case 3:
|
|
alignment = Layout.Aligment.LeftBottom;
|
|
break;
|
|
default:
|
|
console.warn("Pane can't place more then 4 action, ignoring");
|
|
break
|
|
}
|
|
if (alignment !== undefined) {
|
|
var view = new Button(model);
|
|
this.append(view, alignment);
|
|
this._aCount++;
|
|
}
|
|
},
|
|
"_applyProperties": function() {
|
|
this._onAddProperty("secondaryColor", "background");
|
|
|
|
Layout.fn._applyProperties.call(this);
|
|
},
|
|
"_initProxy": function() {
|
|
this._proxy = {
|
|
onClick: this._onClick.bind(this)
|
|
};
|
|
},
|
|
"_onClick": function() {
|
|
if (this._f.hasPageLink()) {
|
|
this.trigger("activate", this._f.getPageLink());
|
|
}
|
|
},
|
|
"_onLabelChangeLimits": function(label) {
|
|
this.setMinSize(label._o.minWidth, this._h);
|
|
},
|
|
"_onNewElement": function(key, value) {
|
|
switch (key) {
|
|
case "name":
|
|
this._labelModel.setData(value.toString());
|
|
break;
|
|
case "image":
|
|
this._image = new Image(this._f.image);
|
|
this.append(this._image, Layout.Aligment.LeftTop, 0);
|
|
break;
|
|
}
|
|
},
|
|
"_onRemoveElement": function(key) {
|
|
switch (key) {
|
|
case "name":
|
|
this._labelModel.setData("");
|
|
break;
|
|
case "image":
|
|
this._image.destructor();
|
|
break;
|
|
}
|
|
},
|
|
"setSize": function(w, h) {
|
|
Layout.fn.setSize.call(this, w, h);
|
|
|
|
if (this._f.hasImage()) {
|
|
this._image.setSize(w, h);
|
|
}
|
|
}
|
|
});
|
|
|
|
return Pane;
|
|
});
|
|
})();
|