Revision a716e840
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js | ||
|---|---|---|
| 617 | 617 |
$('.lt-bar').animate({ width: 'toggle' });
|
| 618 | 618 |
}); |
| 619 | 619 |
|
| 620 |
// to remove the visual effect that shows that the process of disconnect is in progress |
|
| 621 |
// we must not have pending clicks (incomplite hide process) |
|
| 622 |
var countClicks = 0; |
|
| 620 | 623 |
$('.act').click(function(e){
|
| 621 | 624 |
e.preventDefault(); |
| 625 |
countClicks++; |
|
| 622 | 626 |
$(this).toggleClass('open',0);
|
| 627 |
var img = $(this).closest('.item').find('.img-wrap .font-icon');
|
|
| 628 |
img.addClass('reboot-progress');
|
|
| 629 |
var self = this; |
|
| 630 |
setTimeout(function() {
|
|
| 631 |
countClicks--; |
|
| 632 |
var connections_list = $(self).closest('.connections').children('li:not(".hidden")');
|
|
| 633 |
if(connections_list.length>1) {
|
|
| 634 |
$(self).closest('li').slideUp(function(){
|
|
| 635 |
console.log(img) |
|
| 636 |
$(self).closest('li').addClass('hidden');
|
|
| 637 |
if(countClicks== 0) img.removeClass('reboot-progress');
|
|
| 638 |
}); |
|
| 639 |
} |
|
| 640 |
else {
|
|
| 641 |
$(self).closest('.item').slideUp('slow', function(){
|
|
| 642 |
img.removeClass('reboot-progress')
|
|
| 643 |
$(self).closest('li').addClass('hidden');
|
|
| 644 |
if(countClicks== 0) img.removeClass('reboot-progress');
|
|
| 645 |
}); |
|
| 646 |
} |
|
| 647 |
}, 3000) |
|
| 623 | 648 |
}) |
| 624 | 649 |
|
| 625 | 650 |
// end of connected details js |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_details.html | ||
|---|---|---|
| 142 | 142 |
<div class="tabs"> |
| 143 | 143 |
<ul> |
| 144 | 144 |
<li><a href="#info"><span class="snf-info_outline"></span></a></li> |
| 145 |
<li><a href="#vm-connected" class="active"><span class="snf-PC_fill"></span></a></li> |
|
| 145 |
<li><a href="#vm-connected" class="active"><span class="snf-PC_fill font-icon"></span></a></li>
|
|
| 146 | 146 |
</ul> |
| 147 | 147 |
</div> |
| 148 | 148 |
</div> |
| ... | ... | |
| 164 | 164 |
<section class="item error"> |
| 165 | 165 |
<div class="what"> |
| 166 | 166 |
<div class="img-wrap"> |
| 167 |
<span class="snf-PC_fill"></span> |
|
| 167 |
<span class="snf-PC_fill font-icon"></span>
|
|
| 168 | 168 |
<span class="os fedora">fedora</span> |
| 169 | 169 |
</div> |
| 170 | 170 |
<h4>My Awesome Machine<span class="status">BUILDING 798.56 MB of 4.33 GB (18%)</span></h4> |
| ... | ... | |
| 203 | 203 |
<section class="item running"> |
| 204 | 204 |
<div class="what"> |
| 205 | 205 |
<div class="img-wrap"> |
| 206 |
<span class="snf-PC_fill"></span> |
|
| 206 |
<span class="snf-PC_fill font-icon"></span>
|
|
| 207 | 207 |
<span class="os fedora">fedora</span> |
| 208 | 208 |
</div> |
| 209 | 209 |
<h4>My Awesome Machine</h4> |
| ... | ... | |
| 266 | 266 |
<section class="item running"> |
| 267 | 267 |
<div class="what"> |
| 268 | 268 |
<div class="img-wrap"> |
| 269 |
<span class="snf-PC_fill"></span> |
|
| 269 |
<span class="snf-PC_fill font-icon"></span>
|
|
| 270 | 270 |
<span class="os fedora">fedora</span> |
| 271 | 271 |
</div> |
| 272 | 272 |
<h4>My Awesome Machine<span class="status">BUILDING 798.56 MB of 4.33 GB (18%)</span></h4> |
| ... | ... | |
| 305 | 305 |
<section class="connect-new"> |
| 306 | 306 |
<div class="img-wrap"> |
| 307 | 307 |
<a href=""> |
| 308 |
<span class="snf-PC_fill"></span> |
|
| 308 |
<span class="snf-PC_fill font-icon"></span>
|
|
| 309 | 309 |
</a> |
| 310 | 310 |
</div> |
| 311 | 311 |
<p><a href="">Connect Machine</a></p> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_connected.scss | ||
|---|---|---|
| 149 | 149 |
padding-top: 100px; |
| 150 | 150 |
background: url(../images/dashed_atom.png) repeat-y left center; |
| 151 | 151 |
margin-bottom: 50px; |
| 152 |
margin-left: -1px; |
|
| 152 | 153 |
.img-wrap {
|
| 153 | 154 |
position: relative; |
| 154 | 155 |
display: block; |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_details.scss | ||
|---|---|---|
| 196 | 196 |
} |
| 197 | 197 |
} |
| 198 | 198 |
&.name {
|
| 199 |
width: 30%;
|
|
| 199 |
width: 50%;
|
|
| 200 | 200 |
} |
| 201 | 201 |
} |
| 202 | 202 |
} |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
|---|---|---|
| 8133 | 8133 |
} |
| 8134 | 8134 |
/* line 198, ../sass/_details.scss */ |
| 8135 | 8135 |
.list-availables ul li span.name {
|
| 8136 |
width: 30%;
|
|
| 8136 |
width: 50%;
|
|
| 8137 | 8137 |
} |
| 8138 | 8138 |
|
| 8139 | 8139 |
/* Table of Contents |
| ... | ... | |
| 10515 | 10515 |
padding-top: 100px; |
| 10516 | 10516 |
background: url(../images/dashed_atom.png) repeat-y left center; |
| 10517 | 10517 |
margin-bottom: 50px; |
| 10518 |
margin-left: -1px; |
|
| 10518 | 10519 |
} |
| 10519 |
/* line 152, ../sass/_connected.scss */
|
|
| 10520 |
/* line 153, ../sass/_connected.scss */
|
|
| 10520 | 10521 |
.connect-new .img-wrap {
|
| 10521 | 10522 |
position: relative; |
| 10522 | 10523 |
display: block; |
| ... | ... | |
| 10524 | 10525 |
height: 2px; |
| 10525 | 10526 |
background: url(../images/dashed_atom-x.png) repeat-x left top; |
| 10526 | 10527 |
} |
| 10527 |
/* line 158, ../sass/_connected.scss */
|
|
| 10528 |
/* line 159, ../sass/_connected.scss */
|
|
| 10528 | 10529 |
.connect-new .img-wrap > a {
|
| 10529 | 10530 |
display: block; |
| 10530 | 10531 |
position: absolute; |
| ... | ... | |
| 10534 | 10535 |
text-align: center; |
| 10535 | 10536 |
margin: -20px 0 0; |
| 10536 | 10537 |
} |
| 10537 |
/* line 166, ../sass/_connected.scss */
|
|
| 10538 |
/* line 167, ../sass/_connected.scss */
|
|
| 10538 | 10539 |
.connect-new .img-wrap > a .font-icon {
|
| 10539 | 10540 |
color: #485057; |
| 10540 | 10541 |
font-size: 3.75em; |
| 10541 | 10542 |
} |
| 10542 |
/* line 170, ../sass/_connected.scss */
|
|
| 10543 |
/* line 171, ../sass/_connected.scss */
|
|
| 10543 | 10544 |
.connect-new .img-wrap > a .snf-network_full {
|
| 10544 | 10545 |
position: relative; |
| 10545 | 10546 |
top: -9px; |
| 10546 | 10547 |
} |
| 10547 |
/* line 175, ../sass/_connected.scss */
|
|
| 10548 |
/* line 176, ../sass/_connected.scss */
|
|
| 10548 | 10549 |
.connect-new .img-wrap > a:hover span {
|
| 10549 | 10550 |
color: #30c79e; |
| 10550 | 10551 |
} |
| 10551 |
/* line 181, ../sass/_connected.scss */
|
|
| 10552 |
/* line 182, ../sass/_connected.scss */
|
|
| 10552 | 10553 |
.connect-new p {
|
| 10553 | 10554 |
position: absolute; |
| 10554 | 10555 |
left: 165px; |
| ... | ... | |
| 10557 | 10558 |
font-size: 0.875em; |
| 10558 | 10559 |
top: 90px; |
| 10559 | 10560 |
} |
| 10560 |
/* line 189, ../sass/_connected.scss */
|
|
| 10561 |
/* line 190, ../sass/_connected.scss */
|
|
| 10561 | 10562 |
.connect-new.network p {
|
| 10562 | 10563 |
top: 90px; |
| 10563 | 10564 |
} |
| 10564 |
/* line 192, ../sass/_connected.scss */
|
|
| 10565 |
/* line 193, ../sass/_connected.scss */
|
|
| 10565 | 10566 |
.connect-new.disk p {
|
| 10566 | 10567 |
top: 94px; |
| 10567 | 10568 |
} |
| 10568 | 10569 |
|
| 10569 |
/* line 198, ../sass/_connected.scss */
|
|
| 10570 |
/* line 199, ../sass/_connected.scss */
|
|
| 10570 | 10571 |
.network .connected {
|
| 10571 | 10572 |
left: 143px; |
| 10572 | 10573 |
top: -80px; |
| 10573 | 10574 |
padding-top: 80px; |
| 10574 | 10575 |
} |
| 10575 | 10576 |
|
| 10576 |
/* line 204, ../sass/_connected.scss */
|
|
| 10577 |
/* line 205, ../sass/_connected.scss */
|
|
| 10577 | 10578 |
.firewall {
|
| 10578 | 10579 |
float: left; |
| 10579 | 10580 |
margin-left: 20px; |
| ... | ... | |
| 10585 | 10586 |
font-size: 0.75em; |
| 10586 | 10587 |
z-index: 2; |
| 10587 | 10588 |
} |
| 10588 |
/* line 214, ../sass/_connected.scss */
|
|
| 10589 |
/* line 215, ../sass/_connected.scss */
|
|
| 10589 | 10590 |
.firewall p {
|
| 10590 | 10591 |
margin: 0; |
| 10591 | 10592 |
} |
| 10592 |
/* line 216, ../sass/_connected.scss */
|
|
| 10593 |
/* line 217, ../sass/_connected.scss */
|
|
| 10593 | 10594 |
.firewall p em {
|
| 10594 | 10595 |
color: #30c79e; |
| 10595 | 10596 |
} |
| 10596 |
/* line 220, ../sass/_connected.scss */
|
|
| 10597 |
/* line 221, ../sass/_connected.scss */
|
|
| 10597 | 10598 |
.firewall .more {
|
| 10598 | 10599 |
margin-top: 20px; |
| 10599 | 10600 |
display: none; |
| 10600 | 10601 |
} |
| 10601 |
/* line 224, ../sass/_connected.scss */
|
|
| 10602 |
/* line 225, ../sass/_connected.scss */
|
|
| 10602 | 10603 |
.firewall .more p span {
|
| 10603 | 10604 |
float: right; |
| 10604 | 10605 |
font-size: 0.875em; |
| 10605 | 10606 |
height: 14px; |
| 10606 | 10607 |
line-height: 22px; |
| 10607 | 10608 |
} |
| 10608 |
/* line 230, ../sass/_connected.scss */
|
|
| 10609 |
/* line 231, ../sass/_connected.scss */
|
|
| 10609 | 10610 |
.firewall .more p em {
|
| 10610 | 10611 |
float: right; |
| 10611 | 10612 |
margin: 0 5px 0 20px; |
| 10612 | 10613 |
width: 15px; |
| 10613 | 10614 |
display: inline-block; |
| 10614 | 10615 |
} |
| 10615 |
/* line 239, ../sass/_connected.scss */
|
|
| 10616 |
/* line 240, ../sass/_connected.scss */
|
|
| 10616 | 10617 |
.firewall.unprotected > p em, |
| 10617 | 10618 |
.firewall .unprotected a em {
|
| 10618 | 10619 |
color: #ff5c58; |
| 10619 | 10620 |
} |
| 10620 | 10621 |
|
| 10621 |
/* line 244, ../sass/_connected.scss */
|
|
| 10622 |
/* line 245, ../sass/_connected.scss */
|
|
| 10622 | 10623 |
.details .placeholder {
|
| 10623 | 10624 |
height: 100px; |
| 10624 | 10625 |
} |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_details.html | ||
|---|---|---|
| 82 | 82 |
<span>Available volumes:</span> |
| 83 | 83 |
<ul> |
| 84 | 84 |
<li><span class="font-icon snf-radio-unchecked"></span><span class="font-icon snf-HDD-full"></span><span class="name">volume name</span><span class="numeric-data">10 GB</span><span>[Archipelago]</span></li> |
| 85 |
<li><span class="font-icon snf-radio-unchecked"></span><span class="font-icon snf-HDD-full"></span><span class="name">another volume name</span><span class="numeric-data">25 GB</span><span>[DRBD]</span></li>
|
|
| 85 |
<li><span class="font-icon snf-radio-unchecked"></span><span class="font-icon snf-HDD-full"></span><span class="name">volume name</span><span class="numeric-data">25 GB</span><span>[DRBD]</span></li> |
|
| 86 | 86 |
</ul> |
| 87 | 87 |
<p class="buttons"> |
| 88 | 88 |
<a href="" class="btn1">OK</a> |
| ... | ... | |
| 93 | 93 |
<span>Available networks:</span> |
| 94 | 94 |
<ul> |
| 95 | 95 |
<li><span class="font-icon snf-radio-unchecked"></span><span class="font-icon snf-network_full"></span><span class="name">network name</span><span>other data</span></li> |
| 96 |
<li><span class="font-icon snf-radio-unchecked"></span><span class="font-icon snf-network_full"></span><span class="name">another network name</span><span>connected machines: 10</span></li>
|
|
| 96 |
<li><span class="font-icon snf-radio-unchecked"></span><span class="font-icon snf-network_full"></span><span class="name">network name</span><span>connected machines: 10</span></li> |
|
| 97 | 97 |
</ul> |
| 98 | 98 |
<p class="buttons"> |
| 99 | 99 |
<a href="" class="btn1">OK</a> |
| ... | ... | |
| 460 | 460 |
<ul> |
| 461 | 461 |
<li><a href="#info" class="active"><span class="snf-info_outline"></span></a></li> |
| 462 | 462 |
<li><a href="#disk-connected"><span class="snf-HDD-full"></span></a></li> |
| 463 |
<li><a href="#network-connected"><span class="snf-network_full"></span></a></li> |
|
| 463 |
<li><a href="#network-connected"><span class="snf-network_full font-icon"></span></a></li>
|
|
| 464 | 464 |
</ul> |
| 465 | 465 |
</div> |
| 466 | 466 |
</div> |
| ... | ... | |
| 565 | 565 |
<section class="item running"> |
| 566 | 566 |
<div class="what"> |
| 567 | 567 |
<div class="img-wrap"> |
| 568 |
<span class="snf-network_full"></span> |
|
| 568 |
<span class="snf-network_full font-icon"></span>
|
|
| 569 | 569 |
</div> |
| 570 | 570 |
<h4>Public Network</h4> |
| 571 | 571 |
</div> |
| ... | ... | |
| 626 | 626 |
<section class="item error"> |
| 627 | 627 |
<div class="what"> |
| 628 | 628 |
<div class="img-wrap"> |
| 629 |
<span class="snf-network_full"></span> |
|
| 629 |
<span class="snf-network_full font-icon"></span>
|
|
| 630 | 630 |
</div> |
| 631 | 631 |
<h4>My Awesome Network<span class="status">Error</span></h4> |
| 632 | 632 |
</div> |
| ... | ... | |
| 675 | 675 |
<section class="item running"> |
| 676 | 676 |
<div class="what"> |
| 677 | 677 |
<div class="img-wrap"> |
| 678 |
<span class="snf-network_full"></span> |
|
| 678 |
<span class="snf-network_full font-icon"></span>
|
|
| 679 | 679 |
</div> |
| 680 | 680 |
<h4>My Private Network</h4> |
| 681 | 681 |
</div> |
| ... | ... | |
| 700 | 700 |
<section class="connect-new network"> |
| 701 | 701 |
<div class="img-wrap"> |
| 702 | 702 |
<a href="" data-reveal-id="connect-to-network"> |
| 703 |
<span class="snf-network_full"></span> |
|
| 703 |
<span class="snf-network_full font-icon"></span>
|
|
| 704 | 704 |
</a> |
| 705 | 705 |
</div> |
| 706 | 706 |
<p><a href="" data-reveal-id="connect-to-network">Connect to Network</a></p> |
Also available in: Unified diff