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-selector.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 -->
+<body>
+  <!-- pageSpinnerBlock -->
+  {% block pageSpinnerBlock %}
+    {% include "pages/_page.spinner.njk" %}
+  {% endblock %}
+  <!-- /pageSpinnerBlock -->
+  <!-- headerBlock -->
+  {% block headerBlock %}
+    {% call componentHeader({
+      "skipLink": {
+        "href": skipLinkHref if skipLinkHref else "#content"
+      },
+      "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"
+    }) %}
+      <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.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.njk ADDED Viewed

@@ -0,0 +1,138 @@
+{% 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 -->
+<body>
+  <!-- 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"
+      },
+      "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"
+    }) %}
+      <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"
+            }
+          ],
+          "attributes": {
+            "aria-label": "Lista de acciones de usuario"
+          }
+        })  }}
+      </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.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.mfe-iframe-content.njk ADDED Viewed

@@ -0,0 +1,31 @@
+{% set currentAppName = "AppName" %}
+{% include "pages/_page.head.njk" %}
+<!-- template.mfe-iframe-content -->
+<body>
+  <!-- pageSpinnerBlock -->
+  {% block pageSpinnerBlock %}
+    {% include "pages/_page.spinner.njk" %}
+  {% endblock %}
+  <!-- /pageSpinnerBlock -->
+  <!-- notificationHeaderBlock -->
+  {% block notificationHeaderBlock %}
+    {% include "pages/_page.notification-header.njk" %}
+  {% endblock %}
+  <!-- /notificationHeaderBlock -->
+  <!-- contentBlock -->
+  {% block contentBlock %}
+  {% endblock %}
+  <!-- /contentBlock -->
+  <!-- notificationFooterBlock -->
+  {% block notificationFooterBlock %}
+    {% include "pages/_page.notification-footer.njk" %}
+  {% endblock %}
+  <!-- /notificationFooterBlock -->
+  <!-- modalBlock -->
+  {% block modalBlock %}
+  {% endblock %}
+  <!-- /modalBlock -->
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.2/iframeResizer.contentWindow.min.js" integrity="sha512-14SY6teTzhrLWeL55Q4uCyxr6GQOxF3pEoMxo2mBxXwPRikdMtzKMYWy2B5Lqjr6PHHoGOxZgPaxUYKQrSmu0A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+{% include "pages/_page.foot.njk" %}

package/src/templates/pages/_template.mfe.njk ADDED Viewed

@@ -0,0 +1,80 @@
+{% set currentAppName = "AppName" %}
+{% 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.mfe -->
+<body>
+  <!-- pageSpinnerBlock -->
+  {% block pageSpinnerBlock %}
+    {% include "pages/_page.spinner.njk" %}
+  {% endblock %}
+  <!-- /pageSpinnerBlock -->
+  <!-- headerBlock -->
+  {% block headerBlock %}
+    {{ componentHeader({
+      "homepageUrl": "index.html",
+      "expandedLogo": true,
+      "subnav": {
+        "text": currentAppName
+      },
+      "classes": "relative z-40"
+    }) }}
+  {% endblock %}
+  <!-- /headerBlock -->
+  <!-- subheaderBlock -->
+  {% block subheaderBlock %}
+  {% endblock %}
+  <!-- /subheaderBlock -->
+  <main id="content" class="relative container mx-auto px-base">
+    <div class="pb-lg"></div>
+    <h1 class="c-h1">Título de página h1 (Ej: Accede al Servicio o Firma los documentos)</h1>
+    <!-- notificationHeaderBlock -->
+    {% block notificationHeaderBlock %}
+      {% include "pages/_page.notification-header.njk" %}
+    {% endblock %}
+    <!-- /notificationHeaderBlock -->
+    <!-- contentBlock -->
+    <!-- iframe -->
+    {% block contentBlock %}
+      {% include "pages/_page.spinner-block.njk" %}
+    {% endblock %}
+    <!-- /iframe -->
+    <!-- /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 -->
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.2/iframeResizer.min.js" integrity="sha512-dnvR4Aebv5bAtJxDunq3eE8puKAJrY9GBJYl9GC6lTOEC76s1dbDfJFcL9GyzpaDW4vlI/UjR8sKbc1j6Ynx6w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+  <script type="text/javascript">
+    iFrameResize({
+      log                     : true,                  // Enable console logging
+      enablePublicMethods     : true,                  // Enable methods within iframe hosted page
+      resizedCallback         : function(messageData){ // Callback fn when resize is received
+        // console.log ("IFrame: "+ messageData.iframe.id + " Height: " + messageData.height + " Width: " + messageData.width + " Event type: " + messageData.type);
+      },
+      messageCallback         : function(messageData){ // Callback fn when message is received
+        // console.log ("IFrame: "+ messageData.iframe.id +" Message: " + messageData.message);
+      },
+      closedCallback         : function(id){ // Callback fn when iFrame is closed
+        // console.log ("IFrame: "+ id +" removed from page.");
+      }
+    });
+  </script>
+{% include "pages/_page.foot.njk" %}

package/src/templates/pages/_template.test.njk ADDED Viewed

@@ -0,0 +1,45 @@
+{% 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>
+  <!-- headerBlock -->
+  {% block headerBlock %}
+    {{ componentHeader({
+      "homepageUrl": "/",
+      "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 %}
+    {% endblock %}
+    <!-- /notificationHeaderBlock -->
+    <!-- contentBlock -->
+    {% block contentBlock %}
+    {% endblock %}
+    <!-- /contentBlock -->
+    <!-- notificationFooterBlock -->
+    {% block notificationFooterBlock %}
+    {% 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.with-header-advanced.njk ADDED Viewed

@@ -0,0 +1,130 @@
+{% include "pages/_page.head.njk" %}
+{% from "components/header-advanced/_macro.header-advanced.njk" import componentHeaderAdvanced %}
+{% from "components/nav/_macro.nav.njk" import componentNav %}
+{% from "components/details/_macro.details.njk" import componentDetails %}
+<!-- template.with-header-advanced -->
+<body>
+  <!-- pageSpinnerBlock -->
+  {% block pageSpinnerBlock %}
+    {% include "pages/_page.spinner.njk" %}
+  {% endblock %}
+  <!-- /pageSpinnerBlock -->
+  <!-- headerBlock -->
+  {% block headerBlock %}
+    {% call componentHeaderAdvanced({
+    "title": {
+        "homepageUrl": "index.html",
+        "text": "DESY"
+      },
+      "subtitle": {
+        "text": "Sistema de Diseño del Gobierno de Aragón."
+      },
+      "navigation": {
+        "items": [
+          {
+            "href": "#",
+            "text": "Inicio",
+            "active": true
+          },
+          {
+            "href": "#",
+            "text": "Estilos"
+          },
+          {
+            "href": "#",
+            "text": "Componentes"
+          },
+          {
+            "href": "#",
+            "text": "Plantillas"
+          },
+          {
+            "href": "#",
+            "text": "Librerías"
+          },
+          {
+            "href": "#",
+            "text": "Soporte"
+          }
+        ]
+      },
+      "offcanvas": {
+        "text": "Menú",
+        "textClose": "Cerrar menú"
+      },
+      "classes": "relative 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">DESY</h3>
+        {{ componentNav({
+          "idPrefix": "nav-mobile-pages",
+          "hasNav": false,
+          "items": [
+            {
+              "href": "#",
+              "text": "Inicio",
+              "active": true
+            },
+            {
+              "href": "#",
+              "text": "Estilos"
+            },
+            {
+              "href": "#",
+              "text": "Componentes"
+            },
+            {
+              "href": "#",
+              "text": "Plantillas"
+            },
+            {
+              "href": "#",
+              "text": "Librerías"
+            },
+            {
+              "href": "#",
+              "text": "Soporte"
+            }
+          ],
+          "attributes": {
+            "aria-label": "Lista de páginas"
+          }
+        })  }}
+      </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.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" %}