Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / new_ui / ui / javascripts / templates / details / info.hbs @ e4a6c3b8

History | View | Annotate | Download (3.4 kB)

1 
{{#details-content id="info" class="info-simple"}}
2 
	<section class="info-block">
3 
		<h2>info</h2>
4 
		<dl>
5 
			<dt><span class="snf-font snf-pc-full"></span>Name</dt>
6 
			<dd>
7 
				<div class="editable">
8 
			        <span class="input-txt">My Opensuse Desktop Server 1</span>
9 
			        <input type="text">
10 
			        <span class="editbuttons">
11 
						<a href="#" class="edit"><span class="snf-edit"></span></a>
12 
						<a href="#" class="save"><span class="snf-ok-sign"></span></a>
13 
						<a href="#" class="cancel"><span class="snf-cancel-circled"></span></a>
14 
					</span>
15 
			    </div>
16 
			</dd>
17 
			<dt><span class="snf-font snf-dashboard-outline"></span>Assigned Project</dt>
18 
			<dd>Basic Project</dd>
19 
			<dt><span class="snf-chip-outline snf-font"></span>CPUs</dt>
20 
			<dd>4</dd>
21 
			<dt><span class="snf-ram-full snf-font"></span>RAM</dt>
22 
			<dd>512 MB</dd>
23 
			<dt><span class="snf-volume-full snf-font"></span>System Disk Size</dt>
24 
			<dd>4GB</dd>
25 
			<dt><span class="snf-volume-full snf-font"></span>Storage Type</dt>
26 
			<dd>Archipelago</dd>
27 
			<dt><span class="snf-image-full snf-font"></span>Image Name</dt>
28 
			<dd>Fedora</dd>
29 
			<dt><span class="snf-image-full snf-font"></span>Image Size</dt>
30 
			<dd>3.68 GB</dd>
31 
			<dt><span class="snf-nic-full snf-font"></span>IPv4</dt>
32 
			<dd>83.212.96.152</dd>
33 
			<dt><span class="snf-nic-full snf-font"></span>IPv4</dt>
34 
			<dd>83.212.96.153</dd>
35 
			<dt><span class="snf-nic-full snf-font"></span>IPv6</dt>
36 
			<dd>2001:648:2ffc:1112:a80c:eaff:fec2:8cd9</dd>
37 
		</dl>
38 
	</section>
39 
	<section class="info-block tags">
40 
		<h2>tags</h2>
41 
		<div class="tag-data">
42 
			<a href="" class="tag tag1 has-tip" data-tooltip="" title="Tooltip1">&nbsp;</a>
43 
			<span>Tag Name</span>
44 
			<a class="delete"><span class="snf-trash-outline"></span></a>
45 
		</div>
46 
		<div class="tag-data">
47 
			<a href="" class="tag tag2 has-tip" data-tooltip="" title="Tooltip1">&nbsp;</a>
48 
			<span>Tag Name</span>
49 
			<a class="delete"><span class="snf-trash-outline"></span></a>
50 
		</div>
51 
		<div class="tag-data">
52 
			<a href="" class="tag tag3 has-tip" data-tooltip="" title="Tooltip1">&nbsp;</a>
53 
			<span>Tag Name</span>
54 
			<a class="delete"><span class="snf-trash-outline"></span></a>
55 
		</div>
56 
		<div class="buttons">
57 
			<a href="" class="btn1 show-add-tag wrap-a" id="show-add-tag">add new tag</a>
58 
		</div>
59 
		<div class="snf-color-picker">
60 
		<h3>Select color:</h3>
61 
			<form action="#" method="post">
62 
				<div id="picker-2">
63 
					<div class="farbtastic">
64 
						<div class="color" style="background-color: rgb(255, 0, 21);"></div>
65 
						<div class="wheel"></div>
66 
						<div class="overlay"></div>
67 
						<div class="h-marker marker" style="left: 90px; top: 13px;"></div>
68 
						<div class="sl-marker marker" style="left: 87px; top: 114px;"></div>
69 
					</div>
70 
				</div>
71 
				<div class="form-item">
72 
					<input type="text" id="color-2" class="color-preview "name="color" value="#16C1E9" disabled>
73 
					<span class="input"><input class="tag_name" type="text" placeholder="My Tag"></span>
74 
				</div>
75 
			</form>
76 
			<div class="btns">
77 
				<a class="btn1 wrap-a" href="">OK</a>
78 
				<a class="btn1 hide-add-tag wrap-a" href="">CANCEL</a>
79 
			</div>
80 
		</div>
81 
	</section>
82 
	<section class="info-block charts">
83 
		<div>
84 
			<h2>CPU utilization</h2>
85 
			<div class="graph_container">
86 
				<img src="images/cpu-ts.png" alt="CPU utilization graph">
87 
			</div>
88 
		</div>
89 
		<div>
90 
			<h2>Network utilization</h2>
91 
			<div class="graph_container">
92 
				<img src="images/net-ts.png" alt="network utilization graph">
93 
			</div>
94 
		</div>
95 
	</section>
96 
{{/details-content}}