Revision ef5eff50

b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js
743 743 

  		





  744
  744
  
    
    ui.replaceClass($('a.current, a.active'), 'outline', 'full', 'snf-');


  		





  745
  745
  
    

  		





  746
  
  
    
    $('.tag-data').mouseover(function() {


  		





  747
  
  
    
        $(this).find('.delete').css({visibility: 'visible'})


  		





  748
  
  
    
    });


  		





  749
  
  
    
    $('.tag-data').mouseleave(function(){


  		





  750
  
  
    
        $(this).find('.delete').css({visibility: 'hidden'})


  		





  751
  
  
    
    });


  		





  752
  
  
    
    $('.tag-data .delete').click(function(e) {


  		





  753
  
  
    
        e.preventDefault();


  		





  754
  
  
    
        $(this).closest('div').fadeOut('slow');


  		





  755
  
  
    
    });


  		





  
  746
  
    

  		





  756
  747
  
    

  		





  757
  748
  
    
    $('.storage-progress').hover(


  		





  758
  749
  
    
        function(e){


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/ember/components/tag-el.js
    
  






  
  1
  
    
App.TagElComponent = Ember.Component.extend({


  		





  
  2
  
    
    tagName: 'li',


  		





  
  3
  
    
    title:'tag1',


  		





  
  4
  
    
    color: 'yellow',


  		





  
  5
  
    
    style: function () {


  		





  
  6
  
    
        return 'background-color:'+this.color;


  		





  
  7
  
    
    }.property('color'),


  		





  
  8
  
    

  		





  
  9
  
    
    didInsertElement: function() {


  		





  
  10
  
    
        this.$().find('.tag').attr('data-tooltip','');


  		





  
  11
  
    
        Foundation.libs.tooltips.init();


  		





  
  12
  
    
    },


  		





  
  13
  
    

  		





  
  14
  
    
    actions: {


  		





  
  15
  
    
        deleteTag: function() {


  		





  
  16
  
    
            this.sendAction();


  		





  
  17
  
    
        },


  		





  
  18
  
    
    },


  		





  
  19
  
    

  		





  
  20
  
    
});


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/ember/controllers/items.js
    
  






  1
  1
  
    
App.ItemsListController = Ember.ArrayController.extend({


  		





  2
  2
  
    
    


  		





  3
  3
  
    
    codeName: '',


  		





  4
  
  
    
    


  		





  5
  4
  
    

  		





  6
  
  
    
    // returns the same as codename, i.e. networks


  		





  
  5
  
    
    // returns the same as codename, i.e. networks, serves as page title


  		





  7
  6
  
    
    title: function () {


  		





  8
  7
  
    
        return this.codeName;


  		





  9
  8
  
    
    }.property(),


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/ember/controllers/vm.js
    
  






  28
  28
  
    
    }.property('model.enabledActions'),


  		





  29
  29
  
    

  		





  30
  30
  
    
    actions: {


  		





  31
  
  
    
        


  		





  
  31
  
    

  		





  
  32
  
    
/*        deleteTag: function() {


  		





  
  33
  
    
            console.log('t');


  		





  
  34
  
    
            alert('skata');


  		





  
  35
  
    
        },


  		





  
  36
  
    
*/


  		





  32
  37
  
    
        modalConnect: function(){


  		





  33
  38
  
    
            var component = Ember.View.views["modal-connect"];


  		





  34
  39
  
    
            component.set('message', 'connect to your <3 ' + this.get('model').get('name'));


  		





  ......




  69
  74
  
    
        },


  		





  70
  75
  
    

  		





  71
  76
  
    
    },


  		





  72
  
  
    
});


  		





  
  77
  
    
});


  		





  
  78
  
    

  		





  
  79
  
    

  		





  
  80
  
    
App.VmInfoController = App.VmController.extend();


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/ember/routes/vm.js
    
  






  8
  8
  
    
        this.render('vm');


  		





  9
  9
  
    

  		





  10
  10
  
    
        this.render('lt-bar', {


  		





  11
  
  
    
          into: 'vm',


  		





  12
  
  
    
          outlet: 'lt-bar',


  		





  13
  
  
    
          controller: 'vms',


  		





  
  11
  
    
            into: 'vm',


  		





  
  12
  
    
            outlet: 'lt-bar',


  		





  
  13
  
    
            controller: 'vms',


  		





  14
  14
  
    
        });


  		





  15
  
  
    

  		





  16
  
  
    
/*        this.render('test', {


  		





  17
  
  
    
          into: 'item',


  		





  18
  
  
    
          outlet: 'test',


  		





  19
  
  
    
          controller: 'vm',


  		





  20
  
  
    
        });*/


  		





  21
  
  
    
    }


  		





  22
  
  
    

  		





  
  15
  
    
    },


  		





  23
  16
  
    
});


  		





  24
  17
  
    

  		





  25
  18
  
    

  		





  26
  19
  
    
App.VminitRoute = Ember.Route.extend({


  		





  27
  20
  
    

  		





  28
  21
  
    
  model: function(params){


  		





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


  		





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


  		





  30
  23
  
    
  },


  		





  31
  24
  
    

  		





  32
  25
  
    
  afterModel: function(model) {


  		





  33
  
  
    
    this.transitionTo('vm', model.get('firstObject').id);


  		





  34
  
  
    
  }


  		





  35
  
  
    
});


  		





  
  26
  
    
       this.transitionTo('vm', model.get('firstObject').id);


  		





  
  27
  
    
  },


  		





  
  28
  
    

  		





  
  29
  
    
});


  		





  
  30
  
    

  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/ember/routes/vmDetails.js
    
  






  1
  1
  
    
App.VmInfoRoute = Ember.Route.extend({


  		





  2
  
  
    
     renderTemplate: function() {


  		





  
  2
  
    
    renderTemplate: function() {


  		





  3
  3
  
    
        this.render('details/info');


  		





  4
  4
  
    
    },


  		





  
  5
  
    
    model: function (params) {


  		





  
  6
  
    
        return this.modelFor("vm");


  		





  
  7
  
    
    },


  		





  
  8
  
    
    actions: {


  		





  
  9
  
    
        deleteTag: function(argument) {


  		





  
  10
  
    
          alert('action route');


  		





  
  11
  
    
        },


  		





  
  12
  
    
    },


  		





  5
  13
  
    
});


  		





  6
  14
  
    

  		





  7
  15
  
    
App.VmDiskConnectedRoute = Ember.Route.extend({


  		





  8
  
  
    
     renderTemplate: function() {


  		





  
  16
  
    
    renderTemplate: function() {


  		





  9
  17
  
    
        this.render('details/disk-connected');


  		





  10
  18
  
    
    },


  		





  
  19
  
    
    model: function (params) {


  		





  
  20
  
    
        return this.modelFor("vm");


  		





  
  21
  
    
    }


  		





  11
  22
  
    
});


  		





  12
  23
  
    

  		





  13
  24
  
    
App.VmNetworkConnectedRoute = Ember.Route.extend({


  		





  14
  
  
    
     renderTemplate: function() {


  		





  
  25
  
    
    renderTemplate: function() {


  		





  15
  26
  
    
        this.render('details/network-connected');


  		





  16
  27
  
    
    },


  		





  
  28
  
    
    model: function (params) {


  		





  
  29
  
    
        return this.modelFor("vm");


  		





  
  30
  
    
    }


  		





  17
  31
  
    
});


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/ember/views/tags-list.js
    
  






  1
  1
  
    
App.tagsListView = Ember.View.extend({


  		





  2
  
  
    
    tagName: 'div',


  		





  
  2
  
    
    tagName: 'ul',


  		





  3
  3
  
    
    classNames: ['tags'],


  		





  4
  4
  
    
    templateName: 'tags-list',


  		





  5
  5
  
    
});


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/router.js
    
  






  1
  1
  
    
App.Router.map(function (argument) {


  		





  
  2
  
    

  		





  2
  3
  
    
	this.resource('vms', { path: '/vms/:view_cls' });


  		





  3
  4
  
    
    this.resource('vminit', { path: '/vm'});


  		





  4
  5
  
    
	this.resource('vm', { path: '/vm/:vm_id' }, function () {


  		





  5
  
  
    
		this.route('info');


  		





  6
  
  
    
		this.route('disk-connected');


  		





  7
  
  
    
		this.route('network-connected');


  		





  
  6
  
    
		;this.route('info');


  		





  
  7
  
    
        this.route('disk-connected');


  		





  
  8
  
    
        this.route('network-connected')


  		





  8
  9
  
    
	});


  		





  9
  
  
    
	this.resource('networks', {path: '/networks/:view_cls'});


  		





  
  10
  
    

  		





  
  11
  
    
    this.resource('networks', {path: '/networks/:view_cls'});


  		





  10
  12
  
    
    this.resource('networkinit', { path: '/network'});


  		





  11
  13
  
    
	this.resource('network', { path: '/network/:network_id' }, function () {


  		





  12
  14
  
    
		this.route('info');


  		





  13
  15
  
    
		this.route('vm-connected');


  		





  14
  16
  
    
	});


  		





  
  17
  
    

  		





  15
  18
  
    
    this.resource('volumes', {path: '/volumes/:view_cls'});


  		





  16
  19
  
    
    this.resource('volumeinit', { path: '/volume'});


  		





  17
  20
  
    
    this.resource('volume', { path: '/volume/:volume_id' }, function () {


  		





  18
  21
  
    
       this.route('info');


  		





  19
  22
  
    
       this.route('vm-connected');


  		





  20
  23
  
    
    });


  		





  
  24
  
    

  		





  21
  25
  
    
});


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/templates.js
    
  






  238
  238
  
    
  


  		





  239
  239
  
    
});


  		





  240
  240
  
    

  		





  241
  
  
    
Ember.TEMPLATES["components/tag-a"] = Ember.Handlebars.template(function anonymous(Handlebars,depth0,helpers,partials,data) {


  		





  
  241
  
    
Ember.TEMPLATES["components/tag-el"] = Ember.Handlebars.template(function anonymous(Handlebars,depth0,helpers,partials,data) {


  		





  242
  242
  
    
this.compilerInfo = [4,'>= 1.0.0'];


  		





  243
  243
  
    
helpers = this.merge(helpers, Ember.Handlebars.helpers); data = data || {};


  		





  244
  
  
    
  


  		





  
  244
  
    
  var buffer = '', stack1, escapeExpression=this.escapeExpression;


  		





  245
  245
  
    

  		





  246
  246
  
    

  		





  247
  
  
    
  data.buffer.push("&nbsp;");


  		





  
  247
  
    
  data.buffer.push("<a href=\"\" ");


  		





  
  248
  
    
  data.buffer.push(escapeExpression(helpers['bind-attr'].call(depth0, {hash:{


  		





  
  249
  
    
    'title': ("title"),


  		





  
  250
  
    
    'style': ("style")


  		





  
  251
  
    
  },hashTypes:{'title': "ID",'style': "ID"},hashContexts:{'title': depth0,'style': depth0},contexts:[],types:[],data:data})));


  		





  
  252
  
    
  data.buffer.push(" class=\"has-tip tag\">&nbsp;</a>\n<span>");


  		





  
  253
  
    
  stack1 = helpers._triageMustache.call(depth0, "title", {hash:{},hashTypes:{},hashContexts:{},contexts:[depth0],types:["ID"],data:data});


  		





  
  254
  
    
  if(stack1 || stack1 === 0) { data.buffer.push(stack1); }


  		





  
  255
  
    
  data.buffer.push("</span>\n<a class=\"delete\" ");


  		





  
  256
  
    
  data.buffer.push(escapeExpression(helpers.action.call(depth0, "deleteTag", {hash:{},hashTypes:{},hashContexts:{},contexts:[depth0],types:["STRING"],data:data})));


  		





  
  257
  
    
  data.buffer.push("><span class=\"snf-trash-outline\"></span></a>");


  		





  
  258
  
    
  return buffer;


  		





  248
  259
  
    
  


  		





  249
  260
  
    
});


  		





  250
  261
  
    

  		





  ......




  271
  282
  
    
Ember.TEMPLATES["details/info"] = Ember.Handlebars.template(function anonymous(Handlebars,depth0,helpers,partials,data) {


  		





  272
  283
  
    
this.compilerInfo = [4,'>= 1.0.0'];


  		





  273
  284
  
    
helpers = this.merge(helpers, Ember.Handlebars.helpers); data = data || {};


  		





  274
  
  
    
  var stack1, helper, options, self=this, helperMissing=helpers.helperMissing;


  		





  
  285
  
    
  var stack1, helper, options, escapeExpression=this.escapeExpression, self=this, helperMissing=helpers.helperMissing;


  		





  275
  286
  
    

  		





  276
  287
  
    
function program1(depth0,data) {


  		





  277
  288
  
    
  


  		





  278
  
  
    
  


  		





  279
  
  
    
  data.buffer.push("\n	<section class=\"info-block\">\n		<h2>info</h2>\n		<dl>\n			<dt><span class=\"snf-font snf-pc-full\"></span>Name</dt>\n			<dd>\n				<div class=\"editable\">\n			        <span class=\"input-txt\">My Opensuse Desktop Server 1</span>\n			        <input type=\"text\">\n			        <span class=\"editbuttons\">\n						<a href=\"#\" class=\"edit\"><span class=\"snf-edit\"></span></a>\n						<a href=\"#\" class=\"save\"><span class=\"snf-ok-sign\"></span></a>\n						<a href=\"#\" class=\"cancel\"><span class=\"snf-cancel-circled\"></span></a>\n					</span>\n			    </div>\n			</dd>\n			<dt><span class=\"snf-font snf-dashboard-outline\"></span>Assigned Project</dt>\n			<dd>Basic Project</dd>\n			<dt><span class=\"snf-chip-outline snf-font\"></span>CPUs</dt>\n			<dd>4</dd>\n			<dt><span class=\"snf-ram-full snf-font\"></span>RAM</dt>\n			<dd>512 MB</dd>\n			<dt><span class=\"snf-volume-full snf-font\"></span>System Disk Size</dt>\n			<dd>4GB</dd>\n			<dt><span class=\"snf-volume-full snf-font\"></span>Storage Type</dt>\n			<dd>Archipelago</dd>\n			<dt><span class=\"snf-image-full snf-font\"></span>Image Name</dt>\n			<dd>Fedora</dd>\n			<dt><span class=\"snf-image-full snf-font\"></span>Image Size</dt>\n			<dd>3.68 GB</dd>\n			<dt><span class=\"snf-nic-full snf-font\"></span>IPv4</dt>\n			<dd>83.212.96.152</dd>\n			<dt><span class=\"snf-nic-full snf-font\"></span>IPv4</dt>\n			<dd>83.212.96.153</dd>\n			<dt><span class=\"snf-nic-full snf-font\"></span>IPv6</dt>\n			<dd>2001:648:2ffc:1112:a80c:eaff:fec2:8cd9</dd>\n		</dl>\n	</section>\n	<section class=\"info-block tags\">\n		<h2>tags</h2>\n		<div class=\"tag-data\">\n			<a href=\"\" class=\"tag tag1 has-tip\" data-tooltip=\"\" title=\"Tooltip1\">&nbsp;</a>\n			<span>Tag Name</span>\n			<a class=\"delete\"><span class=\"snf-trash-outline\"></span></a>\n		</div>\n		<div class=\"tag-data\">\n			<a href=\"\" class=\"tag tag2 has-tip\" data-tooltip=\"\" title=\"Tooltip1\">&nbsp;</a>\n			<span>Tag Name</span>\n			<a class=\"delete\"><span class=\"snf-trash-outline\"></span></a>\n		</div>\n		<div class=\"tag-data\">\n			<a href=\"\" class=\"tag tag3 has-tip\" data-tooltip=\"\" title=\"Tooltip1\">&nbsp;</a>\n			<span>Tag Name</span>\n			<a class=\"delete\"><span class=\"snf-trash-outline\"></span></a>\n		</div>\n		<div class=\"buttons\">\n			<a href=\"\" class=\"btn1 show-add-tag wrap-a\" id=\"show-add-tag\">add new tag</a>\n		</div>\n		<div class=\"snf-color-picker\">\n		<h3>Select color:</h3>\n			<form action=\"#\" method=\"post\">\n				<div id=\"picker-2\">\n					<div class=\"farbtastic\">\n						<div class=\"color\" style=\"background-color: rgb(255, 0, 21);\"></div>\n						<div class=\"wheel\"></div>\n						<div class=\"overlay\"></div>\n						<div class=\"h-marker marker\" style=\"left: 90px; top: 13px;\"></div>\n						<div class=\"sl-marker marker\" style=\"left: 87px; top: 114px;\"></div>\n					</div>\n				</div>\n				<div class=\"form-item\">\n					<input type=\"text\" id=\"color-2\" class=\"color-preview \"name=\"color\" value=\"#16C1E9\" disabled>\n					<span class=\"input\"><input class=\"tag_name\" type=\"text\" placeholder=\"My Tag\"></span>\n				</div>\n			</form>\n			<div class=\"btns\">\n				<a class=\"btn1 wrap-a\" href=\"\">OK</a>\n				<a class=\"btn1 hide-add-tag wrap-a\" href=\"\">CANCEL</a>\n			</div>\n		</div>\n	</section>\n	<section class=\"info-block charts\">\n		<div>\n			<h2>CPU utilization</h2>\n			<div class=\"graph_container\">\n				<img src=\"images/cpu-ts.png\" alt=\"CPU utilization graph\">\n			</div>\n		</div>\n		<div>\n			<h2>Network utilization</h2>\n			<div class=\"graph_container\">\n				<img src=\"images/net-ts.png\" alt=\"network utilization graph\">\n			</div>\n		</div>\n	</section>\n");


  		





  
  289
  
    
  var buffer = '';


  		





  
  290
  
    
  data.buffer.push("\n\n	<section class=\"info-block\">\n		<h2>info</h2>\n		<dl>\n			<dt><span class=\"snf-font snf-pc-full\"></span>Name</dt>\n			<dd>\n				<div class=\"editable\">\n			        <span class=\"input-txt\">My Opensuse Desktop Server 1</span>\n			        <input type=\"text\">\n			        <span class=\"editbuttons\">\n						<a href=\"#\" class=\"edit\"><span class=\"snf-edit\"></span></a>\n						<a href=\"#\" class=\"save\"><span class=\"snf-ok-sign\"></span></a>\n						<a href=\"#\" class=\"cancel\"><span class=\"snf-cancel-circled\"></span></a>\n					</span>\n			    </div>\n			</dd>\n			<dt><span class=\"snf-font snf-dashboard-outline\"></span>Assigned Project</dt>\n			<dd>Basic Project</dd>\n			<dt><span class=\"snf-chip-outline snf-font\"></span>CPUs</dt>\n			<dd>4</dd>\n			<dt><span class=\"snf-ram-full snf-font\"></span>RAM</dt>\n			<dd>512 MB</dd>\n			<dt><span class=\"snf-volume-full snf-font\"></span>System Disk Size</dt>\n			<dd>4GB</dd>\n			<dt><span class=\"snf-volume-full snf-font\"></span>Storage Type</dt>\n			<dd>Archipelago</dd>\n			<dt><span class=\"snf-image-full snf-font\"></span>Image Name</dt>\n			<dd>Fedora</dd>\n			<dt><span class=\"snf-image-full snf-font\"></span>Image Size</dt>\n			<dd>3.68 GB</dd>\n			<dt><span class=\"snf-nic-full snf-font\"></span>IPv4</dt>\n			<dd>83.212.96.152</dd>\n			<dt><span class=\"snf-nic-full snf-font\"></span>IPv4</dt>\n			<dd>83.212.96.153</dd>\n			<dt><span class=\"snf-nic-full snf-font\"></span>IPv6</dt>\n			<dd>2001:648:2ffc:1112:a80c:eaff:fec2:8cd9</dd>\n		</dl>\n	</section>\n	<section class=\"info-block tags\">\n		<h2>tags</h2>\n		");


  		





  
  291
  
    
  data.buffer.push(escapeExpression(helpers.view.call(depth0, "App.tagsListView", {hash:{},hashTypes:{},hashContexts:{},contexts:[depth0],types:["ID"],data:data})));


  		





  
  292
  
    
  data.buffer.push("\n		<div class=\"buttons\">\n			<a href=\"\" class=\"btn1 show-add-tag wrap-a\" id=\"show-add-tag\">add new tag</a>\n		</div>\n		<div class=\"snf-color-picker\">\n		<h3>Select color:</h3>\n			<form action=\"#\" method=\"post\">\n				<div id=\"picker-2\">\n					<div class=\"farbtastic\">\n						<div class=\"color\" style=\"background-color: rgb(255, 0, 21);\"></div>\n						<div class=\"wheel\"></div>\n						<div class=\"overlay\"></div>\n						<div class=\"h-marker marker\" style=\"left: 90px; top: 13px;\"></div>\n						<div class=\"sl-marker marker\" style=\"left: 87px; top: 114px;\"></div>\n					</div>\n				</div>\n				<div class=\"form-item\">\n					<input type=\"text\" id=\"color-2\" class=\"color-preview \"name=\"color\" value=\"#16C1E9\" disabled>\n					<span class=\"input\"><input class=\"tag_name\" type=\"text\" placeholder=\"My Tag\"></span>\n				</div>\n			</form>\n			<div class=\"btns\">\n				<a class=\"btn1 wrap-a\" href=\"\">OK</a>\n				<a class=\"btn1 hide-add-tag wrap-a\" href=\"\">CANCEL</a>\n			</div>\n		</div>\n	</section>\n	<section class=\"info-block charts\">\n		<div>\n			<h2>CPU utilization</h2>\n			<div class=\"graph_container\">\n				<img src=\"images/cpu-ts.png\" alt=\"CPU utilization graph\">\n			</div>\n		</div>\n		<div>\n			<h2>Network utilization</h2>\n			<div class=\"graph_container\">\n				<img src=\"images/net-ts.png\" alt=\"network utilization graph\">\n			</div>\n		</div>\n	</section>\n");


  		





  
  293
  
    
  return buffer;


  		





  280
  294
  
    
  }


  		





  281
  295
  
    

  		





  282
  296
  
    
  stack1 = (helper = helpers['details-content'] || (depth0 && depth0['details-content']),options={hash:{


  		





  ......




  527
  541
  
    
  


  		





  528
  542
  
    
  var buffer = '', helper, options;


  		





  529
  543
  
    
  data.buffer.push("\n        ");


  		





  530
  
  
    
  data.buffer.push(escapeExpression((helper = helpers['tag-a'] || (depth0 && depth0['tag-a']),options={hash:{


  		





  
  544
  
    
  data.buffer.push(escapeExpression((helper = helpers['tag-el'] || (depth0 && depth0['tag-el']),options={hash:{


  		





  531
  545
  
    
    'title': ("tag.name"),


  		





  532
  546
  
    
    'color': ("tag.color")


  		





  533
  
  
    
  },hashTypes:{'title': "ID",'color': "ID"},hashContexts:{'title': depth0,'color': depth0},contexts:[],types:[],data:data},helper ? helper.call(depth0, options) : helperMissing.call(depth0, "tag-a", options))));


  		





  
  547
  
    
  },hashTypes:{'title': "ID",'color': "ID"},hashContexts:{'title': depth0,'color': depth0},contexts:[],types:[],data:data},helper ? helper.call(depth0, options) : helperMissing.call(depth0, "tag-el", options))));


  		





  534
  548
  
    
  data.buffer.push("\n    ");


  		





  535
  549
  
    
  return buffer;


  		





  536
  550
  
    
  }


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/templates/components/tag-el.hbs
    
  






  
  1
  
    
<a href="" {{bind-attr title=title style=style}} class="has-tip tag">&nbsp;</a>


  		





  
  2
  
    
<span>{{title}}</span>


  		





  
  3
  
    
<a class="delete" {{action 'deleteTag'}}><span class="snf-trash-outline"></span></a>


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/templates/details/info.hbs
    
  






  1
  1
  
    
{{#details-content id="info" class="info-simple"}}


  		





  
  2
  
    

  		





  2
  3
  
    
	<section class="info-block">


  		





  3
  4
  
    
		<h2>info</h2>


  		





  4
  5
  
    
		<dl>


  		





  ......




  38
  39
  
    
	</section>


  		





  39
  40
  
    
	<section class="info-block tags">


  		





  40
  41
  
    
		<h2>tags</h2>


  		





  41
  
  
    
		<div class="tag-data">


  		





  42
  
  
    
			<a href="" class="tag tag1 has-tip" data-tooltip="" title="Tooltip1">&nbsp;</a>


  		





  43
  
  
    
			<span>Tag Name</span>


  		





  44
  
  
    
			<a class="delete"><span class="snf-trash-outline"></span></a>


  		





  45
  
  
    
		</div>


  		





  46
  
  
    
		<div class="tag-data">


  		





  47
  
  
    
			<a href="" class="tag tag2 has-tip" data-tooltip="" title="Tooltip1">&nbsp;</a>


  		





  48
  
  
    
			<span>Tag Name</span>


  		





  49
  
  
    
			<a class="delete"><span class="snf-trash-outline"></span></a>


  		





  50
  
  
    
		</div>


  		





  51
  
  
    
		<div class="tag-data">


  		





  52
  
  
    
			<a href="" class="tag tag3 has-tip" data-tooltip="" title="Tooltip1">&nbsp;</a>


  		





  53
  
  
    
			<span>Tag Name</span>


  		





  54
  
  
    
			<a class="delete"><span class="snf-trash-outline"></span></a>


  		





  55
  
  
    
		</div>


  		





  
  42
  
    
		{{view App.tagsListView}}


  		





  56
  43
  
    
		<div class="buttons">


  		





  57
  44
  
    
			<a href="" class="btn1 show-add-tag wrap-a" id="show-add-tag">add new tag</a>


  		





  58
  45
  
    
		</div>


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/templates/item.hbs
    
  






  13
  13
  
    
		<div class= "status">


  		





  14
  14
  
    
			<span class="state">{{status-to-text this.status}}</span>


  		





  15
  15
  
    
		</div>


  		





  16
  
  
    

  		





  
  16
  
    
{{!-- {{codeNameParent}} kai edw vlepei ton controller--}}


  		





  17
  17
  
    
		{{view App.tagsListView}}


  		





  18
  18
  
    

  		





  19
  19
  
    
	</div>


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/templates/tags-list.hbs
    
  






  1
  1
  
    
{{#if hasTags}}


  		





  2
  2
  
    
    {{#each tag in this.tags}}


  		





  3
  
  
    
        {{tag-a title=tag.name color=tag.color}}


  		





  
  3
  
    
        {{tag-el title=tag.name color=tag.color}}


  		





  4
  4
  
    
    {{/each}}


  		





  5
  5
  
    
{{/if}}


  		





  6
  6
  
    
{{!-- {{icon}} --}}


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_details.scss
    
  






  115
  115
  
    
					margin-bottom: 1em;


  		





  116
  116
  
    
				}


  		





  117
  117
  
    
			}


  		





  118
  
  
    
			&.tags {


  		





  
  118
  
    
			.tags {


  		





  119
  119
  
    
				text-align:left;


  		





  120
  
  
    
				.tag-data {


  		





  121
  
  
    
					min-width: 30%;


  		





  
  120
  
    
				li {


  		





  
  121
  
    
					list-style: none outside none;


  		





  122
  122
  
    
					display: inline-block;


  		





  123
  
  
    
					padding: 4px 0;


  		





  124
  
  
    
					.delete {


  		





  125
  
  
    
						margin-left: 10px;


  		





  126
  
  
    
						visibility: hidden;


  		





  127
  
  
    
					}


  		





  
  123
  
    
					margin-right: 25px;


  		





  
  124
  
    
				}


  		





  
  125
  
    
				.tag {


  		





  
  126
  
    
					vertical-align: middle;


  		





  
  127
  
    
				}


  		





  
  128
  
    
				.delete {


  		





  
  129
  
    
					margin-left: 10px;	


  		





  128
  130
  
    
				}


  		





  129
  131
  
    
				.btns {


  		





  130
  132
  
    
					margin-top: 77px;


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_items-list.scss
    
  






  153
  153
  
    
				overflow: hidden;


  		





  154
  154
  
    
				.tags {


  		





  155
  155
  
    
					margin:1em 0;


  		





  
  156
  
    
					li {


  		





  
  157
  
    
						display: inline;


  		





  
  158
  
    
					}


  		





  
  159
  
    
					span, .delete {


  		





  
  160
  
    
						display: none;


  		





  
  161
  
    
					}


  		





  156
  162
  
    
				}


  		





  157
  163
  
    
			}


  		





  158
  164
  
    
		}


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
    
  






  7837
  7837
  
    
.grid-view .items-list > li .container .tags {


  		





  7838
  7838
  
    
  margin: 1em 0;


  		





  7839
  7839
  
    
}


  		





  
  7840
  
    
/* line 156, ../sass/_items-list.scss */


  		





  
  7841
  
    
.grid-view .items-list > li .container .tags li {


  		





  
  7842
  
    
  display: inline;


  		





  
  7843
  
    
}


  		





  
  7844
  
    
/* line 159, ../sass/_items-list.scss */


  		





  
  7845
  
    
.grid-view .items-list > li .container .tags span, .grid-view .items-list > li .container .tags .delete {


  		





  
  7846
  
    
  display: none;


  		





  
  7847
  
    
}


  		





  7840
  7848
  
    

  		





  7841
  
  
    
/* line 162, ../sass/_items-list.scss */


  		





  
  7849
  
    
/* line 168, ../sass/_items-list.scss */


  		





  7842
  7850
  
    
.list-view .btn5, .list-view .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .list-view a, .list-view .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .list-view a, .list-view #volume-wizard .step .volume_options > li .options-bar .options li a, #volume-wizard .step .volume_options > li .options-bar .options li .list-view a, .storage-progress .btn5, .storage-progress .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .storage-progress a, .storage-progress .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .storage-progress a, .storage-progress #volume-wizard .step .volume_options > li .options-bar .options li a, #volume-wizard .step .volume_options > li .options-bar .options li .storage-progress a {


  		





  7843
  7851
  
    
  display: none;


  		





  7844
  7852
  
    
}


  		





  7845
  
  
    
/* line 165, ../sass/_items-list.scss */


  		





  
  7853
  
    
/* line 171, ../sass/_items-list.scss */


  		





  7846
  7854
  
    
.list-view .lt-bar, .storage-progress .lt-bar {


  		





  7847
  7855
  
    
  position: fixed;


  		





  7848
  7856
  
    
  overflow: scroll;


  		





  ......




  7857
  7865
  
    
  background: white;


  		





  7858
  7866
  
    
  z-index: 3;


  		





  7859
  7867
  
    
}


  		





  7860
  
  
    
/* line 167, ../sass/_items-list.scss */


  		





  
  7868
  
    
/* line 173, ../sass/_items-list.scss */


  		





  7861
  7869
  
    
.list-view .lt-bar ul, .storage-progress .lt-bar ul {


  		





  7862
  7870
  
    
  list-style: none outside none;


  		





  7863
  7871
  
    
  font-size: 0.75em;


  		





  7864
  7872
  
    
}


  		





  7865
  
  
    
/* line 170, ../sass/_items-list.scss */


  		





  
  7873
  
    
/* line 176, ../sass/_items-list.scss */


  		





  7866
  7874
  
    
.list-view .lt-bar ul li, .storage-progress .lt-bar ul li {


  		





  7867
  7875
  
    
  list-style: none outside none;


  		





  7868
  7876
  
    
  height: 30px;


  		





  7869
  7877
  
    
  line-height: 30px;


  		





  7870
  7878
  
    
}


  		





  7871
  
  
    
/* line 174, ../sass/_items-list.scss */


  		





  
  7879
  
    
/* line 180, ../sass/_items-list.scss */


  		





  7872
  7880
  
    
.list-view .lt-bar ul li.select, .storage-progress .lt-bar ul li.select {


  		





  7873
  7881
  
    
  text-transform: capitalize;


  		





  7874
  7882
  
    
}


  		





  7875
  
  
    
/* line 176, ../sass/_items-list.scss */


  		





  
  7883
  
    
/* line 182, ../sass/_items-list.scss */


  		





  7876
  7884
  
    
.list-view .lt-bar ul li.select span, .storage-progress .lt-bar ul li.select span {


  		





  7877
  7885
  
    
  font-size: 16px;


  		





  7878
  7886
  
    
  margin-right: 5px;


  		





  7879
  7887
  
    
  position: relative;


  		





  7880
  7888
  
    
  top: 2px;


  		





  7881
  7889
  
    
}


  		





  7882
  
  
    
/* line 182, ../sass/_items-list.scss */


  		





  
  7890
  
    
/* line 188, ../sass/_items-list.scss */


  		





  7883
  7891
  
    
.list-view .lt-bar ul li.select em, .storage-progress .lt-bar ul li.select em {


  		





  7884
  7892
  
    
  display: none;


  		





  7885
  7893
  
    
  font-style: normal;


  		





  7886
  7894
  
    
}


  		





  7887
  
  
    
/* line 186, ../sass/_items-list.scss */


  		





  
  7895
  
    
/* line 192, ../sass/_items-list.scss */


  		





  7888
  7896
  
    
.list-view .lt-bar ul li.select:hover, .storage-progress .lt-bar ul li.select:hover {


  		





  7889
  7897
  
    
  color: #e660a3;


  		





  7890
  7898
  
    
  cursor: pointer;


  		





  7891
  7899
  
    
}


  		





  7892
  
  
    
/* line 190, ../sass/_items-list.scss */


  		





  
  7900
  
    
/* line 196, ../sass/_items-list.scss */


  		





  7893
  7901
  
    
.list-view .lt-bar ul li.select.selected, .storage-progress .lt-bar ul li.select.selected {


  		





  7894
  7902
  
    
  text-transform: lowercase;


  		





  7895
  7903
  
    
}


  		





  7896
  
  
    
/* line 192, ../sass/_items-list.scss */


  		





  
  7904
  
    
/* line 198, ../sass/_items-list.scss */


  		





  7897
  7905
  
    
.list-view .lt-bar ul li.select.selected em, .storage-progress .lt-bar ul li.select.selected em {


  		





  7898
  7906
  
    
  text-transform: capitalize;


  		





  7899
  7907
  
    
}


  		





  7900
  
  
    
/* line 200, ../sass/_items-list.scss */


  		





  
  7908
  
    
/* line 206, ../sass/_items-list.scss */


  		





  7901
  7909
  
    
.list-view .lt-bar ul.lt-actions li a, .storage-progress .lt-bar ul.lt-actions li a {


  		





  7902
  7910
  
    
  color: #bebebe;


  		





  7903
  7911
  
    
}


  		





  7904
  
  
    
/* line 202, ../sass/_items-list.scss */


  		





  
  7912
  
    
/* line 208, ../sass/_items-list.scss */


  		





  7905
  7913
  
    
.list-view .lt-bar ul.lt-actions li a:hover, .storage-progress .lt-bar ul.lt-actions li a:hover {


  		





  7906
  7914
  
    
  color: #bebebe;


  		





  7907
  7915
  
    
  cursor: default;


  		





  7908
  7916
  
    
}


  		





  7909
  
  
    
/* line 206, ../sass/_items-list.scss */


  		





  
  7917
  
    
/* line 212, ../sass/_items-list.scss */


  		





  7910
  7918
  
    
.list-view .lt-bar ul.lt-actions li a.active, .storage-progress .lt-bar ul.lt-actions li a.active {


  		





  7911
  7919
  
    
  color: #485057;


  		





  7912
  7920
  
    
}


  		





  7913
  
  
    
/* line 208, ../sass/_items-list.scss */


  		





  
  7921
  
    
/* line 214, ../sass/_items-list.scss */


  		





  7914
  7922
  
    
.list-view .lt-bar ul.lt-actions li a.active:hover, .storage-progress .lt-bar ul.lt-actions li a.active:hover {


  		





  7915
  7923
  
    
  color: #e660a3;


  		





  7916
  7924
  
    
  cursor: pointer;


  		





  7917
  7925
  
    
}


  		





  7918
  
  
    
/* line 213, ../sass/_items-list.scss */


  		





  
  7926
  
    
/* line 219, ../sass/_items-list.scss */


  		





  7919
  7927
  
    
.list-view .lt-bar ul.lt-actions li a span, .storage-progress .lt-bar ul.lt-actions li a span {


  		





  7920
  7928
  
    
  margin-right: 6px;


  		





  7921
  7929
  
    
  width: 14px;


  		





  7922
  7930
  
    
  display: inline-block;


  		





  7923
  7931
  
    
}


  		





  7924
  
  
    
/* line 217, ../sass/_items-list.scss */


  		





  
  7932
  
    
/* line 223, ../sass/_items-list.scss */


  		





  7925
  7933
  
    
.list-view .lt-bar ul.lt-actions li a span.snf-folder-move-outline, .storage-progress .lt-bar ul.lt-actions li a span.snf-folder-move-outline {


  		





  7926
  7934
  
    
  font-size: 1.5em;


  		





  7927
  7935
  
    
  position: relative;


  		





  7928
  7936
  
    
}


  		





  7929
  
  
    
/* line 229, ../sass/_items-list.scss */


  		





  
  7937
  
    
/* line 235, ../sass/_items-list.scss */


  		





  7930
  7938
  
    
.list-view .lt-bar ul.more li a span, .storage-progress .lt-bar ul.more li a span {


  		





  7931
  7939
  
    
  font-size: 1.5em;


  		





  7932
  7940
  
    
  margin-right: 2px;


  		





  7933
  7941
  
    
}


  		





  7934
  
  
    
/* line 238, ../sass/_items-list.scss */


  		





  
  7942
  
    
/* line 244, ../sass/_items-list.scss */


  		





  7935
  7943
  
    
.list-view .items-list, .storage-progress .items-list {


  		





  7936
  7944
  
    
  overflow: hidden;


  		





  7937
  7945
  
    
}


  		





  7938
  
  
    
/* line 240, ../sass/_items-list.scss */


  		





  
  7946
  
    
/* line 246, ../sass/_items-list.scss */


  		





  7939
  7947
  
    
.list-view .items-list > li, .storage-progress .items-list > li {


  		





  7940
  7948
  
    
  height: auto;


  		





  7941
  7949
  
    
  width: 100%;


  		





  7942
  7950
  
    
  padding: 15px 15px 15px 140px;


  		





  7943
  7951
  
    
  background-image: none;


  		





  7944
  7952
  
    
}


  		





  7945
  
  
    
/* line 241, ../sass/_items-list.scss */


  		





  
  7953
  
    
/* line 247, ../sass/_items-list.scss */


  		





  7946
  7954
  
    
.list-view .items-list > li.selected, .storage-progress .items-list > li.selected {


  		





  7947
  7955
  
    
  background-color: #ced248;


  		





  7948
  7956
  
    
}


  		





  7949
  
  
    
/* line 249, ../sass/_items-list.scss */


  		





  
  7957
  
    
/* line 255, ../sass/_items-list.scss */


  		





  7950
  7958
  
    
.list-view .items-list > li:hover, .storage-progress .items-list > li:hover {


  		





  7951
  7959
  
    
  background-color: #ced248;


  		





  7952
  7960
  
    
}


  		





  7953
  
  
    
/* line 252, ../sass/_items-list.scss */


  		





  
  7961
  
    
/* line 258, ../sass/_items-list.scss */


  		





  7954
  7962
  
    
.list-view .items-list > li .check, .storage-progress .items-list > li .check {


  		





  7955
  7963
  
    
  width: 60px;


  		





  7956
  7964
  
    
  height: 30px;


  		





  ......




  7959
  7967
  
    
  float: left;


  		





  7960
  7968
  
    
  padding-left: 20px;


  		





  7961
  7969
  
    
}


  		





  7962
  
  
    
/* line 259, ../sass/_items-list.scss */


  		





  
  7970
  
    
/* line 265, ../sass/_items-list.scss */


  		





  7963
  7971
  
    
.list-view .items-list > li .check:hover, .storage-progress .items-list > li .check:hover {


  		





  7964
  7972
  
    
  cursor: pointer;


  		





  7965
  7973
  
    
  color: #e660a3;


  		





  7966
  7974
  
    
}


  		





  7967
  
  
    
/* line 264, ../sass/_items-list.scss */


  		





  
  7975
  
    
/* line 270, ../sass/_items-list.scss */


  		





  7968
  7976
  
    
.list-view .items-list > li .img-wrap, .storage-progress .items-list > li .img-wrap {


  		





  7969
  7977
  
    
  width: 60px;


  		





  7970
  7978
  
    
  float: left;


  		





  7971
  7979
  
    
  text-align: center;


  		





  7972
  7980
  
    
  height: 30px;


  		





  7973
  7981
  
    
}


  		





  7974
  
  
    
/* line 269, ../sass/_items-list.scss */


  		





  
  7982
  
    
/* line 275, ../sass/_items-list.scss */


  		





  7975
  7983
  
    
.list-view .items-list > li .img-wrap .os, .storage-progress .items-list > li .img-wrap .os {


  		





  7976
  7984
  
    
  background: url("../images/os-unknown.png") no-repeat center center;


  		





  7977
  7985
  
    
  width: 14px;


  		





  ......




  7987
  7995
  
    
  margin-left: -7px;


  		





  7988
  7996
  
    
  top: 6px;


  		





  7989
  7997
  
    
}


  		





  7990
  
  
    
/* line 280, ../sass/_items-list.scss */


  		





  
  7998
  
    
/* line 286, ../sass/_items-list.scss */


  		





  7991
  7999
  
    
.list-view .items-list > li .img-wrap .snf-font, .storage-progress .items-list > li .img-wrap .snf-font {


  		





  7992
  8000
  
    
  font-size: 30px;


  		





  7993
  8001
  
    
  line-height: 120%;


  		





  7994
  8002
  
    
}


  		





  7995
  
  
    
/* line 285, ../sass/_items-list.scss */


  		





  
  8003
  
    
/* line 291, ../sass/_items-list.scss */


  		





  7996
  8004
  
    
.list-view .items-list > li h4, .storage-progress .items-list > li h4 {


  		





  7997
  8005
  
    
  width: 180px;


  		





  7998
  8006
  
    
  overflow: hidden;


  		





  ......




  8005
  8013
  
    
  color: inherit;


  		





  8006
  8014
  
    
  padding-right: 20px;


  		





  8007
  8015
  
    
}


  		





  8008
  
  
    
/* line 297, ../sass/_items-list.scss */


  		





  
  8016
  
    
/* line 303, ../sass/_items-list.scss */


  		





  8009
  8017
  
    
.list-view .items-list > li .tags, .storage-progress .items-list > li .tags {


  		





  8010
  8018
  
    
  float: left;


  		





  8011
  8019
  
    
  width: 100px;


  		





  8012
  8020
  
    
  height: 30px;


  		





  8013
  8021
  
    
  line-height: 30px;


  		





  8014
  8022
  
    
}


  		





  8015
  
  
    
/* line 302, ../sass/_items-list.scss */


  		





  
  8023
  
    
/* line 308, ../sass/_items-list.scss */


  		





  8016
  8024
  
    
.list-view .items-list > li .tags a, .storage-progress .items-list > li .tags a {


  		





  8017
  8025
  
    
  vertical-align: middle;


  		





  8018
  8026
  
    
}


  		





  8019
  
  
    
/* line 306, ../sass/_items-list.scss */


  		





  
  8027
  
    
/* line 312, ../sass/_items-list.scss */


  		





  8020
  8028
  
    
.list-view .items-list > li .size, .list-view .items-list > li .remove, .storage-progress .items-list > li .size, .storage-progress .items-list > li .remove {


  		





  8021
  8029
  
    
  float: left;


  		





  8022
  8030
  
    
  width: 100px;


  		





  ......




  8026
  8034
  
    
  text-align: left;


  		





  8027
  8035
  
    
  padding-left: 20px;


  		





  8028
  8036
  
    
}


  		





  8029
  
  
    
/* line 315, ../sass/_items-list.scss */


  		





  
  8037
  
    
/* line 321, ../sass/_items-list.scss */


  		





  8030
  8038
  
    
.list-view .items-list > li .status, .storage-progress .items-list > li .status {


  		





  8031
  8039
  
    
  position: absolute;


  		





  8032
  8040
  
    
  left: 260px;


  		





  ......




  8036
  8044
  
    
  line-height: 110%;


  		





  8037
  8045
  
    
  width: 240px;


  		





  8038
  8046
  
    
}


  		





  8039
  
  
    
/* line 323, ../sass/_items-list.scss */


  		





  
  8047
  
    
/* line 329, ../sass/_items-list.scss */


  		





  8040
  8048
  
    
.list-view .items-list > li .status span, .storage-progress .items-list > li .status span {


  		





  8041
  8049
  
    
  display: inline;


  		





  8042
  8050
  
    
}


  		





  8043
  
  
    
/* line 327, ../sass/_items-list.scss */


  		





  
  8051
  
    
/* line 333, ../sass/_items-list.scss */


  		





  8044
  8052
  
    
.list-view .items-list > li .info, .list-view .items-list > li .progress-col, .storage-progress .items-list > li .info, .storage-progress .items-list > li .progress-col {


  		





  8045
  8053
  
    
  float: left;


  		





  8046
  8054
  
    
  width: 220px;


  		





  ......




  8049
  8057
  
    
  line-height: 30px;


  		





  8050
  8058
  
    
  font-size: 0.75em;


  		





  8051
  8059
  
    
}


  		





  8052
  
  
    
/* line 335, ../sass/_items-list.scss */


  		





  
  8060
  
    
/* line 341, ../sass/_items-list.scss */


  		





  8053
  8061
  
    
.list-view .items-list > li .actions, .storage-progress .items-list > li .actions {


  		





  8054
  8062
  
    
  float: left;


  		





  8055
  8063
  
    
  height: 30px;


  		





  ......




  8058
  8066
  
    
  padding: 0 10px;


  		





  8059
  8067
  
    
  top: 2px;


  		





  8060
  8068
  
    
}


  		





  8061
  
  
    
/* line 343, ../sass/_items-list.scss */


  		





  
  8069
  
    
/* line 349, ../sass/_items-list.scss */


  		





  8062
  8070
  
    
.list-view .items-list > li .actions a:first-child, .storage-progress .items-list > li .actions a:first-child {


  		





  8063
  8071
  
    
  margin-right: 5px;


  		





  8064
  8072
  
    
}


  		





  8065
  
  
    
/* line 348, ../sass/_items-list.scss */


  		





  
  8073
  
    
/* line 354, ../sass/_items-list.scss */


  		





  8066
  8074
  
    
.list-view .items-list > li .actions-col, .list-view .items-list > li .remove, .storage-progress .items-list > li .actions-col, .storage-progress .items-list > li .remove {


  		





  8067
  8075
  
    
  visibility: hidden;


  		





  8068
  8076
  
    
  height: 30px;


  		





  ......




  8071
  8079
  
    
  width: 140px;


  		





  8072
  8080
  
    
  float: left;


  		





  8073
  8081
  
    
}


  		





  8074
  
  
    
/* line 355, ../sass/_items-list.scss */


  		





  
  8082
  
    
/* line 361, ../sass/_items-list.scss */


  		





  8075
  8083
  
    
.list-view .items-list > li .actions-col a, .list-view .items-list > li .remove a, .storage-progress .items-list > li .actions-col a, .storage-progress .items-list > li .remove a {


  		





  8076
  8084
  
    
  margin-right: 10px;


  		





  8077
  8085
  
    
}


  		





  8078
  
  
    
/* line 360, ../sass/_items-list.scss */


  		





  
  8086
  
    
/* line 366, ../sass/_items-list.scss */


  		





  8079
  8087
  
    
.list-view .items-list > li.add-new:hover, .storage-progress .items-list > li.add-new:hover {


  		





  8080
  8088
  
    
  background: #485057;


  		





  8081
  8089
  
    
}


  		





  8082
  
  
    
/* line 363, ../sass/_items-list.scss */


  		





  
  8090
  
    
/* line 369, ../sass/_items-list.scss */


  		





  8083
  8091
  
    
.list-view .items-list > li.add-new .check, .storage-progress .items-list > li.add-new .check {


  		





  8084
  8092
  
    
  visibility: hidden;


  		





  8085
  8093
  
    
}


  		





  8086
  
  
    
/* line 366, ../sass/_items-list.scss */


  		





  
  8094
  
    
/* line 372, ../sass/_items-list.scss */


  		





  8087
  8095
  
    
.list-view .items-list > li.add-new h4, .storage-progress .items-list > li.add-new h4 {


  		





  8088
  8096
  
    
  margin: 0;


  		





  8089
  8097
  
    
}


  		





  8090
  
  
    
/* line 370, ../sass/_items-list.scss */


  		





  
  8098
  
    
/* line 376, ../sass/_items-list.scss */


  		





  8091
  8099
  
    
.list-view .items-list > li.add-new .img-wrap .symbol, .storage-progress .items-list > li.add-new .img-wrap .symbol {


  		





  8092
  8100
  
    
  font-size: 24px;


  		





  8093
  8101
  
    
}


  		





  8094
  
  
    
/* line 377, ../sass/_items-list.scss */


  		





  
  8102
  
    
/* line 383, ../sass/_items-list.scss */


  		





  8095
  8103
  
    
.list-view .items-list > li.building .img-wrap .incomplete, .storage-progress .items-list > li.building .img-wrap .incomplete {


  		





  8096
  8104
  
    
  width: 30px;


  		





  8097
  8105
  
    
  margin: 0 auto;


  		





  8098
  8106
  
    
}


  		





  8099
  
  
    
/* line 381, ../sass/_items-list.scss */


  		





  
  8107
  
    
/* line 387, ../sass/_items-list.scss */


  		





  8100
  8108
  
    
.list-view .items-list > li.building .img-wrap .complete, .storage-progress .items-list > li.building .img-wrap .complete {


  		





  8101
  8109
  
    
  top: -30px;


  		





  8102
  8110
  
    
  margin: 0 auto;


  		





  8103
  8111
  
    
}


  		





  8104
  8112
  
    

  		





  8105
  
  
    
/* line 395, ../sass/_items-list.scss */


  		





  
  8113
  
    
/* line 401, ../sass/_items-list.scss */


  		





  8106
  8114
  
    
.containers .storage .items-list > li:hover {


  		





  8107
  8115
  
    
  background-color: inherit;


  		





  8108
  8116
  
    
}


  		





  8109
  8117
  
    

  		





  8110
  
  
    
/* line 406, ../sass/_items-list.scss */


  		





  
  8118
  
    
/* line 412, ../sass/_items-list.scss */


  		





  8111
  8119
  
    
.storage .lt-bar .lt-actions .select {


  		





  8112
  8120
  
    
  margin-right: 4px;


  		





  8113
  8121
  
    
}


  		





  8114
  8122
  
    

  		





  8115
  
  
    
/* line 415, ../sass/_items-list.scss */


  		





  
  8123
  
    
/* line 421, ../sass/_items-list.scss */


  		





  8116
  8124
  
    
.lt-bar .items-list .check, .lt-bar .items-list .actions, .lt-bar .items-list .info {


  		





  8117
  8125
  
    
  display: none;


  		





  8118
  8126
  
    
}


  		





  8119
  
  
    
/* line 418, ../sass/_items-list.scss */


  		





  
  8127
  
    
/* line 424, ../sass/_items-list.scss */


  		





  8120
  8128
  
    
.lt-bar .items-list .container {


  		





  8121
  8129
  
    
  padding: 40px 0;


  		





  8122
  8130
  
    
}


  		





  8123
  
  
    
/* line 421, ../sass/_items-list.scss */


  		





  
  8131
  
    
/* line 427, ../sass/_items-list.scss */


  		





  8124
  8132
  
    
.lt-bar .items-list .side-actions {


  		





  8125
  8133
  
    
  display: none;


  		





  8126
  8134
  
    
}


  		





  8127
  8135
  
    

  		





  8128
  8136
  
    
/* img-wrap div ( colors & styles ) */


  		





  8129
  
  
    
/* line 430, ../sass/_items-list.scss */


  		





  
  8137
  
    
/* line 436, ../sass/_items-list.scss */


  		





  8130
  8138
  
    
.img-wrap {


  		





  8131
  8139
  
    
  width: 60px;


  		





  8132
  8140
  
    
  position: relative;


  		





  8133
  8141
  
    
  display: inline-block;


  		





  8134
  8142
  
    
  line-height: 100%;


  		





  8135
  8143
  
    
}


  		





  8136
  
  
    
/* line 436, ../sass/_items-list.scss */


  		





  
  8144
  
    
/* line 442, ../sass/_items-list.scss */


  		





  8137
  8145
  
    
.img-wrap .os {


  		





  8138
  8146
  
    
  background: url("../images/os-unknown.png") no-repeat center center;


  		





  8139
  8147
  
    
  width: 22px;


  		





  ......




  8146
  8154
  
    
  left: 50%;


  		





  8147
  8155
  
    
  margin-left: -11px;


  		





  8148
  8156
  
    
}


  		





  8149
  
  
    
/* line 442, ../sass/_items-list.scss */


  		





  
  8157
  
    
/* line 448, ../sass/_items-list.scss */


  		





  8150
  8158
  
    
.img-wrap .os.windows {


  		





  8151
  8159
  
    
  background-image: url("../images/os-windows.png");


  		





  8152
  8160
  
    
}


  		





  8153
  
  
    
/* line 443, ../sass/_items-list.scss */


  		





  
  8161
  
    
/* line 449, ../sass/_items-list.scss */


  		





  8154
  8162
  
    
.img-wrap .os.kubuntu {


  		





  8155
  8163
  
    
  background-image: url("../images/os-kubuntu.png");


  		





  8156
  8164
  
    
}


  		





  8157
  
  
    
/* line 444, ../sass/_items-list.scss */


  		





  
  8165
  
    
/* line 450, ../sass/_items-list.scss */


  		





  8158
  8166
  
    
.img-wrap .os.fedora {


  		





  8159
  8167
  
    
  background-image: url("../images/os-fedora.png");


  		





  8160
  8168
  
    
}


  		





  8161
  
  
    
/* line 445, ../sass/_items-list.scss */


  		





  
  8169
  
    
/* line 451, ../sass/_items-list.scss */


  		





  8162
  8170
  
    
.img-wrap .os.symbol {


  		





  8163
  8171
  
    
  position: relative;


  		





  8164
  8172
  
    
  top: -50px;


  		





  ......




  8238
  8246
  
    
  color: #e660a3;


  		





  8239
  8247
  
    
}


  		





  8240
  8248
  
    

  		





  8241
  
  
    
/* line 482, ../sass/_items-list.scss */


  		





  
  8249
  
    
/* line 488, ../sass/_items-list.scss */


  		





  8242
  8250
  
    
.building .img-wrap .snf-pc-full {


  		





  8243
  8251
  
    
  display: block;


  		





  8244
  8252
  
    
}


  		





  8245
  
  
    
/* line 486, ../sass/_items-list.scss */


  		





  
  8253
  
    
/* line 492, ../sass/_items-list.scss */


  		





  8246
  8254
  
    
.building .img-wrap .incomplete {


  		





  8247
  8255
  
    
  color: #ed8cbc;


  		





  8248
  8256
  
    
  width: 60px;


  		





  8249
  8257
  
    
}


  		





  8250
  
  
    
/* line 490, ../sass/_items-list.scss */


  		





  
  8258
  
    
/* line 496, ../sass/_items-list.scss */


  		





  8251
  8259
  
    
.building .img-wrap .complete {


  		





  8252
  8260
  
    
  width: 0%;


  		





  8253
  8261
  
    
  position: absolute;


  		





  ......




  8406
  8414
  
    
  margin-bottom: 1em;


  		





  8407
  8415
  
    
}


  		





  8408
  8416
  
    
/* line 118, ../sass/_details.scss */


  		





  8409
  
  
    
.details .info-simple .info-block.tags {


  		





  
  8417
  
    
.details .info-simple .info-block .tags {


  		





  8410
  8418
  
    
  text-align: left;


  		





  8411
  8419
  
    
}


  		





  8412
  8420
  
    
/* line 120, ../sass/_details.scss */


  		





  8413
  
  
    
.details .info-simple .info-block.tags .tag-data {


  		





  8414
  
  
    
  min-width: 30%;


  		





  
  8421
  
    
.details .info-simple .info-block .tags li {


  		





  
  8422
  
    
  list-style: none outside none;


  		





  8415
  8423
  
    
  display: inline-block;


  		





  8416
  
  
    
  padding: 4px 0;


  		





  
  8424
  
    
  margin-right: 25px;


  		





  
  8425
  
    
}


  		





  
  8426
  
    
/* line 125, ../sass/_details.scss */


  		





  
  8427
  
    
.details .info-simple .info-block .tags .tag {


  		





  
  8428
  
    
  vertical-align: middle;


  		





  8417
  8429
  
    
}


  		





  8418
  
  
    
/* line 124, ../sass/_details.scss */


  		





  8419
  
  
    
.details .info-simple .info-block.tags .tag-data .delete {


  		





  
  8430
  
    
/* line 128, ../sass/_details.scss */


  		





  
  8431
  
    
.details .info-simple .info-block .tags .delete {


  		





  8420
  8432
  
    
  margin-left: 10px;


  		





  8421
  
  
    
  visibility: hidden;


  		





  8422
  8433
  
    
}


  		





  8423
  
  
    
/* line 129, ../sass/_details.scss */


  		





  8424
  
  
    
.details .info-simple .info-block.tags .btns {


  		





  
  8434
  
    
/* line 131, ../sass/_details.scss */


  		





  
  8435
  
    
.details .info-simple .info-block .tags .btns {


  		





  8425
  8436
  
    
  margin-top: 77px;


  		





  8426
  8437
  
    
  margin-bottom: 20px;


  		





  8427
  8438
  
    
}


  		





  8428
  
  
    
/* line 132, ../sass/_details.scss */


  		





  8429
  
  
    
.details .info-simple .info-block.tags .btns a:first-child {


  		





  
  8439
  
    
/* line 134, ../sass/_details.scss */


  		





  
  8440
  
    
.details .info-simple .info-block .tags .btns a:first-child {


  		





  8430
  8441
  
    
  margin-right: 15px;


  		





  8431
  8442
  
    
}


  		





  8432
  
  
    
/* line 136, ../sass/_details.scss */


  		





  8433
  
  
    
.details .info-simple .info-block.tags .buttons {


  		





  
  8443
  
    
/* line 138, ../sass/_details.scss */


  		





  
  8444
  
    
.details .info-simple .info-block .tags .buttons {


  		





  8434
  8445
  
    
  margin-top: 25px;


  		





  8435
  8446
  
    
  margin-bottom: 25px;


  		





  8436
  8447
  
    
}


  		





  8437
  
  
    
/* line 140, ../sass/_details.scss */


  		





  8438
  
  
    
.details .info-simple .info-block.tags h3 {


  		





  
  8448
  
    
/* line 142, ../sass/_details.scss */


  		





  
  8449
  
    
.details .info-simple .info-block .tags h3 {


  		





  8439
  8450
  
    
  margin: 0;


  		





  8440
  8451
  
    
  font-size: 0.875em;


  		





  8441
  8452
  
    
  font-weight: normal;


  		





  8442
  8453
  
    
}


  		





  8443
  
  
    
/* line 147, ../sass/_details.scss */


  		





  
  8454
  
    
/* line 149, ../sass/_details.scss */


  		





  8444
  8455
  
    
.details .info-simple .info-block.charts .graph_container {


  		





  8445
  8456
  
    
  margin-bottom: 20px;


  		





  8446
  8457
  
    
}


  		





  8447
  
  
    
/* line 154, ../sass/_details.scss */


  		





  
  8458
  
    
/* line 156, ../sass/_details.scss */


  		





  8448
  8459
  
    
.details .content h2 {


  		





  8449
  8460
  
    
  font-size: 1em;


  		





  8450
  8461
  
    
  line-height: 1;


  		





  8451
  8462
  
    
  margin-bottom: 40px;


  		





  8452
  8463
  
    
}


  		





  8453
  
  
    
/* line 160, ../sass/_details.scss */


  		





  
  8464
  
    
/* line 162, ../sass/_details.scss */


  		





  8454
  8465
  
    
.details .lt-bar {


  		





  8455
  8466
  
    
  position: fixed;


  		





  8456
  8467
  
    
  overflow: scroll;


  		





  ......




  8467
  8478
  
    
  padding: 0;


  		





  8468
  8479
  
    
  display: none;


  		





  8469
  8480
  
    
}


  		





  8470
  
  
    
/* line 166, ../sass/_details.scss */


  		





  
  8481
  
    
/* line 168, ../sass/_details.scss */


  		





  8471
  8482
  
    
.details .lt-bar .items-list .img-wrap .snf-font {


  		





  8472
  8483
  
    
  font-size: 3.75em;


  		





  8473
  8484
  
    
}


  		





  8474
  8485
  
    

  		





  8475
  
  
    
/* line 174, ../sass/_details.scss */


  		





  
  8486
  
    
/* line 176, ../sass/_details.scss */


  		





  8476
  8487
  
    
.scroll-wrap {


  		





  8477
  8488
  
    
  position: relative;


  		





  8478
  8489
  
    
}


  		





  8479
  8490
  
    

  		





  8480
  
  
    
/* line 179, ../sass/_details.scss */


  		





  
  8491
  
    
/* line 181, ../sass/_details.scss */


  		





  8481
  8492
  
    
.toggle-lt-bar {


  		





  8482
  8493
  
    
  position: absolute;


  		





  8483
  8494
  
    
  left: 0;


  		





  ......




  8490
  8501
  
    
  line-height: 85px;


  		





  8491
  8502
  
    
  padding: 0 5px;


  		





  8492
  8503
  
    
}


  		





  8493
  
  
    
/* line 190, ../sass/_details.scss */


  		





  
  8504
  
    
/* line 192, ../sass/_details.scss */


  		





  8494
  8505
  
    
.toggle-lt-bar:hover {


  		





  8495
  8506
  
    
  background: #e660a3;


  		





  8496
  8507
  
    
  color: #fff;


  		





  8497
  8508
  
    
}


  		





  8498
  
  
    
/* line 194, ../sass/_details.scss */


  		





  
  8509
  
    
/* line 196, ../sass/_details.scss */


  		





  8499
  8510
  
    
.toggle-lt-bar.fix-position {


  		





  8500
  8511
  
    
  position: fixed;


  		





  8501
  8512
  
    
  top: 145px;


  		





  ......




  8504
  8515
  
    
  border: 1px solid white;


  		





  8505
  8516
  
    
}


  		





  8506
  8517
  
    

  		





  8507
  
  
    
/* line 205, ../sass/_details.scss */


  		





  
  8518
  
    
/* line 207, ../sass/_details.scss */


  		





  8508
  8519
  
    
.list-availables > span {


  		





  8509
  8520
  
    
  margin-bottom: 1em;


  		





  8510
  8521
  
    
  display: inline-block;


  		





  8511
  8522
  
    
}


  		





  8512
  
  
    
/* line 209, ../sass/_details.scss */


  		





  
  8523
  
    
/* line 211, ../sass/_details.scss */


  		





  8513
  8524
  
    
.list-availables ul {


  		





  8514
  8525
  
    
  list-style-type: none;


  		





  8515
  8526
  
    
}


  		





  8516
  
  
    
/* line 211, ../sass/_details.scss */


  		





  
  8527
  
    
/* line 213, ../sass/_details.scss */


  		





  8517
  8528
  
    
.list-availables ul li {


  		





  8518
  8529
  
    
  line-height: 2.5em;


  		





  8519
  8530
  
    
}


  		





  8520
  
  
    
/* line 213, ../sass/_details.scss */


  		





  
  8531
  
    
/* line 215, ../sass/_details.scss */


  		





  8521
  8532
  
    
.list-availables ul li span {


  		





  8522
  8533
  
    
  display: inline-block;


  		





  8523
  8534
  
    
}


  		





  8524
  
  
    
/* line 215, ../sass/_details.scss */


  		





  
  8535
  
    
/* line 217, ../sass/_details.scss */


  		





  8525
  8536
  
    
.list-availables ul li span:not(:last-child), .list-availables ul li span span:not(:first-child) {


  		





  8526
  8537
  
    
  margin-right: 20px;


  		





  8527
  8538
  
    
}


  		





  8528
  
  
    
/* line 218, ../sass/_details.scss */


  		





  
  8539
  
    
/* line 220, ../sass/_details.scss */


  		





  8529
  8540
  
    
.list-availables ul li span:first-child {


  		





  8530
  8541
  
    
  margin-right: 30px;


  		





  8531
  8542
  
    
}


  		





  8532
  
  
    
/* line 221, ../sass/_details.scss */


  		





  
  8543
  
    
/* line 223, ../sass/_details.scss */


  		





  8533
  8544
  
    
.list-availables ul li span.snf-font {


  		





  8534
  8545
  
    
  vertical-align: middle;


  		





  8535
  8546
  
    
}


  		





  8536
  
  
    
/* line 223, ../sass/_details.scss */


  		





  
  8547
  
    
/* line 225, ../sass/_details.scss */


  		





  8537
  8548
  
    
.list-availables ul li span.snf-font.snf-network-full, .list-availables ul li span.snf-font.snf-volume-full {


  		





  8538
  8549
  
    
  font-size: 24px;


  		





  8539
  8550
  
    
  color: #e660a3;


  		





  8540
  8551
  
    
}


  		





  8541
  
  
    
/* line 228, ../sass/_details.scss */


  		





  
  8552
  
    
/* line 230, ../sass/_details.scss */


  		





  8542
  8553
  
    
.list-availables ul li span.name {


  		





  8543
  8554
  
    
  width: 50%;


  		





  8544
  8555
  
    
}


  		





  8545
  8556
  
    

  		





  8546
  
  
    
/* line 237, ../sass/_details.scss */


  		





  
  8557
  
    
/* line 239, ../sass/_details.scss */


  		





  8547
  8558
  
    
.select-list {


  		





  8548
  8559
  
    
  border: 0 !important;


  		





  8549
  8560
  
    
  /*Removes border*/


  		












Also available in:
  Unified diff