Minor - SR-376 - Add an alternative UI without the data-fusion which …

…are interfering from the search interface (#11)
ServiceCanada · Jul 15, 2024 · 7f194d5 · 7f194d5
1 parent ca129bb
commit 7f194d5
Show file tree

Hide file tree

Showing 8 changed files with 190 additions and 4 deletions.
diff --git a/test/demoted/v1_1_0_srb-en.html b/test/demoted/v1_1_0_srb-en.html
@@ -0,0 +1,42 @@
+---
+title: Basic search page for Governement of Canada using Headless
+description: Demo page for the Canada.ca Search UI Basic
+lang: en
+altLangPage: srb-fr.html
+nositesearch: true
+pageclass: page-type-search
+pageType: recherche
+share: false
+deptfeature: false
+dateModified: 2024-06-05
+css: "../../src/connector.css"
+script: "../../src/connector.js"
+---
+
+<!--FORM-->
+<form id="gc-searchbox" class="mrgn-tp-sm">
+	<div class="input-group mrgn-tp-lg">
+		<label class="wb-inv" for="sch-inp-ac">Search Government of Canada websites</label>
+		<input id="sch-inp-ac" class="form-control" value="" name="q" autocomplete="off" spellcheck="false" type="search" data-fusion-query="safe" aria-describedby="gc-pi">
+		<span class="input-group-btn">
+		<button class="btn btn-primary btn-small" type="submit"> <span class="glyphicon-search glyphicon" aria-hidden="true"></span> <span class="wb-inv">Search</span> </button>
+		</span>
+	</div>
+	<p id="gc-pi" class="mrgn-tp-md">Don’t include personal information (telephone, email, SIN, financial, medical, or work details).</p>
+</form>
+
+<!--RESULTS-->
+<div data-gc-search='{
+	"searchHub": "canada-gouv-public-websites",
+	"organizationId": "employmentandsocialdevelopmentcanadanonproduction14o5d9wry",
+	"accessToken":"XYZ",
+	"originLevel3": "/en/sr/srb.html"
+}'></div>
+<p class="text-center small"><a href="sra-en.html">Perform an advanced search</a></p>
+
+<!--DEMO-EXPECTATIONS-->
+<h2>Expected output for the result section</h2>
+<details>
+	<summary>Output for Results section</summary>
+	[To be completed, see Connector.js for reference until then]
+</details>
diff --git a/test/demoted/v1_1_0_srb-fr.html b/test/demoted/v1_1_0_srb-fr.html
@@ -0,0 +1,42 @@
+---
+title: Résultats de la recherche (base) pour le gouvernement du Canada avec Headless
+description: Page démo pour l'interface utilisateur de recherche Canada.ca (base)
+lang: fr
+altLangPage: srb-en.html
+nositesearch: true
+pageclass: page-type-search
+pageType: recherche
+share: false
+deptfeature: false
+dateModified: 2024-06-05
+css: "../../src/connector.css"
+script: "../../src/connector.js"
+---
+
+<!--FORM-->
+<form id="gc-searchbox" class="mrgn-tp-sm">
+	<div class="input-group mrgn-tp-lg">
+		<label class="wb-inv" for="sch-inp-ac">Rechercher les sites web du Gouvernment du Canada</label>
+		<input id="sch-inp-ac" class="form-control" value="" name="q" autocomplete="off" spellcheck="false" type="search" data-fusion-query="safe" aria-describedby="gc-pi">
+		<span class="input-group-btn">
+		<button class="btn btn-primary btn-small" type="submit"> <span class="glyphicon-search glyphicon" aria-hidden="true"></span> <span class="wb-inv">Rechercher</span> </button>
+		</span>
+	</div>
+	<p id="gc-pi" class="mrgn-tp-md">N'incluez pas de renseignements personnels (téléphone, courriel, NAS, renseignements financiers, médicaux ou professionnels).</p>
+</form>
+
+<!--RESULTS-->
+<div data-gc-search='{
+	"searchHub": "canada-gouv-public-websites",
+	"organizationId": "employmentandsocialdevelopmentcanadanonproduction14o5d9wry",
+	"accessToken":"XYZ",
+	"originLevel3": "/fr/sr/srb.html"
+}'></div>
+<p class="text-center small"><a href="sra-fr.html">Effectuer une recherche avancée</a></p>
+
+<!--DEMO-EXPECTATIONS-->
+<h2>Section Résultats attendu pour la section de résultats</h2>
+<details>
+	<summary>Section Résultats générée</summary>
+	[À compléter, voir Connector.js comme référence pour l'instant]
+</details>
diff --git a/test/demoted/v1_1_0_src-en.html b/test/demoted/v1_1_0_src-en.html
@@ -0,0 +1,52 @@
+---
+title: Contextual search page (ESDC) for Governement of Canada using Headless
+description: Demo page for the Canada.ca Search UI Contextual
+lang: en
+altLangPage: src-fr.html
+nositesearch: true
+pageclass: page-type-search
+pageType: recherche
+share: false
+deptfeature: false
+dateModified: 2024-06-05
+css:
+	- "../../src/connector.css"
+script:
+	- "../../src/connector.js"
+---
+
+<!--FORM-->
+<form method="GET" action="#wb-land" class="well"> 
+	<div class="row"> 
+		<div class="col-md-8"> 
+			<label for="sch-inp-ac" class="wb-inv">Search keywords:</label>
+		</div> 
+		<div class="col-md-4 text-right"> 
+		<ul class="list-inline">
+			<li><a href="https://www.canada.ca/en/sr/st.html">Search Tips</a></li> 
+			<li><a href="sra-en.html">Advanced Search</a></li>
+		</ul> 
+		</div> 
+	</div>  
+	<div class="input-group mrgn-tp-md"> 
+		<input id="sch-inp-ac" class="form-control" value="" name="q" autocomplete="off" spellcheck="false" type="search" data-fusion-query="safe" aria-describedby="gc-pi"> 
+		<span class="input-group-btn"> <button class="btn btn-primary btn-small" type="submit"> <span class="glyphicon-search glyphicon" aria-hidden="true"></span> <span class="wb-inv">Search</span> </button> </span> 
+	</div> 
+	<p class="mrgn-tp-md "> <a href="srb-en.html">Search all Government of Canada websites</a> </p> 
+	<p id="gc-pi" class="mrgn-tp-md">Don't include personal information (telephone, email, SIN, financial, medical, or work details).</p>
+</form>
+
+<!--RESULTS-->
+<div data-gc-search='{
+	"searchHub": "canada-gouv-public-websites",
+	"organizationId": "employmentandsocialdevelopmentcanadanonproduction14o5d9wry",
+	"accessToken":"XYZ",
+	"originLevel3": "/en/employment-social-development/search.html"
+}'></div>
+
+<!--DEMO-EXPECTATIONS-->
+<h2>Expected output for the result section</h2>
+<details>
+	<summary>Output for Results section</summary>
+	[To be completed, see Connector.js for reference until then]
+</details>
diff --git a/test/demoted/v1_1_0_src-fr.html b/test/demoted/v1_1_0_src-fr.html
@@ -0,0 +1,50 @@
+---
+title: Résultats de la recherche (contextuels à EDSC) pour le gouvernement du Canada avec Headless
+description: Page démo pour l'interface utilisateur de recherche Canada.ca (contextuelle)
+lang: fr
+altLangPage: src-en.html
+nositesearch: true
+pageclass: page-type-search
+pageType: recherche
+share: false
+deptfeature: false
+dateModified: 2024-06-05
+css: "../../src/connector.css"
+script: "../../src/connector.js"
+---
+
+<!--FORM-->
+<form method="GET" action="#wb-land" class="well"> 
+	<div class="row"> 
+		<div class="col-md-8"> 
+			<label for="sch-inp-ac" class="wb-inv">Rechercher des mots-clés :</label>
+		</div> 
+		<div class="col-md-4 text-right"> 
+			<ul class="list-inline"> 
+				<li><a href="https://www.canada.ca/fr/sr/tr.html">Trucs de recherche</a></li> 
+				<li><a href="sra-fr.html">Recherche avancée</a></li> 
+			</ul>
+		</div> 
+	</div>  
+	<div class="input-group mrgn-tp-md"> 
+		<input id="sch-inp-ac" class="form-control" value="" name="q" autocomplete="off" spellcheck="false" style="outline: medium none;" type="search" data-fusion-query="safe" aria-describedby="gc-pi"> 
+		<span class="input-group-btn"> <button id="sch-inp" class="btn btn-primary btn-small" name="wb-srch-sub" type="submit"> <span class="glyphicon-search glyphicon"></span> <span class="wb-inv">Rechercher</span> </button> </span> 
+	</div> 
+	<p class="mrgn-tp-md "><a href="srb-fr.html">Effectuer une recherche sur tous les sites Web du gouvernement du Canada</a></p> 
+	<p id="gc-pi" class="mrgn-tp-md">N'incluez pas de renseignements personnels (téléphone, courriel, NAS, renseignements financiers, médicaux ou professionnels).</p>
+</form>
+
+<!--RESULTS-->
+<div data-gc-search='{
+	"searchHub": "canada-gouv-public-websites",
+	"organizationId": "employmentandsocialdevelopmentcanadanonproduction14o5d9wry",
+	"accessToken":"XYZ",
+	"originLevel3": "/fr/emploi-developpement-social/rechercher.html"
+}'></div>
+
+<!--DEMO-EXPECTATIONS-->
+<h2>Section Résultats attendu pour la section de résultats</h2>
+<details>
+	<summary>Section Résultats générée</summary>
+	[À compléter, voir Connector.js comme référence pour l'instant]
+</details>
diff --git a/test/srb-en.html b/test/srb-en.html
@@ -17,7 +17,7 @@
 <form id="gc-searchbox" class="mrgn-tp-sm">
 	<div class="input-group mrgn-tp-lg">
 		<label class="wb-inv" for="sch-inp-ac">Search Government of Canada websites</label>
-		<input id="sch-inp-ac" class="form-control" value="" name="q" autocomplete="off" spellcheck="false" type="search" data-fusion-query="safe" aria-describedby="gc-pi">
+		<input id="sch-inp-ac" class="form-control" value="" name="q" autocomplete="off" spellcheck="false" type="search" aria-describedby="gc-pi">
 		<span class="input-group-btn">
 		<button class="btn btn-primary btn-small" type="submit"> <span class="glyphicon-search glyphicon" aria-hidden="true"></span> <span class="wb-inv">Search</span> </button>
 		</span>

diff --git a/test/srb-fr.html b/test/srb-fr.html
@@ -17,7 +17,7 @@
 <form id="gc-searchbox" class="mrgn-tp-sm">
 	<div class="input-group mrgn-tp-lg">
 		<label class="wb-inv" for="sch-inp-ac">Rechercher les sites web du Gouvernment du Canada</label>
-		<input id="sch-inp-ac" class="form-control" value="" name="q" autocomplete="off" spellcheck="false" type="search" data-fusion-query="safe" aria-describedby="gc-pi">
+		<input id="sch-inp-ac" class="form-control" value="" name="q" autocomplete="off" spellcheck="false" type="search" aria-describedby="gc-pi">
 		<span class="input-group-btn">
 		<button class="btn btn-primary btn-small" type="submit"> <span class="glyphicon-search glyphicon" aria-hidden="true"></span> <span class="wb-inv">Rechercher</span> </button>
 		</span>

diff --git a/test/src-en.html b/test/src-en.html
@@ -29,7 +29,7 @@
 		</div> 
 	</div>  
 	<div class="input-group mrgn-tp-md"> 
-		<input id="sch-inp-ac" class="form-control" value="" name="q" autocomplete="off" spellcheck="false" type="search" data-fusion-query="safe" aria-describedby="gc-pi"> 
+		<input id="sch-inp-ac" class="form-control" value="" name="q" autocomplete="off" spellcheck="false" type="search" aria-describedby="gc-pi"> 
 		<span class="input-group-btn"> <button class="btn btn-primary btn-small" type="submit"> <span class="glyphicon-search glyphicon" aria-hidden="true"></span> <span class="wb-inv">Search</span> </button> </span> 
 	</div> 
 	<p class="mrgn-tp-md "> <a href="srb-en.html">Search all Government of Canada websites</a> </p> 

diff --git a/test/src-fr.html b/test/src-fr.html
@@ -27,7 +27,7 @@
 		</div> 
 	</div>  
 	<div class="input-group mrgn-tp-md"> 
-		<input id="sch-inp-ac" class="form-control" value="" name="q" autocomplete="off" spellcheck="false" style="outline: medium none;" type="search" data-fusion-query="safe" aria-describedby="gc-pi"> 
+		<input id="sch-inp-ac" class="form-control" value="" name="q" autocomplete="off" spellcheck="false" style="outline: medium none;" type="search" aria-describedby="gc-pi"> 
 		<span class="input-group-btn"> <button id="sch-inp" class="btn btn-primary btn-small" name="wb-srch-sub" type="submit"> <span class="glyphicon-search glyphicon"></span> <span class="wb-inv">Rechercher</span> </button> </span> 
 	</div> 
 	<p class="mrgn-tp-md "><a href="srb-fr.html">Effectuer une recherche sur tous les sites Web du gouvernement du Canada</a></p>