From a9e1b606d2e91e59d5110b0fdf863939f1d5ea5c Mon Sep 17 00:00:00 2001 From: bat Date: Mon, 20 Mar 2023 04:17:52 +0000 Subject: [PATCH] i7 --- components/page-menu.js | 45 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 45 insertions(+) create mode 100644 components/page-menu.js diff --git a/components/page-menu.js b/components/page-menu.js new file mode 100644 index 0000000..7efe6ef --- /dev/null +++ b/components/page-menu.js @@ -0,0 +1,45 @@ +export class PageMenu extends HTMLElement { + constructor() { + super() + this.attachShadow({mode: 'open'}) + this.language = navigator.language + } + + connectedCallback() { + const style = document.createElement('style') + style.textContent = ` + :host { + display: flex; + flex-direction: column; + color: #000; + } + h1 { + width: 100%; + text-align: center; + font-size: 18px; + margin: 0; + padding: 5px; + } + a { + display: block; + } + ` + this.shadowRoot.append(style) + } + + get language() { + return this._language + } + + set language(language) { + this._language = language + } + + get langEs() { + return /^es\b/.test(this.language) + } + + get pagesText() { + return this.langEs ? 'Páginas' : 'Pages' + } +} \ No newline at end of file