mirror of
				https://github.com/louislam/uptime-kuma.git
				synced 2025-11-04 05:36:13 +08:00 
			
		
		
		
	Merge remote-tracking branch 'origin/master' into karelkryda_master
# Conflicts: # server/database.js # server/model/monitor.js # server/routers/api-router.js # server/server.js # src/components/HeartbeatBar.vue # src/components/MonitorList.vue # src/icon.js # src/layouts/Layout.vue # src/mixins/datetime.js # src/mixins/socket.js # src/router.js # src/util.js
This commit is contained in:
		@@ -26,6 +26,11 @@ export default {
 | 
			
		||||
            return dayjs.tz(value, this.timezone).utc().format();
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /**
 | 
			
		||||
         * Return a given value in the format YYYY-MM-DD HH:mm:ss
 | 
			
		||||
         * @param {any} value Value to format as date time
 | 
			
		||||
         * @returns {string}
 | 
			
		||||
         */
 | 
			
		||||
        datetime(value) {
 | 
			
		||||
            return this.datetimeFormat(value, "YYYY-MM-DD HH:mm:ss");
 | 
			
		||||
        },
 | 
			
		||||
@@ -41,10 +46,22 @@ export default {
 | 
			
		||||
            }
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /**
 | 
			
		||||
         * Return a given value in the format YYYY-MM-DD
 | 
			
		||||
         * @param {any} value  Value to format as date
 | 
			
		||||
         * @returns {string}
 | 
			
		||||
         */
 | 
			
		||||
        date(value) {
 | 
			
		||||
            return this.datetimeFormat(value, "YYYY-MM-DD");
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /**
 | 
			
		||||
         * Return a given value in the format HH:mm or if second is set
 | 
			
		||||
         * to true, HH:mm:ss
 | 
			
		||||
         * @param {any} value Value to format
 | 
			
		||||
         * @param {boolean} second Should seconds be included?
 | 
			
		||||
         * @returns {string}
 | 
			
		||||
         */
 | 
			
		||||
        time(value, second = true) {
 | 
			
		||||
            let secondString;
 | 
			
		||||
            if (second) {
 | 
			
		||||
@@ -55,6 +72,12 @@ export default {
 | 
			
		||||
            return this.datetimeFormat(value, "HH:mm" + secondString);
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /**
 | 
			
		||||
         * Return a value in a custom format
 | 
			
		||||
         * @param {any} value Value to format
 | 
			
		||||
         * @param {any} format Format to return value in
 | 
			
		||||
         * @returns {string}
 | 
			
		||||
         */
 | 
			
		||||
        datetimeFormat(value, format) {
 | 
			
		||||
            if (value !== undefined && value !== "") {
 | 
			
		||||
                return dayjs.utc(value).tz(this.timezone).format(format);
 | 
			
		||||
 
 | 
			
		||||
@@ -22,6 +22,7 @@ export default {
 | 
			
		||||
    },
 | 
			
		||||
 | 
			
		||||
    methods: {
 | 
			
		||||
        /** Change the application language */
 | 
			
		||||
        async changeLang(lang) {
 | 
			
		||||
            let message = (await langModules["../languages/" + lang + ".js"]()).default;
 | 
			
		||||
            this.$i18n.setLocaleMessage(lang, message);
 | 
			
		||||
 
 | 
			
		||||
@@ -12,11 +12,13 @@ export default {
 | 
			
		||||
    },
 | 
			
		||||
 | 
			
		||||
    methods: {
 | 
			
		||||
        /** Handle screen resize */
 | 
			
		||||
        onResize() {
 | 
			
		||||
            this.windowWidth = window.innerWidth;
 | 
			
		||||
            this.updateBody();
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /** Add css-class "mobile" to body if needed */
 | 
			
		||||
        updateBody() {
 | 
			
		||||
            if (this.isMobile) {
 | 
			
		||||
                document.body.classList.add("mobile");
 | 
			
		||||
 
 | 
			
		||||
@@ -40,6 +40,7 @@ export default {
 | 
			
		||||
            uptimeList: { },
 | 
			
		||||
            tlsInfoList: {},
 | 
			
		||||
            notificationList: [],
 | 
			
		||||
            dockerHostList: [],
 | 
			
		||||
            statusPageListLoaded: false,
 | 
			
		||||
            statusPageList: [],
 | 
			
		||||
            proxyList: [],
 | 
			
		||||
@@ -63,6 +64,12 @@ export default {
 | 
			
		||||
 | 
			
		||||
    methods: {
 | 
			
		||||
 | 
			
		||||
        /**
 | 
			
		||||
         * Initialize connection to socket server
 | 
			
		||||
         * @param {boolean} [bypass = false] Should the check for if we
 | 
			
		||||
         * are on a status page be bypassed?
 | 
			
		||||
         * @returns {(void|null)}
 | 
			
		||||
         */
 | 
			
		||||
        initSocketIO(bypass = false) {
 | 
			
		||||
            // No need to re-init
 | 
			
		||||
            if (this.socket.initedSocketIO) {
 | 
			
		||||
@@ -146,6 +153,10 @@ export default {
 | 
			
		||||
                });
 | 
			
		||||
            });
 | 
			
		||||
 | 
			
		||||
            socket.on("dockerHostList", (data) => {
 | 
			
		||||
                this.dockerHostList = data;
 | 
			
		||||
            });
 | 
			
		||||
 | 
			
		||||
            socket.on("heartbeat", (data) => {
 | 
			
		||||
                if (! (data.monitorID in this.heartbeatList)) {
 | 
			
		||||
                    this.heartbeatList[data.monitorID] = [];
 | 
			
		||||
@@ -263,10 +274,18 @@ export default {
 | 
			
		||||
            socket.on("cloudflared_token", (res) => this.cloudflared.cloudflareTunnelToken = res);
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /**
 | 
			
		||||
         * The storage currently in use
 | 
			
		||||
         * @returns {Storage}
 | 
			
		||||
         */
 | 
			
		||||
        storage() {
 | 
			
		||||
            return (this.remember) ? localStorage : sessionStorage;
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /**
 | 
			
		||||
         * Get payload of JWT cookie
 | 
			
		||||
         * @returns {(Object|undefined)}
 | 
			
		||||
         */
 | 
			
		||||
        getJWTPayload() {
 | 
			
		||||
            const jwtToken = this.$root.storage().token;
 | 
			
		||||
 | 
			
		||||
@@ -276,10 +295,18 @@ export default {
 | 
			
		||||
            return undefined;
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /**
 | 
			
		||||
         * Get current socket
 | 
			
		||||
         * @returns {Socket}
 | 
			
		||||
         */
 | 
			
		||||
        getSocket() {
 | 
			
		||||
            return socket;
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /**
 | 
			
		||||
         * Show success or error toast dependant on response status code
 | 
			
		||||
         * @param {Object} res Response object
 | 
			
		||||
         */
 | 
			
		||||
        toastRes(res) {
 | 
			
		||||
            if (res.ok) {
 | 
			
		||||
                toast.success(res.msg);
 | 
			
		||||
@@ -288,14 +315,35 @@ export default {
 | 
			
		||||
            }
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /**
 | 
			
		||||
         * Show a success toast
 | 
			
		||||
         * @param {string} msg Message to show
 | 
			
		||||
         */
 | 
			
		||||
        toastSuccess(msg) {
 | 
			
		||||
            toast.success(msg);
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /**
 | 
			
		||||
         * Show an error toast
 | 
			
		||||
         * @param {string} msg Message to show
 | 
			
		||||
         */
 | 
			
		||||
        toastError(msg) {
 | 
			
		||||
            toast.error(msg);
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /**
 | 
			
		||||
         * Callback for login
 | 
			
		||||
         * @callback loginCB
 | 
			
		||||
         * @param {Object} res Response object
 | 
			
		||||
         */
 | 
			
		||||
 | 
			
		||||
        /**
 | 
			
		||||
         * Send request to log user in
 | 
			
		||||
         * @param {string} username Username to log in with
 | 
			
		||||
         * @param {string} password Password to log in with
 | 
			
		||||
         * @param {string} token User token
 | 
			
		||||
         * @param {loginCB} callback Callback to call with result
 | 
			
		||||
         */
 | 
			
		||||
        login(username, password, token, callback) {
 | 
			
		||||
            socket.emit("login", {
 | 
			
		||||
                username,
 | 
			
		||||
@@ -320,6 +368,10 @@ export default {
 | 
			
		||||
            });
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /**
 | 
			
		||||
         * Log in using a token
 | 
			
		||||
         * @param {string} token Token to log in with
 | 
			
		||||
         */
 | 
			
		||||
        loginByToken(token) {
 | 
			
		||||
            socket.emit("loginByToken", token, (res) => {
 | 
			
		||||
                this.allowLoginDialog = true;
 | 
			
		||||
@@ -333,6 +385,7 @@ export default {
 | 
			
		||||
            });
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /** Log out of the web application */
 | 
			
		||||
        logout() {
 | 
			
		||||
            socket.emit("logout", () => { });
 | 
			
		||||
            this.storage().removeItem("token");
 | 
			
		||||
@@ -342,26 +395,54 @@ export default {
 | 
			
		||||
            this.clearData();
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /**
 | 
			
		||||
         * Callback for general socket requests
 | 
			
		||||
         * @callback socketCB
 | 
			
		||||
         * @param {Object} res Result of operation
 | 
			
		||||
         */
 | 
			
		||||
        /** Prepare 2FA configuration */
 | 
			
		||||
        prepare2FA(callback) {
 | 
			
		||||
            socket.emit("prepare2FA", callback);
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /**
 | 
			
		||||
         * Save the current 2FA configuration
 | 
			
		||||
         * @param {any} secret Unused
 | 
			
		||||
         * @param {socketCB} callback
 | 
			
		||||
         */
 | 
			
		||||
        save2FA(secret, callback) {
 | 
			
		||||
            socket.emit("save2FA", callback);
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /**
 | 
			
		||||
         * Disable 2FA for this user
 | 
			
		||||
         * @param {socketCB} callback
 | 
			
		||||
         */
 | 
			
		||||
        disable2FA(callback) {
 | 
			
		||||
            socket.emit("disable2FA", callback);
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /**
 | 
			
		||||
         * Verify the provided 2FA token
 | 
			
		||||
         * @param {string} token Token to verify
 | 
			
		||||
         * @param {socketCB} callback
 | 
			
		||||
         */
 | 
			
		||||
        verifyToken(token, callback) {
 | 
			
		||||
            socket.emit("verifyToken", token, callback);
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /**
 | 
			
		||||
         * Get current 2FA status
 | 
			
		||||
         * @param {socketCB} callback
 | 
			
		||||
         */
 | 
			
		||||
        twoFAStatus(callback) {
 | 
			
		||||
            socket.emit("twoFAStatus", callback);
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /**
 | 
			
		||||
         * Get list of monitors
 | 
			
		||||
         * @param {socketCB} callback
 | 
			
		||||
         */
 | 
			
		||||
        getMonitorList(callback) {
 | 
			
		||||
            if (! callback) {
 | 
			
		||||
                callback = () => { };
 | 
			
		||||
@@ -376,6 +457,11 @@ export default {
 | 
			
		||||
            socket.emit("getMaintenanceList", callback);
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /**
 | 
			
		||||
         * Add a monitor
 | 
			
		||||
         * @param {Object} monitor Object representing monitor to add
 | 
			
		||||
         * @param {socketCB} callback
 | 
			
		||||
         */
 | 
			
		||||
        add(monitor, callback) {
 | 
			
		||||
            socket.emit("add", monitor, callback);
 | 
			
		||||
        },
 | 
			
		||||
@@ -400,6 +486,11 @@ export default {
 | 
			
		||||
            socket.emit("getMaintenanceStatusPage", maintenanceID, callback);
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /**
 | 
			
		||||
         * Delete monitor by ID
 | 
			
		||||
         * @param {number} monitorID ID of monitor to delete
 | 
			
		||||
         * @param {socketCB} callback
 | 
			
		||||
         */
 | 
			
		||||
        deleteMonitor(monitorID, callback) {
 | 
			
		||||
            socket.emit("deleteMonitor", monitorID, callback);
 | 
			
		||||
        },
 | 
			
		||||
@@ -408,28 +499,56 @@ export default {
 | 
			
		||||
            socket.emit("deleteMaintenance", maintenanceID, callback);
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /** Clear the hearbeat list */
 | 
			
		||||
        clearData() {
 | 
			
		||||
            console.log("reset heartbeat list");
 | 
			
		||||
            this.heartbeatList = {};
 | 
			
		||||
            this.importantHeartbeatList = {};
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /**
 | 
			
		||||
         * Upload the provided backup
 | 
			
		||||
         * @param {string} uploadedJSON JSON to upload
 | 
			
		||||
         * @param {string} importHandle Type of import. If set to
 | 
			
		||||
         * most data in database will be replaced
 | 
			
		||||
         * @param {socketCB} callback
 | 
			
		||||
         */
 | 
			
		||||
        uploadBackup(uploadedJSON, importHandle, callback) {
 | 
			
		||||
            socket.emit("uploadBackup", uploadedJSON, importHandle, callback);
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /**
 | 
			
		||||
         * Clear events for a specified monitor
 | 
			
		||||
         * @param {number} monitorID ID of monitor to clear
 | 
			
		||||
         * @param {socketCB} callback
 | 
			
		||||
         */
 | 
			
		||||
        clearEvents(monitorID, callback) {
 | 
			
		||||
            socket.emit("clearEvents", monitorID, callback);
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /**
 | 
			
		||||
         * Clear the heartbeats of a specified monitor
 | 
			
		||||
         * @param {number} monitorID Id of monitor to clear
 | 
			
		||||
         * @param {socketCB} callback
 | 
			
		||||
         */
 | 
			
		||||
        clearHeartbeats(monitorID, callback) {
 | 
			
		||||
            socket.emit("clearHeartbeats", monitorID, callback);
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /**
 | 
			
		||||
         * Clear all statistics
 | 
			
		||||
         * @param {socketCB} callback
 | 
			
		||||
         */
 | 
			
		||||
        clearStatistics(callback) {
 | 
			
		||||
            socket.emit("clearStatistics", callback);
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /**
 | 
			
		||||
         * Get monitor beats for a specific monitor in a time range
 | 
			
		||||
         * @param {number} monitorID ID of monitor to fetch
 | 
			
		||||
         * @param {number} period Time in hours from now
 | 
			
		||||
         * @param {socketCB} callback
 | 
			
		||||
         */
 | 
			
		||||
        getMonitorBeats(monitorID, period, callback) {
 | 
			
		||||
            socket.emit("getMonitorBeats", monitorID, period, callback);
 | 
			
		||||
        }
 | 
			
		||||
@@ -531,6 +650,28 @@ export default {
 | 
			
		||||
 | 
			
		||||
            return result;
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /**
 | 
			
		||||
         *  Frontend Version
 | 
			
		||||
         *  It should be compiled to a static value while building the frontend.
 | 
			
		||||
         *  Please see ./config/vite.config.js, it is defined via vite.js
 | 
			
		||||
         * @returns {string}
 | 
			
		||||
         */
 | 
			
		||||
        frontendVersion() {
 | 
			
		||||
            // eslint-disable-next-line no-undef
 | 
			
		||||
            return FRONTEND_VERSION;
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        /**
 | 
			
		||||
         * Are both frontend and backend in the same version?
 | 
			
		||||
         * @returns {boolean}
 | 
			
		||||
         */
 | 
			
		||||
        isFrontendBackendVersionMatched() {
 | 
			
		||||
            if (!this.info.version) {
 | 
			
		||||
                return true;
 | 
			
		||||
            }
 | 
			
		||||
            return this.info.version === this.frontendVersion;
 | 
			
		||||
        }
 | 
			
		||||
    },
 | 
			
		||||
 | 
			
		||||
    watch: {
 | 
			
		||||
 
 | 
			
		||||
@@ -75,6 +75,7 @@ export default {
 | 
			
		||||
    },
 | 
			
		||||
 | 
			
		||||
    methods: {
 | 
			
		||||
        /** Update the theme color meta tag */
 | 
			
		||||
        updateThemeColorMeta() {
 | 
			
		||||
            if (this.theme === "dark") {
 | 
			
		||||
                document.querySelector("#theme-color").setAttribute("content", "#161B22");
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user