Updated style with white rounded content boxes and re organised site edit page

Signed-off-by: Nathan Booth <nath.booth@gmail.com>
This commit is contained in:
Nathan Booth
2011-12-22 12:51:43 +00:00
parent e52e7b7798
commit 8e9aa304e3
6 changed files with 174 additions and 103 deletions

View File

@@ -9,12 +9,13 @@
<h1>Service {$service->name|escape:html}</h1>
</div>
</div>
<div class="rounded_content">
<div class="row">
<div class="span4 column"><!--New description-->
<h3>Edit Service</h3>
<p>Use this form to update the existing Service</p>
</div><!--/New Service description-->
<div class="span12 column"><!--Add New Service -->
<div class="span11 column"><!--Add New Service -->
<form id="admin_service_edit" method="post" action="{$base_uri}admin/service/id/{$service->id}/do/edit/">
<fieldset>
<div class="clearfix">
@@ -27,13 +28,13 @@
<div class="clearfix">
<label for="admin_service_edit_description" style="width:87px">Description</label>
<div class="text">
<textarea class="xxlarge" name="textarea" id="admin_service_add_description" rows="3" name="description" >{$service->description|escape:html}</textarea>
<textarea class="xlarge" name="textarea" id="admin_service_add_description" rows="3" name="description" >{$service->description|escape:html}</textarea>
</div><!-- /text -->
</div><!-- /clearfix -->
<div class="clearfix">
<div class="input">
<input type="submit" class="btn primary" value="Edit Service">&nbsp;<button type="reset" class="btn">Cancel</button>
<input type="submit" class="btn small primary" value="Edit Service">&nbsp;<button class="btn small" type="reset" class="btn">Cancel</button>
</div><!-- /text -->
</div><!-- /clearfix -->
</fieldset>
@@ -46,7 +47,7 @@
<h3>Existing Sites</h3>
<p>Currently the following sites that are defined for the service {$service->name|escape:html}, Edit the site or delete it from the service here, to add a new one use the form below</p>
</div>
<div class="span12 column">
<div class="span11 column">
{if $sites}
<table class="bordered-table" name="sites_list_table"><!--Services table -->
<thead>
@@ -64,8 +65,8 @@
{$site->description|escape:html}
</td>
<td>
<button class='btn primary' onclick="document.location.href='{$base_uri}admin/site/service/{$service->id}/id/{$site->id}/';return false;">Edit Site</button>
<button style="margin-left:10px" class='btn danger' onclick="sb.admin.deleteItem('{$base_uri}admin/service/do/delete-site/id/{$service->id}/site/{$site->id}/');">Delete Site</button>
<button class='btn small primary' onclick="document.location.href='{$base_uri}admin/site/service/{$service->id}/id/{$site->id}/';return false;">Edit Site</button>
<button style="margin-left:10px" class='btn small danger' onclick="sb.admin.deleteItem('{$base_uri}admin/service/do/delete-site/id/{$service->id}/site/{$site->id}/');">Delete Site</button>
</td>
</tr>
{/foreach}
@@ -95,20 +96,20 @@
<h3>Add Site</h3>
<p>Use this form to define a new site to the service {$service->name|escape:html}</p>
</div><!--/New Service description-->
<div class="span12 column">
<div class="span11 column">
<form id="admin_addsite" method="post" action="{$base_uri}admin/service/id/{$service->id}/do/add-site/">
<fieldset>
<div class="clearfix">
<label for="admin_site_add_name" style="width:87px">Name</label>
<label for="admin_site_add_name" style="width:85px">Name</label>
<div class="text">
<input class="xlarge span5" id="admin_site_add_name" name="name" type="text" />
</div><!-- /text -->
</div><!-- /clearfix -->
<div class="clearfix">
<label for="admin_site_edit_description" style="width:87px">Description</label>
<label for="admin_site_edit_description" style="width:85px">Description</label>
<div class="text">
<textarea class="xxlarge" id="admin_site_add_description" rows="3" name="description" ></textarea>
<textarea class="xlarge" id="admin_site_add_description" rows="3" name="description" ></textarea>
</div><!-- /text -->
</div><!-- /clearfix -->
@@ -121,6 +122,7 @@
</form>
</div>
</div><!--/Row for New Service-->
</div>
</div><!-- /container -->
<script type="text/javascript">

View File

@@ -4,15 +4,21 @@
<li class="active"><a href="#">Site {$site->name|escape:html}</a></li>
</ul>
<h1>Site {$site->name|escape:html}</h1>
<div class="container">
<div class="row">
<div class="span16">
<h2>Site: {$site->name|escape:html} - Service: {$service->name|escape:html}</h2>
</div>
</div>
<div class="rounded_content">
<div class="row">
<div class="span4 column"><!--New description-->
<h3>Edit Service</h3>
<p>Use this form to update the existing Service</p>
</div>
<div class="span11 column">
<form id="admin_site_edit" method="post" action="{$base_uri}admin/site/service/{$service->id}/id/{$site->id}/do/edit/">
<fieldset>
<legend>Edit Site</legend>
<div class="clearfix">
<label for="admin_site_edit_name">Name</label>
<div class="text">
@@ -23,7 +29,7 @@
<div class="clearfix">
<label for="admin_site_edit_description">Description</label>
<div class="text">
<textarea class="span12" id="admin_site_edit_description" name="description">{$site->description|escape:html}</textarea>
<textarea class="xlarge" id="admin_site_edit_description" name="description">{$site->description|escape:html}</textarea>
</div>
</div><!-- /clearfix -->
@@ -34,77 +40,106 @@
</div>
</fieldset>
</form>
</div><!-- /span16 -->
</div><!-- /row -->
</div><!-- /container -->
<h1>Open Incidents</h1>
{if $open_incidents}
<dl>
{foreach from=$open_incidents item=incident}
<dt>
<a href="{$base_uri}admin/incident/service/{$service->id}/site/{$site->id}/id/{$incident->id}/" title="Edit Incident {$incident->reference|escape:html}">{$incident->reference|escape:html}</a>
({StatusBoard_Status::name($incident->currentStatus())})
</dt>
<dd>
{$incident->description|truncate|escape:html}
</dd>
{/foreach}
</dl>
{else}
There are no open incidents for this site . If you need to open one, use the form below.
{/if}
<form id="admin_addsite" method="post" action="{$base_uri}admin/site/service/{$service->id}/id/{$site->id}/do/add-incident/">
<fieldset>
<legend>Add Incident</legend>
<div class="clearfix">
<label for="admin_incident_add_reference">Reference</label>
<div class="text">
<input class="xlarge span5" id="admin_incident_add_reference" name="reference" type="text" value="" />
</div>
</div><!-- /clearfix -->
<div class="clearfix">
<label for="admin_incident_add_description">Description</label>
<div class="text">
<textarea class="span12" id="admin_incident_add_description" name="description"></textarea>
</div>
</div><!-- /clearfix -->
<div class="clearfix">
<label for="admin_incident_add_status">Initial Classification</label>
<div class="select">
<select class="xlarge span5" id="admin_incident_add_status" name="status">
{foreach from=StatusBoard_Status::available() item=status}
{if $status != StatusBoard_Status::STATUS_Resolved}
<option value="{$status}">{StatusBoard_Status::name($status)}</option>
{/if}
{/foreach}
</select>
</div>
</div><!-- /clearfix -->
<div class="clearfix">
<label for="admin_incident_add_starttime">Start Time</label>
<div class="text">
<input class="xlarge span5" id="admin_incident_add_starttime" name="starttime" type="text" value="Now" />
</div>
</div><!-- /clearfix -->
<div class="clearfix">
<label for="admin_incident_add_estimatedendtime">Estimated End Time</label>
<div class="text">
<input class="xlarge span5" id="admin_incident_add_estimatedendtime" name="estimatedendtime" type="text" value="+4 hours" />
</div>
</div><!-- /clearfix -->
<div class="clearfix">
<div class="input">
<input type="submit" class="btn primary" name="addincident" value="Add Incident" />
</div>
</div>
</fieldset>
</form>
</div>
<div class="row">
<div class="span4 column">
<h3>Open Incidents</h3>
</div><!--/New Service description-->
<div class="span11 column">
{if $open_incidents}
<table class="bordered-table" name="sites_list_table"><!--Services table -->
<thead>
<th>Reference</th>
<th>Description</th>
<th>Status</th>
<th>Action</th>
</thead>
<tbody>
{foreach from=$sites item=site}
<tr>
<td>
<a href="{$base_uri}admin/incident/service/{$service->id}/site/{$site->id}/id/{$incident->id}/" title="Edit Incident {$incident->reference|escape:htmll}">{$incident->reference|escape:html}</a>
</td>
<td>
{$site->description|escape:html}
</td>
<td>
{StatusBoard_Status::name($incident->currentStatus())}
</td>
<td>
<button class='btn small primary' onclick="document.location.href='{$base_uri}admin/site/service/{$service->id}/id/{$site->id}/';return false;">Edit Site</button>
<button style="margin-left:10px" class='btn small danger' onclick="sb.admin.deleteItem('{$base_uri}admin/service/do/delete-site/id/{$service->id}/site/{$site->id}/');">Delete Site</button>
</td>
</tr>
{/foreach}
</tbody>
</table><!--/name table -->
{else}
<p style="padding-top:10px;">There are no open incidents for this site . If you need to open one, use the form below.</p>
{/if}
</div>
</div><!--/Row for Existing Service-->
<div class="row">
<div class="span4 column">
<h3>Add Incident</h3>
<p>Use this form to add a new incident</p>
</div><!--/New Service description-->
<div class="span11 column">
<form id="admin_addsite" method="post" action="{$base_uri}admin/site/service/{$service->id}/id/{$site->id}/do/add-incident/">
<fieldset>
<div class="clearfix">
<label for="admin_incident_add_reference">Reference</label>
<div class="text">
<input class="xlarge span5" id="admin_incident_add_reference" name="reference" type="text" value="" />
</div>
</div><!-- /clearfix -->
<div class="clearfix">
<label for="admin_incident_add_description">Description</label>
<div class="text">
<textarea class="xlarge" id="admin_incident_add_description" name="description"></textarea>
</div>
</div><!-- /clearfix -->
<div class="clearfix">
<label for="admin_incident_add_status">Initial Classification</label>
<div class="select">
<select class="xlarge span5" id="admin_incident_add_status" name="status">
{foreach from=StatusBoard_Status::available() item=status}
{if $status != StatusBoard_Status::STATUS_Resolved}
<option value="{$status}">{StatusBoard_Status::name($status)}</option>
{/if}
{/foreach}
</select>
</div>
</div><!-- /clearfix -->
<div class="clearfix">
<label for="admin_incident_add_starttime">Start Time</label>
<div class="text">
<input class="xlarge span5" id="admin_incident_add_starttime" name="starttime" type="text" value="Now" />
</div>
</div><!-- /clearfix -->
<div class="clearfix">
<label for="admin_incident_add_estimatedendtime">Estimated End Time</label>
<div class="text">
<input class="xlarge span5" id="admin_incident_add_estimatedendtime" name="estimatedendtime" type="text" value="+4 hours" />
</div>
</div><!-- /clearfix -->
<div class="clearfix">
<div class="input">
<input type="submit" class="btn primary" name="addincident" value="Add Incident" />
</div>
</div>
</fieldset>
</form>
</div><!--/Row for New Service-->
</div>
</div><!-- /container -->