Add reactive to mileage entry page

This commit is contained in:
2012-12-15 20:38:51 -05:00
parent 260118ff90
commit 19705f8f38
26 changed files with 692 additions and 259 deletions
+21 -23
View File
@@ -1,4 +1,4 @@
@model MileageTraker.Web.ViewModels.ConfirmCreateLogViewModel
@model MileageTraker.Web.ViewModels.ConfirmCreateLogViewModel
@{
ViewBag.Title = "Confirm";
@@ -8,17 +8,16 @@
@section Styles
{
<link href="@Url.Content("~/Content/VehicleColors.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/CreateLog.Index.css")" rel="stylesheet" type="text/css" />
}
@using (Html.BeginForm("Action", "CreateLog", FormMethod.Post))
{
@:<fieldset>
<fieldset>
<legend>@ViewBag.Title</legend>
<p class="warning">Please <strong>confirm</strong> - entry not complete until <strong>confirm</strong> clicked</p>
if (Model.Miles == 0)
<p class="alert">Please <strong>confirm</strong> - entry not complete until <strong>confirm</strong> clicked</p>
@if (Model.Miles == 0)
{
<p class="warning"><strong>Warning - 0 miles are logged - is this a duplicate?</strong></p>
<p class="alert"><span class="label label-important">Warning</span> No mileage being logged - <strong>is this a duplicate?</strong></p>
}
<div class="display-field-container vehicle-id">
<div class="display-label">
@@ -28,8 +27,8 @@
@Html.Encode(Model.VehicleId) <span class="subscript">(@Model.VehicleType)</span>
</div>
</div>
<input type="hidden" name="VehicleId" value="@Html.AttributeEncode(Model.VehicleId)" />
<div class="display-field-container endodometer" @endOdometerStyle>
@Html.HiddenFor(m => m.VehicleId)
<div class="display-field-container endodometer" @endOdometerStyle>
<div class="display-label">
@Html.LabelFor(model => model.EndOdometer)
</div>
@@ -38,19 +37,19 @@
@if (Model.PreviousOdometer != null)
{
<br/>
<span class="subscript @if (Model.Miles == 0)
{ <text>warning error</text>}">@Html.Encode(Model.Miles) miles since <br />
<span class="subscript @if (Model.Miles == 0)
{ <text>label label-warning</text>}">@Html.Encode(Model.Miles) miles since <br />
@Html.Encode(Model.PreviousOdometer) on @Html.Encode(Model.PreviousDate.Value.ToShortDateString())</span>
}
</div>
</div>
<input type="hidden" name="EndOdometer" value="@Html.AttributeEncode(Model.EndOdometer)" />
@Html.DisplayFor(model => model.LogType)
<input type="hidden" name="LogType.Enum" value="@Html.AttributeEncode(Model.LogType.Enum)" />
@Html.DisplayFor(model => model.EmployeeName)
<input type="hidden" name="EmployeeName" value="@Html.AttributeEncode(Model.EmployeeName)" />
@Html.DisplayFor(model => model.CityName)
<input type="hidden" name="CityName" value="@Html.AttributeEncode(Model.CityName)" />
<input type="hidden" name="EndOdometer" value="@Html.AttributeEncode(Model.EndOdometer)" />
@Html.DisplayFor(model => model.LogType)
@Html.HiddenFor(model => model.LogType.Value)
@Html.DisplayFor(model => model.EmployeeName)
<input type="hidden" name="EmployeeName" value="@Html.AttributeEncode(Model.EmployeeName)" />
@Html.DisplayFor(model => model.CityName)
<input type="hidden" name="CityName" value="@Html.AttributeEncode(Model.CityName)" />
<div class="display-field-container gas">
<div class="display-label">
@@ -74,14 +73,13 @@
</div>
<div class="display-field">
@Html.Encode(Model.Date)
<span class="subscript">(@Html.Encode(Model.DateHowLongAgo))</span>
<span class="muted">(@Html.Encode(Model.DateHowLongAgo))</span>
<input type="hidden" name="Date" value="@Html.AttributeEncode(Model.Date)" />
</div>
</div>
<div class="submit">
<input type="submit" name="Edit" value="Back" />
<input type="submit" name="Confirm" value="Confirm" />
</div>
@:</fieldset>
<input type="submit" name="Edit" value="Back" class="btn" />
<input type="submit" name="Confirm" value="Confirm" class="btn btn-primary" />
</fieldset>
}