@mindful-web/marko-web-theme-monorail-magazine 1.0.1 → 1.11.3

package/components/blocks/magazine-archived-issue.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-theme-monorail-magazine$1.0.1/components/blocks/magazine-archived-issue.marko",
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail-magazine$1.11.3/components/blocks/magazine-archived-issue.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_objectPath_module = require("@mindful-web/object-path"),
     objectPath_module = module_objectPath_module.default || module_objectPath_module,
@@ -51,7 +51,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-theme-monorail-magazine$1.0.1/components/blocks/magazine-archived-issue.marko",
+    id: "/@mindful-web/marko-web-theme-monorail-magazine$1.11.3/components/blocks/magazine-archived-issue.marko",
     tags: [
       "@mindful-web/marko-web/components/node/index.marko"
     ]

package/components/blocks/magazine-current-issue.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-theme-monorail-magazine$1.0.1/components/blocks/magazine-current-issue.marko",
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail-magazine$1.11.3/components/blocks/magazine-current-issue.marko",
     marko_component = require("./magazine-current-issue.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_objectPath_module = require("@mindful-web/object-path"),
@@ -108,7 +108,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-theme-monorail-magazine$1.0.1/components/blocks/magazine-current-issue.marko",
+    id: "/@mindful-web/marko-web-theme-monorail-magazine$1.11.3/components/blocks/magazine-current-issue.marko",
     component: "./magazine-current-issue.marko",
     tags: [
       "@mindful-web/marko-web/components/element/magazine-issue/name.marko",

package/components/blocks/magazine-issue-cards.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-theme-monorail-magazine$1.0.1/components/blocks/magazine-issue-cards.marko",
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail-magazine$1.11.3/components/blocks/magazine-issue-cards.marko",
     marko_component = require("./magazine-issue-cards.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_defaultValue = require("@mindful-web/marko-core/utils/default-value"),
@@ -84,7 +84,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-theme-monorail-magazine$1.0.1/components/blocks/magazine-issue-cards.marko",
+    id: "/@mindful-web/marko-web-theme-monorail-magazine$1.11.3/components/blocks/magazine-issue-cards.marko",
     component: "./magazine-issue-cards.marko",
     tags: [
       "@mindful-web/marko-web-theme-monorail/components/query-total-count.marko",

package/components/blocks/magazine-issues.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-theme-monorail-magazine$1.0.1/components/blocks/magazine-issues.marko",
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail-magazine$1.11.3/components/blocks/magazine-issues.marko",
     marko_component = require("./magazine-issues.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_objectPath_module = require("@mindful-web/object-path"),
@@ -139,7 +139,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-theme-monorail-magazine$1.0.1/components/blocks/magazine-issues.marko",
+    id: "/@mindful-web/marko-web-theme-monorail-magazine$1.11.3/components/blocks/magazine-issues.marko",
     component: "./magazine-issues.marko",
     tags: [
       "@mindful-web/marko-web/components/element/link.marko",

package/components/blocks/magazine-latest-issue.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-theme-monorail-magazine$1.0.1/components/blocks/magazine-latest-issue.marko",
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail-magazine$1.11.3/components/blocks/magazine-latest-issue.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_objectPath_module = require("@mindful-web/object-path"),
     objectPath_module = module_objectPath_module.default || module_objectPath_module,
@@ -88,7 +88,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-theme-monorail-magazine$1.0.1/components/blocks/magazine-latest-issue.marko",
+    id: "/@mindful-web/marko-web-theme-monorail-magazine$1.11.3/components/blocks/magazine-latest-issue.marko",
     tags: [
       "@mindful-web/marko-web/components/element/magazine-issue/name.marko",
       "../publication-buttons.marko",

package/components/blocks/magazine-publication-card.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-theme-monorail-magazine$1.0.1/components/blocks/magazine-publication-card.marko",
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail-magazine$1.11.3/components/blocks/magazine-publication-card.marko",
     marko_component = require("./magazine-publication-card.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_objectPath_module = require("@mindful-web/object-path"),
@@ -115,7 +115,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-theme-monorail-magazine$1.0.1/components/blocks/magazine-publication-card.marko",
+    id: "/@mindful-web/marko-web-theme-monorail-magazine$1.11.3/components/blocks/magazine-publication-card.marko",
     component: "./magazine-publication-card.marko",
     tags: [
       "./magazine-latest-issue.marko",

package/components/blocks/magazine-publications.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-theme-monorail-magazine$1.0.1/components/blocks/magazine-publications.marko",
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail-magazine$1.11.3/components/blocks/magazine-publications.marko",
     marko_component = require("./magazine-publications.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_objectPath_module = require("@mindful-web/object-path"),
@@ -78,7 +78,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-theme-monorail-magazine$1.0.1/components/blocks/magazine-publications.marko",
+    id: "/@mindful-web/marko-web-theme-monorail-magazine$1.11.3/components/blocks/magazine-publications.marko",
     component: "./magazine-publications.marko",
     tags: [
       "@mindful-web/marko-web/components/element/magazine-publication/name.marko",

package/components/flows/magazine-issue-archive.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-theme-monorail-magazine$1.0.1/components/flows/magazine-issue-archive.marko",
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail-magazine$1.11.3/components/flows/magazine-issue-archive.marko",
     marko_component = require("./magazine-issue-archive.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_objectPath_module = require("@mindful-web/object-path"),
@@ -46,7 +46,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-theme-monorail-magazine$1.0.1/components/flows/magazine-issue-archive.marko",
+    id: "/@mindful-web/marko-web-theme-monorail-magazine$1.11.3/components/flows/magazine-issue-archive.marko",
     component: "./magazine-issue-archive.marko",
     tags: [
       "../nodes/magazine-issue-archive.marko",

package/components/flows/magazine-latest-issue.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-theme-monorail-magazine$1.0.1/components/flows/magazine-latest-issue.marko",
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail-magazine$1.11.3/components/flows/magazine-latest-issue.marko",
     marko_component = require("./magazine-latest-issue.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_objectPath_module = require("@mindful-web/object-path"),
@@ -60,7 +60,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-theme-monorail-magazine$1.0.1/components/flows/magazine-latest-issue.marko",
+    id: "/@mindful-web/marko-web-theme-monorail-magazine$1.11.3/components/flows/magazine-latest-issue.marko",
     component: "./magazine-latest-issue.marko",
     tags: [
       "../nodes/magazine-latest-issue.marko",

package/components/layouts/magazine-index.marko

@@ -0,0 +1,58 @@
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+import publicationListFragment from "@mindful-web/marko-web-theme-monorail-magazine/graphql/fragments/magazine-publication-list";
+import latestIssueFragment from "@mindful-web/marko-web-theme-monorail-magazine/graphql/fragments/latest-issue";
+
+$ const { site, req } = out.global;
+
+$ const type = "magazines";
+$ const title = "Magazine Archives";
+$ const description = site.get("magazines.description");
+$ const publicationIds = site.getAsArray("magazine.publicationIds");
+$ const requiresCoverImage = defaultValue(input.requiresCoverImage, true);
+
+<marko-web-default-page-layout title=title description=description type=type>
+  <@head>
+    <if(input.head)>
+      <${input.head} />
+    </if>
+    <else>
+      <marko-web-gtm-default-context|{ context }| type=type>
+        <marko-web-gtm-push data=context />
+      </marko-web-gtm-default-context>
+      <marko-web-p1-events-track-static-route-view path=req.path />
+    </else>
+  </@head>
+  <@page>
+    <marko-web-page-wrapper class="mb-block">
+      <if(input.leaderboard)>
+        <@section|{ aliases }| modifiers=["first"]>
+          <${input.leaderboard} aliases=aliases />
+        </@section>
+      </if>
+      <@section>
+        <div class="row">
+          <div class="col">
+            <h1 class="page-wrapper__title">${title}</h1>
+            <if(description)>
+              <p class="page-wrapper__deck">${description}</p>
+            </if>
+          </div>
+        </div>
+        <for|id| of=publicationIds>
+          <marko-web-query|{ nodes }| name="magazine-publications" params={ publicationIds: [id], queryFragmet: publicationListFragment }>
+            <for|publication| of=nodes>
+              <marko-web-query|{ node: latestIssue }| name="magazine-latest-issue" params={ publicationId: publication.id, requiresCoverImage, queryFragment: latestIssueFragment }>
+                <theme-magazine-publication-card-block publication-id=publication.id issue-id=latestIssue.id latest-issue={ buttons: ["archives"] } />
+              </marko-web-query>
+            </for>
+          </marko-web-query>
+        </for>
+      </@section>
+    </marko-web-page-wrapper>
+  </@page>
+  <if(input.belowPage)>
+    <@below-page>
+      <${input.belowPage} />
+    </@below-page>
+  </if>
+</marko-web-default-page-layout>

package/components/layouts/magazine-index.marko.js

@@ -0,0 +1,189 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail-magazine$1.11.3/components/layouts/magazine-index.marko",
+    marko_component = require("./magazine-index.marko"),
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_defaultValue = require("@mindful-web/marko-core/utils/default-value"),
+    defaultValue = module_defaultValue.default || module_defaultValue,
+    module_publicationListFragment = require("@mindful-web/marko-web-theme-monorail-magazine/graphql/fragments/magazine-publication-list"),
+    publicationListFragment = module_publicationListFragment.default || module_publicationListFragment,
+    module_latestIssueFragment = require("@mindful-web/marko-web-theme-monorail-magazine/graphql/fragments/latest-issue"),
+    latestIssueFragment = module_latestIssueFragment.default || module_latestIssueFragment,
+    marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
+    marko_web_gtm_push_template = require("@mindful-web/marko-web-gtm/components/push.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_gtm_push_tag = marko_loadTag(marko_web_gtm_push_template),
+    marko_web_gtm_default_context_template = require("@mindful-web/marko-web-gtm/components/context/default.marko"),
+    marko_web_gtm_default_context_tag = marko_loadTag(marko_web_gtm_default_context_template),
+    marko_web_p1_events_track_static_route_view_template = require("@mindful-web/marko-web-p1-events/components/track-static-route-view.marko"),
+    marko_web_p1_events_track_static_route_view_tag = marko_loadTag(marko_web_p1_events_track_static_route_view_template),
+    marko_loadNestedTag = require("marko/dist/runtime/helpers/load-nested-tag"),
+    marko_web_page_wrapper_section_nested_tag = marko_loadNestedTag("sections", 1),
+    helpers_escape_xml = require("marko/dist/runtime/html/helpers/escape-xml"),
+    marko_escapeXml = helpers_escape_xml.x,
+    marko_forOf = require("marko/dist/runtime/helpers/for-of"),
+    theme_magazine_publication_card_block_template = require("../blocks/magazine-publication-card.marko"),
+    theme_magazine_publication_card_block_tag = marko_loadTag(theme_magazine_publication_card_block_template),
+    marko_web_query_template = require("@mindful-web/marko-core/components/queries/index.marko"),
+    marko_web_query_tag = marko_loadTag(marko_web_query_template),
+    marko_mergeNestedTagsHelper = require("marko/dist/runtime/helpers/merge-nested-tags"),
+    marko_web_page_wrapper_template = require("@mindful-web/marko-web/components/page/wrapper.marko"),
+    marko_web_page_wrapper_tag = marko_loadTag(marko_web_page_wrapper_template),
+    marko_web_default_page_layout_template = require("@mindful-web/marko-web/components/page/layouts/default.marko"),
+    marko_web_default_page_layout_tag = marko_loadTag(marko_web_default_page_layout_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { site, req } = out.global;
+
+  const type = "magazines";
+
+  const title = "Magazine Archives";
+
+  const description = site.get("magazines.description");
+
+  const publicationIds = site.getAsArray("magazine.publicationIds");
+
+  const requiresCoverImage = defaultValue(input.requiresCoverImage, true);
+
+  marko_web_default_page_layout_tag({
+      title: title,
+      description: description,
+      type: type,
+      head: {
+          renderBody: function(out) {
+            if (input.head) {
+              marko_dynamicTag(out, input.head, null, null, null, null, __component, "2");
+            } else {
+              marko_web_gtm_default_context_tag({
+                  type: type,
+                  renderBody: function(out, { context }) {
+                    marko_web_gtm_push_tag({
+                        name: "dataLayer",
+                        data: context
+                      }, out, __component, "4");
+                  }
+                }, out, __component, "3");
+
+              marko_web_p1_events_track_static_route_view_tag({
+                  path: req.path
+                }, out, __component, "5");
+            }
+          }
+        },
+      page: {
+          renderBody: function(out) {
+            marko_web_page_wrapper_tag(marko_mergeNestedTagsHelper({
+                blockName: "page-wrapper",
+                tag: "div",
+                class: "mb-block",
+                renderBody: function(out, $nestedTagmarko_web_page_wrapper$0) {
+                  if (input.leaderboard) {
+                    marko_web_page_wrapper_section_nested_tag({
+                        tag: "div",
+                        modifiers: [
+                            "first"
+                          ],
+                        renderBody: function(out, { aliases }) {
+                          marko_dynamicTag(out, input.leaderboard, function() {
+                            return {
+                                aliases: aliases
+                              };
+                          }, null, null, null, __component, "9");
+                        }
+                      }, $nestedTagmarko_web_page_wrapper$0);
+                  }
+
+                  marko_web_page_wrapper_section_nested_tag({
+                      tag: "div",
+                      renderBody: function(out) {
+                        out.w("<div class=\"row\"><div class=\"col\"><h1 class=\"page-wrapper__title\">" +
+                          marko_escapeXml(title) +
+                          "</h1>");
+
+                        if (description) {
+                          out.w("<p class=\"page-wrapper__deck\">" +
+                            marko_escapeXml(description) +
+                            "</p>");
+                        }
+
+                        out.w("</div></div>");
+
+                        var $for$0 = 0;
+
+                        marko_forOf(publicationIds, function(id) {
+                          var $keyScope$0 = "[" + (($for$0++) + "]");
+
+                          marko_web_query_tag({
+                              collapsible: true,
+                              name: "magazine-publications",
+                              params: {
+                                  publicationIds: [
+                                      id
+                                    ],
+                                  queryFragmet: publicationListFragment
+                                },
+                              renderBody: function(out, { nodes }) {
+                                var $for$1 = 0;
+
+                                marko_forOf(nodes, function(publication) {
+                                  var $keyScope$1 = "[" + ((($for$1++) + $keyScope$0) + "]");
+
+                                  marko_web_query_tag({
+                                      collapsible: true,
+                                      name: "magazine-latest-issue",
+                                      params: {
+                                          publicationId: publication.id,
+                                          requiresCoverImage: requiresCoverImage,
+                                          queryFragment: latestIssueFragment
+                                        },
+                                      renderBody: function(out, { node: latestIssue }) {
+                                        theme_magazine_publication_card_block_tag({
+                                            publicationId: publication.id,
+                                            issueId: latestIssue.id,
+                                            latestIssue: {
+                                                buttons: [
+                                                    "archives"
+                                                  ]
+                                              }
+                                          }, out, __component, "17" + $keyScope$1);
+                                      }
+                                    }, out, __component, "16" + $keyScope$1);
+                                });
+                              }
+                            }, out, __component, "15" + $keyScope$0);
+                        });
+                      }
+                    }, $nestedTagmarko_web_page_wrapper$0);
+                }
+              }), out, __component, "7");
+          }
+        },
+      belowPage: input.belowPage && {
+          renderBody: function(out) {
+            marko_dynamicTag(out, input.belowPage, null, null, null, null, __component, "19");
+          }
+        }
+    }, out, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    e_: marko_componentType
+  }, marko_component);
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-theme-monorail-magazine$1.11.3/components/layouts/magazine-index.marko",
+    component: "./magazine-index.marko",
+    tags: [
+      "@mindful-web/marko-web-gtm/components/push.marko",
+      "@mindful-web/marko-web-gtm/components/context/default.marko",
+      "@mindful-web/marko-web-p1-events/components/track-static-route-view.marko",
+      "../blocks/magazine-publication-card.marko",
+      "@mindful-web/marko-core/components/queries/index.marko",
+      "@mindful-web/marko-web/components/page/wrapper.marko",
+      "@mindful-web/marko-web/components/page/layouts/default.marko"
+    ]
+  };

package/components/layouts/magazine-issue.marko

@@ -0,0 +1,113 @@
+import issueFragment from "@mindful-web/marko-web-theme-monorail-magazine/graphql/fragments/magazine-issue-archive";
+import contentListFragment from "@mindful-web/marko-web-theme-monorail-magazine/graphql/fragments/magazine-content-feed-block";
+
+$ const { pagination: p, i18n, req } = out.global;
+$ const { id, pageNode } = input;
+
+<marko-web-magazine-issue-page-layout id=id>
+  <@head>
+    <if(input.head)>
+      <${input.head} />
+    </if>
+    <else>
+      <marko-web-gtm-magazine-publication-context|{ context }| id=id>
+        <marko-web-gtm-push data=context />
+      </marko-web-gtm-magazine-publication-context>
+      <marko-web-p1-events-track-static-route-view path=req.path />
+    </else>
+  </@head>
+  <@page>
+    <marko-web-resolve-page|{ data: issue }| node=pageNode>
+      <marko-web-page-wrapper class="mb-block">
+        <if(input.leaderboard)>
+          <@section|{ aliases }| modifiers=["first"]>
+            <${input.leaderboard} aliases=aliases />
+          </@section>
+        </if>
+        <@section>
+          <div class="row">
+            <div class="col">
+              <theme-breadcrumbs modifiers=["website-section"]>
+                <@item><marko-web-link href="/magazine">Magazine</marko-web-link></@item>
+                <@item><marko-web-magazine-publication-name tag=null obj=issue.publication link=true /></@item>
+              </theme-breadcrumbs>
+              <h1 class="page-wrapper__title">
+                ${issue.name}
+              </h1>
+              <if(issue.description)>
+                <p class="page-wrapper__deck">${issue.description}</p>
+              </if>
+            </div>
+          </div>
+        </@section>
+
+        <@section|{ aliases }|>
+          <div class="row">
+            <div class="col-lg-4" style="padding-top: 11px;">
+              <theme-magazine-latest-issue-block node=issue with-title=false class="sticky-top" />
+            </div>
+            <div class="col-lg-8">
+              <marko-web-element block-name="node-list" name="wrapper" modifiers=["with-pagination"]>
+                $ const contentQueryName = "magazine-scheduled-content";
+                $ const contentQueryParams = { issueId: id, queryFragment: contentListFragment };
+                $ const perPage = 12;
+                <theme-section-feed-block query-name=contentQueryName query-params=contentQueryParams>
+                  <@query-params ...contentQueryParams limit=perPage skip=p.skip({ perPage }) />
+                  <@header>
+                    In This Issue <if(p.page !== 1)>(Page ${p.page})</if>
+                  </@header>
+                  <@after>
+                    <theme-section-feed-block|{ totalCount }| alias=`/magazine/${issue.id}` count-only=true query-name=contentQueryName query-params=contentQueryParams>
+                      <theme-pagination-controls
+                        per-page=perPage
+                        total-count=totalCount
+                        path=`/magazine/${issue.id}`
+                      />
+                    </theme-section-feed-block>
+                  </@after>
+                </theme-section-feed-block>
+              </marko-web-element>
+            </div>
+          </div>
+        </@section>
+
+        <@section>
+          <marko-web-query|{ nodes }| name="magazine-active-issues"
+            params={
+              publicationId: issue.publication.id,
+              excludeIssueIds: [issue.id],
+              queryFragment: issueFragment,
+              limit: 12,
+              requiresCoverImage: true
+            }
+          >
+          <marko-web-node-list
+            inner-justified=true
+            flush-x=true
+            flush-y=false
+            modifiers=["issue-archives"]
+            collapsible=false
+          >
+            <@header>
+              ${i18n("Past Issues")}
+            </@header>
+            <@body>
+              <theme-magazine-issue-archive-flow nodes=nodes flush=true />
+            </@body>
+            <@footer>
+              <marko-web-magazine-publication-name tag=null obj=issue.publication link={ class: "btn btn-primary" }>
+                ${i18n("View All Past Issues")}
+              </marko-web-magazine-publication-name>
+            </@footer>
+          </marko-web-node-list>
+          </marko-web-query>
+        </@section>
+      </marko-web-page-wrapper>
+    </marko-web-resolve-page>
+  </@page>
+  <if(input.belowPage)>
+    <@below-page>
+      <${input.belowPage} />
+    </@below-page>
+  </if>
+</marko-web-magazine-issue-page-layout>