| 1 | import { resaltaSiEstasEn } from "../lib/js/resaltaSiEstasEn.js" |
| 2 | |
| 3 | export class NavTabFixed extends HTMLElement { |
| 4 | |
| 5 | connectedCallback() { |
| 6 | this.classList.add("md-tab", "fixed") |
| 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(["/navtab.html"])} href="navtab.html"> |
| 15 | <span class="material-symbols-outlined">swipe_left</span> |
| 16 | Pestañas scrollable |
| 17 | </a> |
| 18 | |
| 19 | <a id="navtabfixed" ${resaltaSiEstasEn(["/navTabFixed.html"])} |
| 20 | href="navTabFixed.html"> |
| 21 | <span class="material-symbols-outlined">tabs</span> |
| 22 | Pestañas fijas |
| 23 | </a> |
| 24 | |
| 25 | <a ${resaltaSiEstasEn(["/navbar.html"])} href="navbar.html"> |
| 26 | <span class="material-symbols-outlined">bottom_navigation</span> |
| 27 | Barra de navegación |
| 28 | </a>` |
| 29 | } |
| 30 | |
| 31 | } |
| 32 | |
| 33 | customElements.define("nav-tab-fixed", NavTabFixed) |