| 1 | import { resaltaSiEstasEn } from "../lib/js/resaltaSiEstasEn.js" |
| 2 | |
| 3 | export class NavBar extends HTMLElement { |
| 4 | |
| 5 | connectedCallback() { |
| 6 | this.classList.add("md-navigation-bar") |
| 7 | |
| 8 | this.innerHTML = ` |
| 9 | <a ${resaltaSiEstasEn(["/index.html", "", "/"])} href="index.html"> |
| 10 | <span class="material-symbols-outlined">home</span> |
| 11 | Inicio |
| 12 | </a> |
| 13 | |
| 14 | <a ${resaltaSiEstasEn(["/navTabFixed.html"])} href="navTabFixed.html"> |
| 15 | <span class="material-symbols-outlined">tabs</span> |
| 16 | Pestañas |
| 17 | </a> |
| 18 | |
| 19 | <a id="navbar" ${resaltaSiEstasEn(["/navbar.html"])} href="navbar.html"> |
| 20 | <span class="material-symbols-outlined">bottom_navigation</span> |
| 21 | Barra |
| 22 | </a> |
| 23 | |
| 24 | <a ${resaltaSiEstasEn(["/formulario.html"])} href="formulario.html"> |
| 25 | <span class="material-symbols-outlined">newspaper</span> |
| 26 | Forma |
| 27 | </a>` |
| 28 | |
| 29 | } |
| 30 | |
| 31 | } |
| 32 | |
| 33 | customElements.define("nav-bar", NavBar) |