Skip to content

Commit e9d5759

Browse files
devansXDdevansXD
committed
Restore search.html from clean base with changes from 8e651ed and 413af3e 
1 parent 8928a4d commit e9d5759

1 file changed

Lines changed: 177 additions & 89 deletions

File tree

‎app/views/current/search.html‎

Lines changed: 177 additions & 89 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,43 @@
1313
{% block content %}
1414

1515
<!-- ============================================ -->
16-
<!-- MODE 1: KNOWN-ITEM SEEKING -->
16+
<!-- MODE 1: RE-FINDING -->
17+
<!-- ============================================ -->
18+
19+
20+
<!-- When signed in, show recent activity cards -->
21+
<h2 class="nhsuk-heading-l">Your activity</h2>
22+
<div class="nhsuk-grid-row nhsuk-card-group">
23+
<div class="nhsuk-grid-column-one-half nhsuk-card-group__item">
24+
<div class="nhsuk-card">
25+
<div class="nhsuk-card__content">
26+
<h3 class="nhsuk-card__heading nhsuk-heading-s">Your recently viewed items</h3>
27+
<ul class="nhsuk-list nhsuk-list--bullet">
28+
<li><a href="#">Stryker Mako SmartRobotics</a> — viewed yesterday</li>
29+
<li><a href="#">Smith+Nephew PICO 7</a> — viewed 3 days ago</li>
30+
<li><a href="#">Medtronic MiniMed 780G</a> — viewed last week</li>
31+
</ul>
32+
</div>
33+
</div>
34+
</div>
35+
<div class="nhsuk-grid-column-one-half nhsuk-card-group__item">
36+
<div class="nhsuk-card">
37+
<div class="nhsuk-card__content">
38+
<h3 class="nhsuk-card__heading nhsuk-heading-s">Your saved items</h3>
39+
<ul class="nhsuk-list nhsuk-list--bullet">
40+
<li><a href="#">SmartPump 300 Infusion System</a></li>
41+
<li><a href="#">Collagen Pro Matrix</a></li>
42+
</ul>
43+
<p class="nhsuk-body-s nhsuk-u-margin-top-3"><a href="#">View all saved items</a></p>
44+
</div>
45+
</div>
46+
</div>
47+
</div>
48+
49+
<hr class="nhsuk-section-break nhsuk-section-break--l nhsuk-section-break--visible">
50+
51+
<!-- ============================================ -->
52+
<!-- MODE 2: KNOWN-ITEM SEEKING -->
1753
<!-- Users who know exactly what they're after -->
1854
<!-- ============================================ -->
1955
<div class="nhsuk-grid-row">
@@ -42,12 +78,138 @@ <h2 class="nhsuk-heading-l">Common searches</h2>
4278
</div>
4379

4480
<hr class="nhsuk-section-break nhsuk-section-break--l nhsuk-section-break--visible">
81+
<div class="nhsuk-grid-row">
82+
83+
<div class="nhsuk-grid-column-two-thirds">
84+
4585

86+
87+
<!-- ============================================ -->
88+
<!-- MODE 4: RE-FINDING -->
4689
<!-- ============================================ -->
47-
<!-- MODE 2: EXPLORATORY SEEKING -->
90+
91+
92+
<!-- When signed in, show recent activity cards -->
93+
94+
<div class="nhsuk-grid-row nhsuk-card-group">
95+
<div class="nhsuk-grid-column-one-half nhsuk-card-group__item">
96+
<div class="nhsuk-card">
97+
<div class="nhsuk-card__content">
98+
<h3 class="nhsuk-card__heading nhsuk-heading-s">Recently viewed</h3>
99+
<ul class="nhsuk-list nhsuk-list--bullet">
100+
<li><a href="#">Stryker Mako SmartRobotics</a> — viewed yesterday</li>
101+
<li><a href="#">Smith+Nephew PICO 7</a> — viewed 3 days ago</li>
102+
<li><a href="#">Medtronic MiniMed 780G</a> — viewed last week</li>
103+
</ul>
104+
</div>
105+
</div>
106+
</div>
107+
<div class="nhsuk-grid-column-one-half nhsuk-card-group__item">
108+
<div class="nhsuk-card">
109+
<div class="nhsuk-card__content">
110+
<h3 class="nhsuk-card__heading nhsuk-heading-s">Saved searches</h3>
111+
<ul class="nhsuk-list nhsuk-list--bullet">
112+
<li><a href="#">Insulin pumps comparison (4 products)</a></li>
113+
<li><a href="#">Hip systems shortlist</a></li>
114+
</ul>
115+
<p class="nhsuk-body-s nhsuk-u-margin-top-3"><a href="#">View all saved items</a></p>
116+
</div>
117+
</div>
118+
</div>
119+
</div>
120+
121+
122+
123+
124+
</div>
125+
</div>
126+
127+
<hr class="nhsuk-section-break nhsuk-section-break--l nhsuk-section-break--visible">
128+
129+
130+
<!-- ============================================ -->
131+
<!-- MODE 3: EXPLORATORY SEEKING -->
48132
<!-- Users researching options, may not know -->
49133
<!-- exactly what they need -->
50134
<!-- ============================================ -->
135+
<div class="nhsuk-grid-row">
136+
<div class="nhsuk-grid-column-full">
137+
138+
<h2 class="nhsuk-heading-l">Browse by care setting</h2>
139+
<p class="nhsuk-body">Explore what's available in care settings like yours.</p>
140+
141+
<ul class="nhsuk-grid-row nhsuk-card-group">
142+
<li class="nhsuk-grid-column-one-third nhsuk-card-group__item">
143+
<div class="nhsuk-card nhsuk-card--clickable">
144+
<div class="nhsuk-card__content">
145+
<h3 class="nhsuk-card__heading nhsuk-heading-s">
146+
<a class="nhsuk-card__link" href="category-wound-care">Prevention and health promotion</a>
147+
</h3>
148+
149+
</div>
150+
</div>
151+
</li>
152+
<li class="nhsuk-grid-column-one-third nhsuk-card-group__item">
153+
<div class="nhsuk-card nhsuk-card--clickable">
154+
<div class="nhsuk-card__content">
155+
<h3 class="nhsuk-card__heading nhsuk-heading-s">
156+
<a class="nhsuk-card__link" href="search-results-viz-all">Primary care</a>
157+
</h3>
158+
159+
</div>
160+
</div>
161+
</li>
162+
<li class="nhsuk-grid-column-one-third nhsuk-card-group__item">
163+
<div class="nhsuk-card nhsuk-card--clickable">
164+
<div class="nhsuk-card__content">
165+
<h3 class="nhsuk-card__heading nhsuk-heading-s">
166+
<a class="nhsuk-card__link" href="category-wound-care">Primary prescribing</a>
167+
</h3>
168+
169+
</div>
170+
</div>
171+
</li>
172+
<li class="nhsuk-grid-column-one-third nhsuk-card-group__item">
173+
<div class="nhsuk-card nhsuk-card--clickable">
174+
<div class="nhsuk-card__content">
175+
<h3 class="nhsuk-card__heading nhsuk-heading-s">
176+
<a class="nhsuk-card__link" href="category-wound-care">Ambulance</a>
177+
</h3>
178+
179+
</div>
180+
</div>
181+
</li>
182+
<li class="nhsuk-grid-column-one-third nhsuk-card-group__item">
183+
<div class="nhsuk-card nhsuk-card--clickable">
184+
<div class="nhsuk-card__content">
185+
<h3 class="nhsuk-card__heading nhsuk-heading-s">
186+
<a class="nhsuk-card__link" href="category-wound-care">A & E</a>
187+
</h3>
188+
189+
</div>
190+
</div>
191+
</li>
192+
<li class="nhsuk-grid-column-one-third nhsuk-card-group__item">
193+
<div class="nhsuk-card nhsuk-card--clickable">
194+
<div class="nhsuk-card__content">
195+
<h3 class="nhsuk-card__heading nhsuk-heading-s">
196+
<a class="nhsuk-action-link" href="#">
197+
<svg class="nhsuk-icon nhsuk-icon--arrow-right-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" focusable="false" aria-hidden="true">
198+
<path d="M12 2a10 10 0 0 0-10 9h11.7l-4-4a1 1 0 0 1 1.5-1.4l5.6 5.7a1 1 0 0 1 0 1.4l-5.6 5.7a1 1 0 0 1-1.5 0 1 1 0 0 1 0-1.4l4-4H2A10 10 0 1 0 12 2z" />
199+
</svg>
200+
<span class="nhsuk-action-link__text">View all care settings</span>
201+
</a>
202+
</h3>
203+
204+
</div>
205+
</div>
206+
</li>
207+
</ul>
208+
209+
210+
211+
</div>
212+
</div>
51213
<div class="nhsuk-grid-row">
52214
<div class="nhsuk-grid-column-full">
53215

@@ -70,7 +232,7 @@ <h3 class="nhsuk-card__heading nhsuk-heading-s">
70232
<div class="nhsuk-card nhsuk-card--clickable">
71233
<div class="nhsuk-card__content">
72234
<h3 class="nhsuk-card__heading nhsuk-heading-s">
73-
<a class="nhsuk-card__link" href="category-wound-care">Wound care</a>
235+
<a class="nhsuk-card__link" href="search-results-viz-all">Wound care</a>
74236
</h3>
75237
<p class="nhsuk-card__description">Dressings, negative pressure therapy and skin substitutes</p>
76238
<p class="nhsuk-body-s nhsuk-u-secondary-text-color">183 products · 56 trust evaluations</p>
@@ -113,11 +275,15 @@ <h3 class="nhsuk-card__heading nhsuk-heading-s">
113275
<li class="nhsuk-grid-column-one-third nhsuk-card-group__item">
114276
<div class="nhsuk-card nhsuk-card--clickable">
115277
<div class="nhsuk-card__content">
116-
<h3 class="nhsuk-card__heading nhsuk-heading-s">
117-
<a class="nhsuk-card__link" href="categories">View all categories</a>
118-
</h3>
119-
<p class="nhsuk-card__description">Browse the full catalogue by GMDN classification</p>
120-
<p class="nhsuk-body-s nhsuk-u-secondary-text-color">18 categories · 1,247 products</p>
278+
279+
<a class="nhsuk-action-link" href="#">
280+
<svg class="nhsuk-icon nhsuk-icon--arrow-right-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" focusable="false" aria-hidden="true">
281+
<path d="M12 2a10 10 0 0 0-10 9h11.7l-4-4a1 1 0 0 1 1.5-1.4l5.6 5.7a1 1 0 0 1 0 1.4l-5.6 5.7a1 1 0 0 1-1.5 0 1 1 0 0 1 0-1.4l4-4H2A10 10 0 1 0 12 2z" />
282+
</svg>
283+
<span class="nhsuk-action-link__text">Explore more categories</span>
284+
</a>
285+
286+
121287
</div>
122288
</div>
123289
</li>
@@ -129,7 +295,7 @@ <h3 class="nhsuk-card__heading nhsuk-heading-s">
129295
<hr class="nhsuk-section-break nhsuk-section-break--l nhsuk-section-break--visible">
130296

131297
<!-- ============================================ -->
132-
<!-- MODE 3: DON'T KNOW WHAT YOU NEED TO KNOW -->
298+
<!-- MODE 4: DON'T KNOW WHAT YOU NEED TO KNOW -->
133299
<!-- Users who may not know the right questions -->
134300
<!-- or what evidence matters -->
135301
<!-- ============================================ -->
@@ -145,7 +311,7 @@ <h3 class="nhsuk-card__heading nhsuk-heading-m">
145311
<a class="nhsuk-card__link" href="#">Value-based procurement explained</a>
146312
</h3>
147313
<p class="nhsuk-card__description">
148-
How to move beyond lowest-price decisions and evaluate products on outcomes, safety, integration and sustainability
314+
Move beyond lowest-price decisions and evaluate products on outcomes, safety, integration and sustainability.
149315
</p>
150316
</div>
151317
</div>
@@ -167,94 +333,16 @@ <h3 class="nhsuk-card__heading nhsuk-heading-m">
167333
<a class="nhsuk-card__link" href="#">Questions to ask other trusts</a>
168334
</h3>
169335
<p class="nhsuk-card__description">
170-
A checklist of questions that procurement leads and clinical engineers find most useful when speaking with peers about their experience
336+
Find out what questions procurement leads and clinical engineers use when speaking with peers about their experience.
171337
</p>
172338
</div>
173339
</div>
174340

175-
176-
177-
</div>
178341

179-
<!-- Data sources sidebar - surfaced for "don't know" users -->
180-
<div class="nhsuk-grid-column-one-third">
181-
182-
183342

184343
</div>
185344
</div>
186345

187-
<hr class="nhsuk-section-break nhsuk-section-break--l nhsuk-section-break--visible">
188-
<div class="nhsuk-grid-row">
189-
190-
<div class="nhsuk-grid-column-two-thirds">
191-
<div class="nhsuk-card nhsuk-card--secondary">
192-
<div class="nhsuk-card__content">
193-
<h3 class="nhsuk-card__heading nhsuk-heading-l">Our sources</h3>
194-
<p class="nhsuk-body-s">We aggregate evidence from trusted sources, each with different strengths:</p>
195-
196-
<dl class="nhsuk-summary-list nhsuk-summary-list--no-border app-summary-list--compact">
197-
<div class="nhsuk-summary-list__row">
198-
<dt class="nhsuk-summary-list__key nhsuk-body-s"><strong>NICE Guidance</strong></dt>
199-
<dd class="nhsuk-summary-list__value nhsuk-body-s">Clinical and cost effectiveness</dd>
200-
</div>
201-
<div class="nhsuk-summary-list__row">
202-
<dt class="nhsuk-summary-list__key nhsuk-body-s"><strong>ODEP</strong></dt>
203-
<dd class="nhsuk-summary-list__value nhsuk-body-s">Long-term implant performance</dd>
204-
</div>
205-
<div class="nhsuk-summary-list__row">
206-
<dt class="nhsuk-summary-list__key nhsuk-body-s"><strong>Trust evaluations</strong></dt>
207-
<dd class="nhsuk-summary-list__value nhsuk-body-s">Real-world NHS experience</dd>
208-
</div>
209-
<div class="nhsuk-summary-list__row">
210-
<dt class="nhsuk-summary-list__key nhsuk-body-s"><strong>MHRA</strong></dt>
211-
<dd class="nhsuk-summary-list__value nhsuk-body-s">Regulatory compliance</dd>
212-
</div>
213-
</dl>
214-
215-
<p class="nhsuk-body-s"><a href="#">Learn more about each source</a></p>
216-
</div>
217-
</div>
218-
219-
220-
<!-- ============================================ -->
221-
<!-- MODE 4: RE-FINDING -->
222-
<!-- Users returning to things they've seen -->
223-
<!-- ============================================ -->
224-
225-
226-
<!-- When signed in, show recent activity cards -->
227-
228-
<div class="nhsuk-grid-row nhsuk-card-group">
229-
<div class="nhsuk-grid-column-one-half nhsuk-card-group__item">
230-
<div class="nhsuk-card">
231-
<div class="nhsuk-card__content">
232-
<h3 class="nhsuk-card__heading nhsuk-heading-s">Recently viewed</h3>
233-
<ul class="nhsuk-list nhsuk-list--bullet">
234-
<li><a href="#">Stryker Mako SmartRobotics</a> — viewed yesterday</li>
235-
<li><a href="#">Smith+Nephew PICO 7</a> — viewed 3 days ago</li>
236-
<li><a href="#">Medtronic MiniMed 780G</a> — viewed last week</li>
237-
</ul>
238-
</div>
239-
</div>
240-
</div>
241-
<div class="nhsuk-grid-column-one-half nhsuk-card-group__item">
242-
<div class="nhsuk-card">
243-
<div class="nhsuk-card__content">
244-
<h3 class="nhsuk-card__heading nhsuk-heading-s">Saved comparisons</h3>
245-
<ul class="nhsuk-list nhsuk-list--bullet">
246-
<li><a href="#">Insulin pumps comparison (4 products)</a></li>
247-
<li><a href="#">Hip systems shortlist</a></li>
248-
</ul>
249-
<p class="nhsuk-body-s nhsuk-u-margin-top-3"><a href="#">View all saved items</a></p>
250-
</div>
251-
</div>
252-
</div>
253-
</div>
254-
255-
256-
</div>
257-
</div>
258346

259347

260348

0 commit comments

Comments
 (0)