wakame-vdc-webui 10.11.0

data/app/views/layouts/_footer.html.erb

@@ -0,0 +1,4 @@
+<div id="content_footer"></div>
+<div id="footer">
+	<p class="copyright">Copyright &copy; 2010 The Wakame Software Foundation, Licensed under the Apache License, Version 2.0.&nbsp;-&nbsp;Designed by <a href="http://www.thedesignium.com/" target="_blank">The Designium</a> and some free icon creators.</p>
+</div>

data/app/views/layouts/_header.html.erb

@@ -0,0 +1,14 @@
+<div id="header">
+	<h1><a href="/">Wakame Inexhaustible Supply of Cloud Fuel.</a></h1>
+	<ul id="tab">
+		<li class="infra-act"><h2><a href="#">Infrastructure</a></h2></li>
+		<li class="plat-pas"><h2>Platform</h2></li>
+		<li class="app-pas"><h2>Application</h2></li>
+	</ul>
+	<p><span class="greeting">Welcome,
+	<%= @current_user.login_id %></span>|
+		<!-- <a href="#">Help</a><span class="spacer">|</span> -->
+		<!-- <a href="#">Settings</a><span class="spacer">|</span> -->
+		<%= link_to 'Sign Out','/logout'%></p>
+</div>
+<div id="content_header"></div>

data/app/views/layouts/_informationarea.html.erb

@@ -0,0 +1,18 @@
+<div id="informationarea">
+	<div class="title clearfix">
+		<h3>Information</h3>
+		<%= link_to image_tag('icon_rss.gif',:width=> 20, :height => 20),:action => 'rss',:controller => 'information' %>
+	</div>
+	<ul>
+		<% @informations.each do |info| %>
+		<li>
+			<h4 class="date"><%= info.created_at.strftime("%Y-%m-%d")
+			 %></h4>
+			<h2><%= info.title %></h2>
+			<p>
+			<%= nl2br(info.description) %>
+			</p>
+		</li>
+		<% end %>
+	</ul>
+</div>

data/app/views/layouts/_login_header.erb

@@ -0,0 +1,4 @@
+<div id="header">
+	<h1><a href="#">Wakame Inexhaustible Supply of Cloud Fuel.</a></h1>
+</div>
+<div id="content_header"></div>

data/app/views/layouts/_service_health.erb

@@ -0,0 +1,27 @@
+<h3><img src="images/icon_service.gif" />Service Health</h3>
+<div class="maincontent">
+	<ul class="health">
+		<li class="clearfix">
+			<div class="eachservice">
+				<h4><img src="images/icon_health.gif" width="20" height="20" />Wakame-vdc (US East - N. Virginia)</h4>
+				<p>Details: Service is operating normally</p>
+			</div>
+			<a href="#" class="health_detail">health details</a>
+		</li>
+		<li class="clearfix">
+			<div class="eachservice">
+				<h4><img src="images/icon_caution.gif" width="20" height="20" />Wakame-vdc (US East - N. Virginia)</h4>
+				<p>Details: <span class="text_orange">Performance issues - hogehoge</span></p>
+			</div>
+			<a href="#" class="health_detail">health details</a>
+		</li>
+		<li class="clearfix">
+			<div class="eachservice">
+				<h4><img src="images/icon_stop.gif" width="20" height="20" />Wakame-vdc (US East - N. Virginia)</h4>
+				<p>Details: <span class="text_red">Service disruption - foobar</span></p>
+			</div>
+			<a href="#" class="health_detail">health details</a>
+		</li>
+	</ul>
+</div>
+<div class="btm_maincontent mbt0"></div>

data/app/views/layouts/_sidemenu.html.erb

@@ -0,0 +1,58 @@
+<div id="sidemenu">
+	<div id="account" style="padding:5px">
+			<%= form_for :accounts,:url => accounts_switch_path,:remote => true do |f| %>
+				Change Account：&nbsp;<%= f.select "account_uuid",show_accounts,{:selected => primary_account_id} %>
+			<% end %>
+	</div>
+
+	<!-- <div id="regionselect"><img src="images/listicon_useast.gif" />US East</div>
+	<ul id="regionmenu">
+		<li><a href="#" id="list-useast"><img src="images/listicon_useast.gif" />US East</a></li>
+	  <li><a href="#" id="list-japan"><img src="images/listicon_useast.gif" />Japan</a></li>
+	</ul> -->
+	<div class="sidemenu_top"></div><ul class="classify_parent">
+		<li class="parent"><h3><img src="images/icon_summary.gif" width="20" height="20" />SUMMARY</h3>
+			<ul>
+				<%= li_link_to_current('Dashboard','home')%>
+			</ul>
+		</li>
+		<li class="parent"><h3><img src="images/icon_instances.gif" width="20" height="20" />INSTANCES</h3>
+			<ul>
+				<%= li_link_to_current('Instances','instances')%>
+			</ul>
+			<ul>
+				<%= li_link_to_current('Host Pools','host_pools')%>
+			</ul>
+		</li>
+		<li class="parent"><h3><img src="images/icon_images.gif" width="20" height="20" />IMAGES</h3>
+			<ul>
+				<%= li_link_to_current('Machine Images','images')%>
+			</ul>
+		</li>
+		<li class="parent"><h3><img src="images/icon_blockstore.gif" width="20" height="20" />BLOCK STORE</h3>
+			<ul>
+				<%= li_link_to_current('Volumes','volumes')%>
+			</ul>
+			<ul>
+				<%= li_link_to_current('Snapshots','snapshots')%>
+			</ul>
+			<ul>
+				<%= li_link_to_current('Storage Pools','storage_pools')%>
+			</ul>
+		</li>
+		<li class="parent"><h3><img src="images/icon_security.gif" width="20" height="20" />NETWORK & SECURITY</h3>
+			<ul>
+				<%= li_link_to_current('Security Groups','security_groups')%>
+			</ul>
+			<ul>
+				<%= li_link_to_current('Key Pairs','keypairs')%>
+			</ul>
+		</li>
+		<!-- <li class="parent"><h3><img src="images/icon_information.gif" width="20" height="20" />INFORMATION</h3>
+			<ul>
+				<%= li_link_to_current('Service Status','information')%>
+			</ul>
+		</li> -->
+	</ul>
+	<div class="sidemenu_bottom"></div>
+</div>

data/app/views/layouts/application.html.erb

@@ -0,0 +1,34 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta http-equiv="Content-Style-Type" content="text/css" />
+<meta name="keywords" content="あくしゅ,axsh,wakame" />
+<meta name="description" content="Wakame UI">
+<title>Wakame UI</title>
+<%= stylesheet_link_tag :all %>
+<%= yield :stylesheet %>
+<%= javascript_include_tag 'jquery-1.4.2.min.js' %>
+<%= javascript_include_tag 'jsdeferred.jquery.js' %>
+<%= javascript_include_tag 'jquery.tmpl.js' %>
+<%= javascript_include_tag 'jquery.loadmask.min.js' %>
+<%= javascript_include_tag 'jquery-ui-1.8.4.custom.min.js' %>
+<%= javascript_include_tag 'dcmgr_gui/core.js' %>
+<%= javascript_include_tag 'dcmgr_gui/application.js' %>
+<%= yield :javascript %>
+<%= csrf_meta_tag %>
+<link rel="shortcut icon" href="favicon.ico" />
+</head>
+<body>
+	<div id="head_gradation"></div>
+	<div id="content_wrapper">
+		<%= render :partial => 'layouts/header' %>
+		<div id="content" class="clearfix">
+			<%= render :partial => 'layouts/sidemenu' %>
+			<%= yield %>
+		</div>
+		<%= render :partial => 'layouts/footer'%>
+	</div>
+<%= yield :javascript_template %>
+</body>
+</html>

data/app/views/layouts/login.html.erb

@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta http-equiv="Content-Style-Type" content="text/css" />
+<meta name="keywords" content="あくしゅ,axsh,wakame" />
+<meta name="description" content="Wakame UI">
+<title>Wakame UI</title>
+<%= stylesheet_link_tag :all %>
+<%= csrf_meta_tag %>
+<%= yield :javascript %>
+<%= yield :stylesheet %>
+<link rel="shortcut icon" href="favicon.ico" />
+</head>
+<body>
+	<div id="head_gradation"></div>
+	<div id="content_wrapper">
+		<%= render :partial => 'layouts/login_header' %>
+		<div id="content" class="clearfix">
+			<%= yield %>
+		</div>
+		<%= render :partial => 'layouts/footer'%>
+	</div>
+</body>
+</html>

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

@@ -0,0 +1,114 @@
+<% content_for :javascript do %>
+<%= javascript_include_tag 'dcmgr_gui/security_group_panel.js' %>
+<script type="text/javascript">
+jQuery(function($){
+	dcmgrGUI.securityGroupPanel();
+});
+</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" />Security Groups<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="create_security_group">Create Security Group</a>
+			<a href="javascript:void(0);" class="delete_security_group" >Delete</a>
+			<a href="javascript:void(0);" class="refresh" style="margin-left:302px">Refresh</a>
+		</div>
+		<div class="controller clearfix">
+			<!-- <div class="l_float">
+							<span class="text">Viewing:</span>
+							<select class="select" style="width:130px">
+								<option>All Security Groups</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_security_groups" class="display_area">
+			<% content_for :javascript_template do %>
+			<script id="securityGroupsListTemplate" type="text/x-jquery-tmpl">
+			<table class="ptn01" frame="void" cellpadding="0" cellspacing="0" border="0">
+				<tr>
+					<th></th>
+					<th>Name</th>
+					<th>Description</th>
+					<th>Action</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="name" style="width:100px">${item.name}</td>
+					<td class="vtip" title="description" style="width:500px">${item.description}</td>
+					{{if item.name }}
+					<td class="vtip center" title="action">
+						<a href="javascript:void(0);" class="edit_security_group" id="edit_${item.uuid}">Edit</a>
+					</td>
+					{{else}}
+						<td class="vtip center" title="action"></td>
+					{{/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="securityGroupsDetailTemplate" type="text/x-jquery-tmpl">
+			<div class="display_area">
+				<table class="ptn07" frame="void" cellpadding="0" cellspacing="0" border="0">
+					<tr>
+						<td class="padcell"></td>
+						<td class="title">Name:</td>
+						<td>${item.name}</td>
+					</tr>
+					<tr>
+						<td class="padcell"></td>
+						<td class="title">Description:</td>
+						<td>${item.description}</td>
+					</tr>
+					<tr>
+						<td class="padcell"></td>
+						<td colspan="2">
+						<textarea id="security_group_rule" rows="10" cols="10" style="width:630px;height:150px" disabled>${item.rule}</textarea><br />
+						</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>
+				<br />
+			</div>
+			</script>
+			<% end %>
+ 		</div><!-- maincontent -->
+	<div id="btm_maincontent_wide_last"></div>
+</div><!-- mainarea_wide -->

data/app/views/sessions/new.html.erb

@@ -0,0 +1,27 @@
+<% content_for :stylesheet do %>
+<style type="text/css">
+	h3 {
+	color:#5E5E5E;
+	font-family:"LucidaGrande","Myriad Pro";
+	font-size:22px;
+	height:34px;
+	line-height:30px;
+	padding:0 0 0 5px;
+	text-shadow:1px 1px 0 rgba(255, 255, 255, 0.7);
+	}
+</style>
+<% end %>
+<div style="text-align:left;height:496px">
+	<div style="padding:5px;">
+			<%= form_tag session_path do -%>
+			<fieldset>
+				<legend><h3>Sign In</h3></legend>
+			<p style="margin:5px;padding:5px;font-size:15px"><%= label_tag 'user' %><br />
+			<%= text_field_tag 'login', @login %></p>
+			<p style="margin:5px;padding:5px;font-size:15px"><%= label_tag 'password' %><br />
+			<%= password_field_tag 'password', nil %></p>
+			</fieldset>
+			<p><%= submit_tag 'login' %></p>
+			<% end -%>
+	</div>
+</div>

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

@@ -0,0 +1,110 @@
+<% content_for :javascript do %>
+<%= javascript_include_tag 'dcmgr_gui/snapshot_panel.js' %>
+<script type="text/javascript">
+  jQuery(function($){
+  dcmgrGUI.snapshotPanel();
+  });
+</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" />Snapshots<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="create_volume" style="margin-left:7px">Create Volume</a>
+      <a href="javascript:void(0);" class="delete_snapshot">Delete Snapshot</a>
+      
+      <a href="javascript:void(0);" class="refresh" style="margin-left:335px">Refresh</a>
+    </div>
+    <div class="controller clearfix">
+      <!-- <div class="l_float">
+				<span class="text">Viewing:</span>
+				<select class="select">
+	  			<option>All Volumes</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">Snapshots</p>
+	<a href="javascript:void(0);" class="next"></a>
+      </div>
+    </div>
+    <div id="display_snapshots" class="display_area">
+      <% content_for :javascript_template do %>
+      <script id="snapshotsListTemplate" type="text/x-jquery-tmpl">
+      <table class="ptn01" frame="void" cellpadding="0" cellspacing="0" border="0">
+	<tr>
+	  <th></th>
+	  <th>Snapshot ID</th>
+	  <th>Capacity</th>
+	  <th>OriginVolumeID</th>
+	  <th>Created</th>
+	  <th>Status</th>
+	</tr>
+        {{each(index,item) rows}}
+	<tr>
+	  {{if item.uuid }}
+          <td class="listcheckbox"><input type="checkbox" value="${item.uuid}" > </td>
+          {{else}}
+          <td class="listcheckbox"></td>
+          {{/if}}
+	  <td class="vtip" title="volume-id">${item.uuid}</td>
+	  <td class="vtip center" title="capacity">${item.size}</td>
+	  <td class="vtip" title="snapshot">${item.origin_volume_id}</td>
+	  <td class="vtip" title="created">${item.created_at}</td>
+	  <td class="vtip center" title="status">${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="snapshotsDetailTemplate" type="text/x-jquery-tmpl">
+      <div id="${item.uuid}" class="display_area">
+			<h4 class="ptn01">Snapshot ID:<span class="instansid">${item.uuid}</span></h4>
+			<table class="ptn02" frame="void" cellpadding="0" cellspacing="0" border="0">
+			  <tr>
+			    <td class="padcell"></td>
+			    <td class="title">Snapshot:</td>
+			    <td class="volume_size">${item.uuid}</td>
+			    <td class="padcell"></td>
+			    <td class="title">Capacity:</td>
+		      <td>${item.size}</td>
+			  </tr>
+		    <tr>
+          <td class="padcell"></td>
+          <td class="title">OriginVolumeID:</td>
+          <td>${item.origin_volume_id}</td>
+          <td class="padcell"></td>
+          <td class="title">Status:</td>
+          <td class="state">${item.state}</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><!-- mainarea_wide -->