@mindful-web/marko-web-theme-monorail-magazine 1.0.0

package/templates/issue.marko.js

@@ -0,0 +1,279 @@
+// 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.0.0/templates/issue.marko",
+    marko_component = require("./issue.marko"),
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_issueFragment = require("../graphql/fragments/magazine-issue-archive"),
+    issueFragment = module_issueFragment.default || module_issueFragment,
+    module_contentListFragment = require("../graphql/fragments/magazine-content-feed-block"),
+    contentListFragment = module_contentListFragment.default || module_contentListFragment,
+    module_objectPath_module = require("@mindful-web/object-path"),
+    objectPath_module = module_objectPath_module.default || module_objectPath_module,
+    get = module_objectPath_module.get,
+    getAsObject = module_objectPath_module.getAsObject,
+    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_magazine_issue_context_template = require("@mindful-web/marko-web-gtm/components/context/magazine-issue.marko"),
+    marko_web_gtm_magazine_issue_context_tag = marko_loadTag(marko_web_gtm_magazine_issue_context_template),
+    marko_web_link_template = require("@mindful-web/marko-web/components/element/link.marko"),
+    marko_web_link_tag = marko_loadTag(marko_web_link_template),
+    marko_web_magazine_publication_name_template = require("@mindful-web/marko-web/components/element/magazine-publication/name.marko"),
+    marko_web_magazine_publication_name_tag = marko_loadTag(marko_web_magazine_publication_name_template),
+    theme_breadcrumbs_template = require("@mindful-web/marko-web-theme-monorail/components/breadcrumbs/index.marko"),
+    theme_breadcrumbs_tag = marko_loadTag(theme_breadcrumbs_template),
+    helpers_escape_xml = require("marko/dist/runtime/html/helpers/escape-xml"),
+    marko_escapeXml = helpers_escape_xml.x,
+    theme_magazine_latest_issue_block_template = require("../components/blocks/magazine-latest-issue.marko"),
+    theme_magazine_latest_issue_block_tag = marko_loadTag(theme_magazine_latest_issue_block_template),
+    marko_assign = require("marko/dist/runtime/helpers/assign"),
+    theme_pagination_controls_template = require("@mindful-web/marko-web-theme-monorail/components/pagination-controls.marko"),
+    theme_pagination_controls_tag = marko_loadTag(theme_pagination_controls_template),
+    theme_section_feed_block_template = require("@mindful-web/marko-web-theme-monorail/components/blocks/section-feed.marko"),
+    theme_section_feed_block_tag = marko_loadTag(theme_section_feed_block_template),
+    theme_magazine_issue_archive_flow_template = require("../components/flows/magazine-issue-archive.marko"),
+    theme_magazine_issue_archive_flow_tag = marko_loadTag(theme_magazine_issue_archive_flow_template),
+    marko_web_node_list_template = require("@mindful-web/marko-web/components/node-list/index.marko"),
+    marko_web_node_list_tag = marko_loadTag(marko_web_node_list_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_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_resolve_page_template = require("@mindful-web/marko-web/components/resolve/page.marko"),
+    marko_web_resolve_page_tag = marko_loadTag(marko_web_resolve_page_template),
+    marko_web_magazine_issue_page_layout_template = require("@mindful-web/marko-web/components/page/layouts/magazine-issue.marko"),
+    marko_web_magazine_issue_page_layout_tag = marko_loadTag(marko_web_magazine_issue_page_layout_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { site, pagination: p, i18n } = out.global;
+
+  const { id, pageNode } = data;
+
+  marko_web_magazine_issue_page_layout_tag({
+      id: id,
+      head: {
+          renderBody: function(out) {
+            marko_web_gtm_magazine_issue_context_tag({
+                id: id,
+                renderBody: function(out, { context }) {
+                  marko_web_gtm_push_tag({
+                      name: "dataLayer",
+                      data: context
+                    }, out, __component, "3");
+                }
+              }, out, __component, "2");
+          }
+        },
+      page: {
+          renderBody: function(out) {
+            marko_web_resolve_page_tag({
+                node: pageNode,
+                renderBody: function(out, { data: issue }) {
+                  marko_web_page_wrapper_tag({
+                      blockName: "page-wrapper",
+                      tag: "div",
+                      class: "mb-block",
+                      sections: [
+                          {
+                              tag: "div",
+                              renderBody: function(out) {
+                                out.w("<div class=\"row\"><div class=\"col\">");
+
+                                theme_breadcrumbs_tag({
+                                    modifiers: [
+                                        "website-section"
+                                      ],
+                                    items: [
+                                        {
+                                            renderBody: function(out) {
+                                              marko_web_link_tag({
+                                                  href: "/magazine",
+                                                  renderBody: function(out) {
+                                                    out.w("Magazine");
+                                                  }
+                                                }, out, __component, "12");
+                                            }
+                                          },
+                                        {
+                                            renderBody: function(out) {
+                                              marko_web_magazine_publication_name_tag({
+                                                  tag: null,
+                                                  obj: issue.publication,
+                                                  link: true
+                                                }, out, __component, "14");
+                                            }
+                                          }
+                                      ]
+                                  }, out, __component, "10");
+
+                                out.w("<h1 class=\"page-wrapper__title\">" +
+                                  marko_escapeXml(issue.name) +
+                                  "</h1>");
+
+                                if (issue.description) {
+                                  out.w("<p class=\"page-wrapper__deck\">" +
+                                    marko_escapeXml(issue.description) +
+                                    "</p>");
+                                }
+
+                                out.w("</div></div>");
+                              }
+                            },
+                          {
+                              tag: "div",
+                              renderBody: function(out, { aliases }) {
+                                out.w("<div class=\"row\"><div class=\"col-lg-4\" style=\"padding-top: 11px;\">");
+
+                                theme_magazine_latest_issue_block_tag({
+                                    node: issue,
+                                    withTitle: false,
+                                    class: "sticky-top"
+                                  }, out, __component, "20");
+
+                                out.w("</div><div class=\"col-lg-8\">");
+
+                                const contentQueryName = "magazine-scheduled-content";
+
+                                const contentQueryParams = { issueId: id, queryFragment: contentListFragment };
+
+                                const perPage = 12;
+
+                                theme_section_feed_block_tag({
+                                    queryName: contentQueryName,
+                                    queryParams: marko_assign({}, contentQueryParams, {
+                                        limit: perPage,
+                                        skip: p.skip({
+                                            perPage: perPage
+                                          })
+                                      }),
+                                    header: {
+                                        renderBody: function(out) {
+                                          out.w("In This Issue ");
+
+                                          if (p.page !== 1) {
+                                            out.w("(Page " +
+                                              marko_escapeXml(p.page) +
+                                              ")");
+                                          }
+                                        }
+                                      },
+                                    after: {
+                                        renderBody: function(out) {
+                                          theme_section_feed_block_tag({
+                                              alias: "/magazine/" + issue.id,
+                                              countOnly: true,
+                                              queryName: contentQueryName,
+                                              queryParams: contentQueryParams,
+                                              renderBody: function(out, { totalCount }) {
+                                                theme_pagination_controls_tag({
+                                                    perPage: perPage,
+                                                    totalCount: totalCount,
+                                                    path: "/magazine/" + issue.id
+                                                  }, out, __component, "27");
+                                              }
+                                            }, out, __component, "26");
+                                        }
+                                      }
+                                  }, out, __component, "22");
+
+                                out.w("</div></div>");
+                              }
+                            },
+                          {
+                              tag: "div",
+                              renderBody: function(out) {
+                                marko_web_query_tag({
+                                    collapsible: true,
+                                    name: "magazine-active-issues",
+                                    params: {
+                                        publicationId: issue.publication.id,
+                                        excludeIssueIds: [
+                                            issue.id
+                                          ],
+                                        queryFragment: issueFragment,
+                                        limit: 12,
+                                        requiresCoverImage: true
+                                      },
+                                    renderBody: function(out, { nodes }) {
+                                      marko_web_node_list_tag({
+                                          blockName: "node-list",
+                                          tag: "div",
+                                          justified: false,
+                                          innerJustified: true,
+                                          flushX: true,
+                                          flushY: false,
+                                          fullHeight: false,
+                                          collapsible: false,
+                                          modifiers: [
+                                              "issue-archives"
+                                            ],
+                                          header: {
+                                              renderBody: function(out) {
+                                                out.w(marko_escapeXml(i18n("Past Issues")));
+                                              }
+                                            },
+                                          body: {
+                                              renderBody: function(out) {
+                                                theme_magazine_issue_archive_flow_tag({
+                                                    flush: true,
+                                                    withTitle: true,
+                                                    nodes: nodes
+                                                  }, out, __component, "33");
+                                              }
+                                            },
+                                          footer: {
+                                              renderBody: function(out) {
+                                                marko_web_magazine_publication_name_tag({
+                                                    tag: null,
+                                                    obj: issue.publication,
+                                                    link: {
+                                                        class: "btn btn-primary"
+                                                      },
+                                                    renderBody: function(out) {
+                                                      out.w(marko_escapeXml(i18n("View All Past Issues")));
+                                                    }
+                                                  }, out, __component, "35");
+                                              }
+                                            }
+                                        }, out, __component, "30");
+                                    }
+                                  }, out, __component, "29");
+                              }
+                            }
+                        ]
+                    }, out, __component, "6");
+                }
+              }, out, __component, "5");
+          }
+        }
+    }, 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.0.0/templates/issue.marko",
+    component: "./issue.marko",
+    tags: [
+      "@mindful-web/marko-web-gtm/components/push.marko",
+      "@mindful-web/marko-web-gtm/components/context/magazine-issue.marko",
+      "@mindful-web/marko-web/components/element/link.marko",
+      "@mindful-web/marko-web/components/element/magazine-publication/name.marko",
+      "@mindful-web/marko-web-theme-monorail/components/breadcrumbs/index.marko",
+      "../components/blocks/magazine-latest-issue.marko",
+      "@mindful-web/marko-web-theme-monorail/components/pagination-controls.marko",
+      "@mindful-web/marko-web-theme-monorail/components/blocks/section-feed.marko",
+      "../components/flows/magazine-issue-archive.marko",
+      "@mindful-web/marko-web/components/node-list/index.marko",
+      "@mindful-web/marko-core/components/queries/index.marko",
+      "@mindful-web/marko-web/components/page/wrapper.marko",
+      "@mindful-web/marko-web/components/resolve/page.marko",
+      "@mindful-web/marko-web/components/page/layouts/magazine-issue.marko"
+    ]
+  };

package/templates/publication.marko

@@ -0,0 +1,61 @@
+import issueFragment from "../graphql/fragments/magazine-issue-archive";
+
+$ const { pagination: p, req } = out.global;
+$ const { id, pageNode } = data;
+$ const perPage = 16;
+
+<marko-web-magazine-publication-page-layout id=id>
+  <@head>
+    <marko-web-gtm-magazine-publication-context|{ context }| id=id>
+      <marko-web-gtm-push data=context />
+    </marko-web-gtm-magazine-publication-context>
+  </@head>
+  <@page>
+    <marko-web-page-wrapper>
+      <@section>
+        <div class="row">
+          <div class="col">
+            <theme-breadcrumbs modifiers=["website-section"]>
+              <@item><marko-web-link href="/magazine">Magazine</marko-web-link></@item>
+            </theme-breadcrumbs>
+            <marko-web-resolve-page|{ data: publication }| node=pageNode>
+              <h1 class="page-wrapper__title">
+                ${publication.name} Issue Archive
+                <if(p.page > 1)>: Page ${p.page}</if>
+              </h1>
+              <if(publication.description)>
+                <p class="page-wrapper__deck">${publication.description}</p>
+              </if>
+            </marko-web-resolve-page>
+          </div>
+        </div>
+      </@section>
+      <@section>
+        <marko-web-resolve-page|{ data: publication }| node=pageNode>
+          $ const params = {
+            publicationId: id,
+            limit: perPage,
+            skip:p.skip({ perPage }),
+            queryFragment: issueFragment,
+            requiresCoverImage: true,
+          };
+          <marko-web-query|{ nodes }|
+            name="magazine-active-issues"
+            params=params
+          >
+            <theme-magazine-issue-archive-flow nodes=nodes flush=true />
+          </marko-web-query>
+          <div class="mb-block">
+            <theme-query-total-count|{ totalCount }| name="magazine-active-issues" params={publicationId: id}>
+              <theme-pagination-controls
+                per-page=perPage
+                total-count=totalCount
+                path=req.path
+              />
+            </theme-query-total-count>
+          </div>
+        </marko-web-resolve-page>
+      </@section>
+    </marko-web-page-wrapper>
+  </@page>
+</marko-web-magazine-publication-page-layout>

package/templates/publication.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.0.0/templates/publication.marko",
+    marko_component = require("./publication.marko"),
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_issueFragment = require("../graphql/fragments/magazine-issue-archive"),
+    issueFragment = module_issueFragment.default || module_issueFragment,
+    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_magazine_publication_context_template = require("@mindful-web/marko-web-gtm/components/context/magazine-publication.marko"),
+    marko_web_gtm_magazine_publication_context_tag = marko_loadTag(marko_web_gtm_magazine_publication_context_template),
+    marko_web_link_template = require("@mindful-web/marko-web/components/element/link.marko"),
+    marko_web_link_tag = marko_loadTag(marko_web_link_template),
+    theme_breadcrumbs_template = require("@mindful-web/marko-web-theme-monorail/components/breadcrumbs/index.marko"),
+    theme_breadcrumbs_tag = marko_loadTag(theme_breadcrumbs_template),
+    helpers_escape_xml = require("marko/dist/runtime/html/helpers/escape-xml"),
+    marko_escapeXml = helpers_escape_xml.x,
+    marko_web_resolve_page_template = require("@mindful-web/marko-web/components/resolve/page.marko"),
+    marko_web_resolve_page_tag = marko_loadTag(marko_web_resolve_page_template),
+    theme_magazine_issue_archive_flow_template = require("../components/flows/magazine-issue-archive.marko"),
+    theme_magazine_issue_archive_flow_tag = marko_loadTag(theme_magazine_issue_archive_flow_template),
+    marko_web_query_template = require("@mindful-web/marko-core/components/queries/index.marko"),
+    marko_web_query_tag = marko_loadTag(marko_web_query_template),
+    theme_pagination_controls_template = require("@mindful-web/marko-web-theme-monorail/components/pagination-controls.marko"),
+    theme_pagination_controls_tag = marko_loadTag(theme_pagination_controls_template),
+    theme_query_total_count_template = require("@mindful-web/marko-web-theme-monorail/components/query-total-count.marko"),
+    theme_query_total_count_tag = marko_loadTag(theme_query_total_count_template),
+    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_magazine_publication_page_layout_template = require("@mindful-web/marko-web/components/page/layouts/magazine-publication.marko"),
+    marko_web_magazine_publication_page_layout_tag = marko_loadTag(marko_web_magazine_publication_page_layout_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { pagination: p, req } = out.global;
+
+  const { id, pageNode } = data;
+
+  const perPage = 16;
+
+  marko_web_magazine_publication_page_layout_tag({
+      id: id,
+      head: {
+          renderBody: function(out) {
+            marko_web_gtm_magazine_publication_context_tag({
+                id: id,
+                renderBody: function(out, { context }) {
+                  marko_web_gtm_push_tag({
+                      name: "dataLayer",
+                      data: context
+                    }, out, __component, "3");
+                }
+              }, out, __component, "2");
+          }
+        },
+      page: {
+          renderBody: function(out) {
+            marko_web_page_wrapper_tag({
+                blockName: "page-wrapper",
+                tag: "div",
+                sections: [
+                    {
+                        tag: "div",
+                        renderBody: function(out) {
+                          out.w("<div class=\"row\"><div class=\"col\">");
+
+                          theme_breadcrumbs_tag({
+                              modifiers: [
+                                  "website-section"
+                                ],
+                              items: [
+                                  {
+                                      renderBody: function(out) {
+                                        marko_web_link_tag({
+                                            href: "/magazine",
+                                            renderBody: function(out) {
+                                              out.w("Magazine");
+                                            }
+                                          }, out, __component, "11");
+                                      }
+                                    }
+                                ]
+                            }, out, __component, "9");
+
+                          marko_web_resolve_page_tag({
+                              node: pageNode,
+                              renderBody: function(out, { data: publication }) {
+                                out.w("<h1 class=\"page-wrapper__title\">" +
+                                  marko_escapeXml(publication.name) +
+                                  " Issue Archive ");
+
+                                if (p.page > 1) {
+                                  out.w(": Page " +
+                                    marko_escapeXml(p.page));
+                                }
+
+                                out.w("</h1>");
+
+                                if (publication.description) {
+                                  out.w("<p class=\"page-wrapper__deck\">" +
+                                    marko_escapeXml(publication.description) +
+                                    "</p>");
+                                }
+                              }
+                            }, out, __component, "12");
+
+                          out.w("</div></div>");
+                        }
+                      },
+                    {
+                        tag: "div",
+                        renderBody: function(out) {
+                          marko_web_resolve_page_tag({
+                              node: pageNode,
+                              renderBody: function(out, { data: publication }) {
+                                const params = {
+            publicationId: id,
+            limit: perPage,
+            skip:p.skip({ perPage }),
+            queryFragment: issueFragment,
+            requiresCoverImage: true,
+          };
+
+                                marko_web_query_tag({
+                                    collapsible: true,
+                                    name: "magazine-active-issues",
+                                    params: params,
+                                    renderBody: function(out, { nodes }) {
+                                      theme_magazine_issue_archive_flow_tag({
+                                          flush: true,
+                                          withTitle: true,
+                                          nodes: nodes
+                                        }, out, __component, "18");
+                                    }
+                                  }, out, __component, "17");
+
+                                out.w("<div class=\"mb-block\">");
+
+                                theme_query_total_count_tag({
+                                    name: "magazine-active-issues",
+                                    params: {
+                                        publicationId: id
+                                      },
+                                    renderBody: function(out, { totalCount }) {
+                                      theme_pagination_controls_tag({
+                                          perPage: perPage,
+                                          totalCount: totalCount,
+                                          path: req.path
+                                        }, out, __component, "21");
+                                    }
+                                  }, out, __component, "20");
+
+                                out.w("</div>");
+                              }
+                            }, out, __component, "16");
+                        }
+                      }
+                  ]
+              }, out, __component, "5");
+          }
+        }
+    }, 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.0.0/templates/publication.marko",
+    component: "./publication.marko",
+    tags: [
+      "@mindful-web/marko-web-gtm/components/push.marko",
+      "@mindful-web/marko-web-gtm/components/context/magazine-publication.marko",
+      "@mindful-web/marko-web/components/element/link.marko",
+      "@mindful-web/marko-web-theme-monorail/components/breadcrumbs/index.marko",
+      "@mindful-web/marko-web/components/resolve/page.marko",
+      "../components/flows/magazine-issue-archive.marko",
+      "@mindful-web/marko-core/components/queries/index.marko",
+      "@mindful-web/marko-web-theme-monorail/components/pagination-controls.marko",
+      "@mindful-web/marko-web-theme-monorail/components/query-total-count.marko",
+      "@mindful-web/marko-web/components/page/wrapper.marko",
+      "@mindful-web/marko-web/components/page/layouts/magazine-publication.marko"
+    ]
+  };