Function refreshMails

nui/scripts/script.js:1161–1248

(callback)

 * @param {function} [callback] function callback 
 */
const refreshMails = (callback) => {
    fetch(`https://${GetParentResourceName()}/appAction`,
    {
        method: "POST",
        body: JSON.stringify({
            app: "mail",
            type: "refresh"
        })
    }).then(response => response.json()).then(data => {
        mailsList = data;
        let container = document.getElementById("mail-container");
        container.innerHTML = "";
        const dateFormat = GetLocale("date_format");

        let newElements = [];
        for (const [key, mails] of Object.entries(mailsList)) {
            let date = new Date(mails[0].timestamp*1000);
            let dateString = date.toLocaleTimeString(dateFormat) + " " + date.toLocaleDateString(dateFormat)
            let newElement = document.createElement("div");
            newElement.classList = "mail" + (!mails[0].read && mails[0].to == mailAccount ? " new" : "");
            newElement.innerHTML = `${!mails[0].read && mails[0].to == mailAccount ? `<div>${GetLocale("mail_new")}</div><div class="separator"></div>` : ""}
            <div class="object">${mails[mails.length-1].object}</div>
            <div class="separator"></div>
            <div>${(mails[0].from == mailAccount ? mails[0].to : mails[0].from) + mailDomain}</div>
            <div class="separator"></div>
            <div>${dateString}</div>`;

            newElement.onclick = () => {
                document.getElementById("mail-refresh").style.display = "none";
                document.getElementById("mail-signout").style.display = "none";
                document.getElementById("mail-create").innerText = GetLocale("os_cancel");
                mailCreation = !mailCreation;

                // we edit the state only if the last mail isn't ours
                if (mailAccount == mails[0].to && !mails[0].read) {
                    fetch(`https://${GetParentResourceName()}/appAction`,
                    {
                        method: "POST",
                        body: JSON.stringify({
                            app: "mail",
                            type: "readed",
                            id: mails[0].answer_to ? mails[0].answer_to : mails[0].id
                        })
                    })
                }

                // reversed order so we go from oldest to newest
                document.getElementById("mail-reader-object").innerText = GetLocale("mail_object")+": " + mails[mails.length - 1].object;
                let readerContainer = document.getElementById("mail-reader-container");
                document.getElementById("mail-container").style.display = "none";
                readerContainer.innerHTML = "";

                for (i = mails.length - 1; i >= 0; i--) {
                    let newElement = document.createElement("div");
                    newElement.innerHTML = `<div class="mail-reader-info">${mails[i].from + mailDomain}${!mails[i].read && mails[0].to == mailAccount ? `<div class="mail-new">${GetLocale("mail_new")}</div>` : ""}</div>
                    <div class="mail-reader-text">${mails[i].text}<div class="mail-reader-date">${dateString}</div></div>`
                    readerContainer.appendChild(newElement);
                }