mirror of https://github.com/logos-co/open-law.git
Merge pull request #78 from Simple2B/kostia/fix/quick_search_empty
added nothing found message for quick search
This commit is contained in:
commit
bf8e132c87
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -9,8 +9,19 @@
|
||||||
</button>
|
</button>
|
||||||
<!-- Modal body -->
|
<!-- Modal body -->
|
||||||
<div class="p-1 space-y-1">
|
<div class="p-1 space-y-1">
|
||||||
|
<div id="emptyQuickSearchDiv" class="hidden h-32">
|
||||||
|
<table>
|
||||||
|
<thead class="text-xs text-gray-900 uppercase dark:text-gray-400">
|
||||||
|
<tr><th scope="col" class="flex items-center justify-start px-1 py-1">
|
||||||
|
<!-- prettier-ignore -->
|
||||||
|
Nothing found
|
||||||
|
</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
<div id="quickSearchBlock-interpretations">
|
<div id="quickSearchBlock-interpretations">
|
||||||
<table>
|
<table>
|
||||||
<thead class="text-xs text-gray-900 uppercase dark:text-gray-400">
|
<thead class="text-xs text-gray-900 uppercase dark:text-gray-400">
|
||||||
<tr><th scope="col" class="flex items-center justify-start px-1 py-1">
|
<tr><th scope="col" class="flex items-center justify-start px-1 py-1">
|
||||||
<!-- prettier-ignore -->
|
<!-- prettier-ignore -->
|
||||||
|
|
|
@ -44,16 +44,20 @@ const onInputChange = async (e: any) => {
|
||||||
const res = await fetch('/quick_search?' + urlParams);
|
const res = await fetch('/quick_search?' + urlParams);
|
||||||
const json = await res.json();
|
const json = await res.json();
|
||||||
if (res.status === 200) {
|
if (res.status === 200) {
|
||||||
|
let emptyEntityArr = [];
|
||||||
|
|
||||||
for (const entity in json) {
|
for (const entity in json) {
|
||||||
// iterate over json from back end
|
// iterate over json from back end
|
||||||
const el: HTMLDivElement = document.querySelector(
|
const el: HTMLDivElement = document.querySelector(
|
||||||
`#quickSearchBlock-${entity}`,
|
`#quickSearchBlock-${entity}`,
|
||||||
);
|
);
|
||||||
const secondUnusedLink = document.querySelector(`.${entity}Text-1`);
|
const secondUnusedLink = document.querySelector(`.${entity}Text-1`);
|
||||||
|
const emptySearchDiv = document.querySelector('#emptyQuickSearchDiv');
|
||||||
if (secondUnusedLink) {
|
if (secondUnusedLink) {
|
||||||
secondUnusedLink.classList.remove('hidden');
|
secondUnusedLink.classList.remove('hidden');
|
||||||
}
|
}
|
||||||
if (json[entity].length < 1) {
|
if (json[entity].length < 1) {
|
||||||
|
emptyEntityArr.push(entity);
|
||||||
if (el) {
|
if (el) {
|
||||||
el.classList.add('hidden');
|
el.classList.add('hidden');
|
||||||
}
|
}
|
||||||
|
@ -63,10 +67,14 @@ const onInputChange = async (e: any) => {
|
||||||
secondUnusedLink.classList.add('hidden');
|
secondUnusedLink.classList.add('hidden');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
if (emptyEntityArr.length === 4) {
|
||||||
|
emptySearchDiv.classList.remove('hidden');
|
||||||
|
}
|
||||||
|
|
||||||
for (const obj in json[entity]) {
|
for (const obj in json[entity]) {
|
||||||
// iterate over every entity in json
|
// iterate over every entity in json
|
||||||
el.classList.remove('hidden');
|
el.classList.remove('hidden');
|
||||||
|
emptySearchDiv.classList.add('hidden');
|
||||||
const link = document.querySelector(`#${entity}Text-${obj}`);
|
const link = document.querySelector(`#${entity}Text-${obj}`);
|
||||||
// taking needed html element for markup
|
// taking needed html element for markup
|
||||||
if (link) {
|
if (link) {
|
||||||
|
|
Loading…
Reference in New Issue