Synnefo

/* 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() {

                // we need the set because ElemsController gets the value of current path in every transition

                Okeanos.set('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({

        type: undefined,

        itemController: function(){

                var type = this.type;

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

        }.property(),

        icon: function() {

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

        }.property(),

        hasOS: function(){

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

                                return true;

                        else return false;

        }.property(),

                hasTags: 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'));

                })

        }.property(),

        createBtn: false,        

        actions: {

                shutdown: function(param) {

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

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

                },

                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',

        addNewBtn: false,

        template: Ember.TEMPLATES['snfElem'],

        tagName: 'li',

        selectable: true,

        initSelect: 'unchecked',

        classNameBindings: ['status'],

        attributeBindings: ['data-status'],

        'data-status': function() {

                return this.status;

        }.property(),

        status: function() {

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

        }.property('controller.status')

});

Okeanos.ImgWrapView = Ember.View.extend({

        template: Ember.TEMPLATES['img-wrap'],

        classNames: ['img-wrap'],

        icon: function() {

                var addNewBtn = this.get('parentView').get('addNewBtn');

                console.log('addNewBtn: ' + addNewBtn);

                if(addNewBtn)

                        return this.get('parentView').get('icon');

                else

                        return this.get('parentView').get('controller').get('parentController').get('icon');

        }.property()

});

// to evala ws view gt thelw na kanw diaxeirisi tou interaction tou xristi

Okeanos.ElementSidebarView = Ember.View.extend({

        tagName: 'ul',

        classNames: ['side-actions'],

        template: Ember.TEMPLATES['elementSidebar']

});

/* Components */

Okeanos.Btn1Component = Ember.Component.extend({

        tagName: 'a',

        click: function() {

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

        }

});

Okeanos.AddNewComponent = Ember.Component.extend({

        template: Ember.TEMPLATES['snfElem'],

        addNewBtn: true,

        selectable: false,

        icon: function() {

                baseIcon = Okeanos.places.findBy('destination', this.get('type')).icon;

                return        baseIcon.replace('outline', 'create-full');

        }.property(),

        tagName: 'li',

        status: 'add-new',

        classNameBindings: ['status'],

        attributeBindings: ['data-status'],

        'data-status': function() {

                return this.status;

        }.property(),

        name: function() {

                var msg = 'Add New ';

                var btnType = this.get('type')

                if(btnType === 'vms')

                        return msg + 'Machine';

                else if(btnType === 'nets')

                        return msg + 'Network';

        }.property()

});

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);

    });

        }

});

Okeanos.SnfCheckboxComponent = Ember.Component.extend({

        tagName: 'a',

        classNames: ['check'],

        initState: function() {

                return this.get('initState');

        }.property(),

        template: Ember.TEMPLATES['snf-checkbox'],

        didInsertElement: function() {

                var domRef = this.$();

                var self =this;

                this.setInitClasses();

                domRef.click(function(e) {

            e.preventDefault();

            e.stopPropagation();

            self.changeState(domRef);

            // ui.entitiesActionsEnabled();

            console.log(self.get('elementID'))

        });

        },

        setInitClasses: function() {

                var self =this.$();

                switch(this.initState){

                        case 'unchecked': {

                                this.uncheck(self);

                                break;

                        }

                        case 'prechecked': {

                                self.find('span').addClass('prechecked')

                                this.check(self);

                                break;

                        }

                }

        },

        // used to be in ui.checkbox

        changeState : function(checkbox_link) {

        $(checkbox_link).find('.snf-checkbox-unchecked, .snf-checkbox-checked').toggleClass('snf-checkbox-unchecked snf-checkbox-checked');

        $(checkbox_link).closest('li').toggleClass('selected');

    },

    check : function(checkbox_link) {

        $(checkbox_link).find('span').removeClass('snf-checkbox-unchecked').addClass('snf-checkbox-checked');

        $(checkbox_link).closest('li').addClass('selected');

    },

    uncheck : function(checkbox_link) {

        $(checkbox_link).find('span').removeClass('snf-checkbox-checked').addClass('snf-checkbox-unchecked');

        $(checkbox_link).closest('li').removeClass('selected');

    },

    reset: function(area) {

        $(area).find('.snf-radio-checked').not('.prechecked').toggleClass('snf-radio-checked snf-radio-unchecked');

        $(area).find('.snf-radio-unchecked.prechecked').toggleClass('snf-radio-checked snf-radio-unchecked');

    },

});