case 4220 densification

2022-10-28 00:57:44 +00:00
parent 24e5a65711
commit af03eef19b
17 changed files with 134 additions and 63 deletions
--- a/ayanova/src/components/currency-control.vue
+++ b/ayanova/src/components/currency-control.vue
@@ -6,6 +6,7 @@
        currency: currencyName,
        locale: languageName
      }"
+      dense
      :value="currencyValue"
      :readonly="readonly"
      :disabled="disabled"
--- a/ayanova/src/components/custom-fields-control.vue
+++ b/ayanova/src/components/custom-fields-control.vue
@@ -76,6 +76,7 @@
              <v-textarea
                :ref="item.fld"
                v-model="_self[item.dataKey]"
+                dense
                :readonly="readonly"
                :disabled="disabled"
                :label="$ay.t(item.tKey)"
@@ -98,6 +99,7 @@
              <v-text-field
                :ref="item.fld"
                v-model="_self[item.dataKey]"
+                dense
                :readonly="readonly"
                :disabled="disabled"
                :label="$ay.t(item.tKey)"
@@ -122,6 +124,7 @@
              <v-checkbox
                :ref="item.fld"
                v-model="_self[item.dataKey]"
+                dense
                :readonly="readonly"
                :disabled="disabled"
                :label="$ay.t(item.tKey)"
--- a/ayanova/src/components/date-control.vue
+++ b/ayanova/src/components/date-control.vue
@@ -7,6 +7,7 @@
            <v-dialog v-model="dlgdate" width="300px">
              <template v-slot:activator="{ on }">
                <v-text-field
+                  dense
                  prepend-icon="$ayiCalendarAlt"
                  :value="dateValue"
                  :label="label"
@@ -18,6 +19,7 @@
                ></v-text-field>
              </template>
              <v-date-picker
+                dense
                :value="dateValue"
                :locale="languageName"
                @input="updateDateValue"
@@ -42,6 +44,7 @@
          <v-col cols="6">
            <v-text-field
              ref="dateField"
+              dense
              :value="dateValue"
              :readonly="readonly"
              :disabled="disabled"
@@ -58,6 +61,7 @@
      <template v-else>
        <v-col cols="12">
          <v-text-field
+            dense
            :value="readonlyFormat()"
            :label="label"
            readonly
--- a/ayanova/src/components/date-time-control.vue
+++ b/ayanova/src/components/date-time-control.vue
@@ -8,6 +8,7 @@
              <v-dialog v-model="dlgdate" width="300px">
                <template v-slot:activator="{ on }">
                  <v-text-field
+                    dense
                    prepend-icon="$ayiCalendarAlt"
                    :value="dateValue"
                    :label="label"
@@ -19,6 +20,7 @@
                  ></v-text-field>
                </template>
                <v-date-picker
+                  dense
                  :value="dateValue"
                  :locale="languageName"
                  @input="updateDateValue"
@@ -41,6 +43,7 @@
              <v-dialog v-model="dlgtime" width="300px">
                <template v-slot:activator="{ on }">
                  <v-text-field
+                    dense
                    :value="readonlyTimeFormat()"
                    label
                    prepend-icon="$ayiClock"
@@ -51,6 +54,7 @@
                  ></v-text-field>
                </template>
                <v-time-picker
+                  dense
                  scrollable
                  ampm-in-title
                  :format="hour12 ? 'ampm' : '24hr'"
@@ -76,6 +80,7 @@
            <v-col cols="6">
              <v-text-field
                ref="dateField"
+                dense
                :value="dateValue"
                :readonly="readonly"
                :disabled="disabled"
@@ -90,6 +95,7 @@
            <v-col cols="6">
              <v-text-field
                ref="timeField"
+                dense
                :value="timeValue"
                :readonly="readonly"
                :disabled="disabled"
@@ -103,6 +109,7 @@
        <template v-else>
          <v-col>
            <v-text-field
+              dense
              :value="readonlyFormat()"
              :label="label"
              readonly
--- a/ayanova/src/components/days-of-week-control.vue
+++ b/ayanova/src/components/days-of-week-control.vue
@@ -1,5 +1,6 @@
 <template>
  <v-select
+    dense
    :items="daysOfWeek"
    item-text="name"
    item-value="id"
--- a/ayanova/src/components/decimal-control.vue
+++ b/ayanova/src/components/decimal-control.vue
@@ -8,6 +8,7 @@
        precision: precision,
        allowNegative: true
      }"
+      dense
      :value="currencyValue"
      :readonly="readonly"
      :disabled="disabled"
--- a/ayanova/src/components/duration-control.vue
+++ b/ayanova/src/components/duration-control.vue
@@ -1,14 +1,17 @@
 <template>
  <div>
-    <span class="v-label theme--light ">
-      {{ label }}
-    </span>
    <template>
-      <v-row class="my-n5">
+      <v-row dense>
+        <v-col
+          ><span class="text-caption">
+            {{ label }}
+          </span></v-col
+        >
        <v-col cols="3">
          <v-text-field
            v-show="showDays"
            ref="daysPicker"
+            dense
            :value="splitSpan.days"
            :readonly="readonly"
            :disabled="disabled"
@@ -22,6 +25,7 @@
        <v-col cols="3">
          <v-text-field
            ref="hoursPicker"
+            dense
            :value="splitSpan.hours"
            :readonly="readonly"
            :disabled="disabled"
@@ -35,6 +39,7 @@
        <v-col cols="3">
          <v-text-field
            ref="minutesPicker"
+            dense
            :value="splitSpan.minutes"
            :readonly="readonly"
            :disabled="disabled"
@@ -49,6 +54,7 @@
          <v-text-field
            v-show="showSeconds"
            ref="secondsPicker"
+            dense
            :value="splitSpan.seconds"
            :readonly="readonly"
            :disabled="disabled"
--- a/ayanova/src/components/email-control.vue
+++ b/ayanova/src/components/email-control.vue
@@ -1,5 +1,6 @@
 <template>
  <v-text-field
+    dense
    v-bind="$attrs"
    type="email"
    prepend-icon="$ayiAt"
--- a/ayanova/src/components/percent-control.vue
+++ b/ayanova/src/components/percent-control.vue
@@ -1,22 +1,21 @@
 <template>
-  <div>
-    <v-text-field
-      ref="textField"
-      v-currency="{
-        currency: null,
-        locale: languageName,
-        precision: precision
-      }"
-      :value="currencyValue"
-      :readonly="readonly"
-      :disabled="disabled"
-      :label="label"
-      :rules="rules"
-      :error-messages="errorMessages"
-      append-icon="$ayiPercent"
-      @input="updateValue"
-    ></v-text-field>
-  </div>
+  <v-text-field
+    ref="textField"
+    v-currency="{
+      currency: null,
+      locale: languageName,
+      precision: precision
+    }"
+    dense
+    :value="currencyValue"
+    :readonly="readonly"
+    :disabled="disabled"
+    :label="label"
+    :rules="rules"
+    :error-messages="errorMessages"
+    append-icon="$ayiPercent"
+    @input="updateValue"
+  ></v-text-field>
 </template>
 <script>
 //### NOTE: THIS IS A DUPLICATE OF CURRENCYCONTROL AND THE ONLY DIFFERENCE IS THE "currency:" VALUE IS SET TO NULL IN THE TEMPLATE AND IN THE updateValue METHOD
--- a/ayanova/src/components/phone-control.vue
+++ b/ayanova/src/components/phone-control.vue
@@ -1,5 +1,6 @@
 <template>
  <v-text-field
+    dense
    v-bind="$attrs"
    type="tel"
    prepend-icon="$ayiPhoneAlt"
--- a/ayanova/src/components/pick-list.vue
+++ b/ayanova/src/components/pick-list.vue
@@ -1,6 +1,7 @@
 <template>
  <div>
    <v-autocomplete
+      dense
      :value="value"
      :readonly="readonly"
      :disabled="disabled"
--- a/ayanova/src/components/tag-picker.vue
+++ b/ayanova/src/components/tag-picker.vue
@@ -1,5 +1,6 @@
 <template>
  <v-autocomplete
+    dense
    :value="value"
    :readonly="readonly"
    :items="sourcetags"
--- a/ayanova/src/components/url-control.vue
+++ b/ayanova/src/components/url-control.vue
@@ -1,5 +1,6 @@
 <template>
  <v-text-field
+    dense
    v-bind="$attrs"
    type="url"
    prepend-icon="$ayiExternalLinkAlt"
--- a/ayanova/src/components/work-order-address.vue
+++ b/ayanova/src/components/work-order-address.vue
@@ -16,7 +16,7 @@
        <span @click="openDialog = true">{{ displayServiceAddress }}</span>
      </div>
    </template>
-    <v-row justify="center">
+    <v-row dense justify="center">
      <v-dialog v-model="openDialog">
        <v-card>
          <v-card-title>
@@ -80,6 +80,7 @@
                <v-text-field
                  ref="address"
                  v-model="value.address"
+                  dense
                  :readonly="readonly"
                  :label="$ay.t('AddressDeliveryAddress')"
                  data-cy="address"
@@ -98,6 +99,7 @@
                <v-text-field
                  ref="city"
                  v-model="value.city"
+                  dense
                  :readonly="readonly"
                  :label="$ay.t('AddressCity')"
                  data-cy="city"
@@ -116,6 +118,7 @@
                <v-text-field
                  ref="region"
                  v-model="value.region"
+                  dense
                  :readonly="readonly"
                  :label="$ay.t('AddressStateProv')"
                  data-cy="region"
@@ -134,6 +137,7 @@
                <v-text-field
                  ref="country"
                  v-model="value.country"
+                  dense
                  :readonly="readonly"
                  :label="$ay.t('AddressCountry')"
                  data-cy="country"
@@ -231,6 +235,7 @@
                <v-text-field
                  ref="postAddress"
                  v-model="value.postAddress"
+                  dense
                  :readonly="readonly"
                  :label="$ay.t('AddressPostalDeliveryAddress')"
                  data-cy="postAddress"
@@ -249,6 +254,7 @@
                <v-text-field
                  ref="postCity"
                  v-model="value.postCity"
+                  dense
                  :readonly="readonly"
                  :label="$ay.t('AddressPostalCity')"
                  data-cy="postCity"
@@ -267,6 +273,7 @@
                <v-text-field
                  ref="postRegion"
                  v-model="value.postRegion"
+                  dense
                  :readonly="readonly"
                  :label="$ay.t('AddressPostalStateProv')"
                  data-cy="postRegion"
@@ -285,6 +292,7 @@
                <v-text-field
                  ref="postCountry"
                  v-model="value.postCountry"
+                  dense
                  :readonly="readonly"
                  :label="$ay.t('AddressPostalCountry')"
                  data-cy="postCountry"
@@ -303,6 +311,7 @@
                <v-text-field
                  ref="postCode"
                  v-model="value.postCode"
+                  dense
                  :readonly="readonly"
                  :label="$ay.t('AddressPostalPostal')"
                  data-cy="postCode"
--- a/ayanova/src/components/work-order-header.vue
+++ b/ayanova/src/components/work-order-header.vue
@@ -11,6 +11,7 @@
        <v-text-field
          ref="serial"
          v-model="value.serial"
+          dense
          :readonly="formState.readOnly"
          :label="$ay.t('WorkOrderSerialNumber')"
          data-cy="serial"
@@ -139,6 +140,7 @@
        <v-textarea
          ref="notes"
          v-model="value.notes"
+          dense
          :readonly="formState.readOnly || value.userIsTechRestricted"
          :label="$ay.t('WorkOrderSummary')"
          :error-messages="form().serverErrors(this, 'notes')"
@@ -240,6 +242,7 @@
        <v-text-field
          ref="invoiceNumber"
          v-model="value.invoiceNumber"
+          dense
          :readonly="formState.readOnly || value.userIsTechRestricted"
          :label="$ay.t('WorkOrderInvoiceNumber')"
          data-cy="invoiceNumber"
@@ -282,6 +285,7 @@
        <v-text-field
          ref="customerContactName"
          v-model="value.customerContactName"
+          dense
          :readonly="
            formState.readOnly ||
              value.userIsTechRestricted ||
@@ -311,6 +315,7 @@
        <v-text-field
          ref="customerReferenceNumber"
          v-model="value.customerReferenceNumber"
+          dense
          :readonly="formState.readOnly || value.userIsTechRestricted"
          :label="$ay.t('WorkOrderCustomerReferenceNumber')"
          data-cy="customerReferenceNumber"
@@ -335,6 +340,7 @@
        <v-text-field
          ref="internalReferenceNumber"
          v-model="value.internalReferenceNumber"
+          dense
          :readonly="formState.readOnly || value.userIsTechRestricted"
          :label="$ay.t('WorkOrderInternalReferenceNumber')"
          data-cy="internalReferenceNumber"
@@ -359,6 +365,7 @@
        <v-checkbox
          ref="onsite"
          v-model="value.onsite"
+          dense
          :readonly="formState.readOnly || value.userIsTechRestricted"
          :label="$ay.t('WorkOrderOnsite')"
          data-cy="onsite"