|
@@ -50,7 +50,7 @@
|
|
|
</ul>
|
|
|
</div>
|
|
|
</section>
|
|
|
- <section class="tool industriels" v-if="material.manufacturer || material.distributor">
|
|
|
+ <!-- <section class="tool industriels" v-if="material.manufacturer || material.distributor">
|
|
|
<span class="btn mdi mdi-factory"/>
|
|
|
<div class="tool-content">
|
|
|
<section v-if="material.distributor">
|
|
@@ -78,28 +78,77 @@
|
|
|
</ul>
|
|
|
</section>
|
|
|
</div>
|
|
|
- </section>
|
|
|
+ </section> -->
|
|
|
</nav>
|
|
|
<section class="body" v-html="material.body"/>
|
|
|
- <section v-if="material.attachments" class="attachments">
|
|
|
- <span class="label">{{ $t("materio.Attachments") }}</span>
|
|
|
- <ul>
|
|
|
- <li
|
|
|
- v-for="attachmt in material.attachments" :key="attachmt.file.fid"
|
|
|
- >
|
|
|
- <a target="_blank" :href="attachmt.file.url">{{ attachmt.file.filename}} <span>({{ prettyFileSize(attachmt.file.filesize) }})</span></a>
|
|
|
- <p v-if="attachmt.description" class="description" v-html="attachmt.description" />
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </section>
|
|
|
- <section v-if="material.linked_materials" class="linked-materials">
|
|
|
- <span class="label">{{ $t("materio.Linked materials") }}</span>
|
|
|
- <ul>
|
|
|
- <li v-for="m in material.linked_materials" v-bind:key="m.id">
|
|
|
- <LinkedMaterialCard :item="m"/>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </section>
|
|
|
+ <vsa-list>
|
|
|
+ <vsa-item v-if="material.linked_materials">
|
|
|
+ <vsa-heading>
|
|
|
+ <span class="label">{{ $t("materio.Linked materials") }}</span>
|
|
|
+ </vsa-heading>
|
|
|
+ <vsa-content>
|
|
|
+ <section class="linked-materials">
|
|
|
+ <ul>
|
|
|
+ <li v-for="m in material.linked_materials" v-bind:key="m.id">
|
|
|
+ <LinkedMaterialCard :item="m"/>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </section>
|
|
|
+ </vsa-content>
|
|
|
+ </vsa-item>
|
|
|
+
|
|
|
+ <vsa-item v-if="material.manufacturer || material.distributor">
|
|
|
+ <vsa-heading>
|
|
|
+ <span class="label">{{ $t("default.Contact") }}</span>
|
|
|
+ </vsa-heading>
|
|
|
+ <vsa-content>
|
|
|
+ <section class="industriels">
|
|
|
+ <section v-if="material.distributor">
|
|
|
+ <span class="label">{{ $t("materio.Distributor") }}</span>
|
|
|
+ <ul>
|
|
|
+ <li v-for="distrib in material.distributor" v-bind:key="distrib.id">
|
|
|
+ <h2>{{ distrib.name }}</h2>
|
|
|
+ <p v-if="distrib.website">
|
|
|
+ <a target="_blank" :href="distrib.website.url">distrib.website.url</a>
|
|
|
+ </p>
|
|
|
+ <p v-if="distrib.email"><a :href="'mailto:'+distrib.email">{{ distrib.email }}</a></p>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </section>
|
|
|
+ <section v-if="material.manufacturer">
|
|
|
+ <span class="label">{{ $t("materio.Manufacturer") }}</span>
|
|
|
+ <ul>
|
|
|
+ <li v-for="manu in material.manufacturer" v-bind:key="manu.id">
|
|
|
+ <h2>{{ manu.name }}</h2>
|
|
|
+ <p v-if="manu.website">
|
|
|
+ <a target="_blank" :href="manu.website.url">manu.website.url</a>
|
|
|
+ </p>
|
|
|
+ <p v-if="manu.email"><a :href="'mailto:'+manu.email">{{ manu.email }}</a></p>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </section>
|
|
|
+ </section>
|
|
|
+ </vsa-content>
|
|
|
+ </vsa-item>
|
|
|
+
|
|
|
+ <vsa-item v-if="material.attachments && material.attachments.length">
|
|
|
+ <vsa-heading>
|
|
|
+ <span class="label">{{ $t("materio.Attachments") }}</span>
|
|
|
+ </vsa-heading>
|
|
|
+ <vsa-content>
|
|
|
+ <section class="attachments">
|
|
|
+ <ul>
|
|
|
+ <li
|
|
|
+ v-for="attachmt in material.attachments" :key="attachmt.file.fid"
|
|
|
+ >
|
|
|
+ <a target="_blank" :href="attachmt.file.url">{{ attachmt.file.filename}} <span>({{ prettyFileSize(attachmt.file.filesize) }})</span></a>
|
|
|
+ <p v-if="attachmt.description" class="description" v-html="attachmt.description" />
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </section>
|
|
|
+ </vsa-content>
|
|
|
+ </vsa-item>
|
|
|
+ </vsa-list>
|
|
|
</section>
|
|
|
<section class="col col-left images" v-switcher>
|
|
|
<figure
|