npm - desy-html - Versions diffs - 7.2.0 → 7.3.1 - Mend

desy-html 7.2.0 → 7.3.1

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 (60) hide show

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" %}