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

suggestions, flex position for little screens + thirdparty links

Browse Source
This commit is contained in:
Mathieu Jaumotte 2021-05-10 16:33:41 +02:00
parent 3447117742
commit 109bf5ec5d
4 changed files with 21 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/Bundle/ChillMainBundle/Resources/public/scss/chillmain.scss
View File

@ -142,20 +142,19 @@ div.count {
cursor: pointer;
}
}
div.results {
div.results {
div.list-item {
line-height: 26pt;
padding: 0.3em 0.8em;
padding: 0.4em 0.8em;
display: flex;
flex-direction: row;
&.checked {
background-color: #ececec;
border-bottom: 1px dotted #8b8b8b;
}
& > input {
margin-right: 0.8em;
}
div.container {
& > input {
margin-right: 0.8em;
}
span:not(.name) {
margin-left: 0.5em;
opacity: 0.5;
@ -165,8 +164,11 @@ div.results {
}
div.right_actions {
margin: 0 0 0 auto;
display: flex;
align-items: flex-end;
& > * {
margin-left: 0.5em;
align-self: baseline;
}
a.sc-button {
border: 1px solid lightgrey;

17
src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/PersonSuggestion.vue
View File

@ -1,24 +1,21 @@
<template>
<div class="list-item" :class="{ checked: isChecked }">
<!--a class="discret" target="_blank" :href="url.show">{{ item.id }}</a-->
<input class=""
type="checkbox"
v-model="selected"
:value="item" />
<div class="container">
<input type="checkbox"
v-model="selected"
:value="item" />
</div>
<suggestion-person
v-if="item.result.type === 'person'"
v-bind:item="item"
>
v-bind:item="item">
</suggestion-person>
<suggestion-third-party
v-if="item.result.type === 'thirdparty'"
v-bind:item="item"
>
v-bind:item="item">
</suggestion-third-party>
</div>
</template>

4
src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/PersonSuggestion/Person.vue
View File

@ -11,10 +11,10 @@
</div>
<div class="right_actions">
<span class="badge badge-pill badge-secondary" :title="item.result.person_id">
<span class="badge badge-pill badge-secondary" :title="item.key">
{{ $t('item.type_person') }}
</span>
<a class="sc-button bt-show" target="_blank" :title="item.result.person_id" :href="url.show"></a>
<a class="sc-button bt-show" target="_blank" :title="item.key" :href="url.show"></a>
</div>
</template>

8
src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/PersonSuggestion/ThirdParty.vue
View File

@ -12,10 +12,10 @@
</div>
<div class="right_actions">
<span class="badge badge-pill badge-secondary" :title="item.result.thirdparty_id">
<span class="badge badge-pill badge-secondary" :title="item.key">
{{ $t('item.type_thirdparty') }}
</span>
<a class="sc-button bt-show" target="_blank" :title="item.result.thirdparty_id" :href="url.show"></a>
<a class="sc-button bt-show" target="_blank" :title="item.key" :href="url.show"></a>
</div>
</template>
@ -27,8 +27,8 @@ export default {
data() {
return {
url: {
show: '/fr/person/' + this.item.result.thirdparty_id + '/general',
edit: '/fr/person/' + this.item.result.thirdparty_id + '/general/edit'
show: '/fr/thirdparty/thirdparty/' + this.item.result.thirdparty_id + '/show',
edit: '/fr/thirdparty/thirdparty/' + this.item.result.thirdparty_id + '/edit'
},
}
},