wakame-vdc-webui 10.11.0

data/app/views/host_pools/index.html.erb

@@ -0,0 +1,103 @@
+<% content_for :javascript do %>
+<%= javascript_include_tag 'dcmgr_gui/host_pool_panel.js' %>
+<script type="text/javascript">
+jQuery(function($){
+	dcmgrGUI.hostPoolPanel();
+});
+</script>
+<% end %>
+<div id="mainarea_wide">
+	<h3><img src="images/icon_resource.gif" />Host Pools<a href="javascript:void(0);" class="showhide"></a></h3>
+ <div id="list_load_mask" class="maincontent">
+		<div class="controller clearfix">
+    	<a href="javascript:void(0);" class="refresh" style="margin-left:589px">Refresh</a>
+  	</div>
+		<div class="controller clearfix">
+         <div id="pagenate" class="r_float">
+			  	<a href="javascript:void(0);" class="prev"></a>
+			  	<p id="viewPagenate">Instances</p>
+			  	<a href="javascript:void(0);" class="next"></a>
+         </div>
+		</div>
+		<div id="display_host_pools" class="display_area">
+			<% content_for :javascript_template do %>
+			<script id="hostPoolsListTemplate" type="text/x-jquery-tmpl">
+			 <table class="ptn01" frame="void" cellpadding="0" cellspacing="0" border="0">
+			   <tr>
+			     <th></th>
+			     <th>Host Pool ID</th>
+			     <th>Node ID</th>
+				   <th>Hyper Visor</th>
+		 	     <th>CPU Cores</th>
+					 <th>Memory Size</th>
+					 <th>State</th>
+			   </tr>
+			   {{each(index,item) rows}}
+			   <tr>
+					{{if item.uuid }}
+						<td class="center listcheckbox"><input type="checkbox" value="${item.uuid}" > </td>
+					{{else}}
+						<td class="listcheckbox"></td>
+					{{/if}}
+					<td class="vtip" title="node_id">${item.uuid}</td>
+					<td class="vtip" title="node_id">${item.node_id}</td>
+					<td class="vitp center" title="hypervisor">${item.hypervisor}</td>
+					<td class="vtip center" title="offering_cpu_cores">${item.offering_cpu_cores}</td>
+					<td class="vtip center" title="offering_memory_size">${item.offering_memory_size}</td>
+					<td class="vtip center state" title="status">${item.status}</td>
+				</tr>
+			   {{/each}}
+			   </table>
+			</script>
+			<% end %>
+		</div>
+	</div>
+	<div id="btm_maincontent_wide"></div>
+	<h3><img src="images/icon_ttl_detail.gif" />Details<a href="javascript:void(0);" class="showhide"></a></h3>
+	<div id="detail" class="maincontent">
+		<% content_for :javascript_template do %>
+		<script id="hostPoolsDetailTemplate" type="text/x-jquery-tmpl">
+		<div id="${item.id}" class="display_area">
+			<h4 class="ptn01">Host Pool:<span class="instansid">${item.id}</span></h4>
+			<table class="ptn02" frame="void" cellpadding="0" cellspacing="0" border="0">
+				<tr>
+					<td class="padcell"></td>
+					<td class="title">Host Pool ID:</td>
+					<td>${item.uuid}</td>
+					<td class="padcell"></td>
+					<td class="title">Hyper Visor:</td>
+					<td>${item.hypervisor}</td>
+				</tr>
+				<tr>
+					<td class="padcell"></td>
+					<td class="title">Cpu Cores:</td>
+					<td>${item.offering_cpu_cores}</td>
+					<td class="padcell"></td>
+					<td class="title">Memory Size:</td>
+					<td>${item.offering_memory_size}</td>
+				</tr>
+				<tr>
+					<td class="padcell"></td>
+					<td class="title">Node ID:</td>
+					<td>${item.node_id}</td>
+					<td class="padcell"></td>
+					<td class="title">Status:</td>
+					<td class="state">${item.status}</td>
+				</tr>
+				<tr>
+					<td class="padcell"></td>
+					<td class="title">Created At:</td>
+					<td colspan="7">${item.created_at}</td>
+				</tr>
+				<tr>
+					<td class="padcell"></td>
+					<td class="title">Update At:</td>
+					<td colspan="7">${item.updated_at}</td>
+				</tr>
+			</table>
+		</div>
+		</script>
+		<% end %>
+	</div><!-- maincontent -->
+	<div id="btm_maincontent_wide_last"></div>
+</div><!-- mainarea_wide -->

data/app/views/images/index.html.erb

@@ -0,0 +1,126 @@
+<% content_for :javascript do %>
+<%= javascript_include_tag 'dcmgr_gui/image_panel.js' %>
+<script type="text/javascript">
+jQuery(function($){
+	dcmgrGUI.imagePanel();
+});
+</script>
+<% end %>
+
+<% content_for :stylesheet do %>
+<style type="text/css">
+	.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { text-align:center; float: none;}
+	.ui-dialog .ui-dialog-content {margin:5px;}
+</style>
+<% end %>
+
+<div id="mainarea_wide">
+	<h3><img src="images/icon_resource.gif" />Machine Images<a href="javascript:void(0);" class="showhide"></a></h3>
+ <div id="list_load_mask" class="maincontent">
+		<div class="controller clearfix">
+		  <a href="javascript:void(0);" class="launch_instance">Launch Instance</a>
+			<!-- <a href="javascript:void(0);" class="register_new_ami">Register New AMI</a> -->
+			<!-- <a href="javascript:void(0);" class="de_register">De-register</a> -->
+			<a href="javascript:void(0);" class="refresh" style="margin-left:470px">Refresh</a>
+		</div>
+		<div class="controller clearfix">
+			<!-- <div class="l_float">
+							<span class="text">Viewing:</span>
+							<select class="select">
+								<option>Owned By Me</option>
+							</select>
+							<select class="type">
+								<option>All Platforms</option>
+							</select>
+							<input type="text" class="search" />
+						</div> -->
+     <div id="pagenate" class="r_float">
+			  <a href="javascript:void(0);" class="prev"></a>
+			  <p id="viewPagenate">WMIs</p>
+			  <a href="javascript:void(0);" class="next"></a>
+     </div>
+		</div>
+		<div id="display_images" class="display_area">
+			<% content_for :javascript_template do %>
+			<script id="imagesListTemplate" type="text/x-jquery-tmpl">
+			<table class="ptn01" frame="void" cellpadding="0" cellspacing="0" border="0">
+				<tr>
+					<th></th>
+					<th>WMI ID</th>
+					<th>Source</th>
+					<th>Owner</th>
+					<th>State</th>
+				</tr>
+			   {{each(index,item) rows}}
+			   <tr>
+			    {{if item.uuid }}
+						<td class="listradiobutton"><input id="${item.uuid}" type="radio" name="select" value="${item.uuid}" ></td>
+					{{else}}
+						<td class="listradiobutton"></td>
+					{{/if}}
+					<td class="vtip" title="title">${item.uuid}</td>
+					<td class="vtip" title="source" style="width:300px">
+					{{each(index,source) item.source}}
+						${source.uri}
+					{{/each}}
+					</td>
+					<td class="vtip" title="owner">${item.account_id}</td>
+					<td class="vtip center" title="state">${item.state}</td>
+				</tr>
+				{{/each}}
+			</table>
+			</script>
+			<% end %>
+		</div>
+	</div>
+	<div id="btm_maincontent_wide"></div>
+	<h3><img src="images/icon_ttl_detail.gif" />Details<a href="javascript:void(0);" class="showhide"></a></h3>
+ 		<div id="detail" class="maincontent">
+			<% content_for :javascript_template do %>
+			<script id="imagesDetailTemplate" type="text/x-jquery-tmpl">
+			<div id="${item.wmi_id}" class="display_area">
+				<h4 class="ptn01">WMI ID:<span class="instansid">${item.uuid}</span></h4>
+				<table class="ptn06" frame="void" cellpadding="0" cellspacing="0" border="0">
+					<tr>
+						<td class="padcell"></td>
+						<td class="title">WMI ID:</td>
+						<td colspan="7">${item.uuid}</td>
+					</tr>
+					<tr>
+						<td class="padcell"></td>
+						<td class="title">Description:</td>
+						<td colspan="7">${item.description}</td>
+					</tr>
+					<tr>
+						<td class="padcell"></td>
+						<td class="title">Source:</td>
+						<td colspan="7">${item.source.uri}</td>
+					</tr>
+					<tr>
+						<td class="padcell"></td>
+						<td class="title">Owner:</td>
+						<td>${item.account_id}</td>
+						<td class="padcell"></td>
+						<td class="title">Arch:</td>
+						<td>${item.arch}</td>
+						<td class="padcell"></td>
+						<td class="title">Status:</td>
+						<td>${item.state}</td>
+					</tr>
+					<tr>
+						<td class="padcell"></td>
+						<td class="title">Created At:</td>
+						<td colspan="7">${item.created_at}</td>
+					</tr>
+					<tr>
+						<td class="padcell"></td>
+						<td class="title">Updated At:</td>
+						<td colspan="7">${item.updated_at}</td>
+					</tr>
+				</table>
+			</div>
+			</script>
+			<% end %>
+	</div><!-- maincontent -->
+	<div id="btm_maincontent_wide_last"></div>
+</div><!-- mainarea_wide -->

data/app/views/information/index.html.erb

@@ -0,0 +1,25 @@
+<div id="mainarea_wide">
+	<h3><img src="images/icon_resource.gif" />Service Status<a href="#" class="showhide"></a></h3>
+		<div class="maincontent">
+		
+		<div class="display_area">
+			<table class="ptn03" frame="void" cellpadding="0" cellspacing="0" border="0">
+				<tr>
+					<th></th>
+					<th>Current Status</th>
+					<th>Details</th>
+					<th class="rss">RSS</th>
+				</tr>
+				<% 20.times do %>
+				<tr>
+					<td class="icon"><img src="images/icon_health.gif" width="20" height="20" /></td>
+					<td class="status">Wakame Cloud</td>
+					<td>Service is operating normally.</td>
+					<td class="rss"><a href="#"><img src="images/icon_rss.gif" width="20" height="20" /></a></td>
+				</tr>
+				<% end %>
+			</table>
+		</div>
+	</div><!-- maincontent -->
+	<div id="btm_maincontent_wide_last"></div>
+</div><!-- mainarea_wide -->

data/app/views/instances/index.html.erb

@@ -0,0 +1,134 @@
+<% content_for :javascript do %>
+<%= javascript_include_tag 'dcmgr_gui/instance_panel.js' %>
+<script type="text/javascript">
+jQuery(function($){
+	dcmgrGUI.instancePanel();
+});
+</script>
+<% end %>
+<div id="mainarea_wide">
+	<h3><img src="images/icon_resource.gif" />Instances<a href="javascript:void(0);" class="showhide"></a></h3>
+ <div id="list_load_mask" class="maincontent">
+		<div class="controller clearfix">
+		  <div id="instanceaction">Instance Actions</div>
+      <ul id="actionlist">
+        <li id="actionparent">Instance Actions</li>
+				<ul id="instanceaction">
+					<li class="terminate_instances"><a href="javascript:void(0);">Terminate</a></li>
+					<li class="reboot_instances" ><a href="javascript:void(0);">Reboot</a></li>
+					<!-- <li class="stop_instances"><a href="javascript:void(0);">Stop</a></li> -->
+					<!-- <li class="start_instances"><a href="javascript:void(0);">Start</a></li> -->
+				</ul>
+		  </ul>
+			<a href="javascript:void(0);" class="refresh" style="margin-left:456px">Refresh</a>
+		</div>
+		<div class="controller clearfix">
+			<!-- <div class="l_float">
+							<span class="text">Viewing:</span>
+							<select class="select">
+								<option>All Instances</option>
+								<option>Running Instances</option>
+								<option>Stopped Instances</option>
+								<option>Tarminated Instances</option>
+							</select>
+							<select class="type">
+								<option>All Instance Types</option>
+								<option>Standard Instances</option>
+								<option>High Memory Instance</option>
+								<option>High CPU Instances</option>
+							</select>
+							<input type="text" class="search" />
+						</div> -->
+         <div id="pagenate" class="r_float">
+			  	<a href="javascript:void(0);" class="prev"></a>
+			  	<p id="viewPagenate">Instances</p>
+			  	<a href="javascript:void(0);" class="next"></a>
+         </div>
+		</div>
+		<div id="display_instances" class="display_area">
+			<% content_for :javascript_template do %>
+			<script id="instancesListTemplate" type="text/x-jquery-tmpl">
+			 <table class="ptn01" frame="void" cellpadding="0" cellspacing="0" border="0">
+			   <tr>
+			     <th></th>
+			     <th>Instance ID</th>
+			     <th>WMI ID</th>
+				   <th>CPU Cores</th>
+		 	     <th>Memory Size</th>
+					 <th>IP</th>
+					 <th>State</th>
+			   </tr>
+			   {{each(index,item) rows}}
+			   <tr>
+					{{if item.id }}
+						<td class="center listcheckbox"><input type="checkbox" value="${item.id}" > </td>
+					{{else}}
+						<td class="listcheckbox"></td>
+					{{/if}}
+					<td class="instance_id" title="${item.id}">${item.id}</td>
+					<td class="wmi_id" title="">${item.image_id}</td>
+					<td class="vtip center" title="${item.cpu_cores}">${item.cpu_cores}</td>
+					<td class="vtip center" title="${item.memory_size}">${item.memory_size}</td>
+					<td class="vtip center" title="ip" style="width:60px">{{each(index,network) item.network}}${network.ipaddr}{{/each}}</td>
+					<td class="vtip center state" title="${item.state}">${item.state}</td>
+				</tr>
+			   {{/each}}
+			   </table>
+			</script>
+			<% end %>
+		</div>
+	</div>
+	<div id="btm_maincontent_wide"></div>
+	<h3><img src="images/icon_ttl_detail.gif" />Details<a href="javascript:void(0);" class="showhide"></a></h3>
+	<div id="detail" class="maincontent">
+		<% content_for :javascript_template do %>
+		<script id="instancesDetailTemplate" type="text/x-jquery-tmpl">
+		<div id="${item.id}" class="display_area">
+			<h4 class="ptn01">Instance:<span class="instansid">${item.id}</span></h4>
+			<table class="ptn02" frame="void" cellpadding="0" cellspacing="0" border="0">
+				<tr>
+					<td class="padcell"></td>
+					<td class="title">Instance ID:</td>
+					<td>${item.id}</td>
+					<td class="padcell"></td>
+					<td class="title">Wmi ID:</td>
+					<td>${item.image_id}</td>
+				</tr>
+				<tr>
+					<td class="padcell"></td>
+					<td class="title">Cpu Cores:</td>
+					<td>${item.cpu_cores}</td>
+					<td class="padcell"></td>
+					<td class="title">Memory Size:</td>
+					<td>${item.memory_size}</td>
+				</tr>
+				<tr>
+					<td class="padcell"></td>
+					<td class="title">Status:</td>
+					<td class="state">${item.state}</td>
+					<td class="padcell"></td>
+					<td class="title">IP:</td>
+					<td>{{each(index,global_network) item.network}}${global_network.ipaddr}{{/each}}</td>
+				</tr>
+				<tr>
+					<td class="padcell"></td>
+					<td class="title">SSH Key Pair:</td>
+					<td colspan="7">${item.ssh_key_pair}</td>
+				</tr>
+				<tr>
+					<td class="padcell"></td>
+					<td class="title">Created At:</td>
+					<td colspan="7">${item.created_at}</td>
+				</tr>
+				<tr>
+					<td class="padcell"></td>
+					<td class="title">Security Groups:</td>
+					<td>{{each(index,nf) item.netfilter_group}}${nf}<br />{{/each}}</td>
+				</tr>
+			</table>
+		</div>
+		</script>
+		<% end %>
+	</div><!-- maincontent -->
+	<div id="btm_maincontent_wide_last"></div>
+</div><!-- mainarea_wide -->

data/app/views/keypairs/index.html.erb

@@ -0,0 +1,104 @@
+<% content_for :javascript do %>
+<%= javascript_include_tag 'dcmgr_gui/sshkeypair_panel.js' %>
+<script type="text/javascript">
+jQuery(function($){
+	dcmgrGUI.sshKeyPairPanel();
+});
+</script>
+
+<% end %>
+<% content_for :stylesheet do %>
+<style type="text/css">
+	.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { text-align:center; float: none;}
+	.ui-dialog .ui-dialog-content {margin:5px;}
+</style>
+<% end %>
+<div id="mainarea_wide">
+	<h3><img src="images/icon_resource.gif" />Key Pairs<a href="#" class="showhide"></a></h3>
+	<div id="list_load_mask" class="maincontent">
+		<div class="controller clearfix">
+		  <a href="javascript:void(0);" class="create_ssh_keypair">Create Key Pair</a>
+		  <a href="javascript:void(0);" class="delete_ssh_keypair">Delete</a>
+		  <a href="javascript:void(0);" class="refresh">Refresh</a>
+		</div>
+		<div class="controller clearfix">
+			<!-- <div class="l_float">
+							<span class="text">Viewing:</span>
+							<select class="select">
+								<option>All SSH Key Pairs</option>
+							</select>
+							<input type="text" class="search" />
+						</div> -->
+      <div id="pagenate" class="r_float">
+			  <a href="javascript:void(0);" class="prev"></a>
+			  <p id="viewPagenate">Items</p>
+			  <a href="javascript:void(0);" class="next"></a>
+      </div>
+		</div>
+		<div id="display_ssh_keypairs" class="display_area">
+			<% content_for :javascript_template do %>
+			<script id="sshKeyPairsListTemplate" type="text/x-jquery-tmpl">
+			<table class="ptn04" frame="void" cellpadding="0" cellspacing="0" border="0">
+				<tr>
+					<th class="icon"></th>
+					<th>Access Key ID</th>
+					<th class="show_key">Secret Access Key</th>
+				</tr>
+				{{each(index,item) rows}}
+				<tr>
+		    {{if item.uuid }}
+					<td class="listradiobutton"><input id="${item.id}" type="radio" name="select" value="${item.id}" ></td>
+				{{else}}
+					<td class="listradiobutton"></td>
+				{{/if}}
+					<td>${item.name}</td>
+					<td>
+					{{if item.uuid }}
+						{{if item.private_key}}
+							<a id="button_${item.uuid}" href="javascript:void(0);" class="show_key">Show Secret Access Key</a>
+						{{else}}
+							<a href="javascript:void(0);" class="show_key">Show Secret Access Key</a>
+						{{/if}}
+					{{/if}}
+					</td>
+				</tr>
+				{{/each}}
+			</table>
+			</script>
+			<% end %>
+		</div>
+	</div>
+	<div id="btm_maincontent_wide"></div>
+	<h3><img src="images/icon_ttl_detail.gif" />Detail<a href="javascript:void(0);" class="showhide"></a></h3>
+ 		<div id="detail" class="maincontent">
+ 			<% content_for :javascript_template do %>
+			<script id="sshKeypairsDetailTemplate" type="text/x-jquery-tmpl">
+			<div class="display_area">
+				<table class="ptn08" frame="void" cellpadding="0" cellspacing="0" border="0">
+					<tr>
+						<td class="padcell"></td>
+						<td class="title">Name:</td>
+						<td colspan="7">${item.name}</td>
+					</tr>
+					<tr>
+						<td class="padcell"></td>
+						<td class="title">Fingerprint:</td>
+						<td colspan="7"></td>
+					</tr>
+					<tr>
+						<td class="padcell"></td>
+						<td class="title">Created:</td>
+						<td colspan="7">${item.created_at}</td>
+					</tr>
+					<tr>
+						<td class="padcell"></td>
+						<td class="title">Updated:</td>
+						<td colspan="7">${item.updated_at}</td>
+					</tr>
+				</table>
+			</div>
+			</script>
+			<% end %>
+ 		</div><!-- maincontent -->
+	<div id="btm_maincontent_wide_last"></div>
+</div>