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

Okeanos.Account = DS.Model.extend({

        email: DS.attr('string')

});

// CHECK can i use a single obj and not an array of obj

Okeanos.Account.FIXTURES = [{

        id: 001,

        email: "athina@mail.com"

}];

Okeanos.Vm = DS.Model.extend({

        // id: DS.attr('number'),         we do not define it ;)

        name: DS.attr('string'),

        hostname: DS.attr('string'),

        status: DS.attr('string'),

        os: DS.attr()

});

Okeanos.Vm.FIXTURES = 

[{

        id: 125355,

        name: "web-server",

        hostname: "user@snf-38389.vm.okeanos.grnet.gr",

        status: "running",

        os: "kubuntu"

},

{

        id: 12,

        name: "another-server",

        hostname: "user@snf-33333.vm.okeanos.grnet.gr",

        status: "off",

        os: "fedora"

}];

Okeanos.Net = DS.Model.extend({

        name: DS.attr('string'),

        status: DS.attr('string'),

        vms: DS.attr(),

        ips: DS.attr()

});

Okeanos.Net.FIXTURES = 

[{

}];

Okeanos.places = [{

          destination: "vms",

          title: "Virtual Machines",

          icon: "snf-pc-outline"

  },

  {

          destination: "nets",

          title: "Network",

          icon: "snf-network-outline"

  },

  {

          destination: "volumes",

          title: "Volumes",

          icon: "snf-volume-outline"

  },

  {

          destination: "pithos",

          title: "Pithos",

          icon: "snf-pithos-outline"

  },

  {

          destination: "images",

          title: "Images",

          icon: "snf-image-outline"

  },

  {

          destination: "snapshots",

          title: "Snapshots",

          icon: "snf-snapshot-outline"

  },

  {

          destination: "ips",

          title: "IPs",

          icon: "snf-nic-outline"

  },

  {

          destination: "sshkeys",

          title: "SSh Keys",

          icon: "snf-key-outline"

  }];

  Okeanos.AllActions = [{

          description:'start',

          'snf-components':['vms'],

          'enabled-status': ['off'],

          action: 'is this a function?'

},

 {

         description:'destroyElement',

         'snf-components': ['vms', 'nets'],

         'enabled-status': ['all'],

         action: 'is this a function?',

},

{

         description:'shutdown',

         'snf-components': ['vms'],

         'enabled-status': ['running'],

         action: 'is this a function?'

},

{

         description:'add machine',

         'snf-components': ['nets'],

         'enabled-status': ['active'],

         action: 'is this a function?'

},

{

         description:'action for all',

         'snf-components': ['vms', 'nets'],

         'enabled-status': ['all'],

         action: 'is this a function?'

}];/* 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(),

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

                })

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

        addNewBtn: false,

        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.AddNewComponent = Ember.Component.extend({

        template: Ember.TEMPLATES['snfElem'],

        addNewBtn: true,

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

    });

        }

});