Compare commits

...

2 commits

Author SHA1 Message Date
Vivek Pandey
b000c1d532 Removing console log and approx sign 2024-10-19 19:24:41 +05:30
Vivek Pandey
2438e87efa ESLint Fixes 2024-10-19 14:39:39 +05:30
3 changed files with 43 additions and 15 deletions

View file

@ -661,7 +661,7 @@ export default {
secondsToHumanReadableFormat(seconds) { secondsToHumanReadableFormat(seconds) {
return rtf.secondsToHumanReadableFormat(seconds); return rtf.secondsToHumanReadableFormat(seconds);
} }
}, },
}; };
</script> </script>

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>

View file

@ -215,38 +215,58 @@ 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 /**
updateLocale(locale, options = {}) { * Method to update the instance locale and options
* @param {string} locale Localization identifier (e.g., "en", "ar-sy") to update the instance with.
* @returns {void} No return value.
*/
updateLocale(locale) {
this.locale = locale; this.locale = locale;
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)
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,14 +276,22 @@ 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
? `~ ${parts.join(" ")}` ? `${parts.join(" ")}`
: this.getInstance().format(0, "second"); // Handle case for 0 seconds : this.getInstance().format(0, "second"); // Handle case for 0 seconds
return result; return result;