|  | 
| 1 | 1 | @using DigitalLearningSolutions.Web.ViewModels.Frameworks | 
| 2 | 2 | @model CustomFlagViewModel | 
| 3 | 3 | @{ | 
| 4 |  | -  var addOrEdit = Model.Id == 0 ? "Add" : "Edit"; | 
| 5 |  | -  var frameworkId = ViewContext.RouteData.Values["frameworkId"]; | 
| 6 |  | -  ViewData["Title"] = "Framework Custom Flags"; | 
| 7 |  | -  ViewData["Application"] = "Framework Service"; | 
| 8 |  | -  ViewData["HeaderPathName"] = "Framework Service"; | 
|  | 4 | +    var addOrEdit = Model.Id == 0 ? "Add" : "Edit"; | 
|  | 5 | +    var frameworkId = ViewContext.RouteData.Values["frameworkId"]; | 
|  | 6 | +    ViewData["Title"] = "Framework Custom Flags"; | 
|  | 7 | +    ViewData["Application"] = "Framework Service"; | 
|  | 8 | +    ViewData["HeaderPathName"] = "Framework Service"; | 
| 9 | 9 | } | 
| 10 | 10 | <link rel="stylesheet" href="@Url.Content("~/css/frameworks/frameworksShared.css")" asp-append-version="true"> | 
| 11 | 11 | @section NavMenuItems { | 
| 12 |  | -  <partial name="Shared/_NavMenuItems" /> | 
|  | 12 | +    <partial name="Shared/_NavMenuItems" /> | 
| 13 | 13 | } | 
| 14 |  | -  @section NavBreadcrumbs { | 
| 15 |  | -  <nav class="nhsuk-breadcrumb" aria-label="Breadcrumb"> | 
| 16 |  | -    <div class="nhsuk-width-container"> | 
| 17 |  | -      <ol class="nhsuk-breadcrumb__list"> | 
| 18 |  | -        <li class="nhsuk-breadcrumb__item"><a class="nhsuk-breadcrumb__link trigger-loader" asp-action="ViewFrameworks" asp-route-tabname="Mine">Frameworks</a></li> | 
| 19 |  | -        <li class="nhsuk-breadcrumb__item"><a class="nhsuk-breadcrumb__link trigger-loader" asp-action="ViewFramework" asp-route-frameworkId="@frameworkId" asp-route-tabname="Details">Framework Details</a></li> | 
| 20 |  | -        <li class="nhsuk-breadcrumb__item">@addOrEdit Custom Flags</li> | 
| 21 |  | -      </ol> | 
| 22 |  | -      <p class="nhsuk-breadcrumb__back"><a class="nhsuk-breadcrumb__backlink" asp-action="ViewFramework" asp-route-frameworkId="@frameworkId" asp-route-tabname="Details">Back to framework detail</a></p> | 
| 23 |  | -    </div> | 
| 24 |  | -  </nav> | 
|  | 14 | +@section NavBreadcrumbs { | 
|  | 15 | +    <nav class="nhsuk-breadcrumb" aria-label="Breadcrumb"> | 
|  | 16 | +        <div class="nhsuk-width-container"> | 
|  | 17 | +            <ol class="nhsuk-breadcrumb__list"> | 
|  | 18 | +                <li class="nhsuk-breadcrumb__item"><a class="nhsuk-breadcrumb__link trigger-loader" asp-action="ViewFrameworks" asp-route-tabname="Mine">Frameworks</a></li> | 
|  | 19 | +                <li class="nhsuk-breadcrumb__item"><a class="nhsuk-breadcrumb__link trigger-loader" asp-action="ViewFramework" asp-route-frameworkId="@frameworkId" asp-route-tabname="Details">Framework Details</a></li> | 
|  | 20 | +                <li class="nhsuk-breadcrumb__item">@addOrEdit Custom Flags</li> | 
|  | 21 | +            </ol> | 
|  | 22 | +            <p class="nhsuk-breadcrumb__back"><a class="nhsuk-breadcrumb__backlink" asp-action="ViewFramework" asp-route-frameworkId="@frameworkId" asp-route-tabname="Details">Back to framework detail</a></p> | 
|  | 23 | +        </div> | 
|  | 24 | +    </nav> | 
| 25 | 25 | } | 
| 26 |  | -  <h1>@addOrEdit custom flag</h1> | 
| 27 |  | -  <form method="post"> | 
|  | 26 | +<h1>@addOrEdit custom flag</h1> | 
|  | 27 | +<form method="post"> | 
| 28 | 28 |     @if (!ViewData.ModelState.IsValid) | 
| 29 |  | -  { | 
| 30 |  | -    <partial name="_ErrorSummary" /> | 
| 31 |  | -  } | 
| 32 |  | -  <nhs-form-group nhs-validation-for="FlagName"> | 
| 33 |  | -    <label class="nhsuk-label" id="flag-name-label" for="flag-name">Name</label> | 
| 34 |  | -    <span nhs-validation-for="FlagName"></span> | 
| 35 |  | -    <input class="nhsuk-input nhsuk-input--width-30" asp-for="FlagName" id="flag-name" name="FlagName" type="text" error-class-toggle="nhsuk-input--error" aria-describedby="flag-name-label"> | 
| 36 |  | -  </nhs-form-group> | 
| 37 |  | -  <nhs-form-group nhs-validation-for="FlagGroup"> | 
| 38 |  | -    <label class="nhsuk-label" id="flag-group-label" for="flag-group">Group</label> | 
| 39 |  | -    <span nhs-validation-for="FlagGroup"></span> | 
| 40 |  | -    <input class="nhsuk-input nhsuk-input--width-30" asp-for="FlagGroup" id="flag-group" name="FlagGroup" type="text" error-class-toggle="nhsuk-input--error" aria-describedby="flag-group-label"> | 
| 41 |  | -  </nhs-form-group> | 
| 42 |  | -  <nhs-form-group nhs-validation-for="FlagTagClass"> | 
| 43 |  | -    <div class="nhsuk-hint" id="framework-name-hint"> | 
| 44 |  | -      Tag colour | 
|  | 29 | +    { | 
|  | 30 | +        <partial name="_ErrorSummary" /> | 
|  | 31 | +    } | 
|  | 32 | +    <nhs-form-group nhs-validation-for="FlagName"> | 
|  | 33 | +        <label class="nhsuk-label" id="flag-name-label" for="FlagName">Name</label> | 
|  | 34 | +        <span nhs-validation-for="FlagName"></span> | 
|  | 35 | +        <input class="nhsuk-input nhsuk-input--width-30" asp-for="FlagName" id="FlagName" name="FlagName" type="text" error-class-toggle="nhsuk-input--error" aria-describedby="flag-name-label"> | 
|  | 36 | +    </nhs-form-group> | 
|  | 37 | +    <nhs-form-group nhs-validation-for="FlagGroup"> | 
|  | 38 | +        <label class="nhsuk-label" id="flag-group-label" for="FlagGroup">Group</label> | 
|  | 39 | +        <span nhs-validation-for="FlagGroup"></span> | 
|  | 40 | +        <input class="nhsuk-input nhsuk-input--width-30" asp-for="FlagGroup" id="FlagGroup" name="FlagGroup" type="text" error-class-toggle="nhsuk-input--error" aria-describedby="flag-group-label"> | 
|  | 41 | +    </nhs-form-group> | 
|  | 42 | +    <nhs-form-group nhs-validation-for="FlagTagClass"> | 
|  | 43 | +        <div class="nhsuk-hint" id="framework-name-hint"> | 
|  | 44 | +            Tag colour | 
|  | 45 | +        </div> | 
|  | 46 | +        <select class="nhsuk-select" asp-for="FlagTagClass" name="FlagTagClass"> | 
|  | 47 | +            @foreach (var tagColor in Model.TagColors) | 
|  | 48 | +            { | 
|  | 49 | +                var selected = tagColor.Key == Model.FlagTagClass ? @"selected=""selected""" : ""; | 
|  | 50 | +                <!option value="@tagColor.Key" @selected>@tagColor.Value</!option> | 
|  | 51 | +            } | 
|  | 52 | +        </select> | 
|  | 53 | +        <span nhs-validation-for="FlagTagClass"></span> | 
|  | 54 | +    </nhs-form-group> | 
|  | 55 | +    <button class="nhsuk-button nhsuk-u-margin-top-3" type="submit">Submit</button> | 
|  | 56 | +    <div class="nhsuk-back-link nhsuk-u-margin-left-1"> | 
|  | 57 | +        <a class="nhsuk-back-link__link" asp-action="EditFrameworkFlags" asp-route-frameworkId="@frameworkId"> | 
|  | 58 | +            <svg class="nhsuk-icon nhsuk-icon__chevron-left" focusable='false' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"> | 
|  | 59 | +                <path d="M13.41 12l5.3-5.29a1 1 0 1 0-1.42-1.42L12 10.59l-5.29-5.3a1 1 0 0 0-1.42 1.42l5.3 5.29-5.3 5.29a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0l5.29-5.3 5.29 5.3a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42z"></path> | 
|  | 60 | +            </svg> | 
|  | 61 | +            Cancel | 
|  | 62 | +        </a> | 
| 45 | 63 |     </div> | 
| 46 |  | -    <select class="nhsuk-select" asp-for="FlagTagClass" name="FlagTagClass"> | 
| 47 |  | -      @foreach (var tagColor in Model.TagColors) | 
| 48 |  | -      { | 
| 49 |  | -        var selected = tagColor.Key == Model.FlagTagClass ? @"selected=""selected""" : ""; | 
| 50 |  | -        <!option value="@tagColor.Key" @selected>@tagColor.Value</!option> | 
| 51 |  | -      } | 
| 52 |  | -    </select> | 
| 53 |  | -    <span nhs-validation-for="FlagTagClass"></span> | 
| 54 |  | -  </nhs-form-group> | 
| 55 |  | -  <button class="nhsuk-button nhsuk-u-margin-top-3" type="submit">Submit</button> | 
| 56 |  | -  <div class="nhsuk-back-link nhsuk-u-margin-left-1"> | 
| 57 |  | -    <a class="nhsuk-back-link__link" asp-action="EditFrameworkFlags" asp-route-frameworkId="@frameworkId"> | 
| 58 |  | -      <svg class="nhsuk-icon nhsuk-icon__chevron-left" focusable='false' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"> | 
| 59 |  | -        <path d="M13.41 12l5.3-5.29a1 1 0 1 0-1.42-1.42L12 10.59l-5.29-5.3a1 1 0 0 0-1.42 1.42l5.3 5.29-5.3 5.29a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0l5.29-5.3 5.29 5.3a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42z"></path> | 
| 60 |  | -      </svg> | 
| 61 |  | -      Cancel | 
| 62 |  | -    </a> | 
| 63 |  | -  </div> | 
| 64 |  | -  <input type="hidden" asp-for="@Model.Id" /> | 
|  | 64 | +    <input type="hidden" asp-for="@Model.Id" /> | 
| 65 | 65 | </form> | 
0 commit comments