Revision 0675f9af snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html

b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html
798 798
						</div>
799 799
					</li>
800 800
					<li data-status="building" class="building">
801
						<a href="" class="btn5 temp">animation</a>
802
						<div class="more">
803
							<div class="clearfix">
804
								<div class="col lt">
805
									<ul>
806
										<li><a href=""   class="start">Start</a></li>
807
										<li><a href="" data-reveal-id="shutdown-confirm" class="shut">Shutdown</a></li>
808
										<li><a href="" data-reveal-id="reboot-confirm" class="reboot">Reboot</a></li>
809
										<li><a href="" data-reveal-id="destroy-vm-confirm" class="destroy">Destroy</a></li>
810
										 <li><a href="">Option i</a></li>
811
									</ul>
812
								</div>
813
								<div class="col rt">
814
									<ul>
815
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
816
										<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
817
									</ul>
818
								</div>
819
							</div>
820
							<div class="name">vm name 1 really large name vm name vm 1 really large name vm</div>
821
						</div>
801
						<ul class="side-actions">
802
							<li>
803
								<a href="vm_details.html" data-tooltip title="view details" class="details has-tip">i</a>
804
							</li>
805
							<li>
806
								<a href="#" title="connect to machine" data-tooltip data-reveal-id="vm-connect" class="has-tip">
807
									<span class="snf-thunder-full"></span>
808
								</a>
809
							</li>
810
							<li class="more-actions">
811
								<a href="#" title="">...</a>
812
								<ul class="many">
813
									<li><a href="">Start</a></li>
814
									<li><a href="">Shutdown</a></li>
815
									<li><a href="">Reboot</a></li>
816
									<li><a href="">Destroy</a></li>
817
									<li><a href="">Snapshot</a></li>
818
									<li><a href="">Attach to network</a></li>
819
									<li><a href="">Attach to network</a></li>
820
								</ul>
821
							</li>
822
							<li class="bottom">
823
								<a href="" title=""><span class="snf-folder-move-full"></span></a>
824
								<ul class="options">
825
									<li class="selected"><a href="">My awesome project</a></li>
826
									<li><a href="">Project 1</a></li>
827
									<li><a href="">Project 2</a></li>
828
									<li><a href="">Project 3</a></li>
829
									<li><a href="">Project 4</a></li>
830
								</ul>
831
								<ul>
832
									<li>My awesome project</li>
833
									<li><a href="" class="reassign">Reassign<span class="arrow-right"></span></a></li>
834
								</ul>
835
							</li>
836
						</ul>
822 837
						<div class="container">
823 838
							<a href="" class="check">
824 839
								<span class="snf-checkbox-unchecked"></span>
825 840
							</a>
826 841
							<div class="img-wrap">
827
								<span class="snf-pc-full snf-font incomplete"></span>
828
								<span class="snf-pc-full snf-font complete"></span>
842
								<span class="snf-pc-full snf-font"></span>
829 843
								<span class="os">unknown</span>
830 844
							</div>
831
							<h4>vm name 1 really large name vm name vm 1 really large name vm</h4>
845
							<h4>short name</h4>
832 846
							<div class="actions">
833 847
								<a href="" data-reveal-id="vm-connect" data-tooltip title="connect" class="connect has-tip"><span class="snf-thunder-full"></span></a>
834
								<a href="vm_details.html" data-tooltip title="view vm details" class="snf-info-outline has-tip"></a>
835
							</div>
836
							<div class= "status">
837
								<span class="state">BUILDING</span>
838
								<span class="logs">798.56 MB of 4.33 GB (18%)</span>
848
								<a href="vm_details.html" data-tooltip title="view vm details" class="snf-info-outline has-tip">i</a>
839 849
							</div>
840 850
							<div class="tags">
841 851
							</div>
852
							<div class= "status">
853
								<span class="state">ERROR</span>
854
								<span class="logs">Image customization failed. Did not finish on time.</span>
855
							</div>
842 856
							<div class="info"><a href="snf-9733.vm.okeanos.grnet.gr" title="">snf-9733.vm.okeanos.grnet.gr</a></div>
843 857
						</div>
844 858
					</li>
845 859
					<li data-status="error" class="error">
846
						<div class="more">
847
							<div class="clearfix">
848
								<div class="col lt">
849
									<ul>
850
										<li><a href=""   class="start">Start</a></li>
851
										<li><a href="" data-reveal-id="shutdown-confirm" class="shut">Shutdown</a></li>
852
										<li><a href="" data-reveal-id="reboot-confirm" class="reboot">Reboot</a></li>
853
										<li><a href="" data-reveal-id="destroy-vm-confirm" class="destroy">Destroy</a></li>
854
										 <li><a href="">Option i</a></li>
855
									</ul>
856
								</div>
857
								<div class="col rt">
858
									<ul>
859
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
860
										<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
861
									</ul>
862
								</div>
863
							</div>
864
							<div class="name">vm name 1</div>
865
						</div>
860
						<ul class="side-actions">
861
							<li>
862
								<a href="vm_details.html" data-tooltip title="view details" class="details has-tip">i</a>
863
							</li>
864
							<li>
865
								<a href="#" title="connect to machine" data-tooltip data-reveal-id="vm-connect" class="has-tip">
866
									<span class="snf-thunder-full"></span>
867
								</a>
868
							</li>
869
							<li class="more-actions">
870
								<a href="#" title="">...</a>
871
								<ul>
872
									<li><a href="">Destroy</a></li>
873
									<li><a href="">Attach to network</a></li>
874
									<li><a href="">Destroy</a></li>
875
								</ul>
876
							</li>
877
							<li class="bottom">
878
								<a href="" title=""><span class="snf-folder-move-full"></span></a>
879
								<ul class="options">
880
									<li class="selected"><a href="">My awesome project</a></li>
881
									<li><a href="">Project 1</a></li>
882
									<li><a href="">Project 2</a></li>
883
									<li><a href="">Project 3</a></li>
884
									<li><a href="">Project 4</a></li>
885
								</ul>
886
								<ul>
887
									<li>My awesome project</li>
888
									<li><a href="" class="reassign">Reassign<span class="arrow-right"></span></a></li>
889
								</ul>
890
							</li>
891
						</ul>
866 892
						<div class="container">
867 893
							<a href="" class="check">
868 894
								<span class="snf-checkbox-unchecked"></span>
......
885 911
							<div class="info"><a href="snf-9733.vm.okeanos.grnet.gr" title="">snf-9733.vm.okeanos.grnet.gr</a></div>
886 912
						</div>
887 913
					</li>
888
					<li data-status="running" class="running">
889
						<div class="more">
890
							<div class="clearfix">
891
								<div class="col lt">
892
									<ul>
893
										<li><a href=""   class="start">Start</a></li>
894
										<li><a href="" data-reveal-id="shutdown-confirm" class="shut">Shutdown</a></li>
895
										<li><a href="" data-reveal-id="reboot-confirm" class="reboot">Reboot</a></li>
896
										<li><a href="" data-reveal-id="destroy-vm-confirm" class="destroy">Destroy</a></li>
897
										 <li><a href="">Option i</a></li>
898
									</ul>
899
								</div>
900
								<div class="col rt">
901
									<ul>
902
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
903
										<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
904
									</ul>
905
								</div>
906
							</div>
907
							<div class="name">vm name 1 really large name vm name vm 1 really large name vm</div>
908
						</div>
909
						<div class="container">
910
							<a href="" class="check">
911
								<span class="snf-checkbox-unchecked"></span>
912
							</a>
913
							<div class="img-wrap">
914
								<span class="snf-pc-full snf-font"></span>
915
								<span class="os fedora">fedora</span>
916
							</div>
917
							<h4>vm name 1 really large name vm name vm 1 really large name vm</h4>
918
							<div class="actions">
919
								<a href="" data-reveal-id="vm-connect" data-tooltip title="connect" class="connect has-tip"><span class="snf-thunder-full"></span></a>
920
								<a href="vm_details.html" data-tooltip title="view vm details" class="snf-info-outline has-tip"></a>
921
							</div>
922
							<div class= "status">
923
							</div>
924
							<div class="tags">
925
							</div>
926
							<div class="info"><a href="snf-9733.vm.okeanos.grnet.gr" title="">snf-9733.vm.okeanos.grnet.gr</a></div>
927
						</div>
928
					</li>
929 914
					<li data-status="rebooting" class="rebooting">
930 915
						<a href="" class="btn5 temp">animation</a>
931
						<div class="more">
932
							<div class="clearfix">
933
								<div class="col lt">
934
									<ul>
935
										<li><a href="" class="start">Start</a></li>
936
										<li><a href="" data-reveal-id="shutdown-confirm" class="shut">Shutdown</a></li>
937
										<li><a href="" data-reveal-id="reboot-confirm" class="reboot">Reboot</a></li>
938
										<li><a href="" data-reveal-id="destroy-vm-confirm" class="destroy">Destroy</a></li>
939
										 <li><a href="">Option i</a></li>
940
									</ul>
941
								</div>
942
								<div class="col rt">
943
									<ul>
944
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
945
										<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
946
									</ul>
947
								</div>
948
							</div>
949
							<div class="name">vm name 1 really large name vm name vm 1 really large name vm</div>
950
						</div>
916
						<ul class="side-actions">
917
							<li>
918
								<a href="vm_details.html" data-tooltip title="view details" class="details has-tip">i</a>
919
							</li>
920
							<li>
921
								<a href="#" title="connect to machine" data-tooltip data-reveal-id="vm-connect" class="has-tip">
922
									<span class="snf-thunder-full"></span>
923
								</a>
924
							</li>
925
							<li class="more-actions">
926
								<a href="#" title="">...</a>
927
								<ul class="single">
928
									<li><a href="">Destroy</a></li>
929
								</ul>
930
							</li>
931
							<li class="bottom">
932
								<a href="" title=""><span class="snf-folder-move-full"></span></a>
933
								<ul class="options">
934
									<li class="selected"><a href="">My awesome project</a></li>
935
									<li><a href="">Project 1</a></li>
936
									<li><a href="">Project 2</a></li>
937
									<li><a href="">Project 3</a></li>
938
									<li><a href="">Project 4</a></li>
939
								</ul>
940
								<ul>
941
									<li>My awesome project</li>
942
									<li><a href="" class="reassign">Reassign<span class="arrow-right"></span></a></li>
943
								</ul>
944
							</li>
945
						</ul>
951 946
						<div class="container">
952 947
							<a href="" class="check">
953 948
								<span class="snf-checkbox-unchecked"></span>
......
972 967
						</div>
973 968
					</li>
974 969
					<li data-status="starting" class="starting">
975
						<div class="more">
976
							<div class="clearfix">
977
								<div class="col lt">
978
									<ul>
979
										<li><a href=""   class="start">Start</a></li>
980
										<li><a href="" data-reveal-id="shutdown-confirm" class="shut">Shutdown</a></li>
981
										<li><a href="" data-reveal-id="reboot-confirm" class="reboot">Reboot</a></li>
982
										<li><a href="" data-reveal-id="destroy-vm-confirm" class="destroy">Destroy</a></li>
983
										 <li><a href="">Option i</a></li>
984
									</ul>
985
								</div>
986
								<div class="col rt">
987
									<ul>
988
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
989
										<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
990
									</ul>
991
								</div>
992
							</div>
993
							<div class="name">vm name 1 </div>
994
						</div>
970
						<ul class="side-actions">
971
							<li>
972
								<a href="vm_details.html" data-tooltip title="view details" class="details has-tip">i</a>
973
							</li>
974
							<li>
975
								<a href="#" title="connect to machine" data-tooltip data-reveal-id="vm-connect" class="has-tip">
976
									<span class="snf-thunder-full"></span>
977
								</a>
978
							</li>
979
							<li class="more-actions">
980
								<a href="#" title="">...</a>
981
								<ul class="single">
982
									<li><a href="">Destroy</a></li>
983
								</ul>
984
							</li>
985
							<li class="bottom">
986
								<a href="" title=""><span class="snf-folder-move-full"></span></a>
987
								<ul class="options">
988
									<li class="selected"><a href="">My awesome project</a></li>
989
									<li><a href="">Project 1</a></li>
990
									<li><a href="">Project 2</a></li>
991
									<li><a href="">Project 3</a></li>
992
									<li><a href="">Project 4</a></li>
993
								</ul>
994
								<ul>
995
									<li>My awesome project</li>
996
									<li><a href="" class="reassign">Reassign<span class="arrow-right"></span></a></li>
997
								</ul>
998
							</li>
999
						</ul>
995 1000
						<div class="container">
996 1001
							<a href="" class="check">
997 1002
								<span class="snf-checkbox-unchecked"></span>
......
1014 1019
						</div>
1015 1020
					</li>
1016 1021
					<li  data-status="shutting" class="shutting">
1017
						<div class="more">
1018
							<div class="clearfix">
1019
								<div class="col lt">
1020
									<ul>
1021
										<li><a href=""   class="start">Start</a></li>
1022
										<li><a href="" data-reveal-id="shutdown-confirm" class="shut">Shutdown</a></li>
1023
										<li><a href="" data-reveal-id="reboot-confirm" class="reboot">Reboot</a></li>
1024
										<li><a href="" data-reveal-id="destroy-vm-confirm" class="destroy">Destroy</a></li>
1025
										 <li><a href="">Option i</a></li>
1026
									</ul>
1027
								</div>
1028
								<div class="col rt">
1029
									<ul>
1030
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
1031
										<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
1032
									</ul>
1033
								</div>
1034
							</div>
1035
							<div class="name">vm name 1 really large name vm name vm 1 really large name vm</div>
1036
						</div>
1022
						<ul class="side-actions">
1023
							<li>
1024
								<a href="vm_details.html" data-tooltip title="view details" class="details has-tip">i</a>
1025
							</li>
1026
							<li>
1027
								<a href="#" title="connect to machine" data-tooltip data-reveal-id="vm-connect" class="has-tip">
1028
									<span class="snf-thunder-full"></span>
1029
								</a>
1030
							</li>
1031
							<li class="more-actions">
1032
								<a href="#" title="">...</a>
1033
								<ul>
1034
									<li><a href="">Destroy</a></li>
1035
									<li><a href="">Attach to network</a></li>
1036
									<li><a href="">Destroy</a></li>
1037
								</ul>
1038
							</li>
1039
							<li class="bottom">
1040
								<a href="" title=""><span class="snf-folder-move-full"></span></a>
1041
								<ul class="options">
1042
									<li class="selected"><a href="">My awesome project</a></li>
1043
									<li><a href="">Project 1</a></li>
1044
									<li><a href="">Project 2</a></li>
1045
									<li><a href="">Project 3</a></li>
1046
									<li><a href="">Project 4</a></li>
1047
								</ul>
1048
								<ul>
1049
									<li>My awesome project</li>
1050
									<li><a href="" class="reassign">Reassign<span class="arrow-right"></span></a></li>
1051
								</ul>
1052
							</li>
1053
						</ul>
1037 1054
						<div class="container">
1038 1055
							<a href="" class="check">
1039 1056
								<span class="snf-checkbox-unchecked"></span>
......
1059 1076
							<div class="info"><a href="snf-9733.vm.okeanos.grnet.gr" title="">snf-9733.vm.okeanos.grnet.gr</a></div>
1060 1077
						</div>
1061 1078
					</li>
1062
					 <li data-status="running" class="running">
1063
						<div class="more">
1064
							<div class="clearfix">
1065
								<div class="col lt">
1066
									<ul>
1067
										<li><a href=""   class="start">Start</a></li>
1068
										<li><a href="" data-reveal-id="shutdown-confirm" class="shut">Shutdown</a></li>
1069
										<li><a href="" data-reveal-id="reboot-confirm" class="reboot">Reboot</a></li>
1070
										<li><a href="" data-reveal-id="destroy-vm-confirm" class="destroy">Destroy</a></li>
1071
										 <li><a href="">Option i</a></li>
1072
									</ul>
1073
								</div>
1074
								<div class="col rt">
1075
									<ul>
1076
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
1077
										<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
1078
									</ul>
1079
								</div>
1080
							</div>
1081
							<div class="name">short name</div>
1082
						</div>
1083
						<div class="container">
1084
							<a href="" class="check">
1085
								<span class="snf-checkbox-unchecked"></span>
1086
							</a>
1087
							<div class="img-wrap">
1088
								<span class="snf-pc-full snf-font"></span>
1089
								<span class="os kubuntu">kubuntu</span>
1090
							</div>
1091
							<h4>short name</h4>
1092
							<div class="actions">
1093
								<a href="" data-reveal-id="vm-connect" data-tooltip title="connect" class="connect has-tip"><span class="snf-thunder-full"></span></a>
1094
								<a href="vm_details.html" data-tooltip title="view vm details" class="snf-info-outline has-tip"></a>
1095
							</div>
1096
							<div class= "status">
1097
								<span class="state"></span>
1098
							</div>
1099
							<div class="tags">
1100
								<a href="" class="tag tag1 has-tip" data-tooltip title="Tooltip1">&nbsp;</a>
1101
								<a href="" class="tag tag2 has-tip" data-tooltip title="Tooltip2">&nbsp;</a>
1102
								<a href="" class="tag tag3 has-tip" data-tooltip title="Tooltip2">&nbsp;</a>
1103
							</div>
1104
							<div class="info"><a href="snf-9733.vm.okeanos.grnet.gr" title="">snf-9733.vm.okeanos.grnet.gr</a></div>
1105
						</div>
1106
					</li>
1107 1079
					<li data-status="off" class="off">
1108
						<div class="more">
1109
							<div class="clearfix">
1110
								<div class="col lt">
1111
									<ul>
1112
										<li><a href=""   class="start">Start</a></li>
1113
										<li><a href="" data-reveal-id="shutdown-confirm" class="shut">Shutdown</a></li>
1114
										<li><a href="" data-reveal-id="reboot-confirm" class="reboot">Reboot</a></li>
1115
										<li><a href="" data-reveal-id="destroy-vm-confirm" class="destroy">Destroy</a></li>
1116
										 <li><a href="">Option i</a></li>
1117
									</ul>
1118
								</div>
1119
								<div class="col rt">
1120
									<ul>
1121
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
1122
										<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
1123
									</ul>
1124
								</div>
1125
							</div>
1126
							<div class="name">short name</div>
1127
						</div>
1080
						<ul class="side-actions">
1081
							<li>
1082
								<a href="vm_details.html" data-tooltip title="view details" class="details has-tip">i</a>
1083
							</li>
1084
							<li>
1085
								<a href="#" title="connect to machine" data-tooltip data-reveal-id="vm-connect" class="has-tip">
1086
									<span class="snf-thunder-full"></span>
1087
								</a>
1088
							</li>
1089
							<li class="more-actions">
1090
								<a href="#" title="">...</a>
1091
								<ul class="many">
1092
									<li><a href="">Start</a></li>
1093
									<li><a href="">Shutdown</a></li>
1094
									<li><a href="">Reboot</a></li>
1095
									<li><a href="">Destroy</a></li>
1096
									<li><a href="">Snapshot</a></li>
1097
									<li><a href="">Attach to network</a></li>
1098
									<li><a href="">Attach to network</a></li>
1099
								</ul>
1100
							</li>
1101
						</ul>
1128 1102
						<div class="container">
1129 1103
							<a href="" class="check">
1130 1104
								<span class="snf-checkbox-unchecked"></span>
......
1145 1119
							<div class="info"><a href="snf-9733.vm.okeanos.grnet.gr" title="">snf-9733.vm.okeanos.grnet.gr</a></div>
1146 1120
						</div>
1147 1121
					</li>
1148
					<li data-status="off" class="off">
1149
						<div class="more">
1150
							<div class="clearfix">
1151
								<div class="col lt">
1152
									<ul>
1153
										<li><a href=""   class="start">Start</a></li>
1154
										<li><a href="" data-reveal-id="shutdown-confirm" class="shut">Shutdown</a></li>
1155
										<li><a href="" data-reveal-id="reboot-confirm" class="reboot">Reboot</a></li>
1156
										<li><a href="" data-reveal-id="destroy-vm-confirm" class="destroy">Destroy</a></li>
1157
										 <li><a href="">Option i</a></li>
1158
									</ul>
1159
								</div>
1160
								<div class="col rt">
1161
									<ul>
1162
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
1163
										<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
1164
									</ul>
1165
								</div>
1166
							</div>
1167
							<div class="name">vm name 1 really large name vm name vm 1 really large name vm</div>
1168
						</div>
1169
						<div class="container">
1170
							<a href="" class="check">
1171
								<span class="snf-checkbox-unchecked"></span>
1172
							</a>
1173
							<div class="img-wrap">
1174
								<span class="snf-pc-full snf-font"></span>
1175
								<span class="os fedora">fedora</span>
1176
							</div>
1177
							<h4>vm name 1 really large name vm name vm 1 really large name vm</h4>
1178
							<div class="actions">
1179
								<a href="" data-reveal-id="vm-connect" data-tooltip title="connect" class="connect has-tip"><span class="snf-thunder-full"></span></a>
1180
								<a href="vm_details.html" data-tooltip title="view vm details" class="snf-info-outline has-tip"></a>
1181
							</div>
1182
							<div class="tags">
1183
								<a href="" class="tag tag1 has-tip" data-tooltip title="Tooltip1">&nbsp;</a>
1184
								<a href="" class="tag tag2 has-tip" data-tooltip title="Tooltip2">&nbsp;</a>
1185
								<a href="" class="tag tag3 has-tip" data-tooltip title="Tooltip3">&nbsp;</a>
1186
							</div>
1187
							<div class="info"><a href="snf-9733.vm.okeanos.grnet.gr" title="">snf-9733.vm.okeanos.grnet.gr</a></div>
1188
						</div>
1189
					</li>
1190
					<li data-status="off" class="off">
1191
						<div class="more">
1192
							<div class="clearfix">
1193
								<div class="col lt">
1194
									<ul>
1195
										<li><a href=""   class="start">Start</a></li>
1196
										<li><a href="" data-reveal-id="shutdown-confirm" class="shut">Shutdown</a></li>
1197
										<li><a href="" data-reveal-id="reboot-confirm" class="reboot">Reboot</a></li>
1198
										<li><a href="" data-reveal-id="destroy-vm-confirm" class="destroy">Destroy</a></li>
1199
										 <li><a href="">Option i</a></li>
1200
									</ul>
1201
								</div>
1202
								<div class="col rt">
1203
									<ul>
1204
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
1205
										<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
1206
									</ul>
1207
								</div>
1208
							</div>
1209
							<div class="name">vm name 1 really large name vm name vm 1 really large name vm</div>
1210
						</div>
1211
						<div class="container">
1212
							<a href="" class="check">
1213
								<span class="snf-checkbox-unchecked"></span>
1214
							</a>
1215
							<div class="img-wrap">
1216
								<span class="snf-pc-full snf-font"></span>
1217
								<span class="os fedora">fedora</span>
1218
							</div>
1219
							<h4>vm name 1 really large name vm name vm 1 really large name vm</h4>
1220
							<div class="actions">
1221
								<a href="" data-reveal-id="vm-connect" data-tooltip title="connect" class="connect has-tip"><span class="snf-thunder-full"></span></a>
1222
								<a href="vm_details.html" data-tooltip title="view vm details" class="snf-info-outline has-tip"></a>
1223
							</div>
1224
							<div class="tags">
1225
								<a href="" class="tag tag1 has-tip" data-tooltip title="Tooltip1">&nbsp;</a>
1226
								<a href="" class="tag tag2 has-tip" data-tooltip title="Tooltip2">&nbsp;</a>
1227
								<a href="" class="tag tag3 has-tip" data-tooltip title="Tooltip3">&nbsp;</a>
1228
							</div>
1229
							<div class="info"><a href="snf-9733.vm.okeanos.grnet.gr" title="">snf-9733.vm.okeanos.grnet.gr</a></div>
1230
						</div>
1231
					</li>
1232 1122
					<li class="temp-for-btns"><a href="" class="btn5 temp communication-error-btn">communication error</a></li>
1233 1123
				</ul>
1234 1124
				<div class="communication-error">

Also available in: Unified diff