mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
54 lines
1.6 KiB
54 lines
1.6 KiB
export default defineNuxtPlugin(() => { |
|
// Listen when 'Material Symbols' font is loaded |
|
// and remove 'nc-fonts-not-loaded' class from <html> element |
|
|
|
try { |
|
document.documentElement?.classList.add('nc-fonts-not-loaded') |
|
|
|
const fontFaces = [...document.fonts.values()] |
|
const materialFont = fontFaces.find((fontFace) => fontFace.family === 'Material Symbols') |
|
|
|
if (!materialFont || !materialFont.loaded) { |
|
document.documentElement?.classList.remove('nc-fonts-not-loaded') |
|
return |
|
} |
|
|
|
materialFont.loaded |
|
.then(function () { |
|
document.documentElement?.classList.remove('nc-fonts-not-loaded') |
|
}) |
|
.catch(function (error) { |
|
document.documentElement?.classList.remove('nc-fonts-not-loaded') |
|
console.error(error) |
|
}) |
|
|
|
// Safari issue where loaded promise is always in pending state. |
|
// So we need to poll for font status to be 'unloaded' |
|
let intervalId: any |
|
|
|
function poll() { |
|
const fontFaces = [...document.fonts.values()] |
|
const materialFont = fontFaces.find((fontFace) => fontFace.family === 'Material Symbols') |
|
|
|
if (materialFont?.status === 'unloaded') { |
|
document.documentElement?.classList.remove('nc-fonts-not-loaded') |
|
stopPolling() |
|
} else if (materialFont?.status === 'loaded') { |
|
stopPolling() |
|
} |
|
} |
|
|
|
function startPolling(interval: number) { |
|
intervalId = setInterval(poll, interval) |
|
} |
|
|
|
function stopPolling() { |
|
clearInterval(intervalId) |
|
} |
|
|
|
startPolling(200) |
|
} catch (error) { |
|
document.documentElement?.classList.remove('nc-fonts-not-loaded') |
|
console.error(error) |
|
} |
|
})
|
|
|