From c1f299c66a08a8cdccb56301ecad2ca0c8c6089f Mon Sep 17 00:00:00 2001 From: Mat Johnson Date: Mon, 24 Aug 2026 14:30:28 +0100 Subject: [PATCH 1/6] Add empty template picker page --- app/views/clinics/select-session-template.html | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) create mode 100644 app/views/clinics/select-session-template.html diff --git a/app/views/clinics/select-session-template.html b/app/views/clinics/select-session-template.html new file mode 100644 index 0000000..47fa816 --- /dev/null +++ b/app/views/clinics/select-session-template.html @@ -0,0 +1,18 @@ +{% extends 'layout.html' %} + +{% set pageName = "" %} + +{% from "_includes/primary-navigation.html" import primaryNavigation %} +{% block header %} + {{ primaryNavigation("Clinics", serviceName) }} +{% endblock %} + +{% block beforeContent %}{% endblock %} + +{% block content %} +
+
+ This bee the template picky page +
+
+{% endblock %} \ No newline at end of file From 99b95c7eccf9b777737dff7f180b087c2079daa0 Mon Sep 17 00:00:00 2001 From: Mat Johnson Date: Tue, 25 Aug 2026 14:34:48 +0100 Subject: [PATCH 2/6] Round 1 of select template --- ...ceholder-session-template-special-held.png | Bin 0 -> 4390 bytes .../images/placeholder-session-template.png | Bin 0 -> 2244 bytes .../sass/components/_template-card.scss | 12 ++ app/assets/sass/main.scss | 1 + .../clinics/select-session-template.html | 181 +++++++++++++++++- 5 files changed, 192 insertions(+), 2 deletions(-) create mode 100644 app/assets/images/placeholder-session-template-special-held.png create mode 100644 app/assets/images/placeholder-session-template.png create mode 100644 app/assets/sass/components/_template-card.scss diff --git a/app/assets/images/placeholder-session-template-special-held.png b/app/assets/images/placeholder-session-template-special-held.png new file mode 100644 index 0000000000000000000000000000000000000000..ad56fca2690a758049a924147d63dd6de777e7c3 GIT binary patch literal 4390 zcmeAS@N?(olHy`uVBq!ia0y~yU|P<=z>N-WFR7| zXlZ7qYouq$z@Ra)bmDn!mq3x@_QuX?X^SEPE~%{PnQyu=Fzr&nWD~caTPr`G;Wsso zd*7=Pooemc*&EOOk7?VfC`~2R>_{Q$WzTK=dsEK6z4LkJ{p#~C?-d`EJiQ`v@gnw3 zJNL-(ve#ZV-n?&B`W=&pOI!0?O}9Mk?Bqy&`&X=8bp7A3wV$5<+d8YYWnt4{U7ICY zRdE#|7Mmtr*SRN@7jXGh(}&K2<$B^G`!;^ran@gKdCtEr5&f>t57r2OTUuB6M|^dr zt+tN-a^2aHVfF8l_a2#i!q?X;M>PMKg4YZMyJHfHE)8*PseBKX_v=Lls_lPnT|Ykhwk_3X|+e3Q-OUUt{I8gISAbR$mv;}7OG z{?cACZ*%px&F3%59=Y~pwO(SnxYd)Iw|~U@lhc31B^(095@&%&WHAE+w=f7ZGR&GI z!N9=p?djqeQZeW4&4s*7fefsUeKAhlU+%LBIW;ZhoxmZG-k|qS+&cJRvG%=BxAm+U z6cX&K85j&YUNJkgj^fcU7)=ACX<#%BjHZDBNCQW!cG;!nGcdSCY=2+)jg29p<>}Xd zXYMgD^gOuE-oSNr6c48`==xf-`#dOeH^_ZEe^Z*FL2%mrvYC4s86*y_=VuUIHHt^W oU^ESkrh(BkFq#GiC=JxF(G{Qhc+R0Yz`izvr>mdKI;Vst0GN}q_y7O^ literal 0 HcmV?d00001 diff --git a/app/assets/images/placeholder-session-template.png b/app/assets/images/placeholder-session-template.png new file mode 100644 index 0000000000000000000000000000000000000000..9b4f11a819696c979f794aec808749bb555b62fc GIT binary patch literal 2244 zcmeAS@N?(olHy`uVBq!ia0y~yU|P<=z$>fG)m%@Cra##ORK{5nEaktG3V`tjhW1h0t^SW5599)!PF@I;{o>%mz_$-PugSiZ%iT_6p9c;Oh uIyK>gS-> -
- This bee the template picky page +
+ +
+ +
+ +
+ +
+

Choose session template

+ +
+
+

+ Standard day +

+ + Select this template + +
+
+
+ +
+
+
+
+
+ Total capacity +
+
+ 42 slots +
+
+
+
+ Time +
+
+ 09:00 to 17:00 +
+
+
+ +
+
+
+
+
+ Slot length +
+
+ 10 minutes +
+
+
+
+ Total held +
+
+ 8 slots +
+
+
+
+ Total cancelled +
+
+ 6 slots +
+
+
+
+
+
+ +
+
+

+ Special appointments day +

+ + Select this template + +
+
+
+ +
+
+
+
+
+ Total capacity +
+
+ 42 slots +
+
+
+
+ Time +
+
+ 09:00 to 17:00 +
+
+
+ +
+
+
+
+
+ Slot length +
+
+ 10 minutes +
+
+
+
+ Total held +
+
+ 42 slots +
+
+
+
+ Total cancelled +
+
+ 6 slots +
+
+
+
+
+
+ + +

+ Create new session template +

+
{% endblock %} \ No newline at end of file From f4a4bdf869309fa6864af430f28e580691e18a0d Mon Sep 17 00:00:00 2001 From: Mat Johnson Date: Tue, 25 Aug 2026 15:13:52 +0100 Subject: [PATCH 3/6] Adding a quick 'full preview' as a page --- .../select-session-template-full-preview.html | 476 ++++++++++++++++++ 1 file changed, 476 insertions(+) create mode 100644 app/views/clinics/select-session-template-full-preview.html diff --git a/app/views/clinics/select-session-template-full-preview.html b/app/views/clinics/select-session-template-full-preview.html new file mode 100644 index 0000000..69d126f --- /dev/null +++ b/app/views/clinics/select-session-template-full-preview.html @@ -0,0 +1,476 @@ +{% extends 'layout.html' %} +{% block header %}{% endblock %} + +{% block beforeContent %} + + Back + +{% endblock %} + +{% block content %} + + + +
+
+ +
+

Session template full preview

+

+ Session time + {{ data.newSession.startTime.hour | zeroPad }}:{{ data.newSession.startTime.minute | zeroPad }} to {{ data.newSession.endTime.hour | zeroPad }}:{{ data.newSession.endTime.minute | zeroPad }} +

+
+ +
+
+
+ 09:00 + to 09:20 + Special appointment + Merged (2) +
+
+
+
+ 09:10 + to 09:20 + + Merged (1) +
+
+
+
+ 09:20 + to 09:40 + Special appointment + Merged (2) +
+
+
+
+ 09:30 + to 09:40 + + Merged (1) +
+
+
+
+ 09:40 + to 09:50 + + +
+
+
+
+ 09:50 + to 10:00 + + +
+
+
+
+ 10:00 + to 10:10 + + +
+
+
+
+ 10:10 + to 10:20 + + +
+
+
+
+ 10:20 + to 10:30 + + +
+
+
+
+ 10:30 + to 10:40 + + +
+
+
+
+ 10:40 + to 10:50 + + +
+
+
+
+ 10:50 + to 11:00 + + +
+
+
+
+ 11:00 + to 11:10 + + +
+
+
+
+ 11:10 + to 11:20 + + +
+
+
+
+ 11:20 + to 11:30 + + +
+
+
+
+ 11:30 + to 11:40 + + +
+
+
+
+ 11:40 + to 11:50 + + +
+
+
+
+ 11:50 + to 12:00 + + +
+
+
+
+ 12:00 + to 12:10 + + +
+
+
+
+ 12:10 + to 12:20 + + +
+
+
+
+ 12:20 + to 12:30 + + +
+
+
+
+ 12:30 + to 12:40 + + +
+
+
+
+ 12:40 + to 12:50 + + +
+
+
+
+ 12:50 + to 13:00 + + +
+
+
+
+ 13:00 + to 14:00 + Staff break + Merged (6) +
+
+
+
+ 13:10 + to 13:20 + + Merged (1) +
+
+
+
+ 13:20 + to 13:30 + + Merged (1) +
+
+
+
+ 13:30 + to 13:40 + + Merged (1) +
+
+
+
+ 13:40 + to 13:50 + + Merged (1) +
+
+
+
+ 13:50 + to 14:00 + + Merged (1) +
+
+
+
+ 14:00 + to 14:10 + + +
+
+
+
+ 14:10 + to 14:20 + + +
+
+
+
+ 14:20 + to 14:30 + + +
+
+
+
+ 14:30 + to 14:40 + + +
+
+
+
+ 14:40 + to 14:50 + + +
+
+
+
+ 14:50 + to 15:00 + + +
+
+
+
+ 15:00 + to 15:10 + + +
+
+
+
+ 15:10 + to 15:20 + + +
+
+
+
+ 15:20 + to 15:30 + + +
+
+
+
+ 15:30 + to 15:40 + + +
+
+
+
+ 15:40 + to 15:50 + + +
+
+
+
+ 15:50 + to 16:00 + + +
+
+
+
+ 16:00 + to 16:10 + + +
+
+
+
+ 16:10 + to 16:20 + + +
+
+
+
+ 16:20 + to 16:30 + Held + +
+
+
+
+ 16:30 + to 16:40 + Held + +
+
+
+
+ 16:40 + to 16:50 + Held + +
+
+
+
+ 16:50 + to 17:00 + Held + +
+
+
+ +
+
+ +{% endblock %} +{% block footer %}{% endblock %} \ No newline at end of file From 7aeb11040a1b34f02b55489f5140b529db92293a Mon Sep 17 00:00:00 2001 From: Mat Johnson Date: Tue, 25 Aug 2026 16:32:56 +0100 Subject: [PATCH 4/6] popping in some examples and a single modal rough html sketch --- .../placeholder-session-template-default.png | Bin 0 -> 4386 bytes .../components/_template-preview-dialog.scss | 53 +++++++++++ app/assets/sass/main.scss | 1 + .../select-session-template-full-preview.html | 6 +- .../clinics/select-session-template.html | 82 +++++++++++++++++- 5 files changed, 137 insertions(+), 5 deletions(-) create mode 100644 app/assets/images/placeholder-session-template-default.png create mode 100644 app/assets/sass/components/_template-preview-dialog.scss diff --git a/app/assets/images/placeholder-session-template-default.png b/app/assets/images/placeholder-session-template-default.png new file mode 100644 index 0000000000000000000000000000000000000000..8dd9838dc7f58eb3eb59845017339dbebdffc708 GIT binary patch literal 4386 zcmeAS@N?(olHy`uVBq!ia0y~yU|P<=z>N-WFR7| zXlZ7qYouq$z@Ra)bmD1mCr6QX`>h^Tl2;ZjXl>bg=>=oZYz0-F2^_{JvKC(tfAF|y zz2HT&3~dpY+$!By`YUoTSaEbIbzHl+X@&2}w=ujuCyeJ<-v5(!F7X*p#9>L*)z^6) z%)&1?G0rcx+w>r(;-H`S+8rNUL}O*=&*TicZ1--%jE~2XudS+m7oXjwUc#zV_R!Gv zD%YXOhYntC%KEgepnX!`u~z@qyR%{feq6hfELvw~8TwFv^45YA{MXD9(_e`nuiH53 z+NMLFiehe_>H1VG|5^2H=bbxij>vt?D{*4^@Gzx|^G}6jN=TZ%T-%H3qNbnNPyM|7 zL^XV3WGZiOYS0qR2V$kJtJGE0T>Vd+*pT+^e}4SeCm#ZqR&C~gHJ|74T5+ju3qnkK z&O0C0kZpV`s8@9L&mYE~J>79@vewlWYW;CJ_QaSW-L^Y-RKK_*8A7RPzN^gs2pcODYpW@7pJ=)@yGpK_MhZg0$v?EpsS z^{dPb4W1$L3|gajGz>=5z-Ss6O#`E8U?9@Kx8IL?tpD>%06totCbZFuYzFT(+zx>|-60i$>{3`WzyXc`zz1EXnRfYQJZ Z=7v||zv69DZUOt*44$rjF6*2UngDOOs{H@} literal 0 HcmV?d00001 diff --git a/app/assets/sass/components/_template-preview-dialog.scss b/app/assets/sass/components/_template-preview-dialog.scss new file mode 100644 index 0000000..9d9b9a9 --- /dev/null +++ b/app/assets/sass/components/_template-preview-dialog.scss @@ -0,0 +1,53 @@ +// Import NHS.UK frontend library +@use "nhsuk-frontend/dist/nhsuk/core" as *; + +.app-template-preview-dialog { + position: fixed; + inset: 0; + width: 90vw; + max-width: 960px; + height: 90vh; + margin: 5vh auto; + padding: 0; + border: none; + + &::backdrop { + background: rgba(0, 0, 0, 0.5); + } + + &__content { + position: relative; + } + + &__close { + position: absolute; + z-index: 1; + right: 0; + top: 0; + width: nhsuk-spacing(7); + height: nhsuk-spacing(7); + display: flex; + align-items: center; + justify-content: center; + color: nhsuk-colour("white"); + background-color: nhsuk-colour("black"); + border: 0; + font-size: 24px; + line-height: 1; + cursor: pointer; + + + &:focus { + background-color: $nhsuk-focus-colour; + color: $nhsuk-focus-text-colour; + outline: $nhsuk-border-width solid $nhsuk-focus-text-colour; + outline-offset: 0; + } + } + + &__frame { + width: 100%; + height: 90vh; + border: none; + } +} diff --git a/app/assets/sass/main.scss b/app/assets/sass/main.scss index 7611213..cfdff94 100755 --- a/app/assets/sass/main.scss +++ b/app/assets/sass/main.scss @@ -16,6 +16,7 @@ //@forward "components/participant-search"; @forward "components/progress-bar"; @forward "components/template-card"; +@forward "components/template-preview-dialog"; @forward "components/workflow"; //{% set containerClasses = "nhsuk-width-container-fluid" %} diff --git a/app/views/clinics/select-session-template-full-preview.html b/app/views/clinics/select-session-template-full-preview.html index 69d126f..4cd1694 100644 --- a/app/views/clinics/select-session-template-full-preview.html +++ b/app/views/clinics/select-session-template-full-preview.html @@ -2,9 +2,9 @@ {% block header %}{% endblock %} {% block beforeContent %} - + {% endblock %} {% block content %} @@ -72,7 +72,7 @@
-
+

Session template full preview

diff --git a/app/views/clinics/select-session-template.html b/app/views/clinics/select-session-template.html index ccd474e..3bb091f 100644 --- a/app/views/clinics/select-session-template.html +++ b/app/views/clinics/select-session-template.html @@ -84,7 +84,7 @@

- Show full template preview +
@@ -151,7 +151,7 @@

- Show full template preview +
@@ -185,6 +185,73 @@

+
+
+

+ Default session template +

+ + Select this template + +
+
+
+ +
+
+
+
+
+ Total capacity +
+
+ 42 slots +
+
+
+
+ Time +
+
+ 09:00 to 17:00 +
+
+
+
+ +
+
+
+
+
+
+ Slot length +
+
+ 10 minutes +
+
+
+
+ Total held +
+
+ 0 slots +
+
+
+
+ Total cancelled +
+
+ 6 slots +
+
+
+
+
+
+

Create new session template @@ -192,4 +259,15 @@

+ + + +
+ + +
+ {% endblock %} \ No newline at end of file From f18d11d1e49941982aba2837f091e6826633b812 Mon Sep 17 00:00:00 2001 From: Mat Johnson Date: Tue, 25 Aug 2026 16:38:42 +0100 Subject: [PATCH 5/6] Add @extend .nhsuk-link--no-visited-state to all a tags in the app wheeeeeeeee --- app/assets/sass/main.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/app/assets/sass/main.scss b/app/assets/sass/main.scss index cfdff94..a7c9bb6 100755 --- a/app/assets/sass/main.scss +++ b/app/assets/sass/main.scss @@ -25,6 +25,10 @@ width: 1280px; } +a { + @extend .nhsuk-link--no-visited-state; +} + .app-card-editable { display: flex; justify-content: space-between; From 2c4a459f5989b9b4a604c3634ceb26f5f658d71c Mon Sep 17 00:00:00 2001 From: Mat Johnson Date: Tue, 25 Aug 2026 16:54:32 +0100 Subject: [PATCH 6/6] Hard code session times --- app/views/clinics/select-session-template-full-preview.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/views/clinics/select-session-template-full-preview.html b/app/views/clinics/select-session-template-full-preview.html index 4cd1694..b93e0c7 100644 --- a/app/views/clinics/select-session-template-full-preview.html +++ b/app/views/clinics/select-session-template-full-preview.html @@ -78,7 +78,7 @@

Session template full preview

Session time - {{ data.newSession.startTime.hour | zeroPad }}:{{ data.newSession.startTime.minute | zeroPad }} to {{ data.newSession.endTime.hour | zeroPad }}:{{ data.newSession.endTime.minute | zeroPad }} + 09:00 to 17:00