admin/raven-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Removed clearable from most forms, it's too "busy" and fucks up the look of the form for not much benefit

Browse Source 
maybe in future can look at only showing on mobile or something or when the field is active?
This commit is contained in:
John Cardinal
2020-11-11 20:03:53 +00:00
parent ac3270b349
commit 223a9e4060
12 changed files with 18 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
ayanova/src/views/adm-translation.vue
View File

@@ -60,9 +60,6 @@
v-model="obj.name" v-model="obj.name"
:readonly="formState.readOnly" :readonly="formState.readOnly"
:disabled="formState.readOnly" :disabled="formState.readOnly"
:clearable="!formState.readOnly"
@click:clear="fieldValueChanged('name')"
:counter="255"
:label="$ay.t('Name')" :label="$ay.t('Name')"
:rules="[form().required(this, 'name')]" :rules="[form().required(this, 'name')]"
:error-messages="form().serverErrors(this, 'name')" :error-messages="form().serverErrors(this, 'name')"
@@ -132,7 +129,6 @@
v-model="props.item.display" v-model="props.item.display"
label="Edit" label="Edit"
single-line single-line
:counter="255"
></v-text-field> ></v-text-field>
</template> </template>
</v-edit-dialog> </v-edit-dialog>

7
ayanova/src/views/adm-user.vue
View File

@@ -17,9 +17,6 @@
v-model="obj.name" v-model="obj.name"
:readonly="formState.readOnly" :readonly="formState.readOnly"
:disabled="formState.readOnly" :disabled="formState.readOnly"
:clearable="!formState.readOnly"
@click:clear="fieldValueChanged('name')"
:counter="255"
:label="$ay.t('Name')" :label="$ay.t('Name')"
:rules="[form().required(this, 'name')]" :rules="[form().required(this, 'name')]"
:error-messages="form().serverErrors(this, 'name')" :error-messages="form().serverErrors(this, 'name')"
@@ -55,9 +52,6 @@
v-model="obj.employeeNumber" v-model="obj.employeeNumber"
:readonly="formState.readOnly" :readonly="formState.readOnly"
:disabled="formState.readOnly" :disabled="formState.readOnly"
:clearable="!formState.readOnly"
@click:clear="fieldValueChanged('employeeNumber')"
:counter="255"
:label="$ay.t('UserEmployeeNumber')" :label="$ay.t('UserEmployeeNumber')"
:error-messages="form().serverErrors(this, 'employeeNumber')" :error-messages="form().serverErrors(this, 'employeeNumber')"
ref="employeeNumber" ref="employeeNumber"
@@ -177,7 +171,6 @@
data-cy="notes" data-cy="notes"
@input="fieldValueChanged('notes')" @input="fieldValueChanged('notes')"
auto-grow auto-grow
:clearable="!formState.readOnly"
></v-textarea> ></v-textarea>
</v-col> </v-col>

1
ayanova/src/views/ay-data-list-view.vue
View File

@@ -13,7 +13,6 @@
:disabled="formState.readOnly" :disabled="formState.readOnly"
:clearable="!formState.readOnly" :clearable="!formState.readOnly"
@click:clear="fieldValueChanged('name')" @click:clear="fieldValueChanged('name')"
:counter="255"
:label="$ay.t('Name')" :label="$ay.t('Name')"
:rules="[form().required(this, 'name')]" :rules="[form().required(this, 'name')]"
:error-messages="form().serverErrors(this, 'name')" :error-messages="form().serverErrors(this, 'name')"

16
ayanova/src/views/ay-report-edit.vue
View File

@@ -60,9 +60,6 @@
v-model="obj.name" v-model="obj.name"
:readonly="formState.readOnly" :readonly="formState.readOnly"
:disabled="formState.readOnly" :disabled="formState.readOnly"
:clearable="!formState.readOnly"
@click:clear="fieldValueChanged('name')"
:counter="255"
:label="$ay.t('ReportName')" :label="$ay.t('ReportName')"
:rules="[form().required(this, 'name')]" :rules="[form().required(this, 'name')]"
:error-messages="form().serverErrors(this, 'name')" :error-messages="form().serverErrors(this, 'name')"
@@ -110,7 +107,6 @@
data-cy="notes" data-cy="notes"
@input="fieldValueChanged('notes')" @input="fieldValueChanged('notes')"
auto-grow auto-grow
:clearable="!formState.readOnly"
></v-textarea> ></v-textarea>
</v-col> </v-col>
</v-row> </v-row>
@@ -146,7 +142,6 @@
data-cy="headerTemplate" data-cy="headerTemplate"
@input="fieldValueChanged('headerTemplate', 'formPDF')" @input="fieldValueChanged('headerTemplate', 'formPDF')"
auto-grow auto-grow
:clearable="!formState.readOnly"
></v-textarea> ></v-textarea>
</v-col> </v-col>
@@ -161,7 +156,6 @@
data-cy="footerTemplate" data-cy="footerTemplate"
@input="fieldValueChanged('footerTemplate', 'formPDF')" @input="fieldValueChanged('footerTemplate', 'formPDF')"
auto-grow auto-grow
:clearable="!formState.readOnly"
></v-textarea> ></v-textarea>
</v-col> </v-col>
@@ -199,8 +193,6 @@
v-model="obj.marginOptionsBottom" v-model="obj.marginOptionsBottom"
:readonly="formState.readOnly" :readonly="formState.readOnly"
:disabled="formState.readOnly" :disabled="formState.readOnly"
:clearable="!formState.readOnly"
@click:clear="fieldValueChanged('marginOptionsBottom')"
:label="$ay.t('ReportMarginOptionsBottom')" :label="$ay.t('ReportMarginOptionsBottom')"
:error-messages=" :error-messages="
form().serverErrors(this, 'marginOptionsBottom') form().serverErrors(this, 'marginOptionsBottom')
@@ -216,8 +208,6 @@
v-model="obj.marginOptionsLeft" v-model="obj.marginOptionsLeft"
:readonly="formState.readOnly" :readonly="formState.readOnly"
:disabled="formState.readOnly" :disabled="formState.readOnly"
:clearable="!formState.readOnly"
@click:clear="fieldValueChanged('marginOptionsLeft')"
:label="$ay.t('ReportMarginOptionsLeft')" :label="$ay.t('ReportMarginOptionsLeft')"
:error-messages="form().serverErrors(this, 'marginOptionsLeft')" :error-messages="form().serverErrors(this, 'marginOptionsLeft')"
ref="marginOptionsLeft" ref="marginOptionsLeft"
@@ -231,8 +221,6 @@
v-model="obj.marginOptionsRight" v-model="obj.marginOptionsRight"
:readonly="formState.readOnly" :readonly="formState.readOnly"
:disabled="formState.readOnly" :disabled="formState.readOnly"
:clearable="!formState.readOnly"
@click:clear="fieldValueChanged('marginOptionsRight')"
:label="$ay.t('ReportMarginOptionsRight')" :label="$ay.t('ReportMarginOptionsRight')"
:error-messages=" :error-messages="
form().serverErrors(this, 'marginOptionsRight') form().serverErrors(this, 'marginOptionsRight')
@@ -248,8 +236,6 @@
v-model="obj.marginOptionsTop" v-model="obj.marginOptionsTop"
:readonly="formState.readOnly" :readonly="formState.readOnly"
:disabled="formState.readOnly" :disabled="formState.readOnly"
:clearable="!formState.readOnly"
@click:clear="fieldValueChanged('marginOptionsTop')"
:label="$ay.t('ReportMarginOptionsTop')" :label="$ay.t('ReportMarginOptionsTop')"
:error-messages="form().serverErrors(this, 'marginOptionsTop')" :error-messages="form().serverErrors(this, 'marginOptionsTop')"
ref="marginOptionsTop" ref="marginOptionsTop"
@@ -289,8 +275,6 @@
v-model="obj.scale" v-model="obj.scale"
:readonly="formState.readOnly" :readonly="formState.readOnly"
:disabled="formState.readOnly" :disabled="formState.readOnly"
:clearable="!formState.readOnly"
@click:clear="fieldValueChanged('scale')"
:label="$ay.t('ReportScale')" :label="$ay.t('ReportScale')"
:rules="[ :rules="[
form().decimalValid(this, 'scale'), form().decimalValid(this, 'scale'),

22
ayanova/src/views/cust-customer.vue
View File

@@ -12,10 +12,7 @@
v-model="obj.name" v-model="obj.name"
:readonly="formState.readOnly" :readonly="formState.readOnly"
:disabled="formState.readOnly" :disabled="formState.readOnly"
:clearable="!formState.readOnly" :label="$ay.t('CustomerName')"
@click:clear="fieldValueChanged('name')"
:counter="255"
:label="$ay.t('WidgetName')"
:rules="[form().required(this, 'name')]" :rules="[form().required(this, 'name')]"
:error-messages="form().serverErrors(this, 'name')" :error-messages="form().serverErrors(this, 'name')"
ref="name" ref="name"
@@ -52,11 +49,13 @@
> >
<v-text-field <v-text-field
v-model="obj.accountNumber" v-model="obj.accountNumber"
:readonly="true" :readonly="formState.readOnly"
:disabled="formState.readOnly" :disabled="formState.readOnly"
:label="$ay.t('CustomerAccountNumber')" :label="$ay.t('CustomerAccountNumber')"
ref="accountNumber" ref="accountNumber"
data-cy="accountNumber" data-cy="accountNumber"
:error-messages="form().serverErrors(this, 'accountNumber')"
@input="fieldValueChanged('accountNumber')"
></v-text-field> ></v-text-field>
</v-col> </v-col>
@@ -75,6 +74,8 @@
ref="emailAddress" ref="emailAddress"
data-cy="emailAddress" data-cy="emailAddress"
type="email" type="email"
:error-messages="form().serverErrors(this, 'emailAddress')"
@input="fieldValueChanged('emailAddress')"
></v-text-field> ></v-text-field>
</v-col> </v-col>
@@ -93,6 +94,8 @@
ref="phone1" ref="phone1"
data-cy="phone1" data-cy="phone1"
type="tel" type="tel"
:error-messages="form().serverErrors(this, 'phone1')"
@input="fieldValueChanged('phone1')"
></v-text-field> ></v-text-field>
</v-col> </v-col>
@@ -111,6 +114,8 @@
ref="phone2" ref="phone2"
data-cy="phone2" data-cy="phone2"
type="tel" type="tel"
:error-messages="form().serverErrors(this, 'phone2')"
@input="fieldValueChanged('phone2')"
></v-text-field> ></v-text-field>
</v-col> </v-col>
@@ -129,6 +134,8 @@
ref="phone3" ref="phone3"
data-cy="phone3" data-cy="phone3"
type="tel" type="tel"
:error-messages="form().serverErrors(this, 'phone3')"
@input="fieldValueChanged('phone3')"
></v-text-field> ></v-text-field>
</v-col> </v-col>
@@ -147,6 +154,8 @@
ref="phone4" ref="phone4"
data-cy="phone4" data-cy="phone4"
type="tel" type="tel"
:error-messages="form().serverErrors(this, 'phone4')"
@input="fieldValueChanged('phone4')"
></v-text-field> ></v-text-field>
</v-col> </v-col>
@@ -165,6 +174,8 @@
ref="phone5" ref="phone5"
data-cy="phone5" data-cy="phone5"
type="tel" type="tel"
:error-messages="form().serverErrors(this, 'phone5')"
@input="fieldValueChanged('phone5')"
></v-text-field> ></v-text-field>
</v-col> </v-col>
@@ -179,7 +190,6 @@
data-cy="notes" data-cy="notes"
@input="fieldValueChanged('notes')" @input="fieldValueChanged('notes')"
auto-grow auto-grow
:clearable="!formState.readOnly"
></v-textarea> ></v-textarea>
</v-col> </v-col>

4
ayanova/src/views/cust-user.vue
View File

@@ -59,9 +59,6 @@
v-model="obj.name" v-model="obj.name"
:readonly="formState.readOnly" :readonly="formState.readOnly"
:disabled="formState.readOnly" :disabled="formState.readOnly"
:clearable="!formState.readOnly"
@click:clear="fieldValueChanged('name')"
:counter="255"
:label="$ay.t('Name')" :label="$ay.t('Name')"
:rules="[form().required(this, 'name')]" :rules="[form().required(this, 'name')]"
:error-messages="form().serverErrors(this, 'name')" :error-messages="form().serverErrors(this, 'name')"
@@ -182,7 +179,6 @@
data-cy="notes" data-cy="notes"
@input="fieldValueChanged('notes')" @input="fieldValueChanged('notes')"
auto-grow auto-grow
:clearable="!formState.readOnly"
></v-textarea> ></v-textarea>
</v-col> </v-col>

1
ayanova/src/views/home-notify-direct.vue
View File

@@ -44,7 +44,6 @@
:label="$ay.t('MemoMessage')" :label="$ay.t('MemoMessage')"
ref="message" ref="message"
auto-grow auto-grow
:clearable="!formState.readOnly"
@input="checkSave()" @input="checkSave()"
></v-textarea> ></v-textarea>
</v-col> </v-col>

2
ayanova/src/views/home-notify-subscription.vue
View File

@@ -102,7 +102,7 @@
:disabled="formState.readOnly" :disabled="formState.readOnly"
:clearable="!formState.readOnly" :clearable="!formState.readOnly"
@click:clear="fieldValueChanged('deliveryAddress')" @click:clear="fieldValueChanged('deliveryAddress')"
:counter="255"
:label="$ay.t('NotifyDeliveryAddress')" :label="$ay.t('NotifyDeliveryAddress')"
:rules="[form().required(this, 'deliveryAddress')]" :rules="[form().required(this, 'deliveryAddress')]"
:error-messages="form().serverErrors(this, 'deliveryAddress')" :error-messages="form().serverErrors(this, 'deliveryAddress')"

9
ayanova/src/views/home-user-settings.vue
View File

@@ -22,13 +22,12 @@
<v-text-field <v-text-field
v-model="obj.emailAddress" v-model="obj.emailAddress"
:readonly="formState.readOnly" :readonly="formState.readOnly"
:clearable="!formState.readOnly"
@click:clear="fieldValueChanged('emailAddress')"
:label="$ay.t('UserEmailAddress')" :label="$ay.t('UserEmailAddress')"
:error-messages="form().serverErrors(this, 'emailAddress')" :error-messages="form().serverErrors(this, 'emailAddress')"
ref="emailAddress" ref="emailAddress"
@input="fieldValueChanged('emailAddress')" @input="fieldValueChanged('emailAddress')"
data-cy="emailAddress" data-cy="emailAddress"
type="email"
></v-text-field> ></v-text-field>
</v-col> </v-col>
@@ -37,8 +36,6 @@
v-model="obj.currencyName" v-model="obj.currencyName"
hint="e.g. USD, EUR, GBP, AUD, CAD etc" hint="e.g. USD, EUR, GBP, AUD, CAD etc"
:readonly="formState.readOnly" :readonly="formState.readOnly"
:clearable="!formState.readOnly"
@click:clear="fieldValueChanged('currencyName')"
:label="$ay.t('CurrencyCode')" :label="$ay.t('CurrencyCode')"
:rules="[form().required(this, 'currencyName')]" :rules="[form().required(this, 'currencyName')]"
:error-messages="form().serverErrors(this, 'currencyName')" :error-messages="form().serverErrors(this, 'currencyName')"
@@ -63,8 +60,6 @@
v-model="obj.languageOverride" v-model="obj.languageOverride"
:placeholder="locale().getBrowserFirstLanguage()" :placeholder="locale().getBrowserFirstLanguage()"
:readonly="formState.readOnly" :readonly="formState.readOnly"
:clearable="!formState.readOnly"
@click:clear="fieldValueChanged('languageOverride')"
:label="$ay.t('LanguageCode')" :label="$ay.t('LanguageCode')"
:error-messages="form().serverErrors(this, 'languageOverride')" :error-messages="form().serverErrors(this, 'languageOverride')"
ref="languageOverride" ref="languageOverride"
@@ -77,8 +72,6 @@
v-model="obj.timeZoneOverride" v-model="obj.timeZoneOverride"
:placeholder="locale().getBrowserTimeZoneName()" :placeholder="locale().getBrowserTimeZoneName()"
:readonly="formState.readOnly" :readonly="formState.readOnly"
:clearable="!formState.readOnly"
@click:clear="fieldValueChanged('timeZoneOverride')"
:label="$ay.t('TimeZone')" :label="$ay.t('TimeZone')"
:error-messages="form().serverErrors(this, 'timeZoneOverride')" :error-messages="form().serverErrors(this, 'timeZoneOverride')"
ref="timeZoneOverride" ref="timeZoneOverride"

12
ayanova/src/views/ops-notification-settings.vue
View File

@@ -62,8 +62,6 @@
v-model="obj.smtpServerAddress" v-model="obj.smtpServerAddress"
:readonly="formState.readOnly" :readonly="formState.readOnly"
:disabled="formState.readOnly" :disabled="formState.readOnly"
:clearable="!formState.readOnly"
@click:clear="fieldValueChanged('smtpServerAddress')"
:label="$ay.t('SmtpServerAddress')" :label="$ay.t('SmtpServerAddress')"
:rules="[form().required(this, 'smtpServerAddress')]" :rules="[form().required(this, 'smtpServerAddress')]"
:error-messages="form().serverErrors(this, 'smtpServerAddress')" :error-messages="form().serverErrors(this, 'smtpServerAddress')"
@@ -77,8 +75,6 @@
v-model="obj.smtpAccount" v-model="obj.smtpAccount"
:readonly="formState.readOnly" :readonly="formState.readOnly"
:disabled="formState.readOnly" :disabled="formState.readOnly"
:clearable="!formState.readOnly"
@click:clear="fieldValueChanged('smtpAccount')"
:label="$ay.t('SmtpAccount')" :label="$ay.t('SmtpAccount')"
:rules="[form().required(this, 'smtpAccount')]" :rules="[form().required(this, 'smtpAccount')]"
:error-messages="form().serverErrors(this, 'smtpAccount')" :error-messages="form().serverErrors(this, 'smtpAccount')"
@@ -93,8 +89,6 @@
v-model="obj.smtpPassword" v-model="obj.smtpPassword"
:readonly="formState.readOnly" :readonly="formState.readOnly"
:disabled="formState.readOnly" :disabled="formState.readOnly"
:clearable="!formState.readOnly"
@click:clear="fieldValueChanged('smtpPassword')"
:label="$ay.t('SmtpPassword')" :label="$ay.t('SmtpPassword')"
:rules="[form().required(this, 'smtpPassword')]" :rules="[form().required(this, 'smtpPassword')]"
:error-messages="form().serverErrors(this, 'smtpPassword')" :error-messages="form().serverErrors(this, 'smtpPassword')"
@@ -129,8 +123,6 @@
v-model="obj.smtpServerPort" v-model="obj.smtpServerPort"
:readonly="formState.readOnly" :readonly="formState.readOnly"
:disabled="formState.readOnly" :disabled="formState.readOnly"
:clearable="!formState.readOnly"
@click:clear="fieldValueChanged('smtpServerPort')"
:label="$ay.t('SmtpServerPort')" :label="$ay.t('SmtpServerPort')"
:rules="[ :rules="[
form().integerValid(this, 'smtpServerPort'), form().integerValid(this, 'smtpServerPort'),
@@ -149,8 +141,6 @@
v-model="obj.notifyFromAddress" v-model="obj.notifyFromAddress"
:readonly="formState.readOnly" :readonly="formState.readOnly"
:disabled="formState.readOnly" :disabled="formState.readOnly"
:clearable="!formState.readOnly"
@click:clear="fieldValueChanged('notifyFromAddress')"
:label="$ay.t('NotifyFromAddress')" :label="$ay.t('NotifyFromAddress')"
:rules="[form().required(this, 'notifyFromAddress')]" :rules="[form().required(this, 'notifyFromAddress')]"
:error-messages="form().serverErrors(this, 'notifyFromAddress')" :error-messages="form().serverErrors(this, 'notifyFromAddress')"
@@ -165,8 +155,6 @@
v-model="obj.ayaNovaServerURL" v-model="obj.ayaNovaServerURL"
:readonly="formState.readOnly" :readonly="formState.readOnly"
:disabled="formState.readOnly" :disabled="formState.readOnly"
:clearable="!formState.readOnly"
@click:clear="fieldValueChanged('ayaNovaServerURL')"
:label="$ay.t('AyaNovaServerURL')" :label="$ay.t('AyaNovaServerURL')"
:rules="[form().required(this, 'ayaNovaServerURL')]" :rules="[form().required(this, 'ayaNovaServerURL')]"
:error-messages="form().serverErrors(this, 'ayaNovaServerURL')" :error-messages="form().serverErrors(this, 'ayaNovaServerURL')"

1
ayanova/src/views/ops-server-state.vue
View File

@@ -35,7 +35,6 @@
data-cy="reason" data-cy="reason"
@input="fieldValueChanged('reason')" @input="fieldValueChanged('reason')"
auto-grow auto-grow
:clearable="!formState.readOnly"
></v-textarea> ></v-textarea>
</v-col> </v-col>
</v-row> </v-row>

3
ayanova/src/views/widget.vue
View File

@@ -12,9 +12,6 @@
v-model="obj.name" v-model="obj.name"
:readonly="formState.readOnly" :readonly="formState.readOnly"
:disabled="formState.readOnly" :disabled="formState.readOnly"
:clearable="!formState.readOnly"
@click:clear="fieldValueChanged('name')"
:counter="255"
:label="$ay.t('WidgetName')" :label="$ay.t('WidgetName')"
:rules="[form().required(this, 'name')]" :rules="[form().required(this, 'name')]"
:error-messages="form().serverErrors(this, 'name')" :error-messages="form().serverErrors(this, 'name')"