+ barebones template
+
+
+
diff --git a/src/components/alert-control.vue b/src/components/alert-control.vue
new file mode 100644
index 0000000..c1a0a1f
--- /dev/null
+++ b/src/components/alert-control.vue
@@ -0,0 +1,38 @@
+
+
+
+
+
diff --git a/src/components/chart-bar-control.vue b/src/components/chart-bar-control.vue
new file mode 100644
index 0000000..268ff5e
--- /dev/null
+++ b/src/components/chart-bar-control.vue
@@ -0,0 +1,43 @@
+
diff --git a/src/components/chart-bar-horizontal-control.vue b/src/components/chart-bar-horizontal-control.vue
new file mode 100644
index 0000000..715f823
--- /dev/null
+++ b/src/components/chart-bar-horizontal-control.vue
@@ -0,0 +1,43 @@
+
diff --git a/src/components/chart-line-control.vue b/src/components/chart-line-control.vue
new file mode 100644
index 0000000..124cce5
--- /dev/null
+++ b/src/components/chart-line-control.vue
@@ -0,0 +1,42 @@
+
diff --git a/src/components/currency-control.vue b/src/components/currency-control.vue
new file mode 100644
index 0000000..b9e2b3e
--- /dev/null
+++ b/src/components/currency-control.vue
@@ -0,0 +1,78 @@
+
+
+
+ {{ $sock.t("Attachments")
+ }}
+
+
+
+
+
+
+
+ $sockiFolder $sockiPaperclip
+
+
+ {{ $sock.t("Attachments")
+ }}
+
+
+
+
+
+
+
+ {{ $sock.t("FileAttachment") }}
+
+
+ {{ $sock.t("Delete") }}
+
+ {{
+ $sock.t("Cancel")
+ }}
+ {{
+ $sock.t("OK")
+ }}
+
+
+
+
+
+
+
+ {{
+ $sock.t("NoData")
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $sock.t("DropFilesHere") }}
+
+
+
+
+
+
+
+
+
+
+ $sockiEdit
+
+
+
+
+
+
+ {{
+ $sock.t("Upload")
+ }}
+
+
+
+
+
+
+
diff --git a/src/components/custom-fields-control.vue b/src/components/custom-fields-control.vue
new file mode 100644
index 0000000..2e34f68
--- /dev/null
+++ b/src/components/custom-fields-control.vue
@@ -0,0 +1,479 @@
+
+
+
+ {{ $sock.t("ObjectCustomFieldCustomGrid") }}
+
+
+
+
+
diff --git a/src/components/dash-base.vue b/src/components/dash-base.vue
new file mode 100644
index 0000000..5b3ae57
--- /dev/null
+++ b/src/components/dash-base.vue
@@ -0,0 +1,229 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ UNKNOWN CUSTOM CONTROL TYPE: {{ item.type }}
+
+
+ {{ errorMessage }}
+
+
+
+ CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT
CONTENT + CONTENT CONTENT CONTENT CONTENT CONTENT
CONTENT CONTENT CONTENT + CONTENT CONTENT CONTENT
CONTENT CONTENT CONTENT CONTENT CONTENT + CONTENT
CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT
CONTENT + CONTENT CONTENT CONTENT CONTENT CONTENT
CONTENT CONTENT CONTENT + CONTENT CONTENT CONTENT
CONTENT CONTENT CONTENT CONTENT CONTENT + CONTENT
CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT
CONTENT + CONTENT CONTENT CONTENT CONTENT CONTENT +
+ CONTENT + CONTENT CONTENT CONTENT CONTENT CONTENT
CONTENT CONTENT CONTENT + CONTENT CONTENT CONTENT
CONTENT CONTENT CONTENT CONTENT CONTENT + CONTENT
CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT
CONTENT + CONTENT CONTENT CONTENT CONTENT CONTENT
CONTENT CONTENT CONTENT + CONTENT CONTENT CONTENT
CONTENT CONTENT CONTENT CONTENT CONTENT + CONTENT
CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT
CONTENT + CONTENT CONTENT CONTENT CONTENT CONTENT +
+
+
+ $sockiLock
+
+
+
+
+
+ $sockiLock
+
+
+
+
+
+ $sockiLock
+
+
+
+
+
+
+
+
+
+
+ $sockiPlus
+
+
+
+
+
+ $sockiPlus
+
+
+
+
+ $sockiPlus
+
+
+
+
+
+ $sockiPlus
+
+
+
+ $sockiPlus
+
+
+ $sockiPlus
+
+
+ $sockiPlus
+
+
+ $sockiPlus
+
+
+ $sockiPlus
+
+
+
+ $sockiPlus
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ $sockiTrashAlt
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ $sockiFilter
+
+
+
+
+
+
+
+
+ $sockiSquare
+ $sockiCheckSquare
+ $sockiMinus-square
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ getHeaderText(c.key) }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/date-control.vue b/src/components/date-control.vue
new file mode 100644
index 0000000..e6982e5
--- /dev/null
+++ b/src/components/date-control.vue
@@ -0,0 +1,170 @@
+
+
+
+ {{ preFilterMode.icon }}
+
+
+ {{ preFilterMode.viz }}
+
+ $clear
+
+
+
+
+
+
+ $sockiSync
+
+
+
+ $sockiFilter
+
+
+ $sockiColumns
+
+
+
+ {{ $sock.t("NoData") }}
+
+
+
+
+
+ {{ c.v }}
+
+
+
+ {{ c.v }}
+
+
+
+
+
+
+ {{ c.v }}
+
+
+
+ {{ c.v }}
+
+
+
+
+
+
+ {{ c.v }}
+
+
+
+ {{ c.v }}
+
+
+
+
+
+
+ {{ c.v }}
+
+
+
+ {{ c.v }}
+
+
+
+
+
+
+ {{ c.v }}
+
+
+
+ {{ c.v }}
+
+
+
+
+
+
+ {{ c.v }}
+
+
+
+ {{ c.v }}
+
+
+
+
+ {{ c.v }}
+
+
+
+ {{ c.v }}
+
+
+
+
+
+ {{ c.v }}
+
+
+
+ {{ c.v }}
+
+
+
+
+ {{ c.v }}
+
+
+
+ {{
+ c.v
+ }}
+
+
+
+ {{ c.v }}
+
+
+
+ {{ c.v }}
+
+
+
+ {{ c.v }}
+
+
+
+ {{ c.v }}
+
+
+ {{ c.v }}
+
+
+
+ {{ c.v }}
+
+
+
+
+
+
+ {{ c.v }}
+
+
+
+ {{ c.v }}
+
+
+
+
+
+
+ {{ c.v }}
+
+
+
+ {{ c.v }}
+
+
+
+
+
+
+ {{ c.v }}
+
+
+
+ {{ c.v }}
+
+
+
+
+
+
+ {{ c.v }}
+
+
+
+ {{ c.v }}
+
+
+
+
+
+ $sockiSquare
+ $sockiCheckSquare
+ $sockiMinus-square
+
+
+
+
+
+
+ {{ c.v }}
+
+
+
+ {{ c.v }}
+
+
+
+
+ {{ c.v }}
+
+
+
+ {{ c.v }}
+
+
+
+
+
+ {{ c.v }}
+
+
+
+ {{ c.v }}
+
+
+
+
+ {{ c.v }}
+
+
+
+ {{
+ c.v
+ }}
+
+
+
+ {{ c.v }}
+
+
+
+ {{ c.v }}
+
+
+
+ {{ c.v }}
+
+
+
+ {{ c.v }}
+
+
+
+
+
+
+
+
+
+ {{
+ $sock.t("Delete")
+ }}
+ {{
+ $sock.t("DateRangeToday")
+ }}
+ {{
+ $sock.t("OK")
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/date-time-control.vue b/src/components/date-time-control.vue
new file mode 100644
index 0000000..fde1081
--- /dev/null
+++ b/src/components/date-time-control.vue
@@ -0,0 +1,249 @@
+
+
+
+
+
diff --git a/src/components/days-of-week-control.vue b/src/components/days-of-week-control.vue
new file mode 100644
index 0000000..06528d5
--- /dev/null
+++ b/src/components/days-of-week-control.vue
@@ -0,0 +1,71 @@
+
+
+
+
+
+
+
+
+
+ {{
+ $sock.t("Delete")
+ }}
+ {{
+ $sock.t("DateRangeToday")
+ }}
+ {{
+ $sock.t("OK")
+ }}
+
+
+
+
+
+
+
+ {{
+ $sock.t("Delete")
+ }}
+ {{
+ $sock.t("Now")
+ }}
+ {{
+ $sock.t("OK")
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/duration-control.vue b/src/components/duration-control.vue
new file mode 100644
index 0000000..ea3d4c8
--- /dev/null
+++ b/src/components/duration-control.vue
@@ -0,0 +1,162 @@
+
+
+
+
+
+ {{ label }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/email-control.vue b/src/components/email-control.vue
new file mode 100644
index 0000000..1a98012
--- /dev/null
+++ b/src/components/email-control.vue
@@ -0,0 +1,26 @@
+
+
+ $sockiExclamationTriangle
+
+
+
+
+
+
+
+
+
+ $sockiCheckCircle
+
+
+ $sockiInfoCircle
+
+
+ $sockiQuestionCircle
+
+
+ $sockiExclamationCircle
+
+
+ $sockiExclamationTriangle
+
+
+ $sockiSkullCrossbones
+
+ {{ options.title }}
+
+
+
+
+
+
+
+ {{ this.$root.$gz.translation.get("More") }}
+
+ {{ options.noButtonText }}
+
+
+ $sockiSkullCrossbones {{ options.yesButtonText }}
+ $sockiSkullCrossbones
+
+ {{ options.yesButtonText }}
+
+
+
+
+
+
diff --git a/src/components/gznotify.vue b/src/components/gznotify.vue
new file mode 100644
index 0000000..07eb27e
--- /dev/null
+++ b/src/components/gznotify.vue
@@ -0,0 +1,79 @@
+
+
+
+
+ {{ editIcon() }}
+
+
+
+
+
diff --git a/src/components/report-control.vue b/src/components/report-control.vue
new file mode 100644
index 0000000..4c207b9
--- /dev/null
+++ b/src/components/report-control.vue
@@ -0,0 +1,299 @@
+
+
+ {{ entryError }}
+
+
+
+
+
+
+
+
+
+ {{ $sock.t("Report") }}
+
+
+
+
+ {{ item.name }}
+
+
+ $sockiEdit
+
+
+
+
+
+
+ {{ $sock.t("New") }}
+ {{ $sock.t("Cancel") }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ $sock.t("RenderingReport") }}
+
+
+
+ {{
+ $sock.t("Cancel")
+ }}
+
+
+
+
+
+
+
+
diff --git a/src/components/role-control.vue b/src/components/role-control.vue
new file mode 100644
index 0000000..e54a22b
--- /dev/null
+++ b/src/components/role-control.vue
@@ -0,0 +1,84 @@
+
+
+
+
+
+
+
+
+
+
+ {{
+ $sock.t("Delete")
+ }}
+ {{
+ $sock.t("Now")
+ }}
+ {{
+ $sock.t("OK")
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/url-control.vue b/src/components/url-control.vue
new file mode 100644
index 0000000..906333e
--- /dev/null
+++ b/src/components/url-control.vue
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Wiki
+
+
+
+
+
diff --git a/src/main.js b/src/main.js
new file mode 100644
index 0000000..c24f83f
--- /dev/null
+++ b/src/main.js
@@ -0,0 +1,233 @@
+import "fontsource-roboto/latin.css";
+import "github-markdown-css";
+import Vue from "vue";
+import Vuetify from "./plugins/vuetify";
+import App from "./App.vue";
+import router from "./router";
+import store from "./store";
+import "./registerServiceWorker";
+import errorHandler from "./api/errorhandler";
+import NProgress from "nprogress";
+import "nprogress/nprogress.css";
+import { DateTime } from "luxon";
+import VueCurrencyInput from "vue-currency-input";
+//import Pappa from "papaparse";
+
+//my libs
+import errorhandler from "./api/errorhandler";
+import sockeyeVersion from "./api/sockeye-version";
+import gzeventbus from "./api/eventbus";
+import gzmenu from "./api/gzmenu";
+import gzdialog from "./api/gzdialog";
+import gzutil from "./api/gzutil";
+import translation from "./api/translation";
+import locale from "./api/locale";
+import gzapi from "./api/gzapi";
+
+import gzform from "./api/gzform";
+import gzformcustomtemplate from "./api/form-custom-template";
+import authorizationroles from "./api/authorizationroles";
+import socktype from "./api/socktype";
+import gzenums from "./api/enums";
+import "@/assets/css/main.css";
+
+//controls
+import dateTimeControl from "./components/date-time-control.vue";
+import dateControl from "./components/date-control.vue";
+import timeControl from "./components/time-control.vue";
+import tagPicker from "./components/tag-picker.vue";
+import pickList from "./components/pick-list.vue";
+import dataTable from "./components/data-table.vue";
+import dataTableFilterControl from "./components/data-table-filter-control.vue";
+import dataTableFilterManagerControl from "./components/data-table-filter-manager-control.vue";
+import dataTableMobileFilterColumnSelectorControl from "./components/data-table-mobile-filter-column-selector-control.vue";
+import customFieldsControl from "./components/custom-fields-control.vue";
+import currencyControl from "./components/currency-control.vue";
+import decimalControl from "./components/decimal-control.vue";
+import percentControl from "./components/percent-control.vue";
+import phoneControl from "./components/phone-control.vue";
+import emailControl from "./components/email-control.vue";
+import urlControl from "./components/url-control.vue";
+import roleControl from "./components/role-control.vue";
+import durationControl from "./components/duration-control.vue";
+import errorControl from "./components/error-control.vue";
+import alertControl from "./components/alert-control.vue";
+import extensionsControl from "./components/extensions-control.vue";
+import reportSelectorControl from "./components/report-control.vue";
+import wikiControl from "./components/wiki-control.vue";
+import attachmentControl from "./components/attachment-control.vue";
+import chartLineControl from "./components/chart-line-control.vue";
+import chartBarControl from "./components/chart-bar-control.vue";
+import chartBarHorizontalControl from "./components/chart-bar-horizontal-control.vue";
+
+/////////////////////////////////////////////////////////////////
+// LIBS AND GLOBAL ITEMS
+//
+//
+
+window.$gz = {
+ translation: translation,
+ locale: locale,
+ formCustomTemplate: gzformcustomtemplate,
+ type: socktype,
+ role: authorizationroles,
+ enums: gzenums,
+ eventBus: gzeventbus,
+ menu: gzmenu,
+ dialog: gzdialog,
+ util: gzutil,
+ DateTime: DateTime,
+ api: gzapi,
+ form: gzform,
+ errorHandler: errorhandler,
+ store: store,
+ clientInfo: sockeyeVersion,
+ dev: process.env.NODE_ENV === "development",
+ erasingDatabase: false
+};
+
+/////////////////////////////////////////////////////////////////
+// ERROR HANDLING
+//
+
+Vue.config.errorHandler = errorHandler.handleVueError;
+window.onerror = errorHandler.handleGeneralError;
+
+//warnings, only occur by default in debug mode not production
+Vue.config.warnHandler = errorHandler.handleVueWarning;
+
+Vue.config.productionTip = false;
+
+/////////////////////////////////////////////////////////////////
+// AJAX LOADER INDICATOR
+//
+//
+
+// Store a copy of the fetch function
+const _oldFetch = fetch;
+
+// Create our new version of the fetch function
+window.fetch = function() {
+ // Create hooks
+ const fetchStart = new Event("fetchStart", {
+ view: document,
+ bubbles: true,
+ cancelable: false
+ });
+ const fetchEnd = new Event("fetchEnd", {
+ view: document,
+ bubbles: true,
+ cancelable: false
+ });
+
+ // Pass the supplied arguments to the real fetch function
+ const fetchCall = _oldFetch.apply(this, arguments);
+
+ // Trigger the fetchStart event
+ document.dispatchEvent(fetchStart);
+
+ fetchCall
+ .then(function() {
+ // Trigger the fetchEnd event
+ document.dispatchEvent(fetchEnd);
+ })
+ .catch(function() {
+ // Trigger the fetchEnd event
+ document.dispatchEvent(fetchEnd);
+ });
+
+ return fetchCall;
+};
+
+document.addEventListener("fetchStart", function() {
+ NProgress.start();
+});
+
+document.addEventListener("fetchEnd", function() {
+ NProgress.done();
+});
+
+/////////////////////////////////////////////////////////////
+//GZ COMPONENTS
+//
+Vue.component("gz-date-time-picker", dateTimeControl);
+Vue.component("gz-date-picker", dateControl);
+Vue.component("gz-time-picker", timeControl);
+Vue.component("gz-tag-picker", tagPicker);
+Vue.component("gz-pick-list", pickList);
+Vue.component("gz-data-table", dataTable);
+Vue.component("gz-data-table-filter", dataTableFilterControl);
+Vue.component("gz-data-table-filter-manager", dataTableFilterManagerControl);
+Vue.component(
+ "gz-data-table-mobile-filter-column-selector",
+ dataTableMobileFilterColumnSelectorControl
+);
+Vue.component("gz-custom-fields", customFieldsControl);
+Vue.component("gz-currency", currencyControl);
+Vue.component("gz-percent", percentControl);
+Vue.component("gz-decimal", decimalControl);
+Vue.component("gz-phone", phoneControl);
+Vue.component("gz-email", emailControl);
+Vue.component("gz-url", urlControl);
+Vue.component("gz-role-picker", roleControl);
+Vue.component("gz-duration-picker", durationControl);
+Vue.component("gz-error", errorControl);
+Vue.component("gz-alert", alertControl);
+Vue.component("gz-report-selector", reportSelectorControl);
+Vue.component("gz-extensions", extensionsControl);
+Vue.component("gz-wiki", wikiControl);
+Vue.component("gz-attachments", attachmentControl);
+Vue.component("gz-chart-line", chartLineControl);
+Vue.component("gz-chart-bar", chartBarControl);
+Vue.component("gz-chart-bar-horizontal", chartBarHorizontalControl);
+//3rd party components
+Vue.use(VueCurrencyInput);
+/////////////////////////////////////////////////////////////
+//DIRECTIVES
+//
+//Auto focus on forms
+Vue.directive("focus", {
+ // When the bound element is inserted into the DOM...
+ inserted: function(el) {
+ // Focus the element
+ el.focus();
+ }
+});
+
+/////////////////////////////////////////////////////////////////
+// INSTANTIATE
+//
+Vue.prototype.$sock = {
+ //development mode, development level error messages etc
+ dev: process.env.NODE_ENV === "development",
+ t: function(tKey) {
+ return translation.get(tKey);
+ },
+ dt: function(timestamp) {
+ return locale.utcDateToShortDateAndTimeLocalized(timestamp);
+ },
+ sd: function(timestamp) {
+ return locale.utcDateToShortDateLocalized(timestamp);
+ },
+ cur: function(value) {
+ return locale.currencyLocalized(value);
+ },
+ dec: function(value) {
+ return locale.decimalLocalized(value);
+ },
+ util: function() {
+ return gzutil;
+ },
+ ayt: function() {
+ return socktype;
+ }
+};
+//disable the devtools nag
+Vue.config.devtools = false;
+new Vue({
+ vuetify: Vuetify,
+ router,
+ store,
+ // eslint-disable-next-line
+ render: (h) => h(App)
+}).$mount("#app");
diff --git a/src/plugins/vuetify.js b/src/plugins/vuetify.js
new file mode 100644
index 0000000..e4c7f2c
--- /dev/null
+++ b/src/plugins/vuetify.js
@@ -0,0 +1,1624 @@
+import Vue from "vue";
+import Vuetify from "vuetify/lib";
+
+//---------------------------
+//ICONS
+//tree shaking compatible icon method
+//https://stackoverflow.com/a/58261449/8939
+import { library } from "@fortawesome/fontawesome-svg-core";
+import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome"; //https://github.com/FortAwesome/vue-fontawesome
+
+/*
+NOTES: in case need to get fancy
+https://github.com/FortAwesome/vue-fontawesome#advanced
+import {
+ FontAwesomeIcon,
+ FontAwesomeLayers,
+ FontAwesomeLayersText
+} from "@fortawesome/vue-fontawesome"; //https://github.com/FortAwesome/vue-fontawesome
+Vue.component("font-awesome-layers", FontAwesomeLayers);
+Vue.component("font-awesome-layers-text", FontAwesomeLayersText);
+
+
+classes seem to work when props don't for
+ let classes = {
+ 'fa-spin': props.spin,
+ 'fa-pulse': props.pulse,
+ 'fa-fw': props.fixedWidth,
+ 'fa-border': props.border,
+ 'fa-li': props.listItem,
+ 'fa-inverse': props.inverse,
+ 'fa-flip-horizontal': props.flip === 'horizontal' || props.flip === 'both',
+ 'fa-flip-vertical': props.flip === 'vertical' || props.flip === 'both',
+ [`fa-${props.size}`]: props.size !== null,
+ [`fa-rotate-${props.rotation}`]: props.rotation !== null,
+ [`fa-pull-${props.pull}`]: props.pull !== null,
+ 'fa-swap-opacity': props.swapOpacity
+ }
+*/
+
+Vue.component("font-awesome-icon", FontAwesomeIcon); // Register component globally
+
+//REGULAR
+import {
+ faSquare as farSquare,
+ faCircle as farCircle,
+ faDotCircle as farDotCircle
+} from "@fortawesome/free-regular-svg-icons";
+
+//SOLID
+import {
+ faAddressBook,
+ faAddressCard,
+ faArrowsAltH,
+ faArrowsAltV,
+ faAt,
+ faBackward,
+ faBarcode,
+ faBars,
+ faBell,
+ faBinoculars,
+ faBold,
+ faBox,
+ faBoxes,
+ faBoxOpen,
+ faBriefcase,
+ faCampground,
+ faBullhorn,
+ faBusinessTime,
+ faCalculator,
+ faCalendarAlt,
+ faCalendarCheck,
+ faCalendarDay,
+ faCarBattery,
+ faCaretDown,
+ faChartBar,
+ faChartLine,
+ faCheckCircle,
+ faCheckSquare,
+ faChevronDown,
+ faChevronLeft,
+ faChevronRight,
+ faCircle,
+ faClipboard,
+ faClipboardList,
+ faClock,
+ faClone,
+ faCloud,
+ faCode,
+ faCoffee,
+ faCog,
+ faCogs,
+ faCoins,
+ faColumns,
+ faCommentAlt,
+ faConciergeBell,
+ faCopy,
+ faDiceD20,
+ faDolly,
+ //faDollyFlatbed,
+ faDoorOpen,
+ faDraftingCompass,
+ faDragon,
+ faDumpster,
+ faEdit,
+ faEgg,
+ faEllipsisV,
+ faEnvelopeOpenText,
+ faExchangeAlt,
+ faExclamation,
+ faExclamationCircle,
+ faExclamationTriangle,
+ faExternalLinkAlt,
+ faEye,
+ faEyeSlash,
+ faFan,
+ faFeather,
+ faFile,
+ faFileAlt,
+ faFileArchive,
+ faFileAudio,
+ faFileCode,
+ faFileContract,
+ faFileCsv,
+ faFileDownload,
+ faFileExcel,
+ faFileImage,
+ faFileImport,
+ faFileMedicalAlt,
+ faFilePdf,
+ faFilePowerpoint,
+ faFileUpload,
+ faFileVideo,
+ faFileWord,
+ faFilter,
+ faFireAlt,
+ faFlag,
+ faFolder,
+ faForward,
+ faGem,
+ faGenderless,
+ faGlasses,
+ faGlobe,
+ faHammer,
+ faHandHoldingWater,
+ faHeading,
+ faHistory,
+ faHome,
+ faImage,
+ faInbox,
+ faInfoCircle,
+ faItalic,
+ faKey,
+ faLanguage,
+ faLayerGroup,
+ faLifeRing,
+ faLink,
+ faListAlt,
+ faListOl,
+ faListUl,
+ faLock,
+ faLuggageCart,
+ faMagic,
+ faMapMarkerAlt,
+ faMapMarkedAlt,
+ faMinus,
+ faMinusSquare,
+ faMoneyBillWave,
+ faMoon,
+ faObjectGroup,
+ faPallet,
+ faPaperclip,
+ //faPaperPlane,
+ faParachuteBox,
+ faPencilAlt,
+ faPencilRuler,
+ faPeopleCarry,
+ faPercent,
+ faPhoneAlt,
+ faPlug,
+ faPlus,
+ faPlusCircle,
+ faPrint,
+ faProjectDiagram,
+ faPuzzlePiece,
+ faQuestionCircle,
+ faQuoteLeft,
+ faReply,
+ faRobot,
+ faRocket,
+ faSave,
+ faSearch,
+ faSeedling,
+ faServer,
+ faShare,
+ faShippingFast,
+ faShoppingCart,
+ faSignInAlt,
+ faSignOutAlt,
+ faSitemap,
+ faSkullCrossbones,
+ faSlidersH,
+ faSort,
+ faSortAmountDown,
+ faSortAmountUp,
+ faSplotch,
+ faSquareFull,
+ faStamp,
+ faStepBackward,
+ faStepForward,
+ faStickyNote,
+ faStore,
+ faStopCircle,
+ faStrikethrough,
+ faSun,
+ faSync,
+ faTable,
+ faTachometerAlt,
+ faTags,
+ faTasks,
+ faThList,
+ faTicketAlt,
+ faTimesCircle,
+ faToolbox,
+ faTools,
+ faTrashAlt,
+ faTrashRestoreAlt,
+ faTruckLoading,
+ faTruckMonster,
+ faUndo,
+ faUser,
+ faUserClock,
+ faUserCog,
+ faUsers,
+ faUserTie,
+ faVial,
+ faWarehouse,
+ faWeight,
+ faWrench
+} from "@fortawesome/free-solid-svg-icons";
+
+Vue.component("font-awesome-icon", FontAwesomeIcon);
+
+library.add(
+ faAddressBook,
+ faAddressCard,
+ faArrowsAltH,
+ faArrowsAltV,
+ faAt,
+ faBackward,
+ faBarcode,
+ faBars,
+ faBell,
+ faBinoculars,
+ faBold,
+ faBox,
+ faBoxes,
+ faBoxOpen,
+ faBriefcase,
+ faCampground,
+ faBullhorn,
+ faBusinessTime,
+ faCalculator,
+ faCalendarAlt,
+ faCalendarCheck,
+ faCalendarDay,
+ faCarBattery,
+ faCaretDown,
+ faChartBar,
+ faChartLine,
+ faCheckCircle,
+ faCheckSquare,
+ faChevronDown,
+ faChevronLeft,
+ faChevronRight,
+ faClipboard,
+ faClipboardList,
+ faCircle,
+ farCircle,
+ faClock,
+ faClone,
+ faCloud,
+ faCode,
+ faCoffee,
+ faCog,
+ faCogs,
+ faCoins,
+ faColumns,
+ faCommentAlt,
+ faConciergeBell,
+ faCopy,
+ faDiceD20,
+ faDolly,
+ //faDollyFlatbed,
+ faDoorOpen,
+ farDotCircle,
+ faDraftingCompass,
+ faDragon,
+ faDumpster,
+ faEdit,
+ faEgg,
+ faEllipsisV,
+ faEnvelopeOpenText,
+ faExchangeAlt,
+ faExclamation,
+ faExclamationCircle,
+ faExclamationTriangle,
+ faExternalLinkAlt,
+ faEye,
+ faEyeSlash,
+ faFan,
+ faFeather,
+ faFile,
+ faFileAlt,
+ faFileArchive,
+ faFileAudio,
+ faFileCode,
+ faFileContract,
+ faFileCsv,
+ faFileDownload,
+ faFileExcel,
+ faFileImage,
+ faFileImport,
+ faFileMedicalAlt,
+ faFilePdf,
+ faFilePowerpoint,
+ faFileUpload,
+ faFileVideo,
+ faFileWord,
+ faFilter,
+ faFireAlt,
+ faFlag,
+ faFolder,
+ faForward,
+ faGem,
+ faGenderless,
+ faGlasses,
+ faGlobe,
+ faHammer,
+ faHandHoldingWater,
+ faHeading,
+ faHistory,
+ faHome,
+ faImage,
+ faInbox,
+ faInfoCircle,
+ faItalic,
+ faKey,
+ faLanguage,
+ faLayerGroup,
+ faLifeRing,
+ faLink,
+ faListAlt,
+ faListOl,
+ faListUl,
+ faLock,
+ faLuggageCart,
+ faMagic,
+ faMapMarkerAlt,
+ faMapMarkedAlt,
+ faMinus,
+ faMinusSquare,
+ faMoneyBillWave,
+ faMoon,
+ faObjectGroup,
+ faPallet,
+ faPaperclip,
+ //faPaperPlane,
+ faParachuteBox,
+ faPencilAlt,
+ faPencilRuler,
+ faPeopleCarry,
+ faPercent,
+ faPhoneAlt,
+ faPlug,
+ faPlus,
+ faPlusCircle,
+ faPrint,
+ faProjectDiagram,
+ faPuzzlePiece,
+ faQuestionCircle,
+ faQuoteLeft,
+ faReply,
+ faRobot,
+ faRocket,
+ faSave,
+ faSearch,
+ faSeedling,
+ faServer,
+ faShare,
+ faShippingFast,
+ faShoppingCart,
+ faSignInAlt,
+ faSignOutAlt,
+ faSitemap,
+ faSkullCrossbones,
+ faSlidersH,
+ faSort,
+ faSortAmountDown,
+ faSortAmountUp,
+ faSplotch,
+ farSquare,
+ faSquareFull,
+ faStamp,
+ faStepBackward,
+ faStepForward,
+ faStickyNote,
+ faStore,
+ faStopCircle,
+ faStrikethrough,
+ faSun,
+ faSync,
+ faTable,
+ faTachometerAlt,
+ faTags,
+ faTasks,
+ faThList,
+ faTicketAlt,
+ faTimesCircle,
+ faToolbox,
+ faTools,
+ faTrashAlt,
+ faTrashRestoreAlt,
+ faTruckLoading,
+ faTruckMonster,
+ faUndo,
+ faUser,
+ faUserClock,
+ faUserCog,
+ faUsers,
+ faUserTie,
+ faVial,
+ faWarehouse,
+ faWeight,
+ faWrench
+);
+
+const CUSTOM_ICONS = {
+ sockiAddressBook: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "address-book"]
+ }
+ },
+ sockiAddressCard: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "address-card"]
+ }
+ },
+ sockiArrowsAltH: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "arrows-alt-h"]
+ }
+ },
+ sockiArrowsAltV: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "arrows-alt-v"]
+ }
+ },
+ sockiAt: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "at"]
+ }
+ },
+ sockiBackward: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "backward"]
+ }
+ },
+ sockiBarCode: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "barcode"]
+ }
+ },
+ sockiBell: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "bell"]
+ }
+ },
+ sockiBinoculars: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "binoculars"]
+ }
+ },
+ sockiBold: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "bold"]
+ }
+ },
+ sockiBox: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "box"]
+ }
+ },
+ sockiBoxes: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "boxes"]
+ }
+ },
+ sockiBoxOpen: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "box-open"]
+ }
+ },
+ sockiBriefcase: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "briefcase"]
+ }
+ },
+ sockiCampground: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "campground"]
+ }
+ },
+ sockiBullhorn: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "bullhorn"]
+ }
+ },
+ sockiBusinessTime: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "business-time"]
+ }
+ },
+ sockiCalculator: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "calculator"]
+ }
+ },
+ sockiCalendarAlt: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "calendar-alt"]
+ }
+ },
+ sockiCalendarCheck: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "calendar-check"]
+ }
+ },
+ sockiCalendarDay: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "calendar-day"]
+ }
+ },
+ sockiCarBattery: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "car-battery"]
+ }
+ },
+ sockiChartBar: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "chart-bar"]
+ }
+ },
+ sockiChartLine: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "chart-line"]
+ }
+ },
+ sockiCheckCircle: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "check-circle"]
+ }
+ },
+ sockiCheckSquare: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "check-square"]
+ }
+ },
+ sockiCircle: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "circle"]
+ }
+ },
+ sockiClipboard: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "clipboard"]
+ }
+ },
+ sockiClipboardList: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "clipboard-list"]
+ }
+ },
+ sockiClock: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "clock"]
+ }
+ },
+ sockiClone: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "clone"]
+ }
+ },
+ sockiCloud: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "cloud"]
+ }
+ },
+ sockiCode: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "code"]
+ }
+ },
+ sockiCoffee: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "coffee"]
+ }
+ },
+ sockiCog: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "cog"]
+ }
+ },
+ sockiCogs: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "cogs"]
+ }
+ },
+ sockiCoins: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "coins"]
+ }
+ },
+ sockiColumns: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "columns"]
+ }
+ },
+ sockiCommentAlt: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "comment-alt"]
+ }
+ },
+ sockiConciergeBell: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "concierge-bell"]
+ }
+ },
+ sockiCopy: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "copy"]
+ }
+ },
+ sockiCustomize: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "sliders-h"]
+ }
+ },
+ sockiDiceD20: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "dice-d20"]
+ }
+ },
+ sockiDolly: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "dolly"]
+ }
+ },
+ // sockiDollyFlatbed: {
+ // component: FontAwesomeIcon,
+ // props: {
+ // icon: ["fas", "dolly-flatbed"]
+ // }
+ // },
+ sockiDoorOpen: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "door-open"]
+ }
+ },
+ sockiDraftingCompass: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "drafting-compass"]
+ }
+ },
+ sockiDragon: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "dragon"]
+ }
+ },
+ sockiDumpster: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "dumpster"]
+ }
+ },
+ sockiEdit: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "edit"]
+ }
+ },
+ sockiEgg: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "egg"]
+ }
+ },
+ sockiEnvelopeOpenText: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "envelope-open-text"]
+ }
+ },
+ sockiExchangeAlt: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "exchange-alt"]
+ }
+ },
+ sockiExclamationCircle: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "exclamation-circle"]
+ }
+ },
+ sockiExclamationTriangle: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "exclamation-triangle"]
+ }
+ },
+ sockiExternalLinkAlt: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "external-link-alt"]
+ }
+ },
+ sockiEye: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "eye"]
+ }
+ },
+ sockiEyeSlash: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "eye-slash"]
+ }
+ },
+ sockiEllipsisV: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "ellipsis-v"]
+ }
+ },
+ sockiFan: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "fan"]
+ }
+ },
+ sockiFeather: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "feather"]
+ }
+ },
+ sockiFile: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "file"]
+ }
+ },
+ sockiFileArchive: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "file-archive"]
+ }
+ },
+ sockiFileAlt: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "file-alt"]
+ }
+ },
+ sockiFileAudio: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "file-audio"]
+ }
+ },
+ sockiFileCode: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "file-code"]
+ }
+ },
+ sockiFileContract: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "file-contract"]
+ }
+ },
+ sockiFileCsv: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "file-csv"]
+ }
+ },
+ sockiFileDownload: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "file-download"]
+ }
+ },
+ sockiFileExcel: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "file-excel"]
+ }
+ },
+ sockiFileImage: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "file-image"]
+ }
+ },
+ sockiFileImport: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "file-import"]
+ }
+ },
+ sockiFileMedicalAlt: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "file-medical-alt"]
+ }
+ },
+ sockiFilePdf: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "file-pdf"]
+ }
+ },
+ sockiFilePowerpoint: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "file-powerpoint"]
+ }
+ },
+ sockiFileUpload: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "file-upload"]
+ }
+ },
+ sockiFileVidio: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "file-vidio"]
+ }
+ },
+ sockiFileWord: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "file-word"]
+ }
+ },
+ sockiFilter: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "filter"]
+ }
+ },
+ sockiFireAlt: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "fire-alt"]
+ }
+ },
+ sockiFlag: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "flag"]
+ }
+ },
+ sockiFolder: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "folder"]
+ }
+ },
+ sockiForward: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "forward"]
+ }
+ },
+ sockiGem: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "gem"]
+ }
+ },
+ sockiGenderless: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "genderless"]
+ }
+ },
+ sockiGlasses: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "glasses"]
+ }
+ },
+ sockiGlobe: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "globe"]
+ }
+ },
+ sockiHammer: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "hammer"]
+ }
+ },
+ sockiHandHoldingWater: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "hand-holding-water"]
+ }
+ },
+ sockiHeading: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "heading"]
+ }
+ },
+ sockiHistory: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "history"]
+ }
+ },
+ sockiHome: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "home"]
+ }
+ },
+ sockiImage: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "image"]
+ }
+ },
+ sockiInbox: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "inbox"]
+ }
+ },
+ sockiInfoCircle: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "info-circle"]
+ }
+ },
+ sockiItalic: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "italic"]
+ }
+ },
+ sockiKey: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "key"]
+ }
+ },
+ sockiLanguage: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "language"]
+ }
+ },
+ sockiLayerGroup: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "layer-group"]
+ }
+ },
+ sockiLifeRing: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "life-ring"]
+ }
+ },
+ sockiLink: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "link"]
+ }
+ },
+ sockiListAlt: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "list-alt"]
+ }
+ },
+ sockiListOl: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "list-ol"]
+ }
+ },
+ sockiListUl: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "list-ul"]
+ }
+ },
+ sockiLock: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "lock"]
+ }
+ },
+ sockiLuggageCart: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "luggage-cart"]
+ }
+ },
+ sockiMagic: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "magic"]
+ }
+ },
+ sockiMapMarker: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "map-marker-alt"]
+ }
+ },
+ sockiMapMarked: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "map-marked-alt"]
+ }
+ },
+ sockiMinus: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "minus"]
+ }
+ },
+ sockiMoneyBillWave: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "money-bill-wave"]
+ }
+ },
+ sockiMoon: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "moon"]
+ }
+ },
+ sockiObjectGroup: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "object-group"]
+ }
+ },
+ sockiPallet: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "pallet"]
+ }
+ },
+ sockiPaperclip: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "paperclip"]
+ }
+ },
+ // sockiPaperPlane: {
+ // component: FontAwesomeIcon,
+ // props: {
+ // icon: ["fas", "paper-plane"]
+ // }
+ // },
+ sockiParachuteBox: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "parachute-box"]
+ }
+ },
+ sockiPencilAlt: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "pencil-alt"]
+ }
+ },
+ sockiPencilRuler: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "pencil-ruler"]
+ }
+ },
+ sockiPeopleCarry: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "people-carry"]
+ }
+ },
+ sockiPercent: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "percent"]
+ }
+ },
+ sockiPhoneAlt: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "phone-alt"]
+ }
+ },
+ sockiPlug: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "plug"]
+ }
+ },
+ sockiPlus: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "plus"]
+ }
+ },
+ sockiPlusCircle: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "plus-circle"]
+ }
+ },
+ sockiPrint: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "print"]
+ }
+ },
+ sockiProjectDiagram: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "project-diagram"]
+ }
+ },
+ sockiPuzzlePiece: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "puzzle-piece"]
+ }
+ },
+ sockiQuestionCircle: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "question-circle"]
+ }
+ },
+ sockiQuoteLeft: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "quote-left"]
+ }
+ },
+ sockiReply: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "reply"]
+ }
+ },
+ sockiRobot: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "robot"]
+ }
+ },
+ sockiRocket: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "rocket"]
+ }
+ },
+ sockiSave: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "save"]
+ }
+ },
+ sockiSearch: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "search"]
+ }
+ },
+ sockiSeedling: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "seedling"]
+ }
+ },
+ sockiServer: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "server"]
+ }
+ },
+ sockiShare: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "share"]
+ }
+ },
+ sockiShippingFast: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "shipping-fast"]
+ }
+ },
+ sockiShoppingCart: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "shopping-cart"]
+ }
+ },
+ sockiSignIn: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "sign-in-alt"]
+ }
+ },
+ sockiSignOut: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "sign-out-alt"]
+ }
+ },
+ sockiSitemap: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "sitemap"]
+ }
+ },
+ sockiSkullCrossbones: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "skull-crossbones"]
+ }
+ },
+ sockiSort: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "sort"]
+ }
+ },
+ sockiSortAmountDown: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "sort-amount-down"]
+ }
+ },
+ sockiSortAmountUp: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "sort-amount-up"]
+ }
+ },
+ sockiSplotch: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "splotch"]
+ }
+ },
+ sockiStamp: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "stamp"]
+ }
+ },
+ sockiSquare: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["far", "square"]
+ }
+ },
+ sockiSquareFull: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "square-full"]
+ }
+ },
+ sockiStepBackward: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "step-backward"]
+ }
+ },
+ sockiStepForward: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "step-forward"]
+ }
+ },
+ sockiStickyNote: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "sticky-note"]
+ }
+ },
+ sockiStore: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "store"]
+ }
+ },
+ sockiStopCircle: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "stop-circle"]
+ }
+ },
+ sockiStrikethrough: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "strikethrough"]
+ }
+ },
+ sockiSun: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "sun"]
+ }
+ },
+ sockiSync: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "sync"]
+ }
+ },
+ sockiTable: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "table"]
+ }
+ },
+ sockiTachometer: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "tachometer-alt"]
+ }
+ },
+ sockiTags: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "tags"]
+ }
+ },
+ sockiTasks: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "tasks"]
+ }
+ },
+ sockiThList: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "th-list"]
+ }
+ },
+ sockiTicket: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "ticket-alt"]
+ }
+ },
+ sockiToolbox: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "toolbox"]
+ }
+ },
+ sockiTools: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "tools"]
+ }
+ },
+ sockiTrashAlt: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "trash-alt"]
+ }
+ },
+ sockiTrashRestoreAlt: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "trash-restore-alt"]
+ }
+ },
+ sockiTruckLoading: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "truck-loading"]
+ }
+ },
+ sockiTruckMonster: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "truck-monster"]
+ }
+ },
+ sockiUndo: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "undo"]
+ }
+ },
+ sockiUser: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "user"]
+ }
+ },
+ sockiUserClock: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "user-clock"]
+ }
+ },
+ sockiUserCog: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "user-cog"]
+ }
+ },
+ sockiUsers: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "users"]
+ }
+ },
+ sockiUserTie: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "user-tie"]
+ }
+ },
+ sockiVial: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "vial"]
+ }
+ },
+ sockiWarehouse: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "warehouse"]
+ }
+ },
+ sockiWeight: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "weight"]
+ }
+ },
+ sockiWrench: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "wrench"]
+ }
+ },
+ //VUETIFY REQUIRED ONES
+ //https://vuetifyjs.com/en/features/icons/#using-custom-icons
+ checkboxIndeterminate: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "minus-square"]
+ }
+ },
+ clear: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "times-circle"]
+ }
+ },
+ dropdown: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "caret-down"]
+ }
+ },
+ exclamation: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "exclamation"]
+ }
+ },
+ info: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "info-circle"]
+ }
+ },
+ menu: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "bars"]
+ }
+ },
+ prev: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "chevron-left"]
+ }
+ },
+ radioOn: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["far", "dot-circle"]
+ }
+ },
+ radioOff: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["far", "circle"]
+ }
+ },
+ next: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "chevron-right"]
+ }
+ },
+ sort: {
+ component: FontAwesomeIcon,
+ props: {
+ icon: ["fas", "chevron-down"]
+ }
+ }
+};
+//-------------
+
+Vue.use(Vuetify);
+
+export default new Vuetify({
+ theme: {
+ themes: {
+ light: {
+ primary: "#263238",
+ secondary: "#37474F",
+ accent: "#DB7022", //lighter orangey red, more friendly looking
+ error: "#FF5252", //lighter red
+ disabled: "#C7C7C7",
+ readonlybanner: "#808080"
+ },
+ 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"
+ }
+ },
+ options: { variations: false }
+ },
+ icons: {
+ iconfont: "faSvg",
+ values: CUSTOM_ICONS
+ }
+});
diff --git a/src/registerServiceWorker.js b/src/registerServiceWorker.js
new file mode 100644
index 0000000..c4f8ce3
--- /dev/null
+++ b/src/registerServiceWorker.js
@@ -0,0 +1,40 @@
+/* eslint-disable no-console */
+//INFO: https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
+import { register } from "register-service-worker";
+
+if (process.env.NODE_ENV === "production") {
+ register(`${process.env.BASE_URL}service-worker.js`, {
+ ready() {
+ console.log("Service worker is active.");
+ },
+ cached() {
+ console.log("Content has been cached for offline use.");
+ },
+ updatefound() {
+ console.log("New content is downloading.");
+ },
+ updated(registration) {
+ console.log("New content is available; please refresh.");
+
+ //https://medium.com/@dougallrich/give-users-control-over-app-updates-in-vue-cli-3-pwas-20453aedc1f2
+ document.dispatchEvent(
+ new CustomEvent("swUpdated", { detail: registration })
+ );
+ },
+ registered(registration) {
+ //https://medium.com/@dougallrich/give-users-control-over-app-updates-in-vue-cli-3-pwas-20453aedc1f2
+ console.log("Service worker has been registered.");
+ setInterval(() => {
+ registration.update();
+ }, 1000 * 60 * 60); // e.g. hourly checks
+ },
+ offline() {
+ console.log(
+ "No internet connection found. App is running in offline mode."
+ );
+ },
+ error(error) {
+ console.error("Error during service worker registration:", error);
+ }
+ });
+}
diff --git a/src/router.js b/src/router.js
new file mode 100644
index 0000000..df17d8b
--- /dev/null
+++ b/src/router.js
@@ -0,0 +1,603 @@
+import Vue from "vue";
+import Router from "vue-router";
+
+Vue.use(Router);
+
+// scrollBehavior:
+// - only available in html5 history mode
+// - defaults to no scroll behavior
+// - return false to prevent scroll
+const scrollBehavior = function(to, from, savedPosition) {
+ if (savedPosition) {
+ // savedPosition is only available for popstate navigations.
+ return savedPosition;
+ } else {
+ const position = {};
+
+ // scroll to anchor by returning the selector
+ if (to.hash) {
+ position.selector = to.hash;
+
+ // specify offset of the element
+ if (to.hash === "#anchor2") {
+ position.offset = { y: 100 };
+ }
+
+ if (document.querySelector(to.hash)) {
+ return position;
+ }
+
+ // if the returned position is falsy or an empty object,
+ // will retain current scroll position.
+
+ return false;
+ }
+
+ // eslint-disable-next-line
+ return new Promise(resolve => {
+ // check if any matched route config has meta that requires scrolling to top
+ // eslint-disable-next-line
+ if (to.matched.some(m => m.meta.scrollToTop)) {
+ // coords will be used if no selector is provided,
+ // or if the selector didn't match any element.
+ position.x = 0;
+ position.y = 0;
+ }
+
+ // wait for the out transition to complete (if necessary)
+ this.app.$root.$once("triggerScroll", () => {
+ // if the resolved position is falsy or an empty object,
+ // will retain current scroll position.
+
+ resolve(position);
+ });
+ });
+ }
+};
+/**
+ * https://router.vuejs.org/guide/advanced/lazy-loading.html#grouping-components-in-the-same-chunk
+ *
+ *
+ */
+export default new Router({
+ mode: "history",
+ base: process.env.BASE_URL,
+ scrollBehavior,
+ routes: [
+ //########################## GENERAL / COMMON GROUP ###################################
+ {
+ path: "/open/:socktype/:recordid",
+ name: "sock-open",
+ component: () =>
+ import(/* webpackChunkName: "sock-common" */ "./views/sock-open.vue")
+ },
+ {
+ path: "/viewreport/:oid/:rid",
+ name: "sock-report-view",
+ component: () =>
+ import(
+ /* webpackChunkName: "sock-common" */ "./views/sock-report-view.vue"
+ )
+ },
+ {
+ path: "/about",
+ name: "sock-about",
+ // route level code-splitting
+ // this generates a separate chunk (about.[hash].js) for this route
+ // which is lazy-loaded when the route is visited.
+ component: () =>
+ import(/* webpackChunkName: "sock-common" */ "./views/sock-about.vue")
+ },
+ {
+ path: "/applog",
+ name: "sock-log",
+ component: () =>
+ import(/* webpackChunkName: "sock-common" */ "./views/sock-log.vue")
+ },
+ {
+ path: "/customize/:formCustomTemplateKey",
+ name: "sock-customize",
+ component: () =>
+ import(
+ /* webpackChunkName: "sock-common" */ "./views/sock-customize.vue"
+ )
+ },
+ {
+ path: "/data-list-column-view/:dataListKey",
+ name: "sock-data-list-column-view",
+ component: () =>
+ import(
+ /* webpackChunkName: "sock-common" */ "./views/sock-data-list-column-view.vue"
+ )
+ },
+
+ {
+ path: "/history/:socktype/:recordid/:userlog?",
+ name: "sock-history",
+ component: () =>
+ import(/* webpackChunkName: "sock-common" */ "./views/sock-history.vue")
+ },
+ {
+ path: "/login",
+ name: "login",
+ meta: { scrollToTop: true }, //KEEP THIS AS AN EXAMPLE OF HOW TO USE WITH CODE ABOVE
+ component: () =>
+ import(/* webpackChunkName: "sock-common" */ "./views/login.vue")
+ },
+ {
+ path: "/home-dashboard",
+ name: "home-dashboard",
+ component: () =>
+ import(
+ /* webpackChunkName: "sock-common" */ "./views/home-dashboard.vue"
+ )
+ },
+ {
+ //path: "/home-search/:socktype?", this was making it sticky and couldn't change type as it was in url path
+ path: "/home-search",
+ name: "home-search",
+ component: () =>
+ import(/* webpackChunkName: "sock-common" */ "./views/home-search.vue")
+ },
+ { path: "/", redirect: "/login" }, //If someone goes blindly to the root of the app, then it should go to login
+ {
+ path: "/home-schedule",
+ name: "home-schedule",
+ component: () =>
+ import(
+ /* webpackChunkName: "sock-common" */ "./views/home-schedule.vue"
+ )
+ },
+ {
+ path: "/home-memos",
+ name: "home-memos",
+ component: () =>
+ import(/* webpackChunkName: "sock-common" */ "./views/home-memos.vue")
+ },
+ {
+ path: "/home-memos/:recordid",
+ name: "memo-edit",
+ component: () =>
+ import(/* webpackChunkName: "sock-common" */ "./views/home-memo.vue")
+ },
+ {
+ path: "/home-notifications",
+ name: "home-notifications",
+ component: () =>
+ import(
+ /* webpackChunkName: "sock-common" */ "./views/home-notifications.vue"
+ )
+ },
+ {
+ path: "/home-notify-direct",
+ name: "home-notify-direct",
+ component: () =>
+ import(
+ /* webpackChunkName: "sock-common" */ "./views/home-notify-direct.vue"
+ )
+ },
+ {
+ path: "/home-reminders",
+ name: "home-reminders",
+ component: () =>
+ import(
+ /* webpackChunkName: "sock-common" */ "./views/home-reminders.vue"
+ )
+ },
+ {
+ path: "/home-reminders/:recordid",
+ name: "reminder-edit",
+ component: () =>
+ import(
+ /* webpackChunkName: "sock-common" */ "./views/home-reminder.vue"
+ )
+ },
+ {
+ path: "/home-reviews/:aType?/:objectId?/:name?",
+ name: "home-reviews",
+ component: () =>
+ import(/* webpackChunkName: "sock-common" */ "./views/home-reviews.vue")
+ },
+ {
+ path: "/home-reviews/:recordid/:aType?/:objectId?/:name?",
+ name: "review-edit",
+ component: () =>
+ import(/* webpackChunkName: "sock-common" */ "./views/home-review.vue")
+ },
+ {
+ path: "/home-user-settings",
+ name: "home-user-settings",
+ component: () =>
+ import(
+ /* webpackChunkName: "sock-common" */ "./views/home-user-settings.vue"
+ )
+ },
+ {
+ path: "/home-reset",
+ name: "home-reset",
+ component: () =>
+ import(/* webpackChunkName: "sock-common" */ "./views/home-reset.vue")
+ },
+ {
+ path: "/home-password",
+ name: "home-password",
+ component: () =>
+ import(
+ /* webpackChunkName: "sock-common" */ "./views/home-password.vue"
+ )
+ },
+ {
+ path: "/home-security",
+ name: "home-security",
+ component: () =>
+ import(
+ /* webpackChunkName: "sock-common" */ "./views/home-security.vue"
+ )
+ },
+ {
+ path: "/home-notify-subscriptions",
+ name: "home-notify-subscriptions",
+ component: () =>
+ import(
+ /* webpackChunkName: "sock-common" */ "./views/home-notify-subscriptions.vue"
+ )
+ },
+ {
+ path: "/home-notify-subscriptions/:recordid",
+ name: "home-notify-subscription",
+ component: () =>
+ import(
+ /* webpackChunkName: "sock-common" */ "./views/home-notify-subscription.vue"
+ )
+ },
+ //####################### CUSTOMERS GROUP ##############################
+ {
+ path: "/cust-customers",
+ name: "cust-customers",
+ component: () =>
+ import(/* webpackChunkName: "cust" */ "./views/cust-customers.vue")
+ },
+ {
+ path: "/cust-customers/:recordid",
+ name: "customer-edit",
+ component: () =>
+ import(/* webpackChunkName: "cust" */ "./views/cust-customer.vue")
+ },
+ {
+ path: "/cust-customer-notes/:customerid",
+ name: "customer-notes",
+ component: () =>
+ import(/* webpackChunkName: "cust" */ "./views/cust-customer-notes.vue")
+ },
+ {
+ path: "/cust-customer-note/:recordid",
+ name: "customer-note-edit",
+ component: () =>
+ import(/* webpackChunkName: "cust" */ "./views/cust-customer-note.vue")
+ },
+ {
+ path: "/cust-users",
+ name: "cust-users",
+ component: () =>
+ import(/* webpackChunkName: "cust" */ "./views/cust-users.vue")
+ },
+ {
+ path: "/cust-users/:recordid",
+ name: "cust-user",
+ component: () =>
+ import(/* webpackChunkName: "cust" */ "./views/cust-user.vue")
+ },
+ {
+ path: "/cust-head-offices",
+ name: "cust-head-offices",
+ component: () =>
+ import(/* webpackChunkName: "cust" */ "./views/cust-head-offices.vue")
+ },
+ {
+ path: "/cust-head-offices/:recordid",
+ name: "head-office-edit",
+ component: () =>
+ import(/* webpackChunkName: "cust" */ "./views/cust-head-office.vue")
+ },
+ {
+ path: "/cust-notify-subscriptions",
+ name: "cust-notify-subscriptions",
+ component: () =>
+ import(
+ /* webpackChunkName: "cust" */ "./views/customer-notify-subscriptions.vue"
+ )
+ },
+ {
+ path: "/cust-notify-subscriptions/:recordid",
+ name: "cust-notify-subscription",
+ component: () =>
+ import(
+ /* webpackChunkName: "cust" */ "./views/customer-notify-subscription.vue"
+ )
+ },
+
+ //####################### BUSINESS GROUP ##############################
+ {
+ path: "/biz-license-list",
+ name: "biz-license-list",
+ component: () =>
+ import(/* webpackChunkName: "biz" */ "./views/biz-license-list.vue")
+ },
+ {
+ path: "/biz-trial-request-list",
+ name: "biz-trial-request-list",
+ component: () =>
+ import(
+ /* webpackChunkName: "biz" */ "./views/biz-trial-request-list.vue"
+ )
+ },
+ {
+ path: "/biz-subscription-server-list",
+ name: "biz-subscription-server-list",
+ component: () =>
+ import(
+ /* webpackChunkName: "biz" */ "./views/biz-subscription-server-list.vue"
+ )
+ },
+ {
+ path: "/biz-subscription-server-list/:recordid",
+ name: "subscription-server-edit",
+ component: () =>
+ import(
+ /* webpackChunkName: "biz" */ "./views/biz-subscription-server.vue"
+ )
+ },
+ {
+ path: "/biz-purchase-list",
+ name: "biz-purchase-list",
+ component: () =>
+ import(/* webpackChunkName: "biz" */ "./views/biz-purchase-list.vue")
+ },
+ {
+ path: "/biz-purchase-list/:recordid",
+ name: "purchase-edit",
+ component: () =>
+ import(/* webpackChunkName: "biz" */ "./views/biz-purchase.vue")
+ },
+ {
+ path: "/biz-product-list",
+ name: "biz-product-list",
+ component: () =>
+ import(/* webpackChunkName: "biz" */ "./views/biz-product-list.vue")
+ },
+ {
+ path: "/biz-product-list/:recordid",
+ name: "product-edit",
+ component: () =>
+ import(/* webpackChunkName: "biz" */ "./views/biz-product.vue")
+ },
+ {
+ path: "/biz-vendor-list",
+ name: "biz-vendor-list",
+ component: () =>
+ import(/* webpackChunkName: "biz" */ "./views/biz-vendor-list.vue")
+ },
+ {
+ path: "/biz-vendor-list/:recordid",
+ name: "vendor-edit",
+ component: () =>
+ import(/* webpackChunkName: "biz" */ "./views/biz-vendor.vue")
+ },
+ {
+ path: "/biz-gzcase-list",
+ name: "biz-gzcase-list",
+ component: () =>
+ import(/* webpackChunkName: "biz" */ "./views/biz-gzcase-list.vue")
+ },
+ {
+ path: "/biz-gzcase-list/:recordid",
+ name: "gzcase-edit",
+ component: () =>
+ import(/* webpackChunkName: "biz" */ "./views/biz-gzcase.vue")
+ },
+ // //####################### SERVICE GROUP ##############################
+ // {
+ // path: "/svc-schedule",
+ // name: "svc-schedule",
+ // component: () =>
+ // import(/* webpackChunkName: "svc" */ "./views/svc-schedule.vue")
+ // },
+
+ //######################### ADMINISTRATION GROUP #####################################
+ {
+ path: "/adm-global-settings",
+ name: "adm-global-settings",
+ component: () =>
+ import(/* webpackChunkName: "adm" */ "./views/adm-global-settings.vue")
+ },
+ {
+ path: "/adm-global-select-templates",
+ name: "adm-global-select-templates",
+ component: () =>
+ import(
+ /* webpackChunkName: "adm" */ "./views/adm-global-select-templates.vue"
+ )
+ },
+ {
+ path: "/adm-global-seeds",
+ name: "adm-global-seeds",
+ component: () =>
+ import(/* webpackChunkName: "adm" */ "./views/adm-global-seeds.vue")
+ },
+ {
+ path: "/adm-global-logo",
+ name: "adm-global-logo",
+ component: () =>
+ import(/* webpackChunkName: "adm" */ "./views/adm-global-logo.vue")
+ },
+
+ {
+ path: "/adm-users",
+ name: "adm-users",
+ component: () =>
+ import(/* webpackChunkName: "adm" */ "./views/adm-users.vue")
+ },
+ {
+ path: "/adm-users/:recordid",
+ name: "adm-user",
+ component: () =>
+ import(/* webpackChunkName: "adm" */ "./views/adm-user.vue")
+ },
+ {
+ path: "/adm-translations",
+ name: "adm-translations",
+ component: () =>
+ import(/* webpackChunkName: "adm" */ "./views/adm-translations.vue")
+ },
+ {
+ path: "/adm-translations/:recordid",
+ name: "adm-translation",
+ component: () =>
+ import(/* webpackChunkName: "adm" */ "./views/adm-translation.vue")
+ },
+
+ {
+ path: "/adm-report-templates",
+ name: "adm-report-templates",
+ component: () =>
+ import(/* webpackChunkName: "adm" */ "./views/adm-report-templates.vue")
+ },
+ {
+ path: "/report-edit/:recordid", //Route to edit a report template
+ name: "sock-report-edit",
+ component: () =>
+ import(
+ //it gets it's own chunk name because it's huge and rarely used
+ /* webpackChunkName: "sock-report-edit" */ "./views/sock-report-edit.vue"
+ )
+ },
+ {
+ path: "/adm-attachments",
+ name: "adm-attachments",
+ component: () =>
+ import(/* webpackChunkName: "adm" */ "./views/adm-attachments.vue")
+ },
+
+ {
+ path: "/adm-history",
+ name: "adm-history",
+ component: () =>
+ import(/* webpackChunkName: "adm" */ "./views/adm-history.vue")
+ },
+ {
+ path: "/adm-import",
+ name: "adm-import",
+ component: () =>
+ import(/* webpackChunkName: "adm" */ "./views/adm-import.vue")
+ },
+ {
+ path: "/adm-integrations",
+ name: "adm-integrations",
+ component: () =>
+ import(/* webpackChunkName: "adm" */ "./views/adm-integrations.vue")
+ },
+ {
+ path: "/adm-integrations/:recordid",
+ name: "adm-integration",
+ component: () =>
+ import(/* webpackChunkName: "adm" */ "./views/adm-integration.vue")
+ },
+
+ //########################## OPERATIONS GROUP ############################
+ {
+ path: "/ops-backup",
+ name: "ops-backup",
+ component: () =>
+ import(/* webpackChunkName: "ops" */ "./views/ops-backup.vue")
+ },
+
+ {
+ path: "/ops-server-state",
+ name: "ops-server-state",
+ component: () =>
+ import(/* webpackChunkName: "ops" */ "./views/ops-server-state.vue")
+ },
+
+ {
+ path: "/ops-jobs",
+ name: "ops-jobs",
+ component: () =>
+ import(/* webpackChunkName: "ops" */ "./views/ops-jobs.vue")
+ },
+
+ {
+ path: "/ops-log",
+ name: "ops-log",
+ component: () =>
+ import(/* webpackChunkName: "ops" */ "./views/ops-log.vue")
+ },
+ {
+ path: "/ops-view-configuration",
+ name: "ops-view-configuration",
+ component: () =>
+ import(
+ /* webpackChunkName: "ops" */ "./views/ops-view-configuration.vue"
+ )
+ },
+
+ {
+ path: "/ops-metrics",
+ name: "ops-metrics",
+ component: () =>
+ import(/* webpackChunkName: "ops" */ "./views/ops-metrics.vue")
+ },
+ {
+ path: "/ops-profile",
+ name: "ops-profile",
+ component: () =>
+ import(/* webpackChunkName: "ops" */ "./views/ops-profile.vue")
+ },
+ {
+ path: "/ops-notify-queue",
+ name: "ops-notify-queue",
+ component: () =>
+ import(/* webpackChunkName: "ops" */ "./views/ops-notify-queue.vue")
+ },
+ {
+ path: "/ops-notification-settings",
+ name: "ops-notification-settings",
+ component: () =>
+ import(
+ /* webpackChunkName: "ops" */ "./views/ops-notification-settings.vue"
+ )
+ },
+ {
+ path: "/ops-notify-log",
+ name: "ops-notify-log",
+ component: () =>
+ import(/* webpackChunkName: "ops" */ "./views/ops-notify-log.vue")
+ },
+ {
+ path: "/ops-customer-notify-log",
+ name: "ops-customer-notify-log",
+ component: () =>
+ import(
+ /* webpackChunkName: "ops" */ "./views/ops-customer-notify-log.vue"
+ )
+ },
+
+ //############################## SPECIAL ROUTES ###############################
+
+ {
+ //No rights - happens when customer user logs in without access to anything at all due to configuration not allowing it
+ path: "/no-features-available",
+ name: "no-features-available",
+ component: () =>
+ import(
+ /* webpackChunkName: "sock-common" */ "./views/nofeaturesavailable.vue"
+ )
+ },
+ {
+ //404 404 404 404 404 404 404 404 404 404 404 404 404 404 404 404 404 404 404 404 404 404 404 404
+ path: "*",
+ name: "notfound",
+ component: () =>
+ import(/* webpackChunkName: "sock-common" */ "./views/notfound.vue")
+ }
+ ]
+});
diff --git a/src/store.js b/src/store.js
new file mode 100644
index 0000000..e8cac3e
--- /dev/null
+++ b/src/store.js
@@ -0,0 +1,210 @@
+import Vue from "vue";
+import Vuex from "vuex";
+import createPersistedState from "vuex-persistedstate";
+
+const MaxLogLength = 100;
+
+Vue.use(Vuex);
+
+//reset all local settings via url
+//localhost:8080/login?reset
+if (window.location.search) {
+ var searchParams = new URLSearchParams(window.location.search);
+ if (searchParams.has("reset")) {
+ localStorage.removeItem("Sockeye");
+ console.log("LOCAL SETTINGS RESET");
+ }
+}
+
+export default new Vuex.Store({
+ plugins: [createPersistedState({ key: "Sockeye" })],
+ state: {
+ lastClientVersion: "",
+ authenticated: false,
+ apiToken: "-",
+ downloadToken: "-",
+ l: false, //license lockout flag
+ tfaEnabled: undefined,
+ customerRights: {},
+ userId: 0,
+ userName: "NOT AUTHENTICATED",
+ roles: 0,
+ userType: 0,
+ homePage: undefined,
+ translationText: {},
+ enums: {}, //all enum values with translated text to match stored as key
+ userOptions: {
+ languageOverride: "en-US",
+ timeZoneOverride: null, //use browser tz by default
+ currencyName: "USD",
+ hour12: true,
+ uiColor: "#000000ff",
+ emailAddress: null,
+ mapUrlTemplate: null
+ },
+ globalSettings: {},
+ navItems: [],
+ logArray: [],
+ formSettings: {}, //this is the settings on forms that survive a refresh like grid number of items to show etc
+ formCustomTemplate: {}, //this is the custom fields settings for forms,
+ darkMode: false,
+ nativeDateTimeInput: false,
+ knownPassword: false,
+ newNotificationCount: 0
+ },
+ getters: {
+ /* User types:
+ Service = 1,
+ NotService = 2,
+ Customer = 3,
+ HeadOffice = 4,
+ ServiceContractor = 5
+ */
+ isCustomerUser: state => {
+ return state.userType == 3 || state.userType == 4;
+ },
+ isSubContractorUser: state => {
+ return state.userType == 5;
+ },
+ isScheduleableUser: state => {
+ return state.userType == 1 || state.userType == 5;
+ },
+ canSubscribeToNotifications: state => {
+ switch (state.userType) {
+ case 1:
+ case 2:
+ return true;
+ case 3:
+ case 4:
+ //customer / headoffice and some notifications are enabled for them
+ return (
+ state.customerRights.notifyServiceImminent == true ||
+ state.customerRights.notifyCSRAccepted == true ||
+ state.customerRights.notifyCSRRejected == true ||
+ state.customerRights.notifyWOCompleted == true ||
+ state.customerRights.notifyWOCreated == true
+ );
+ case 5: //subcontractor for now no notification subscriptions available
+ return false;
+ }
+ return false;
+ },
+ isSuperUser: state => {
+ return state.userId === 1;
+ }
+ },
+ mutations: {
+ setLastClientVersion(state, data) {
+ state.lastClientVersion = data;
+ },
+ login(state, data) {
+ // mutate state
+ state.authenticated = data.authenticated;
+ state.userId = data.userId;
+ state.roles = data.roles;
+ state.apiToken = data.apiToken;
+ state.userName = data.userName;
+ state.userType = data.userType;
+ state.downloadToken = data.dlt;
+ state.l = data.l;
+ state.tfaEnabled = data.tfaEnabled;
+ if (data.customerRights) {
+ state.customerRights = data.customerRights;
+ }
+ },
+ logout(state) {
+ //Things that are reset on logout
+ state.apiToken = "-";
+ state.downloadToken = "-";
+ state.l = false;
+ state.tfaEnabled = undefined;
+ state.customerRights = {};
+ state.authenticated = false;
+ state.userId = 0;
+ state.userName = "NOT AUTHENTICATED";
+ state.roles = 0;
+ state.userType = 0;
+ state.homePage = undefined;
+ state.navItems = [];
+ state.translationText = {};
+ state.enums = {};
+ state.formCustomTemplate = {};
+ state.userOptions.languageOverride = "en-US";
+ state.userOptions.timeZoneOverride = null;
+ state.userOptions.currencyName = "USD";
+ state.userOptions.hour12 = true;
+ //state.userOptions.uiColor = "#000000ff";
+ state.userOptions.emailAddress = null;
+ state.userOptions.mapUrlTemplate = null;
+ state.globalSettings = {};
+ state.knownPassword = false;
+ state.newNotificationCount = 0;
+ },
+ addNavItem(state, data) {
+ state.navItems.push(data);
+ },
+ setTranslationText(state, data) {
+ state.translationText[data.key] = data.value;
+ },
+ setFormCustomTemplateItem(state, data) {
+ state.formCustomTemplate[data.formKey + "_concurrencyToken"] =
+ data.concurrency;
+ state.formCustomTemplate[data.formKey] = data.value;
+ },
+ setUserOptions(state, data) {
+ // mutate state
+ state.userOptions.languageOverride = data.languageOverride;
+ state.userOptions.currencyName = data.currencyName;
+ state.userOptions.hour12 = data.hour12;
+ state.userOptions.timeZoneOverride = data.timeZoneOverride;
+ state.userOptions.emailAddress = data.emailAddress;
+ //state.userOptions.uiColor = data.uiColor;
+ state.userOptions.mapUrlTemplate = data.mapUrlTemplate;
+ },
+ setGlobalSettings(state, data) {
+ // mutate state
+ state.globalSettings = data;
+ },
+ setEnum(state, data) {
+ state.enums[data.enumKey] = data.items;
+ },
+ logItem(state, msg) {
+ msg = new Date().toLocaleString("sv-SE") + "|" + msg;
+ state.logArray.push(msg);
+ if (state.logArray.length > MaxLogLength) {
+ //remove beginning elements
+ state.logArray = state.logArray.slice(
+ state.logArray.length - MaxLogLength
+ );
+ }
+ },
+ clearAllFormSettings(state) {
+ state.formSettings = {};
+ },
+ setFormSettings(state, data) {
+ state.formSettings[data.formKey] = data.formSettings;
+ },
+ clearFormSettings(state, formKey) {
+ delete state.formSettings[formKey];
+ },
+ setHomePage(state, data) {
+ state.homePage = data;
+ },
+ setDarkMode(state, data) {
+ state.darkMode = data;
+ },
+ setNativeDateTimeInput(state, data) {
+ state.nativeDateTimeInput = data;
+ },
+ setKnownPassword(state, data) {
+ state.knownPassword = data;
+ },
+ setNewNotificationCount(state, data) {
+ state.newNotificationCount = data;
+ },
+ setTfaEnabled(state, data) {
+ state.tfaEnabled = data;
+ }
+ },
+ actions: {}
+});
diff --git a/src/sw.js b/src/sw.js
new file mode 100644
index 0000000..944252f
--- /dev/null
+++ b/src/sw.js
@@ -0,0 +1,25 @@
+// This is the code piece that GenerateSW mode can't provide for us.
+// This code listens for the user's confirmation to update the app.
+//https://medium.com/@dougallrich/give-users-control-over-app-updates-in-vue-cli-3-pwas-20453aedc1f2
+self.addEventListener("message", e => {
+ if (!e.data) {
+ return;
+ }
+
+ switch (e.data) {
+ case "skipWaiting":
+ self.skipWaiting();
+ break;
+ default:
+ // NOOP
+ break;
+ }
+});
+
+workbox.core.clientsClaim(); // Vue CLI 4 and Workbox v4, else
+// workbox.clientsClaim(); // Vue CLI 3 and Workbox v3.
+
+// The precaching code provided by Workbox.
+self.__precacheManifest = [].concat(self.__precacheManifest || []);
+// workbox.precaching.suppressWarnings(); // Only used with Vue CLI 3 and Workbox v3.
+workbox.precaching.precacheAndRoute(self.__precacheManifest, {});
diff --git a/src/views/adm-attachments.vue b/src/views/adm-attachments.vue
new file mode 100644
index 0000000..b248bf4
--- /dev/null
+++ b/src/views/adm-attachments.vue
@@ -0,0 +1,315 @@
+
+
+
+ Wiki
+
+
+
+
+
+ $sockiEye
+
+
+ $sockiEdit
+
+
+ $sockiColumns
+
+
+
+
+
+ $sockiBold
+
+ $sockiItalic
+
+ $sockiStrikethrough
+
+
+
+
+
+ $sockiHeading
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ $sockiMinus
+
+ $sockiQuoteLeft
+
+ $sockiListUl
+
+ $sockiListOl
+
+ $sockiCheckSquare
+
+
+
+
+
+ $sockiTable
+
+
+
+ {{ $sock.t("Table") }}
+
+
+ {{
+ $sock.t("Cancel")
+ }}
+ {{
+ $sock.t("OK")
+ }}
+
+
+
+
+
+
+
+ $sockiLink
+
+
+
+ {{ $sock.t("InsertLink") }}
+
+
+ {{
+ $sock.t("Cancel")
+ }}
+ {{
+ $sock.t("OK")
+ }}
+
+
+
+
+
+
+
+
+ $sockiImage
+
+
+
+ {{ $sock.t("InsertImage") }}
+
+ {{
+ $sock.t("Cancel")
+ }}
+ {{ $sock.t("OK") }}
+
+
+
+
+
+
+
+
+ $sockiCode
+
+ $sockiSquareFull
+
+
+
+ $sockiQuestionCircle
+
+
+ {{ $sock.t("Heading") }} 1
{{ $sock.t("Heading") }} 2
{{ $sock.t("Heading") }} 3
{{ $sock.t("Heading") }} 4
{{ $sock.t("Heading") }} 5
{{ $sock.t("Heading") }} 6
+
+
+
+
+
+
+
+ URL
+ {{ $sock.t("Attachments") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $sock.t("MoveSelected") }}
+
+
+
+
+
+ {{ $sock.t("Cancel") }}
+
+
+ {{ $sock.t("OK") }}
+
+
+
+
+
+
+
+
diff --git a/src/views/adm-global-logo.vue b/src/views/adm-global-logo.vue
new file mode 100644
index 0000000..73c56aa
--- /dev/null
+++ b/src/views/adm-global-logo.vue
@@ -0,0 +1,282 @@
+
+
+ $sockiStepBackward $sockiBackward $sockiForward $sockiStepForward
+
+
+
+
+
+
diff --git a/src/views/adm-history.vue b/src/views/adm-history.vue
new file mode 100644
index 0000000..47239a1
--- /dev/null
+++ b/src/views/adm-history.vue
@@ -0,0 +1,68 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $sock.t("AddressTypePhysical") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $sock.t("AddressTypePostal") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $sock.t("UserInterfaceSettings") }}
+
+
+ {{ $sock.t("GlobalLogo") }}
+
+
+ {{
+ $sock.t("PickListTemplates")
+ }}
+
+
+
+
+
+
+
+
+
+
+ {{ $sock.t("UserSettings") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $sock.t("NotifySubscriptionList") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $sock.t("BusinessSettings") }}
+
+
+ {{ $sock.t("CompanyInformation") }}
+
+
+ {{ $sock.t("CustomerAccessSettings") }}
+
+
+
+
+
+
+
+
diff --git a/src/views/adm-import.vue b/src/views/adm-import.vue
new file mode 100644
index 0000000..f39de61
--- /dev/null
+++ b/src/views/adm-import.vue
@@ -0,0 +1,635 @@
+
+
+
+
+
diff --git a/src/views/adm-integration.vue b/src/views/adm-integration.vue
new file mode 100644
index 0000000..7a079dd
--- /dev/null
+++ b/src/views/adm-integration.vue
@@ -0,0 +1,418 @@
+
+
+
+
+
+
+
+
+
+
+ {{ $sock.t("Import") }}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/adm-integrations.vue b/src/views/adm-integrations.vue
new file mode 100644
index 0000000..07ab721
--- /dev/null
+++ b/src/views/adm-integrations.vue
@@ -0,0 +1,84 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ log }}
+
+
+
+
+
+
diff --git a/src/views/adm-report-templates.vue b/src/views/adm-report-templates.vue
new file mode 100644
index 0000000..aedad99
--- /dev/null
+++ b/src/views/adm-report-templates.vue
@@ -0,0 +1,119 @@
+
+
+
+
+ {{ $sock.t("Upload") }}
+
+
+
+
diff --git a/src/views/adm-translation.vue b/src/views/adm-translation.vue
new file mode 100644
index 0000000..c0befa9
--- /dev/null
+++ b/src/views/adm-translation.vue
@@ -0,0 +1,626 @@
+
+
+
+
+
+
+ {{ $sock.t("FindAndReplace") }}
+
+
+
+
+ {{
+ $sock.t("Cancel")
+ }}
+ {{
+ $sock.t("OK")
+ }}
+
+
+
+
+
+
+
+
+
+ {{
+ $sock.t("ReadOnly")
+ }}
+
+ $sockiClone {{ $sock.t("Duplicate") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ props.item.display }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/adm-translations.vue b/src/views/adm-translations.vue
new file mode 100644
index 0000000..3ef994a
--- /dev/null
+++ b/src/views/adm-translations.vue
@@ -0,0 +1,119 @@
+
+
+
+
+ {{ $sock.t("Upload") }}
+
+
+
diff --git a/src/views/adm-user.vue b/src/views/adm-user.vue
new file mode 100644
index 0000000..fe738c6
--- /dev/null
+++ b/src/views/adm-user.vue
@@ -0,0 +1,1137 @@
+
+
+
+
+
+
+
diff --git a/src/views/adm-users.vue b/src/views/adm-users.vue
new file mode 100644
index 0000000..9aa3415
--- /dev/null
+++ b/src/views/adm-users.vue
@@ -0,0 +1,173 @@
+
+
+
+
+ {{ $sock.t("User") }}
+ {{ $sock.t("UserSettings") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $sock.t("UserColor") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/biz-gzcase-list.vue b/src/views/biz-gzcase-list.vue
new file mode 100644
index 0000000..1e0b102
--- /dev/null
+++ b/src/views/biz-gzcase-list.vue
@@ -0,0 +1,177 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/biz-gzcase.vue b/src/views/biz-gzcase.vue
new file mode 100644
index 0000000..d269ddd
--- /dev/null
+++ b/src/views/biz-gzcase.vue
@@ -0,0 +1,613 @@
+
+
+
+
+
+
+
diff --git a/src/views/biz-license-list.vue b/src/views/biz-license-list.vue
new file mode 100644
index 0000000..47b5e6c
--- /dev/null
+++ b/src/views/biz-license-list.vue
@@ -0,0 +1,179 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/biz-product-list.vue b/src/views/biz-product-list.vue
new file mode 100644
index 0000000..60fd95a
--- /dev/null
+++ b/src/views/biz-product-list.vue
@@ -0,0 +1,179 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/biz-product.vue b/src/views/biz-product.vue
new file mode 100644
index 0000000..3f2d53c
--- /dev/null
+++ b/src/views/biz-product.vue
@@ -0,0 +1,671 @@
+
+
+
+
+
+
+
diff --git a/src/views/biz-purchase-list.vue b/src/views/biz-purchase-list.vue
new file mode 100644
index 0000000..0eb7da9
--- /dev/null
+++ b/src/views/biz-purchase-list.vue
@@ -0,0 +1,181 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/biz-purchase.vue b/src/views/biz-purchase.vue
new file mode 100644
index 0000000..84933ad
--- /dev/null
+++ b/src/views/biz-purchase.vue
@@ -0,0 +1,774 @@
+
+
+
+
+
+
+
diff --git a/src/views/biz-subscription-server-list.vue b/src/views/biz-subscription-server-list.vue
new file mode 100644
index 0000000..b34c452
--- /dev/null
+++ b/src/views/biz-subscription-server-list.vue
@@ -0,0 +1,181 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/biz-subscription-server.vue b/src/views/biz-subscription-server.vue
new file mode 100644
index 0000000..845ad9f
--- /dev/null
+++ b/src/views/biz-subscription-server.vue
@@ -0,0 +1,1487 @@
+
+
+
+
+
+
+
diff --git a/src/views/biz-trial-request-list.vue b/src/views/biz-trial-request-list.vue
new file mode 100644
index 0000000..3f566f4
--- /dev/null
+++ b/src/views/biz-trial-request-list.vue
@@ -0,0 +1,183 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ $sockiPlus
+
+
+
+
+
+ $sockiPlus
+
+ One week
+
+
+
+ $sockiPlus
+
+ One month
+
+
+
+ $sockiPlus
+
+ One year
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/biz-vendor-list.vue b/src/views/biz-vendor-list.vue
new file mode 100644
index 0000000..a71912b
--- /dev/null
+++ b/src/views/biz-vendor-list.vue
@@ -0,0 +1,179 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/biz-vendor.vue b/src/views/biz-vendor.vue
new file mode 100644
index 0000000..a74351f
--- /dev/null
+++ b/src/views/biz-vendor.vue
@@ -0,0 +1,1209 @@
+
+
+
+
+
+
+
diff --git a/src/views/cust-customer-note.vue b/src/views/cust-customer-note.vue
new file mode 100644
index 0000000..57c0334
--- /dev/null
+++ b/src/views/cust-customer-note.vue
@@ -0,0 +1,465 @@
+
+
+
+
+ {{ $sock.t("Vendor") }}
+ {{ $sock.t("Address") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $sock.t("AddressTypePhysical") }}
+ $sockiEllipsisV
+
+
+
+
+
+ $sockiCopy
+
+ {{
+ $sock.t("CopyToClipboard")
+ }}
+
+
+
+ $sockiClone
+
+ {{
+ $sock.t("AddressCopyToPostal")
+ }}
+
+
+
+ $sockiMapMarker
+
+ {{
+ $sock.t("GeoCapture")
+ }}
+
+
+
+
+ {{ $sock.t("AddressTypePhysical") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $sock.t("AddressTypePostal") }}
+ $sockiEllipsisV
+
+
+
+
+
+ $sockiCopy
+
+ {{
+ $sock.t("CopyToClipboard")
+ }}
+
+
+
+ $sockiClone
+
+ {{
+ $sock.t("AddressCopyToPhysical")
+ }}
+
+
+
+
+ {{ $sock.t("AddressTypePostal") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/cust-customer-notes.vue b/src/views/cust-customer-notes.vue
new file mode 100644
index 0000000..1fd41c8
--- /dev/null
+++ b/src/views/cust-customer-notes.vue
@@ -0,0 +1,171 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/views/cust-customer.vue b/src/views/cust-customer.vue
new file mode 100644
index 0000000..bf03348
--- /dev/null
+++ b/src/views/cust-customer.vue
@@ -0,0 +1,1420 @@
+
+
+
+
+
+
+
diff --git a/src/views/cust-customers.vue b/src/views/cust-customers.vue
new file mode 100644
index 0000000..a7457b6
--- /dev/null
+++ b/src/views/cust-customers.vue
@@ -0,0 +1,182 @@
+
+
+
+
+ {{ $sock.t("Customer") }}
+ {{ $sock.t("Address") }}
+ {{ $sock.t("Contacts") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $sock.t("AddressTypePhysical") }}
+ $sockiEllipsisV
+
+
+
+
+
+ $sockiCopy
+
+ {{
+ $sock.t("CopyToClipboard")
+ }}
+
+
+
+ $sockiClone
+
+ {{
+ $sock.t("AddressCopyToPostal")
+ }}
+
+
+
+ $sockiMapMarker
+
+ {{
+ $sock.t("GeoCapture")
+ }}
+
+
+
+
+ {{ $sock.t("AddressTypePhysical") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $sock.t("AddressTypePostal") }}
+ $sockiEllipsisV
+
+
+
+
+
+ $sockiCopy
+
+ {{
+ $sock.t("CopyToClipboard")
+ }}
+
+
+
+ $sockiClone
+
+ {{
+ $sock.t("AddressCopyToPhysical")
+ }}
+
+
+
+
+ {{ $sock.t("AddressTypePostal") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ $sockiSync
+
+
+ $sockiPlus
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/cust-head-office.vue b/src/views/cust-head-office.vue
new file mode 100644
index 0000000..4fa400e
--- /dev/null
+++ b/src/views/cust-head-office.vue
@@ -0,0 +1,1339 @@
+
+
+
+
+
+
+
diff --git a/src/views/cust-head-offices.vue b/src/views/cust-head-offices.vue
new file mode 100644
index 0000000..44108af
--- /dev/null
+++ b/src/views/cust-head-offices.vue
@@ -0,0 +1,151 @@
+
+
+
+
+ {{ $sock.t("HeadOffice") }}
+ {{ $sock.t("Address") }}
+ {{ $sock.t("Contacts") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $sock.t("AddressTypePhysical") }}
+ $sockiEllipsisV
+
+
+
+
+
+ $sockiCopy
+
+ {{
+ $sock.t("CopyToClipboard")
+ }}
+
+
+
+ $sockiClone
+
+ {{
+ $sock.t("AddressCopyToPostal")
+ }}
+
+
+
+ $sockiMapMarker
+
+ {{
+ $sock.t("GeoCapture")
+ }}
+
+
+
+
+ {{ $sock.t("AddressTypePhysical") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $sock.t("AddressTypePostal") }}
+ $sockiEllipsisV
+
+
+
+
+
+ $sockiCopy
+
+ {{
+ $sock.t("CopyToClipboard")
+ }}
+
+
+
+ $sockiClone
+
+ {{
+ $sock.t("AddressCopyToPhysical")
+ }}
+
+
+
+
+ {{ $sock.t("AddressTypePostal") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ $sockiSync
+
+
+ $sockiPlus
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/cust-user.vue b/src/views/cust-user.vue
new file mode 100644
index 0000000..5ff877c
--- /dev/null
+++ b/src/views/cust-user.vue
@@ -0,0 +1,1084 @@
+
+
+
+
+
+
+
diff --git a/src/views/cust-users.vue b/src/views/cust-users.vue
new file mode 100644
index 0000000..b2bb1b7
--- /dev/null
+++ b/src/views/cust-users.vue
@@ -0,0 +1,157 @@
+
+
+
+
+ {{ $sock.t("Contact") }}
+ {{ $sock.t("UserSettings") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/customer-notify-subscription.vue b/src/views/customer-notify-subscription.vue
new file mode 100644
index 0000000..2ee089f
--- /dev/null
+++ b/src/views/customer-notify-subscription.vue
@@ -0,0 +1,1353 @@
+
+
+
+
+
+
+ {{ $sock.t("NotifyEventType") }}
+ {{ $sock.t("OpsNotificationSettings") }}
+
+
+
+
+
+
+
+
+
+
+
+ $sockiFlag
+
+
+ {{
+ data.item.name
+ }}$sockiLock
+ $sockiCheckCircle
+
+ {{ data.item.notes }}
+
+
+
+
+
+
+
+
+
+ $sockiFlag
+
+
+ {{
+ data.item.name
+ }}$sockiLock
+ $sockiCheckCircle
+
+ {{ data.item.notes }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ whoList.length }}
+
+ {{ $sock.t("WhoWillBeNotified") }}
+
+
+
+
+
+
+
+
+
+
+ {{ item.name }}
+ {{ item.name }}
+ {{
+ item.emailAddress
+ }}
+
+
+
+
+
+
+
+
+ {{
+ $sock.t("Close")
+ }}
+
+
+
+
+
+
+
+
+
diff --git a/src/views/customer-notify-subscriptions.vue b/src/views/customer-notify-subscriptions.vue
new file mode 100644
index 0000000..bf1d5f1
--- /dev/null
+++ b/src/views/customer-notify-subscriptions.vue
@@ -0,0 +1,238 @@
+
+
+ {{ $sock.t("NoData") }}
+
+
+
+
+
+
+
diff --git a/src/views/home-dashboard.vue b/src/views/home-dashboard.vue
new file mode 100644
index 0000000..1e6bcff
--- /dev/null
+++ b/src/views/home-dashboard.vue
@@ -0,0 +1,381 @@
+
+
+
+
+
+
+
+ {{ $sock.t("Add") }}
+
+
+
+
+
+ {{ item.icon }} {{
+ $sock.t(item.title)
+ }}
+
+
+
+
+
+ {{ $sock.t("Cancel") }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ $sock.t("Add") }}
+
+
+
+
+
+
diff --git a/src/views/home-memo.vue b/src/views/home-memo.vue
new file mode 100644
index 0000000..377e1e6
--- /dev/null
+++ b/src/views/home-memo.vue
@@ -0,0 +1,689 @@
+
+
+
+
+
+
+
diff --git a/src/views/home-memos.vue b/src/views/home-memos.vue
new file mode 100644
index 0000000..b8c41f4
--- /dev/null
+++ b/src/views/home-memos.vue
@@ -0,0 +1,146 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $sock.t("MemoSent") }}
{{ $sock.dt(obj.sent) }}
+
+ {{ $sock.t("MemoFromID") }}
{{ obj.fromName }}
+
+ {{ $sock.t("MemoSubject") }}
{{ obj.name }}
+
+ {{ $sock.t("MemoMessage") }}
+
{{ obj.notes }}
+
+ {{ $sock.t("MemoToID") }}
{{ obj.fromName }}
+
+
+
+
+
+
+
+
+
diff --git a/src/views/home-notifications.vue b/src/views/home-notifications.vue
new file mode 100644
index 0000000..abb2cc1
--- /dev/null
+++ b/src/views/home-notifications.vue
@@ -0,0 +1,321 @@
+
+
+
+
+
+
+
+ {{ i.name
+ }}
+ - {{ i.ageValueViz }}
+ - {{ i.decValueViz }}
+ {{ i.uicreated }} - {{ i.uievent }}
+
+ {{ i.icon }} {{ i.uiaysockType }}
+
+
+ {{
+ $sock.t("Delete")
+ }}
+ {{ $sock.t("Open") }}
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/home-notify-direct.vue b/src/views/home-notify-direct.vue
new file mode 100644
index 0000000..b71a4c2
--- /dev/null
+++ b/src/views/home-notify-direct.vue
@@ -0,0 +1,310 @@
+
+
+ {{ $sock.t("NoData") }}
+
+
+
+ {{ i.message }}
+
+
+
+
+
+
+
+
+
+
+
+ $sockiFlag
+
+
+ {{ data.item.name }}$sockiLock
+ $sockiCheckCircle
+
+ {{ data.item.notes }}
+
+
+
+
+
+
+
+
+
+ $sockiFlag
+
+
+ {{ data.item.name }}$sockiLock
+ $sockiCheckCircle
+
+ {{ data.item.notes }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ATTACH REPORT stub: dynamic list of reports for type
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/home-notify-subscriptions.vue b/src/views/home-notify-subscriptions.vue
new file mode 100644
index 0000000..2808c76
--- /dev/null
+++ b/src/views/home-notify-subscriptions.vue
@@ -0,0 +1,258 @@
+
+
+
+
+
+
+
diff --git a/src/views/home-password.vue b/src/views/home-password.vue
new file mode 100644
index 0000000..b649b79
--- /dev/null
+++ b/src/views/home-password.vue
@@ -0,0 +1,280 @@
+
+
+
+
+
+
+
diff --git a/src/views/home-reminders.vue b/src/views/home-reminders.vue
new file mode 100644
index 0000000..7dd7259
--- /dev/null
+++ b/src/views/home-reminders.vue
@@ -0,0 +1,150 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $sock.t("ReminderColor") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/home-reset.vue b/src/views/home-reset.vue
new file mode 100644
index 0000000..5a2b522
--- /dev/null
+++ b/src/views/home-reset.vue
@@ -0,0 +1,179 @@
+
+
+
+
+
+
+
diff --git a/src/views/home-reviews.vue b/src/views/home-reviews.vue
new file mode 100644
index 0000000..c2c06e9
--- /dev/null
+++ b/src/views/home-reviews.vue
@@ -0,0 +1,181 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ iconForType }} {{ name }}
+
+
+
+
+
+
+
+
+
diff --git a/src/views/home-schedule.vue b/src/views/home-schedule.vue
new file mode 100644
index 0000000..ee07f3c
--- /dev/null
+++ b/src/views/home-schedule.vue
@@ -0,0 +1,1289 @@
+
+
+
+
+
+ {{ $sock.t("DateRangeToday") }}
+
+
+ $prev
+
+
+ $next
+
+
+
+ {{ $refs.calendar.title }}
+
+
+ $sockiCog
+
+
+
+
+
+ {{ typeToLabel() }}
+ $sort
+
+
+
+
+ {{
+ $sock.t("ScheduleDay")
+ }}
+
+
+ {{
+ $sock.t("ScheduleWeek")
+ }}
+
+
+ {{
+ $sock.t("ScheduleMonth")
+ }}
+
+
+ {{
+ $sock.t("Schedule4Day")
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $sock.t("New") }}
+
+
+ $sockiTools {{ $sock.t("WorkOrder") }}
+ $sockiStickyNote {{ $sock.t("Reminder") }}
+
+
+ {{
+ $sock.t("Cancel")
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ iconForSelectedEvent() }}
+
+ {{ selectedEvent.name }}
+
+
+
+
+
+
+ {{
+ $sock.t("Open")
+ }}
+
+
+ {{ $sock.t("Close") }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $sock.t("ScheduleOptions") }}
+
+
+
+
+
+
+
+
+ {{
+ $sock.t("ScheduleShowTypes")
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ $sock.t("Cancel")
+ }}
+ {{ $sock.t("Save") }}
+
+
+
+
+
+
+
+
+
diff --git a/src/views/home-search.vue b/src/views/home-search.vue
new file mode 100644
index 0000000..db5c80c
--- /dev/null
+++ b/src/views/home-search.vue
@@ -0,0 +1,363 @@
+
+
+ {{
+ iconForEvent(event.type)
+ }}
+
+
+ $sockiLock
+
+
+
+
+ {{ $sock.t("ReminderName") }}:
+ {{ evInfo.name }}
+
+
+ {{ $sock.t("DashboardScheduled") }}:
+ {{ $sock.dt(evInfo.startDate) }} — {{
+ $sock.dt(evInfo.stopDate)
+ }}
+
+
+ {{ $sock.t("ReminderNotes") }}:
+
+ $sockiSquareFull {{ evInfo.notes }}
+
+
+
+
+
+ {{ $sock.util().iconForType(evInfo.aType) }}
+ {{ evInfo.reviewObjectViz }}
+
+
+ {{ $sock.t("ReviewName") }}:
+ {{ evInfo.name }}
+
+
+ {{ $sock.t("ReviewDate") }}:
+ {{
+ $sock.dt(evInfo.reviewDate)
+ }}
+
+
+ {{ $sock.t("ReviewNotes") }}:
+ {{ evInfo.notes }}
+
+
+
+
+ {{ $sock.t("ReviewCompletedDate") }}:
+ {{
+ $sock.dt(evInfo.completedDate)
+ }}
+
+
+ {{ $sock.t("ReviewCompletionNotes") }}:
+
+ {{ evInfo.completionNotes }}
+
+
+
+
+
+
+ {{ $sock.t("WorkOrder") }}:
+ {{ evInfo.serial }} {{ evInfo.customerViz }}
+
+
+ {{ evInfo.wosummary }}
+
+
+ {{ $sock.t("Tags") }}:
+ {{
+ $sock.util().formatTags(evInfo.wotags)
+ }}
+
+
+ {{ $sock.t("DashboardScheduled") }}:
+ {{ $sock.dt(evInfo.startDate) }} — {{
+ $sock.dt(evInfo.stopDate)
+ }}
+
+
+ {{
+ $sock.t("WorkOrderItemScheduledUserEstimatedQuantity")
+ }}:
+ {{ evInfo.qty }}
+
+
+ {{
+ $sock.t("WorkOrderItemScheduledUserServiceRateID")
+ }}:
+ {{ evInfo.rate }}
+
+
+
+ {{ $sock.t("WorkOrderStatus") }}:
+ {{ evInfo.wostatus }}
+ $sockiFlag
+ $sockiLock
+ $sockiCheckCircle
+
+
+
+ {{ $sock.t("WorkOrderItemSummary") }}:
+
+ $sockiCircle {{ evInfo.woitemstatus }}
+
+
+
+ {{ $sock.t("WorkOrderItemPriorityID") }}:
+
+ $sockiFireAlt {{ evInfo.woitempriority }}
+
+
+ {{ $sock.t("WorkOrderItemTags") }}:
+ {{
+ $sock.util().formatTags(evInfo.woitemtags)
+ }}
+
+
+ {{ $sock.t("NoResults") }}
+
+ ![Embedded QR Code]()
+
+ {{ $sock.t("AuthConnectAppManualEntry") }}
+ {{ obj.s }}
+
+
+
+
diff --git a/src/views/nofeaturesavailable.vue b/src/views/nofeaturesavailable.vue
new file mode 100644
index 0000000..fbcff02
--- /dev/null
+++ b/src/views/nofeaturesavailable.vue
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+ {{ authTwoFactor }}
+
+
+
+
+ {{
+ cancel
+ }}
+ {{ authVerifyCode }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ $sockiEgg
+
+
+ {{ $sock.t("NoFeaturesAvailable") }}
+
+
+ $sockiDragon
+
+
+ {{ msg }}
+
+
+ ({{ $sock.t("AvailableSpace") }} {{
+ backupAvailableSpace
+ }})
+
+
+
+
+
+
+
diff --git a/src/views/ops-jobs.vue b/src/views/ops-jobs.vue
new file mode 100644
index 0000000..538b226
--- /dev/null
+++ b/src/views/ops-jobs.vue
@@ -0,0 +1,257 @@
+
+ {{ log }}
+
+
+
+
+
+ {{ $sock.t("TestSMTPSettings") }}
+
+
+
+
+ {{
+ $sock.t("Cancel")
+ }}
+ {{ $sock.t("OK") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/ops-notify-log.vue b/src/views/ops-notify-log.vue
new file mode 100644
index 0000000..2a77a88
--- /dev/null
+++ b/src/views/ops-notify-log.vue
@@ -0,0 +1,78 @@
+
+
+
+
+
+
+
diff --git a/src/views/ops-notify-queue.vue b/src/views/ops-notify-queue.vue
new file mode 100644
index 0000000..87ea3ad
--- /dev/null
+++ b/src/views/ops-notify-queue.vue
@@ -0,0 +1,253 @@
+
+
+ Server Environment
+
+
+ {{ name }}:
+ {{ value }}
+
+
+ DB Server parameters
+
+
+ {{ name }}:
+ {{ value }}
+
+
+ {{ $sock.t("Version") }}:
+ {{ clientInfo.version }}
+
+
+ {{ $sock.t("User") }}:
+ {{ $store.state.userName }}
+
+
+
+ 12h:
+
+ {{ locale().getHour12() }}
+
+
+
+
+ Effective time zone:
+
+ {{ locale().getResolvedTimeZoneName() }}
+
+
+
+
+ Effective language code:
+ {{ locale().getResolvedLanguage() }}
+
+
+
+ {{ $sock.t("NativeDateTimeInput") }}:
+
+ {{
+ $store.state.nativeDateTimeInput
+ }}
+
+
+
+ {{ $sock.t("CurrencyCode") }}:
+ {{ locale().getCurrencyName() }}
+
+
+
+ {{ $sock.t("DarkMode") }}:
+ {{ $store.state.darkMode }}
+
+
+
+ {{ name }}:
+ {{ value }}
+
+
+
+ {{ $sock.t("ServerAddress") }}:
+ {{ apiUrl }}
+
+
+ {{ $sock.t("Version") }}:
+ {{ serverInfo.serverVersion }} {{ serverInfo.build }}
+
+
+ {{ $sock.t("SchemaVersion") }}:
+ {{ serverInfo.dbSchemaVersion }}
+
+
+ {{ $sock.t("ServerTime") }}:
+ {{ serverInfo.serverLocalTime }}
+
+
+ Server time zone:
+ {{ serverInfo.serverTimeZone }}
+
+
+ {{ $sock.t("HelpLicense") }}
+ {{
+ $sock.t("LicensedOptions")
+ }}
+
+
+
+
+ {{ $sock.t("RegisteredUser") }}:
+
+ {{
+ serverInfo.license.license.licensedTo
+ }}
+
+
+ {{ $sock.t("DatabaseID") }}:
+ {{
+ serverInfo.license.license.serverDbId
+ }}
+
+
+ {{ $sock.t("LicenseSerial") }}:
+
+ {{
+ serverInfo.license.license.keySerial
+ }}
+
+
+ {{ $sock.t("LicenseType") }}:
+ {{
+ serverInfo.license.license.perpetual
+ ? $sock.t("LicenseTypePerpetual")
+ : $sock.t("LicenseTypeSubscription")
+ }}
+
+
+ {{ $sock.t("LicenseExpiration") }}:
+
+ {{
+ $sock.dt(serverInfo.license.license.licenseExpiration)
+ }}
+
+
+ {{ $sock.t("SupportedUntil") }}:
+
+ {{
+ $sock.dt(serverInfo.license.license.maintenanceExpiration)
+ }}
+
+
+
+ {{ item.Feature }}
+ {{
+ item.Count ? ": " + item.Count : ""
+ }}
+
+
+ $sockiFilter
+ $sockiSort
+
+
+ {{ $sock.t("Include") }}
+
+
+
+
+ $sockiStepBackward $sockiBackward $sockiForward $sockiStepForward
+
+
+
+
+
+ {{
+ $sock.t("GenerateSampleData")
+ }}
+
+
+
+
+ {{ $sock.t("Cancel") }}
+ {{ $sock.t("StartJob") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $sock.t("EvaluationGuide") }}
+ {{ $sock.t("HelpTechSupport") }}
+ {{ $sock.t("GenerateSampleData") }}
+
+
+
+
+
+
+
+
+
diff --git a/src/views/sock-history.vue b/src/views/sock-history.vue
new file mode 100644
index 0000000..6b1c212
--- /dev/null
+++ b/src/views/sock-history.vue
@@ -0,0 +1,470 @@
+
+
+ {{ $sock.t("ErrorSecurityAdministratorOnlyMessage") }}
+
+
+
+ {{ $sock.t("Welcome") }}
+
+
+ {{ $sock.t("ThankYouForEvaluating") }}
+
+ {{ i.textra }}
+ {{ i.textra }}
+ 📖...
+
+
+
diff --git a/src/views/sock-report-edit.vue b/src/views/sock-report-edit.vue
new file mode 100644
index 0000000..4ab7bf1
--- /dev/null
+++ b/src/views/sock-report-edit.vue
@@ -0,0 +1,1163 @@
+
+
+
+
+
+
+
+
+
+
+ {{ $sock.t("ReportEditorProperties") }}
+
+
+
+ {{ $sock.t("ReportPdfOptions") }}
+
+
+
+ {{ $sock.t("ReportTemplate") }}
+
+
+
+ CSS
+
+
+
+ Prepare
+
+
+
+ Helpers
+
+
+
+ {{ $sock.t("ReportEditorData") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/sock-report-view.vue b/src/views/sock-report-view.vue
new file mode 100644
index 0000000..434f7e6
--- /dev/null
+++ b/src/views/sock-report-view.vue
@@ -0,0 +1,43 @@
+
+ {{ $sock.t("ReportEditorMobileWarning") }}
+
+ 📖...
+
+
+
+
diff --git a/src/views/svc-schedule.vue b/src/views/svc-schedule.vue
new file mode 100644
index 0000000..6fede6d
--- /dev/null
+++ b/src/views/svc-schedule.vue
@@ -0,0 +1,1215 @@
+
+
+
+
+
+ {{ $sock.t("DateRangeToday") }}
+
+
+ $prev
+
+
+ $next
+
+
+
+ {{ $refs.calendar.title }}
+
+
+
+ $sockiCog
+
+
+
+
+
+ {{ typeToLabel() }}
+ $sort
+
+
+
+
+ {{
+ $sock.t("ScheduleCategory")
+ }}
+
+
+ {{
+ $sock.t("ScheduleDay")
+ }}
+
+
+ {{
+ $sock.t("ScheduleWeek")
+ }}
+
+
+ {{
+ $sock.t("ScheduleMonth")
+ }}
+
+
+ {{
+ $sock.t("Schedule4Day")
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $sock.t("New") }}
+
+
+
+
+ $sockiTools {{ $sock.t("WorkOrder") }}
+
+
+ {{
+ $sock.t("Cancel")
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ iconForSelectedEvent() }}
+
+ {{ selectedEvent.name }}
+
+
+
+
+ {{
+ $sock.t("Open")
+ }}
+
+
+ {{ $sock.t("Close") }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $sock.t("ScheduleOptions") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ $sock.t("Cancel")
+ }}
+ {{ $sock.t("Save") }}
+
+
+
+
+
+
+
+
+
diff --git a/vue.config.js b/vue.config.js
new file mode 100644
index 0000000..176e827
--- /dev/null
+++ b/vue.config.js
@@ -0,0 +1,53 @@
+const MonacoWebpackPlugin = require("monaco-editor-webpack-plugin");
+
+module.exports = {
+ //https://medium.com/@mrodal/how-to-make-lazy-loading-actually-work-in-vue-cli-3-7f3f88cfb102
+ chainWebpack: config => {
+ config.plugins.delete("prefetch");
+ },
+
+ configureWebpack: {
+ devtool: "source-map", //THIS ENABLES DEBUGGING AT BROWSER!!
+ plugins: [
+ new MonacoWebpackPlugin({
+ // available options are documented at https://github.com/Microsoft/monaco-editor-webpack-plugin#options
+ //https://github.com/Microsoft/monaco-editor-webpack-plugin
+ // publicPath: "./js/",
+ languages: [
+ "javascript",
+ "css",
+ "html",
+ "typescript",
+ "json",
+ "handlebars"
+ ]
+ })
+ ]
+ },
+
+ transpileDependencies: ["vuetify"],
+
+ pwa: {
+ //https://cli.vuejs.org/core-plugins/pwa.html#configuration
+ // manifestPath: "manifest.json",
+ name: "Sockeye",
+ themeColor: "#00205B",
+ msTileColor: "#ffc40d",
+ workboxPluginMode: "InjectManifest",
+ workboxOptions: {
+ swSrc: "./src/sw.js",
+ swDest: "service-worker.js"
+ },
+ iconPaths: {
+ //disable automatic icons, they have the wrong ones basically, use this guide https://developers.google.com/web/fundamentals/design-and-ux/browser-customization
+ //and put them directly into the index.html in the public folder as it's the source one used
+ //and https://realfavicongenerator.net/
+ //favicon32: null,
+ favicon16: null,
+ appleTouchIcon: null,
+ maskIcon: null,
+ msTileImage: null
+ }
+ },
+ productionSourceMap: false
+};
diff --git a/webpack.config.js b/webpack.config.js
new file mode 100644
index 0000000..4bb38fa
--- /dev/null
+++ b/webpack.config.js
@@ -0,0 +1,28 @@
+// webpack.config.js
+
+module.exports = {
+ // optimization: {
+ // splitChunks: {
+ // chunks: "all"
+ // }
+ // },
+ rules: [
+ {
+ test: /\.s(c|a)ss$/,
+ use: [
+ "vue-style-loader",
+ "css-loader",
+ {
+ loader: "sass-loader",
+ options: {
+ implementation: require("sass"),
+ sassOptions: {
+ fiber: require("fibers"),
+ indentedSyntax: true // optional
+ }
+ }
+ }
+ ]
+ }
+ ]
+};
+ {{ category.name }}
+
+
+
+
+
+
+
+
+ $sockiLock
+
+
+
+
+
+ {{ $sock.t("WorkOrder") }}:
+ {{ evInfo.serial }} {{ evInfo.customerViz }}
+
+
+ {{ evInfo.wosummary }}
+
+
+ {{ $sock.t("Tags") }}:
+ {{
+ $sock.util().formatTags(evInfo.wotags)
+ }}
+
+
+ {{ $sock.t("WorkOrderItemScheduledUserUserID") }}:
+ {{ evInfo.scheduser }}
+
+
+ {{ $sock.t("DashboardScheduled") }}:
+ {{ $sock.dt(evInfo.startDate) }} — {{
+ $sock.dt(evInfo.stopDate)
+ }}
+
+
+ {{
+ $sock.t("WorkOrderItemScheduledUserEstimatedQuantity")
+ }}:
+ {{ evInfo.qty }}
+
+
+ {{
+ $sock.t("WorkOrderItemScheduledUserServiceRateID")
+ }}:
+ {{ evInfo.rate }}
+
+
+
+ {{ $sock.t("WorkOrderStatus") }}:
+ {{ evInfo.wostatus }}
+ $sockiFlag
+ $sockiLock
+ $sockiCheckCircle
+
+
+
+ {{ $sock.t("WorkOrderItemSummary") }}:
+
+ $sockiCircle {{ evInfo.woitemstatus }}
+
+
+
+ {{ $sock.t("WorkOrderItemPriorityID") }}:
+
+ $sockiFireAlt {{ evInfo.woitempriority }}
+
+
+ {{ $sock.t("WorkOrderItemTags") }}:
+ {{
+ $sock.util().formatTags(evInfo.woitemtags)
+ }}
+
+