/**
 * Created by aghassaei on 2/1/15.
 */


AnimationMenuView = Backbone.View.extend({

    el: "#menuContent",

    events: {
        "click .sceneType":                         "_changeScene"
    },

    initialize: function(options){

        this.appState = options.appState;

        //bind events
        this.listenTo(this.model, "change:currentScene", this.render);
    },

    _changeScene: function(e){
        e.preventDefault();
        this.model.set("currentScene", $(e.target).data("type"));
    },

    render: function(){
        if (this.appState.get("currentTab") != "animate") return;
        this.$el.html(this.template(this.model.attributes));
    },

    template: _.template('\
        animation settings\
        ')

});

//        Scene:   \
//        <div class="btn-group">\
//            <button data-toggle="dropdown" class="btn dropdown-toggle" type="button"><%= allScenes[currentScene] %><span class="caret"></span></button>\
//            <ul role="menu" class="dropdown-menu">\
//                <% _.each(_.keys(allScenes), function(key){ %>\
//                    <li><a class="sceneType" data-type="<%= key %>" href="#"><%= allScenes[key] %></a></li>\
//                <% }); %>\
//            </ul>\
//        </div><br/><br/>\