From d32771eae180d56413f85b346df35844cf116b9c Mon Sep 17 00:00:00 2001 From: CKodes <78678795+CKodes@users.noreply.github.com> Date: Mon, 22 Jan 2024 10:58:45 +0800 Subject: [PATCH] Improv/mobile responsive report (#261) * Core layout changes to desktop UI to support mobile responsive UI * New media queries and css declarations for mobile UI * New scripts to support search feature * Updates to the following to support search feature tagged with comments _search feat changes_ --------- Co-authored-by: Joshua Lai --- .gitignore | 3 + __mocks__/mock-report.html | 1423 +++++++++++++++-- .../ejs/partials/components/reportSearch.ejs | 89 ++ .../ejs/partials/components/ruleOffcanvas.ejs | 2 + static/ejs/partials/components/scanAbout.ejs | 8 +- .../partials/components/wcagCompliance.ejs | 74 +- static/ejs/partials/header.ejs | 127 +- static/ejs/partials/main.ejs | 75 +- .../ejs/partials/scripts/categorySummary.ejs | 100 +- static/ejs/partials/scripts/reportSearch.ejs | 254 +++ static/ejs/partials/scripts/ruleOffcanvas.ejs | 71 +- static/ejs/partials/styles/styles.ejs | 318 +++- static/ejs/report.ejs | 95 +- static/mustache/report.mustache | 2 +- 14 files changed, 2218 insertions(+), 423 deletions(-) create mode 100644 static/ejs/partials/components/reportSearch.ejs create mode 100644 static/ejs/partials/scripts/reportSearch.ejs diff --git a/.gitignore b/.gitignore index cb0da7c9..a569cb84 100644 --- a/.gitignore +++ b/.gitignore @@ -29,3 +29,6 @@ verapdf* amazon-corretto-11.jdk/ jre +# test folders +/test-codes +_test-ui \ No newline at end of file diff --git a/__mocks__/mock-report.html b/__mocks__/mock-report.html index 1af99314..b08801be 100644 --- a/__mocks__/mock-report.html +++ b/__mocks__/mock-report.html @@ -1,13 +1,1044 @@ - + - - - + + + Accessibility Report - + @@ -22,25 +1053,39 @@ - - - - + + + +
-

Accessibility Report

-

Measure of compliance against GovTech-defined and WCAG 2.1 standards

+

Accessibility Report

+

+ Measure of compliance against GovTech-defined and WCAG 2.1 standards +

-

Run on 7 Jun 2021, 0:15 am
4 issues spotted

+

Run on 7 Jun 2021, 0:15 am
4 issues spotted

- +
- Dark mode is an experimental feature, do drop us an email to let us know what you think about it! :) + Dark mode is an experimental feature, do + drop us an email to let us know what you + think about it! :)
-
+ +
diff --git a/static/ejs/partials/components/scanAbout.ejs b/static/ejs/partials/components/scanAbout.ejs index 9ac07ae9..8f7a15a7 100644 --- a/static/ejs/partials/components/scanAbout.ejs +++ b/static/ejs/partials/components/scanAbout.ejs @@ -1,5 +1,5 @@ -