date formatting using dateToISO function, still fix with translations. + record-actions inserted via <slot>

This commit is contained in:
2021-08-17 14:05:48 +02:00
parent 77fe497994
commit 1a6c0529cc
2 changed files with 71 additions and 97 deletions

View File

@@ -1,5 +1,5 @@
<template>
<div class="flex-table mb-3">
<person-render-box
:options="{
addInfo : true,
@@ -10,8 +10,47 @@
addAge : false,
hLevel : 1
}"
:participation="participation"
></person-render-box>
:person="participation.person"
>
<template v-slot:record-actions>
<ul class="record_actions">
<li>
<on-the-fly
v-bind:type="participation.person.type"
v-bind:id="participation.person.id"
action="show">
</on-the-fly>
</li>
<li>
<on-the-fly
v-bind:type="participation.person.type"
v-bind:id="participation.person.id"
action="edit">
</on-the-fly>
</li>
<!-- <li>
<button class="btn btn-delete"
:title="$t('action.delete')"
@click.prevent="$emit('remove', participation)">
</button>
</li> -->
<li>
<button v-if="!participation.endDate"
class="btn btn-remove"
v-bind:title="$t('action.remove')"
@click.prevent="$emit('close', participation)">
</button>
<button v-else class="btn btn-remove disabled"></button>
</li>
</ul>
</template>
</person-render-box>
</div>
</template>
<!-- <tr>
<td>
{{ participation.person.firstName }}
@@ -28,39 +67,9 @@
{{ $d(participation.endDate.datetime, 'short') }}</span>
</td>
<td>
<ul class="record_actions">
<li>
<on-the-fly
v-bind:type="participation.person.type"
v-bind:id="participation.person.id"
action="show">
</on-the-fly>
</li>
<li>
<on-the-fly
v-bind:type="participation.person.type"
v-bind:id="participation.person.id"
action="edit">
</on-the-fly>
</li>
li>
<button class="btn btn-delete"
:title="$t('action.delete')"
@click.prevent="$emit('remove', participation)">
</button>
</li
<li>
<button v-if="!participation.endDate"
class="btn btn-remove"
v-bind:title="$t('action.remove')"
@click.prevent="$emit('close', participation)">
</button>
<button v-else class="btn btn-remove disabled"></button>
</li>
</ul>
</td>
</tr> -->
</template>
<script>
import OnTheFly from 'ChillMainAssets/vuejs/_components/OnTheFly.vue';
@@ -77,7 +86,7 @@ export default {
data() {
return {
PersonRenderBox: {
participation : 'participation',
person : 'participation.person',
options : {
addInfo : false,
addId : true,