Revision b4c26e76 snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html
| 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