MaterialEditorMenuView.js

/**
 * Created by aghassaei on 6/24/15.
 */


define(['jquery', 'underscore', 'menuParent', 'plist', 'materials', 'text!materialEditorMenuTemplate', 'fileSaver'],
    function($, _, MenuParentView, plist, materials, template, fileSaver){

    return MenuParentView.extend({

        events: {
            "click #saveToFile":                                 "_saveMaterialToFile",
            "click #newRandomColor":                             "_changeRandomColor"
        },

        _initialize: function(options){

            var materialID = options.myObject;

            if (!materialID) {
                console.warn("no editing material id passed in");
                this.model.set("currentNav", plist.allMenus.navMaterial.parent);
            }

            var material = materials.getMaterialForId(materialID);
            var json = {};
            if (material) json = material.toJSON();

            this.material = materials.newMaterial(json, true);
        },

        getPropertyOwner: function($target){
            if ($target.hasClass("materialEditor")) return this.material;
            else if ($target.hasClass("materialProperties")) return this.material.getProperties();
            return null;
        },

        updateHex: function(hex, $target){
            //update hex without rendering
            $target.css("border-color", hex);
        },

        _changeRandomColor: function(e){
            e.preventDefault();
            var color = this.material.randomHexColor();
            this.material.altColor = color;
            this.render();
        },

        _saveMaterialToFile: function(e){
            e.preventDefault();
            fileSaver.saveMaterial(this.material);
        },

        saveExitMenu: function(){
            materials.setMaterial(this.material.getID(), this.material.toJSON());
            return true;
        },

        deleteExitMenu: function(){
            var deleted = materials.deleteMaterial(this.material.getID());
            return deleted;
        },

        _makeTemplateJSON: function(){
            return _.extend(this.material.toJSON());
        },

        _destroy: function(){
            if(this.material) this.material.destroy();
            this.material = null;
        },

        template: _.template(template)
    });
});