95 lines
3.2 KiB
Vue
95 lines
3.2 KiB
Vue
<template>
|
|
<div>
|
|
<div class="mobile-header">
|
|
<router-link :to="{ name: 'Company' }" class="btn btn-secondary">
|
|
<font-awesome-icon icon="arrow-left" />
|
|
<span>{{ t$('entity.action.back') }}</span>
|
|
</router-link>
|
|
<div class="header-actions">
|
|
<button type="button" class="btn btn-primary" @click="save" :disabled="isSaving">
|
|
<font-awesome-icon icon="save" />
|
|
<span>{{ t$('entity.action.save') }}</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div v-if="loading" class="loading-container">
|
|
<div class="spinner-border text-primary" role="status">
|
|
<span class="sr-only">{{ t$('global.loading') }}</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div v-else class="form-container">
|
|
<div class="form-section">
|
|
<div class="form-group">
|
|
<label class="form-control-label" for="company-number">{{ t$('jewpmsApp.company.number') }}</label>
|
|
<input
|
|
type="text"
|
|
class="form-control"
|
|
id="company-number"
|
|
data-cy="number"
|
|
name="number"
|
|
v-model="company.number"
|
|
:class="{ 'is-invalid': v$.number.$error }"
|
|
required
|
|
:readonly="!!company.id"
|
|
/>
|
|
<div class="invalid-feedback" v-if="v$.number.$error">
|
|
<span v-text="t$('entity.validation.required')"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="form-control-label" for="company-name">{{ t$('jewpmsApp.company.name') }}</label>
|
|
<input
|
|
type="text"
|
|
class="form-control"
|
|
id="company-name"
|
|
data-cy="name"
|
|
name="name"
|
|
v-model="company.name"
|
|
:class="{ 'is-invalid': v$.name.$error }"
|
|
required
|
|
/>
|
|
<div class="invalid-feedback" v-if="v$.name.$error">
|
|
<span v-text="t$('entity.validation.required')"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="form-control-label" for="company-address">{{ t$('jewpmsApp.company.address') }}</label>
|
|
<input type="text" class="form-control" id="company-address" data-cy="address" name="address" v-model="company.address" />
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="form-control-label" for="company-license-no">{{ t$('jewpmsApp.company.licenseNo') }}</label>
|
|
<input
|
|
type="text"
|
|
class="form-control"
|
|
id="company-license-no"
|
|
data-cy="licenseNo"
|
|
name="licenseNo"
|
|
v-model="company.licenseNo"
|
|
/>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="form-control-label" for="company-license-expire">{{ t$('jewpmsApp.company.licenseExpire') }}</label>
|
|
<b-form-datepicker
|
|
id="company-license-expire"
|
|
v-model="company.licenseExpire"
|
|
class="form-control"
|
|
data-cy="licenseExpire"
|
|
></b-form-datepicker>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" src="./company-edit.component.ts"></script>
|
|
|
|
<style>
|
|
@import '@/shared/styles/edit-form.css';
|
|
</style>
|