Revision 73486bc5
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_details.html | ||
|---|---|---|
| 177 | 177 |
<div class="data"> |
| 178 | 178 |
<ul> |
| 179 | 179 |
<li> |
| 180 |
<h5>ipv6</h5>
|
|
| 180 |
<h5>IPv6</h5>
|
|
| 181 | 181 |
<p>001:648:2ffc:1112:a80c:eaff:fe15:baee </p> |
| 182 | 182 |
</li> |
| 183 |
<li> |
|
| 184 |
<h5>ipv6</h5> |
|
| 185 |
<p>001:648:2ffc:1112:a80c:eaff:fe15:baee</p> |
|
| 186 |
</li> |
|
| 187 | 183 |
</ul> |
| 188 | 184 |
</div> |
| 189 | 185 |
</li> |
| ... | ... | |
| 220 | 216 |
<div class="data"> |
| 221 | 217 |
<ul> |
| 222 | 218 |
<li> |
| 223 |
<h5>ipv6</h5> |
|
| 224 |
<p>001:648:2ffc:1112:a80c:eaff:fe15:baee </p> |
|
| 225 |
</li> |
|
| 226 |
<li> |
|
| 227 | 219 |
<h5>ipv4</h5> |
| 228 | 220 |
<p>001:648:2ffc</p> |
| 229 | 221 |
</li> |
| ... | ... | |
| 236 | 228 |
<div class="data"> |
| 237 | 229 |
<ul> |
| 238 | 230 |
<li> |
| 239 |
<h5>ipv6</h5>
|
|
| 231 |
<h5>IPv6</h5>
|
|
| 240 | 232 |
<p>001:648:2ffc:1112:a80c:eaff:fe15:baee </p> |
| 241 | 233 |
</li> |
| 242 | 234 |
</ul> |
| ... | ... | |
| 248 | 240 |
<div class="data"> |
| 249 | 241 |
<ul> |
| 250 | 242 |
<li> |
| 251 |
<h5>ipv6</h5>
|
|
| 243 |
<h5>IPv6</h5>
|
|
| 252 | 244 |
<p>001:648:2ffc:1112:a80c:eaff:fe15:baee </p> |
| 253 | 245 |
</li> |
| 254 |
<li> |
|
| 255 |
<h5>ipv6</h5> |
|
| 256 |
<p>001:648:2ffc:1112:a80c:eaff:fe15:baee</p> |
|
| 257 |
</li> |
|
| 258 | 246 |
</ul> |
| 259 | 247 |
</div> |
| 260 | 248 |
</li> |
| ... | ... | |
| 291 | 279 |
<div class="data"> |
| 292 | 280 |
<ul> |
| 293 | 281 |
<li> |
| 294 |
<h5>ipv6</h5>
|
|
| 282 |
<h5>IPv6</h5>
|
|
| 295 | 283 |
<p>001:648:2ffc:1112:a80c:eaff:fe15:baee </p> |
| 296 | 284 |
</li> |
| 297 | 285 |
</ul> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_connected.scss | ||
|---|---|---|
| 124 | 124 |
} |
| 125 | 125 |
} |
| 126 | 126 |
} |
| 127 |
&.network {
|
|
| 128 |
h4 {
|
|
| 129 |
position: absolute; |
|
| 130 |
top: 25px; |
|
| 131 |
left: $lt-width; |
|
| 132 |
} |
|
| 133 |
} |
|
| 134 |
&.disk {
|
|
| 135 |
h4 {
|
|
| 136 |
position: absolute; |
|
| 137 |
top: 20px; |
|
| 138 |
left: $lt-width; |
|
| 139 |
} |
|
| 140 |
} |
|
| 127 | 141 |
} |
| 128 | 142 |
|
| 129 | 143 |
.connect-new {
|
| ... | ... | |
| 172 | 186 |
font-size: emCalc(14px); |
| 173 | 187 |
top: 90px; |
| 174 | 188 |
} |
| 189 |
&.network p {
|
|
| 190 |
top: 90px; |
|
| 191 |
} |
|
| 192 |
&.disk p {
|
|
| 193 |
top: 94px; |
|
| 194 |
} |
|
| 195 |
|
|
| 175 | 196 |
} |
| 176 | 197 |
|
| 177 | 198 |
.network .connected {
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_details.scss | ||
|---|---|---|
| 169 | 169 |
background: $link-color-hover; |
| 170 | 170 |
color: #fff; |
| 171 | 171 |
} |
| 172 |
} |
|
| 173 |
|
|
| 174 |
.list-availables {
|
|
| 175 |
&>span{
|
|
| 176 |
margin-bottom: 1em; |
|
| 177 |
display: inline-block; |
|
| 178 |
} |
|
| 179 |
ul {
|
|
| 180 |
list-style-type: none; |
|
| 181 |
li {
|
|
| 182 |
line-height: 2.5em; |
|
| 183 |
span {
|
|
| 184 |
display: inline-block; |
|
| 185 |
&:not(:last-child), span:not(:first-child) {
|
|
| 186 |
margin-right: 20px; |
|
| 187 |
} |
|
| 188 |
&:first-child {
|
|
| 189 |
margin-right: 30px; |
|
| 190 |
} |
|
| 191 |
&.font-icon{
|
|
| 192 |
vertical-align: middle; |
|
| 193 |
&.snf-network_full, &.snf-HDD-full {
|
|
| 194 |
font-size: 24px; |
|
| 195 |
color: $secondary-color; |
|
| 196 |
} |
|
| 197 |
} |
|
| 198 |
&.name {
|
|
| 199 |
width: 30%; |
|
| 200 |
} |
|
| 201 |
} |
|
| 202 |
} |
|
| 203 |
} |
|
| 172 | 204 |
} |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
|---|---|---|
| 8097 | 8097 |
color: #fff; |
| 8098 | 8098 |
} |
| 8099 | 8099 |
|
| 8100 |
/* line 175, ../sass/_details.scss */ |
|
| 8101 |
.list-availables > span {
|
|
| 8102 |
margin-bottom: 1em; |
|
| 8103 |
display: inline-block; |
|
| 8104 |
} |
|
| 8105 |
/* line 179, ../sass/_details.scss */ |
|
| 8106 |
.list-availables ul {
|
|
| 8107 |
list-style-type: none; |
|
| 8108 |
} |
|
| 8109 |
/* line 181, ../sass/_details.scss */ |
|
| 8110 |
.list-availables ul li {
|
|
| 8111 |
line-height: 2.5em; |
|
| 8112 |
} |
|
| 8113 |
/* line 183, ../sass/_details.scss */ |
|
| 8114 |
.list-availables ul li span {
|
|
| 8115 |
display: inline-block; |
|
| 8116 |
} |
|
| 8117 |
/* line 185, ../sass/_details.scss */ |
|
| 8118 |
.list-availables ul li span:not(:last-child), .list-availables ul li span span:not(:first-child) {
|
|
| 8119 |
margin-right: 20px; |
|
| 8120 |
} |
|
| 8121 |
/* line 188, ../sass/_details.scss */ |
|
| 8122 |
.list-availables ul li span:first-child {
|
|
| 8123 |
margin-right: 30px; |
|
| 8124 |
} |
|
| 8125 |
/* line 191, ../sass/_details.scss */ |
|
| 8126 |
.list-availables ul li span.font-icon {
|
|
| 8127 |
vertical-align: middle; |
|
| 8128 |
} |
|
| 8129 |
/* line 193, ../sass/_details.scss */ |
|
| 8130 |
.list-availables ul li span.font-icon.snf-network_full, .list-availables ul li span.font-icon.snf-HDD-full {
|
|
| 8131 |
font-size: 24px; |
|
| 8132 |
color: #30c79e; |
|
| 8133 |
} |
|
| 8134 |
/* line 198, ../sass/_details.scss */ |
|
| 8135 |
.list-availables ul li span.name {
|
|
| 8136 |
width: 30%; |
|
| 8137 |
} |
|
| 8138 |
|
|
| 8100 | 8139 |
/* Table of Contents |
| 8101 | 8140 |
|
| 8102 | 8141 |
- lt-sidebar general styles |
| ... | ... | |
| 10453 | 10492 |
margin: 0; |
| 10454 | 10493 |
line-height: 1.3em; |
| 10455 | 10494 |
} |
| 10495 |
/* line 128, ../sass/_connected.scss */ |
|
| 10496 |
.connected.network h4 {
|
|
| 10497 |
position: absolute; |
|
| 10498 |
top: 25px; |
|
| 10499 |
left: 165px; |
|
| 10500 |
} |
|
| 10501 |
/* line 135, ../sass/_connected.scss */ |
|
| 10502 |
.connected.disk h4 {
|
|
| 10503 |
position: absolute; |
|
| 10504 |
top: 20px; |
|
| 10505 |
left: 165px; |
|
| 10506 |
} |
|
| 10456 | 10507 |
|
| 10457 |
/* line 129, ../sass/_connected.scss */
|
|
| 10508 |
/* line 143, ../sass/_connected.scss */
|
|
| 10458 | 10509 |
.connect-new {
|
| 10459 | 10510 |
position: absolute; |
| 10460 | 10511 |
bottom: -150px; |
| ... | ... | |
| 10465 | 10516 |
background: url(../images/dashed_atom.png) repeat-y left center; |
| 10466 | 10517 |
margin-bottom: 50px; |
| 10467 | 10518 |
} |
| 10468 |
/* line 138, ../sass/_connected.scss */
|
|
| 10519 |
/* line 152, ../sass/_connected.scss */
|
|
| 10469 | 10520 |
.connect-new .img-wrap {
|
| 10470 | 10521 |
position: relative; |
| 10471 | 10522 |
display: block; |
| ... | ... | |
| 10473 | 10524 |
height: 2px; |
| 10474 | 10525 |
background: url(../images/dashed_atom-x.png) repeat-x left top; |
| 10475 | 10526 |
} |
| 10476 |
/* line 144, ../sass/_connected.scss */
|
|
| 10527 |
/* line 158, ../sass/_connected.scss */
|
|
| 10477 | 10528 |
.connect-new .img-wrap > a {
|
| 10478 | 10529 |
display: block; |
| 10479 | 10530 |
position: absolute; |
| ... | ... | |
| 10483 | 10534 |
text-align: center; |
| 10484 | 10535 |
margin: -20px 0 0; |
| 10485 | 10536 |
} |
| 10486 |
/* line 152, ../sass/_connected.scss */
|
|
| 10537 |
/* line 166, ../sass/_connected.scss */
|
|
| 10487 | 10538 |
.connect-new .img-wrap > a .font-icon {
|
| 10488 | 10539 |
color: #485057; |
| 10489 | 10540 |
font-size: 3.75em; |
| 10490 | 10541 |
} |
| 10491 |
/* line 156, ../sass/_connected.scss */
|
|
| 10542 |
/* line 170, ../sass/_connected.scss */
|
|
| 10492 | 10543 |
.connect-new .img-wrap > a .snf-network_full {
|
| 10493 | 10544 |
position: relative; |
| 10494 | 10545 |
top: -9px; |
| 10495 | 10546 |
} |
| 10496 |
/* line 161, ../sass/_connected.scss */
|
|
| 10547 |
/* line 175, ../sass/_connected.scss */
|
|
| 10497 | 10548 |
.connect-new .img-wrap > a:hover span {
|
| 10498 | 10549 |
color: #30c79e; |
| 10499 | 10550 |
} |
| 10500 |
/* line 167, ../sass/_connected.scss */
|
|
| 10551 |
/* line 181, ../sass/_connected.scss */
|
|
| 10501 | 10552 |
.connect-new p {
|
| 10502 | 10553 |
position: absolute; |
| 10503 | 10554 |
left: 165px; |
| ... | ... | |
| 10506 | 10557 |
font-size: 0.875em; |
| 10507 | 10558 |
top: 90px; |
| 10508 | 10559 |
} |
| 10560 |
/* line 189, ../sass/_connected.scss */ |
|
| 10561 |
.connect-new.network p {
|
|
| 10562 |
top: 90px; |
|
| 10563 |
} |
|
| 10564 |
/* line 192, ../sass/_connected.scss */ |
|
| 10565 |
.connect-new.disk p {
|
|
| 10566 |
top: 94px; |
|
| 10567 |
} |
|
| 10509 | 10568 |
|
| 10510 |
/* line 177, ../sass/_connected.scss */
|
|
| 10569 |
/* line 198, ../sass/_connected.scss */
|
|
| 10511 | 10570 |
.network .connected {
|
| 10512 | 10571 |
left: 143px; |
| 10513 | 10572 |
top: -80px; |
| 10514 | 10573 |
padding-top: 80px; |
| 10515 | 10574 |
} |
| 10516 | 10575 |
|
| 10517 |
/* line 183, ../sass/_connected.scss */
|
|
| 10576 |
/* line 204, ../sass/_connected.scss */
|
|
| 10518 | 10577 |
.firewall {
|
| 10519 | 10578 |
float: left; |
| 10520 | 10579 |
margin-left: 20px; |
| ... | ... | |
| 10526 | 10585 |
font-size: 0.75em; |
| 10527 | 10586 |
z-index: 2; |
| 10528 | 10587 |
} |
| 10529 |
/* line 193, ../sass/_connected.scss */
|
|
| 10588 |
/* line 214, ../sass/_connected.scss */
|
|
| 10530 | 10589 |
.firewall p {
|
| 10531 | 10590 |
margin: 0; |
| 10532 | 10591 |
} |
| 10533 |
/* line 195, ../sass/_connected.scss */
|
|
| 10592 |
/* line 216, ../sass/_connected.scss */
|
|
| 10534 | 10593 |
.firewall p em {
|
| 10535 | 10594 |
color: #30c79e; |
| 10536 | 10595 |
} |
| 10537 |
/* line 199, ../sass/_connected.scss */
|
|
| 10596 |
/* line 220, ../sass/_connected.scss */
|
|
| 10538 | 10597 |
.firewall .more {
|
| 10539 | 10598 |
margin-top: 20px; |
| 10540 | 10599 |
display: none; |
| 10541 | 10600 |
} |
| 10542 |
/* line 203, ../sass/_connected.scss */
|
|
| 10601 |
/* line 224, ../sass/_connected.scss */
|
|
| 10543 | 10602 |
.firewall .more p span {
|
| 10544 | 10603 |
float: right; |
| 10545 | 10604 |
font-size: 0.875em; |
| 10546 | 10605 |
height: 14px; |
| 10547 | 10606 |
line-height: 22px; |
| 10548 | 10607 |
} |
| 10549 |
/* line 209, ../sass/_connected.scss */
|
|
| 10608 |
/* line 230, ../sass/_connected.scss */
|
|
| 10550 | 10609 |
.firewall .more p em {
|
| 10551 | 10610 |
float: right; |
| 10552 | 10611 |
margin: 0 5px 0 20px; |
| 10553 | 10612 |
width: 15px; |
| 10554 | 10613 |
display: inline-block; |
| 10555 | 10614 |
} |
| 10556 |
/* line 218, ../sass/_connected.scss */
|
|
| 10615 |
/* line 239, ../sass/_connected.scss */
|
|
| 10557 | 10616 |
.firewall.unprotected > p em, |
| 10558 | 10617 |
.firewall .unprotected a em {
|
| 10559 | 10618 |
color: #ff5c58; |
| 10560 | 10619 |
} |
| 10561 | 10620 |
|
| 10562 |
/* line 223, ../sass/_connected.scss */
|
|
| 10621 |
/* line 244, ../sass/_connected.scss */
|
|
| 10563 | 10622 |
.details .placeholder {
|
| 10564 | 10623 |
height: 100px; |
| 10565 | 10624 |
} |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_details.html | ||
|---|---|---|
| 50 | 50 |
<a href="#" class="close" title="hide message">close</a> |
| 51 | 51 |
</div> |
| 52 | 52 |
<div class="overlay-wrapper"> |
| 53 |
<div id="start-confirm" class="reveal-modal medium"> |
|
| 54 |
<p class="message-forimg">Are you sure you want to turn on your machine?</p> |
|
| 55 |
<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p> |
|
| 56 |
<a class="close-reveal-modal" title="close window">X</a> |
|
| 57 |
</div> |
|
| 58 |
<div id="reboot-confirm" class="reveal-modal medium"> |
|
| 59 |
<p class="message-forimg">Are you sure you want to reboot your machine?</p> |
|
| 60 |
<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p> |
|
| 61 |
<a class="close-reveal-modal" title="close window">X</a> |
|
| 62 |
</div> |
|
| 63 |
<div id="shutdown-confirm" class="reveal-modal medium"> |
|
| 64 |
<p class="message-forimg">Are you sure you want to shutdown your machine?</p> |
|
| 65 |
<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p> |
|
| 66 |
<a class="close-reveal-modal" title="close window">X</a> |
|
| 67 |
</div> |
|
| 68 |
<div id="destroy-vm-confirm" class="reveal-modal medium"> |
|
| 69 |
<p class="message-forimg">Are you sure you want to destroy your machine?</p> |
|
| 70 |
<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p> |
|
| 71 |
<a class="close-reveal-modal" title="close window">X</a> |
|
| 72 |
</div> |
|
| 73 |
<div id="vm-connect" class="reveal-modal medium"> |
|
| 74 |
<p>A direct connection to this machine can be established using the <a href="http://en.wikipedia.org/wiki/Secure_Shell" target="_blank">SSH Protocol</a>. To do so open a terminal and type the following at the prompt to connect to your machine:</p> |
|
| 75 |
<p class="ssh"><span>ssh user@snf-38389.vm.okeanos.grnet.gr</span></p> |
|
| 53 |
<section class="overlay-area-reveal"> |
|
| 54 |
<div id="start-confirm" class="reveal-modal medium"> |
|
| 55 |
<p class="message-forimg">Are you sure you want to turn on your machine?</p> |
|
| 56 |
<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p> |
|
| 57 |
<a class="close-reveal-modal" title="close window">X</a> |
|
| 58 |
</div> |
|
| 59 |
<div id="reboot-confirm" class="reveal-modal medium"> |
|
| 60 |
<p class="message-forimg">Are you sure you want to reboot your machine?</p> |
|
| 61 |
<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p> |
|
| 62 |
<a class="close-reveal-modal" title="close window">X</a> |
|
| 63 |
</div> |
|
| 64 |
<div id="shutdown-confirm" class="reveal-modal medium"> |
|
| 65 |
<p class="message-forimg">Are you sure you want to shutdown your machine?</p> |
|
| 66 |
<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p> |
|
| 67 |
<a class="close-reveal-modal" title="close window">X</a> |
|
| 68 |
</div> |
|
| 69 |
<div id="destroy-vm-confirm" class="reveal-modal medium"> |
|
| 70 |
<p class="message-forimg">Are you sure you want to destroy your machine?</p> |
|
| 71 |
<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p> |
|
| 72 |
<a class="close-reveal-modal" title="close window">X</a> |
|
| 73 |
</div> |
|
| 74 |
<div id="vm-connect" class="reveal-modal medium"> |
|
| 75 |
<p>A direct connection to this machine can be established using the <a href="http://en.wikipedia.org/wiki/Secure_Shell" target="_blank">SSH Protocol</a>. To do so open a terminal and type the following at the prompt to connect to your machine:</p> |
|
| 76 |
<p class="ssh"><span>ssh user@snf-38389.vm.okeanos.grnet.gr</span></p> |
|
| 76 | 77 |
|
| 77 |
<p class="info">Keep in mind that recently rebooted or created VMs may take up to 5 minutes to connect to them.</p> |
|
| 78 |
<a class="close-reveal-modal" title="close window">×</a> |
|
| 79 |
</div> |
|
| 78 |
<p class="info">Keep in mind that recently rebooted or created VMs may take up to 5 minutes to connect to them.</p> |
|
| 79 |
<a class="close-reveal-modal" title="close window">×</a> |
|
| 80 |
</div> |
|
| 81 |
<div id="attach-volume" class="reveal-modal medium list-availables"> |
|
| 82 |
<span>Available volumes:</span> |
|
| 83 |
<ul> |
|
| 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> |
|
| 86 |
</ul> |
|
| 87 |
<p class="buttons"> |
|
| 88 |
<a href="" class="btn1">OK</a> |
|
| 89 |
<a href="" class="btn1">Cancel</a> |
|
| 90 |
</p> |
|
| 91 |
</div> |
|
| 92 |
<div id="connect-to-network" class="reveal-modal medium list-availables"> |
|
| 93 |
<span>Available networks:</span> |
|
| 94 |
<ul> |
|
| 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> |
|
| 97 |
</ul> |
|
| 98 |
<p class="buttons"> |
|
| 99 |
<a href="" class="btn1">OK</a> |
|
| 100 |
<a href="" class="btn1">Cancel</a> |
|
| 101 |
</p> |
|
| 102 |
</div> |
|
| 103 |
</section> |
|
| 80 | 104 |
<section class="actions-bar clearfix"> |
| 81 | 105 |
<h2><a href="vm_list.html">Virtual Machines</a> > My Awesome Network</h2> |
| 82 | 106 |
<div class="view-type"> |
| ... | ... | |
| 435 | 459 |
<div class="tabs"> |
| 436 | 460 |
<ul> |
| 437 | 461 |
<li><a href="#info" class="active"><span class="snf-info_outline"></span></a></li> |
| 438 |
<li><a href="#disk-connected"><span class="snf-HDD"></span></a></li> |
|
| 462 |
<li><a href="#disk-connected"><span class="snf-HDD-full"></span></a></li>
|
|
| 439 | 463 |
<li><a href="#network-connected"><span class="snf-network_full"></span></a></li> |
| 440 | 464 |
</ul> |
| 441 | 465 |
</div> |
| ... | ... | |
| 537 | 561 |
</div> |
| 538 | 562 |
</section> |
| 539 | 563 |
</section> |
| 540 |
<section class="content connected" id="network-connected" style="display:none"> |
|
| 564 |
<section class="content connected network" id="network-connected" style="display:none">
|
|
| 541 | 565 |
<section class="item running"> |
| 542 | 566 |
<div class="what"> |
| 543 | 567 |
<div class="img-wrap"> |
| ... | ... | |
| 617 | 641 |
<h5 class="ip-data">ipv6</h5> |
| 618 | 642 |
<p>001:648:2ffc:1112:a80c:eaff:fe15:baee </p> |
| 619 | 643 |
</li> |
| 620 |
<li> |
|
| 621 |
<h5 class="ip-data">ipv4</h5> |
|
| 622 |
<p>001:648:2ffc</p> |
|
| 623 |
</li> |
|
| 624 | 644 |
</ul> |
| 625 | 645 |
</div> |
| 626 | 646 |
</li> |
| ... | ... | |
| 645 | 665 |
<h5 class="ip-data">ipv6</h5> |
| 646 | 666 |
<p>001:648:2ffc:1112:a80c:eaff:fe15:baee </p> |
| 647 | 667 |
</li> |
| 648 |
<li> |
|
| 649 |
<h5 class="ip-data">ipv6</h5> |
|
| 650 |
<p>001:648:2ffc:1112:a80c:eaff:fe15:baee</p> |
|
| 651 |
</li> |
|
| 652 | 668 |
</ul> |
| 653 | 669 |
</div> |
| 654 | 670 |
</li> |
| ... | ... | |
| 681 | 697 |
|
| 682 | 698 |
</div> |
| 683 | 699 |
</section> |
| 684 |
<section class="connect-new"> |
|
| 700 |
<section class="connect-new network">
|
|
| 685 | 701 |
<div class="img-wrap"> |
| 686 |
<a href=""> |
|
| 702 |
<a href="" data-reveal-id="connect-to-network">
|
|
| 687 | 703 |
<span class="snf-network_full"></span> |
| 688 | 704 |
</a> |
| 689 | 705 |
</div> |
| 690 |
<p><a href="">Connect to Network</a></p> |
|
| 706 |
<p><a href="" data-reveal-id="connect-to-network">Connect to Network</a></p>
|
|
| 691 | 707 |
</section> |
| 692 | 708 |
</section> |
| 693 |
<section class="content connected" id="disk-connected" style="display:none"> |
|
| 709 |
<section class="content connected disk" id="disk-connected" style="display:none">
|
|
| 694 | 710 |
<section class="item running"> |
| 695 | 711 |
<div class="what"> |
| 696 | 712 |
<div class="img-wrap"> |
| ... | ... | |
| 702 | 718 |
<ul class="connections"> |
| 703 | 719 |
<li> |
| 704 | 720 |
<a href="#" class="act">act</a> |
| 705 |
<div class="icon"><span>?</span></div>
|
|
| 721 |
<div class="icon"></div> |
|
| 706 | 722 |
<div class="data"> |
| 707 | 723 |
<ul> |
| 708 | 724 |
<li> |
| ... | ... | |
| 730 | 746 |
<ul class="connections"> |
| 731 | 747 |
<li> |
| 732 | 748 |
<a href="#" class="act">act</a> |
| 733 |
<div class="icon"><span>?</span></div>
|
|
| 749 |
<div class="icon"></div> |
|
| 734 | 750 |
<div class="data"> |
| 735 | 751 |
<ul> |
| 736 | 752 |
<li> |
| ... | ... | |
| 748 | 764 |
|
| 749 | 765 |
</div> |
| 750 | 766 |
</section> |
| 751 |
<section class="connect-new"> |
|
| 767 |
<section class="connect-new disk">
|
|
| 752 | 768 |
<div class="img-wrap"> |
| 753 |
<a href=""> |
|
| 769 |
<a href="" data-reveal-id="attach-volume">
|
|
| 754 | 770 |
<span class="snf-HDD-full font-icon"></span> |
| 755 | 771 |
</a> |
| 756 | 772 |
</div> |
| 757 |
<p><a href="">Attach Volume</a></p> |
|
| 773 |
<p><a href="" data-reveal-id="attach-volume">Attach Volume</a></p>
|
|
| 758 | 774 |
</section> |
| 759 | 775 |
</section> |
| 760 | 776 |
<div class="placeholder"></div> |
Also available in: Unified diff