Skip to content

TD-4364 Back links For Mobile View Added #2757

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
rshrirohit merged 1 commit into from
Aug 5, 2024
Merged

TD-4364 Back links For Mobile View Added #2757

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
109 changes: 56 additions & 53 deletions DigitalLearningSolutions.Web/Views/UserFeedback/GuestFeedbackStart.cshtml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,73 +4,76 @@
@model UserFeedbackViewModel;

@{
ViewData["Title"] = "Feedback";
ViewData["Title"] = "Feedback";
}

<link rel="stylesheet" href="@Url.Content("~/css/userFeedback/userFeedback.css")" asp-append-version="true">

@section NavBreadcrumbs {
<nav class="nhsuk-breadcrumb" aria-label="Breadcrumb">
<div class="nhsuk-width-container">
<ol class="nhsuk-breadcrumb__list">
<li class="nhsuk-breadcrumb__item">
<a class="nhsuk-breadcrumb__link trigger-loader" href="@Model.SourceUrl">
@if (Model.SourcePageTitle != String.Empty)
{
<div><partial name="_NhsChevronLeft" class="feedback-chevron" /> Go back to Welcome page</div>
<nav class="nhsuk-breadcrumb" aria-label="Breadcrumb">
<div class="nhsuk-width-container">
<ol class="nhsuk-breadcrumb__list">
<li class="nhsuk-breadcrumb__item">
<a class="nhsuk-breadcrumb__link trigger-loader" href="@Model.SourceUrl">
@if (Model.SourcePageTitle != String.Empty)
{
<div><partial name="_NhsChevronLeft" class="feedback-chevron" /> Go back to Welcome page</div>

}
@if (Model.SourcePageTitle == String.Empty)
{
<div><partial name="_NhsChevronLeft" class="feedback-chevron" /> Go back</div>
}
</a>
</li>
</ol>
</div>
</nav>
}
@if (Model.SourcePageTitle == String.Empty)
{
<div><partial name="_NhsChevronLeft" class="feedback-chevron" /> Go back</div>
}
</a>
</li>
</ol>
<p class="nhsuk-breadcrumb__back">
<a class="nhsuk-breadcrumb__link" href="@Model.SourceUrl">Go back to @Model.SourcePageTitle</a>
</p>
</div>
</nav>
}

<div class="nhsuk-grid-row">
<div class="nhsuk-grid-row">
<div class="nhsuk-grid-column-full">
<h2 class="nhsuk-caption-l">Give page or website feedback</h2>
<h1 id="page-heading" class="nhsuk-heading-xl">Give us feedback about what you were trying to achieve</h1>
<h2 class="nhsuk-caption-l">Give page or website feedback</h2>
<h1 id="page-heading" class="nhsuk-heading-xl">Give us feedback about what you were trying to achieve</h1>
</div>
<div class="nhsuk-grid-column-two-thirds">

<form method="post" asp-action="GuestFeedbackComplete">
<form method="post" asp-action="GuestFeedbackComplete">

<vc:text-input asp-for="TaskAttempted"
label="What task did you come to do today?"
populate-with-current-value="true"
type="text"
spell-check="false"
hint-text=""
autocomplete="off"
css-class="nhsuk-input"
required = "false" />
<vc:text-input asp-for="TaskAttempted"
label="What task did you come to do today?"
populate-with-current-value="true"
type="text"
spell-check="false"
hint-text=""
autocomplete="off"
css-class="nhsuk-input"
required="false" />

<vc:text-area asp-for="FeedbackText"
label="Please describe in detail your experience and what you came here to achieve."
populate-with-current-value="true"
rows="5"
type="text"
spell-check="false"
hint-text=""
autocomplete="off"
css-class="nhsuk-u-width-full"
character-count="null" />
<vc:text-area asp-for="FeedbackText"
label="Please describe in detail your experience and what you came here to achieve."
populate-with-current-value="true"
rows="5"
type="text"
spell-check="false"
hint-text=""
autocomplete="off"
css-class="nhsuk-u-width-full"
character-count="null" />

<input type="hidden" asp-for="SourceUrl" value="@Model.SourceUrl" />
<input type="hidden" asp-for="SourceUrl" value="@Model.SourceUrl" />

<div class="nhsuk-u-float-right">
<button class="nhsuk-button" type="submit">
Submit Feedback
<span class="feedback-chevron">
<partial name="_NhsChevronRightOffset" class="feedback-chevron" />
</span>
</button>
</div>
</form>
<div class="nhsuk-u-float-right">
<button class="nhsuk-button" type="submit">
Submit Feedback
<span class="feedback-chevron">
<partial name="_NhsChevronRightOffset" class="feedback-chevron" />
</span>
</button>
</div>
</form>
</div>
</div>
</div>
3 changes: 3 additions & 0 deletions DigitalLearningSolutions.Web/Views/UserFeedback/UserFeedbackComplete.cshtml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,9 @@
</a>
</li>
</ol>
<p class="nhsuk-breadcrumb__back">
<a class="nhsuk-breadcrumb__link" href="@Model.SourceUrl">Go back to @Model.SourcePageTitle</a>
</p>
</div>
</nav>
}
Expand Down
142 changes: 73 additions & 69 deletions DigitalLearningSolutions.Web/Views/UserFeedback/UserFeedbackTaskAchieved.cshtml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,88 +4,92 @@
@model UserFeedbackViewModel;

@{
ViewData["Title"] = "Feedback";
ViewData["Title"] = "Feedback";
}
<link rel="stylesheet" href="@Url.Content("~/css/userFeedback/userFeedback.css")" asp-append-version="true">

@section NavBreadcrumbs {
<nav class="nhsuk-breadcrumb" aria-label="Breadcrumb">
<div class="nhsuk-width-container">
<ol class="nhsuk-breadcrumb__list">
<li class="nhsuk-breadcrumb__item">
<a class="nhsuk-breadcrumb__link trigger-loader" href="@Model.SourceUrl">
@if (Model.SourcePageTitle != String.Empty)
{
<div>&lt Go back to @Model.SourcePageTitle</div>
}
@if (Model.SourcePageTitle == String.Empty)
{
<div>&lt Go back</div>
}
</a>
</li>
</ol>
</div>
</nav>
<nav class="nhsuk-breadcrumb" aria-label="Breadcrumb">
<div class="nhsuk-width-container">
<ol class="nhsuk-breadcrumb__list">
<li class="nhsuk-breadcrumb__item">
<a class="nhsuk-breadcrumb__link trigger-loader" href="@Model.SourceUrl">
@if (Model.SourcePageTitle != String.Empty)
{
<div>&lt Go back to @Model.SourcePageTitle</div>
}
@if (Model.SourcePageTitle == String.Empty)
{
<div>&lt Go back</div>
}
</a>
</li>
</ol>
<p class="nhsuk-breadcrumb__back">
<a class="nhsuk-breadcrumb__link" href="@Model.SourceUrl">Go back to @Model.SourcePageTitle</a>
</p>
</div>
</nav>
}

<div class="nhsuk-grid-row">
<div class="nhsuk-grid-row">
<div class="nhsuk-grid-column-full">
<h2 class="nhsuk-caption-l">Give page or website feedback</h2>
<h1 id="page-heading" class="nhsuk-heading-xl">Did you achieve everything you came to do today?</h1>
<h2 class="nhsuk-caption-l">Give page or website feedback</h2>
<h1 id="page-heading" class="nhsuk-heading-xl">Did you achieve everything you came to do today?</h1>
</div>
<div class="nhsuk-grid-column-two-thirds">

<div class="nhsuk-warning-callout">
<h3 class="nhsuk-warning-callout__label">
<span role="text">
<span class="nhsuk-u-visually-hidden">Important: </span>
We do not reply to this inbox.
</span>
</h3>
<p>If you need support please contact your centre. This might be your Centre Manager or Clinical Centre Manager.</p>
</div>
<div class="nhsuk-warning-callout">
<h3 class="nhsuk-warning-callout__label">
<span role="text">
<span class="nhsuk-u-visually-hidden">Important: </span>
We do not reply to this inbox.
</span>
</h3>
<p>If you need support please contact your centre. This might be your Centre Manager or Clinical Centre Manager.</p>
</div>

<p class="nhsuk-body-l">Step 1 of 4</p>
<p class="nhsuk-body-l">Step 1 of 4</p>

<form method="post" asp-action="UserFeedbackTaskAchievedSet">
<input type="hidden" asp-for="SourceUrl" value="@Model.SourceUrl" />
<input type="hidden" asp-for="SourcePageTitle" value="@Model.SourcePageTitle" />
<div class="nhsuk-hint" id="task-achieve-hint">
Did you achieve everything you came to do today?
</div>
<fieldset class="nhsuk-fieldset" id="feedback-achieved-form" aria-describedby="task-achieve-hint">
<div class="nhsuk-u-margin-bottom-6">
<div class="nhsuk-radios__item">
<input class="nhsuk-radios__input"
id="feedback-achieved-yes"
asp-for="TaskAchieved"
type="radio"
value="true">
<label class="nhsuk-label nhsuk-radios__label" for="feedback-achieved-yes">
Yes
</label>
<form method="post" asp-action="UserFeedbackTaskAchievedSet">
<input type="hidden" asp-for="SourceUrl" value="@Model.SourceUrl" />
<input type="hidden" asp-for="SourcePageTitle" value="@Model.SourcePageTitle" />
<div class="nhsuk-hint" id="task-achieve-hint">
Did you achieve everything you came to do today?
</div>
<div class="nhsuk-radios__item">
<input class="nhsuk-radios__input"
id="feedback-achieved-no"
asp-for="TaskAchieved"
type="radio"
value="false" />
<label class="nhsuk-label nhsuk-radios__label" for="feedback-achieved-no">
No
</label>
<fieldset class="nhsuk-fieldset" id="feedback-achieved-form" aria-describedby="task-achieve-hint">
<div class="nhsuk-u-margin-bottom-6">
<div class="nhsuk-radios__item">
<input class="nhsuk-radios__input"
id="feedback-achieved-yes"
asp-for="TaskAchieved"
type="radio"
value="true">
<label class="nhsuk-label nhsuk-radios__label" for="feedback-achieved-yes">
Yes
</label>
</div>
<div class="nhsuk-radios__item">
<input class="nhsuk-radios__input"
id="feedback-achieved-no"
asp-for="TaskAchieved"
type="radio"
value="false" />
<label class="nhsuk-label nhsuk-radios__label" for="feedback-achieved-no">
No
</label>
</div>
</div>
</fieldset>
<div class="nhsuk-u-float-right">
<button class="nhsuk-button" type="submit">
Continue
<span class="feedback-chevron">
<partial name="_NhsChevronRightOffset" class="feedback-chevron" />
</span>
</button>
</div>
</div>
</fieldset>
<div class="nhsuk-u-float-right">
<button class="nhsuk-button" type="submit">Continue
<span class="feedback-chevron">
<partial name="_NhsChevronRightOffset" class="feedback-chevron" />
</span>
</button>
</div>
</form>
</form>
</div>
</div>
</div>

Loading