@rmdes/indiekit-endpoint-posts 1.0.0-beta.25

package/views/post-form.njk

@@ -0,0 +1,114 @@
+{% extends "form.njk" %}
+
+{% block fieldset %}
+  {{ input({
+    name: "type",
+    type: "hidden",
+    value: type
+  }) | indent(2) }}
+
+  {{ input({
+    name: "postType",
+    type: "hidden",
+    value: postType
+  }) | indent(2) }}
+
+{% for name, field in fields %}
+  {% include "post-types/" + name + "-field.njk" ignore missing %}
+{% endfor %}
+
+  {{ checkboxes({
+    name: "mp-syndicate-to",
+    values: properties["mp-syndicate-to"],
+    fieldset: {
+      legend: __("posts.form.mp-syndicate-to.label")
+    },
+    items: syndicationTargetItems
+  }) | indent(2) }}
+
+  {% call details({
+    open: showAdvancedOptions,
+    summary: __("posts.form.advancedOptions")
+  }) %}
+    {{ radios({
+      fieldset: {
+        legend: __("posts.form.published.label")
+      },
+      name: "publication-date",
+      values: fieldData("publication-date").value,
+      items: [{
+        label: __("posts.form.published.now") if postStatus !== "published" else fieldData("published").value | date("PPPppp", { locale: opts.locale, timeZone: application.timeZone }),
+        value: "now",
+        checked: true
+      }, {
+        label: __("posts.form.published.scheduled"),
+        value: "scheduled",
+        conditional: input({
+          classes: "input--width-10",
+          name: "published",
+          type: "datetime-local",
+          label: __("posts.form.published.label")
+        })
+      }]
+    }) }}
+
+    {{ checkboxes({
+      name: "mp-channel",
+      values: properties["mp-channel"],
+      fieldset: {
+        legend: __("posts.form.mp-channel.label"),
+        optional: true
+      },
+      items: channelItems
+    }) | indent(2) if publication.channels }}
+
+    {{ radios({
+      inline: true,
+      name: "visibility",
+      values: properties.visibility,
+      fieldset: {
+        legend: __("posts.form.visibility.label"),
+        optional: true
+      },
+      items: [{
+        label: __("posts.status.public"),
+        value: "public"
+      }, {
+        label: __("posts.status.private"),
+        value: "private"
+      }, {
+        label: __("posts.status.unlisted"),
+        value: "unlisted"
+      }]
+    }) | indent(4) if fields.visibility }}
+
+    {{ input({
+      classes: "input--width-25",
+      name: "mp-slug",
+      value: fieldData("slug").value,
+      label: __("posts.form.mp-slug.label"),
+      optional: true
+    }) | indent(4) }}
+  {% endcall %}
+{% endblock %}
+
+{% block buttons %}
+  <div class="button-group">
+    {{ button({
+      name: "post-status",
+      value: "published",
+      text: __("posts.form.update") if postStatus === "published" else __("posts.form.publish")
+    }) | indent(4) if not draftMode }}
+
+    {{ button({
+      name: "post-status",
+      value: "draft",
+      classes: "button--secondary",
+      text: __("posts.form.updateDraft") if postStatus === "draft" else __("posts.form.publishDraft")
+    }) | indent(4) if postStatus !== "published" }}
+
+    {{ prose({
+      text: "[" + __("posts.form.cancel") + "](" + postsPath + ")"
+    }) | indent(4) }}
+  </div>
+{% endblock %}

package/views/post.njk

@@ -0,0 +1,39 @@
+{% extends "document.njk" %}
+
+{% block content %}
+  {{ badge({
+    color: statusTypes.deleted.color,
+    text: __(statusTypes.deleted.text)
+  }) if properties.deleted }}
+
+  {{ badge({
+    color: statusTypes[postStatus].color,
+    text: __(statusTypes[postStatus].text)
+  }) if postStatus }}
+
+  {{ badge({
+    color: statusTypes[properties.visibility].color,
+    icon: statusTypes[properties.visibility].icon,
+    text: __(statusTypes[properties.visibility].text)
+  }) if postStatus === "published" and statusTypes[properties.visibility] }}
+
+  {{ badge({
+    color: statusTypes.syndicated.color,
+    icon: statusTypes.syndicated.icon,
+    text: __(statusTypes.syndicated.text)
+  }) if postStatus === "published" and properties.syndication and statusTypes.syndicated }}
+
+{% if postStatus === "published" and properties["mp-syndicate-to"] %}
+  {% include "@indiekit-endpoint-posts-syndicate.njk" %}
+{% endif %}
+
+{% for name, property in properties %}
+  {% include "post-types/" + name + ".njk" ignore missing %}
+{% endfor %}
+
+  {% call details({
+    summary: __("posts.post.properties")
+  }) %}
+    {{ summary({ rows: summaryRows(properties) }) }}
+  {% endcall %}
+{% endblock %}

package/views/posts.njk

@@ -0,0 +1,13 @@
+{% extends "document.njk" %}
+
+{% block content %}
+  {%- if posts.length > 0 %}
+  {{ cardGrid({
+    cardSize: "16rem",
+    items: posts
+  }) }}
+  {{ pagination(cursor) }}
+  {%- else -%}
+  {{ prose({ text: __("posts.posts.none") }) }}
+  {%- endif %}
+{% endblock %}