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

b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_details.html
20 20
		<header class="header">
21 21
		<nav>
22 22
			<ul class="icons-nav">
23
				<li><a href="vm_list.html" data-tooltip class="has-tip current" title="Machines"><span class="snf-PC_fill"></span></a></li>
23
				<li><a href="vm_list.html" data-tooltip class="has-tip current" title="Machines"><span class="snf-pc-full"></span></a></li>
24 24
				<li><a href="network_list.html" data-tooltip class="has-tip" title="Networks"><span class="snf-network"></span></a></li>
25 25
				<li><a href="volumes_list.html" data-tooltip class="has-tip" title="Disks"><span class="snf-HDD"></span></a></li>
26
				<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage"><span class="snf-Pithos"></span></a></li>
27
				<li><a href="images_list.html" data-tooltip class="has-tip" title="Images"><span class="snf-images"></span></a></li>
26
				<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage"><span class="snf-pithos-outline"></span></a></li>
27
				<li><a href="images_list.html" data-tooltip class="has-tip" title="Images"><span class="snf-image-outline"></span></a></li>
28 28
				<li><a href="snapshots_list.html" data-tooltip class="has-tip" title="Snapshots"><span class="snf-snapshot"></span></a></li>
29
				<li><a href="" data-tooltip class="has-tip" title="More"><span class="snf-plus"></span></a></li>
29
				<li><a href="" data-tooltip class="has-tip" title="More"><span class="snf-plus-outline"></span></a></li>
30 30
			</ul>
31 31
		</nav>
32 32
		<div class="login">
......
81 81
			<div id="attach-volume" class="reveal-modal medium list-availables">
82 82
				<span>Available volumes:</span>
83 83
				<ul>
84
					<li><span class="font-icon snf-radio-unchecked"></span><span class="font-icon snf-HDD-full"></span><span class="name">volume name</span><span class="numeric-data">10 GB</span><span>[Archipelago]</span></li>
85
					<li><span class="font-icon snf-radio-unchecked"></span><span class="font-icon snf-HDD-full"></span><span class="name">volume name</span><span class="numeric-data">25 GB</span><span>[DRBD]</span></li>
84
					<li><span class="snf-font snf-radio-unchecked"></span><span class="snf-font snf-volume-full"></span><span class="name">volume name</span><span class="numeric-data">10 GB</span><span>[Archipelago]</span></li>
85
					<li><span class="snf-font snf-radio-unchecked"></span><span class="snf-font snf-volume-full"></span><span class="name">volume name</span><span class="numeric-data">25 GB</span><span>[DRBD]</span></li>
86 86
				</ul>
87 87
				<p class="buttons">
88 88
					<a href="" class="btn1">OK</a>
......
99 99
			<div id="connect-to-network" class="reveal-modal medium list-availables">
100 100
				<span>Available networks:</span>
101 101
				<ul>
102
					<li><span class="font-icon snf-radio-unchecked"></span><span class="font-icon snf-network_full"></span><span class="name">network name</span><span>other data</span></li>
103
					<li><span class="font-icon snf-radio-unchecked"></span><span class="font-icon snf-network_full"></span><span class="name">network name</span><span>connected machines: 10</span></li>
102
					<li><span class="snf-font snf-radio-unchecked"></span><span class="snf-font snf-network-full"></span><span class="name">network name</span><span>other data</span></li>
103
					<li><span class="snf-font snf-radio-unchecked"></span><span class="snf-font snf-network-full"></span><span class="name">network name</span><span>connected machines: 10</span></li>
104 104
				</ul>
105 105
				<p class="buttons">
106 106
					<a href="" class="btn1">OK</a>
......
159 159
										</div>
160 160
										<div class="col rt">
161 161
											<ul>
162
												<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-lightning"></span>Connect</a></li>
163
												<li><a href="vm_details.html"><span class="snf-info_outline"></span>Details</a></li>
162
												<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
163
												<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
164 164
											</ul>
165 165
										</div>
166 166
									</div>
......
171 171
										<span class="snf-checkbox-unchecked"></span>
172 172
									</div>
173 173
									<div class="img-wrap">
174
										<span class="snf-PC_fill"></span>
174
										<span class="snf-pc-full"></span>
175 175
										<span class="os kubuntu">kubuntu</span>
176 176
									</div>
177 177
									<h4>vm name 1 really large name vm name vm 1 really large name vm</h4>
178 178
									<div class="actions">
179
										<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-lightning"></span></a>
180
										<a href="vm_details.html" title="view vm details" class="snf-info_outline"></a>
179
										<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a>
180
										<a href="vm_details.html" title="view vm details" class="snf-info-outline"></a>
181 181
									</div>
182 182
									<div class= "status">
183 183
										<span class="state">REBOOTING</span>
......
203 203
										</div>
204 204
										<div class="col rt">
205 205
											<ul>
206
												<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-lightning"></span>Connect</a></li>
207
												<li><a href="vm_details.html"><span class="snf-info_outline"></span>Details</a></li>
206
												<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
207
												<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
208 208
											</ul>
209 209
										</div>
210 210
									</div>
......
215 215
										<span class="snf-checkbox-unchecked"></span>
216 216
									</div>
217 217
									<div class="img-wrap">
218
										<span class="snf-PC_fill"></span>
218
										<span class="snf-pc-full"></span>
219 219
										<span class="os kubuntu">kubuntu</span>
220 220
									</div>
221 221
									<h4>vm name 1 really large name vm name vm 1 really large name vm</h4>
222 222
									<div class="actions">
223
										<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-lightning"></span></a>
224
										<a href="vm_details.html" title="view vm details" class="snf-info_outline"></a>
223
										<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a>
224
										<a href="vm_details.html" title="view vm details" class="snf-info-outline"></a>
225 225
									</div>
226 226
									<div class= "status">
227 227
										<span class="state">STARTING</span>
......
245 245
										</div>
246 246
										<div class="col rt">
247 247
											<ul>
248
												<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-lightning"></span>Connect</a></li>
249
												<li><a href="vm_details.html"><span class="snf-info_outline"></span>Details</a></li>
248
												<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
249
												<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
250 250
											</ul>
251 251
										</div>
252 252
									</div>
......
258 258
									</div>
259 259
									<div class="img-wrap">
260 260
										<div class="img running">
261
											<span class="snf-PC_fill"></span>
261
											<span class="snf-pc-full"></span>
262 262
											<span class="os kubuntu">kubuntu</span>
263 263
										</div>
264 264
									</div>
265 265
									<h4>short name</h4>
266 266
									<div class="actions">
267
										<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-lightning"></span></a>
268
										<a href="vm_details.html" title="view vm details" class="snf-info_outline"></a>
267
										<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a>
268
										<a href="vm_details.html" title="view vm details" class="snf-info-outline"></a>
269 269
									</div>
270 270
									<div class= "status">
271 271
										<span class="state">SHUTTING DOWN</span>
......
291 291
										</div>
292 292
										<div class="col rt">
293 293
											<ul>
294
												<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-lightning"></span>Connect</a></li>
295
												<li><a href="vm_details.html"><span class="snf-info_outline"></span>Details</a></li>
294
												<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
295
												<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
296 296
											</ul>
297 297
										</div>
298 298
									</div>
......
303 303
										<span class="snf-checkbox-unchecked"></span>
304 304
									</div>
305 305
									<div class="img-wrap">
306
										<span class="snf-PC_fill"></span>
306
										<span class="snf-pc-full"></span>
307 307
										<span class="os kubuntu">kubuntu</span>
308 308
									</div>
309 309
									<h4>short name</h4>
310 310
									<div class="actions">
311
										<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-lightning"></span></a>
312
										<a href="vm_details.html" title="view vm details" class="snf-info_outline"></a>
311
										<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a>
312
										<a href="vm_details.html" title="view vm details" class="snf-info-outline"></a>
313 313
									</div>
314 314

  
315 315
									<div class= "status">
......
337 337
										</div>
338 338
										<div class="col rt">
339 339
											<ul>
340
												<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-lightning"></span>Connect</a></li>
341
												<li><a href="vm_details.html"><span class="snf-info_outline"></span>Details</a></li>
340
												<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
341
												<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
342 342
											</ul>
343 343
										</div>
344 344
									</div>
......
349 349
										<span class="snf-checkbox-unchecked"></span>
350 350
									</div>
351 351
									<div class="img-wrap">
352
										<span class="snf-PC_fill"></span>
352
										<span class="snf-pc-full"></span>
353 353
										<span class="os fedora">fedora</span>
354 354
									</div>
355 355
									<h4>short name</h4>
356 356
									<div class="actions">
357
										<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-lightning"></span></a>
358
										<a href="vm_details.html" title="view vm details" class="snf-info_outline"></a>
357
										<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a>
358
										<a href="vm_details.html" title="view vm details" class="snf-info-outline"></a>
359 359
									</div>
360 360
									<div class= "status">
361 361
									</div>
......
378 378
										</div>
379 379
										<div class="col rt">
380 380
											<ul>
381
												<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-lightning"></span>Connect</a></li>
382
												<li><a href="vm_details.html"><span class="snf-info_outline"></span>Details</a></li>
381
												<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
382
												<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
383 383
											</ul>
384 384
										</div>
385 385
									</div>
......
390 390
										<span class="snf-checkbox-unchecked"></span>
391 391
									</div>
392 392
									<div class="img-wrap">
393
										<span class="snf-PC_fill"></span>
393
										<span class="snf-pc-full"></span>
394 394
										<span class="os">unknown</span>
395 395
									</div>
396 396
									<h4>short name</h4>
397 397
									<div class="actions">
398
										<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-lightning"></span></a>
399
										<a href="vm_details.html" title="view vm details" class="snf-info_outline"></a>
398
										<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a>
399
										<a href="vm_details.html" title="view vm details" class="snf-info-outline"></a>
400 400
									</div>
401 401
									<div class="tags">
402 402
									</div>
......
421 421
										</div>
422 422
										<div class="col rt">
423 423
											<ul>
424
												<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-lightning"></span>Connect</a></li>
425
												<li><a href="vm_details.html"><span class="snf-info_outline"></span>Details</a></li>
424
												<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
425
												<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
426 426
											</ul>
427 427
										</div>
428 428
									</div>
......
433 433
										<span class="snf-checkbox-unchecked"></span>
434 434
									</div>
435 435
									<div class="img-wrap">
436
										<span class="snf-PC_fill"></span>
436
										<span class="snf-pc-full"></span>
437 437
										<span class="os fedora">fedora</span>
438 438
									</div>
439 439
									<h4>vm name 1 really large name vm name vm 1 really large name vm</h4>
440 440
									<div class="actions">
441
										<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-lightning"></span></a>
442
										<a href="vm_details.html" title="view vm details" class="snf-info_outline"></a>
441
										<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a>
442
										<a href="vm_details.html" title="view vm details" class="snf-info-outline"></a>
443 443
									</div>
444 444
									<div class= "status">
445 445
									</div>
......
454 454
				<section class="top">
455 455
					<div class="lt">
456 456
						<div class="img-wrap">
457
							<span class="snf-PC_fill"></span>
457
							<span class="snf-pc-full"></span>
458 458
							<span class="os fedora">fedora</span>
459 459
						</div>	
460 460
					</div>
......
472 472
						</div>
473 473
						<div class="tabs">
474 474
							<ul>
475
								<li><a href="#info" class="active"><span class="snf-info_outline"></span></a></li>
476
								<li><a href="#disk-connected"><span class="snf-HDD-full"></span></a></li>
477
								<li><a href="#network-connected"><span class="snf-network_full font-icon"></span></a></li>
475
								<li><a href="#info" class="active"><span class="snf-info-outline"></span></a></li>
476
								<li><a href="#disk-connected"><span class="snf-volume-full"></span></a></li>
477
								<li><a href="#network-connected"><span class="snf-network-full snf-font"></span></a></li>
478 478
							</ul>
479 479
						</div>
480 480
					</div>
......
483 483
					<section class="info-block">
484 484
						<h2>info</h2>
485 485
						<dl>
486
							<dt><span class="font-icon"></span>Project</dt>
486
							<dt><span class="snf-font"></span>Project</dt>
487 487
							<dd>Basic Project</dd>
488
							<dt><span class="font-icon snf-PC_fill"></span>Name</dt>
488
							<dt><span class="snf-font snf-pc-full"></span>Name</dt>
489 489
							<dd>
490 490
								<div class="editable">
491 491
							        <span class="input-txt">My Opensuse Desktop Server 1</span>
492 492
							        <input type="text">
493 493
							        <span class="editbuttons">
494
										<a href="#" class="edit"><span class="snf-edit-1"></span></a>
494
										<a href="#" class="edit"><span class="snf-edit"></span></a>
495 495
										<a href="#" class="save"><span class="snf-ok-sign"></span></a>
496 496
										<a href="#" class="cancel"><span class="snf-cancel-circled"></span></a>
497 497
									</span>
498 498
							    </div>
499 499
							</dd>
500
							<dt><span class="snf-cpu font-icon"></span>CPUs</dt>
500
							<dt><span class="snf-chip-outline snf-font"></span>CPUs</dt>
501 501
							<dd>4</dd>
502
							<dt><span class="snf-ram-full font-icon"></span>RAM</dt>
502
							<dt><span class="snf-ram-full snf-font"></span>RAM</dt>
503 503
							<dd>512 MB</dd>
504
							<dt><span class="snf-HDD-full font-icon"></span>System Disk Size</dt>
504
							<dt><span class="snf-volume-full snf-font"></span>System Disk Size</dt>
505 505
							<dd>4GB</dd>
506
							<dt><span class="snf-HDD-full font-icon"></span>Storage Type</dt>
506
							<dt><span class="snf-volume-full snf-font"></span>Storage Type</dt>
507 507
							<dd>Archipelago</dd>
508
							<dt><span class="snf-images font-icon"></span>Image Name</dt>
508
							<dt><span class="snf-image-outline snf-font"></span>Image Name</dt>
509 509
							<dd>Fedora</dd>
510
							<dt><span class="snf-images font-icon"></span>Image Size</dt>
510
							<dt><span class="snf-image-outline snf-font"></span>Image Size</dt>
511 511
							<dd>3.68 GB</dd>
512
							<dt><span class="snf-nic-full font-icon"></span>IPv4</dt>
512
							<dt><span class="snf-nic-full snf-font"></span>IPv4</dt>
513 513
							<dd>83.212.96.152</dd>
514
							<dt><span class="snf-nic-full font-icon"></span>IPv4</dt>
514
							<dt><span class="snf-nic-full snf-font"></span>IPv4</dt>
515 515
							<dd>83.212.96.153</dd>
516
							<dt><span class="snf-nic-full font-icon"></span>IPv6</dt>
516
							<dt><span class="snf-nic-full snf-font"></span>IPv6</dt>
517 517
							<dd>2001:648:2ffc:1112:a80c:eaff:fec2:8cd9</dd>
518 518
						</dl>
519 519
					</section>
......
579 579
					<section class="item running">
580 580
						<div class="what">
581 581
							<div class="img-wrap">
582
								<span class="snf-network_full font-icon"></span>
582
								<span class="snf-network-full snf-font"></span>
583 583
							</div>
584 584
							<h4>Public Network</h4>
585 585
						</div>
......
640 640
					<section class="item error">
641 641
						<div class="what">
642 642
							<div class="img-wrap">
643
								<span class="snf-network_full font-icon"></span>
643
								<span class="snf-network-full snf-font"></span>
644 644
							</div>
645 645
							<h4>My Awesome Network<span class="status">Error</span></h4>
646 646
						</div>
......
689 689
					<section class="item running">
690 690
						<div class="what">
691 691
							<div class="img-wrap">
692
								<span class="snf-network_full font-icon"></span>
692
								<span class="snf-network-full snf-font"></span>
693 693
							</div>
694 694
							<h4>My Private Network</h4>
695 695
						</div>
......
714 714
					<section class="connect-new network">
715 715
						<div class="img-wrap">
716 716
							<a href="" data-reveal-id="connect-to-network">
717
								<span class="snf-network_full font-icon"></span>
717
								<span class="snf-network-full snf-font"></span>
718 718
							</a>
719 719
						</div>
720 720
						<p><a href="" data-reveal-id="connect-to-network">Connect to Network</a></p>
......
724 724
					<section class="item running">
725 725
						<div class="what">
726 726
							<div class="img-wrap">
727
								<span class="snf-HDD-full font-icon"></span>
727
								<span class="snf-volume-full snf-font"></span>
728 728
							</div>
729 729
							<h4>Volume Name</h4>
730 730
						</div>
......
752 752
					<section class="item error">
753 753
						<div class="what">
754 754
							<div class="img-wrap">
755
								<span class="snf-HDD-full font-icon"></span>
755
								<span class="snf-volume-full snf-font"></span>
756 756
							</div>
757 757
							<h4>Another Volume<span class="status">Error</span></h4>
758 758
						</div>
......
781 781
					<section class="connect-new disk">
782 782
						<div class="img-wrap">
783 783
							<a href="" data-reveal-id="attach-volume">
784
								<span class="snf-HDD-full font-icon"></span>
784
								<span class="snf-volume-full snf-font"></span>
785 785
							</a>
786 786
						</div>
787 787
						<p><a href="" data-reveal-id="attach-volume">Attach Volume</a></p>

Also available in: Unified diff