From 1a1c4875a1a9ee23f4aab0a479cda2ae8ba430c5 Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Tue, 22 Jun 2021 22:29:37 +0200
Subject: [PATCH] add NodeViewTitle component

---
 src/components/nodes/NodeViewTitle.vue | 73 ++++++++++++++++++++++++++
 src/components/nodes/index.js          |  1 +
 2 files changed, 74 insertions(+)
 create mode 100644 src/components/nodes/NodeViewTitle.vue

diff --git a/src/components/nodes/NodeViewTitle.vue b/src/components/nodes/NodeViewTitle.vue
new file mode 100644
index 0000000..d4f5b2f
--- /dev/null
+++ b/src/components/nodes/NodeViewTitle.vue
@@ -0,0 +1,73 @@
+<template>
+  <component
+    :is="tag"
+    class="node-view-title"
+    :class="{ block }"
+  >
+    <component
+      :is="link ? 'a' : 'div'"
+      @click="onTitleClick(node)"
+      class="node-view-title-container"
+    >
+      <slot name="default" />
+      <strong>{{ toCommaList(node.authors) }}</strong>,
+      <span>
+        <span v-if="node.preTitle" v-html="trim(node.preTitle) + ', '" />
+        <em v-html="trim(node.title) || 'pas de titre ital'" />
+      </span>
+      <div v-if="edition && node.edition" class="edition">
+        {{ node.edition.map(ed => ed.name).join(' ') }}
+      </div>
+    </component>
+  </component>
+</template>
+
+<script>
+import { trim, toCommaList } from '@/helpers/common'
+
+
+export default {
+  name: 'NodeViewTitle',
+
+  props: {
+    node: { type: Object, required: true },
+    tag: { type: String, default: 'h6' },
+    link: { type: Boolean, default: false },
+    block: { type: Boolean, default: false },
+    edition: { type: Boolean, default: false }
+  },
+
+  data () {
+    return {
+    }
+  },
+
+  methods: {
+    trim,
+    toCommaList,
+
+    onTitleClick (node) {
+      if (this.link) {
+        this.$emit('open-node')
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.node-view-title {
+  font-weight: $font-weight-normal;
+
+  a {
+    text-decoration: none;
+    cursor: pointer;
+  }
+
+  &.block &-container {
+    > * {
+      display: block;
+    }
+  }
+}
+</style>
diff --git a/src/components/nodes/index.js b/src/components/nodes/index.js
index 8a02b00..7e1593c 100644
--- a/src/components/nodes/index.js
+++ b/src/components/nodes/index.js
@@ -1,4 +1,5 @@
 export { default as NodeViewChildList } from './NodeViewChildList'
+export { default as NodeViewTitle } from './NodeViewTitle'
 export { default as NodeViewHeaderRef } from './NodeViewHeaderRef'
 export { default as NodeViewHeaderProd } from './NodeViewHeaderProd'
 export { default as NodeViewBody } from './NodeViewBody'