ric/uptime-kuma
1
0
Fork 0
mirror of https://github.com/louislam/uptime-kuma.git synced 2024-11-23 14:54:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

ESLint Fixes

Browse source
This commit is contained in:
Vivek Pandey 2024-10-19 14:39:39 +05:30
parent ea7bafabdd
commit 2438e87efa
3 changed files with 47 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/pages/EditMonitor.vue
View file

@ -530,7 +530,7 @@
<div class="my-3"> <div class="my-3">
<label for="interval" class="form-label">{{ $t("Heartbeat Interval") }} ({{ $t("checkEverySecond", [ monitor.interval ]) }})</label> <label for="interval" class="form-label">{{ $t("Heartbeat Interval") }} ({{ $t("checkEverySecond", [ monitor.interval ]) }})</label>
<input id="interval" v-model="monitor.interval" type="number" class="form-control" required :min="minInterval" step="1" :max="maxInterval" @blur="finishUpdateInterval"> <input id="interval" v-model="monitor.interval" type="number" class="form-control" required :min="minInterval" step="1" :max="maxInterval" @blur="finishUpdateInterval">
<div class="form-text"> <div class="form-text">
{{ monitor.humanReadableInterval }} {{ monitor.humanReadableInterval }}
</div> </div>
</div> </div>

56
src/util-frontend.js
View file

@ -215,38 +215,64 @@ export function getToastErrorTimeout() {
} }
class RelativeTimeFormatter { class RelativeTimeFormatter {
// Default locale and options /**
* Default locale and options for Relative Time Formatter
*/
constructor() { constructor() {
this.locale = currentLocale(); this.locale = currentLocale();
this.options = { numeric: "auto" }; this.options = { numeric: "auto" };
this.rtf = new Intl.RelativeTimeFormat(this.locale, this.options); this.rtf = new Intl.RelativeTimeFormat(this.locale, this.options);
} }
// Method to get the singleton instance /**
* Method to get the singleton instance
* @returns {object} Intl.RelativeTimeFormat instance
*/
getInstance() { getInstance() {
return this.rtf; return this.rtf;
} }
// Method to update the locale and options /**
* Method to update the instance locale and options
* @param {string} locale Localization identifier (e.g., "en", "ar-sy") to update the instance with.
* @param {object} options Instance options to be passed.
* @returns {void} No return value.
*/
updateLocale(locale, options = {}) { updateLocale(locale, options = {}) {
this.locale = locale; this.locale = locale;
this.options = { ...this.options, ...options }; this.options = {
...this.options,
...options,
};
this.rtf = new Intl.RelativeTimeFormat(this.locale, this.options); this.rtf = new Intl.RelativeTimeFormat(this.locale, this.options);
} }
/**
* Method to convert seconds into Human readable format
* @param {number} seconds Receive value in seconds.
* @returns {string} String converted to Days Mins Seconds Format
*/
secondsToHumanReadableFormat(seconds) { secondsToHumanReadableFormat(seconds) {
const days = Math.floor(seconds / 86400); const days = Math.floor(seconds / 86400);
const hours = Math.floor((seconds % 86400) / 3600); const hours = Math.floor((seconds % 86400) / 3600);
const minutes = Math.floor(((seconds % 86400) % 3600) / 60); const minutes = Math.floor(((seconds % 86400) % 3600) / 60);
const secs = ((seconds % 86400) % 3600) % 60; const secs = ((seconds % 86400) % 3600) % 60;
const parts = []; const parts = [];
// Build the formatted string from parts /**
* Build the formatted string from parts
* @param {number} value Receives value in seconds.
* @param {string} unitOfTime Expected unit of time after conversion.
* @returns {void}
*/
const toFormattedPart = (value, unitOfTime) => { const toFormattedPart = (value, unitOfTime) => {
const res = this.getInstance().formatToParts(value, unitOfTime); const res = this.getInstance().formatToParts(value, unitOfTime);
console.log(res) console.log(res);
let formattedString = res let formattedString = res
.map((part, _idx) => { .map((part, _idx) => {
if ((part.type === "literal" || part.type === "integer") && _idx > 0) { if (
(part.type === "literal" || part.type === "integer") &&
_idx > 0
) {
return part.value; return part.value;
} }
return ""; return "";
@ -256,10 +282,18 @@ class RelativeTimeFormatter {
parts.push(formattedString); parts.push(formattedString);
}; };
if (days > 0) toFormattedPart(days, "days"); if (days > 0) {
if (hours > 0) toFormattedPart(hours, "hour"); toFormattedPart(days, "days");
if (minutes > 0) toFormattedPart(minutes, "minute"); }
if (secs > 0) toFormattedPart(secs, "second"); if (hours > 0) {
toFormattedPart(hours, "hour");
}
if (minutes > 0) {
toFormattedPart(minutes, "minute");
}
if (secs > 0) {
toFormattedPart(secs, "second");
}
const result = const result =
parts.length > 0 parts.length > 0