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

b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html
22 22
	<header class="header">
23 23
		<nav>
24 24
			<ul class="icons-nav">
25
				<li><a href="vm_list.html" data-tooltip class="has-tip current" title="Machines"><span class="snf-PC_fill"></span></a></li>
25
				<li><a href="vm_list.html" data-tooltip class="has-tip current" title="Machines"><span class="snf-pc-full"></span></a></li>
26 26
				<li><a href="network_list.html" data-tooltip class="has-tip" title="Networks"><span class="snf-network"></span></a></li>
27 27
				<li><a href="volumes_list.html" data-tooltip class="has-tip" title="Disks"><span class="snf-HDD"></span></a></li>
28
				<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage"><span class="snf-Pithos"></span></a></li>
29
				<li><a href="images_list.html" data-tooltip class="has-tip" title="Images"><span class="snf-images"></span></a></li>
28
				<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage"><span class="snf-pithos-outline"></span></a></li>
29
				<li><a href="images_list.html" data-tooltip class="has-tip" title="Images"><span class="snf-image-outline"></span></a></li>
30 30
				<li><a href="snapshots_list.html" data-tooltip class="has-tip" title="Snapshots"><span class="snf-snapshot"></span></a></li>
31
				<li><a href="" data-tooltip class="has-tip" title="More"><span class="snf-plus"></span></a></li>
31
				<li><a href="" data-tooltip class="has-tip" title="More"><span class="snf-plus-outline"></span></a></li>
32 32
			</ul>
33 33
		</nav>
34 34
		<div class="login">
......
300 300
									<ul class="flavor">
301 301
										<li>
302 302
											<div class="title">
303
												<span class="snf-cpu font-icon"></span>
303
												<span class="snf-chip-outline snf-font"></span>
304 304
												<h2>
305 305
													CPU<span> (x cores)</span>
306 306
													<em>Choose number of CPU cores</em>
......
329 329
										</li>
330 330
										<li>
331 331
											<div class="title">
332
												<span class="snf-ram font-icon"></span>
332
												<span class="snf-ram-outline snf-font"></span>
333 333
												<h2>
334 334
													Memory Size 
335 335
													<span> (MB)</span>
......
358 358
										</li>
359 359
										<li>
360 360
											<div class="title">
361
												<span class="snf-HDD font-icon"></span>
361
												<span class="snf-HDD snf-font"></span>
362 362
												<h2>
363 363
													Disk Size<span> (GB)</span>
364 364
													<em>Choose disk size</em>
......
387 387
										</li>
388 388
										<li>
389 389
											<div class="title">
390
												<span class="snf-HDD font-icon"></span>
390
												<span class="snf-HDD snf-font"></span>
391 391
												<h2>
392 392
													Storage
393 393
													<em>Select storage type</em>
......
469 469
														<span class="net-icons">
470 470
															<span class="temp-line line1"></span>
471 471
															<span class="snf-www"></span>
472
															<span class="snf-network_full"></span>
472
															<span class="snf-network-full"></span>
473 473
														</span>
474 474
														Public Network
475 475
													</h3>
......
500 500
															<span class="temp-line line1"></span>
501 501
															<span class="temp-line line2"></span>
502 502
															<span class="snf-www"></span>
503
															<span class="snf-modem"></span>
504
															<span class="snf-network_full"></span>
503
															<span class="snf-router-outline"></span>
504
															<span class="snf-network-full"></span>
505 505
														</span>
506 506
														Routed Network
507 507
													</h3>
......
512 512
												<li class="with-checkbox row select-net">
513 513
													<h3 class="net-name">
514 514
														<span class="net-icons">
515
															<span class="snf-network_full"></span>
515
															<span class="snf-network-full"></span>
516 516
														</span>
517 517
														Private Network 1
518 518
													</h3>
......
523 523
												<li class="with-checkbox row select-net">
524 524
													<h3 class="net-name">
525 525
														<span class="net-icons">
526
															<span class="snf-network_full"></span>
526
															<span class="snf-network-full"></span>
527 527
														</span>
528 528
														Private Network 2
529 529
													</h3>
......
597 597
									<div class="row">
598 598
										<div class="wrap">
599 599
											<dl>
600
												<dt><span class="snf-PC_fill font-icon"></span>Machine name</dt>
600
												<dt><span class="snf-pc-full snf-font"></span>Machine name</dt>
601 601
												<dd>handsome frank</dd>
602 602
											</dl>
603 603
										</div>
......
626 626
										<div class="wrap">
627 627
											<h2>Flavor</h2>
628 628
											<dl>
629
												<dt><span class="snf-cpu font-icon"></span>CPUs</dt>
629
												<dt><span class="snf-chip-outline snf-font"></span>CPUs</dt>
630 630
												<dd>4x</dd>
631
												<dt><span class="snf-ram font-icon"></span>Memory</dt>
631
												<dt><span class="snf-ram-outline snf-font"></span>Memory</dt>
632 632
												<dd>512 MB</dd>
633
												<dt><span class="snf-HDD font-icon"></span>Disk</dt>
633
												<dt><span class="snf-HDD snf-font"></span>Disk</dt>
634 634
												<dd>4GB</dd>
635
												<dt><span class="snf-HDD font-icon"></span>Storage Type</dt>
635
												<dt><span class="snf-HDD snf-font"></span>Storage Type</dt>
636 636
												<dd>DRBD</dd>
637 637
											</dl>
638 638
										</div>
......
794 794
								<span class="snf-checkbox-unchecked"></span>
795 795
							</div>
796 796
							<div class="img-wrap">
797
								<span class="snf-PC_fill"></span>
797
								<span class="snf-pc-full"></span>
798 798
								<span class="os symbol">+</span>
799 799
							</div>
800 800
							<h4>New Machine</h4>
......
815 815
								</div>
816 816
								<div class="col rt">
817 817
									<ul>
818
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-lightning"></span>Connect</a></li>
819
										<li><a href="vm_details.html"><span class="snf-info_outline"></span>Details</a></li>
818
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
819
										<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
820 820
									</ul>
821 821
								</div>
822 822
							</div>
......
827 827
								<span class="snf-checkbox-unchecked"></span>
828 828
							</div>
829 829
							<div class="img-wrap">
830
								<span class="snf-PC_fill incomplete"></span>
831
								<span class="snf-PC_fill complete"></span>
830
								<span class="snf-pc-full incomplete"></span>
831
								<span class="snf-pc-full complete"></span>
832 832
								<span class="os">unknown</span>
833 833
							</div>
834 834
							<h4>vm name 1 really large name vm name vm 1 really large name vm</h4>
835 835
							<div class="actions">
836
								<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-lightning"></span></a>
837
								<a href="vm_details.html" title="view vm details" class="snf-info_outline"></a>
836
								<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a>
837
								<a href="vm_details.html" title="view vm details" class="snf-info-outline"></a>
838 838
							</div>
839 839
							<div class= "status">
840 840
								<span class="state">BUILDING</span>
......
859 859
								</div>
860 860
								<div class="col rt">
861 861
									<ul>
862
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-lightning"></span>Connect</a></li>
863
										<li><a href="vm_details.html"><span class="snf-info_outline"></span>Details</a></li>
862
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
863
										<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
864 864
									</ul>
865 865
								</div>
866 866
							</div>
......
871 871
								<span class="snf-checkbox-unchecked"></span>
872 872
							</div>
873 873
							<div class="img-wrap">
874
								<span class="snf-PC_fill"></span>
874
								<span class="snf-pc-full"></span>
875 875
								<span class="os">unknown</span>
876 876
							</div>
877 877
							<h4>short name</h4>
878 878
							<div class="actions">
879
								<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-lightning"></span></a>
880
								<a href="vm_details.html" title="view vm details" class="snf-info_outline"></a>
879
								<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a>
880
								<a href="vm_details.html" title="view vm details" class="snf-info-outline"></a>
881 881
							</div>
882 882
							<div class="tags">
883 883
							</div>
......
902 902
								</div>
903 903
								<div class="col rt">
904 904
									<ul>
905
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-lightning"></span>Connect</a></li>
906
										<li><a href="vm_details.html"><span class="snf-info_outline"></span>Details</a></li>
905
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
906
										<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
907 907
									</ul>
908 908
								</div>
909 909
							</div>
......
914 914
								<span class="snf-checkbox-unchecked"></span>
915 915
							</div>
916 916
							<div class="img-wrap">
917
								<span class="snf-PC_fill"></span>
917
								<span class="snf-pc-full"></span>
918 918
								<span class="os fedora">fedora</span>
919 919
							</div>
920 920
							<h4>vm name 1 really large name vm name vm 1 really large name vm</h4>
921 921
							<div class="actions">
922
								<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-lightning"></span></a>
923
								<a href="vm_details.html" title="view vm details" class="snf-info_outline"></a>
922
								<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a>
923
								<a href="vm_details.html" title="view vm details" class="snf-info-outline"></a>
924 924
							</div>
925 925
							<div class= "status">
926 926
							</div>
......
944 944
								</div>
945 945
								<div class="col rt">
946 946
									<ul>
947
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-lightning"></span>Connect</a></li>
948
										<li><a href="vm_details.html"><span class="snf-info_outline"></span>Details</a></li>
947
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
948
										<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
949 949
									</ul>
950 950
								</div>
951 951
							</div>
......
956 956
								<span class="snf-checkbox-unchecked"></span>
957 957
							</div>
958 958
							<div class="img-wrap">
959
								<span class="snf-PC_fill"></span>
959
								<span class="snf-pc-full"></span>
960 960
								<span class="os kubuntu">kubuntu</span>
961 961
							</div>
962 962
							<h4>vm name 1 really large name vm name vm 1 really large name vm</h4>
963 963
							<div class="actions">
964
								<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-lightning"></span></a>
965
								<a href="vm_details.html" title="view vm details" class="snf-info_outline"></a>
964
								<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a>
965
								<a href="vm_details.html" title="view vm details" class="snf-info-outline"></a>
966 966
							</div>
967 967
							<div class= "status">
968 968
								<span class="state">REBOOTING</span>
......
988 988
								</div>
989 989
								<div class="col rt">
990 990
									<ul>
991
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-lightning"></span>Connect</a></li>
992
										<li><a href="vm_details.html"><span class="snf-info_outline"></span>Details</a></li>
991
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
992
										<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
993 993
									</ul>
994 994
								</div>
995 995
							</div>
......
1000 1000
								<span class="snf-checkbox-unchecked"></span>
1001 1001
							</div>
1002 1002
							<div class="img-wrap">
1003
								<span class="snf-PC_fill"></span>
1003
								<span class="snf-pc-full"></span>
1004 1004
								<span class="os kubuntu">kubuntu</span>
1005 1005
							</div>
1006 1006
							<h4>vm name 1 really large name vm name vm 1 really large name vm</h4>
1007 1007
							<div class="actions">
1008
								<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-lightning"></span></a>
1009
								<a href="vm_details.html" title="view vm details" class="snf-info_outline"></a>
1008
								<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a>
1009
								<a href="vm_details.html" title="view vm details" class="snf-info-outline"></a>
1010 1010
							</div>
1011 1011
							<div class= "status">
1012 1012
								<span class="state">STARTING</span>
......
1030 1030
								</div>
1031 1031
								<div class="col rt">
1032 1032
									<ul>
1033
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-lightning"></span>Connect</a></li>
1034
										<li><a href="vm_details.html"><span class="snf-info_outline"></span>Details</a></li>
1033
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
1034
										<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
1035 1035
									</ul>
1036 1036
								</div>
1037 1037
							</div>
......
1043 1043
							</div>
1044 1044
							<div class="img-wrap">
1045 1045
								<div class="img running">
1046
									<span class="snf-PC_fill"></span>
1046
									<span class="snf-pc-full"></span>
1047 1047
									<span class="os kubuntu">kubuntu</span>
1048 1048
								</div>
1049 1049
							</div>
1050 1050
							<h4>short name</h4>
1051 1051
							<div class="actions">
1052
								<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-lightning"></span></a>
1053
								<a href="vm_details.html" title="view vm details" class="snf-info_outline"></a>
1052
								<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a>
1053
								<a href="vm_details.html" title="view vm details" class="snf-info-outline"></a>
1054 1054
							</div>
1055 1055
							<div class= "status">
1056 1056
								<span class="state">SHUTTING DOWN</span>
......
1076 1076
								</div>
1077 1077
								<div class="col rt">
1078 1078
									<ul>
1079
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-lightning"></span>Connect</a></li>
1080
										<li><a href="vm_details.html"><span class="snf-info_outline"></span>Details</a></li>
1079
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
1080
										<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
1081 1081
									</ul>
1082 1082
								</div>
1083 1083
							</div>
......
1088 1088
								<span class="snf-checkbox-unchecked"></span>
1089 1089
							</div>
1090 1090
							<div class="img-wrap">
1091
								<span class="snf-PC_fill"></span>
1091
								<span class="snf-pc-full"></span>
1092 1092
								<span class="os kubuntu">kubuntu</span>
1093 1093
							</div>
1094 1094
							<h4>short name</h4>
1095 1095
							<div class="actions">
1096
								<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-lightning"></span></a>
1097
								<a href="vm_details.html" title="view vm details" class="snf-info_outline"></a>
1096
								<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a>
1097
								<a href="vm_details.html" title="view vm details" class="snf-info-outline"></a>
1098 1098
							</div>
1099 1099

  
1100 1100
							<div class= "status">
......
1122 1122
								</div>
1123 1123
								<div class="col rt">
1124 1124
									<ul>
1125
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-lightning"></span>Connect</a></li>
1126
										<li><a href="vm_details.html"><span class="snf-info_outline"></span>Details</a></li>
1125
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
1126
										<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
1127 1127
									</ul>
1128 1128
								</div>
1129 1129
							</div>
......
1134 1134
								<span class="snf-checkbox-unchecked"></span>
1135 1135
							</div>
1136 1136
							<div class="img-wrap">
1137
								<span class="snf-PC_fill"></span>
1137
								<span class="snf-pc-full"></span>
1138 1138
								<span class="os fedora">fedora</span>
1139 1139
							</div>
1140 1140
							<h4>short name</h4>
1141 1141
							<div class="actions">
1142
								<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-lightning"></span></a>
1143
								<a href="vm_details.html" title="view vm details" class="snf-info_outline"></a>
1142
								<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a>
1143
								<a href="vm_details.html" title="view vm details" class="snf-info-outline"></a>
1144 1144
							</div>
1145 1145
							<div class= "status">
1146 1146
							</div>
......
1163 1163
								</div>
1164 1164
								<div class="col rt">
1165 1165
									<ul>
1166
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-lightning"></span>Connect</a></li>
1167
										<li><a href="vm_details.html"><span class="snf-info_outline"></span>Details</a></li>
1166
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
1167
										<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
1168 1168
									</ul>
1169 1169
								</div>
1170 1170
							</div>
......
1175 1175
								<span class="snf-checkbox-unchecked"></span>
1176 1176
							</div>
1177 1177
							<div class="img-wrap">
1178
								<span class="snf-PC_fill"></span>
1178
								<span class="snf-pc-full"></span>
1179 1179
								<span class="os fedora">fedora</span>
1180 1180
							</div>
1181 1181
							<h4>vm name 1 really large name vm name vm 1 really large name vm</h4>
1182 1182
							<div class="actions">
1183
								<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-lightning"></span></a>
1184
								<a href="vm_details.html" title="view vm details" class="snf-info_outline"></a>
1183
								<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a>
1184
								<a href="vm_details.html" title="view vm details" class="snf-info-outline"></a>
1185 1185
							</div>
1186 1186
							<div class="tags">
1187 1187
								<a href="" class="tag tag1 has-tip" data-tooltip title="Tooltip1">&nbsp;</a>
......
1205 1205
								</div>
1206 1206
								<div class="col rt">
1207 1207
									<ul>
1208
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-lightning"></span>Connect</a></li>
1209
										<li><a href="vm_details.html"><span class="snf-info_outline"></span>Details</a></li>
1208
										<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
1209
										<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
1210 1210
									</ul>
1211 1211
								</div>
1212 1212
							</div>
......
1217 1217
								<span class="snf-checkbox-unchecked"></span>
1218 1218
							</div>
1219 1219
							<div class="img-wrap">
1220
								<span class="snf-PC_fill"></span>
1220
								<span class="snf-pc-full"></span>
1221 1221
								<span class="os fedora">fedora</span>
1222 1222
							</div>
1223 1223
							<h4>vm name 1 really large name vm name vm 1 really large name vm</h4>
1224 1224
							<div class="actions">
1225
								<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-lightning"></span></a>
1226
								<a href="vm_details.html" title="view vm details" class="snf-info_outline"></a>
1225
								<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a>
1226
								<a href="vm_details.html" title="view vm details" class="snf-info-outline"></a>
1227 1227
							</div>
1228 1228
							<div class="tags">
1229 1229
								<a href="" class="tag tag1 has-tip" data-tooltip title="Tooltip1">&nbsp;</a>

Also available in: Unified diff