This commit is contained in:
ogerly 2021-06-08 10:36:09 +02:00
parent 13c1dd5894
commit 460953847b

View File

@ -1,62 +1,66 @@
<template> <template>
<div class="userdata_form"> <div class="userdata_form">
<b-card id="userdata_form" class="bg-transparent" style="background-color: #ebebeba3 !important"> <b-card
<b-container> id="userdata_form"
<b-row class="mb-4 text-right"> class="bg-transparent"
<b-col class="text-right"> style="background-color: #ebebeba3 !important"
<a href="#userdata_form" v-if="editUserdata" @click="editUserdata = !editUserdata"> >
<span>{{ $t('form.edit') }}</span> <b-container>
</a> <b-row class="mb-4 text-right">
<div v-else> <b-col class="text-right">
<a href="#userdata_form" @click="onSubmit"> <a href="#userdata_form" v-if="editUserdata" @click="editUserdata = !editUserdata">
<span class="mr-4 text-success display-4">{{ $t('form.save') }}</span> <span>{{ $t('form.edit') }}</span>
</a> </a>
<a href="#userdata_form" @click="editUserdata = !editUserdata"> <div v-else>
<span> <a href="#userdata_form" @click="onSubmit">
<b>{{ $t('form.cancel') }}</b> <span class="mr-4 text-success display-4">{{ $t('form.save') }}</span>
</span> </a>
</a> <a href="#userdata_form" @click="editUserdata = !editUserdata">
</div> <span>
</b-col> <b>{{ $t('form.cancel') }}</b>
</b-row> </span>
</a>
</div>
</b-col>
</b-row>
<div> <div>
<b-row class="mb-3"> <b-row class="mb-3">
<b-col class="col-lg-3 col-md-12 col-sm-12 text-md-left text-lg-right"> <b-col class="col-lg-3 col-md-12 col-sm-12 text-md-left text-lg-right">
<small>{{ $t('form.firstname') }}</small> <small>{{ $t('form.firstname') }}</small>
</b-col> </b-col>
<b-col v-if="editUserdata" class="col-md-9 col-sm-10"> <b-col v-if="editUserdata" class="col-md-9 col-sm-10">
{{ form.firstName }} {{ form.firstName }}
</b-col> </b-col>
<b-col v-else class="col-md-9 col-sm-10"> <b-col v-else class="col-md-9 col-sm-10">
<b-input type="text" v-model="form.firstName"></b-input> <b-input type="text" v-model="form.firstName"></b-input>
</b-col> </b-col>
</b-row> </b-row>
<b-row class="mb-3"> <b-row class="mb-3">
<b-col class="col-lg-3 col-md-12 col-sm-12 text-md-left text-lg-right"> <b-col class="col-lg-3 col-md-12 col-sm-12 text-md-left text-lg-right">
<small>{{ $t('form.lastname') }}</small> <small>{{ $t('form.lastname') }}</small>
</b-col> </b-col>
<b-col v-if="editUserdata" class="col-md-9 col-sm-10"> <b-col v-if="editUserdata" class="col-md-9 col-sm-10">
{{ form.lastName }} {{ form.lastName }}
</b-col> </b-col>
<b-col v-else class="col-md-9 col-sm-10"> <b-col v-else class="col-md-9 col-sm-10">
<b-input type="text" v-model="form.lastName"></b-input> <b-input type="text" v-model="form.lastName"></b-input>
</b-col> </b-col>
</b-row> </b-row>
<b-row class="mb-3"> <b-row class="mb-3">
<b-col class="col-lg-3 col-md-10 col-sm-10 text-md-left text-lg-right"> <b-col class="col-lg-3 col-md-10 col-sm-10 text-md-left text-lg-right">
<small>{{ $t('form.description') }}</small> <small>{{ $t('form.description') }}</small>
</b-col> </b-col>
<b-col v-if="editUserdata" class="col-md-9 col-sm-10"> <b-col v-if="editUserdata" class="col-md-9 col-sm-10">
{{ UserProfileTestData.desc }} {{ UserProfileTestData.desc }}
</b-col> </b-col>
<b-col v-else class="col-md-9 col-sm-10"> <b-col v-else class="col-md-9 col-sm-10">
<b-textarea rows="3" max-rows="6" v-model="form.desc"></b-textarea> <b-textarea rows="3" max-rows="6" v-model="form.desc"></b-textarea>
</b-col> </b-col>
</b-row> </b-row>
</div> </div>
</b-container> </b-container>
</b-card> </b-card>
</div> </div>
</template> </template>
<script> <script>