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

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)

Browse Source
This commit is contained in:
John Cardinal
2020-12-02 17:41:49 +00:00
parent db0b1ffcba
commit c0dd56b90a
20 changed files with 109 additions and 221 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -59,7 +59,6 @@
<v-text-field
v-model="obj.name"
:readonly="formState.readOnly"
:disabled="formState.readOnly"
:label="$ay.t('ReportName')"
:rules="[form().required(this, 'name')]"
:error-messages="form().serverErrors(this, 'name')"
@@ -73,7 +72,6 @@
<v-checkbox
v-model="obj.active"
:readonly="formState.readOnly"
:disabled="formState.readOnly"
:label="$ay.t('Active')"
ref="active"
data-cy="active"
@@ -87,7 +85,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')"
@@ -100,7 +97,6 @@
<v-textarea
v-model="obj.notes"
:readonly="formState.readOnly"
:disabled="formState.readOnly"
:label="$ay.t('ReportNotes')"
:error-messages="form().serverErrors(this, 'notes')"
ref="notes"
@@ -120,7 +116,6 @@
<v-checkbox
v-model="obj.displayHeaderFooter"
:readonly="formState.readOnly"
:disabled="formState.readOnly"
:label="$ay.t('ReportDisplayHeaderFooter')"
ref="displayHeaderFooter"
data-cy="displayHeaderFooter"
@@ -135,7 +130,6 @@
<v-textarea
v-model="obj.headerTemplate"
:readonly="formState.readOnly"
:disabled="formState.readOnly"
:label="$ay.t('ReportHeaderTemplate')"
:error-messages="form().serverErrors(this, 'headerTemplate')"
ref="headerTemplate"
@@ -149,7 +143,6 @@
<v-textarea
v-model="obj.footerTemplate"
:readonly="formState.readOnly"
:disabled="formState.readOnly"
:label="$ay.t('ReportFooterTemplate')"
:error-messages="form().serverErrors(this, 'footerTemplate')"
ref="footerTemplate"
@@ -166,7 +159,6 @@
item-text="name"
item-value="id"
:readonly="formState.readOnly"
:disabled="formState.readOnly"
:label="$ay.t('ReportPaperFormat')"
ref="paperFormat"
data-cy="paperFormat"
@@ -179,7 +171,6 @@
<v-checkbox
v-model="obj.landscape"
:readonly="formState.readOnly"
:disabled="formState.readOnly"
:label="$ay.t('ReportLandscape')"
ref="landscape"
data-cy="landscape"
@@ -192,7 +183,6 @@
<v-text-field
v-model="obj.marginOptionsBottom"
:readonly="formState.readOnly"
:disabled="formState.readOnly"
:label="$ay.t('ReportMarginOptionsBottom')"
:error-messages="
form().serverErrors(this, 'marginOptionsBottom')
@@ -207,7 +197,6 @@
<v-text-field
v-model="obj.marginOptionsLeft"
:readonly="formState.readOnly"
:disabled="formState.readOnly"
:label="$ay.t('ReportMarginOptionsLeft')"
:error-messages="form().serverErrors(this, 'marginOptionsLeft')"
ref="marginOptionsLeft"
@@ -220,7 +209,6 @@
<v-text-field
v-model="obj.marginOptionsRight"
:readonly="formState.readOnly"
:disabled="formState.readOnly"
:label="$ay.t('ReportMarginOptionsRight')"
:error-messages="
form().serverErrors(this, 'marginOptionsRight')
@@ -235,7 +223,6 @@
<v-text-field
v-model="obj.marginOptionsTop"
:readonly="formState.readOnly"
:disabled="formState.readOnly"
:label="$ay.t('ReportMarginOptionsTop')"
:error-messages="form().serverErrors(this, 'marginOptionsTop')"
ref="marginOptionsTop"
@@ -248,7 +235,6 @@
<v-checkbox
v-model="obj.preferCSSPageSize"
:readonly="formState.readOnly"
:disabled="formState.readOnly"
:label="$ay.t('ReportPreferCSSPageSize')"
ref="preferCSSPageSize"
data-cy="preferCSSPageSize"
@@ -261,7 +247,6 @@
<v-checkbox
v-model="obj.printBackground"
:readonly="formState.readOnly"
:disabled="formState.readOnly"
:label="$ay.t('ReportPrintBackground')"
ref="printBackground"
data-cy="printBackground"
@@ -274,7 +259,6 @@
<gz-decimal
v-model="obj.scale"
:readonly="formState.readOnly"
:disabled="formState.readOnly"
:label="$ay.t('ReportScale')"
:rules="[
form().decimalValid(this, 'scale'),