Revision 38706719
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/app.js | ||
|---|---|---|
| 1 |
window.App = Ember.Application.create({
|
|
| 2 |
}); |
|
| 1 |
window.App = Ember.Application.create(); |
|
| 3 | 2 |
|
| 4 | 3 |
App.ApplicationAdapter = DS.FixtureAdapter; |
| 5 | 4 |
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js | ||
|---|---|---|
| 574 | 574 |
}); |
| 575 | 575 |
|
| 576 | 576 |
ui.closeDiv($('.info .close'), '.info');
|
| 577 |
ui.editable(); |
|
| 577 |
//ui.editable();
|
|
| 578 | 578 |
ui.overlay(); |
| 579 | 579 |
ui.colorPickerVisible = 0; |
| 580 | 580 |
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/ember/components/editable-prop.js | ||
|---|---|---|
| 1 |
App.EditablePropComponent = Ember.Component.extend({
|
|
| 2 |
|
|
| 3 |
tagName: 'div', |
|
| 4 |
classNames: ['editable'], |
|
| 5 |
layoutName: 'editable-prop', |
|
| 6 |
isEditable: false, |
|
| 7 |
|
|
| 8 |
actions: {
|
|
| 9 |
allowEdit: function(){
|
|
| 10 |
this.set('isEditable', true);
|
|
| 11 |
}, |
|
| 12 |
acceptEditableChanges: function(){
|
|
| 13 |
this.set('isEditable', false);
|
|
| 14 |
this.sendAction('ok');
|
|
| 15 |
}, |
|
| 16 |
} |
|
| 17 |
|
|
| 18 |
}); |
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/ember/components/volume-el.js | ||
|---|---|---|
| 1 | 1 |
App.VolumeElComponent = Ember.Component.extend({
|
| 2 | 2 |
tagName: 'section', |
| 3 |
|
|
| 3 | 4 |
actions: {
|
| 4 | 5 |
|
| 5 | 6 |
revealModal: function(){
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/ember/controllers/vm.js | ||
|---|---|---|
| 28 | 28 |
}, |
| 29 | 29 |
|
| 30 | 30 |
dettachVolume: function(volume){
|
| 31 |
alert('I am now dettaching this volume'+ volume);
|
|
| 32 | 31 |
this.get('model').get('volumes').removeObject(volume);
|
| 33 | 32 |
}, |
| 34 | 33 |
|
| 34 |
saveModel: function(){
|
|
| 35 |
this.get('model').save();
|
|
| 36 |
}, |
|
| 37 |
|
|
| 38 |
|
|
| 35 | 39 |
modalConnect: function(){
|
| 36 | 40 |
var component = Ember.View.views["modal-connect"]; |
| 37 | 41 |
component.set('message', 'connect to your <3 ' + this.get('model').get('name'));
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/ember/models/network.js | ||
|---|---|---|
| 31 | 31 |
id: 2, |
| 32 | 32 |
name: 'Network 2', |
| 33 | 33 |
status: 'building', |
| 34 |
vms: [3], |
|
| 34 |
vms: [1,3],
|
|
| 35 | 35 |
firewall: 'partial', |
| 36 | 36 |
}, |
| 37 | 37 |
{
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/ember/models/vm.js | ||
|---|---|---|
| 6 | 6 |
link : DS.attr(), |
| 7 | 7 |
created : DS.attr('date'),
|
| 8 | 8 |
updated : DS.attr('date'),
|
| 9 |
network : DS.belongsTo('network', { async:true }),
|
|
| 9 |
networks : DS.hasMany('network', { async:true }),
|
|
| 10 | 10 |
tags : DS.hasMany('tag', { async:true }),
|
| 11 | 11 |
volumes : DS.hasMany('volume', { async:true}),
|
| 12 | 12 |
|
| ... | ... | |
| 29 | 29 |
status: "running", |
| 30 | 30 |
link: 'http://www.in.gr', |
| 31 | 31 |
updated: "2011-05-29T14:07:07.037602+00:00", |
| 32 |
network: 1,
|
|
| 32 |
networks: [1,2],
|
|
| 33 | 33 |
tags: [1,2,3], |
| 34 | 34 |
volumes: [1,2], |
| 35 | 35 |
}, |
| ... | ... | |
| 40 | 40 |
os: 'unknown', |
| 41 | 41 |
link: 'http://www.in.gr', |
| 42 | 42 |
updated: "2011-05-29T14:07:07.037602+00:00", |
| 43 |
networks: 1,
|
|
| 43 |
networks: [1],
|
|
| 44 | 44 |
tags: [4,5,6], |
| 45 | 45 |
volumes: [3], |
| 46 | 46 |
}, |
| ... | ... | |
| 50 | 50 |
status: 'building', |
| 51 | 51 |
os: 'windows', |
| 52 | 52 |
link: 'http://www.in.gr', |
| 53 |
network: 2,
|
|
| 53 |
networks: [2],
|
|
| 54 | 54 |
tags: [7], |
| 55 | 55 |
}, |
| 56 | 56 |
{
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/ember/views/networks-list.js | ||
|---|---|---|
| 1 |
App.networksListView = Ember.View.extend({
|
|
| 1 |
App.NetworksListView = Ember.View.extend({
|
|
| 2 | 2 |
templateName: 'networks-list', |
| 3 | 3 |
}); |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/templates.js | ||
|---|---|---|
| 241 | 241 |
|
| 242 | 242 |
}); |
| 243 | 243 |
|
| 244 |
Ember.TEMPLATES["components/editable-prop"] = Ember.Handlebars.template(function anonymous(Handlebars,depth0,helpers,partials,data) {
|
|
| 245 |
this.compilerInfo = [4,'>= 1.0.0']; |
|
| 246 |
helpers = this.merge(helpers, Ember.Handlebars.helpers); data = data || {};
|
|
| 247 |
var buffer = '', stack1, helperMissing=helpers.helperMissing, escapeExpression=this.escapeExpression, self=this; |
|
| 248 |
|
|
| 249 |
function program1(depth0,data) {
|
|
| 250 |
|
|
| 251 |
var buffer = '', stack1; |
|
| 252 |
data.buffer.push("\n <span class=\"prop\">");
|
|
| 253 |
stack1 = helpers._triageMustache.call(depth0, "prop", {hash:{},hashTypes:{},hashContexts:{},contexts:[depth0],types:["ID"],data:data});
|
|
| 254 |
if(stack1 || stack1 === 0) { data.buffer.push(stack1); }
|
|
| 255 |
data.buffer.push("</span>\n");
|
|
| 256 |
return buffer; |
|
| 257 |
} |
|
| 258 |
|
|
| 259 |
function program3(depth0,data) {
|
|
| 260 |
|
|
| 261 |
var buffer = '', helper, options; |
|
| 262 |
data.buffer.push("\n ");
|
|
| 263 |
data.buffer.push(escapeExpression((helper = helpers.input || (depth0 && depth0.input),options={hash:{
|
|
| 264 |
'value': ("prop"),
|
|
| 265 |
'focus-out': ("acceptEditableChanges"),
|
|
| 266 |
'insert-newline': ("acceptEditableChanges")
|
|
| 267 |
},hashTypes:{'value': "ID",'focus-out': "STRING",'insert-newline': "STRING"},hashContexts:{'value': depth0,'focus-out': depth0,'insert-newline': depth0},contexts:[],types:[],data:data},helper ? helper.call(depth0, options) : helperMissing.call(depth0, "input", options))));
|
|
| 268 |
data.buffer.push("\n");
|
|
| 269 |
return buffer; |
|
| 270 |
} |
|
| 271 |
|
|
| 272 |
function program5(depth0,data) {
|
|
| 273 |
|
|
| 274 |
var buffer = ''; |
|
| 275 |
data.buffer.push("\n <a class=\"edit\" ");
|
|
| 276 |
data.buffer.push(escapeExpression(helpers.action.call(depth0, "allowEdit", {hash:{},hashTypes:{},hashContexts:{},contexts:[depth0],types:["STRING"],data:data})));
|
|
| 277 |
data.buffer.push("><span class=\"snf-edit\"></span></a>\n ");
|
|
| 278 |
return buffer; |
|
| 279 |
} |
|
| 280 |
|
|
| 281 |
function program7(depth0,data) {
|
|
| 282 |
|
|
| 283 |
var buffer = ''; |
|
| 284 |
data.buffer.push("\n <a class=\"save\" ");
|
|
| 285 |
data.buffer.push(escapeExpression(helpers.action.call(depth0, "acceptEditableChanges", {hash:{},hashTypes:{},hashContexts:{},contexts:[depth0],types:["STRING"],data:data})));
|
|
| 286 |
data.buffer.push("><span class=\"snf-ok-sign\"></span></a>\n ");
|
|
| 287 |
return buffer; |
|
| 288 |
} |
|
| 289 |
|
|
| 290 |
stack1 = helpers.unless.call(depth0, "isEditable", {hash:{},hashTypes:{},hashContexts:{},inverse:self.noop,fn:self.program(1, program1, data),contexts:[depth0],types:["ID"],data:data});
|
|
| 291 |
if(stack1 || stack1 === 0) { data.buffer.push(stack1); }
|
|
| 292 |
data.buffer.push("\n");
|
|
| 293 |
stack1 = helpers['if'].call(depth0, "isEditable", {hash:{},hashTypes:{},hashContexts:{},inverse:self.noop,fn:self.program(3, program3, data),contexts:[depth0],types:["ID"],data:data});
|
|
| 294 |
if(stack1 || stack1 === 0) { data.buffer.push(stack1); }
|
|
| 295 |
data.buffer.push("\n<span class=\"editbuttons\">\n ");
|
|
| 296 |
stack1 = helpers.unless.call(depth0, "isEditable", {hash:{},hashTypes:{},hashContexts:{},inverse:self.noop,fn:self.program(5, program5, data),contexts:[depth0],types:["ID"],data:data});
|
|
| 297 |
if(stack1 || stack1 === 0) { data.buffer.push(stack1); }
|
|
| 298 |
data.buffer.push("\n ");
|
|
| 299 |
stack1 = helpers['if'].call(depth0, "isEditable", {hash:{},hashTypes:{},hashContexts:{},inverse:self.noop,fn:self.program(7, program7, data),contexts:[depth0],types:["ID"],data:data});
|
|
| 300 |
if(stack1 || stack1 === 0) { data.buffer.push(stack1); }
|
|
| 301 |
data.buffer.push("\n</span>\n ");
|
|
| 302 |
return buffer; |
|
| 303 |
|
|
| 304 |
}); |
|
| 305 |
|
|
| 244 | 306 |
Ember.TEMPLATES["components/network-el"] = Ember.Handlebars.template(function anonymous(Handlebars,depth0,helpers,partials,data) {
|
| 245 | 307 |
this.compilerInfo = [4,'>= 1.0.0']; |
| 246 | 308 |
helpers = this.merge(helpers, Ember.Handlebars.helpers); data = data || {};
|
| ... | ... | |
| 422 | 484 |
data.buffer.push(escapeExpression((helper = helpers.outlet || (depth0 && depth0.outlet),options={hash:{},hashTypes:{},hashContexts:{},contexts:[depth0],types:["ID"],data:data},helper ? helper.call(depth0, "lt-bar", options) : helperMissing.call(depth0, "outlet", "lt-bar", options))));
|
| 423 | 485 |
data.buffer.push("\n <section class=\"top\">\n <div class=\"lt\">\n ");
|
| 424 | 486 |
data.buffer.push(escapeExpression((helper = helpers.partial || (depth0 && depth0.partial),options={hash:{},hashTypes:{},hashContexts:{},contexts:[depth0],types:["STRING"],data:data},helper ? helper.call(depth0, "img-wrap", options) : helperMissing.call(depth0, "partial", "img-wrap", options))));
|
| 425 |
data.buffer.push("\n </div>\n <div class=\"rt\">\n <div class=\"title\">\n <h1>");
|
|
| 426 |
stack1 = helpers._triageMustache.call(depth0, "name", {hash:{},hashTypes:{},hashContexts:{},contexts:[depth0],types:["ID"],data:data});
|
|
| 427 |
if(stack1 || stack1 === 0) { data.buffer.push(stack1); }
|
|
| 428 |
data.buffer.push("<span class=\"status\">");
|
|
| 487 |
data.buffer.push("\n </div>\n <div class=\"rt\">\n <div class=\"title\">\n \n ");
|
|
| 488 |
data.buffer.push(escapeExpression((helper = helpers['editable-prop'] || (depth0 && depth0['editable-prop']),options={hash:{
|
|
| 489 |
'prop': ("name"),
|
|
| 490 |
'ok': ("saveModel")
|
|
| 491 |
},hashTypes:{'prop': "ID",'ok': "STRING"},hashContexts:{'prop': depth0,'ok': depth0},contexts:[],types:[],data:data},helper ? helper.call(depth0, options) : helperMissing.call(depth0, "editable-prop", options))));
|
|
| 492 |
data.buffer.push("\n \n <span class=\"status\">");
|
|
| 429 | 493 |
data.buffer.push(escapeExpression((helper = helpers['status-to-text'] || (depth0 && depth0['status-to-text']),options={hash:{},hashTypes:{},hashContexts:{},contexts:[depth0],types:["ID"],data:data},helper ? helper.call(depth0, "status", options) : helperMissing.call(depth0, "status-to-text", "status", options))));
|
| 430 | 494 |
data.buffer.push("</span></h1>\n </div>\n <div class=\"actions\">\n <ul>\n ");
|
| 431 | 495 |
stack1 = helpers.each.call(depth0, "item", "in", "actionsMeta", {hash:{},hashTypes:{},hashContexts:{},inverse:self.noop,fn:self.program(1, program1, data),contexts:[depth0,depth0,depth0],types:["ID","ID","ID"],data:data});
|
| ... | ... | |
| 470 | 534 |
|
| 471 | 535 |
function program1(depth0,data) {
|
| 472 | 536 |
|
| 473 |
var buffer = '', helper, options; |
|
| 474 |
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\n <section class=\"info-block\">\n <h2>tags</h2>\n ");
|
|
| 537 |
var buffer = '', stack1, helper, options; |
|
| 538 |
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 ");
|
|
| 539 |
stack1 = helpers._triageMustache.call(depth0, "name", {hash:{},hashTypes:{},hashContexts:{},contexts:[depth0],types:["ID"],data:data});
|
|
| 540 |
if(stack1 || stack1 === 0) { data.buffer.push(stack1); }
|
|
| 541 |
data.buffer.push("\n </dd>\n <dt><span class=\"snf-font snf-dashboard-outline\"></span>Assigned Project</dt>\n <dd>Basic Projecxt</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\n <section class=\"info-block\">\n <h2>tags</h2>\n ");
|
|
| 475 | 542 |
data.buffer.push(escapeExpression(helpers.view.call(depth0, "App.tagsListView", {hash:{},hashTypes:{},hashContexts:{},contexts:[depth0],types:["ID"],data:data})));
|
| 476 | 543 |
data.buffer.push("\n \n ");
|
| 477 | 544 |
data.buffer.push(escapeExpression((helper = helpers.render || (depth0 && depth0.render),options={hash:{},hashTypes:{},hashContexts:{},contexts:[depth0,depth0],types:["STRING","ID"],data:data},helper ? helper.call(depth0, "add-tag", "model", options) : helperMissing.call(depth0, "render", "add-tag", "model", options))));
|
| ... | ... | |
| 498 | 565 |
|
| 499 | 566 |
var buffer = ''; |
| 500 | 567 |
data.buffer.push("\n");
|
| 501 |
data.buffer.push(escapeExpression(helpers.view.call(depth0, "App.networksListView", {hash:{},hashTypes:{},hashContexts:{},contexts:[depth0],types:["ID"],data:data})));
|
|
| 568 |
data.buffer.push(escapeExpression(helpers.view.call(depth0, "App.NetworksListView", {hash:{},hashTypes:{},hashContexts:{},contexts:[depth0],types:["ID"],data:data})));
|
|
| 502 | 569 |
data.buffer.push("\n <section class=\"connect-new network\">\n <div class=\"img-wrap\">\n <a href=\"\" data-reveal-id=\"connect-to-network\">\n <span class=\"snf-network-full snf-font\"></span>\n </a>\n </div>\n <p><a href=\"\" data-reveal-id=\"connect-to-network\">Connect to Network</a></p>\n </section>\n");
|
| 503 | 570 |
return buffer; |
| 504 | 571 |
} |
| ... | ... | |
| 616 | 683 |
return buffer; |
| 617 | 684 |
} |
| 618 | 685 |
|
| 619 |
data.buffer.push("\n");
|
|
| 620 | 686 |
stack1 = helpers.each.call(depth0, "network", "in", "networks", {hash:{},hashTypes:{},hashContexts:{},inverse:self.noop,fn:self.program(1, program1, data),contexts:[depth0,depth0,depth0],types:["ID","ID","ID"],data:data});
|
| 621 | 687 |
if(stack1 || stack1 === 0) { data.buffer.push(stack1); }
|
| 622 | 688 |
data.buffer.push("\n\n\n<!--SOS, edw pairnei gia contoller, ton controller tou vm-->");
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/templates/components/editable-prop.hbs | ||
|---|---|---|
| 1 |
{{#unless isEditable}}
|
|
| 2 |
<span class="prop">{{prop}}</span>
|
|
| 3 |
{{/unless}}
|
|
| 4 |
{{#if isEditable}}
|
|
| 5 |
{{input value=prop focus-out="acceptEditableChanges" insert-newline="acceptEditableChanges"}}
|
|
| 6 |
{{/if}}
|
|
| 7 |
<span class="editbuttons"> |
|
| 8 |
{{#unless isEditable}}
|
|
| 9 |
<a class="edit" {{action "allowEdit"}}><span class="snf-edit"></span></a>
|
|
| 10 |
{{/unless}}
|
|
| 11 |
{{#if isEditable}}
|
|
| 12 |
<a class="save" {{action "acceptEditableChanges"}}><span class="snf-ok-sign"></span></a>
|
|
| 13 |
{{/if}}
|
|
| 14 |
</span> |
|
| 15 |
|
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/templates/details.hbs | ||
|---|---|---|
| 9 | 9 |
</div> |
| 10 | 10 |
<div class="rt"> |
| 11 | 11 |
<div class="title"> |
| 12 |
<h1>{{this.name}}<span class="status">{{status-to-text this.status}}</span></h1>
|
|
| 12 |
|
|
| 13 |
{{editable-prop prop=this.name ok="saveModel" }}
|
|
| 14 |
|
|
| 15 |
<span class="status">{{status-to-text this.status}}</span></h1>
|
|
| 13 | 16 |
</div> |
| 14 | 17 |
<div class="actions"> |
| 15 | 18 |
<ul> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/templates/details/info.hbs | ||
|---|---|---|
| 5 | 5 |
<dl> |
| 6 | 6 |
<dt><span class="snf-font snf-pc-full"></span>Name</dt> |
| 7 | 7 |
<dd> |
| 8 |
<div class="editable"> |
|
| 9 |
<span class="input-txt">My Opensuse Desktop Server 1</span> |
|
| 10 |
<input type="text"> |
|
| 11 |
<span class="editbuttons"> |
|
| 12 |
<a href="#" class="edit"><span class="snf-edit"></span></a> |
|
| 13 |
<a href="#" class="save"><span class="snf-ok-sign"></span></a> |
|
| 14 |
<a href="#" class="cancel"><span class="snf-cancel-circled"></span></a> |
|
| 15 |
</span> |
|
| 16 |
</div> |
|
| 8 |
{{this.name}}
|
|
| 17 | 9 |
</dd> |
| 18 | 10 |
<dt><span class="snf-font snf-dashboard-outline"></span>Assigned Project</dt> |
| 19 |
<dd>Basic Project</dd> |
|
| 11 |
<dd>Basic Projecxt</dd>
|
|
| 20 | 12 |
<dt><span class="snf-chip-outline snf-font"></span>CPUs</dt> |
| 21 | 13 |
<dd>4</dd> |
| 22 | 14 |
<dt><span class="snf-ram-full snf-font"></span>RAM</dt> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/templates/details/network-connected.hbs | ||
|---|---|---|
| 1 | 1 |
{{#details-content id="network-connected" class="connected network"}}
|
| 2 |
{{view App.networksListView}}
|
|
| 2 |
{{view App.NetworksListView}}
|
|
| 3 | 3 |
<section class="connect-new network"> |
| 4 | 4 |
<div class="img-wrap"> |
| 5 | 5 |
<a href="" data-reveal-id="connect-to-network"> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/templates/networks-list.hbs | ||
|---|---|---|
| 1 |
|
|
| 2 | 1 |
{{#each network in this.networks}}
|
| 3 | 2 |
{{network-el item=network}}
|
| 4 | 3 |
{{/each}}
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_forms.scss | ||
|---|---|---|
| 9 | 9 |
/* editable (used for changing info asychronously) ------------------ */ |
| 10 | 10 |
|
| 11 | 11 |
.editable {
|
| 12 |
.editbuttons {
|
|
| 13 |
a {
|
|
| 14 |
&.save {
|
|
| 15 |
display: none; |
|
| 16 |
span {
|
|
| 17 |
font-size: 18px; |
|
| 18 |
} |
|
| 19 |
} |
|
| 20 |
&.cancel {
|
|
| 21 |
@extend a.save |
|
| 22 |
} |
|
| 12 |
&.save, &.cancel {
|
|
| 13 |
span {
|
|
| 14 |
font-size: 18px; |
|
| 23 | 15 |
} |
| 24 |
} |
|
| 16 |
}
|
|
| 25 | 17 |
input[type="text"] {
|
| 26 |
display: none; |
|
| 27 | 18 |
width: 85%; |
| 28 | 19 |
} |
| 29 | 20 |
} |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
|---|---|---|
| 8578 | 8578 |
- vm wizard styles |
| 8579 | 8579 |
*/ |
| 8580 | 8580 |
/* editable (used for changing info asychronously) ------------------ */ |
| 8581 |
/* line 14, ../sass/_forms.scss */ |
|
| 8582 |
.editable .editbuttons a.save, .editable .editbuttons a.cancel {
|
|
| 8583 |
display: none; |
|
| 8584 |
} |
|
| 8585 |
/* line 16, ../sass/_forms.scss */ |
|
| 8586 |
.editable .editbuttons a.save span, .editable .editbuttons a.cancel span {
|
|
| 8581 |
/* line 13, ../sass/_forms.scss */ |
|
| 8582 |
.editable.save span, .editable.cancel span {
|
|
| 8587 | 8583 |
font-size: 18px; |
| 8588 | 8584 |
} |
| 8589 |
/* line 25, ../sass/_forms.scss */
|
|
| 8585 |
/* line 20, ../sass/_forms.scss */
|
|
| 8590 | 8586 |
.editable input[type="text"] {
|
| 8591 |
display: none; |
|
| 8592 | 8587 |
width: 85%; |
| 8593 | 8588 |
} |
| 8594 | 8589 |
|
| 8595 | 8590 |
/* universal form styles ------------------ */ |
| 8596 |
/* line 34, ../sass/_forms.scss */
|
|
| 8591 |
/* line 28, ../sass/_forms.scss */
|
|
| 8597 | 8592 |
.input {
|
| 8598 | 8593 |
display: inline-block; |
| 8599 | 8594 |
padding-left: 6px; |
| 8600 | 8595 |
} |
| 8601 |
/* line 37, ../sass/_forms.scss */
|
|
| 8596 |
/* line 31, ../sass/_forms.scss */
|
|
| 8602 | 8597 |
.input input[type="text"] {
|
| 8603 | 8598 |
width: 142px; |
| 8604 | 8599 |
padding: 0 12px 0 6px; |
| ... | ... | |
| 8611 | 8606 |
box-shadow: none; |
| 8612 | 8607 |
} |
| 8613 | 8608 |
|
| 8614 |
/* line 49, ../sass/_forms.scss */
|
|
| 8609 |
/* line 43, ../sass/_forms.scss */
|
|
| 8615 | 8610 |
.snf-color-picker {
|
| 8616 | 8611 |
display: none; |
| 8617 | 8612 |
} |
| 8618 |
/* line 51, ../sass/_forms.scss */
|
|
| 8613 |
/* line 45, ../sass/_forms.scss */
|
|
| 8619 | 8614 |
.snf-color-picker > form {
|
| 8620 | 8615 |
height: 237px; |
| 8621 | 8616 |
width: 100%; |
| 8622 | 8617 |
} |
| 8623 |
/* line 56, ../sass/_forms.scss */
|
|
| 8618 |
/* line 50, ../sass/_forms.scss */
|
|
| 8624 | 8619 |
.snf-color-picker #picker {
|
| 8625 | 8620 |
position: relative; |
| 8626 | 8621 |
width: 207px; |
| 8627 | 8622 |
margin: 25px 5px 30px; |
| 8628 | 8623 |
display: inline-block; |
| 8629 | 8624 |
} |
| 8630 |
/* line 62, ../sass/_forms.scss */
|
|
| 8625 |
/* line 56, ../sass/_forms.scss */
|
|
| 8631 | 8626 |
.snf-color-picker .color-preview {
|
| 8632 | 8627 |
display: inline-block; |
| 8633 | 8628 |
-webkit-border-radius: 999px; |
| ... | ... | |
| 8647 | 8642 |
} |
| 8648 | 8643 |
|
| 8649 | 8644 |
/* detailed view styles ------------------ */ |
| 8650 |
/* line 77, ../sass/_forms.scss */
|
|
| 8645 |
/* line 71, ../sass/_forms.scss */
|
|
| 8651 | 8646 |
.details .input {
|
| 8652 | 8647 |
background: url(../images/input-bg-lt-black.png) no-repeat left bottom; |
| 8653 | 8648 |
} |
| 8654 |
/* line 79, ../sass/_forms.scss */
|
|
| 8649 |
/* line 73, ../sass/_forms.scss */
|
|
| 8655 | 8650 |
.details .input input[type="text"] {
|
| 8656 | 8651 |
background: url(../images/input-bg-rt-black.png) no-repeat right bottom; |
| 8657 | 8652 |
color: #2d3338; |
| ... | ... | |
| 8674 | 8669 |
} |
| 8675 | 8670 |
|
| 8676 | 8671 |
/* vm wizard styles ------------------ */ |
| 8677 |
/* line 92, ../sass/_forms.scss */
|
|
| 8672 |
/* line 86, ../sass/_forms.scss */
|
|
| 8678 | 8673 |
.wizard form.custom .custom.dropdown.medium {
|
| 8679 | 8674 |
background: #485057; |
| 8680 | 8675 |
color: white; |
| 8681 | 8676 |
} |
| 8682 |
/* line 96, ../sass/_forms.scss */
|
|
| 8677 |
/* line 90, ../sass/_forms.scss */
|
|
| 8683 | 8678 |
.wizard form.custom .custom.dropdown .current {
|
| 8684 | 8679 |
color: white; |
| 8685 | 8680 |
} |
| 8686 |
/* line 99, ../sass/_forms.scss */
|
|
| 8681 |
/* line 93, ../sass/_forms.scss */
|
|
| 8687 | 8682 |
.wizard form.custom .custom.dropdown .selector {
|
| 8688 | 8683 |
border-left: 1px solid white; |
| 8689 | 8684 |
height: 30px; |
| 8690 | 8685 |
} |
| 8691 |
/* line 103, ../sass/_forms.scss */
|
|
| 8686 |
/* line 97, ../sass/_forms.scss */
|
|
| 8692 | 8687 |
.wizard form.custom .custom.dropdown.open ul {
|
| 8693 | 8688 |
background: #485057; |
| 8694 | 8689 |
color: white; |
| 8695 | 8690 |
} |
| 8696 |
/* line 107, ../sass/_forms.scss */
|
|
| 8691 |
/* line 101, ../sass/_forms.scss */
|
|
| 8697 | 8692 |
.wizard form.custom .custom.dropdown ul li {
|
| 8698 | 8693 |
color: white; |
| 8699 | 8694 |
} |
| 8700 |
/* line 110, ../sass/_forms.scss */
|
|
| 8695 |
/* line 104, ../sass/_forms.scss */
|
|
| 8701 | 8696 |
.wizard form.custom .custom.dropdown ul li.selected {
|
| 8702 | 8697 |
color: white; |
| 8703 | 8698 |
background: #5f6a73; |
| 8704 | 8699 |
} |
| 8705 |
/* line 114, ../sass/_forms.scss */
|
|
| 8700 |
/* line 108, ../sass/_forms.scss */
|
|
| 8706 | 8701 |
.wizard form.custom .custom.dropdown ul li:hover {
|
| 8707 | 8702 |
background: #77838e; |
| 8708 | 8703 |
color: white; |
| 8709 | 8704 |
} |
| 8710 |
/* line 119, ../sass/_forms.scss */
|
|
| 8705 |
/* line 113, ../sass/_forms.scss */
|
|
| 8711 | 8706 |
.wizard .input {
|
| 8712 | 8707 |
background: url(../images/input-bg-lt.png) no-repeat left bottom; |
| 8713 | 8708 |
} |
| 8714 |
/* line 121, ../sass/_forms.scss */
|
|
| 8709 |
/* line 115, ../sass/_forms.scss */
|
|
| 8715 | 8710 |
.wizard .input input[type="text"] {
|
| 8716 | 8711 |
background: url(../images/input-bg-rt.png) no-repeat right bottom; |
| 8717 | 8712 |
color: white; |
Also available in: Unified diff