|
|
|
|
@ -13,117 +13,132 @@
|
|
|
|
|
</div>
|
|
|
|
|
<v-form @submit.prevent="submit">
|
|
|
|
|
<v-row class="mt-4">
|
|
|
|
|
<v-col class="12" sm="3">
|
|
|
|
|
<v-text-field
|
|
|
|
|
label="your email address"
|
|
|
|
|
class="no-error-msg pt-0"
|
|
|
|
|
dark
|
|
|
|
|
v-model="form.email"
|
|
|
|
|
></v-text-field>
|
|
|
|
|
</v-col>
|
|
|
|
|
<v-col class="12" sm="3">
|
|
|
|
|
<v-text-field
|
|
|
|
|
label="your name"
|
|
|
|
|
class="no-error-msg pt-0"
|
|
|
|
|
dark
|
|
|
|
|
v-model="form.first_name"
|
|
|
|
|
></v-text-field>
|
|
|
|
|
</v-col>
|
|
|
|
|
<v-col class="12" sm="3">
|
|
|
|
|
<v-text-field
|
|
|
|
|
label="your family name"
|
|
|
|
|
class="no-error-msg pt-0"
|
|
|
|
|
dark
|
|
|
|
|
v-model="form.last_name"
|
|
|
|
|
></v-text-field>
|
|
|
|
|
</v-col>
|
|
|
|
|
<v-col class="12" sm="3">
|
|
|
|
|
<v-text-field
|
|
|
|
|
label="your cell number"
|
|
|
|
|
class="no-error-msg pt-0"
|
|
|
|
|
dark
|
|
|
|
|
v-model="form.cell_number"
|
|
|
|
|
></v-text-field>
|
|
|
|
|
</v-col>
|
|
|
|
|
</v-row>
|
|
|
|
|
<v-row>
|
|
|
|
|
<v-col cols="3">
|
|
|
|
|
<v-autocomplete
|
|
|
|
|
label="your country"
|
|
|
|
|
class="no-error-msg pt-0"
|
|
|
|
|
dark
|
|
|
|
|
item-value="id"
|
|
|
|
|
item-text="name"
|
|
|
|
|
:items="getCountries"
|
|
|
|
|
v-model="form.country_id"
|
|
|
|
|
></v-autocomplete>
|
|
|
|
|
<div class="pb-14 h-100">
|
|
|
|
|
<div class="w-100 h-100">
|
|
|
|
|
<ImageCropper
|
|
|
|
|
label="manager image"
|
|
|
|
|
:url.sync="form.profile"
|
|
|
|
|
v-model="fileForm"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</v-col>
|
|
|
|
|
<v-col cols="3">
|
|
|
|
|
<v-text-field
|
|
|
|
|
label="address"
|
|
|
|
|
class="no-error-msg pt-0"
|
|
|
|
|
dark
|
|
|
|
|
v-model="form.address"
|
|
|
|
|
></v-text-field>
|
|
|
|
|
</v-col>
|
|
|
|
|
<v-col cols="3"
|
|
|
|
|
><DateInput
|
|
|
|
|
class="no-error-msg"
|
|
|
|
|
label="Birthday"
|
|
|
|
|
dark
|
|
|
|
|
:max="new Date().toISOString().slice(0, 10)"
|
|
|
|
|
v-model="form.birthday"
|
|
|
|
|
/></v-col>
|
|
|
|
|
<v-col cols="3"></v-col>
|
|
|
|
|
</v-row>
|
|
|
|
|
<v-divider dark></v-divider>
|
|
|
|
|
<v-row class="w-75">
|
|
|
|
|
<v-col cols="3"
|
|
|
|
|
><v-text-field
|
|
|
|
|
label="weight"
|
|
|
|
|
class="no-error-msg pt-0"
|
|
|
|
|
suffix="kg"
|
|
|
|
|
dark
|
|
|
|
|
v-model="form.weight"
|
|
|
|
|
></v-text-field
|
|
|
|
|
></v-col>
|
|
|
|
|
<v-col cols="3"
|
|
|
|
|
><v-text-field
|
|
|
|
|
label="height"
|
|
|
|
|
class="no-error-msg pt-0"
|
|
|
|
|
suffix="cm"
|
|
|
|
|
dark
|
|
|
|
|
v-model="form.height"
|
|
|
|
|
></v-text-field
|
|
|
|
|
></v-col>
|
|
|
|
|
<v-col cols="3"
|
|
|
|
|
><v-text-field
|
|
|
|
|
label="arm diameter"
|
|
|
|
|
class="no-error-msg pt-0"
|
|
|
|
|
suffix="cm"
|
|
|
|
|
dark
|
|
|
|
|
v-model="form.arm_diameter"
|
|
|
|
|
></v-text-field
|
|
|
|
|
></v-col>
|
|
|
|
|
<v-col cols="3"
|
|
|
|
|
><v-text-field
|
|
|
|
|
label="lge diameter"
|
|
|
|
|
class="no-error-msg pt-0"
|
|
|
|
|
suffix="cm"
|
|
|
|
|
dark
|
|
|
|
|
v-model="form.leg_diameter"
|
|
|
|
|
></v-text-field
|
|
|
|
|
></v-col>
|
|
|
|
|
</v-row>
|
|
|
|
|
<v-row class="mb-16">
|
|
|
|
|
<v-col cols="12">
|
|
|
|
|
<v-textarea
|
|
|
|
|
label="about you"
|
|
|
|
|
class="no-error-msg"
|
|
|
|
|
rows="4"
|
|
|
|
|
dark
|
|
|
|
|
v-model="form.details"
|
|
|
|
|
></v-textarea>
|
|
|
|
|
<v-col cols="9">
|
|
|
|
|
<v-row class="mt-4">
|
|
|
|
|
<v-col class="12" sm="3">
|
|
|
|
|
<v-text-field
|
|
|
|
|
label="your email address"
|
|
|
|
|
class="no-error-msg pt-0"
|
|
|
|
|
dark
|
|
|
|
|
v-model="form.email"
|
|
|
|
|
></v-text-field>
|
|
|
|
|
</v-col>
|
|
|
|
|
<v-col class="12" sm="3">
|
|
|
|
|
<v-text-field
|
|
|
|
|
label="your name"
|
|
|
|
|
class="no-error-msg pt-0"
|
|
|
|
|
dark
|
|
|
|
|
v-model="form.first_name"
|
|
|
|
|
></v-text-field>
|
|
|
|
|
</v-col>
|
|
|
|
|
<v-col class="12" sm="3">
|
|
|
|
|
<v-text-field
|
|
|
|
|
label="your family name"
|
|
|
|
|
class="no-error-msg pt-0"
|
|
|
|
|
dark
|
|
|
|
|
v-model="form.last_name"
|
|
|
|
|
></v-text-field>
|
|
|
|
|
</v-col>
|
|
|
|
|
<v-col class="12" sm="3">
|
|
|
|
|
<v-text-field
|
|
|
|
|
label="your cell number"
|
|
|
|
|
class="no-error-msg pt-0"
|
|
|
|
|
dark
|
|
|
|
|
v-model="form.cell_number"
|
|
|
|
|
></v-text-field>
|
|
|
|
|
</v-col>
|
|
|
|
|
</v-row>
|
|
|
|
|
<v-row>
|
|
|
|
|
<v-col cols="3">
|
|
|
|
|
<v-autocomplete
|
|
|
|
|
label="your country"
|
|
|
|
|
class="no-error-msg pt-0"
|
|
|
|
|
dark
|
|
|
|
|
item-value="id"
|
|
|
|
|
item-text="name"
|
|
|
|
|
:items="getCountries"
|
|
|
|
|
v-model="form.country_id"
|
|
|
|
|
></v-autocomplete>
|
|
|
|
|
</v-col>
|
|
|
|
|
<v-col cols="3">
|
|
|
|
|
<v-text-field
|
|
|
|
|
label="address"
|
|
|
|
|
class="no-error-msg pt-0"
|
|
|
|
|
dark
|
|
|
|
|
v-model="form.address"
|
|
|
|
|
></v-text-field>
|
|
|
|
|
</v-col>
|
|
|
|
|
<v-col cols="3"
|
|
|
|
|
><DateInput
|
|
|
|
|
class="no-error-msg"
|
|
|
|
|
label="Birthday"
|
|
|
|
|
dark
|
|
|
|
|
:max="new Date().toISOString().slice(0, 10)"
|
|
|
|
|
v-model="form.birthday"
|
|
|
|
|
/></v-col>
|
|
|
|
|
<v-col cols="3"></v-col>
|
|
|
|
|
</v-row>
|
|
|
|
|
<v-divider dark></v-divider>
|
|
|
|
|
<v-row class="w-100">
|
|
|
|
|
<v-col cols="3"
|
|
|
|
|
><v-text-field
|
|
|
|
|
label="weight"
|
|
|
|
|
class="no-error-msg pt-0"
|
|
|
|
|
suffix="kg"
|
|
|
|
|
dark
|
|
|
|
|
v-model="form.weight"
|
|
|
|
|
></v-text-field
|
|
|
|
|
></v-col>
|
|
|
|
|
<v-col cols="3"
|
|
|
|
|
><v-text-field
|
|
|
|
|
label="height"
|
|
|
|
|
class="no-error-msg pt-0"
|
|
|
|
|
suffix="cm"
|
|
|
|
|
dark
|
|
|
|
|
v-model="form.height"
|
|
|
|
|
></v-text-field
|
|
|
|
|
></v-col>
|
|
|
|
|
<v-col cols="3"
|
|
|
|
|
><v-text-field
|
|
|
|
|
label="arm diameter"
|
|
|
|
|
class="no-error-msg pt-0"
|
|
|
|
|
suffix="cm"
|
|
|
|
|
dark
|
|
|
|
|
v-model="form.arm_diameter"
|
|
|
|
|
></v-text-field
|
|
|
|
|
></v-col>
|
|
|
|
|
<v-col cols="3"
|
|
|
|
|
><v-text-field
|
|
|
|
|
label="lge diameter"
|
|
|
|
|
class="no-error-msg pt-0"
|
|
|
|
|
suffix="cm"
|
|
|
|
|
dark
|
|
|
|
|
v-model="form.leg_diameter"
|
|
|
|
|
></v-text-field
|
|
|
|
|
></v-col>
|
|
|
|
|
</v-row>
|
|
|
|
|
<v-row class="mb-16">
|
|
|
|
|
<v-col cols="12">
|
|
|
|
|
<v-textarea
|
|
|
|
|
label="about you"
|
|
|
|
|
class="no-error-msg"
|
|
|
|
|
rows="4"
|
|
|
|
|
dark
|
|
|
|
|
v-model="form.details"
|
|
|
|
|
></v-textarea>
|
|
|
|
|
</v-col>
|
|
|
|
|
</v-row>
|
|
|
|
|
</v-col>
|
|
|
|
|
</v-row>
|
|
|
|
|
<div class="mt-16">
|
|
|
|
|
@ -152,12 +167,24 @@
|
|
|
|
|
<script>
|
|
|
|
|
import { mapActions, mapGetters } from "vuex";
|
|
|
|
|
import SectionTitle from "../Global/Section/SectionTitle.vue";
|
|
|
|
|
import ImageCropper from "../Global/Input/ImageCropper.vue";
|
|
|
|
|
import FileRepository from "../../abstraction/repository/fileRepository";
|
|
|
|
|
import { makeid } from "@/utils/math";
|
|
|
|
|
const RANDOM_TOKEN = makeid(50);
|
|
|
|
|
export default {
|
|
|
|
|
components: {
|
|
|
|
|
SectionTitle,
|
|
|
|
|
ImageCropper,
|
|
|
|
|
},
|
|
|
|
|
data: () => ({
|
|
|
|
|
form: {},
|
|
|
|
|
form: {
|
|
|
|
|
batch_id: RANDOM_TOKEN,
|
|
|
|
|
},
|
|
|
|
|
fileForm: {
|
|
|
|
|
batch_id: RANDOM_TOKEN,
|
|
|
|
|
collection: "main_image",
|
|
|
|
|
crop_data: {},
|
|
|
|
|
},
|
|
|
|
|
}),
|
|
|
|
|
computed: {
|
|
|
|
|
...mapGetters("profile", ["getProfile"]),
|
|
|
|
|
@ -169,8 +196,13 @@ export default {
|
|
|
|
|
async setProfile() {
|
|
|
|
|
await this.loadProfile();
|
|
|
|
|
this.form = this.getProfile;
|
|
|
|
|
this.form["batch_id"] = RANDOM_TOKEN;
|
|
|
|
|
},
|
|
|
|
|
async submit() {
|
|
|
|
|
if (this.fileForm.file) {
|
|
|
|
|
let repository = new FileRepository();
|
|
|
|
|
await repository.store(this.fileForm);
|
|
|
|
|
}
|
|
|
|
|
await this.updateProfile(this.form);
|
|
|
|
|
this.$router.push({ name: "dashboard" });
|
|
|
|
|
},
|
|
|
|
|
|
sajjad_talkhabi
3 years ago