tmdinosaurcenter
/
tainacan
mirror of https://github.com/tainacan/tainacan
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

creating the initial version for item visualization page, see #11

This commit is contained in:
eduardohumberto 2018-05-02 22:10:27 -03:00
parent f710bed344
commit df4042d02c
1 changed files with 53 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
src/admin/pages/singles/item-page.vue
View File

@ -4,25 +4,59 @@
:active.sync="isLoading"
:can-cancel="false"/>
<div class="card">
<div class="card-content">
<div
class="card-image"
v-if="item.featured_image">
<figure class="image">
<img
:src="item.featured_image"
:alt="item.title">
</figure>
v-if="item.document">
<figure
class="image"
v-html="item.document_as_html" />
</div>
<div class="card-content">
<div class="media">
<br>
<div
v-if="item.featured_image"
class="media">
<figure
class="media-left" >
<p class="image is-128x128">
<img :src="item.featured_image">
</p>
</figure>
<div class="media-content">
<p class="title is-4">{{ item.title }}</p>
{{ $i18n.get('label_thumbnail') }}
</div>
</div>
<div class="content">
{{ item.description }}
<div
v-for="(metadata, index) in item.metadata"
:key="index"
class="box">
<p
v-if="metadata.value_as_html"
class="is-size-3"
v-html="metadata.value_as_html"/>
<p
v-else>--</p>
<p>
<i>
{{ metadata.name }}
</i>
</p>
</div>
<div
class="box">
<p>--</p>
<p>
<i>
{{ $i18n.get('label_attachments') }}
</i>
</p>
</div>
</div>
<footer class="card-footer">
<router-link
@ -82,5 +116,3 @@ export default {
}
</script>