From 6c63a17d669b57fdbc1a5a71daf89c6c95e7d5ef Mon Sep 17 00:00:00 2001 From: siikamiika Date: Thu, 6 Feb 2020 04:00:02 +0200 Subject: query parser html templates --- ext/mixed/js/template-handler.js | 53 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 53 insertions(+) create mode 100644 ext/mixed/js/template-handler.js (limited to 'ext/mixed/js/template-handler.js') diff --git a/ext/mixed/js/template-handler.js b/ext/mixed/js/template-handler.js new file mode 100644 index 00000000..86e2414f --- /dev/null +++ b/ext/mixed/js/template-handler.js @@ -0,0 +1,53 @@ +/* + * Copyright (C) 2020 Alex Yatskov + * Author: Alex Yatskov + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program. If not, see . + */ + + +class TemplateHandler { + constructor(html) { + this._templates = new Map(); + this._html = html; + this._doc = null; + + this._initialize(); + } + + _initialize() { + this._doc = new DOMParser().parseFromString(this._html, 'text/html'); + for (const template of this._doc.querySelectorAll('template')) { + this._setTemplate(template); + } + } + + _setTemplate(template) { + const idMatch = template.id.match(/^([a-z-]+)-template$/); + if (!idMatch) { + throw new Error(`Invalid template ID: ${template.id}`); + } + this._templates.set(idMatch[1], template); + } + + instantiate(name) { + const template = this._templates.get(name); + return document.importNode(template.content.firstChild, true); + } + + instantiateFragment(name) { + const template = this._templates.get(name); + return document.importNode(template.content, true); + } +} -- cgit v1.2.3 From 4f1ed14f07c1373bc5734a12bbb3203c1b07a2bd Mon Sep 17 00:00:00 2001 From: siikamiika Date: Mon, 10 Feb 2020 21:56:48 +0200 Subject: simplify TemplateHandler --- ext/mixed/js/template-handler.js | 10 ++-------- 1 file changed, 2 insertions(+), 8 deletions(-) (limited to 'ext/mixed/js/template-handler.js') diff --git a/ext/mixed/js/template-handler.js b/ext/mixed/js/template-handler.js index 86e2414f..a5a62937 100644 --- a/ext/mixed/js/template-handler.js +++ b/ext/mixed/js/template-handler.js @@ -20,15 +20,9 @@ class TemplateHandler { constructor(html) { this._templates = new Map(); - this._html = html; - this._doc = null; - this._initialize(); - } - - _initialize() { - this._doc = new DOMParser().parseFromString(this._html, 'text/html'); - for (const template of this._doc.querySelectorAll('template')) { + const doc = new DOMParser().parseFromString(html, 'text/html'); + for (const template of doc.querySelectorAll('template')) { this._setTemplate(template); } } -- cgit v1.2.3