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