some adjustments to the application of blur effect...incomplete

This commit is contained in:
Julie Lenaerts 2021-10-22 12:35:27 +02:00
parent 5869236af1
commit d009d09215
5 changed files with 66 additions and 65 deletions

View File

@ -37,12 +37,14 @@ export default {
<style lang='scss'> <style lang='scss'>
.confidential{ .confidential{
display: flex;
align-items: center; align-items: center;
} }
.toggle{ .toggle{
margin-left: 10px; margin-top: 28px;
cursor: pointer; cursor: pointer;
display: block;
float: right;
margin-right: 20px;
} }
.blur { .blur {
-webkit-filter: blur(5px); -webkit-filter: blur(5px);

View File

@ -9,7 +9,7 @@
addAltNames: true, addAltNames: true,
addAge : true, addAge : true,
hLevel : 3, hLevel : 3,
isConfidential : true, isConfidential : false,
}" }"
:person="participation.person" :person="participation.person"
:returnPath="getAccompanyingCourseReturnPath"> :returnPath="getAccompanyingCourseReturnPath">

View File

@ -9,45 +9,54 @@
<input type="checkbox" v-model="isAnonymous" class="me-2" /> <input type="checkbox" v-model="isAnonymous" class="me-2" />
{{ $t('requestor.is_anonymous') }} {{ $t('requestor.is_anonymous') }}
</label> </label>
<confidential v-if="accompanyingCourse.requestor.type === 'thirdparty'">
<third-party-render-box v-if="accompanyingCourse.requestor.type === 'thirdparty'" <template v-slot:confidential-content>
:thirdparty="accompanyingCourse.requestor" <third-party-render-box
:options="{ :thirdparty="accompanyingCourse.requestor"
addLink: false, :options="{
addId: false, addLink: false,
addEntity: true, addId: false,
addInfo: false, addEntity: true,
hLevel: 3, addInfo: false,
isMultiline: true hLevel: 3,
}" isMultiline: true,
> isConfidential: true
<template v-slot:record-actions> }"
<ul class="record_actions"> >
<li><on-the-fly :type="accompanyingCourse.requestor.type" :id="accompanyingCourse.requestor.id" action="show"></on-the-fly></li> <template v-slot:record-actions>
<li><on-the-fly :type="accompanyingCourse.requestor.type" :id="accompanyingCourse.requestor.id" action="edit" @saveFormOnTheFly="saveFormOnTheFly"></on-the-fly></li> <ul class="record_actions">
</ul> <li><on-the-fly :type="accompanyingCourse.requestor.type" :id="accompanyingCourse.requestor.id" action="show"></on-the-fly></li>
</template> <li><on-the-fly :type="accompanyingCourse.requestor.type" :id="accompanyingCourse.requestor.id" action="edit" @saveFormOnTheFly="saveFormOnTheFly"></on-the-fly></li>
</third-party-render-box> </ul>
</template>
<person-render-box render="bloc" v-else-if="accompanyingCourse.requestor.type === 'person'" </third-party-render-box>
:person="accompanyingCourse.requestor" </template>
:options="{ </confidential>
addLink: false,
addId: false, <confidential v-else-if="accompanyingCourse.requestor.type === 'person'">
addAltNames: false, <template v-slot:confidential-content>
addEntity: true, <person-render-box render="bloc"
addInfo: true, :person="accompanyingCourse.requestor"
hLevel: 3, :options="{
isMultiline: true addLink: false,
}" addId: false,
> addAltNames: false,
<template v-slot:record-actions> addEntity: true,
<ul class="record_actions"> addInfo: true,
<li><on-the-fly :type="accompanyingCourse.requestor.type" :id="accompanyingCourse.requestor.id" action="show"></on-the-fly></li> hLevel: 3,
<li><on-the-fly :type="accompanyingCourse.requestor.type" :id="accompanyingCourse.requestor.id" action="edit" @saveFormOnTheFly="saveFormOnTheFly"></on-the-fly></li> isMultiline: true,
</ul> isConfidential: false
</template> }"
</person-render-box> >
<template v-slot:record-actions>
<ul class="record_actions">
<li><on-the-fly :type="accompanyingCourse.requestor.type" :id="accompanyingCourse.requestor.id" action="show"></on-the-fly></li>
<li><on-the-fly :type="accompanyingCourse.requestor.type" :id="accompanyingCourse.requestor.id" action="edit" @saveFormOnTheFly="saveFormOnTheFly"></on-the-fly></li>
</ul>
</template>
</person-render-box>
</template>
</confidential>
<ul class="record_actions"> <ul class="record_actions">
<li> <li>
@ -82,6 +91,7 @@ import AddPersons from 'ChillPersonAssets/vuejs/_components/AddPersons.vue';
import OnTheFly from 'ChillMainAssets/vuejs/OnTheFly/components/OnTheFly.vue'; import OnTheFly from 'ChillMainAssets/vuejs/OnTheFly/components/OnTheFly.vue';
import PersonRenderBox from '../../_components/Entity/PersonRenderBox.vue'; import PersonRenderBox from '../../_components/Entity/PersonRenderBox.vue';
import ThirdPartyRenderBox from 'ChillThirdPartyAssets/vuejs/_components/Entity/ThirdPartyRenderBox.vue'; import ThirdPartyRenderBox from 'ChillThirdPartyAssets/vuejs/_components/Entity/ThirdPartyRenderBox.vue';
import Confidential from 'ChillMainAssets/vuejs/_components/Confidential.vue';
export default { export default {
name: 'Requestor', name: 'Requestor',
@ -90,6 +100,7 @@ export default {
OnTheFly, OnTheFly,
PersonRenderBox, PersonRenderBox,
ThirdPartyRenderBox, ThirdPartyRenderBox,
Confidential
}, },
data() { data() {
return { return {

View File

@ -57,18 +57,10 @@
<li v-if="person.current_household_id"> <li v-if="person.current_household_id">
<i class="fa fa-li fa-map-marker"></i> <i class="fa fa-li fa-map-marker"></i>
<confidential v-if="options.isConfidential"> <address-render-box v-if="person.current_household_address"
<template v-slot:confidential-content> :address="person.current_household_address"
<address-render-box :isMultiline="isMultiline">
:address="person.current_household_address" </address-render-box>
:isMultiline="isMultiline">
</address-render-box>
</template>
</confidential>
<address-render-box v-else-if="person.current_household_address"
:address="person.current_household_address"
:isMultiline="isMultiline">
</address-render-box>
<p v-else class="chill-no-data-statement"> <p v-else class="chill-no-data-statement">
{{ $t('renderbox.household_without_address') }} {{ $t('renderbox.household_without_address') }}
</p> </p>
@ -86,7 +78,7 @@
{{ $t('renderbox.no_data') }} {{ $t('renderbox.no_data') }}
</p> </p>
</li> </li>
<li v-if="person.mobilenumber"> <li v-if="person.mobilenumber">
<i class="fa fa-li fa-mobile"></i> <i class="fa fa-li fa-mobile"></i>
<a :href="'tel: ' + person.mobilenumber">{{ person.mobilenumber }}</a> <a :href="'tel: ' + person.mobilenumber">{{ person.mobilenumber }}</a>

View File

@ -63,16 +63,12 @@
<div class="wl-row"> <div class="wl-row">
<div class="wl-col title"><h3>{{ 'Requestor'|trans({'gender': null }) }}</h3></div> <div class="wl-col title"><h3>{{ 'Requestor'|trans({'gender': null }) }}</h3></div>
<div class="wl-col list"> <div class="wl-col list">
<div class="confidential"> {% if accompanying_period.requestorPerson is not null %}
<div class="confidential-content blur"> <span class="wl-item badge-person">{{ accompanying_period.requestorPerson|chill_entity_render_string }}</span>
{% if accompanying_period.requestorPerson is not null %} {% endif %}
<span class="wl-item badge-person">{{ accompanying_period.requestorPerson|chill_entity_render_string }}</span> {% if accompanying_period.requestorThirdParty is not null %}
{% endif %} <span class="wl-item badge-thirdparty">{{ accompanying_period.requestorThirdParty|chill_entity_render_string }}</span>
{% if accompanying_period.requestorThirdParty is not null %} {% endif %}
<span class="wl-item badge-thirdparty">{{ accompanying_period.requestorThirdParty|chill_entity_render_string }}</span>
{% endif %}
</div>
</div>
</div> </div>
</div> </div>
{% endif %} {% endif %}