Synnefo

/* Mapping */

Synnefo.Router.map(function() {

// I defined the above resource to extend its Route

this.resource('sections', {'path':'/'});

for(var i=0; i<Synnefo.conf.sectors.length; i++)

        this.resource(Synnefo.conf.sectors[i].destination/*, function() {

                this.route('grid');

                this.route('list');

        }*/);

});

/* Routes */

Synnefo.ApplicationRoute = Ember.Route.extend({

        model: function() {

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

        },

        redirect: function() {

                //  have to set vm navigation icon full

                this.transitionTo('vms');

        }

});

Synnefo.SectionsRoute = Ember.Route.extend({

        modelName: undefined,

        model: function() {

                return this.store.find(this.modelName);

        },

        renderTemplate: function(controller) {

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

        }

});

Synnefo.VmsRoute = Synnefo.SectionsRoute.extend({

        modelName: 'vm'

});

Synnefo.NetsRoute = Synnefo.SectionsRoute.extend({

        modelName: 'network'

});

Synnefo.VolumesRoute = Synnefo.SectionsRoute.extend({

        modelName: 'volume'

});

Synnefo.SnapshotsRoute = Synnefo.SectionsRoute.extend({

        modelName: 'snapshot'

});

Synnefo.ImagesRoute = Synnefo.SectionsRoute.extend({

        modelName: 'userImage'

});

/* Controllers */

Synnefo.ApplicationController = Ember.Controller.extend({

        updateCurrentPath: function() {

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

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

                return this.get('currentPath');

        }.observes('currentPath'),

        actions: {

                test: function() {

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

                        return 0;

                }

        },

        pageTitle : function() {

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

                if(currentPath!== 'index') return Synnefo.conf.sectors.findBy('destination', this.get('currentPath')).title;

                        else return 'Home';

        }.property('currentPath'),

        // name: "okeanos application",

});

Synnefo.ElemsController = Ember.ArrayController.extend({

        type: undefined,

        itemController: function(){

                var type = this.type;

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

        }.property(),

        icon: function() {

                // should this be placed in ElemsView?

                return        Synnefo.conf.sectors.findBy('destination', this.get('type')).icon.replace('outline', 'full');

        }.property(),

        hasOS: function(){

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

                                return true;

                        else return false;

        }.property(),

                hasTags: function(){

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

                                return true;

                        else return false;

        }.property(),

});

Synnefo.VmsController = Synnefo.ElemsController.extend({

        type: 'vms'

});

Synnefo.NetsController = Synnefo.ElemsController.extend({

        type: 'nets'

});

Synnefo.VolumesController = Synnefo.ElemsController.extend({

        type: 'volumes'

});

Synnefo.SnapshotsController = Synnefo.ElemsController.extend({

        type: 'snapshots'

});

Synnefo.ImagesController = Synnefo.ElemsController.extend({

        type: 'images'

});

Synnefo.ElemController = Ember.ObjectController.extend({

        needs: [],

        actionsList: Synnefo.conf.userActions,

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

                }

        }

});

Synnefo.VmController = Synnefo.ElemController.extend({

        needs: ['vms']

});

Synnefo.NetController = Synnefo.ElemController.extend({

        needs: ['nets']

});

Synnefo.VolumeController = Synnefo.ElemController.extend({

        needs: ['volumes']

});

Synnefo.SnapshotController = Synnefo.ElemController.extend({

        needs: ['snapshots']

});

Synnefo.ImageController = Synnefo.ElemController.extend({

        needs: ['images']

});

/* Views */

Synnefo.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-');

        }

});

Synnefo.NavigationView = Ember.CollectionView.extend({

  tagName: "ul",

  classNames: ['icons-nav'],

  content: Synnefo.conf.sectors,

  itemViewClass: Ember.View.extend({

    templateName: "navigationItem"

  }),

});

Synnefo.ElemView = Ember.View.extend({

        // templateName: 'elem',

        addNewBtn: false,

        templateName: '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')

});

Synnefo.ImgWrapView = Ember.View.extend({

        templateName: 'img-wrap',

        classNames: ['img-wrap'],

        icon: function() {

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

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

                if(addNewBtn)

                        return parentView.get('icon');

                else

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

        }.property()

});

Synnefo.NameView = Ember.View.extend({

        templateName: 'name',

        tagName: 'h4',

        name: function() {

                // the name may be defined inside the parent view or in its model or controller

                return this.get('parentView').get('controller').get('name');

        }.property()

});

// to be changed

Synnefo.ImmediateActionView = Ember.View.extend({

        templateName: 'actions',

        classNames: ['actions']

})

/* Components */

Synnefo.Btn1Component = Ember.Component.extend({

        tagName: 'a',

        click: function() {

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

        }

});

Synnefo.AddNewComponent = Ember.Component.extend({

        templateName: 'snfElem',

        addNewBtn: true,

        selectable: false,

        icon: function() {

                baseIcon = Synnefo.conf.sectors.findBy('destination', this.get('type')).icon;

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

        }.property(),

        tagName: 'li',

        status: 'add-new',

        classNameBindings: ['status'],

        attributeBindings: ['data-status, data-reveal-id'],

        'data-reveal-id': function(){

                if(addNewBtn)

                        return /*this.get('type').substring(0, type.length - 1)+*/'-wizard';

                else

                        return undefined;

        }.property(),

        'data-status': function() {

                return this.status;

        }.property(),

        name: function() {

                var msg = 'Create New ';

                var btnType = this.get('type')

                switch(btnType){

                        case 'vms':

                                return msg + 'Machine';

                        case 'nets':

                                return msg + 'Network';

                        case 'volumes':

                                return msg + 'Volume';

                        case 'snapshots':

                                return msg + 'Snapshot';

                        case 'images':

                                return '+ Upload New Image';

                }

        }.property(),

                click: function (e) {

                        console.log('clicked create new');

                        console.log($('.wizard').length);

                e.preventDefault();

                $('.overlay-area-custom').fadeIn(100);

                $('body').addClass('with-overlay');

                        $('#vm-wizard').foundation('reveal', 'open');

                $('#vm-wizard').fadeIn('slow');

                }

});

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

    });

        }

});

Synnefo.SnfCheckboxComponent = Ember.Component.extend({

        tagName: 'a',

        classNames: ['check'],

        templateName: 'components/select-btn',

        initState: function() {

                return this.get('initState');

        }.property(),

        didInsertElement: function() {

                var el = this.$();

                var self =this;

                this.setInitClasses();

                el.click(function(e) {

            e.preventDefault();

            e.stopPropagation();

            self.changeState(el);

            // ui.entitiesActionsEnabled();

        });

        },

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

    },

});