Skip to content

Commit

Permalink
Merge pull request #121 from SkillsFundingAgency/CV-756-cookie-banner…
Browse files Browse the repository at this point in the history 
…-design-content

Update markup and content for cookie banner
  • Loading branch information
@Najamuddin-Muhammad
Najamuddin-Muhammad authored May 29, 2020
2 parents ce4ce6d + a14d1b1 commit 6d36a10
Showing 1 changed file with 25 additions and 23 deletions.
48 changes: 25 additions & 23 deletions src/SFA.DAS.EmployerCommitmentsV2.Web/Views/Shared/_CookieConsentBanner.cshtml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,27 +4,29 @@
var accountHashedId = (string)ViewContext.RouteData.Values["accountHashedId"];
}

<div id="global-cookie-message" data-module="cookie-banner" role="region" aria-label="cookie banner">
<div class="das-cookie-banner">
<div class="das-cookie-banner__wrapper govuk-width-container">
<h2 class="heading-large das-cookie-banner__header">Cookies</h2>
<p class="das-cookie-banner__message">The <abbr title="Education and Skills Funding Agency">ESFA</abbr> uses cookies to make the site simpler.</p>
<div class="das-cookie-banner__buttons">
<div class="das-cookie-banner__button-wrap das-cookie-banner__button-accept">
<button class="govuk-button das-button--outline das-cookie-banner__button" type="submit" data-accept-cookies="true" id="btn-cookie-accept">Accept cookies</button>
</div>
<div class="das-cookie-banner__button-wrap das-cookie-banner__button-settings">
<a class="govuk-button das-button--outline das-cookie-banner__button" role="button" id="btn-cookie-settings"
href="@Url.AccountsLink($"/accounts/{accountHashedId}/CookieConsent")"
class="das-navigation__link">Cookie settings</a>
</div>
<div data-module="cookie-banner" role="region" aria-label="cookie banner" class="das-cookie-banner__wrap">
<div class="das-cookie-banner">
<div class="das-cookie-banner__wrapper govuk-width-container">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<h2 class="govuk-heading-m das-cookie-banner__header">Tell us whether you accept cookies</h2>
<p class="das-cookie-banner__message">We use <a href="@Url.AccountsLink($"/accounts/{accountHashedId}/CookieConsent/details")" class="govuk-link govuk-link--no-visited-state" id="link-cookie-details">cookies to collect information</a> about how you use this service. We use this information to make the service work as well as possible and improve this service.</p>
<div class="das-cookie-banner__buttons">
<div class="das-cookie-banner__button-wrap das-cookie-banner__button-accept">
<button class="govuk-button das-cookie-banner__button" type="submit" data-accept-cookies="true" id="btn-cookie-accept">Accept all cookies</button>
</div>
<div class="das-cookie-banner__button-wrap das-cookie-banner__button-settings">
<a class="govuk-button das-cookie-banner__button" role="button" href="@Url.AccountsLink($"/accounts/{accountHashedId}/CookieConsent")" id="btn-cookie-settings">Set cookie preferences</a>
</div>
</div>
</div>
</div>
<div class="das-cookie-banner__confirmation govuk-width-container" tabindex="-1">
<p class="das-cookie-banner__confirmation-message">
You've accepted all cookies. You can <a class="govuk-link" href="@Url.AccountsLink($"/{accountHashedId}/CookieConsent/Settings")" id="link-cookie-settings">change your cookie settings</a> at any time.
</p>
<button class="das-cookie-banner__hide-button" data-hide-cookie-banner="true" id="btn-hide-cookie-banner">Hide</button>
</div>
</div>
</div>
</div>
</div>
<div class="das-cookie-banner__confirmation govuk-width-container" tabindex="-1">
<p class="das-cookie-banner__confirmation-message">
You've accepted all cookies. You can <a class="govuk-link" href="@Url.AccountsLink($"/accounts/{accountHashedId}/CookieConsent")" id="link-cookie-settings">change your cookie settings</a> at any time.
</p>
<button class="das-cookie-banner__hide-button" data-hide-cookie-banner="true" id="btn-hide-cookie-banner">Hide</button>
</div>
</div>
</div>

0 comments on commit 6d36a10

Please sign in to comment.