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

b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html
513 513 
													</li>
514 514 
												</ul>
515 515 
												<div>
516 
													<a href="" class="btn5" data-reveal-id="" title="set data-reveal-id: overlay3">manage ssh keys</a>
516 
													<a href="" class="btn5" data-reveal-id="overlay3" title="set data-reveal-id: overlay3">manage ssh keys</a>
517 517 
												</div>
518 518 
											</div>
519 519 
										</div>
......
751 751 
					<li data-order="0">
752 752 
						<div class="add-new"><a href="vm_create_a.html" data-overlay-id="#vm-wizard">NEW<br>MACHINE</a></div>
753 753 
					</li>
754 
					<li data-order="1">
754 
					<li data-order="1" data-status="running">
755 755 
						<div class="more">
756 756 
							<div class="clearfix">
757 757 
								<div class="col lt">
......
770 770 
									</ul>
771 771 
								</div>
772 772 
							</div>
773 
							<div class="vm-name">vm name 1 really large name</div>
773 
							<div class="vm-name">vm name 1 really large name vm name vm 1 really large name vm</div>
774 774 
						</div>
775 775 
						<div class="container">
776 776 
							<div class="img-wrap">
......
781 781 
							</div>
782 782 
							<p class="visible-info">
783 783 
								<span class="title">
784 
									<a href="vm_details.html"><em>vm name 1 really large name</em></a>
784 
									<a href="vm_details.html"><em>vm name 1 really large name vm name vm 1 really large name vm</em></a>
785 785 
								</span>
786 786 
							</p>
787 787 
							<div class="tags">
788 
								<a href="" class="tag3">&nbsp;</a>
789 
								<a href="" class="tag2">&nbsp;</a>
788 
							</div>
789 
							<div class= "status">
790 790 
							</div>
791 791 
						</div>
792 792 
					</li>
793 
					<li data-order="2">
793 
					<li data-order="2" data-status="building">
794 794 
						<div class="more">
795 795 
							<div class="clearfix">
796 796 
								<div class="col lt">
......
809 809 
									</ul>
810 810 
								</div>
811 811 
							</div>
812 
							<div class="vm-name">vm name 1 really large name</div>
812 
							<div class="vm-name">vm name 1 really large name vm name vm 1 really large name vm</div>
813 813 
						</div>
814 814 
						<div class="container">
815 815 
							<div class="img-wrap">
......
820 820 
							</div>
821 821 
							<p class="visible-info">
822 822 
								<span class="title">
823 
									<a href="vm_details.html"><em>vm name 2</em></a>
823 
									<a href="vm_details.html"><em>vm name 1 really large name vm name vm 1 really large name vm</em></a>
824 824 
								</span>
825 825 
							</p>
826 826 
							<div class="tags">
827 
								<a href="" class="tag2">&nbsp;</a>
827 
							</div>
828 
							<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>
828 831 
							</div>
829 832 
						</div>
830 833 
					</li>
831 
					<li  data-order="3">
834 
					<li  data-order="3" data-status="off">
832 835 
						<div class="more">
833 836 
							<div class="clearfix">
834 837 
								<div class="col lt">
......
847 850 
									</ul>
848 851 
								</div>
849 852 
							</div>
850 
							<div class="vm-name">vm name 1 really large name</div>
853 
							<div class="vm-name">vm name 1 really large name vm name vm 1 really large name vm</div>
851 854 
						</div>
852 855 
						<div class="container">
853 856 
							<div class="img-wrap">
854 
								<div class="img stopped">
857 
								<div class="img off">
855 858 
									<span class="snf-PC_fill"></span>
856 859 
									<span class="os fedora">fedora</span>
857 860 
								</div>
858 861 
							</div>
859 862 
							<p class="visible-info">
860 863 
								<span class="title">
861 
									<a href="vm_details.html"><em>vm name 3</em></a>
864 
									<a href="vm_details.html"><em>vm name 1 really large name vm name vm 1 really large name vm</em></a>
862 865 
								</span>
863 866 
							</p>
864 867 
							<div class="tags">
......
868 871 
							</div>
869 872 
						</div>
870 873 
					</li>
871 
					<li  data-order="4">
874 
					<li  data-order="4" data-status="rebooting">
875 
						<div class="more">
876 
							<div class="clearfix">
877 
								<div class="col lt">
878 
									<ul>
879 
										<li><a href="">Start</a></li>
880 
										<li><a href="">Shutdown</a></li>
881 
										<li><a href="">Reboot</a></li>
882 
										<li><a href="">Destroy</a></li>
883 
										<li><a href="">Option i</a></li>
884 
									</ul>
885 
								</div>
886 
								<div class="col rt">
887 
									<ul>
888 
										<li><a href="">Connect</a></li>
889 
										<li><a href="">Details</a></li>
890 
									</ul>
891 
								</div>
892 
							</div>
893 
							<div class="vm-name">vm name 1 really large name vm name vm 1 really large name vm</div>
894 
						</div>
872 895 
						<div class="container">
873 896 
							<div class="img-wrap">
874 897 
								<div class="img running">
......
878 901 
							</div>
879 902 
							<p class="visible-info">
880 903 
								<span class="title">
881 
									<a href="vm_details.html"><em>vm name 4</em></a>
904 
									<a href="vm_details.html"><em>vm name 1 really large name vm name vm 1 really large name vm</em></a>
882 905 
								</span>
883 906 
							</p>
907 
							<div class= "status">
908 
								<span class="state"><a href="">REBOOTING</a></span>
909 
							</div>
884 910 
							<div class="tags">
885 911 
								<a href="" class="tag1">&nbsp;</a>
886 912 
								<a href="" class="tag2">&nbsp;</a>
887 913 
							</div>
888 914 
						</div>
889 915 
					</li>
890
891 
					<li  data-order="5">
916 
					 <li  data-order="5" data-status="starting">
917 
						<div class="more">
918 
							<div class="clearfix">
919 
								<div class="col lt">
920 
									<ul>
921 
										<li><a href="">Start</a></li>
922 
										<li><a href="">Shutdown</a></li>
923 
										<li><a href="">Reboot</a></li>
924 
										<li><a href="">Destroy</a></li>
925 
										<li><a href="">Option i</a></li>
926 
									</ul>
927 
								</div>
928 
								<div class="col rt">
929 
									<ul>
930 
										<li><a href="">Connect</a></li>
931 
										<li><a href="">Details</a></li>
932 
									</ul>
933 
								</div>
934 
							</div>
935 
							<div class="vm-name">vm name 1 really large name vm name vm 1 really large name vm</div>
936 
						</div>
937 
						<div class="container">
938 
							<div class="img-wrap">
939 
								<div class="img running">
940 
									<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
941 
									<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span>
942 
								</div>
943 
							</div>
944 
							<p class="visible-info">
945 
								<span class="title">
946 
									<a href="vm_details.html"><em>vm name 1 really large name vm name vm 1 really large name vm</em></a>
947 
								</span>
948 
							</p>
949 
							<div class= "status">
950 
								<span class="state"><a href="">STARTING</a></span>
951 
							</div>
952 
							<div class="tags">
953 
							</div>
954 
						</div>
955 
					</li>
956 
					<li data-order="6" data-status="off">
957 
						<div class="more">
958 
							<div class="clearfix">
959 
								<div class="col lt">
960 
									<ul>
961 
										<li><a href="">Start</a></li>
962 
										<li><a href="">Shutdown</a></li>
963 
										<li><a href="">Reboot</a></li>
964 
										<li><a href="">Destroy</a></li>
965 
										<li><a href="">Option i</a></li>
966 
									</ul>
967 
								</div>
968 
								<div class="col rt">
969 
									<ul>
970 
										<li><a href="">Connect</a></li>
971 
										<li><a href="">Details</a></li>
972 
									</ul>
973 
								</div>
974 
							</div>
975 
							<div class="vm-name">short name</div>
976 
						</div>
977 
						<div class="container">
978 
							<div class="img-wrap">
979 
								<div class="img running">
980 
									<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
981 
									<span class="os fedora" data-reveal-id="vm-connect">fedora</span>
982 
								</div>
983 
							</div>
984 
							<p class="visible-info">
985 
								<span class="title">
986 
									<a href="vm_details.html"><em>short name</em></a>
987 
								</span>
988 
							</p>
989 
							<div class="tags">
990 
							</div>
991 
							<div class= "status">
992 
							</div>
993 
						</div>
994 
					</li>
995 
					<li data-order="7" data-status="error">
996 
						<div class="more">
997 
							<div class="clearfix">
998 
								<div class="col lt">
999 
									<ul>
1000 
										<li><a href="">Start</a></li>
1001 
										<li><a href="">Shutdown</a></li>
1002 
										<li><a href="">Reboot</a></li>
1003 
										<li><a href="">Destroy</a></li>
1004 
										<li><a href="">Option i</a></li>
1005 
									</ul>
1006 
								</div>
1007 
								<div class="col rt">
1008 
									<ul>
1009 
										<li><a href="">Connect</a></li>
1010 
										<li><a href="">Details</a></li>
1011 
									</ul>
1012 
								</div>
1013 
							</div>
1014 
							<div class="vm-name">short name</div>
1015 
						</div>
892 1016 
						<div class="container">
893 1017 
							<div class="img-wrap">
894 1018 
								<div class="img running">
......
898 1022 
							</div>
899 1023 
							<p class="visible-info">
900 1024 
								<span class="title">
901 
									<a href="vm_details.html"><em>vm name 1 really large name</em></a>
1025 
									<a href="vm_details.html"><em>short name</em></a>
1026 
								</span>
1027 
							</p>
1028 
							<div class="tags">
1029 
							</div>
1030 
							<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>
1033 
							</div>
1034 
						</div>
1035 
					</li>
1036 
					<li  data-order="8" data-status="off">
1037 
						<div class="more">
1038 
							<div class="clearfix">
1039 
								<div class="col lt">
1040 
									<ul>
1041 
										<li><a href="">Start</a></li>
1042 
										<li><a href="">Shutdown</a></li>
1043 
										<li><a href="">Reboot</a></li>
1044 
										<li><a href="">Destroy</a></li>
1045 
										<li><a href="">Option i</a></li>
1046 
									</ul>
1047 
								</div>
1048 
								<div class="col rt">
1049 
									<ul>
1050 
										<li><a href="">Connect</a></li>
1051 
										<li><a href="">Details</a></li>
1052 
									</ul>
1053 
								</div>
1054 
							</div>
1055 
							<div class="vm-name">short name</div>
1056 
						</div>
1057 
						<div class="container">
1058 
							<div class="img-wrap">
1059 
								<div class="img">
1060 
									<span class="snf-PC_fill"></span>
1061 
									<span class="os fedora">fedora</span>
1062 
								</div>
1063 
							</div>
1064 
							<p class="visible-info">
1065 
								<span class="title">
1066 
									<a href="vm_details.html"><em>short name</em></a>
1067 
								</span>
1068 
							</p>
1069 
							<div class="tags">
1070 
								<a href="" class="tag1">&nbsp;</a>
1071 
								<a href="" class="tag2">&nbsp;</a>
1072 
								<a href="" class="tag3">&nbsp;</a>
1073 
							</div>
1074 
						</div>
1075 
					</li>
1076 
					<li  data-order="9" data-status="shutting">
1077 
						<div class="more">
1078 
							<div class="clearfix">
1079 
								<div class="col lt">
1080 
									<ul>
1081 
										<li><a href="">Start</a></li>
1082 
										<li><a href="">Shutdown</a></li>
1083 
										<li><a href="">Reboot</a></li>
1084 
										<li><a href="">Destroy</a></li>
1085 
										<li><a href="">Option i</a></li>
1086 
									</ul>
1087 
								</div>
1088 
								<div class="col rt">
1089 
									<ul>
1090 
										<li><a href="">Connect</a></li>
1091 
										<li><a href="">Details</a></li>
1092 
									</ul>
1093 
								</div>
1094 
							</div>
1095 
							<div class="vm-name">short name</div>
1096 
						</div>
1097 
						<div class="container">
1098 
							<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>
1102 
								</div>
1103 
							</div>
1104 
							<p class="visible-info">
1105 
								<span class="title">
1106 
									<a href="vm_details.html"><em>short name</em></a>
902 1107 
								</span>
903 1108 
							</p>
1109 
							<div class= "status">
1110 
								<span class="state"><a href="">SHUTTING DOWN</a></span>
1111 
							</div>
904 1112 
							<div class="tags">
905 
								<a href="" data-tooltip class="has-tip tag1" title="Server">&nbsp;</a>
906 
								<a href="" data-tooltip class="has-tip tag2" title="Experiment">&nbsp;</a>
1113 
								<a href="" class="tag1">&nbsp;</a>
1114 
								<a href="" class="tag2">&nbsp;</a>
1115 
							</div>
1116 
						</div>
1117 
					</li>
1118 
					 <li  data-order="10" data-status="running">
1119 
						<div class="more">
1120 
							<div class="clearfix">
1121 
								<div class="col lt">
1122 
									<ul>
1123 
										<li><a href="">Start</a></li>
1124 
										<li><a href="">Shutdown</a></li>
1125 
										<li><a href="">Reboot</a></li>
1126 
										<li><a href="">Destroy</a></li>
1127 
										<li><a href="">Option i</a></li>
1128 
									</ul>
1129 
								</div>
1130 
								<div class="col rt">
1131 
									<ul>
1132 
										<li><a href="">Connect</a></li>
1133 
										<li><a href="">Details</a></li>
1134 
									</ul>
1135 
								</div>
1136 
							</div>
1137 
							<div class="vm-name">short name</div>
1138 
						</div>
1139 
						<div class="container">
1140 
							<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>
1144 
								</div>
1145 
							</div>
1146 
							<p class="visible-info">
1147 
								<span class="title">
1148 
									<a href="vm_details.html"><em>short name</em></a>
1149 
								</span>
1150 
							</p>
1151 
							<div class= "status">
1152 
								<span class="state"><a href="">RUNNING</a></span>
907 1153 
							</div>
908 1154 
						</div>
909 1155 
					</li>
910
911 1156 
				</ul>
912 1157 
			</div>
913 1158 
		</section>

Also available in: Unified diff