/* <copyright> This file contains proprietary software owned by Motorola Mobility, Inc.<br/> No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. </copyright> */ var Montage = require("montage/core/core").Montage, ShapesController = require("js/controllers/elements/shapes-controller").ShapesController, ToolProperties = require("js/components/tools-properties/tool-properties").ToolProperties; var FillProperties = exports.FillProperties = Montage.create(ToolProperties, { useFillColor: { value: null, serializable: true }, _fillColorCtrl: { value: null, serializable: true }, useWebGL: { value: null, serializable: true }, _materialsContainer: { value: null, serializable: true }, fillMaterial: { value: null, serializable: true }, addedColorChips: { value: false }, _fill: { enumerable: false, value: { colorMode: 'rgb', color: { r: 0, g: 0, b: 0, a: 1, css: 'rgb(0,0,0)', mode: 'rgb', wasSetByCode: true, type: 'change' }, webGlColor: [0, 0, 0, 1] } }, fill: { enumerable: true, get: function () { return this._fill; }, set: function (value) { if (value !== this._fill) { this._fill = value; } } }, draw: { enumerable: false, value: function () { Object.getPrototypeOf(FillProperties).draw.call(this); if (this.addedColorChips === false && this.application.ninja.colorController.colorPanelDrawn) { this._fillColorCtrl.props = { side: 'top', align: 'center', wheel: true, palette: true, gradient: false, image: false, nocolor: true, offset: -80 }; this.application.ninja.colorController.addButton("chip", this._fillColorCtrl); this._fillColorCtrl.addEventListener("change", this.handleFillColorChange.bind(this), false); this.addedColorChips = true; } if (this.addedColorChips) { this._fillColorCtrl.color(this._fill.colorMode, this._fill.color); } } }, handleFillColorChange: { value: function (e) { this.fill = e._event; this.fill.webGlColor = this.application.ninja.colorController.colorModel.colorToWebGl(e._event.color); } }, _subPrepare: { value: function() { Object.defineBinding(this.fillMaterial, "items", { boundObject: this.application.ninja.appModel, boundObjectPropertyPath: "materials", oneway: false }); } }, handleAction: { value: function(event) { (this.useWebGL.checked) ? this._materialsContainer.style["display"] = "" : this._materialsContainer.style["display"] = "none"; } } });