Starlio/StarlioX
1
0
Fork 0
mirror of https://github.com/Starlio-app/StarlioX synced 2025-02-22 23:13:12 +03:00
Code Issues Projects Releases Packages Wiki Activity

add loading bar in gallery

Browse source
This commit is contained in:
Данил 2022-09-19 23:40:49 +03:00
parent 87878315e5
commit e62165dd51
3 changed files with 11 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

5
web/static/scripts/gallery.js
View file

@ -23,6 +23,7 @@ const myModal = new bootstrap.Modal('#Wallpaper', {
myModal.show()
function Wallpaper(data) {
$(".preloader").fadeOut(0)
for (let i = 0; i < data.length; i++) {
if (data[i].media_type === "image") {
$(".header-row").append(`
@ -60,7 +61,7 @@ function Wallpaper(data) {
<p>Author: <strong>${data[id - 1].copyright}</strong></p>
<p>Date of shooting: <strong>${data[id - 1].date}</strong></p>
<p>Explanation: <strong>${data[id - 1].explanation}</strong></p>
`
`.replace("undefined", "Unknown")
title.innerHTML = `
<h5 class="modal-title">${data[id - 1].title}</h5>
`
@ -89,7 +90,7 @@ function Wallpaper(data) {
<p>Author: <strong>${data[id - 1].copyright}</strong></p>
<p>Date of shooting: <strong>${data[id - 1].date}</strong></p>
<p>Explanation: <strong>${data[id - 1].explanation}</strong></p>
`
`.replace("undefined", "Unknown")
title.innerHTML = `
<h5 class="modal-title">${data[id].title}</h5>
`

4
web/static/style/gallery.css
View file

@ -19,4 +19,8 @@
.card-img-top {
object-fit: none;
object-position: center;
}
lottie-player {
margin: 0 auto;
}