WIP: Article page layout.

Realityloop · Jul 13, 2020 · 32e84a0 · 32e84a0
1 parent b4c010b
commit 32e84a0
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 0 deletions.
diff --git a/components/entities/DruxtEntityNodeArticleDefault.vue b/components/entities/DruxtEntityNodeArticleDefault.vue
@@ -0,0 +1,37 @@
+<template>
+  <article>
+    <b-row class="mb-4">
+      <b-col>
+        <slot name="field_tags" />
+      </b-col>
+    </b-row>
+    <b-row class="mb-3">
+      <b-col>
+        <slot name="field_summary" />
+      </b-col>
+    </b-row>
+    <b-row class="mb-3">
+      <b-col>
+        <slot name="field_media_image" />
+        <slot name="body" />
+      </b-col>
+      <b-col md="4">
+        <druxt-block-region name="sidebar" :theme="theme" />
+      </b-col>
+    </b-row>
+  </article>
+</template>
+
+<script>
+import { DruxtEntityMixin } from 'druxt-entity'
+
+export default {
+  name: 'DruxtEntityNodeArticleDefault',
+
+  mixins: [DruxtEntityMixin],
+
+  computed: {
+    theme: () => 'umami',
+  },
+}
+</script>
diff --git a/components/index.js b/components/index.js
@@ -10,6 +10,7 @@ import DruxtEntityBlockContentDisclaimerBlock from './entities/DruxtEntityBlockC
 import DruxtEntityBlockContentFooterPromoBlock from './entities/DruxtEntityBlockContentFooterPromoBlock.vue'
 import DruxtEntityCard from './entities/DruxtEntityCard.vue'
 import DruxtEntityCardCommon from './entities/DruxtEntityCardCommon.vue'
+import DruxtEntityNodeArticleDefault from './entities/DruxtEntityNodeArticleDefault.vue'
 import DruxtEntityNodeRecipeDefault from './entities/DruxtEntityNodeRecipeDefault.vue'
 
 import DruxtFieldEntityReferenceLabel from './fields/DruxtFieldEntityReferenceLabel.vue'
@@ -40,6 +41,7 @@ const components = [
   DruxtEntityBlockContentFooterPromoBlock,
   DruxtEntityCard,
   DruxtEntityCardCommon,
+  DruxtEntityNodeArticleDefault,
   DruxtEntityNodeRecipeDefault,
 
   DruxtFieldEntityReferenceLabel,