Skip to content
Snippets Groups Projects
Verified Commit 22b538cb authored by MickGe's avatar MickGe :tiger2:
Browse files

add reload button

parent ef32e707
Branches dev
No related tags found
No related merge requests found
import { loadContent } from "./main.js";
export const actionBar = document.createElement('div');
actionBar.classList.add('actionbar');
......@@ -11,8 +13,13 @@ actionBar.appendChild(cleanCookiesButton);
cleanCookiesButton.innerHTML = "🍪";
cleanCookiesButton.title="Cliquer pour supprimer les cookies";
const reloadButton = document.createElement('button');
actionBar.appendChild(reloadButton);
reloadButton.innerHTML = "⟳";
reloadButton.title="Cliquer pour recharger";
const reverseSort = () => {
const newsFeedEl = document.querySelector(".news-feed-el");
const newsFeedEl = document.getElementById("news-feed-el");
newsFeedEl.classList.toggle('reverse');
}
......@@ -21,5 +28,12 @@ const cleanCookies = () => {
document.cookie = 'instanceURL=""; expires=Thu, 01 Jan 1970 00:00:01 GMT"; samesite=lax; secure';
}
const reload = () => {
const newsFeedEl = document.getElementById('news-feed-el');
document.getElementById('app').removeChild(newsFeedEl);
loadContent();
}
sortButton.addEventListener('click', reverseSort);
cleanCookiesButton.addEventListener('click', cleanCookies);
\ No newline at end of file
cleanCookiesButton.addEventListener('click', cleanCookies);
reloadButton.addEventListener('click', reload);
\ No newline at end of file
......@@ -16,15 +16,19 @@ const instanceURL = new URL(promptURL);
document.cookie = `token=${token}; max-age=604800; samesite=lax; secure`;
document.cookie = `instanceURL=${encodeURIComponent(instanceURL)}; max-age=604800; samesite=lax; secure`;
const appendChildren = async () => {
export const loadContent = async () => {
const content = await getData(instanceURL, token);
document.querySelector('#app').appendChild(actionBar);
document.querySelector('#app').appendChild(content?.newsFeedEl || content);
document.querySelector('#bm_nb').textContent = content?.bookmarksNb || "Ø";
document.getElementById('app').appendChild(content?.newsFeedEl || content);
document.getElementById('bm_nb').textContent = content?.bookmarksNb || "Ø";
if (content?.bookmarksNb)
document.title = `${content.bookmarksNb} Mastodon unBookmarks`;
}
const appendChildren = () => {
document.getElementById('app').appendChild(actionBar);
loadContent();
}
appendChildren();
// YaehBqDsKZwFtM7Nqa0ZO7TPE9RKQ_kMgzRNoRu7PZ0
\ No newline at end of file
const newsFeedEl = document.createElement('div');
newsFeedEl.classList.add('news-feed-el');
newsFeedEl.id = 'news-feed-el';
const newsFetch = async (url, token) => {
const response = await fetch(url, {mode: "cors", headers: { Authorization: `Bearer ${token}`}})
......@@ -21,7 +22,7 @@ const unbookmark = async (url, token, id, card) => {
.then((res) => {
if (res.ok) {
card.classList.add('disappeared');
const bookmarksNb = document.querySelector('#bm_nb').textContent -= 1;
const bookmarksNb = document.getElementById('bm_nb').textContent -= 1;
document.title = `${bookmarksNb} Mastodon unBookmarks`;
} else {
console.error('*** Bookmark not unbookmarks ***');
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment