npm - desy-html - Versions diffs - 7.1.2 → 7.3.0 - Mend

desy-html 7.1.2 → 7.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (147) hide show

package/src/templates/pages/_template.logged-out.njk ADDED Viewed

@@ -0,0 +1,53 @@
+{% include "pages/_page.head.njk" %}
+{% from "components/header/_macro.header.njk" import componentHeader %}
+{% from "components/nav/_macro.nav.njk" import componentNav %}
+{% from "components/details/_macro.details.njk" import componentDetails %}
+<!-- template.logged-out -->
+<body>
+  <!-- pageSpinnerBlock -->
+  {% block pageSpinnerBlock %}
+    {% include "pages/_page.spinner.njk" %}
+  {% endblock %}
+  <!-- /pageSpinnerBlock -->
+  <!-- headerBlock -->
+  {% block headerBlock %}
+    {{ componentHeader({
+      "homepageUrl": "index.html",
+      "expandedLogo": true,
+      "classes": "relative z-40"
+    }) }}
+  {% endblock %}
+  <!-- /headerBlock -->
+  <!-- subheaderBlock -->
+  {% block subheaderBlock %}
+  {% endblock %}
+  <!-- /subheaderBlock -->
+  <main id="content" class="relative container mx-auto px-base">
+    <!-- notificationHeaderBlock -->
+    {% block notificationHeaderBlock %}
+      {% include "pages/_page.notification-header.njk" %}
+    {% endblock %}
+    <!-- /notificationHeaderBlock -->
+    <!-- contentBlock -->
+    {% block contentBlock %}
+      {% include "pages/_page.spinner-block.njk" %}
+    {% endblock %}
+    <!-- /contentBlock -->
+    <!-- notificationFooterBlock -->
+    {% block notificationFooterBlock %}
+      {% include "pages/_page.notification-footer.njk" %}
+    {% endblock %}
+    <!-- /notificationFooterBlock -->
+  </main>
+  <!-- footerBlock -->
+  {% block footerBlock %}
+    {% include "pages/_page.footer.njk" %}
+  {% endblock %}
+  <!-- /footerBlock -->
+  <!-- modalBlock -->
+  {% block modalBlock %}
+  {% endblock %}
+  <!-- /modalBlock -->
+{% include "pages/_page.foot.njk" %}

package/src/templates/pages/_template.logged-selector-fixed-headroom.njk ADDED Viewed

@@ -0,0 +1,195 @@
+{% include "pages/_page.head.njk" %}
+{% from "components/header/_macro.header.njk" import componentHeader %}
+{% from "components/nav/_macro.nav.njk" import componentNav %}
+{% from "components/details/_macro.details.njk" import componentDetails %}
+<!-- template.logged-selector-fixed-headroom -->
+<body class="lg:pt-14">
+  <!-- pageSpinnerBlock -->
+  {% block pageSpinnerBlock %}
+    {% include "pages/_page.spinner.njk" %}
+  {% endblock %}
+  <!-- /pageSpinnerBlock -->
+  <!-- headerBlock -->
+  {% block headerBlock %}
+    {% call componentHeader({
+      "homepageUrl": "index.html",
+      "mobileTitle": {
+        "text": "Gestor de expedientes"
+      },
+      "subnav": {
+        "text": "Gestor de expedientes",
+         "items": [
+            {
+             "href": "#",
+             "text": "Bandeja de entrada"
+            },
+            {
+             "href": "#",
+             "text": "Gestor de expedientes",
+             "active": true
+            },
+            {
+             "href": "#",
+             "text": "Catálogo de servicios"
+            },
+            {
+             "href": "#",
+             "text": "Portafirmas corporativo"
+            }
+          ]
+      },
+      "navigation": {
+        "items": [
+          {
+            "href": "#",
+            "text": "Inicio",
+            "active": true
+          },
+          {
+            "href": "#",
+            "text": "Expedientes"
+          },
+          {
+            "href": "#",
+            "text": "Bandejas"
+          }
+          ]
+      },
+      "dropdown": {
+        "text": "Ana Pérez",
+        "items": [
+          {
+          "text": "Perfil",
+          "href": "/"
+          },
+          {
+          "text": "Cerrar sesión",
+          "href": "/"
+          }
+        ]
+      },
+      "offcanvas": {
+        "text": "Menú",
+        "textClose": "Cerrar menú"
+      },
+      "classes": "relative z-40",
+      "attributes": {
+        "data-module": "c-header"
+      }
+    }) %}
+      <nav class="w-full p-2" aria-labelledby="menu-movil-title">
+        <h2 id="menu-movil-title" class="sr-only">Menú principal</h2>
+        <h3 class="p-base text-base font-bold">Gestor de expedientes</h3>
+        {{ componentNav({
+          "idPrefix": "nav-mobile-pages",
+          "hasNav": false,
+          "items": [
+            {
+              "href": "#",
+              "text": "Inicio",
+              "active": true
+            },
+            {
+              "href": "#",
+              "text": "Expedientes"
+            },
+            {
+              "href": "#",
+              "text": "Bandejas",
+              "divider": true
+            }
+          ],
+          "attributes": {
+            "aria-label": "Lista de páginas"
+          }
+        })  }}
+        <h3 class="p-base text-base font-bold">Usuario/a: Ana Pérez</h3>
+        {{ componentNav({
+          "idPrefix": "nav-mobile-user",
+          "hasNav": false,
+          "items": [
+            {
+              "href": "#",
+              "text": "Perfil"
+            },
+            {
+              "href": "#",
+              "text": "Cerrar sesión",
+              "divider": true
+            }
+          ],
+          "attributes": {
+            "aria-label": "Lista de acciones de usuario"
+          }
+        })  }}
+        {% call componentDetails({
+          "classes": "px-base",
+          "summary": {
+            "html": "Cambiar de aplicación",
+            "classes": "c-link text-sm"
+          }
+        })  %}
+            {{ componentNav({
+              "idPrefix": "nav-mobile-apps",
+              "hasNav": false,
+              "items": [
+                {
+                  "href": "#",
+                  "text": "Bandeja de entrada"
+                },
+                {
+                  "href": "#",
+                  "text": "Gestor de expedientes",
+                  "active": true
+                },
+                {
+                  "href": "#",
+                  "text": "Catálogo de servicios"
+                },
+                {
+                  "href": "#",
+                  "text": "Portafirmas corporativo"
+                }
+              ],
+              "attributes": {
+                "aria-label": "Lista de aplicaciones"
+              }
+            })  }}
+        {% endcall %}
+      </nav>
+    {% endcall %}
+  {% endblock %}
+  <!-- /headerBlock -->
+  <!-- subheaderBlock -->
+  {% block subheaderBlock %}
+  {% endblock %}
+  <!-- /subheaderBlock -->
+  <main id="content" class="relative container mx-auto px-base">
+    <!-- notificationHeaderBlock -->
+    {% block notificationHeaderBlock %}
+      {% include "pages/_page.notification-header-fixed.njk" %}
+    {% endblock %}
+    <!-- /notificationHeaderBlock -->
+    <!-- contentBlock -->
+    {% block contentBlock %}
+      {% include "pages/_page.spinner-block.njk" %}
+    {% endblock %}
+    <!-- /contentBlock -->
+    <!-- notificationFooterBlock -->
+    {% block notificationFooterBlock %}
+      {% include "pages/_page.notification-footer.njk" %}
+    {% endblock %}
+    <!-- /notificationFooterBlock -->
+  </main>
+  <!-- footerBlock -->
+  {% block footerBlock %}
+    {% include "pages/_page.footer.njk" %}
+  {% endblock %}
+  <!-- /footerBlock -->
+  <!-- modalBlock -->
+  {% block modalBlock %}
+  {% endblock %}
+  <!-- /modalBlock -->
+{% include "pages/_page.foot-headroom.njk" %}

package/src/templates/pages/_template.logged-selector-fixed.njk ADDED Viewed

@@ -0,0 +1,192 @@
+{% include "pages/_page.head.njk" %}
+{% from "components/header/_macro.header.njk" import componentHeader %}
+{% from "components/nav/_macro.nav.njk" import componentNav %}
+{% from "components/details/_macro.details.njk" import componentDetails %}
+<!-- template.logged-selector-fixed -->
+<body class="lg:pt-14">
+  <!-- pageSpinnerBlock -->
+  {% block pageSpinnerBlock %}
+    {% include "pages/_page.spinner.njk" %}
+  {% endblock %}
+  <!-- /pageSpinnerBlock -->
+  <!-- headerBlock -->
+  {% block headerBlock %}
+    {% call componentHeader({
+      "homepageUrl": "index.html",
+      "mobileTitle": {
+        "text": "Gestor de expedientes"
+      },
+      "subnav": {
+        "text": "Gestor de expedientes",
+        "items": [
+          {
+           "href": "#",
+           "text": "Bandeja de entrada"
+          },
+          {
+           "href": "#",
+           "text": "Gestor de expedientes",
+           "active": true
+          },
+          {
+           "href": "#",
+           "text": "Catálogo de servicios"
+          },
+          {
+           "href": "#",
+           "text": "Portafirmas corporativo"
+          }
+        ]
+      },
+      "navigation": {
+        "items": [
+          {
+            "href": "#",
+            "text": "Inicio",
+            "active": true
+          },
+          {
+            "href": "#",
+            "text": "Expedientes"
+          },
+          {
+            "href": "#",
+            "text": "Bandejas"
+          }
+          ]
+      },
+      "dropdown": {
+        "text": "Ana Pérez",
+        "items": [
+          {
+          "text": "Perfil",
+          "href": "/"
+          },
+          {
+          "text": "Cerrar sesión",
+          "href": "/"
+          }
+        ]
+      },
+      "offcanvas": {
+        "text": "Menú",
+        "textClose": "Cerrar menú"
+      },
+      "classes": "lg:fixed lg:top-0 lg:inset-x-0 z-40"
+    }) %}
+      <nav class="w-full p-2" aria-labelledby="menu-movil-title">
+        <h2 id="menu-movil-title" class="sr-only">Menú principal</h2>
+        <h3 class="p-base text-base font-bold">Gestor de expedientes</h3>
+        {{ componentNav({
+          "idPrefix": "nav-mobile-pages",
+          "hasNav": false,
+          "items": [
+            {
+              "href": "#",
+              "text": "Inicio",
+              "active": true
+            },
+            {
+              "href": "#",
+              "text": "Expedientes"
+            },
+            {
+              "href": "#",
+              "text": "Bandejas",
+              "divider": true
+            }
+          ],
+          "attributes": {
+            "aria-label": "Lista de páginas"
+          }
+        })  }}
+        <h3 class="p-base text-base font-bold">Usuario/a: Ana Pérez</h3>
+        {{ componentNav({
+          "idPrefix": "nav-mobile-user",
+          "hasNav": false,
+          "items": [
+            {
+              "href": "#",
+              "text": "Perfil"
+            },
+            {
+              "href": "#",
+              "text": "Cerrar sesión",
+              "divider": true
+            }
+          ],
+          "attributes": {
+            "aria-label": "Lista de acciones de usuario"
+          }
+        })  }}
+        {% call componentDetails({
+          "classes": "px-base",
+          "summary": {
+            "html": "Cambiar de aplicación",
+            "classes": "c-link text-sm"
+          }
+        })  %}
+            {{ componentNav({
+              "idPrefix": "nav-mobile-apps",
+              "hasNav": false,
+              "items": [
+                {
+                  "href": "#",
+                  "text": "Bandeja de entrada"
+                },
+                {
+                  "href": "#",
+                  "text": "Gestor de expedientes",
+                  "active": true
+                },
+                {
+                  "href": "#",
+                  "text": "Catálogo de servicios"
+                },
+                {
+                  "href": "#",
+                  "text": "Portafirmas corporativo"
+                }
+              ],
+              "attributes": {
+                "aria-label": "Lista de aplicaciones"
+              }
+            })  }}
+        {% endcall %}
+      </nav>
+    {% endcall %}
+  {% endblock %}
+  <!-- /headerBlock -->
+  <!-- subheaderBlock -->
+  {% block subheaderBlock %}
+  {% endblock %}
+  <!-- /subheaderBlock -->
+  <main id="content" class="relative container mx-auto px-base">
+    <!-- notificationHeaderBlock -->
+    {% block notificationHeaderBlock %}
+      {% include "pages/_page.notification-header-fixed.njk" %}
+    {% endblock %}
+    <!-- /notificationHeaderBlock -->
+    <!-- contentBlock -->
+    {% block contentBlock %}
+      {% include "pages/_page.spinner-block.njk" %}
+    {% endblock %}
+    <!-- /contentBlock -->
+    <!-- notificationFooterBlock -->
+    {% block notificationFooterBlock %}
+      {% include "pages/_page.notification-footer.njk" %}
+    {% endblock %}
+    <!-- /notificationFooterBlock -->
+  </main>
+  <!-- footerBlock -->
+  {% block footerBlock %}
+    {% include "pages/_page.footer.njk" %}
+  {% endblock %}
+  <!-- /footerBlock -->
+  <!-- modalBlock -->
+  {% block modalBlock %}
+  {% endblock %}
+  <!-- /modalBlock -->
+{% include "pages/_page.foot.njk" %}

package/src/templates/pages/_template.logged-selector-subheader.njk ADDED Viewed

@@ -0,0 +1,80 @@
+{% extends "pages/_template.logged-selector.njk" %}
+{% from "components/button/_macro.button.njk" import componentButton %}
+{% from "components/menu-horizontal/_macro.menu-horizontal.njk" import componentMenuHorizontal %}
+{% block subheaderBlock %}
+  <div class="border-b border-neutral-dark bg-white">
+    <div class="container mx-auto mt-base -mb-px px-base">
+      <div class="lg:flex lg:flex-wrap lg:w-full">
+        <div class="lg:flex lg:flex-wrap lg:justify-between lg:w-full">
+          <div class="lg:flex-1 mb-base">
+            <!-- subheaderNavigation -->
+            {% block subheaderNavigation %}
+              <nav aria-label="Volver a la página anterior">
+                {{ componentButton({
+                  "html": '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" class="self-center mr-2" aria-hidden="true" focusable="false" width="1em" height="1em"><path d="M37.93 27.93l-35 35a10 10 0 000 14.14l35 35a10 10 0 1014.14-14.14L38.41 84.27A2.5 2.5 0 0140.18 80H130a10 10 0 000-20H40.18a2.5 2.5 0 01-1.77-4.27l13.66-13.66a10 10 0 00-14.14-14.14z" fill="currentColor"></path></svg>Volver',
+                  "classes": "c-button--transparent c-button--sm",
+                  "href": "/"
+                })  }}
+              </nav>
+            {% endblock %}
+            <!-- /subheaderNavigation -->
+          </div>
+          <div class="flex flex-wrap lg:items-center mb-base lg:ml-auto lg:pl-base">
+            <!-- subheaderActions -->
+            {% block subheaderActions %}
+              {% include "includes/_acciones-de-cabecera.njk" %}
+            {% endblock %}
+            <!-- /subheaderActions -->
+          </div>
+        </div>
+        <div class="lg:w-full mb-base lg:mb-lg">
+          <!-- subheaderTitle -->
+          {% block subheaderTitle %}
+            <h2 class="c-h2 mb-xs">
+                Título del item (h3)
+            </h2>
+            <p class="font-semibold uppercase">
+              Subtitulo
+            </p>
+          {% endblock %}
+          <!-- /subheaderTitle -->
+        </div>
+        <div class="order-4 w-full">
+          <!-- subheaderMenu -->
+          {% block subheaderMenu %}
+            <h3 id="cabecera-menu" class="mt-lg text-sm uppercase lg:sr-only">Submenú de item</h3>
+            {{ componentMenuHorizontal({
+              "classes": "c-menu-horizontal--tabs",
+              "items": [
+                {
+                  "href": "http://www.google.com",
+                  "text": "Subsección 1"
+                },
+                {
+                  "href": "http://www.google.com",
+                  "text": "Subsección 2",
+                  "active": true
+                },
+                {
+                  "href": "http://www.google.com",
+                  "text": "Subsección 3"
+                },
+                {
+                  "href": "http://www.google.com",
+                  "text": "Subsección 4"
+                }
+              ],
+              "attributes": {
+                "aria-labelledby": "cabecera-menu"
+              }
+            })  }}
+          {% endblock %}
+          <!-- /subheaderMenu -->
+        </div>
+      </div>
+    </div>
+  </div>
+{% endblock %}

package/src/templates/pages/_template.logged-selector-with-sidebar.njk ADDED Viewed

@@ -0,0 +1,29 @@
+{% extends "pages/_template.logged-selector.njk" %}
+{% set skipLinkHref = "#content-center" %}
+{% block contentBlock %}
+  <!-- headerContentBlock -->
+  {% block headerContentBlock %}
+  {% endblock %}
+  <!-- /headerContentBlock -->
+  <div class="grid grid-cols-2 lg:grid-cols-4 gap-xl">
+    <div class="col-span-2 lg:col-span-1">
+      <!-- sidebarBlock -->
+      {% block sidebarBlock %}
+      {% endblock %}
+      <!-- /sidebarBlock -->
+    </div>
+    <section id="content-center" class="col-span-2 lg:col-span-3" aria-label="Contenido central">
+      <!-- notificationInnerContentBlock -->
+      {% block notificationInnerContentBlock %}
+        {% include "pages/_page.notification-edit-inner-content.njk" %}
+      {% endblock %}
+      <!-- /notificationInnerContentBlock -->
+      <!-- innerContentBlock -->
+      {% block innerContentBlock %}
+      {% endblock %}
+      <!-- /innerContentBlock -->
+    </section>
+  </div>
+{% endblock %}