cables_dev/cables_ui/src/ui/dialogs/changelog.js

import { Logger, TalkerAPI } from "cables-shared-client";
import { gui } from "../gui.js";
import { platform } from "../platform.js";
import { UserSettings, userSettings } from "../components/usersettings.js";
/** Shows a toast when there is a new cables changelog entry. */
export default class ChangelogToast
{
    constructor()
    {
        this._log = new Logger("changelog");
    }
    /**
   * @param {function} cb
   * @param {number} since
   */
    getHtml(cb, since)
    {
        platform.talkerAPI.send(
            TalkerAPI.CMD_GET_CABLES_CHANGELOG,
            { "num": 1 },
            (err, obj) =>
            {
                if (since)
                {
                    if (obj.items)
                        for (let i = 0; i < obj.items.length; i++)
                            if (obj.items[i].date < since) obj.items.length = i;
                    obj.onlyLatest = true;
                }
                let firstTime = false;
                if (!userSettings.get(UserSettings.PREF_CHANGELOG_LAST_VIEW))
                {
                    firstTime = true;
                    this._log.log("first time changelog!");
                }
                userSettings.set(UserSettings.PREF_CHANGELOG_LAST_VIEW, obj.ts);
                if (!obj.items || obj.items.length === 0)
                {
                    cb(null);
                    return;
                }
                if (firstTime)
                {
                    cb(null);
                    return;
                }
                cb();
            },
        );
    }
    showNotification()
    {
        iziToast.show({
            "position": "topRight",
            "theme": "dark",
            "title": "UPDATE",
            "message": "cables has been updated! ",
            "progressBar": false,
            "animateInside": false,
            "close": true,
            "timeout": false,
            "buttons": [
                [
                    "<button>Read More</button>",
                    function (instance, toast)
                    {
                        window.open(platform.getCablesUrl() + "/changelog");
                    },
                ],
            ],
        });
    }
    show()
    {
        if (gui.isRemoteClient) return;
        const url = platform.getCablesUrl() + "/changelog?iframe=true";
        const gotoUrl = platform.getCablesUrl() + "/changelog";
        gui.mainTabs.addIframeTab(
            "changelog",
            url,
            { "icon": "book-open", "closable": true, "gotoUrl": gotoUrl },
            true,
        );
    }
}