-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
WCM-436 Implement the first design of search v2 (#335)
Many changes are in this large piece of work. # Search Functionality * Feature parity with v1 search except search exclusions which were removed * Search is performed using Wagtail's search capabilities * All new views instrumented with new detailed GTM functionality for performance analysis # Interface * Complete redesign of the search page * Searching for pages, people and teams has been unified into one page * "All" search category gives an overview of matching pages, people and teams * Opt-in / opt-out functionality connected to the `user.enable_v2_search` flag: * Opt-in invitation banner appears on all v1 search pages * Opt-out banner appears on all pages, if user is opted in * New view, template to support it * Users will be redirected from v1 to v2 search and vice versa depending on their `user.enable_v2_search` status * For opted-in users, implemented a new site-wide header and navigation: * Unified search bar replacing two distinct bars * Moved site navigation below the red line in the header * Moved the new bar into the new navigation area * Moved the profile widget into the top space where the old search bar used to be * Reworked the navigation design and states on desktop and mobile according to the new designs * Top header bar CSS completely reworked to better fit govuk grid guidelines and the design, as well as responsive layout considerations, if not the govuk CSS implementation * Django template structure reworked slightly to make post-beta rationalisation easier * Feedback mechanisms adopted: * used new django app taking functionality from https://github.com/uktrade/jml * linked from the beta banner, a new form to submit detailed feedback to new model and send email notification * a new "star rating" widget that submits data to GTM and triggers the feedback form # Other / behind the scenes changes * Put `TODO [DWPF-454]` comments in the codebase wherever beta-specific functionality is implemented, making it easier to cleanup the codebase at the end of the beta * Upgraded gov-frontend NPM package to the latest version, including several changes to HTML nodes for compatibility (e.g. `span` => `p` * Removed all hex value colour definitions from CSS, replacing with SCSS vars or functions as appropriate [DWPF-454]: https://uktrade.atlassian.net/browse/DWPF-454?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ > NB requires extra ENV vars: --------- Co-authored-by: Sam Dudley <[email protected]> Co-authored-by: Cameron Lamb <[email protected]>
- Loading branch information
1 parent
c9563d4
commit 349eb70
Showing
77 changed files
with
2,553 additions
and
2,383 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -38,6 +38,9 @@ PROFILE_EDITED_EMAIL_TEMPLATE_ID=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxx | |
# Profile deleted | ||
PROFILE_DELETED_EMAIL_TEMPLATE_ID=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxx | ||
|
||
# Beta feedback notification | ||
FEEDBACK_NOTIFICATION_EMAIL_TEMPLATE_ID=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxx | ||
|
||
# Hawk authentication | ||
HAWK_INCOMING_ACCESS_KEY=xxx | ||
HAWK_INCOMING_SECRET_KEY=xxx | ||
|
@@ -54,4 +57,5 @@ PERSON_UPDATE_WEBHOOK_URL= | |
# Home page | ||
HIDE_NEWS=False | ||
|
||
FEEDBACK_NOTIFICATION_EMAIL_RECIPIENTS="[email protected]," | ||
# TESTS_KEEP_DB=1 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -70,6 +70,7 @@ [email protected] | |
PROFILE_DELETION_REQUEST_EMAIL_TEMPLATE_ID=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxx | ||
PROFILE_EDITED_EMAIL_TEMPLATE_ID=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxx | ||
PROFILE_DELETED_EMAIL_TEMPLATE_ID=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxx | ||
FEEDBACK_NOTIFICATION_EMAIL_TEMPLATE_ID=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxx | ||
|
||
# Hawk authentication | ||
HAWK_INCOMING_ACCESS_KEY=xxx | ||
|
@@ -99,3 +100,5 @@ IMPORT_USER_PWD= | |
|
||
# Home page | ||
HIDE_NEWS=False | ||
|
||
FEEDBACK_NOTIFICATION_EMAIL_RECIPIENTS="[email protected]," |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,6 +1,8 @@ | ||
const images = require.context('../images', true) | ||
const imagePath = (name) => images(name, true) | ||
import "htmx.org/dist/htmx.js"; | ||
|
||
require.context('govuk-frontend/govuk/assets'); | ||
import { initAll } from 'govuk-frontend'; | ||
const images = require.context("../images", true); | ||
const imagePath = (name) => images(name, true); | ||
|
||
require.context("govuk-frontend/govuk/assets"); | ||
import { initAll } from "govuk-frontend"; | ||
initAll(); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,3 +1,2 @@ | ||
import 'htmx.org/dist/htmx.js'; | ||
import 'cropperjs/dist/cropper.css'; | ||
export { default as Cropper } from 'cropperjs'; | ||
import "cropperjs/dist/cropper.css"; | ||
export { default as Cropper } from "cropperjs"; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -34,7 +34,7 @@ | |
|
||
h2 { | ||
a { | ||
color: #005ea5; | ||
color: $govuk-link-colour; | ||
} | ||
} | ||
|
||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.