voussoir/etiquette
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Hide the photo card holder when there are no photos.

Browse source 
I didn't like the narrow sliver of div that was left.
This commit is contained in:
voussoir 2020-12-26 12:14:42 -08:00
parent 33b4799268
commit 7f2d463062
1 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
frontends/etiquette_flask/templates/clipboard.html
View file

@ -135,6 +135,9 @@
</body> </body>
<script type="text/javascript"> <script type="text/javascript">
// divs maps photo IDs to the photo card div which will be shown in the holder.
// They are stored in this map so we can update them from API data without
// navigating the dom for them.
const divs = {}; const divs = {};
const needed = new Set(); const needed = new Set();
const holder = document.getElementById("clipboard_photos_holder"); const holder = document.getElementById("clipboard_photos_holder");
@ -189,6 +192,14 @@ function refresh_divs()
holder.appendChild(photo_div) holder.appendChild(photo_div)
} }
} }
if (holder.childElementCount == 0)
{
holder.classList.add("hidden");
}
else
{
holder.classList.remove("hidden");
}
} }
function request_more_divs() function request_more_divs()
@ -217,13 +228,13 @@ function request_more_divs()
photo_div = common.html_to_element(response.data[photo_id]); photo_div = common.html_to_element(response.data[photo_id]);
divs[photo_id] = photo_div; divs[photo_id] = photo_div;
needed.delete(photo_id) needed.delete(photo_id)
holder.appendChild(photo_div);
} }
photo_clipboard.apply_check_all(); photo_clipboard.apply_check_all();
if (needed.size > 0) if (needed.size > 0)
{ {
console.log("Needed but not received: " + Array.from(needed)); console.log("Needed but not received: " + Array.from(needed));
} }
refresh_divs();
} }
common.post(url, data, callback); common.post(url, data, callback);
} }