vue_accourse: initialize new submodule courseLocation

This commit is contained in:
2021-08-02 13:43:28 +02:00
parent e2e38a9ce8
commit 714d8b841c
6 changed files with 90 additions and 2 deletions

View File

@@ -0,0 +1,17 @@
<template>
<li>
<button class="btn btn-sm btn-secondary" :title="$t('courselocation.assign_course_address')">
<i class="fa fa-map-marker"></i>
</button>
</li>
</template>
<script>
export default {
name: "ButtonLocation"
}
</script>
<style scoped>
</style>

View File

@@ -0,0 +1,52 @@
<template>
<div class="vue-component">
<h2><a name="section-35"></a>
{{ $t('courselocation.title') }}
</h2>
<div class="my-4">
<div>
<show-address
v-if="address"
v-bind:address="address">
</show-address>
</div>
<!--ul class="record_actions">
<li>
<button class="btn btn-create" type="button" name="button">
{{ $t('courselocation.add_temp_address') }}
</button>
</li>
</ul-->
<add-address
modalAddTitle="courselocation.add_temp_address"
modalEditTitle="courselocation.edit_temp_address"
@addNewAddress="addTemporaryAddress">
</add-address>
</div>
</div>
</template>
<script>
import AddAddress from 'ChillMainAssets/vuejs/Address/components/AddAddress.vue';
import ShowAddress from 'ChillMainAssets/vuejs/Address/components/ShowAddress.vue';
export default {
name: "CourseLocation",
components: {
AddAddress,
ShowAddress
},
methods: {
addTemporaryAddress({ address, modal }) {
console.log('@@@ CLICK button addTemporaryAdress', address);
}
}
}
</script>
<style lang="scss" scoped>
</style>

View File

@@ -12,6 +12,9 @@
</td>
<td>
<ul class="record_actions">
<button-location
v-if="!participation.endDate">
</button-location>
<li>
<on-the-fly
v-bind:type="participation.person.type"
@@ -47,11 +50,13 @@
<script>
import OnTheFly from 'ChillMainAssets/vuejs/_components/OnTheFly.vue';
import ButtonLocation from '../ButtonLocation.vue';
export default {
name: 'PersonItem',
components: {
OnTheFly
OnTheFly,
ButtonLocation
},
props: ['participation'],
emits: ['remove', 'close'],

View File

@@ -20,6 +20,9 @@
<td>
<ul class="record_actions">
<button-location
v-if="resource.resource.type === 'person'">
</button-location>
<li>
<on-the-fly
v-bind:type="resource.resource.type"
@@ -48,11 +51,13 @@
<script>
import OnTheFly from 'ChillMainAssets/vuejs/_components/OnTheFly.vue';
import ButtonLocation from '../ButtonLocation.vue';
export default {
name: 'ResourceItem',
components: {
OnTheFly
OnTheFly,
ButtonLocation
},
props: ['resource'],
emits: ['remove']