Revision b4c26e76
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_items-list.scss | ||
|---|---|---|
| 13 | 13 |
list-style:none; |
| 14 | 14 |
background:url(../images/dashed-bg-corner.png) no-repeat right bottom; |
| 15 | 15 |
height: 215px; |
| 16 |
.add-new {
|
|
| 17 |
a {
|
|
| 18 |
margin:0 20px; |
|
| 19 |
display: block; |
|
| 20 |
font-weight: bold; |
|
| 21 |
height: 100%; |
|
| 22 |
width:100%; |
|
| 23 |
&:hover {
|
|
| 24 |
border-color:$third-color; |
|
| 25 |
} |
|
| 26 |
} |
|
| 27 |
} |
|
| 28 |
.img-wrap {
|
|
| 16 |
.img-wrap {
|
|
| 29 | 17 |
// height: 78px; |
| 30 | 18 |
// margin: 0 60px; |
| 31 | 19 |
text-align: center; |
| ... | ... | |
| 145 | 133 |
} |
| 146 | 134 |
} |
| 147 | 135 |
.visible-info {
|
| 148 |
// margin: 0 25px; |
|
| 149 | 136 |
text-align: center; |
| 150 | 137 |
font-size: 12px; |
| 151 | 138 |
position:relative; |
| ... | ... | |
| 154 | 141 |
margin-bottom: 4px; |
| 155 | 142 |
span {
|
| 156 | 143 |
&.title {
|
| 157 |
// white-space: nowrap; |
|
| 158 | 144 |
height: 3em; |
| 159 | 145 |
overflow: hidden; |
| 160 | 146 |
} |
| ... | ... | |
| 166 | 152 |
} |
| 167 | 153 |
} |
| 168 | 154 |
} |
| 155 |
&[data-status="add-new"] {
|
|
| 156 |
background-color: $secondary-color; |
|
| 157 |
-webkit-transition: background-color 300ms linear; |
|
| 158 |
-moz-transition: background-color 300ms linear; |
|
| 159 |
-o-transition: background-color 300ms linear; |
|
| 160 |
-ms-transition: background-color 300ms linear; |
|
| 161 |
transition: background-color 300ms linear; |
|
| 162 |
.container {
|
|
| 163 |
.img-wrap {
|
|
| 164 |
.img {
|
|
| 165 |
a {
|
|
| 166 |
span:first-child {
|
|
| 167 |
color: white; |
|
| 168 |
|
|
| 169 |
} |
|
| 170 |
.symbol {
|
|
| 171 |
background-image: none; |
|
| 172 |
color: $secondary-color; |
|
| 173 |
font-size: 30px; |
|
| 174 |
text-indent: 0; |
|
| 175 |
} |
|
| 176 |
} |
|
| 177 |
} |
|
| 178 |
} |
|
| 179 |
.visible-info a{
|
|
| 180 |
color: white; |
|
| 181 |
} |
|
| 182 |
} |
|
| 183 |
&:hover {
|
|
| 184 |
background-color: white; |
|
| 185 |
-webkit-transition: background-color 300ms linear; |
|
| 186 |
-moz-transition: background-color 300ms linear; |
|
| 187 |
-o-transition: background-color 300ms linear; |
|
| 188 |
-ms-transition: background-color 300ms linear; |
|
| 189 |
transition: background-color 300ms linear; |
|
| 190 |
.container {
|
|
| 191 |
.img-wrap {
|
|
| 192 |
.img {
|
|
| 193 |
a {
|
|
| 194 |
span:first-child {
|
|
| 195 |
color: $secondary-color; |
|
| 196 |
-webkit-transition: color 300ms linear; |
|
| 197 |
-moz-transition: color 300ms linear; |
|
| 198 |
-o-transition: color 300ms linear; |
|
| 199 |
-ms-transition: color 300ms linear; |
|
| 200 |
transition: color 300ms linear; |
|
| 201 |
} |
|
| 202 |
.symbol {
|
|
| 203 |
color: white; |
|
| 204 |
} |
|
| 205 |
} |
|
| 206 |
} |
|
| 207 |
} |
|
| 208 |
.visible-info a{
|
|
| 209 |
color: $secondary-color; |
|
| 210 |
} |
|
| 211 |
} |
|
| 212 |
} |
|
| 213 |
} |
|
| 169 | 214 |
} |
| 170 | 215 |
&.list-view {
|
| 171 | 216 |
li {
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
|---|---|---|
| 7569 | 7569 |
background: url(../images/dashed-bg-corner.png) no-repeat right bottom; |
| 7570 | 7570 |
height: 215px; |
| 7571 | 7571 |
} |
| 7572 |
/* line 17, ../sass/_items-list.scss */ |
|
| 7573 |
.items-list > li .add-new a {
|
|
| 7574 |
margin: 0 20px; |
|
| 7575 |
display: block; |
|
| 7576 |
font-weight: bold; |
|
| 7577 |
height: 100%; |
|
| 7578 |
width: 100%; |
|
| 7579 |
} |
|
| 7580 |
/* line 23, ../sass/_items-list.scss */ |
|
| 7581 |
.items-list > li .add-new a:hover {
|
|
| 7582 |
border-color: #30c79e; |
|
| 7583 |
} |
|
| 7584 |
/* line 28, ../sass/_items-list.scss */ |
|
| 7572 |
/* line 16, ../sass/_items-list.scss */ |
|
| 7585 | 7573 |
.items-list > li .img-wrap {
|
| 7586 | 7574 |
text-align: center; |
| 7587 | 7575 |
} |
| 7588 |
/* line 33, ../sass/_items-list.scss */
|
|
| 7576 |
/* line 21, ../sass/_items-list.scss */
|
|
| 7589 | 7577 |
.items-list > li .img {
|
| 7590 | 7578 |
margin-bottom: 16px; |
| 7591 | 7579 |
position: relative; |
| 7592 | 7580 |
height: 58px; |
| 7593 | 7581 |
display: inline-block; |
| 7594 | 7582 |
} |
| 7595 |
/* line 39, ../sass/_items-list.scss */
|
|
| 7583 |
/* line 27, ../sass/_items-list.scss */
|
|
| 7596 | 7584 |
.items-list > li .container {
|
| 7597 | 7585 |
height: 160px; |
| 7598 | 7586 |
border: 1px solid transparent; |
| ... | ... | |
| 7600 | 7588 |
position: relative; |
| 7601 | 7589 |
line-height: 120%; |
| 7602 | 7590 |
} |
| 7603 |
/* line 40, ../sass/_items-list.scss */
|
|
| 7591 |
/* line 28, ../sass/_items-list.scss */
|
|
| 7604 | 7592 |
.items-list > li .container.set-bg {
|
| 7605 | 7593 |
background: #f3f3f4; |
| 7606 | 7594 |
} |
| 7607 |
/* line 41, ../sass/_items-list.scss */
|
|
| 7595 |
/* line 29, ../sass/_items-list.scss */
|
|
| 7608 | 7596 |
.items-list > li .container.set-border {
|
| 7609 | 7597 |
border-color: #30c79e; |
| 7610 | 7598 |
} |
| 7611 |
/* line 47, ../sass/_items-list.scss */
|
|
| 7599 |
/* line 35, ../sass/_items-list.scss */
|
|
| 7612 | 7600 |
.items-list > li .container .tags {
|
| 7613 | 7601 |
width: 100%; |
| 7614 | 7602 |
min-height: 12px; |
| 7615 | 7603 |
position: absolute; |
| 7616 | 7604 |
bottom: 6px; |
| 7617 | 7605 |
} |
| 7618 |
/* line 54, ../sass/_items-list.scss */
|
|
| 7606 |
/* line 42, ../sass/_items-list.scss */
|
|
| 7619 | 7607 |
.items-list > li .container .status {
|
| 7620 | 7608 |
font-size: 12px; |
| 7621 | 7609 |
text-align: center; |
| 7622 | 7610 |
} |
| 7623 |
/* line 57, ../sass/_items-list.scss */
|
|
| 7611 |
/* line 45, ../sass/_items-list.scss */
|
|
| 7624 | 7612 |
.items-list > li .container .status a {
|
| 7625 | 7613 |
color: #30c79e; |
| 7626 | 7614 |
} |
| 7627 |
/* line 61, ../sass/_items-list.scss */
|
|
| 7615 |
/* line 49, ../sass/_items-list.scss */
|
|
| 7628 | 7616 |
.items-list > li .container .status span {
|
| 7629 | 7617 |
color: #30c79e; |
| 7630 | 7618 |
display: block; |
| 7631 | 7619 |
} |
| 7632 |
/* line 67, ../sass/_items-list.scss */
|
|
| 7620 |
/* line 55, ../sass/_items-list.scss */
|
|
| 7633 | 7621 |
.items-list > li .more {
|
| 7634 | 7622 |
display: none; |
| 7635 | 7623 |
background: #fff; |
| ... | ... | |
| 7651 | 7639 |
.items-list > li .more:after {
|
| 7652 | 7640 |
clear: both; |
| 7653 | 7641 |
} |
| 7654 |
/* line 80, ../sass/_items-list.scss */
|
|
| 7642 |
/* line 68, ../sass/_items-list.scss */
|
|
| 7655 | 7643 |
.items-list > li .more .col {
|
| 7656 | 7644 |
width: 50%; |
| 7657 | 7645 |
float: left; |
| 7658 | 7646 |
font-size: 0.875em; |
| 7659 | 7647 |
height: 200px; |
| 7660 | 7648 |
} |
| 7661 |
/* line 85, ../sass/_items-list.scss */
|
|
| 7649 |
/* line 73, ../sass/_items-list.scss */
|
|
| 7662 | 7650 |
.items-list > li .more .col ul {
|
| 7663 | 7651 |
margin: 0; |
| 7664 | 7652 |
padding: 0; |
| 7665 | 7653 |
list-style: none outside none; |
| 7666 | 7654 |
} |
| 7667 |
/* line 89, ../sass/_items-list.scss */
|
|
| 7655 |
/* line 77, ../sass/_items-list.scss */
|
|
| 7668 | 7656 |
.items-list > li .more .col ul li {
|
| 7669 | 7657 |
padding: 0; |
| 7670 | 7658 |
text-align: left; |
| 7671 | 7659 |
} |
| 7672 |
/* line 92, ../sass/_items-list.scss */
|
|
| 7660 |
/* line 80, ../sass/_items-list.scss */
|
|
| 7673 | 7661 |
.items-list > li .more .col ul li a {
|
| 7674 | 7662 |
color: #222222; |
| 7675 | 7663 |
display: block; |
| 7676 | 7664 |
width: 100%; |
| 7677 | 7665 |
} |
| 7678 |
/* line 96, ../sass/_items-list.scss */
|
|
| 7666 |
/* line 84, ../sass/_items-list.scss */
|
|
| 7679 | 7667 |
.items-list > li .more .col ul li a:hover {
|
| 7680 | 7668 |
background-color: #30c79e; |
| 7681 | 7669 |
color: #fff; |
| 7682 | 7670 |
} |
| 7683 |
/* line 104, ../sass/_items-list.scss */
|
|
| 7671 |
/* line 92, ../sass/_items-list.scss */
|
|
| 7684 | 7672 |
.items-list > li .more .col.lt ul {
|
| 7685 | 7673 |
padding-top: 10px; |
| 7686 | 7674 |
} |
| 7687 |
/* line 107, ../sass/_items-list.scss */
|
|
| 7675 |
/* line 95, ../sass/_items-list.scss */
|
|
| 7688 | 7676 |
.items-list > li .more .col.lt ul li a {
|
| 7689 | 7677 |
padding: 5px 5px 5px 30px; |
| 7690 | 7678 |
} |
| 7691 |
/* line 115, ../sass/_items-list.scss */
|
|
| 7679 |
/* line 103, ../sass/_items-list.scss */
|
|
| 7692 | 7680 |
.items-list > li .more .col.rt ul li {
|
| 7693 | 7681 |
height: 100px; |
| 7694 | 7682 |
} |
| 7695 |
/* line 117, ../sass/_items-list.scss */
|
|
| 7683 |
/* line 105, ../sass/_items-list.scss */
|
|
| 7696 | 7684 |
.items-list > li .more .col.rt ul li a {
|
| 7697 | 7685 |
height: 100%; |
| 7698 | 7686 |
padding: 5px 5px 5px 30px; |
| 7699 | 7687 |
line-height: 100px; |
| 7700 | 7688 |
} |
| 7701 |
/* line 126, ../sass/_items-list.scss */
|
|
| 7689 |
/* line 114, ../sass/_items-list.scss */
|
|
| 7702 | 7690 |
.items-list > li .more .vm-name {
|
| 7703 | 7691 |
background: url(../images/dashed_atom-x.png) repeat-x center top; |
| 7704 | 7692 |
padding: 10px; |
| 7705 | 7693 |
font-size: 0.625em; |
| 7706 | 7694 |
} |
| 7707 |
/* line 132, ../sass/_items-list.scss */
|
|
| 7695 |
/* line 120, ../sass/_items-list.scss */
|
|
| 7708 | 7696 |
.items-list > li .check {
|
| 7709 | 7697 |
position: absolute; |
| 7710 | 7698 |
right: 10px; |
| ... | ... | |
| 7715 | 7703 |
cursor: pointer; |
| 7716 | 7704 |
z-index: 10; |
| 7717 | 7705 |
} |
| 7718 |
/* line 142, ../sass/_items-list.scss */
|
|
| 7706 |
/* line 130, ../sass/_items-list.scss */
|
|
| 7719 | 7707 |
.items-list > li .check span {
|
| 7720 | 7708 |
position: relative; |
| 7721 | 7709 |
z-index: 10; |
| 7722 | 7710 |
} |
| 7723 |
/* line 143, ../sass/_items-list.scss */
|
|
| 7711 |
/* line 131, ../sass/_items-list.scss */
|
|
| 7724 | 7712 |
.items-list > li .check.active {
|
| 7725 | 7713 |
color: #30c79e; |
| 7726 | 7714 |
} |
| 7727 |
/* line 147, ../sass/_items-list.scss */
|
|
| 7715 |
/* line 135, ../sass/_items-list.scss */
|
|
| 7728 | 7716 |
.items-list > li .visible-info {
|
| 7729 | 7717 |
text-align: center; |
| 7730 | 7718 |
font-size: 12px; |
| ... | ... | |
| 7733 | 7721 |
overflow: hidden; |
| 7734 | 7722 |
margin-bottom: 4px; |
| 7735 | 7723 |
} |
| 7736 |
/* line 155, ../sass/_items-list.scss */
|
|
| 7724 |
/* line 142, ../sass/_items-list.scss */
|
|
| 7737 | 7725 |
.items-list > li .visible-info span {
|
| 7738 | 7726 |
display: block; |
| 7739 | 7727 |
position: relative; |
| 7740 | 7728 |
} |
| 7741 |
/* line 156, ../sass/_items-list.scss */
|
|
| 7729 |
/* line 143, ../sass/_items-list.scss */
|
|
| 7742 | 7730 |
.items-list > li .visible-info span.title {
|
| 7743 | 7731 |
height: 3em; |
| 7744 | 7732 |
overflow: hidden; |
| 7745 | 7733 |
} |
| 7746 |
/* line 163, ../sass/_items-list.scss */
|
|
| 7734 |
/* line 149, ../sass/_items-list.scss */
|
|
| 7747 | 7735 |
.items-list > li .visible-info span em {
|
| 7748 | 7736 |
font-style: normal; |
| 7749 | 7737 |
position: relative; |
| 7750 | 7738 |
} |
| 7751 |
/* line 171, ../sass/_items-list.scss */ |
|
| 7739 |
/* line 155, ../sass/_items-list.scss */ |
|
| 7740 |
.items-list > li[data-status="add-new"] {
|
|
| 7741 |
background-color: #30c79e; |
|
| 7742 |
-webkit-transition: background-color 300ms linear; |
|
| 7743 |
-moz-transition: background-color 300ms linear; |
|
| 7744 |
-o-transition: background-color 300ms linear; |
|
| 7745 |
-ms-transition: background-color 300ms linear; |
|
| 7746 |
transition: background-color 300ms linear; |
|
| 7747 |
} |
|
| 7748 |
/* line 166, ../sass/_items-list.scss */ |
|
| 7749 |
.items-list > li[data-status="add-new"] .container .img-wrap .img a span:first-child {
|
|
| 7750 |
color: white; |
|
| 7751 |
} |
|
| 7752 |
/* line 170, ../sass/_items-list.scss */ |
|
| 7753 |
.items-list > li[data-status="add-new"] .container .img-wrap .img a .symbol {
|
|
| 7754 |
background-image: none; |
|
| 7755 |
color: #30c79e; |
|
| 7756 |
font-size: 30px; |
|
| 7757 |
text-indent: 0; |
|
| 7758 |
} |
|
| 7759 |
/* line 179, ../sass/_items-list.scss */ |
|
| 7760 |
.items-list > li[data-status="add-new"] .container .visible-info a {
|
|
| 7761 |
color: white; |
|
| 7762 |
} |
|
| 7763 |
/* line 183, ../sass/_items-list.scss */ |
|
| 7764 |
.items-list > li[data-status="add-new"]:hover {
|
|
| 7765 |
background-color: white; |
|
| 7766 |
-webkit-transition: background-color 300ms linear; |
|
| 7767 |
-moz-transition: background-color 300ms linear; |
|
| 7768 |
-o-transition: background-color 300ms linear; |
|
| 7769 |
-ms-transition: background-color 300ms linear; |
|
| 7770 |
transition: background-color 300ms linear; |
|
| 7771 |
} |
|
| 7772 |
/* line 194, ../sass/_items-list.scss */ |
|
| 7773 |
.items-list > li[data-status="add-new"]:hover .container .img-wrap .img a span:first-child {
|
|
| 7774 |
color: #30c79e; |
|
| 7775 |
-webkit-transition: color 300ms linear; |
|
| 7776 |
-moz-transition: color 300ms linear; |
|
| 7777 |
-o-transition: color 300ms linear; |
|
| 7778 |
-ms-transition: color 300ms linear; |
|
| 7779 |
transition: color 300ms linear; |
|
| 7780 |
} |
|
| 7781 |
/* line 202, ../sass/_items-list.scss */ |
|
| 7782 |
.items-list > li[data-status="add-new"]:hover .container .img-wrap .img a .symbol {
|
|
| 7783 |
color: white; |
|
| 7784 |
} |
|
| 7785 |
/* line 208, ../sass/_items-list.scss */ |
|
| 7786 |
.items-list > li[data-status="add-new"]:hover .container .visible-info a {
|
|
| 7787 |
color: #30c79e; |
|
| 7788 |
} |
|
| 7789 |
/* line 216, ../sass/_items-list.scss */ |
|
| 7752 | 7790 |
.items-list.list-view li {
|
| 7753 | 7791 |
width: 100%; |
| 7754 | 7792 |
} |
| 7755 | 7793 |
|
| 7756 | 7794 |
@media only screen and (min-width: 68.75em) {
|
| 7757 |
/* line 181, ../sass/_items-list.scss */
|
|
| 7795 |
/* line 226, ../sass/_items-list.scss */
|
|
| 7758 | 7796 |
.entities .items-list.list-view li {
|
| 7759 | 7797 |
width: 100%; |
| 7760 | 7798 |
} |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html | ||
|---|---|---|
| 748 | 748 |
<section class="main row"> |
| 749 | 749 |
<div class="vms entities"> |
| 750 | 750 |
<ul class="items-list sortable"> |
| 751 |
<li data-order="0"> |
|
| 752 |
<div class="add-new"><a href="vm_create_a.html" data-overlay-id="#vm-wizard">NEW<br>MACHINE</a></div> |
|
| 751 |
<li data-status="add-new"> |
|
| 752 |
<div class="container"> |
|
| 753 |
<div class="img-wrap"> |
|
| 754 |
<div class="img"> |
|
| 755 |
<a href="" data-overlay-id="#vm-wizard"> |
|
| 756 |
<span class="snf-PC_fill"></span> |
|
| 757 |
<span class="os symbol">+</span> |
|
| 758 |
</a> |
|
| 759 |
</div> |
|
| 760 |
</div> |
|
| 761 |
<p class="visible-info"> |
|
| 762 |
<span class="title"> |
|
| 763 |
<a><em>New Machine</em></a> |
|
| 764 |
</span> |
|
| 765 |
</p> |
|
| 766 |
</div> |
|
| 753 | 767 |
</li> |
| 754 |
<li data-order="1" data-status="running">
|
|
| 768 |
<li data-status="building">
|
|
| 755 | 769 |
<div class="more"> |
| 756 | 770 |
<div class="clearfix"> |
| 757 | 771 |
<div class="col lt"> |
| ... | ... | |
| 776 | 790 |
<div class="img-wrap"> |
| 777 | 791 |
<div class="img running"> |
| 778 | 792 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span> |
| 779 |
<span class="os fedora" data-reveal-id="vm-connect">fedora</span>
|
|
| 793 |
<span class="os" data-reveal-id="vm-connect">unknown</span>
|
|
| 780 | 794 |
</div> |
| 781 | 795 |
</div> |
| 782 | 796 |
<p class="visible-info"> |
| ... | ... | |
| 787 | 801 |
<div class="tags"> |
| 788 | 802 |
</div> |
| 789 | 803 |
<div class= "status"> |
| 804 |
<span class="state"><a href="">BUILDING</a></span> |
|
| 805 |
<span class="logs">798.56 MB of 4.33 GB<br>(18%)</span> |
|
| 790 | 806 |
</div> |
| 791 | 807 |
</div> |
| 792 | 808 |
</li> |
| 793 |
<li data-order="2" data-status="building">
|
|
| 809 |
<li data-status="error">
|
|
| 794 | 810 |
<div class="more"> |
| 795 | 811 |
<div class="clearfix"> |
| 796 | 812 |
<div class="col lt"> |
| ... | ... | |
| 809 | 825 |
</ul> |
| 810 | 826 |
</div> |
| 811 | 827 |
</div> |
| 812 |
<div class="vm-name">vm name 1 really large name vm name vm 1 really large name vm</div>
|
|
| 828 |
<div class="vm-name">short name</div>
|
|
| 813 | 829 |
</div> |
| 814 | 830 |
<div class="container"> |
| 815 | 831 |
<div class="img-wrap"> |
| ... | ... | |
| 820 | 836 |
</div> |
| 821 | 837 |
<p class="visible-info"> |
| 822 | 838 |
<span class="title"> |
| 823 |
<a href="vm_details.html"><em>vm name 1 really large name vm name vm 1 really large name vm</em></a>
|
|
| 839 |
<a href="vm_details.html"><em>short name</em></a>
|
|
| 824 | 840 |
</span> |
| 825 | 841 |
</p> |
| 826 | 842 |
<div class="tags"> |
| 827 | 843 |
</div> |
| 828 | 844 |
<div class= "status"> |
| 829 |
<span class="state"><a href="">BUILDING</a></span>
|
|
| 830 |
<span class="logs">798.56 MB of 4.33 GB<br>(18%)</span>
|
|
| 845 |
<span class="state"><a href="">ERROR</a></span>
|
|
| 846 |
<span class="logs">Image customization failed.<br>Did not finish on time.</span>
|
|
| 831 | 847 |
</div> |
| 832 | 848 |
</div> |
| 833 | 849 |
</li> |
| 834 |
<li data-order="3" data-status="off">
|
|
| 850 |
<li data-status="running">
|
|
| 835 | 851 |
<div class="more"> |
| 836 | 852 |
<div class="clearfix"> |
| 837 | 853 |
<div class="col lt"> |
| ... | ... | |
| 854 | 870 |
</div> |
| 855 | 871 |
<div class="container"> |
| 856 | 872 |
<div class="img-wrap"> |
| 857 |
<div class="img off">
|
|
| 858 |
<span class="snf-PC_fill"></span> |
|
| 859 |
<span class="os fedora">fedora</span> |
|
| 873 |
<div class="img running">
|
|
| 874 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
| 875 |
<span class="os fedora" data-reveal-id="vm-connect">fedora</span>
|
|
| 860 | 876 |
</div> |
| 861 | 877 |
</div> |
| 862 | 878 |
<p class="visible-info"> |
| ... | ... | |
| 865 | 881 |
</span> |
| 866 | 882 |
</p> |
| 867 | 883 |
<div class="tags"> |
| 868 |
<a href="" class="tag1"> </a> |
|
| 869 |
<a href="" class="tag2"> </a> |
|
| 870 |
<a href="" class="tag3"> </a> |
|
| 884 |
</div> |
|
| 885 |
<div class= "status"> |
|
| 871 | 886 |
</div> |
| 872 | 887 |
</div> |
| 873 | 888 |
</li> |
| 874 |
<li data-order="4" data-status="rebooting">
|
|
| 889 |
<li data-status="rebooting"> |
|
| 875 | 890 |
<div class="more"> |
| 876 | 891 |
<div class="clearfix"> |
| 877 | 892 |
<div class="col lt"> |
| ... | ... | |
| 913 | 928 |
</div> |
| 914 | 929 |
</div> |
| 915 | 930 |
</li> |
| 916 |
<li data-order="5" data-status="starting">
|
|
| 931 |
<li data-status="starting">
|
|
| 917 | 932 |
<div class="more"> |
| 918 | 933 |
<div class="clearfix"> |
| 919 | 934 |
<div class="col lt"> |
| ... | ... | |
| 953 | 968 |
</div> |
| 954 | 969 |
</div> |
| 955 | 970 |
</li> |
| 956 |
<li data-order="6" data-status="off">
|
|
| 971 |
<li data-status="shutting">
|
|
| 957 | 972 |
<div class="more"> |
| 958 | 973 |
<div class="clearfix"> |
| 959 | 974 |
<div class="col lt"> |
| ... | ... | |
| 978 | 993 |
<div class="img-wrap"> |
| 979 | 994 |
<div class="img running"> |
| 980 | 995 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span> |
| 981 |
<span class="os fedora" data-reveal-id="vm-connect">fedora</span>
|
|
| 996 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span>
|
|
| 982 | 997 |
</div> |
| 983 | 998 |
</div> |
| 984 | 999 |
<p class="visible-info"> |
| ... | ... | |
| 986 | 1001 |
<a href="vm_details.html"><em>short name</em></a> |
| 987 | 1002 |
</span> |
| 988 | 1003 |
</p> |
| 989 |
<div class="tags"> |
|
| 990 |
</div> |
|
| 991 | 1004 |
<div class= "status"> |
| 1005 |
<span class="state"><a href="">SHUTTING DOWN</a></span> |
|
| 1006 |
</div> |
|
| 1007 |
<div class="tags"> |
|
| 1008 |
<a href="" class="tag1"> </a> |
|
| 1009 |
<a href="" class="tag2"> </a> |
|
| 992 | 1010 |
</div> |
| 993 | 1011 |
</div> |
| 994 | 1012 |
</li> |
| 995 |
<li data-order="7" data-status="error">
|
|
| 1013 |
<li data-status="running">
|
|
| 996 | 1014 |
<div class="more"> |
| 997 | 1015 |
<div class="clearfix"> |
| 998 | 1016 |
<div class="col lt"> |
| ... | ... | |
| 1017 | 1035 |
<div class="img-wrap"> |
| 1018 | 1036 |
<div class="img running"> |
| 1019 | 1037 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span> |
| 1020 |
<span class="os" data-reveal-id="vm-connect">unknown</span>
|
|
| 1038 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span>
|
|
| 1021 | 1039 |
</div> |
| 1022 | 1040 |
</div> |
| 1023 | 1041 |
<p class="visible-info"> |
| ... | ... | |
| 1025 | 1043 |
<a href="vm_details.html"><em>short name</em></a> |
| 1026 | 1044 |
</span> |
| 1027 | 1045 |
</p> |
| 1028 |
<div class="tags"> |
|
| 1029 |
</div> |
|
| 1030 | 1046 |
<div class= "status"> |
| 1031 |
<span class="state"><a href="">ERROR</a></span> |
|
| 1032 |
<span class="logs">Image customization failed.<br>Did not finish on time.</span> |
|
| 1047 |
<span class="state"><a href="">RUNNING</a></span> |
|
| 1033 | 1048 |
</div> |
| 1034 | 1049 |
</div> |
| 1035 | 1050 |
</li> |
| 1036 |
<li data-order="8" data-status="off">
|
|
| 1051 |
<li data-status="off"> |
|
| 1037 | 1052 |
<div class="more"> |
| 1038 | 1053 |
<div class="clearfix"> |
| 1039 | 1054 |
<div class="col lt"> |
| ... | ... | |
| 1056 | 1071 |
</div> |
| 1057 | 1072 |
<div class="container"> |
| 1058 | 1073 |
<div class="img-wrap"> |
| 1059 |
<div class="img"> |
|
| 1060 |
<span class="snf-PC_fill"></span> |
|
| 1061 |
<span class="os fedora">fedora</span> |
|
| 1074 |
<div class="img running">
|
|
| 1075 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
| 1076 |
<span class="os fedora" data-reveal-id="vm-connect">fedora</span>
|
|
| 1062 | 1077 |
</div> |
| 1063 | 1078 |
</div> |
| 1064 | 1079 |
<p class="visible-info"> |
| ... | ... | |
| 1067 | 1082 |
</span> |
| 1068 | 1083 |
</p> |
| 1069 | 1084 |
<div class="tags"> |
| 1070 |
<a href="" class="tag1"> </a> |
|
| 1071 |
<a href="" class="tag2"> </a> |
|
| 1072 |
<a href="" class="tag3"> </a> |
|
| 1085 |
</div> |
|
| 1086 |
<div class= "status"> |
|
| 1073 | 1087 |
</div> |
| 1074 | 1088 |
</div> |
| 1075 | 1089 |
</li> |
| 1076 |
<li data-order="9" data-status="shutting">
|
|
| 1090 |
<li data-status="off">
|
|
| 1077 | 1091 |
<div class="more"> |
| 1078 | 1092 |
<div class="clearfix"> |
| 1079 | 1093 |
<div class="col lt"> |
| ... | ... | |
| 1092 | 1106 |
</ul> |
| 1093 | 1107 |
</div> |
| 1094 | 1108 |
</div> |
| 1095 |
<div class="vm-name">short name</div>
|
|
| 1109 |
<div class="vm-name">vm name 1 really large name vm name vm 1 really large name vm</div>
|
|
| 1096 | 1110 |
</div> |
| 1097 | 1111 |
<div class="container"> |
| 1098 | 1112 |
<div class="img-wrap"> |
| 1099 |
<div class="img running">
|
|
| 1100 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
| 1101 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span>
|
|
| 1113 |
<div class="img off">
|
|
| 1114 |
<span class="snf-PC_fill"></span> |
|
| 1115 |
<span class="os fedora">fedora</span>
|
|
| 1102 | 1116 |
</div> |
| 1103 | 1117 |
</div> |
| 1104 | 1118 |
<p class="visible-info"> |
| 1105 | 1119 |
<span class="title"> |
| 1106 |
<a href="vm_details.html"><em>short name</em></a>
|
|
| 1120 |
<a href="vm_details.html"><em>vm name 1 really large name vm name vm 1 really large name vm</em></a>
|
|
| 1107 | 1121 |
</span> |
| 1108 | 1122 |
</p> |
| 1109 |
<div class= "status"> |
|
| 1110 |
<span class="state"><a href="">SHUTTING DOWN</a></span> |
|
| 1111 |
</div> |
|
| 1112 | 1123 |
<div class="tags"> |
| 1113 | 1124 |
<a href="" class="tag1"> </a> |
| 1114 | 1125 |
<a href="" class="tag2"> </a> |
| 1126 |
<a href="" class="tag3"> </a> |
|
| 1115 | 1127 |
</div> |
| 1116 | 1128 |
</div> |
| 1117 | 1129 |
</li> |
| 1118 |
<li data-order="10" data-status="running">
|
|
| 1130 |
<li data-status="off">
|
|
| 1119 | 1131 |
<div class="more"> |
| 1120 | 1132 |
<div class="clearfix"> |
| 1121 | 1133 |
<div class="col lt"> |
| ... | ... | |
| 1138 | 1150 |
</div> |
| 1139 | 1151 |
<div class="container"> |
| 1140 | 1152 |
<div class="img-wrap"> |
| 1141 |
<div class="img running">
|
|
| 1142 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
| 1143 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span>
|
|
| 1153 |
<div class="img"> |
|
| 1154 |
<span class="snf-PC_fill"></span> |
|
| 1155 |
<span class="os fedora">fedora</span>
|
|
| 1144 | 1156 |
</div> |
| 1145 | 1157 |
</div> |
| 1146 | 1158 |
<p class="visible-info"> |
| ... | ... | |
| 1148 | 1160 |
<a href="vm_details.html"><em>short name</em></a> |
| 1149 | 1161 |
</span> |
| 1150 | 1162 |
</p> |
| 1151 |
<div class= "status"> |
|
| 1152 |
<span class="state"><a href="">RUNNING</a></span> |
|
| 1163 |
<div class="tags"> |
|
| 1164 |
<a href="" class="tag1"> </a> |
|
| 1165 |
<a href="" class="tag2"> </a> |
|
| 1166 |
<a href="" class="tag3"> </a> |
|
| 1153 | 1167 |
</div> |
| 1154 | 1168 |
</div> |
| 1155 | 1169 |
</li> |
Also available in: Unified diff