xcpweb

view interface/templates/cloud_pool.html.backup @ 8:dff069dff4b7

Many new things + some screenshot :)
author Nikola Nikov <nikolanikov@webconnect.bg>
date Tue Jul 13 01:15:04 2010 +0300 (2010-07-13)
parents
children
line source
1 <div class="vm_list_box">
3 <div class="label"><img src="img/minus_big.png" style="position:relative;padding-left:3px;padding-right:3px;top:-3px;cursor:pointer;" /> Virtual Machines List</div>
5 <hr class="line">
7 <div style="clear:both;">
8 <table class="pool_server" >
9 <tr id="server_1" class="pool_server_tr">
10 <td class="img" ><img src="img/server.png" /></td>
11 <td class="server_name">server_name</td>
12 <td class="server_description"> Some description for the server. </td>
13 <td class="memory_usage"><div class="memory_usage_text">Memory Usage : </div><div id="Bar"><div style="float: left; height: 10px; padding: 0; background-image: url(img/bar.png); width: 50px;" /></div></div><div class="memory_usage_text"> 5192M / 10280M</div></td>
14 <td class="cpu_usage"><div class="memory_usage_text">CPU Usage : </div><div id="Bar"><div style="float: left; height: 10px; padding: 0; background-image: url(img/bar.png); width: 30px;" /></div></div><div class="memory_usage_text"> 30%</div></td>
15 </tr>
16 <tr id="server_1_vms">
17 <td colspan="5">
18 <table width="100%">
19 <tr class="vm_row">
20 <td class="vm_row_status" ><img src="img/running.png" style="position:relative;padding-left:3px;padding-right:3px;" /></td>
21 <td class="vm_row_name" >xcpweb-server</td>
22 <td class="vm_row_description" >DDK virtual machine</td>
23 <td class="vm_row_memory" ><div class="memory_usage_text">Memory Usage : </div><div id="Bar"><div style="float: left; height: 10px; padding: 0; background-image: url(img/bar.png); width: 10px;" /></div></div><div class="memory_usage_text"> 512M / 10280M</div></td>
24 <td class="vm_row_cpus cpus_count" >CPU Count: 1</td>
25 <td class="vm_row_cpus cpus_weight" >Weight: 256</td>
26 <td class="vm_row_cpus cpus_cap" >Cap: 95</td>
27 </tr>
28 <tr class="vm_row">
29 <td class="vm_row_status" ><img src="img/stopped.png" style="position:relative;padding-left:3px;padding-right:3px;" /></td>
30 <td class="vm_row_name" >testvm</td>
31 <td class="vm_row_description" >Debian Lenny Server</td>
32 <td class="vm_row_memory" ><div class="memory_usage_text">Memory Usage : </div><div id="Bar"><div style="float: left; height: 10px; padding: 0; background-image: url(img/bar.png); width: 10px;" /></div></div><div class="memory_usage_text"> 512M / 10280M</div></td>
33 <td class="vm_row_cpus cpus_count" >CPU Count: 1</td>
34 <td class="vm_row_cpus cpus_weight" >Weight: 256</td>
35 <td class="vm_row_cpus cpus_cap" >Cap: 95</td>
36 </tr>
37 <tr class="vm_row">
38 <td class="vm_row_status" ><img src="img/running.png" style="position:relative;padding-left:3px;padding-right:3px;" /></td>
39 <td class="vm_row_name" >centos</td>
40 <td class="vm_row_description" >CentOS 5.4 Virtual Machine</td>
41 <td class="vm_row_memory" ><div class="memory_usage_text">Memory Usage : </div><div id="Bar"><div style="float: left; height: 10px; padding: 0; background-image: url(img/bar.png); width: 20px;" /></div></div><div class="memory_usage_text"> 1024M / 10280M</div></td>
42 <td class="vm_row_cpus cpus_count" >CPU Count: 1</td>
43 <td class="vm_row_cpus cpus_weight" >Weight: 256</td>
44 <td class="vm_row_cpus cpus_cap" >Cap: 95</td>
45 </tr>
46 </table>
47 </td>
48 </tr>
50 <tr id="server_2" class="pool_server_tr">
51 <td class="img" ><img src="img/server.png" /></td>
52 <td class="server_name">other_server</td>
53 <td class="server_description"> Some description for the server. </td>
54 <td class="memory_usage"><div class="memory_usage_text">Memory Usage : </div><div id="Bar"><div style="float: left; height: 10px; padding: 0; background-image: url(img/bar.png); width: 80px;" /></div></div><div class="memory_usage_text"> 8192M / 10280M</div></td>
55 <td class="cpu_usage"><div class="memory_usage_text">CPU Usage : </div><div id="Bar"><div style="float: left; height: 10px; padding: 0; background-image: url(img/bar.png); width: 10px;" /></div></div><div class="memory_usage_text"> 10%</div></td>
56 </tr>
57 <tr id="server_2_vms">
58 <td colspan="5">
59 <table width="100%">
60 <tr class="vm_row" onClick="cp_submenus.vm('current_prv',event);">
61 <td class="vm_row_status" ><img src="img/running.png" style="position:relative;padding-left:3px;padding-right:3px;" /></td>
62 <td class="vm_row_name" >backup-server</td>
63 <td class="vm_row_description" >DDK virtual machine</td>
64 <td class="vm_row_memory" ><div class="memory_usage_text">Memory Usage : </div><div id="Bar"><div style="float: left; height: 10px; padding: 0; background-image: url(img/bar.png); width: 10px;" /></div></div><div class="memory_usage_text"> 512M / 10280M</div></td>
65 <td class="vm_row_cpus cpus_count" >CPU Count: 1</td>
66 <td class="vm_row_cpus cpus_weight" >Weight: 256</td>
67 <td class="vm_row_cpus cpus_cap" >Cap: 95</td>
68 </tr>
69 <tr class="vm_row">
70 <td class="vm_row_status" ><img src="img/stopped.png" style="position:relative;padding-left:3px;padding-right:3px;" /></td>
71 <td class="vm_row_name" >testvm2</td>
72 <td class="vm_row_description" >Debian Lenny Backup Server</td>
73 <td class="vm_row_memory" ><div class="memory_usage_text">Memory Usage : </div><div id="Bar"><div style="float: left; height: 10px; padding: 0; background-image: url(img/bar.png); width: 10px;" /></div></div><div class="memory_usage_text"> 512M / 10280M</div></td>
74 <td class="vm_row_cpus cpus_count" >CPU Count: 1</td>
75 <td class="vm_row_cpus cpus_weight" >Weight: 256</td>
76 <td class="vm_row_cpus cpus_cap" >Cap: 95</td>
77 </tr>
79 </table>
80 </td>
81 </tr>
83 </table>
85 </div>
87 </div>