web/notify.moe
Code Issues Pull Requests Activity

Use web components for SVG icons

Browse Source
This commit is contained in:
Eduard Urbach
2019-08-30 16:04:28 +09:00
parent b32005cdee
commit d974156d68
13 changed files with 113 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
scripts/AnimeNotifier.ts
View File

@ -13,8 +13,9 @@ import ServiceWorkerManager from "./ServiceWorkerManager"
import ServerEvents from "./ServerEvents"
import { displayAiringDate, displayDate, displayTime } from "./DateView"
import { findAll, supportsWebP, requestIdleCallback, swapElements, delay, findAllInside } from "./Utils"
import * as actions from "./Actions"
import ToolTip from "./Elements/tool-tip/tool-tip"
import * as actions from "./Actions"
import * as WebComponents from "./WebComponents"
export default class AnimeNotifier {
app: Application
@ -102,7 +103,7 @@ export default class AnimeNotifier {
}
// Web components
this.registerWebComponents()
WebComponents.register()
// Tooltip
this.tip = new ToolTip()
@ -210,23 +211,6 @@ export default class AnimeNotifier {
}
}
registerWebComponents() {
if(!("customElements" in window)) {
console.warn("Web components not supported in your current browser")
return
}
// Custom element names must have a dash in their name
const elements = new Map<string, Function>([
["tool-tip", ToolTip]
])
// Register all custom elements
for(const [tag, definition] of elements.entries()) {
window.customElements.define(tag, definition)
}
}
applyPageTitle() {
let headers = document.getElementsByTagName("h1")