Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

handle isLoading

Browse Source
This commit is contained in:
Antoine M 2023-11-30 09:18:26 +01:00
parent 20a6dc10bf
commit 2978c43bb7
2 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
resources/css/pages/template-archives-news.css
View File

@ -2,4 +2,7 @@
.card-grid-container { .card-grid-container {
@apply pt-2; @apply pt-2;
} }
.card-grid-container[isLoading] {
@apply opacity-30;
}
} }

4
resources/js/archive-template-news.js
View File

@ -13,7 +13,11 @@ async function filterPosts(e) {
filterButtons.forEach((button) => { filterButtons.forEach((button) => {
button.classList.remove('filters-toolbar__action-button--active'); button.classList.remove('filters-toolbar__action-button--active');
}); });
const newsContainer = document.querySelector('.news-container .card-grid-container');
newsContainer.setAttribute('isLoading', true);
await hydrateNewsFeedByTypeId(filterID, termName); await hydrateNewsFeedByTypeId(filterID, termName);
newsContainer.removeAttribute('isLoading');
e.target.classList.add('filters-toolbar__action-button--active'); e.target.classList.add('filters-toolbar__action-button--active');
} }