Make edit route work and add options dropdown

This commit is contained in:
perryharlock
2013-11-27 16:21:18 +00:00
parent b95238645a
commit 963ab33cce
7 changed files with 64 additions and 38 deletions

View File

@@ -24,19 +24,6 @@
</div>
</div>
</div>
<!-- ########### Functionality to be done ############# -->
<!-- List of other URLs -->
<!-- <div class="other-tasks well">
<h4 class="crunch-top ruled-sm">Your other tracked URLs</h4>
<p>No other URLs</p>
<ul class="list-unstyled crunch-bottom">
<li><a href="empty-task">rowanmanning.com</a></li>
<li><a href="task">nature.com</a></li>
</ul>
</div> -->
<!-- ##################### End ######################## -->
</div>
<div class="col-md-9">

View File

@@ -7,9 +7,15 @@
</div>
<div class="col-md-3 col-sm-3 text-right run-details">
{{#unless readonly}}
<a href="{{task.hrefRun}}" class="btn btn-success" data-test="run-task">
Run <span class="glyphicon glyphicon-play"></span>
</a>
<div class="btn-group">
<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">Options <span class="caret"></span></button>
<ul class="dropdown-menu pull-right" role="menu">
<li><a href="/{{task.id}}/edit">Edit URL</a></li>
<li><a href="/{{task.id}}/delete">Delete URL</a></li>
<li class="divider"></li>
<li><a href="{{task.hrefRun}}" data-test="run-task">Run pa11y</a></li>
</ul>
</div>
{{/unless}}
{{#if mainResult}}
<div class="date">Last run : {{date-format mainResult.date format="DD MMM YYYY"}}</div>

View File

@@ -2,7 +2,6 @@
<ul class="list-unstyled clearfix crunch-bottom">
<li class="col-md-4 col-sm-6 task-card add-task">
{{#if readonly}}
{{! TODO PERRY: make this look disabled }}
<span class="well task-card-link crunch-bottom">
<p class="h3 crunch">Add new URL</p>
<p class="supersize-me crunch">+</p>
@@ -33,7 +32,15 @@
{{/if}}
</a>
{{#unless ../readonly}}
<a title="Delete this URL" class="delete-button" href="{{hrefDelete}}"><span class="sr-only">Delete </span><span class="glyphicon glyphicon-remove"></span></a>
<div class="btn-group options-button text-right">
<button type="button" class="btn btn-info btn-xs dropdown-toggle" data-toggle="dropdown"><span class="sr-only">Options</span><span class="glyphicon glyphicon-cog"></span></button>
<ul class="dropdown-menu pull-right" role="menu">
<li><a href="{{href}}/edit">Edit URL</a></li>
<li><a href="{{href}}/delete">Delete URL</a></li>
<li class="divider"></li>
<li><a href="{{href}}/run" data-test="run-task">Run pa11y</a></li>
</ul>
</div>
{{/unless}}
</li>
{{/each}}

View File

@@ -3,7 +3,17 @@
Edit URL
{{/content}}
<form role="form" class="col-md-12" action="/new" method="post" data-test="new-url-form">
{{#edited}}
<div class="col-md-12 clearfix" data-test="error">
<div class="alert alert-success">
<button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
<strong>Success!</strong>
<p>Your changes have been saved.</p>
</div>
</div>
{{/edited}}
<form role="form" class="col-md-12" action="/{{task.id}}/edit" method="post" data-test="edit-url-form">
<div class="legend">
<h1 class="h2 crunch-top">Edit URL</h1>
@@ -11,9 +21,11 @@
{{#error}}
<div class="col-md-12 clearfix" data-test="error">
<div class="alert alert-danger">
<strong>Oh my gosh!</strong>
<p>{{.}}</p>
<div class="row">
<div class="alert alert-danger">
<strong>Oh my gosh!</strong>
<p>{{.}}</p>
</div>
</div>
</div>
{{/error}}
@@ -40,7 +52,11 @@
<div class="row">
<div class="col-md-4 col-sm-4 col-xs-6">
<label class="control-label" for="new-task-standard">Standard</label>
<p class="form-control" disabled>{{task.standard}}</p>
<select data-role="new-task-select" class="form-control" id="new-task-standard" name="standard" disabled>
{{#standards}}
<option {{#selected}}selected{{/selected}}>{{title}}</option>
{{/standards}}
</select>
</div>
</div>
</div>
@@ -65,6 +81,7 @@
{{/standards}}
</div>
<button type="submit" class="btn btn-success">Save changes <span class="glyphicon glyphicon-plus"></span></button>
<button type="submit" class="btn btn-success">Save changes <span class="glyphicon glyphicon-save"></span></button>
<a href="/{{task.id}}/edit" class="btn btn-primary">Undo <span class="glyphicon glyphicon-refresh"></span></a>
</form>