Commit 2868466b authored by Axel Dürkop's avatar Axel Dürkop
Browse files

Improve author, date and zotero item link

parent 9233e858
......@@ -171,13 +171,15 @@ svg.motivation-logo {
margin-bottom: 0;
}
.card-header .authors {
.card-header .authors,
.card-header .pub_date {
font-size: 16px;
}
.card-header .zotero-logo {
width: 20px;
width: 18px;
margin-right: 8px;
margin-left: 8px;
}
.card-body .vue-simple-markdown.more {
......
<template>
<div>
<span>
<!-- <a :href="this.zotero_item_url" target="_blank">
<img class="zotero-logo" src="@/assets/img/zotero.png" alt />
</a> -->
<span class="authors" v-html="list_authors"></span>
</div>
</span>
</template>
......@@ -27,7 +27,7 @@ export default {
}
}
});
return authors.join("; ");
return authors.join(", ");
}
}
};
......
......@@ -4,7 +4,9 @@
<Annotations v-if="item.url" class="float-right" :item=item :url="item.url" />
<span v-else class="no-full-text float-right">{{ $t('item.nofulltext') }}</span>
<h5 class="title">{{ item.title }}</h5>
<Authors :authors="item.authors" :zotero_item_url="item.zotero_item_url" />
<Authors :authors="item.authors" />
<PublishDate v-show="item.pub_date" :pub_date="item.pub_date"/>
<ZotReferenceLink :zotero_item_url="item.zotero_item_url"/>
</div>
<div class="card-body">
<AbstractNote :abstractNote="item.abstractNote" :extra="item.extra" />
......@@ -21,6 +23,8 @@ import Annotations from "@/components/Annotations.vue";
import AbstractNote from "@/components/AbstractNote.vue";
import Tags from "@/components/Tags.vue";
import Authors from "@/components/Authors.vue";
import PublishDate from "@/components/PublishDate.vue";
import ZotReferenceLink from "@/components/ZotReferenceLink.vue";
export default {
name: "Item",
......@@ -28,7 +32,9 @@ export default {
Annotations,
AbstractNote,
Tags,
Authors
Authors,
PublishDate,
ZotReferenceLink
},
props: ["groupID", "subcollections", "collectionKey", "tags", "item"]
};
......
<template>
<span>
<span class="pub_date" v-html="show_pub_date"></span>
</span>
</template>
<script>
export default {
name: "PublishDate",
props: ["pub_date"],
computed: {
show_pub_date: function() {
return ` (${this.pub_date})`;
}
}
};
</script>
<template>
<span>
<a target="_blank" :href="zotero_item_url">
<img class="zotero-logo" src="@/assets/img/zotero.png" alt="">
</a>
</span>
</template>
<script>
export default {
name: "ZotReferenceLink",
props: ["zotero_item_url"],
};
</script>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment