2021-09-12 16:56:39 +00:00
|
|
|
import dayjs from "dayjs";
|
2021-09-12 11:27:41 +00:00
|
|
|
import timezones from "timezones-list";
|
2021-09-29 07:14:34 +00:00
|
|
|
import { localeDirection, currentLocale } from "./i18n";
|
2021-09-12 11:27:41 +00:00
|
|
|
|
2021-11-10 05:24:31 +00:00
|
|
|
/**
|
|
|
|
* Returns the offset from UTC in hours for the current locale.
|
|
|
|
* @returns {number} The offset from UTC in hours.
|
|
|
|
*
|
|
|
|
* Generated by Trelent
|
|
|
|
*/
|
2021-09-12 11:27:41 +00:00
|
|
|
function getTimezoneOffset(timeZone) {
|
|
|
|
const now = new Date();
|
|
|
|
const tzString = now.toLocaleString("en-US", {
|
|
|
|
timeZone,
|
|
|
|
});
|
|
|
|
const localString = now.toLocaleString("en-US");
|
|
|
|
const diff = (Date.parse(localString) - Date.parse(tzString)) / 3600000;
|
|
|
|
const offset = diff + now.getTimezoneOffset() / 60;
|
|
|
|
return -offset;
|
|
|
|
}
|
|
|
|
|
2021-11-18 00:02:31 +00:00
|
|
|
/**
|
|
|
|
* Returns a list of timezones sorted by their offset from UTC.
|
2022-06-02 13:32:38 +00:00
|
|
|
* @param {Object[]} timezones An array of timezone objects.
|
|
|
|
* @returns {Object[]} A list of the given timezones sorted by their offset from UTC.
|
2021-11-18 00:02:31 +00:00
|
|
|
*
|
|
|
|
* Generated by Trelent
|
|
|
|
*/
|
|
|
|
export function timezoneList() {
|
2021-09-12 11:27:41 +00:00
|
|
|
let result = [];
|
|
|
|
|
|
|
|
for (let timezone of timezones) {
|
|
|
|
try {
|
|
|
|
let display = dayjs().tz(timezone.tzCode).format("Z");
|
|
|
|
|
|
|
|
result.push({
|
|
|
|
name: `(UTC${display}) ${timezone.tzCode}`,
|
|
|
|
value: timezone.tzCode,
|
|
|
|
time: getTimezoneOffset(timezone.tzCode),
|
2021-09-19 11:04:51 +00:00
|
|
|
});
|
2021-09-12 11:27:41 +00:00
|
|
|
} catch (e) {
|
2021-09-28 05:29:32 +00:00
|
|
|
// Skipping not supported timezone.tzCode by dayjs
|
2021-09-12 11:27:41 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
result.sort((a, b) => {
|
|
|
|
if (a.time > b.time) {
|
|
|
|
return 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (b.time > a.time) {
|
|
|
|
return -1;
|
|
|
|
}
|
|
|
|
|
|
|
|
return 0;
|
2021-09-19 11:04:51 +00:00
|
|
|
});
|
2021-09-12 11:27:41 +00:00
|
|
|
|
|
|
|
return result;
|
|
|
|
}
|
2021-09-29 07:14:34 +00:00
|
|
|
|
2022-06-02 13:32:38 +00:00
|
|
|
/** Set the locale of the HTML page */
|
2021-09-29 07:14:34 +00:00
|
|
|
export function setPageLocale() {
|
2022-03-17 08:42:26 +00:00
|
|
|
const html = document.documentElement;
|
|
|
|
html.setAttribute("lang", currentLocale() );
|
|
|
|
html.setAttribute("dir", localeDirection() );
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
2022-06-02 13:32:38 +00:00
|
|
|
* Get the base URL
|
2022-03-17 08:42:26 +00:00
|
|
|
* Mainly used for dev, because the backend and the frontend are in different ports.
|
2022-06-02 13:32:38 +00:00
|
|
|
* @returns {string}
|
2022-03-17 08:42:26 +00:00
|
|
|
*/
|
|
|
|
export function getResBaseURL() {
|
|
|
|
const env = process.env.NODE_ENV;
|
|
|
|
if (env === "development" || localStorage.dev === "dev") {
|
|
|
|
return location.protocol + "//" + location.hostname + ":3001";
|
|
|
|
} else {
|
|
|
|
return "";
|
|
|
|
}
|
2021-10-26 10:58:04 +00:00
|
|
|
}
|
2022-05-26 08:52:18 +00:00
|
|
|
|
|
|
|
/**
|
|
|
|
* Get the tag color options
|
|
|
|
* Shared between components
|
|
|
|
* @returns {Object[]}
|
|
|
|
*/
|
|
|
|
export function colorOptions(self) {
|
|
|
|
return [
|
|
|
|
{ name: self.$t("Gray"),
|
|
|
|
color: "#4B5563" },
|
|
|
|
{ name: self.$t("Red"),
|
|
|
|
color: "#DC2626" },
|
|
|
|
{ name: self.$t("Orange"),
|
|
|
|
color: "#D97706" },
|
|
|
|
{ name: self.$t("Green"),
|
|
|
|
color: "#059669" },
|
|
|
|
{ name: self.$t("Blue"),
|
|
|
|
color: "#2563EB" },
|
|
|
|
{ name: self.$t("Indigo"),
|
|
|
|
color: "#4F46E5" },
|
|
|
|
{ name: self.$t("Purple"),
|
|
|
|
color: "#7C3AED" },
|
|
|
|
{ name: self.$t("Pink"),
|
|
|
|
color: "#DB2777" },
|
|
|
|
];
|
|
|
|
}
|