cec-nuxt-lib 0.0.1 → 0.0.3

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "cec-vue-lib",
   "configKey": "cec-vue-lib",
-  "version": "0.0.1"
+  "version": "0.0.3"
 }

package/dist/runtime/components/cecBreadcrumb.vue

@@ -22,7 +22,7 @@ const toTitleCase = (str) => {
     .join(' ');
 };
 
-let hrefs = truePath.replace(/-/g, '_').split('/');
+let hrefs = truePath.split('/');
 const links = hrefs.map((e, i) =>
   !e
     ? 'Home'

package/dist/runtime/components/cecHeader.vue

@@ -1,5 +1,9 @@
 <script setup lang="ts">
 import { onMounted } from 'vue';
+import { useState } from '#app';
+
+const searchTerm = useState('searchTerm', () => 'Enter keywords:');
+
 // Cookie control config.
 const config = {
   apiKey: 'c1a902dfad207b122cca32738e623af375e1d2ee',
@@ -85,6 +89,11 @@ const config = {
   },
 };
 
+const getUrl = () => {
+  console.log('getutl');
+  return `/search-results?${encodeURI(searchTerm.value)}`;
+};
+
 const updateToggleText = () => {
   const x = document.getElementById('baToggleText');
   if (x.innerText === 'Listen and translate') {
@@ -94,38 +103,19 @@ const updateToggleText = () => {
   }
 };
 
-const doSearch = () => {
-  let search = searchTextBox.value;
-  if (search !== 'Enter keywords') {
-    window.location.href =
-      '/search.aspx?search_keywords=' + encodeURIComponent(search);
+// Set some things up once page has mounted.
+onMounted(() => {
+  try {
+    CookieControl.load(config);
+  } catch (ignore) {
+    console.log('No cookie control');
   }
-};
-
-  // Set some things up once page has mounted.
-  onMounted(() => {
-    const searchBtn = document.getElementById(
-      'SearchQueryControl_SearchButton',
-    );
-    const searchTextBox = document.getElementById('searchTextBox');
-    searchBtn.addEventListener('click', doSearch);
-    searchTextBox.addEventListener('focus', () => (searchTextBox.value = ''));
-    searchTextBox.addEventListener('keydown', (event) => {
-      if (event.key === 'Enter') {
-        doSearch();
-      }
-    });
-    try {
-      CookieControl.load(config);
-    } catch (ignore) {
-      console.log('No cookie control');
-    }
-    try {
-      BrowseAloud.disableBrowsealoudAnalytics();
-    } catch (ignore) {
-      console.log('No reachdeck.');
-    }
-  });
+  try {
+    BrowseAloud.disableBrowsealoudAnalytics();
+  } catch (ignore) {
+    console.log('No reachdeck.');
+  }
+});
 </script>
 
 <template>
@@ -237,17 +227,22 @@ const doSearch = () => {
               >Search</label
             >
             <input
+              v-model="searchTerm"
+              @focus="searchTerm = ''"
               type="text"
-              value="Enter keywords"
               id="searchTextBox"
               class="sys_searchbox"
             />
-            <input
-              type="button"
+            <a
               id="SearchQueryControl_SearchButton"
-              value="Search"
               class="sys_button sys_searchbutton sys_search-button"
-            />
+              :href="
+                searchTerm === 'Enter keywords:'
+                  ? 'javascript:'
+                  : `/search-results?search_keywords=${encodeURI(searchTerm)}`
+              "
+              >Search</a
+            >
           </div>
         </div>
       </div>
@@ -255,3 +250,7 @@ const doSearch = () => {
     </header>
   </div>
 </template>
+
+<style scoped>
+#SearchQueryControl_SearchButton,#SearchQueryControl_SearchButton:active,#SearchQueryControl_SearchButton:visited{background-color:#206c49;border-color:#206c49;border-radius:.25rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-left:.5rem!important;padding:.375rem .75rem;text-align:center;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;vertical-align:middle;width:100px}#SearchQueryControl_SearchButton:hover{background-color:#1c5e41;border-color:#1c5e41}
+</style>

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.1",
+  "version": "0.0.3",
   "name": "cec-nuxt-lib",
   "description": "Nuxt components and assets",
   "license": "MIT",