refinement to readonly mode: banner now gray and removed disabled for controls as they were too faded to read properly and some controls with action buttons didn't work (email, phone etc)

This commit is contained in:
2020-12-02 17:41:49 +00:00
parent db0b1ffcba
commit c0dd56b90a
20 changed files with 109 additions and 221 deletions

View File

@@ -17,7 +17,6 @@
<v-text-field
v-model="obj.name"
:readonly="formState.readOnly"
:disabled="formState.readOnly"
:label="$ay.t('Name')"
:rules="[form().required(this, 'name')]"
:error-messages="form().serverErrors(this, 'name')"
@@ -39,7 +38,6 @@
:showEditIcon="true"
v-model="obj.vendorId"
:readonly="formState.readOnly"
:disabled="formState.readOnly"
:label="$ay.t('Vendor')"
ref="vendorId"
data-cy="vendorId"
@@ -52,7 +50,6 @@
<v-text-field
v-model="obj.employeeNumber"
:readonly="formState.readOnly"
:disabled="formState.readOnly"
:label="$ay.t('UserEmployeeNumber')"
:error-messages="
form().serverErrors(this, 'employeeNumber')
@@ -68,7 +65,6 @@
:label="$ay.t('AuthorizationRoles')"
v-model="obj.roles"
:readonly="formState.readOnly"
:disabled="formState.readOnly"
ref="roles"
testId="roles"
:error-messages="form().serverErrors(this, 'roles')"
@@ -87,7 +83,6 @@
<v-checkbox
v-model="obj.active"
:readonly="formState.readOnly"
:disabled="formState.readOnly"
:label="$ay.t('Active')"
ref="active"
data-cy="active"
@@ -109,7 +104,6 @@
item-text="name"
item-value="id"
:readonly="formState.readOnly"
:disabled="formState.readOnly"
:label="$ay.t('UserType')"
ref="usertype"
data-cy="usertype"
@@ -167,7 +161,6 @@
<v-textarea
v-model="obj.notes"
:readonly="formState.readOnly"
:disabled="formState.readOnly"
:label="$ay.t('UserNotes')"
:error-messages="form().serverErrors(this, 'notes')"
ref="notes"
@@ -181,7 +174,6 @@
<gz-tag-picker
v-model="obj.tags"
:readonly="formState.readOnly"
:disabled="formState.readOnly"
ref="tags"
data-cy="tags"
:error-messages="form().serverErrors(this, 'tags')"
@@ -194,7 +186,6 @@
v-model="obj.customFields"
:formKey="formCustomTemplateKey"
:readonly="formState.readOnly"
:disabled="formState.readOnly"
:parentVM="this"
ref="customFields"
data-cy="customFields"
@@ -210,7 +201,6 @@
ref="wiki"
v-model="obj.wiki"
:readonly="formState.readOnly"
:disabled="formState.readOnly"
@input="fieldValueChanged('wiki')"
></gz-wiki
></v-col>
@@ -221,7 +211,6 @@
>
<gz-attachments
:readonly="formState.readOnly"
:disabled="formState.readOnly"
:ayaType="ayaType"
:ayaId="obj.id"
></gz-attachments
@@ -265,7 +254,6 @@
<gz-phone
v-model="optionsObj.phone1"
:readonly="formState.readOnly"
:disabled="formState.readOnly"
:label="$ay.t('UserPhone1')"
ref="phone1"
data-cy="phone1"
@@ -284,7 +272,6 @@
<gz-phone
v-model="optionsObj.phone2"
:readonly="formState.readOnly"
:disabled="formState.readOnly"
:label="$ay.t('UserPhone2')"
ref="phone2"
data-cy="phone2"
@@ -303,7 +290,6 @@
<gz-phone
v-model="optionsObj.phone3"
:readonly="formState.readOnly"
:disabled="formState.readOnly"
:label="$ay.t('UserPageAddress')"
ref="phone3"
data-cy="phone3"