Synnefo

/* Init Application */

window.Okeanos = Ember.Application.create({

        currentPath: 'vms',

         LOG_TRANSITIONS: true, // To have Ember write out transition events to the log (it can be helpful to see exactly what is going on with the router)

});

Okeanos.ApplicationAdapter = DS.FixtureAdapter.extend();

/* Mapping */

Okeanos.Router.map(function() {

for(var i=0; i<Okeanos.places.length; i++)

        this.resource(Okeanos.places[i].destination);

});

/* Routes */

Okeanos.ApplicationRoute = Ember.Route.extend({

        model: function() {

                return {email: 'athina@mail.com'};

        }

});

Okeanos.VmsRoute = Ember.Route.extend({

        model: function() {

                return this.store.find('vm');

        },

        renderTemplate: function(controller) {

                this.render('snfElems', {controller: controller})

        }

});

Okeanos.NetsRoute = Ember.Route.extend({

        model: function() {

                return [{id: '1', name:'net1', status: 'active'}, {id: '2', name:'net2', status: 'error'}];

        },

        renderTemplate: function(controller) {

                this.render('snfElems', {controller: controller})

        }

});

/* Controllers */

Okeanos.ApplicationController = Ember.Controller.extend({

        updateCurrentPath: function() {

                Okeanos.set('currentPath', this.get('currentPath'))

                console.log('AppController: CurrentPath ->', this.get('currentPath'));

                return this.get('currentPath');

        }.observes('currentPath'),

        actions: {

                test: function() {

                        console.log('This is test from Okeanos.ApplicationController');

                        return 0;

                }

        },

        pageTitle : function() {

                var currentPath =this.get('currentPath');

                if(currentPath!== 'index') return Okeanos.places.findBy('destination', this.get('currentPath')).title;

                        else return 'Home';

        }.property('currentPath'),

        // name: "okeanos application",

});

Okeanos.ElemsController = Ember.ArrayController.extend({

        // ElementController: 'vm',

        type: undefined,

        itemController: function(){

                var type = this.type;

                console.log('type ', type.substring(0, type.length - 1))

                return type.substring(0, type.length - 1);

        }.property(),

        icon: function() {

                return        Okeanos.places.findBy('destination', this.get('type')).icon.replace('outline', 'full');

        }.property(),

        iconCreate: function() {

                return this.icon.replace('full', 'create-full')

        }.property(),

        hasOS: function(){

                        if(Okeanos.get('currentPath') == "vms")

                                return true;

                        else return false;

        }.property(),

});

Okeanos.VmsController = Okeanos.ElemsController.extend({

        type: 'vms'

});

Okeanos.NetsController = Okeanos.ElemsController.extend({

        type: 'nets'

});

Okeanos.ElemController = Ember.ObjectController.extend({

        needs: [],

        actionsList: Okeanos.AllActions,

        setAvailableActions: function() {

                var parent = this.needs;

                var self = this;

                return this.actionsList.filter(function(el) {

                        return _.contains(el['snf-components'], self.get('controllers.'+parent).type) &&( _.contains(el['enabled-status'], self.get('model.status')) || _.contains(el['enabled-status'], 'all'));

                })

                // return this.actionsList

        }.property(),

        createBtn: false,        

        actions: {

                shutdown: function(param) {

                        console.log(this.get('model.status'));

                        this.set('model.status', 'shutting')

                        console.log(this.get('model.status'));

                        // this.set('building')

                },

                destroyElement: function(param) {

                        var element = this.get('model');

                        element.deleteRecord();

                        element.save();

                }

        }

});

Okeanos.VmController = Okeanos.ElemController.extend({

        needs: ['vms']

});

Okeanos.NetController = Okeanos.ElemController.extend({

        needs: ['nets']

});

/* Views */

Okeanos.NavIconView = Ember.View.extend({

        tagName: 'span',

        click: function(e) {

                var parentEl = this.$().parent('a');

                var currentEl = this.$().parents('li').siblings('li').find('a.current');

                ui.replaceClass(currentEl, 'full', 'outline', 'snf-');

                ui.replaceClass(parentEl, 'outline', 'full', 'snf-');

        }

});

Okeanos.NavigationView = Ember.CollectionView.extend({

  tagName: "ul",

  classNames: ['icons-nav'],

  content: Okeanos.places,

  itemViewClass: Ember.View.extend({

    template: Ember.TEMPLATES["navigationItem"]

  }),

});

Okeanos.ElemView = Ember.View.extend({

        // templateName: 'elem',

        template: Ember.TEMPLATES['snfElem'],

        tagName: 'li',

        classNameBindings: ['status'],

        attributeBindings: ['data-status'],

        'data-status': function() {

                return this.status;

        }.property(),

        status: function() {

                return this.get('controller.status');

        }.property('controller.status')

})

/* Components */

Okeanos.ActionBtnsSimpleComponent = Ember.Component.extend({

        tagName: 'a',

        click: function() {

                this.sendAction("action", this.get('param'));

        }

});

Okeanos.LoginMenuComponent = Ember.Component.extend({

        classNames: ['login'],

        didInsertElement: function() {

                console.log('didInsertElement');

                var self = this.$();

                self.mouseenter(function(e){

                self.find('ul').stop(true, true).slideDown(200);

            });

            self.mouseleave(function(e){

        self.find('ul').stop(true, true).slideUp(200);

    });

        }

});