Updaated all color values to include Alpha value so pickers offer it as an option to user

2022-03-09 16:19:54 +00:00
parent 8b4762c1a3
commit 9f2a01a31b
28 changed files with 48 additions and 51 deletions
--- a/ayanova/src/api/dash-registry.js
+++ b/ayanova/src/api/dash-registry.js
@@ -91,7 +91,7 @@ export default {
        interval: "month",
        wotags: [],
        wotagsany: true,
-        color: "#00205B"
+        color: "#00205BFF"
      }
    },
    {
@@ -115,7 +115,7 @@ export default {
        wotagsany: true,
        woitemtags: [],
        woitemtagsany: true,
-        color: "#00205B"
+        color: "#00205BFF"
      }
    },
    {
@@ -139,7 +139,7 @@ export default {
        woitemtags: [],
        woitemtagsany: true,
        interval: "month",
-        color: "#00205B"
+        color: "#00205BFF"
      }
    },
    {
@@ -288,7 +288,7 @@ export default {
        wotagsany: true,
        woitemtags: [],
        woitemtagsany: true,
-        color: "#00205B"
+        color: "#00205BFF"
      }
    },
    {
@@ -306,7 +306,7 @@ export default {
        woitemtags: [],
        woitemtagsany: true,
        interval: "month",
-        color: "#00205B"
+        color: "#00205BFF"
      }
    },
    {
@@ -333,7 +333,7 @@ export default {
        techtags: [],
        techtagsany: true,
        userid: null,
-        color: "#00205B"
+        color: "#00205BFF"
      }
    },
    {
@@ -360,7 +360,7 @@ export default {
        techtagsany: true,
        userid: null,
        interval: "month",
-        color: "#00205B"
+        color: "#00205BFF"
      }
    }
  ],
--- a/ayanova/src/api/initialize.js
+++ b/ayanova/src/api/initialize.js
@@ -866,7 +866,7 @@ async function getUserOptions() {
        timeZoneOverride: null,
        currencyName: null,
        hour12: true,
-        //uiColor: "#000000",
+        //uiColor: "#000000ff",
        emailAddress: null,
        mapUrlTemplate: null
      };
@@ -881,7 +881,7 @@ async function getUserOptions() {
        l.hour12 = res.data.hour12;
      }

-      //  l.uiColor = res.data.uiColor || "#000000";
+      //  l.uiColor = res.data.uiColor || "#000000ff";
      l.emailAddress = res.data.emailAddress || null;

      l.mapUrlTemplate = res.data.mapUrlTemplate || null;
--- a/ayanova/src/components/dash-labor-hours-everyone-bar.vue
+++ b/ayanova/src/components/dash-labor-hours-everyone-bar.vue
@@ -279,7 +279,7 @@ export default {
          this.meta.unshift({
            userid: null,
            name: "---",
-            uicolor: "#eeeeee"
+            uicolor: "#eeeeeeff"
          });
          this.obj = res.data;
        }
--- a/ayanova/src/components/dash-labor-hours-everyone-line.vue
+++ b/ayanova/src/components/dash-labor-hours-everyone-line.vue
@@ -281,7 +281,7 @@ export default {
          this.meta.unshift({
            userid: null,
            name: "---",
-            uicolor: "#eeeeee"
+            uicolor: "#eeeeeeff"
          });
          this.obj = res.data;
        }
--- a/ayanova/src/components/dash-labor-hours-personal-bar.vue
+++ b/ayanova/src/components/dash-labor-hours-personal-bar.vue
@@ -184,7 +184,7 @@ export default {
        datasets: [
          {
            label: this.$ay.t("WorkOrderItemLaborServiceRateQuantity"),
-            backgroundColor: this.settings.color ?? "#000000",
+            backgroundColor: this.settings.color ?? "#000000ff",
            data: this.obj
          }
        ]
--- a/ayanova/src/components/dash-labor-hours-personal-line.vue
+++ b/ayanova/src/components/dash-labor-hours-personal-line.vue
@@ -183,7 +183,7 @@ export default {
        datasets: [
          {
            label: this.$ay.t("WorkOrderItemLaborServiceRateQuantity"),
-            borderColor: this.settings.color ?? "#000000",
+            borderColor: this.settings.color ?? "#000000ff",
            fill: false,
            pointRadius: 2,
            pointHoverRadius: 6,
--- a/ayanova/src/components/dash-work-order-created-count-bar.vue
+++ b/ayanova/src/components/dash-work-order-created-count-bar.vue
@@ -184,7 +184,7 @@ export default {
        datasets: [
          {
            label: this.$ay.t("WorkOrderList"),
-            backgroundColor: this.settings.color ?? "#000000",
+            backgroundColor: this.settings.color ?? "#000000ff",
            data: this.obj
          }
        ]
--- a/ayanova/src/components/dash-work-order-created-count-line.vue
+++ b/ayanova/src/components/dash-work-order-created-count-line.vue
@@ -183,7 +183,7 @@ export default {
        datasets: [
          {
            label: this.$ay.t("WorkOrderList"),
-            borderColor: this.settings.color ?? "#000000",
+            borderColor: this.settings.color ?? "#000000ff",
            fill: false,
            pointRadius: 2,
            pointHoverRadius: 6,
--- a/ayanova/src/components/dash-work-order-status-count-bar.vue
+++ b/ayanova/src/components/dash-work-order-status-count-bar.vue
@@ -219,7 +219,7 @@ export default {
          this.meta.unshift({
            id: null,
            name: "---",
-            color: "#eeeeee"
+            color: "#eeeeeeff"
          });
          this.obj = res.data;
        }
--- a/ayanova/src/components/dash-work-order-status-pct-bar.vue
+++ b/ayanova/src/components/dash-work-order-status-pct-bar.vue
@@ -221,7 +221,7 @@ export default {
          this.meta.unshift({
            id: null,
            name: "---",
-            color: "#eeeeee"
+            color: "#eeeeeeff"
          });
          console.log(this.meta);
          this.obj = res.data;
--- a/ayanova/src/components/dash-workorder-by-status-list.vue
+++ b/ayanova/src/components/dash-workorder-by-status-list.vue
@@ -330,7 +330,7 @@ async function fetchWorkorderStatusList(vm) {
  } else {
    vm.selectLists.wostatus = res.data.all;
    let noStatus = window.$gz.form.getNoSelectionItem(true);
-    noStatus.color = "#eeeeee";
+    noStatus.color = "#eeeeeeff";
    noStatus.locked = false;
    noStatus.completed = false;
    vm.selectLists.wostatus.unshift(noStatus);
--- a/ayanova/src/components/dash-workorder-overdue-all-list.vue
+++ b/ayanova/src/components/dash-workorder-overdue-all-list.vue
@@ -213,7 +213,7 @@ async function fetchWorkorderStatusList(vm) {
  } else {
    vm.selectLists.wostatus = res.data.all;
    let noStatus = window.$gz.form.getNoSelectionItem(true);
-    noStatus.color = "#eeeeee";
+    noStatus.color = "#eeeeeeff";
    noStatus.locked = false;
    noStatus.completed = false;
    vm.selectLists.wostatus.unshift(noStatus);
--- a/ayanova/src/components/dash-workorder-overdue-personal-list.vue
+++ b/ayanova/src/components/dash-workorder-overdue-personal-list.vue
@@ -213,7 +213,7 @@ async function fetchWorkorderStatusList(vm) {
  } else {
    vm.selectLists.wostatus = res.data.all;
    let noStatus = window.$gz.form.getNoSelectionItem(true);
-    noStatus.color = "#eeeeee";
+    noStatus.color = "#eeeeeeff";
    noStatus.locked = false;
    noStatus.completed = false;
    vm.selectLists.wostatus.unshift(noStatus);
--- a/ayanova/src/components/dash-workorder-unscheduled-open-list.vue
+++ b/ayanova/src/components/dash-workorder-unscheduled-open-list.vue
@@ -271,7 +271,7 @@ async function fetchWorkorderStatusList(vm) {
    vm.selectLists.wostatus = res.data.all.filter(z => z.completed == false); //TODO: weed out closed status
    vm.selectLists.wostatus = res.data.all;
    let noStatus = window.$gz.form.getNoSelectionItem(true);
-    noStatus.color = "#eeeeee";
+    noStatus.color = "#eeeeeeff";
    noStatus.locked = false;
    noStatus.completed = false;
    vm.selectLists.wostatus.unshift(noStatus);
--- a/ayanova/src/components/quote-state.vue
+++ b/ayanova/src/components/quote-state.vue
@@ -250,7 +250,7 @@ export default {
      const ret = {
        id: Date.now,
        name: "??",
-        color: "#ffffff",
+        color: "#ffffffff",
        locked: false,
        completed: false,
        timeStamp: "??",
--- a/ayanova/src/components/work-order-state.vue
+++ b/ayanova/src/components/work-order-state.vue
@@ -244,7 +244,7 @@ export default {
      const ret = {
        id: Date.now,
        name: "??",
-        color: "#ffffff",
+        color: "#ffffffff",
        locked: false,
        completed: false,
        timeStamp: "??",
--- a/ayanova/src/plugins/vuetify.js
+++ b/ayanova/src/plugins/vuetify.js
@@ -1534,21 +1534,21 @@ export default new Vuetify({
  theme: {
    themes: {
      light: {
-        primary: "#00205B", //dark blue
-        secondary: "#00843D", //green
-        accent: "#db7022", //lighter orangey red, more friendly looking
-        error: "#ff5252", //lighter red
-        disabled: "#c7c7c7",
-        readonlybanner: "#808080"
+        primary: "#00205BFF", //dark blue
+        secondary: "#00843DFF", //green
+        accent: "#DB7022FF", //lighter orangey red, more friendly looking
+        error: "#FF5252FF", //lighter red
+        disabled: "#C7C7C7FF",
+        readonlybanner: "#808080FF"
      },
      dark: {
        //color adjuster tool: https://www.hexcolortool.com/#00205c
-        primary: "#7F9FDA", //dark blue LIGHTENED 50%
-        secondary: "#006B24", //green DARKENED 10%
-        accent: "#db7022", //lighter orangey red, more friendly looking
-        error: "#ff5252", //lighter red
-        disabled: "#c7c7c7",
-        readonlybanner: "#808080"
+        primary: "#7F9FDAFF", //dark blue LIGHTENED 50%
+        secondary: "#006B24FF", //green DARKENED 10%
+        accent: "#DB7022FF", //lighter orangey red, more friendly looking
+        error: "#FF5252FF", //lighter red
+        disabled: "#C7C7C7FF",
+        readonlybanner: "#808080FF"
      }
    },
    options: { variations: false }
--- a/ayanova/src/store.js
+++ b/ayanova/src/store.js
@@ -38,7 +38,7 @@ export default new Vuex.Store({
      timeZoneOverride: null, //use browser tz by default
      currencyName: "USD",
      hour12: true,
-      uiColor: "#000000",
+      uiColor: "#000000ff",
      emailAddress: null,
      mapUrlTemplate: null
    },
@@ -130,7 +130,7 @@ export default new Vuex.Store({
      state.userOptions.timeZoneOverride = null;
      state.userOptions.currencyName = "USD";
      state.userOptions.hour12 = true;
-      //state.userOptions.uiColor = "#000000";
+      //state.userOptions.uiColor = "#000000ff";
      state.userOptions.emailAddress = null;
      state.userOptions.mapUrlTemplate = null;
      state.globalSettings = {};
--- a/ayanova/src/views/adm-user.vue
+++ b/ayanova/src/views/adm-user.vue
@@ -441,7 +441,7 @@ export default {
        phone2: null,
        phone3: null,
        mapUrlTemplate: null,
-        uiColor: "#000000",
+        uiColor: "#000000ff",
        languageOverride: null,
        timeZoneOverride: null,
        currencyName: "USD",
--- a/ayanova/src/views/cust-user.vue
+++ b/ayanova/src/views/cust-user.vue
@@ -429,7 +429,7 @@ export default {
        phone2: null,
        phone3: null,
        mapUrlTemplate: null,
-        //uiColor: "#000000",
+        //uiColor: "#000000ff",
        languageOverride: null,
        timeZoneOverride: null,
        currencyName: "USD",
--- a/ayanova/src/views/home-user-settings.vue
+++ b/ayanova/src/views/home-user-settings.vue
@@ -215,7 +215,7 @@ export default {
        phone2: null,
        phone3: null,
        mapUrlTemplate: null,
-        uiColor: "#000000",
+        uiColor: "#000000ff",
        languageOverride: null,
        timeZoneOverride: null,
        currencyName: null,
--- a/ayanova/src/views/svc-quote-status-edit.vue
+++ b/ayanova/src/views/svc-quote-status-edit.vue
@@ -128,7 +128,7 @@ export default {
        name: null,
        active: true,
        notes: null,
-        color: "#ffffff", //if no previously set value then control will respond with a big object with all color system values in place, this prevents that
+        color: "#ffffffff", //if no previously set value then control will respond with a big object with all color system values in place, this prevents that
        selectRoles: 1290,
        removeRoles: 1290,
        completed: false,
--- a/ayanova/src/views/svc-quote.vue
+++ b/ayanova/src/views/svc-quote.vue
@@ -179,7 +179,7 @@ export default {
        id: 0,
        name: "-",
        active: true,
-        color: "#ffffff", //invisible
+        color: "#ffffffff", //invisible
        completed: false,
        locked: false
      };
--- a/ayanova/src/views/svc-work-order-item-priorities-edit.vue
+++ b/ayanova/src/views/svc-work-order-item-priorities-edit.vue
@@ -63,7 +63,7 @@ export default {
        name: null,
        active: true,
        notes: null,
-        color: "#ffffff", //if no previously set value then control will respond with a big object with all color system values in place, this prevents that
+        color: "#ffffffff", //if no previously set value then control will respond with a big object with all color system values in place, this prevents that
        selectRoles: 1290,
        removeRoles: 1290,
        completed: false,
--- a/ayanova/src/views/svc-work-order-item-status-edit.vue
+++ b/ayanova/src/views/svc-work-order-item-status-edit.vue
@@ -82,7 +82,7 @@ export default {
        name: null,
        active: true,
        notes: null,
-        color: "#ffffff" //if no previously set value then control will respond with a big object with all color system values in place, this prevents that
+        color: "#ffffffff" //if no previously set value then control will respond with a big object with all color system values in place, this prevents that
      },
      formState: {
        ready: false,
--- a/ayanova/src/views/svc-work-order-status-edit.vue
+++ b/ayanova/src/views/svc-work-order-status-edit.vue
@@ -128,7 +128,7 @@ export default {
        name: null,
        active: true,
        notes: null,
-        color: "#ffffff", //if no previously set value then control will respond with a big object with all color system values in place, this prevents that
+        color: "#ffffffff", //if no previously set value then control will respond with a big object with all color system values in place, this prevents that
        selectRoles: 1290,
        removeRoles: 1290,
        completed: false,
--- a/ayanova/src/views/svc-workorder.vue
+++ b/ayanova/src/views/svc-workorder.vue
@@ -189,7 +189,7 @@ export default {
        id: 0,
        name: "-",
        active: true,
-        color: "#ffffff", //invisible
+        color: "#ffffffff", //invisible
        completed: false,
        locked: false
      };