Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-06-12 21:34:25 +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; cursor: pointer;
} }
} }
div.results { div.results {
div.list-item { div.list-item {
line-height: 26pt; padding: 0.4em 0.8em;
padding: 0.3em 0.8em;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
&.checked { &.checked {
background-color: #ececec; background-color: #ececec;
border-bottom: 1px dotted #8b8b8b; border-bottom: 1px dotted #8b8b8b;
} }
& > input {
margin-right: 0.8em;
}
div.container { div.container {
& > input {
margin-right: 0.8em;
}
span:not(.name) { span:not(.name) {
margin-left: 0.5em; margin-left: 0.5em;
opacity: 0.5; opacity: 0.5;
@ -165,8 +164,11 @@ div.results {
} }
div.right_actions { div.right_actions {
margin: 0 0 0 auto; margin: 0 0 0 auto;
display: flex;
align-items: flex-end;
& > * { & > * {
margin-left: 0.5em; margin-left: 0.5em;
align-self: baseline;
} }
a.sc-button { a.sc-button {
border: 1px solid lightgrey; border: 1px solid lightgrey;

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

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

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

@ -11,10 +11,10 @@
</div> </div>
<div class="right_actions"> <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') }} {{ $t('item.type_person') }}
</span> </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> </div>
</template> </template>

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

@ -12,10 +12,10 @@
</div> </div>
<div class="right_actions"> <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') }} {{ $t('item.type_thirdparty') }}
</span> </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> </div>
</template> </template>
@ -27,8 +27,8 @@ export default {
data() { data() {
return { return {
url: { url: {
show: '/fr/person/' + this.item.result.thirdparty_id + '/general', show: '/fr/thirdparty/thirdparty/' + this.item.result.thirdparty_id + '/show',
edit: '/fr/person/' + this.item.result.thirdparty_id + '/general/edit' edit: '/fr/thirdparty/thirdparty/' + this.item.result.thirdparty_id + '/edit'
}, },
} }
}, },