TPS
/
birzha-legalizasia-frontend
5
0
Fork 0
Code Issues 4 Pull Requests Projects 1 Releases Wiki Activity

developed

This commit is contained in:
Komek Hayytnazarov 2022-10-04 09:24:13 +05:00
parent 5addca06f2
commit 0a42320cf6
3 changed files with 78 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/api/fetch-wrapper.js
View File

@ -12,7 +12,6 @@ function request(method) {
return (url, body, isFormData = false) => {
// check internet connection
if (!navigator.onLine) {
//console.log("in if: ", i18nn);
const alertStore = useAlertStore();
alertStore.error(i18nn.global.t("INT_CONN_ERROR"));
return Promise.reject("internet connection error");
@ -63,8 +62,6 @@ async function handleResponse(response) {
console.log("response data: ", response);
const alertStore = useAlertStore();
// check for error response
if (!response.ok) {
const { user, logout } = useAuthStore();
@ -76,9 +73,6 @@ async function handleResponse(response) {
// get error message from body or default to response status
const error = (data && data.message) || response.status;
// trigger alert
alertStore.error(error);
return Promise.reject(error);
}

2
src/stores/auth.js
View File

@ -30,8 +30,6 @@ export const useAuthStore = defineStore({
// redirect to home page
router.push({ path: "/" });
} catch (error) {
// const alertStore = useAlertStore();
// alertStore.error(error);
}
},

156
src/views/profile/Main.vue
View File

@ -17,35 +17,35 @@
<div class="flex flex-col md:flex-row">
<div class="flex-1">
<!-- Begin first column -->
<div class="flex m-2">
<div class="flex w-1/4 font-medium">{{$t("NAME")}}:</div>
<div class="flex w-3/4 pl-3">{{ profile.name }}</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{$t("NAME")}}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ profile.name }}</div>
</div>
<div class="flex m-2">
<div class="flex w-1/4 font-medium">{{$t("SHORT_NAME")}}:</div>
<div class="flex w-3/4 pl-3">{{ profile.short_name }}</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{$t("SHORT_NAME")}}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ profile.short_name }}</div>
</div>
<div class="flex m-2">
<div class="flex w-1/4 font-medium">{{$t("REG_NUMBER")}}:</div>
<div class="flex w-3/4 pl-3">{{ profile.registration_number }}</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{$t("REG_NUMBER")}}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ profile.registration_number }}</div>
</div>
<div class="flex m-2">
<div class="flex w-1/4 font-medium">{{$t("REG_DATE")}}:</div>
<div class="flex w-3/4 pl-3">{{ formattedDate }}</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{$t("REG_DATE")}}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ formattedDate }}</div>
</div>
<div class="flex m-2">
<div class="flex w-1/4 font-medium">{{$t("REG_AGENCY")}}:</div>
<div class="flex w-3/4 pl-3">
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{$t("REG_AGENCY")}}:</div>
<div class="sm:w-3/4 sm:pl-3">
{{ profile.state_registration_agency }}
</div>
</div>
<div class="flex m-2">
<div class="flex w-1/4 font-medium">{{$t("REG_PLACE")}}:</div>
<div class="flex w-3/4 pl-3">{{ profile.registration_place }}</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{$t("REG_PLACE")}}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ profile.registration_place }}</div>
</div>
<div class="flex m-2">
<div class="flex w-1/4 font-medium">{{$t("REG_ADDR")}}:</div>
<div class="flex w-3/4 pl-3">{{ profile.registration_address }}</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{$t("REG_ADDR")}}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ profile.registration_address }}</div>
</div>
</div>
@ -73,33 +73,33 @@
<div class="flex flex-col md:flex-row">
<div class="flex-1">
<!-- Begin first column -->
<div class="flex m-2">
<div class="flex w-1/4 font-medium">{{ $t('SURNAME')}}:</div>
<div class="flex w-3/4 pl-3">{{ profile.surname }}</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('SURNAME')}}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ profile.surname }}</div>
</div>
<div class="flex m-2">
<div class="flex w-1/4 font-medium">{{ $t('NAME')}}:</div>
<div class="flex w-3/4 pl-3">{{ profile.name }}</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('NAME')}}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ profile.name }}</div>
</div>
<div class="flex m-2">
<div class="flex w-1/4 font-medium">{{ $t('DOB')}}:</div>
<div class="flex w-3/4 pl-3">{{ formattedDate }}</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('DOB')}}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ formattedDate }}</div>
</div>
<div class="flex m-2">
<div class="flex w-1/4 font-medium">{{ $t('POB')}}:</div>
<div class="flex w-3/4 pl-3">{{ profile.birth_place }}</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('POB')}}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ profile.birth_place }}</div>
</div>
<div class="flex m-2 mt-0 md:m-2">
<div class="flex w-1/4 font-medium">{{ $t('PNAME')}}:</div>
<div class="flex w-3/4 pl-3">{{ profile.patronomic_name }}</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('PNAME')}}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ profile.patronomic_name }}</div>
</div>
<div class="flex m-2">
<div class="flex w-1/4 font-medium">{{ $t('CITIZENSHIP')}}:</div>
<div v-if="profile && profile.citizenship" class="flex w-3/4 pl-3">{{ profile.citizenship.name }}</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('CITIZENSHIP')}}:</div>
<div v-if="profile && profile.citizenship" class="sm:w-3/4 sm:pl-3">{{ profile.citizenship.name }}</div>
</div>
<div class="flex m-2">
<div class="flex w-1/4 font-medium">{{ $t('REG_ADDR')}}:</div>
<div class="flex w-3/4 pl-3">{{ profile.registration_address }}</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('REG_ADDR')}}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ profile.registration_address }}</div>
</div>
</div>
<!-- End first column -->
@ -126,21 +126,21 @@
<div class="flex flex-col md:flex-row">
<div class="flex-1">
<!-- Begin column -->
<div class="flex m-2">
<div class="flex w-1/4 font-medium">{{ $t('ADDRESS')}}:</div>
<div class="flex w-3/4 pl-3">{{ contacts.address }}</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('ADDRESS')}}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ contacts.address }}</div>
</div>
<div class="flex m-2">
<div class="flex w-1/4 font-medium">{{ $t('PHONE')}}:</div>
<div class="flex w-3/4 pl-3">{{ contacts.phone }}</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('PHONE')}}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ contacts.phone }}</div>
</div>
<div class="flex m-2">
<div class="flex w-1/4 font-medium">{{ $t('FAX')}}:</div>
<div class="flex w-3/4 pl-3">{{ contacts.fax }}</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('FAX')}}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ contacts.fax }}</div>
</div>
<div class="flex m-2">
<div class="flex w-1/4 font-medium">{{ $t('EMAIL')}}:</div>
<div class="flex w-3/4 pl-3">{{ contacts.email }}</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('EMAIL')}}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ contacts.email }}</div>
</div>
</div>
<!-- End column -->
@ -163,25 +163,25 @@
<div class="flex flex-col md:flex-row">
<div class="flex-1">
<!-- Begin column -->
<div class="flex m-2">
<div class="flex w-1/4 font-medium">{{ $t('BANK_NAME')}}:</div>
<div class="flex w-3/4 pl-3">{{ bankAccount.bank_name }}</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('BANK_NAME')}}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ bankAccount.bank_name }}</div>
</div>
<div class="flex m-2">
<div class="flex w-1/4 font-medium">{{ $t('COUNTRY')}}:</div>
<div class="flex w-3/4 pl-3">{{ bankAccount.country }}</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('COUNTRY')}}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ bankAccount.country }}</div>
</div>
<div class="flex m-2">
<div class="flex w-1/4 font-medium">{{ $t('ACC_NUMBER')}}:</div>
<div class="flex w-3/4 pl-3">{{ bankAccount.account_number }}</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('ACC_NUMBER')}}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ bankAccount.account_number }}</div>
</div>
<div class="flex m-2">
<div class="flex w-1/4 font-medium">{{ $t('ACC_DATE')}}:</div>
<div class="flex w-3/4 pl-3">{{ bankAccount.account_date }}</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('ACC_DATE')}}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ bankAccount.account_date }}</div>
</div>
<div class="flex m-2">
<div class="flex w-1/4 font-medium">{{ $t('CURRENCY')}}:</div>
<div class="flex w-3/4 pl-3">{{ bankAccount.currency }}</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('CURRENCY')}}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ bankAccount.currency }}</div>
</div>
</div>
<!-- End column -->
@ -205,21 +205,21 @@
<div class="flex flex-col md:flex-row">
<div class="flex-1">
<!-- Begin column -->
<div class="flex m-2">
<div class="flex font-medium">{{$t('LEG_NUM')}}:</div>
<div class="flex pl-3">{{ legalNumber }}</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{$t('LEG_NUM')}}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ legalNumber }}</div>
</div>
<div class="flex m-2">
<div class="flex font-medium">{{$t('EXP_DATE')}}:</div>
<div class="flex pl-3">{{ legalExpiresAt }}</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{$t('EXP_DATE')}}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ legalExpiresAt }}</div>
</div>
</div>
<!-- End column -->
</div>
</div>
<div v-if="!legalNumber" class="flex flex-col sm:flex-row items-center p-5">
<InfoIcon class="w-6 h-6 text-danger mr-auto w-14" />
<span class="font-medium ml-10px text-danger">{{$t('LEG_WARN_INFO')}}</span>
<div v-if="!legalNumber" class="flex flex-row items-center p-5">
<InfoIcon class="w-6 h-6 w-14 text-danger mr-4" />
<span class="font-medium text-danger">{{$t('LEG_WARN_INFO')}}</span>
</div>
</PreviewComponent>
<!-- END: Legalization -->