Revision 656c135b snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html | ||
|---|---|---|
| 749 | 749 |
</div> |
| 750 | 750 |
</section> |
| 751 | 751 |
<section class="main row"> |
| 752 |
<div class="vms entities"> |
|
| 752 |
<div class="vms entities grid-view">
|
|
| 753 | 753 |
<ul class="items-list"> |
| 754 |
<li data-status="add-new"> |
|
| 754 |
<li data-status="add-new" class="add-new">
|
|
| 755 | 755 |
<div class="container" data-overlay-id="#vm-wizard"> |
| 756 |
<div class="check"> |
|
| 757 |
<span class="snf-checkbox-unchecked"></span> |
|
| 758 |
</div> |
|
| 756 | 759 |
<div class="img-wrap"> |
| 757 | 760 |
<span class="snf-PC_fill"></span> |
| 758 | 761 |
<span class="os symbol">+</span> |
| ... | ... | |
| 783 | 786 |
<div class="name">vm name 1 really large name vm name vm 1 really large name vm</div> |
| 784 | 787 |
</div> |
| 785 | 788 |
<div class="container"> |
| 789 |
<div class="check"> |
|
| 790 |
<span class="snf-checkbox-unchecked"></span> |
|
| 791 |
</div> |
|
| 786 | 792 |
<div class="img-wrap"> |
| 787 | 793 |
<span class="snf-PC_fill incomplete"></span> |
| 788 | 794 |
<span class="snf-PC_fill complete"></span> |
| 789 | 795 |
<span class="os">unknown</span> |
| 790 | 796 |
</div> |
| 791 | 797 |
<h4>vm name 1 really large name vm name vm 1 really large name vm</h4> |
| 792 |
<div class="tags"> |
|
| 793 |
</div> |
|
| 794 | 798 |
<div class= "status"> |
| 795 | 799 |
<span class="state"><a href="" >BUILDING</a></span> |
| 796 |
<span class="logs">798.56 MB of 4.33 GB<br>(18%)</span>
|
|
| 800 |
<span class="logs">798.56 MB of 4.33 GB (18%)</span>
|
|
| 797 | 801 |
</div> |
| 802 |
<div class="tags"> |
|
| 803 |
</div> |
|
| 804 |
<div class="info"><a href="snf-9733.vm.okeanos.grnet.gr" title="">snf-9733.vm.okeanos.grnet.gr</a></div> |
|
| 798 | 805 |
</div> |
| 799 | 806 |
</li> |
| 800 | 807 |
<li data-status="error"> |
| ... | ... | |
| 819 | 826 |
<div class="name">short name</div> |
| 820 | 827 |
</div> |
| 821 | 828 |
<div class="container"> |
| 829 |
<div class="check"> |
|
| 830 |
<span class="snf-checkbox-unchecked"></span> |
|
| 831 |
</div> |
|
| 822 | 832 |
<div class="img-wrap"> |
| 823 |
<span class="snf-PC_fill"></span> |
|
| 824 |
<span class="os">unknown</span> |
|
| 825 |
</div> |
|
| 833 |
<span class="snf-PC_fill"></span>
|
|
| 834 |
<span class="os">unknown</span>
|
|
| 835 |
</div>
|
|
| 826 | 836 |
<h4>short name</h4> |
| 827 | 837 |
<div class="tags"> |
| 828 | 838 |
</div> |
| 829 | 839 |
<div class= "status"> |
| 830 | 840 |
<span class="state"><a href="">ERROR</a></span> |
| 831 |
<span class="logs">Image customization failed.<br>Did not finish on time.</span>
|
|
| 841 |
<span class="logs">Image customization failed. Did not finish on time.</span>
|
|
| 832 | 842 |
</div> |
| 843 |
<div class="info"><a href="snf-9733.vm.okeanos.grnet.gr" title="">snf-9733.vm.okeanos.grnet.gr</a></div> |
|
| 833 | 844 |
</div> |
| 834 | 845 |
</li> |
| 835 | 846 |
<li data-status="running"> |
| ... | ... | |
| 854 | 865 |
<div class="name">vm name 1 really large name vm name vm 1 really large name vm</div> |
| 855 | 866 |
</div> |
| 856 | 867 |
<div class="container"> |
| 868 |
<div class="check"> |
|
| 869 |
<span class="snf-checkbox-unchecked"></span> |
|
| 870 |
</div> |
|
| 857 | 871 |
<div class="img-wrap"> |
| 858 | 872 |
<span class="snf-PC_fill"></span> |
| 859 | 873 |
<span class="os fedora">fedora</span> |
| 860 | 874 |
</div> |
| 861 | 875 |
<h4>vm name 1 really large name vm name vm 1 really large name vm</h4> |
| 862 |
<div class="tags"> |
|
| 863 |
</div> |
|
| 864 | 876 |
<div class= "status"> |
| 865 | 877 |
</div> |
| 878 |
<div class="tags"> |
|
| 879 |
</div> |
|
| 880 |
<div class="info"><a href="snf-9733.vm.okeanos.grnet.gr" title="">snf-9733.vm.okeanos.grnet.gr</a></div> |
|
| 866 | 881 |
</div> |
| 867 | 882 |
</li> |
| 868 | 883 |
<li data-status="rebooting"> |
| ... | ... | |
| 887 | 902 |
<div class="name">vm name 1 really large name vm name vm 1 really large name vm</div> |
| 888 | 903 |
</div> |
| 889 | 904 |
<div class="container"> |
| 905 |
<div class="check"> |
|
| 906 |
<span class="snf-checkbox-unchecked"></span> |
|
| 907 |
</div> |
|
| 890 | 908 |
<div class="img-wrap"> |
| 891 | 909 |
<span class="snf-PC_fill"></span> |
| 892 | 910 |
<span class="os kubuntu">kubuntu</span> |
| ... | ... | |
| 899 | 917 |
<a href="" class="tag1 has-tip" data-tooltip title="Tooltip1"> </a> |
| 900 | 918 |
<a href="" class="tag2 has-tip" data-tooltip title="Tooltip2"> </a> |
| 901 | 919 |
</div> |
| 920 |
<div class="info"><a href="snf-9733.vm.okeanos.grnet.gr" title="">snf-9733.vm.okeanos.grnet.gr</a></div> |
|
| 902 | 921 |
</div> |
| 903 | 922 |
</li> |
| 904 | 923 |
<li data-status="starting"> |
| ... | ... | |
| 923 | 942 |
<div class="name">vm name 1 really large name vm name vm 1 really large name vm</div> |
| 924 | 943 |
</div> |
| 925 | 944 |
<div class="container"> |
| 945 |
<div class="check"> |
|
| 946 |
<span class="snf-checkbox-unchecked"></span> |
|
| 947 |
</div> |
|
| 926 | 948 |
<div class="img-wrap"> |
| 927 | 949 |
<span class="snf-PC_fill"></span> |
| 928 | 950 |
<span class="os kubuntu">kubuntu</span> |
| ... | ... | |
| 933 | 955 |
</div> |
| 934 | 956 |
<div class="tags"> |
| 935 | 957 |
</div> |
| 958 |
<div class="info"><a href="snf-9733.vm.okeanos.grnet.gr" title="">snf-9733.vm.okeanos.grnet.gr</a></div> |
|
| 936 | 959 |
</div> |
| 937 | 960 |
</li> |
| 938 | 961 |
<li data-status="shutting"> |
| ... | ... | |
| 957 | 980 |
<div class="name">short name</div> |
| 958 | 981 |
</div> |
| 959 | 982 |
<div class="container"> |
| 983 |
<div class="check"> |
|
| 984 |
<span class="snf-checkbox-unchecked"></span> |
|
| 985 |
</div> |
|
| 960 | 986 |
<div class="img-wrap"> |
| 961 | 987 |
<div class="img running"> |
| 962 | 988 |
<span class="snf-PC_fill"></span> |
| ... | ... | |
| 971 | 997 |
<a href="" class="tag1 has-tip" data-tooltip title="Tooltip1"> </a> |
| 972 | 998 |
<a href="" class="tag2 has-tip" data-tooltip title="Tooltip2"> </a> |
| 973 | 999 |
</div> |
| 1000 |
<div class="info"><a href="snf-9733.vm.okeanos.grnet.gr" title="">snf-9733.vm.okeanos.grnet.gr</a></div> |
|
| 974 | 1001 |
</div> |
| 975 | 1002 |
</li> |
| 976 | 1003 |
<li data-status="running"> |
| ... | ... | |
| 995 | 1022 |
<div class="name">short name</div> |
| 996 | 1023 |
</div> |
| 997 | 1024 |
<div class="container"> |
| 1025 |
<div class="check"> |
|
| 1026 |
<span class="snf-checkbox-unchecked"></span> |
|
| 1027 |
</div> |
|
| 998 | 1028 |
<div class="img-wrap"> |
| 999 | 1029 |
<span class="snf-PC_fill"></span> |
| 1000 | 1030 |
<span class="os kubuntu">kubuntu</span> |
| 1001 | 1031 |
</div> |
| 1002 | 1032 |
<h4>short name</h4> |
| 1033 |
|
|
| 1003 | 1034 |
<div class= "status"> |
| 1004 | 1035 |
<span class="state">RUNNING</span> |
| 1005 | 1036 |
</div> |
| 1037 |
<div class="tags"> |
|
| 1038 |
<a href="" class="tag1 has-tip" data-tooltip title="Tooltip1"> </a> |
|
| 1039 |
<a href="" class="tag2 has-tip" data-tooltip title="Tooltip2"> </a> |
|
| 1040 |
<a href="" class="tag3 has-tip" data-tooltip title="Tooltip2"> </a> |
|
| 1041 |
</div> |
|
| 1042 |
<div class="info"><a href="snf-9733.vm.okeanos.grnet.gr" title="">snf-9733.vm.okeanos.grnet.gr</a></div> |
|
| 1006 | 1043 |
</div> |
| 1007 | 1044 |
</li> |
| 1008 | 1045 |
<li data-status="off"> |
| ... | ... | |
| 1027 | 1064 |
<div class="name">short name</div> |
| 1028 | 1065 |
</div> |
| 1029 | 1066 |
<div class="container"> |
| 1067 |
<div class="check"> |
|
| 1068 |
<span class="snf-checkbox-unchecked"></span> |
|
| 1069 |
</div> |
|
| 1030 | 1070 |
<div class="img-wrap"> |
| 1031 | 1071 |
<span class="snf-PC_fill"></span> |
| 1032 | 1072 |
<span class="os fedora">fedora</span> |
| 1033 | 1073 |
</div> |
| 1034 | 1074 |
<h4>short name</h4> |
| 1035 |
<div class="tags"> |
|
| 1036 |
</div> |
|
| 1037 | 1075 |
<div class= "status"> |
| 1038 | 1076 |
</div> |
| 1077 |
<div class="tags"> |
|
| 1078 |
</div> |
|
| 1079 |
<div class="info"><a href="snf-9733.vm.okeanos.grnet.gr" title="">snf-9733.vm.okeanos.grnet.gr</a></div> |
|
| 1039 | 1080 |
</div> |
| 1040 | 1081 |
</li> |
| 1041 | 1082 |
<li data-status="off"> |
| ... | ... | |
| 1060 | 1101 |
<div class="name">vm name 1 really large name vm name vm 1 really large name vm</div> |
| 1061 | 1102 |
</div> |
| 1062 | 1103 |
<div class="container"> |
| 1104 |
<div class="check"> |
|
| 1105 |
<span class="snf-checkbox-unchecked"></span> |
|
| 1106 |
</div> |
|
| 1063 | 1107 |
<div class="img-wrap"> |
| 1064 | 1108 |
<span class="snf-PC_fill"></span> |
| 1065 | 1109 |
<span class="os fedora">fedora</span> |
| ... | ... | |
| 1070 | 1114 |
<a href="" class="tag2 has-tip" data-tooltip title="Tooltip2"> </a> |
| 1071 | 1115 |
<a href="" class="tag3 has-tip" data-tooltip title="Tooltip3"> </a> |
| 1072 | 1116 |
</div> |
| 1117 |
<div class="info"><a href="snf-9733.vm.okeanos.grnet.gr" title="">snf-9733.vm.okeanos.grnet.gr</a></div> |
|
| 1073 | 1118 |
</div> |
| 1074 | 1119 |
</li> |
| 1075 | 1120 |
<li data-status="off"> |
| ... | ... | |
| 1094 | 1139 |
<div class="name">short name</div> |
| 1095 | 1140 |
</div> |
| 1096 | 1141 |
<div class="container"> |
| 1142 |
<div class="check"> |
|
| 1143 |
<span class="snf-checkbox-unchecked"></span> |
|
| 1144 |
</div> |
|
| 1097 | 1145 |
<div class="img-wrap"> |
| 1098 | 1146 |
<span class="snf-PC_fill"></span> |
| 1099 | 1147 |
<span class="os fedora">fedora</span> |
| ... | ... | |
| 1104 | 1152 |
<a href="" class="tag2 has-tip" data-tooltip title="Tooltip2"> </a> |
| 1105 | 1153 |
<a href="" class="tag3 has-tip" data-tooltip title="Tooltip3"> </a> |
| 1106 | 1154 |
</div> |
| 1155 |
<div class="info"><a href="snf-9733.vm.okeanos.grnet.gr" title="">snf-9733.vm.okeanos.grnet.gr</a></div> |
|
| 1107 | 1156 |
</div> |
| 1108 | 1157 |
</li> |
| 1109 | 1158 |
</ul> |
| 1159 |
<div class="lt-bar"> |
|
| 1160 |
<ul> |
|
| 1161 |
<li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>un</em>select all</li> |
|
| 1162 |
<li class="running"><a href="#" title="">Reboot</a></li> |
|
| 1163 |
<li class="running"><a href="#" title="">Shutdown</a></li> |
|
| 1164 |
<li class="both"><a href="#">Destroy</a></li> |
|
| 1165 |
<li class="stopped"><a href="#">Start</a></li> |
|
| 1166 |
<!-- in case we want an action always activated |
|
| 1167 |
<li class="pernament"><a href="" class="active">Action</a></li> --> |
|
| 1168 |
</ul> |
|
| 1169 |
</div> |
|
| 1110 | 1170 |
<div class="welcome">It seems you have not yet created a VM! Go ahead!</div> |
| 1111 | 1171 |
</div> |
| 1112 | 1172 |
</section> |
Also available in: Unified diff