Search now works more than once

Browser validation for search
This commit is contained in:
2020-06-21 22:15:41 -04:00
parent d09f84b47d
commit f4123f53b3
4 changed files with 73 additions and 38 deletions
+13 -9
View File
@@ -4,12 +4,16 @@
@model QueueViewModel
@{
Html.RequiresJs("~/scripts/jquery.validate.min.js", 2);
Html.RequiresJs("~/scripts/jquery.validate.unobtrusive.min.js", 2);
Html.RequiresJs("~/scripts/jquery.validate.custom.js", 2);
Html.RequiresJs("~/scripts/jquery.validate.unobtrusive.bootstrap.js", 2);
Html.RequiresJs("~/scripts/Queue.js");
var grid = new WebGrid(Model.Items, rowsPerPage: 45);
}
@using (Html.BeginUmbracoForm<QueueController>("Search", FormMethod.Post))
@using (Html.BeginUmbracoForm("Search", "Queue", null, new {@action = "/leaf-data/manage-queue/"}))
{
<div class="row">
<div class="col-lg-8">
@@ -21,7 +25,7 @@
</div>
<div class="col-lg-4">
<div class="input-group">
<input name="Query.Query" type="text" class="form-control" placeholder="Search for..." value="@Model.Query.Query">
<input name="Q.q" type="text" class="form-control" placeholder="Search for..." value="@Model.Q.q">
<span class="input-group-append">
<button class="btn btn-outline-secondary" type="submit">Search</button>
<button class="btn btn-outline-secondary dropdown-toggle dropdown-toggle-split" type="button"
@@ -37,10 +41,10 @@
<div class="col-lg-8 offset-lg-4 card card-body">
<div class="row">
<div class="col-md-6">
@Html.EditorFor(m => m.Query.SiteId)
@Html.EditorFor(m => m.Q.siteid)
</div>
<div class="col-md-6">
@Html.EditorFor(m => m.Query.SpeciesName)
@Html.EditorFor(m => m.Q.species)
</div>
</div>
<hr/>
@@ -48,20 +52,20 @@
<div class="col-md-6">
<div class="row">
<div class="col-sm-7">
@Html.EditorFor(m => m.Query.Latitude, new {size = "small", append = "&deg;"})
@Html.EditorFor(m => m.Q.lat, new {size = "small", append = "&deg;"})
</div>
<div class="col-sm-5">
@Html.EditorFor(m => m.Query.LatitudeRange, new {size = "small", prepend = "&plusmn;", append = "&deg;"})
@Html.EditorFor(m => m.Q.latr, new {size = "small", prepend = "&plusmn;", append = "&deg;"})
</div>
</div>
</div>
<div class="col-md-6">
<div class="col-md-6 border-left">
<div class="row">
<div class="col-sm-7">
@Html.EditorFor(m => m.Query.Longitude, new {size = "small", append = "&deg;"})
@Html.EditorFor(m => m.Q.lon, new {size = "small", append = "&deg;"})
</div>
<div class="col-sm-5">
@Html.EditorFor(m => m.Query.LongitudeRange, new {size = "small", prepend = "&plusmn;", append = "&deg;"})
@Html.EditorFor(m => m.Q.lonr, new {size = "small", prepend = "&plusmn;", append = "&deg;"})
</div>
</div>
</div>