Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-06-07 18:44:08 +00:00
Code Issues Actions Projects Releases Wiki Activity

remove vuejs address component

Browse Source
This commit is contained in:
nobohan 2021-05-04 17:26:47 +02:00
parent ce859697b5
commit 86c177bbbb
9 changed files with 0 additions and 198 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/Bundle/ChillPersonBundle/Resources/public/js/Address/App.vue
View File

@ -1,43 +0,0 @@
<template>
<accompanying-course v-bind:accompanying_course="accompanying_course"/>
<!-- <persons-associated v-bind:persons_associated="accompanying_course.persons"/>
<requestor v-bind:accompanying_course="accompanying_course"/> -->
</template>
<script>
import Address from './components/AccompanyingCourse.vue';
// import PersonsAssociated from './components/PersonsAssociated.vue';
// import Requestor from './components/Requestor.vue';
export default {
name: 'App',
components: {
Address
},
data() {
return {
accompanying_course: {}
};
},
computed: {
addressId() {
return window.addressId;
}
},
methods: {
async getAddress() {
return fetch(`/fr/main/api/1.0/address/${addressId}/show.json`)
.then(response => response.json())
.then(data => {
this.$data.address = data;
console.log(data)
});
}
},
async mounted() {
await this.getAddress();
}
};
</script>
<style scoped></style>

26
src/Bundle/ChillPersonBundle/Resources/public/js/Address/components/AccompanyingCourse.vue
View File

@ -1,26 +0,0 @@
<template>
<div class="vue-component">
<h3>Parcours</h3>
<dl>
<dt>id</dt>
<dd>{{ accompanying_course.id }}</dd>
<dt>opening_date</dt>
<dd>{{ accompanying_course.opening_date }}</dd>
<dt>closing_date</dt>
<dd>{{ accompanying_course.closing_date }}</dd>
<dt>remark</dt>
<dd>{{ accompanying_course.remark }}</dd>
<dt>closing_motive</dt>
<dd>{{ accompanying_course.closing_motive }}</dd>
</dl>
</div>
</template>
<script>
export default {
name: 'AccompanyingCourse',
props: {
accompanying_course: Object
}
}
</script>

25
src/Bundle/ChillPersonBundle/Resources/public/js/Address/components/PersonItem.vue
View File

@ -1,25 +0,0 @@
<template>
<tr>
<td>{{ person.firstname }}</td>
<td>{{ person.lastname }}</td>
<td>{{ person.startdate }}</td>
<td>{{ person.enddate }}</td>
<td>
<ul class="record_actions">
<li><button class="sc-button bt-show"></button></li>
<li><button class="sc-button bt-update"></button></li>
<li><button class="sc-button bt-delete" @click.prevent="$emit('remove', person)"></button></li>
</ul>
</td>
</tr>
</template>
<script>
export default {
name: 'PersonItem',
props: {
person: { type: Object, required: true }
},
emits: ['remove']
}
</script>

69
src/Bundle/ChillPersonBundle/Resources/public/js/Address/components/PersonsAssociated.vue
View File

@ -1,69 +0,0 @@
<template>
<div class="vue-component">
<h3>Usagers concernés</h3>
<label>{{ counter }} usagers</label>
<table class="rounded">
<thead>
<tr>
<th class="chill-orange">firstname</th>
<th class="chill-orange">lastname</th>
<th class="chill-orange">startdate</th>
<th class="chill-orange">enddate</th>
<th class="chill-orange">actions</th>
</tr>
</thead>
<tbody>
<person-item
v-for="person in persons_associated"
v-bind:person="person"
v-bind:key="person.id"
@remove="removePerson" />
</tbody>
</table>
<ul class="record_actions">
<li><button class="sc-button bt-create" @click="addPerson">Ajouter un usager</button></li>
</ul>
</div>
</template>
<script>
import PersonItem from "./PersonItem.vue"
export default {
name: 'PersonsAssociated',
components: {
PersonItem
},
props: {
persons_associated: Array
},
data() {
return {
persons: this.persons_associated
}
},
computed: {
async counter() {
// Pourquoi je peux pas compter un tableau avec length ???!!!
return this.persons_associated.length // <= boum !
}
},
methods: {
addPerson() {
this.persons_associated.push({
"firstname": "Lisa",
"lastname": "Simpson",
"startdate": "1975-09-15",
"enddate": "2021-04-20"
})
},
removePerson(item) {
this.persons_associated = this.persons_associated.filter(person => person !== item)
}
}
}
</script>

16
src/Bundle/ChillPersonBundle/Resources/public/js/Address/components/Requestor.vue
View File

@ -1,16 +0,0 @@
<template>
<div class="vue-component">
<h3>Demandeur</h3>
{{ accompanying_course.id }}
{{ accompanying_course.remark }}
</div>
</template>
<script>
export default {
name: 'Requestor',
props: {
accompanying_course: Object
}
}
</script>

8
src/Bundle/ChillPersonBundle/Resources/public/js/Address/index.js
View File

@ -1,8 +0,0 @@
import App from './App.vue';
import { createApp } from 'vue';
const app = createApp({
template: `<app></app>`
})
.component('app', App)
.mount('#address');

0
src/Bundle/ChillPersonBundle/Resources/public/js/Address/store/.keep
View File

9
src/Bundle/ChillPersonBundle/Resources/views/Address/list.html.twig
View File

@ -62,15 +62,6 @@
</td>
</tr>
<div id="address"></div>
{{ encore_entry_script_tags('address') }}
<script type="text/javascript">
window.addressId = {{ address.id|e('js') }};
</script>
{% endfor %}
{% endif %}
</tbody>

2
src/Bundle/ChillPersonBundle/chill.webpack.config.js
View File

@ -9,6 +9,4 @@ module.exports = function(encore, entries)
});
encore.addEntry('accompanying_course', __dirname + '/Resources/public/js/AccompanyingCourse/index.js');
encore.addEntry('address', __dirname + '/Resources/public/js/Address/index.js');
};