Skip to content
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

FIND-75 Nunjucks variant #16

Open
wants to merge 35 commits into
base: main
Choose a base branch
from
+348 −320
Open

FIND-75 Nunjucks variant #16

Show file tree
Hide file tree
Changes from 16 commits
Commits
Show all changes
35 commits
Select commit Hold shift + click to select a range
a26a2a7
secondary navigation and styles
JohnHeeryTNA Jan 6, 2025
375e48d
styling update secondary navigation
JohnHeeryTNA Jan 6, 2025
52490d0
search filters accordion and styles
JohnHeeryTNA Jan 6, 2025
6438964
text update
JohnHeeryTNA Jan 6, 2025
f391971
spacing adjustment
JohnHeeryTNA Jan 6, 2025
6becc86
code formating
JohnHeeryTNA Jan 6, 2025
4095f89
style adjustment
JohnHeeryTNA Jan 7, 2025
a0f0b90
placeholder content
JohnHeeryTNA Jan 7, 2025
aa08401
code tidy
JohnHeeryTNA Jan 7, 2025
bd1e29b
formatting
JohnHeeryTNA Jan 7, 2025
380aac5
code tidy
JohnHeeryTNA Jan 7, 2025
335c670
code formatting
JohnHeeryTNA Jan 7, 2025
67b32f8
formating code
JohnHeeryTNA Jan 7, 2025
215245e
code formatting
JohnHeeryTNA Jan 7, 2025
fe89f05
Prettier fixes
JohnHeeryTNA Jan 7, 2025
6e914fc
code formatting
JohnHeeryTNA Jan 8, 2025
688d4de
changing colour theme
JohnHeeryTNA Jan 20, 2025
f482a0c
Merge branch 'main' into feature/FIND-75-nj-variant
JohnHeeryTNA Jan 20, 2025
a82e7ae
text input component
JohnHeeryTNA Jan 20, 2025
525922e
Merge branch 'feature/FIND-75-nj-variant' of https://github.com/natio…
JohnHeeryTNA Jan 20, 2025
7c5e0c1
date input ranges
JohnHeeryTNA Jan 20, 2025
c223df0
update button now in nunjucks
JohnHeeryTNA Jan 20, 2025
1bbab61
code formatting
JohnHeeryTNA Jan 20, 2025
5be5861
code tidy
JohnHeeryTNA Jan 20, 2025
2df1452
npm update
JohnHeeryTNA Jan 20, 2025
f8873ef
nunjucks check boxes
JohnHeeryTNA Jan 20, 2025
e5dcab8
secondary navigation via nunjucks
JohnHeeryTNA Jan 23, 2025
04e01a0
date range elements now handled via nunjucks
JohnHeeryTNA Jan 23, 2025
24b0546
Merge branch 'main' into feature/FIND-75-nj-variant
JohnHeeryTNA Jan 23, 2025
3a2add1
Moving side filters to. an include folder
JohnHeeryTNA Jan 23, 2025
e9fe017
moving filters to an include foldeMerge branch 'feature/FIND-75-nj-va…
JohnHeeryTNA Jan 23, 2025
d2512c4
accordion check boxes now via nunjucks
JohnHeeryTNA Jan 23, 2025
54d618d
typo adjust
JohnHeeryTNA Jan 24, 2025
309e010
poetry update
JohnHeeryTNA Jan 28, 2025
9d0fc22
whitespace removal
JohnHeeryTNA Jan 28, 2025
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
308 changes: 308 additions & 0 deletions app/templates/search/catalogue/accord.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,308 @@
<div class="tna-container">
<div class="tna-column tna-column--width-1-4 tna-column--width-1-3-medium tna-column--full-small tna-column--full-tiny tna-!--margin-top-l">
<div class="tna-accordion" data-multiselectable="true" data-module="tna-accordion">
<div class="tna-accordion__item" data-isopen="true">
<h3 class="tna-accordion__heading tna-heading-s">
Search within results
</h3>
<div class="tna-accordion__body" id="-content-1">
<div class="search-filters__form-block">
<input type="text" name="filter_keyword" class="search-filters__search" id="id_filter_keyword">
JohnHeeryTNA marked this conversation as resolved.
Show resolved Hide resolved
<input type="submit" value="Search" class="search-filters__submitleft tna-button">
</div>
</div>
</div>
<div class="tna-accordion__item" data-isopen="true">
<h3 class="tna-accordion__heading tna-heading-s">
Dates
</h3>
<div class="tna-accordion__body" id="-content-1">
<div class="tna-form__group">
<fieldset class="tna-form__fieldset">
<legend class="tna-form__legend">
For example, 27 3 2007 or 2007<br>
From:
</legend>
<div class="tna-date-input" id="date">
<div class="tna-date-input__item">
<label for="date-day" class="tna-date-input__item-label">
Day
</label>
<input type="text" id="date-day" value="" name="date-day" class="tna-date-input__item-input" inputmode="numeric">
</div>
<div class="tna-date-input__item">
<label for="date-month" class="tna-date-input__item-label">
Month
</label>
<input type="text" id="date-month" value="" name="date-month" class="tna-date-input__item-input" inputmode="numeric">
</div>
<div class="tna-date-input__item">
<label for="date-year" class="tna-date-input__item-label">
Year
</label>
<input type="text" id="date-year" value="" name="date-year" class="tna-date-input__item-input tna-date-input__item-input--wider" inputmode="numeric">
</div>
</div>
<legend class="tna-form__legend">
To:
</legend>
<div class="tna-date-input" id="date">
<div class="tna-date-input__item">
<label for="date-day" class="tna-date-input__item-label">
Day
</label>
<input type="text" id="date-day" value="" name="date-day" class="tna-date-input__item-input" inputmode="numeric">
</div>
<div class="tna-date-input__item">
<label for="date-month" class="tna-date-input__item-label">
Month
</label>
<input type="text" id="date-month" value="" name="date-month" class="tna-date-input__item-input" inputmode="numeric">
</div>
<div class="tna-date-input__item">
<label for="date-year" class="tna-date-input__item-label">
Year
</label>
<input type="text" id="date-year" value="" name="date-year" class="tna-date-input__item-input tna-date-input__item-input--wider" inputmode="numeric">
</div>
</div>
</fieldset>
</div>
JohnHeeryTNA marked this conversation as resolved.
Show resolved Hide resolved
</div>
</div>
<!--collections-->
<div class="tna-accordion__item" data-isopen="true">
<h3 class="tna-accordion__heading tna-heading-s">
Collections
</h3>
<div class="tna-accordion__body" id="-content-1">
<div class="tna-form__group">
<fieldset class="tna-form__fieldset">

<div class="tna-checkboxes" id="categories">
<div class="tna-checkboxes__item">
<input type="checkbox" id="categories-alpha" value="alpha" name="categories">
<label for="categories-alpha" class="tna-checkboxes__item-label">
ADM - Admiralty, Navy, Royal Marines, and Coastguard (2,391,494)
</label>
</div>
<div class="tna-checkboxes__item">
<input type="checkbox" id="categories-beta" value="beta" name="categories">
<label for="categories-beta" class="tna-checkboxes__item-label">
AIR - Air Ministry and Royal Air Force records (713,881)
</label>
</div>
<div class="tna-checkboxes__item">
<input type="checkbox" id="categories-gamma" value="gamma" name="categories">
<label for="categories-gamma" class="tna-checkboxes__item-label">
BT - Board of Trade and successors (2,539,478)
</label>
</div>
<div class="tna-checkboxes__item">
<input type="checkbox" id="categories-alpha" value="alpha" name="categories">
<label for="categories-alpha" class="tna-checkboxes__item-label">
C - Chancery, the Wardrobe, Royal Household, Exchequer and various commissions (1,440,321)
</label>
</div>
<div class="tna-checkboxes__item">
<input type="checkbox" id="categories-alpha" value="alpha" name="categories">
<label for="categories-alpha" class="tna-checkboxes__item-label">
E - Exchequer, Office of First Fruits and Tenths, and the Court of Augmentations (391,201)
</label>
</div>
<div class="tna-checkboxes__item">
<input type="checkbox" id="categories-alpha" value="alpha" name="categories">
<label for="categories-alpha" class="tna-checkboxes__item-label">
FO - Foreign Office (685,022)
</label>
</div>
<div class="tna-checkboxes__item">
<input type="checkbox" id="categories-alpha" value="alpha" name="categories">
<label for="categories-alpha" class="tna-checkboxes__item-label">
HO - Home Office (1,665,502)
</label>
</div>
<div class="tna-checkboxes__item">
<input type="checkbox" id="categories-alpha" value="alpha" name="categories">
<label for="categories-alpha" class="tna-checkboxes__item-label">
IR - Boards of Stamps, Taxes, Excise, Stamps and Taxes, and Inland Revenue (371,749)
</label>
</div>
<div class="tna-checkboxes__item">
<input type="checkbox" id="categories-alpha" value="alpha" name="categories">
<label for="categories-alpha" class="tna-checkboxes__item-label">
PROB - Prerogative Court of Canterbury (1,265,613)
</label>
</div>
<div class="tna-checkboxes__item">
<input type="checkbox" id="categories-alpha" value="alpha" name="categories">
<label for="categories-alpha" class="tna-checkboxes__item-label">
WO - War Office, Armed Forces, Judge Advocate General, and related bodies (6,248,745)
</label>
</div>
</div>
</fieldset>
</div>

</div>
</div>
<!--Levels--->
<div class="tna-accordion__item" data-isopen="false">
<h3 class="tna-accordion__heading tna-heading-s">
Levels
</h3>
<div class="tna-accordion__body" id="-content-1">
<div class="tna-form__group">
<fieldset class="tna-form__fieldset">
<div class="tna-checkboxes" id="categories">
<div class="tna-checkboxes__item">
<input type="checkbox" id="categories-alpha" value="alpha" name="categories">
<label for="categories-alpha" class="tna-checkboxes__item-label">
Division (1,212)
</label>
</div>
<div class="tna-checkboxes__item">
<input type="checkbox" id="categories-beta" value="beta" name="categories">
<label for="categories-beta" class="tna-checkboxes__item-label">
Item (16,804,232)
</label>
</div>
<div class="tna-checkboxes__item">
<input type="checkbox" id="categories-gamma" value="gamma" name="categories">
<label for="categories-gamma" class="tna-checkboxes__item-label">
Lettercode (433)
</label>
</div>
<div class="tna-checkboxes__item">
<input type="checkbox" id="categories-gamma" value="gamma" name="categories">
<label for="categories-gamma" class="tna-checkboxes__item-label">
Piece (7,531,835)
</label>
</div>
<div class="tna-checkboxes__item">
<input type="checkbox" id="categories-gamma" value="gamma" name="categories">
<label for="categories-gamma" class="tna-checkboxes__item-label">
Series (20,421)
</label>
</div>
<div class="tna-checkboxes__item">
<input type="checkbox" id="categories-gamma" value="gamma" name="categories">
<label for="categories-gamma" class="tna-checkboxes__item-label">
Sub-series (68,616)
</label>
</div>
<div class="tna-checkboxes__item">
<input type="checkbox" id="categories-gamma" value="gamma" name="categories">
<label for="categories-gamma" class="tna-checkboxes__item-label">
Sub-sub-series (58,540)
</label>
</div>
</div>
</fieldset>
</div>
JohnHeeryTNA marked this conversation as resolved.
Show resolved Hide resolved

</div>
</div>
<div class="tna-accordion__item" data-isopen="false">
<h3 class="tna-accordion__heading tna-heading-s">
Closure status
</h3>
<div class="tna-accordion__body" id="-content-1">
<div class="tna-form__group">
<fieldset class="tna-form__fieldset">
<div class="tna-checkboxes" id="categories">
<div class="tna-checkboxes__item">
<input type="checkbox" id="categories-alpha" value="alpha" name="categories">
<label for="categories-alpha" class="tna-checkboxes__item-label">
Closed Or Retained Document, Closed Description (25,386)
</label>
</div>
<div class="tna-checkboxes__item">
<input type="checkbox" id="categories-beta" value="beta" name="categories">
<label for="categories-beta" class="tna-checkboxes__item-label">
Closed Or Retained Document, Open Description (376,449)
</label>
</div>
<div class="tna-checkboxes__item">
<input type="checkbox" id="categories-gamma" value="gamma" name="categories">
<label for="categories-gamma" class="tna-checkboxes__item-label">
Open Document, Open Description (23,919,391)
</label>
</div>
</div>
</fieldset>
</div>

</div>
</div>
<!--opening dates-->
<div class="tna-accordion__item" data-isopen="false">
<h3 class="tna-accordion__heading tna-heading-s">
Record opening dates
</h3>
<div class="tna-accordion__body" id="-content-1">
<div class="tna-form__group">
<fieldset class="tna-form__fieldset">
<legend class="tna-form__legend">
For example, 27 3 2007 or 2007<br>
From:
</legend>
<div class="tna-date-input" id="date">
<div class="tna-date-input__item">
<label for="date-day" class="tna-date-input__item-label">
Day
</label>
<input type="text" id="date-day" value="" name="date-day" class="tna-date-input__item-input" inputmode="numeric">
</div>
<div class="tna-date-input__item">
<label for="date-month" class="tna-date-input__item-label">
Month
</label>
<input type="text" id="date-month" value="" name="date-month" class="tna-date-input__item-input" inputmode="numeric">
</div>
<div class="tna-date-input__item">
<label for="date-year" class="tna-date-input__item-label">
Year
</label>
<input type="text" id="date-year" value="" name="date-year" class="tna-date-input__item-input tna-date-input__item-input--wider" inputmode="numeric">
</div>
</div>
<legend class="tna-form__legend">
To:
</legend>
<div class="tna-date-input" id="date">
<div class="tna-date-input__item">
<label for="date-day" class="tna-date-input__item-label">
Day
</label>
<input type="text" id="date-day" value="" name="date-day" class="tna-date-input__item-input" inputmode="numeric">
</div>
<div class="tna-date-input__item">
<label for="date-month" class="tna-date-input__item-label">
Month
</label>
<input type="text" id="date-month" value="" name="date-month" class="tna-date-input__item-input" inputmode="numeric">
</div>
<div class="tna-date-input__item">
<label for="date-year" class="tna-date-input__item-label">
Year
</label>
<input type="text" id="date-year" value="" name="date-year" class="tna-date-input__item-input tna-date-input__item-input--wider" inputmode="numeric">
</div>
</div>
</fieldset>
</div>

</div>

<div class="tna-container tna-container--align-right">
<div class="tna-column tna-column--width-1-3">
<input type="submit" value="Update" class="tna-button update-filters">
</div>
</div>
JohnHeeryTNA marked this conversation as resolved.
Show resolved Hide resolved
</div>
</div>
</div>



Loading
Loading