Removed clearable from most forms, it's too "busy" and fucks up the look of the form for not much benefit
maybe in future can look at only showing on mobile or something or when the field is active?
This commit is contained in:
@@ -60,9 +60,6 @@
|
||||
v-model="obj.name"
|
||||
:readonly="formState.readOnly"
|
||||
:disabled="formState.readOnly"
|
||||
:clearable="!formState.readOnly"
|
||||
@click:clear="fieldValueChanged('name')"
|
||||
:counter="255"
|
||||
:label="$ay.t('Name')"
|
||||
:rules="[form().required(this, 'name')]"
|
||||
:error-messages="form().serverErrors(this, 'name')"
|
||||
@@ -132,7 +129,6 @@
|
||||
v-model="props.item.display"
|
||||
label="Edit"
|
||||
single-line
|
||||
:counter="255"
|
||||
></v-text-field>
|
||||
</template>
|
||||
</v-edit-dialog>
|
||||
|
||||
@@ -17,9 +17,6 @@
|
||||
v-model="obj.name"
|
||||
:readonly="formState.readOnly"
|
||||
:disabled="formState.readOnly"
|
||||
:clearable="!formState.readOnly"
|
||||
@click:clear="fieldValueChanged('name')"
|
||||
:counter="255"
|
||||
:label="$ay.t('Name')"
|
||||
:rules="[form().required(this, 'name')]"
|
||||
:error-messages="form().serverErrors(this, 'name')"
|
||||
@@ -55,9 +52,6 @@
|
||||
v-model="obj.employeeNumber"
|
||||
:readonly="formState.readOnly"
|
||||
:disabled="formState.readOnly"
|
||||
:clearable="!formState.readOnly"
|
||||
@click:clear="fieldValueChanged('employeeNumber')"
|
||||
:counter="255"
|
||||
:label="$ay.t('UserEmployeeNumber')"
|
||||
:error-messages="form().serverErrors(this, 'employeeNumber')"
|
||||
ref="employeeNumber"
|
||||
@@ -177,7 +171,6 @@
|
||||
data-cy="notes"
|
||||
@input="fieldValueChanged('notes')"
|
||||
auto-grow
|
||||
:clearable="!formState.readOnly"
|
||||
></v-textarea>
|
||||
</v-col>
|
||||
|
||||
|
||||
@@ -13,7 +13,6 @@
|
||||
:disabled="formState.readOnly"
|
||||
:clearable="!formState.readOnly"
|
||||
@click:clear="fieldValueChanged('name')"
|
||||
:counter="255"
|
||||
:label="$ay.t('Name')"
|
||||
:rules="[form().required(this, 'name')]"
|
||||
:error-messages="form().serverErrors(this, 'name')"
|
||||
|
||||
@@ -60,9 +60,6 @@
|
||||
v-model="obj.name"
|
||||
:readonly="formState.readOnly"
|
||||
:disabled="formState.readOnly"
|
||||
:clearable="!formState.readOnly"
|
||||
@click:clear="fieldValueChanged('name')"
|
||||
:counter="255"
|
||||
:label="$ay.t('ReportName')"
|
||||
:rules="[form().required(this, 'name')]"
|
||||
:error-messages="form().serverErrors(this, 'name')"
|
||||
@@ -110,7 +107,6 @@
|
||||
data-cy="notes"
|
||||
@input="fieldValueChanged('notes')"
|
||||
auto-grow
|
||||
:clearable="!formState.readOnly"
|
||||
></v-textarea>
|
||||
</v-col>
|
||||
</v-row>
|
||||
@@ -146,7 +142,6 @@
|
||||
data-cy="headerTemplate"
|
||||
@input="fieldValueChanged('headerTemplate', 'formPDF')"
|
||||
auto-grow
|
||||
:clearable="!formState.readOnly"
|
||||
></v-textarea>
|
||||
</v-col>
|
||||
|
||||
@@ -161,7 +156,6 @@
|
||||
data-cy="footerTemplate"
|
||||
@input="fieldValueChanged('footerTemplate', 'formPDF')"
|
||||
auto-grow
|
||||
:clearable="!formState.readOnly"
|
||||
></v-textarea>
|
||||
</v-col>
|
||||
|
||||
@@ -199,8 +193,6 @@
|
||||
v-model="obj.marginOptionsBottom"
|
||||
:readonly="formState.readOnly"
|
||||
:disabled="formState.readOnly"
|
||||
:clearable="!formState.readOnly"
|
||||
@click:clear="fieldValueChanged('marginOptionsBottom')"
|
||||
:label="$ay.t('ReportMarginOptionsBottom')"
|
||||
:error-messages="
|
||||
form().serverErrors(this, 'marginOptionsBottom')
|
||||
@@ -216,8 +208,6 @@
|
||||
v-model="obj.marginOptionsLeft"
|
||||
:readonly="formState.readOnly"
|
||||
:disabled="formState.readOnly"
|
||||
:clearable="!formState.readOnly"
|
||||
@click:clear="fieldValueChanged('marginOptionsLeft')"
|
||||
:label="$ay.t('ReportMarginOptionsLeft')"
|
||||
:error-messages="form().serverErrors(this, 'marginOptionsLeft')"
|
||||
ref="marginOptionsLeft"
|
||||
@@ -231,8 +221,6 @@
|
||||
v-model="obj.marginOptionsRight"
|
||||
:readonly="formState.readOnly"
|
||||
:disabled="formState.readOnly"
|
||||
:clearable="!formState.readOnly"
|
||||
@click:clear="fieldValueChanged('marginOptionsRight')"
|
||||
:label="$ay.t('ReportMarginOptionsRight')"
|
||||
:error-messages="
|
||||
form().serverErrors(this, 'marginOptionsRight')
|
||||
@@ -248,8 +236,6 @@
|
||||
v-model="obj.marginOptionsTop"
|
||||
:readonly="formState.readOnly"
|
||||
:disabled="formState.readOnly"
|
||||
:clearable="!formState.readOnly"
|
||||
@click:clear="fieldValueChanged('marginOptionsTop')"
|
||||
:label="$ay.t('ReportMarginOptionsTop')"
|
||||
:error-messages="form().serverErrors(this, 'marginOptionsTop')"
|
||||
ref="marginOptionsTop"
|
||||
@@ -289,8 +275,6 @@
|
||||
v-model="obj.scale"
|
||||
:readonly="formState.readOnly"
|
||||
:disabled="formState.readOnly"
|
||||
:clearable="!formState.readOnly"
|
||||
@click:clear="fieldValueChanged('scale')"
|
||||
:label="$ay.t('ReportScale')"
|
||||
:rules="[
|
||||
form().decimalValid(this, 'scale'),
|
||||
|
||||
@@ -12,10 +12,7 @@
|
||||
v-model="obj.name"
|
||||
:readonly="formState.readOnly"
|
||||
:disabled="formState.readOnly"
|
||||
:clearable="!formState.readOnly"
|
||||
@click:clear="fieldValueChanged('name')"
|
||||
:counter="255"
|
||||
:label="$ay.t('WidgetName')"
|
||||
:label="$ay.t('CustomerName')"
|
||||
:rules="[form().required(this, 'name')]"
|
||||
:error-messages="form().serverErrors(this, 'name')"
|
||||
ref="name"
|
||||
@@ -52,11 +49,13 @@
|
||||
>
|
||||
<v-text-field
|
||||
v-model="obj.accountNumber"
|
||||
:readonly="true"
|
||||
:readonly="formState.readOnly"
|
||||
:disabled="formState.readOnly"
|
||||
:label="$ay.t('CustomerAccountNumber')"
|
||||
ref="accountNumber"
|
||||
data-cy="accountNumber"
|
||||
:error-messages="form().serverErrors(this, 'accountNumber')"
|
||||
@input="fieldValueChanged('accountNumber')"
|
||||
></v-text-field>
|
||||
</v-col>
|
||||
|
||||
@@ -75,6 +74,8 @@
|
||||
ref="emailAddress"
|
||||
data-cy="emailAddress"
|
||||
type="email"
|
||||
:error-messages="form().serverErrors(this, 'emailAddress')"
|
||||
@input="fieldValueChanged('emailAddress')"
|
||||
></v-text-field>
|
||||
</v-col>
|
||||
|
||||
@@ -93,6 +94,8 @@
|
||||
ref="phone1"
|
||||
data-cy="phone1"
|
||||
type="tel"
|
||||
:error-messages="form().serverErrors(this, 'phone1')"
|
||||
@input="fieldValueChanged('phone1')"
|
||||
></v-text-field>
|
||||
</v-col>
|
||||
|
||||
@@ -111,6 +114,8 @@
|
||||
ref="phone2"
|
||||
data-cy="phone2"
|
||||
type="tel"
|
||||
:error-messages="form().serverErrors(this, 'phone2')"
|
||||
@input="fieldValueChanged('phone2')"
|
||||
></v-text-field>
|
||||
</v-col>
|
||||
|
||||
@@ -129,6 +134,8 @@
|
||||
ref="phone3"
|
||||
data-cy="phone3"
|
||||
type="tel"
|
||||
:error-messages="form().serverErrors(this, 'phone3')"
|
||||
@input="fieldValueChanged('phone3')"
|
||||
></v-text-field>
|
||||
</v-col>
|
||||
|
||||
@@ -147,6 +154,8 @@
|
||||
ref="phone4"
|
||||
data-cy="phone4"
|
||||
type="tel"
|
||||
:error-messages="form().serverErrors(this, 'phone4')"
|
||||
@input="fieldValueChanged('phone4')"
|
||||
></v-text-field>
|
||||
</v-col>
|
||||
|
||||
@@ -165,6 +174,8 @@
|
||||
ref="phone5"
|
||||
data-cy="phone5"
|
||||
type="tel"
|
||||
:error-messages="form().serverErrors(this, 'phone5')"
|
||||
@input="fieldValueChanged('phone5')"
|
||||
></v-text-field>
|
||||
</v-col>
|
||||
|
||||
@@ -179,7 +190,6 @@
|
||||
data-cy="notes"
|
||||
@input="fieldValueChanged('notes')"
|
||||
auto-grow
|
||||
:clearable="!formState.readOnly"
|
||||
></v-textarea>
|
||||
</v-col>
|
||||
|
||||
|
||||
@@ -59,9 +59,6 @@
|
||||
v-model="obj.name"
|
||||
:readonly="formState.readOnly"
|
||||
:disabled="formState.readOnly"
|
||||
:clearable="!formState.readOnly"
|
||||
@click:clear="fieldValueChanged('name')"
|
||||
:counter="255"
|
||||
:label="$ay.t('Name')"
|
||||
:rules="[form().required(this, 'name')]"
|
||||
:error-messages="form().serverErrors(this, 'name')"
|
||||
@@ -182,7 +179,6 @@
|
||||
data-cy="notes"
|
||||
@input="fieldValueChanged('notes')"
|
||||
auto-grow
|
||||
:clearable="!formState.readOnly"
|
||||
></v-textarea>
|
||||
</v-col>
|
||||
|
||||
|
||||
@@ -44,7 +44,6 @@
|
||||
:label="$ay.t('MemoMessage')"
|
||||
ref="message"
|
||||
auto-grow
|
||||
:clearable="!formState.readOnly"
|
||||
@input="checkSave()"
|
||||
></v-textarea>
|
||||
</v-col>
|
||||
|
||||
@@ -102,7 +102,7 @@
|
||||
:disabled="formState.readOnly"
|
||||
:clearable="!formState.readOnly"
|
||||
@click:clear="fieldValueChanged('deliveryAddress')"
|
||||
:counter="255"
|
||||
|
||||
:label="$ay.t('NotifyDeliveryAddress')"
|
||||
:rules="[form().required(this, 'deliveryAddress')]"
|
||||
:error-messages="form().serverErrors(this, 'deliveryAddress')"
|
||||
|
||||
@@ -22,13 +22,12 @@
|
||||
<v-text-field
|
||||
v-model="obj.emailAddress"
|
||||
:readonly="formState.readOnly"
|
||||
:clearable="!formState.readOnly"
|
||||
@click:clear="fieldValueChanged('emailAddress')"
|
||||
:label="$ay.t('UserEmailAddress')"
|
||||
:error-messages="form().serverErrors(this, 'emailAddress')"
|
||||
ref="emailAddress"
|
||||
@input="fieldValueChanged('emailAddress')"
|
||||
data-cy="emailAddress"
|
||||
type="email"
|
||||
></v-text-field>
|
||||
</v-col>
|
||||
|
||||
@@ -37,8 +36,6 @@
|
||||
v-model="obj.currencyName"
|
||||
hint="e.g. USD, EUR, GBP, AUD, CAD etc"
|
||||
:readonly="formState.readOnly"
|
||||
:clearable="!formState.readOnly"
|
||||
@click:clear="fieldValueChanged('currencyName')"
|
||||
:label="$ay.t('CurrencyCode')"
|
||||
:rules="[form().required(this, 'currencyName')]"
|
||||
:error-messages="form().serverErrors(this, 'currencyName')"
|
||||
@@ -63,8 +60,6 @@
|
||||
v-model="obj.languageOverride"
|
||||
:placeholder="locale().getBrowserFirstLanguage()"
|
||||
:readonly="formState.readOnly"
|
||||
:clearable="!formState.readOnly"
|
||||
@click:clear="fieldValueChanged('languageOverride')"
|
||||
:label="$ay.t('LanguageCode')"
|
||||
:error-messages="form().serverErrors(this, 'languageOverride')"
|
||||
ref="languageOverride"
|
||||
@@ -77,8 +72,6 @@
|
||||
v-model="obj.timeZoneOverride"
|
||||
:placeholder="locale().getBrowserTimeZoneName()"
|
||||
:readonly="formState.readOnly"
|
||||
:clearable="!formState.readOnly"
|
||||
@click:clear="fieldValueChanged('timeZoneOverride')"
|
||||
:label="$ay.t('TimeZone')"
|
||||
:error-messages="form().serverErrors(this, 'timeZoneOverride')"
|
||||
ref="timeZoneOverride"
|
||||
|
||||
@@ -62,8 +62,6 @@
|
||||
v-model="obj.smtpServerAddress"
|
||||
:readonly="formState.readOnly"
|
||||
:disabled="formState.readOnly"
|
||||
:clearable="!formState.readOnly"
|
||||
@click:clear="fieldValueChanged('smtpServerAddress')"
|
||||
:label="$ay.t('SmtpServerAddress')"
|
||||
:rules="[form().required(this, 'smtpServerAddress')]"
|
||||
:error-messages="form().serverErrors(this, 'smtpServerAddress')"
|
||||
@@ -77,8 +75,6 @@
|
||||
v-model="obj.smtpAccount"
|
||||
:readonly="formState.readOnly"
|
||||
:disabled="formState.readOnly"
|
||||
:clearable="!formState.readOnly"
|
||||
@click:clear="fieldValueChanged('smtpAccount')"
|
||||
:label="$ay.t('SmtpAccount')"
|
||||
:rules="[form().required(this, 'smtpAccount')]"
|
||||
:error-messages="form().serverErrors(this, 'smtpAccount')"
|
||||
@@ -93,8 +89,6 @@
|
||||
v-model="obj.smtpPassword"
|
||||
:readonly="formState.readOnly"
|
||||
:disabled="formState.readOnly"
|
||||
:clearable="!formState.readOnly"
|
||||
@click:clear="fieldValueChanged('smtpPassword')"
|
||||
:label="$ay.t('SmtpPassword')"
|
||||
:rules="[form().required(this, 'smtpPassword')]"
|
||||
:error-messages="form().serverErrors(this, 'smtpPassword')"
|
||||
@@ -129,8 +123,6 @@
|
||||
v-model="obj.smtpServerPort"
|
||||
:readonly="formState.readOnly"
|
||||
:disabled="formState.readOnly"
|
||||
:clearable="!formState.readOnly"
|
||||
@click:clear="fieldValueChanged('smtpServerPort')"
|
||||
:label="$ay.t('SmtpServerPort')"
|
||||
:rules="[
|
||||
form().integerValid(this, 'smtpServerPort'),
|
||||
@@ -149,8 +141,6 @@
|
||||
v-model="obj.notifyFromAddress"
|
||||
:readonly="formState.readOnly"
|
||||
:disabled="formState.readOnly"
|
||||
:clearable="!formState.readOnly"
|
||||
@click:clear="fieldValueChanged('notifyFromAddress')"
|
||||
:label="$ay.t('NotifyFromAddress')"
|
||||
:rules="[form().required(this, 'notifyFromAddress')]"
|
||||
:error-messages="form().serverErrors(this, 'notifyFromAddress')"
|
||||
@@ -165,8 +155,6 @@
|
||||
v-model="obj.ayaNovaServerURL"
|
||||
:readonly="formState.readOnly"
|
||||
:disabled="formState.readOnly"
|
||||
:clearable="!formState.readOnly"
|
||||
@click:clear="fieldValueChanged('ayaNovaServerURL')"
|
||||
:label="$ay.t('AyaNovaServerURL')"
|
||||
:rules="[form().required(this, 'ayaNovaServerURL')]"
|
||||
:error-messages="form().serverErrors(this, 'ayaNovaServerURL')"
|
||||
|
||||
@@ -35,7 +35,6 @@
|
||||
data-cy="reason"
|
||||
@input="fieldValueChanged('reason')"
|
||||
auto-grow
|
||||
:clearable="!formState.readOnly"
|
||||
></v-textarea>
|
||||
</v-col>
|
||||
</v-row>
|
||||
|
||||
@@ -12,9 +12,6 @@
|
||||
v-model="obj.name"
|
||||
:readonly="formState.readOnly"
|
||||
:disabled="formState.readOnly"
|
||||
:clearable="!formState.readOnly"
|
||||
@click:clear="fieldValueChanged('name')"
|
||||
:counter="255"
|
||||
:label="$ay.t('WidgetName')"
|
||||
:rules="[form().required(this, 'name')]"
|
||||
:error-messages="form().serverErrors(this, 'name')"
|
||||
|
||||
Reference in New Issue
Block a user