\r\n
\r\n\r\n\r\n\r\n\r\n\r\n","import mod from \"-!../node_modules/babel-loader/lib/index.js??ref--1-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/babel-loader/lib/index.js??ref--1-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=2439ba54&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"App.vue\"\nexport default component.exports","/**\n * THIS FILE IS GENERATED AUTOMATICALLY.\n * DO NOT EDIT.\n *\n * You are probably looking on adding initialization code.\n * Use \"quasar new plugin \r\n \r\n
\r\n\r\n\r\n","import mod from \"-!../../node_modules/babel-loader/lib/index.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./credentialsModal.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/babel-loader/lib/index.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./credentialsModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./credentialsModal.vue?vue&type=template&id=54c70ac4&\"\nimport script from \"./credentialsModal.vue?vue&type=script&lang=js&\"\nexport * from \"./credentialsModal.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"credentialsModal.vue\"\nexport default component.exports","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n { staticClass: \"row\" },\n [\n _c(\n \"div\",\n { staticClass: \"col-5\" },\n [\n _c(\"q-input\", {\n staticClass: \"no-shadow\",\n attrs: {\n type: \"number\",\n name: \"quickbooksId\",\n \"hide-underline\": \"\",\n \"inverted-light\": \"\",\n color: _vm.inputBgColor\n },\n on: { input: _vm.updateParent },\n model: {\n value: _vm.qbCustomerId,\n callback: function($$v) {\n _vm.qbCustomerId = $$v\n },\n expression: \"qbCustomerId\"\n }\n })\n ],\n 1\n ),\n _c(\n \"div\",\n { staticClass: \"col-3\" },\n [\n _c(\n \"q-btn\",\n {\n staticClass: \"full-width\",\n attrs: {\n label: \"Match\",\n icon: \"compare_arrows\",\n color: \"primary\"\n },\n on: { click: _vm.handleMatch }\n },\n [\n _c(\"q-tooltip\", [_vm._v(\"Match with existing Quickbooks record\")])\n ],\n 1\n )\n ],\n 1\n ),\n _c(\n \"div\",\n { staticClass: \"col-4\" },\n [\n _c(\"q-btn\", {\n staticClass: \"full-width\",\n attrs: {\n label: \"View/Edit Customer\",\n icon: \"business\",\n color: \"secondary\",\n disable: !_vm.qbCustomerId\n },\n on: {\n click: function($event) {\n return _vm.externalLink(\n \"customerdetail?nameId=\" + _vm.qbCustomerId\n )\n }\n }\n })\n ],\n 1\n ),\n _c(\n \"q-modal\",\n {\n attrs: {\n \"content-classes\": \"q-pa-lg\",\n \"content-css\": \"min-width: 70%\"\n },\n model: {\n value: _vm.modalOpen,\n callback: function($$v) {\n _vm.modalOpen = $$v\n },\n expression: \"modalOpen\"\n }\n },\n [\n _c(\"h4\", [_vm._v(\"Find Quickbooks Record to Match\")]),\n _c(\"q-table\", {\n ref: \"table\",\n attrs: {\n data: _vm.serverData,\n title: \"Quickbook Records\",\n columns: _vm.columns,\n filter: _vm.filter,\n \"row-key\": \"name\",\n pagination: _vm.serverPagination,\n loading: _vm.loading\n },\n on: {\n \"update:pagination\": function($event) {\n _vm.serverPagination = $event\n },\n request: _vm.request\n },\n scopedSlots: _vm._u([\n {\n key: \"top-right\",\n fn: function(props) {\n return [\n _c(\"q-search\", {\n attrs: { \"hide-underline\": \"\" },\n model: {\n value: _vm.filter,\n callback: function($$v) {\n _vm.filter = $$v\n },\n expression: \"filter\"\n }\n })\n ]\n }\n },\n {\n key: \"body\",\n fn: function(props) {\n return _c(\n \"q-tr\",\n { attrs: { props: props } },\n [\n _c(\n \"q-td\",\n { key: \"fullyQualifiedName\", attrs: { props: props } },\n [_vm._v(_vm._s(props.row.fullyQualifiedName))]\n ),\n _c(\"q-td\", { key: \"id\", attrs: { props: props } }, [\n _vm._v(_vm._s(props.row.id))\n ]),\n _c(\n \"q-td\",\n { key: \"select\", attrs: { props: props } },\n [\n _c(\"q-btn\", {\n attrs: { label: \"Select\", color: \"primary\" },\n on: {\n click: function($event) {\n return _vm.handleSelect(props.row.id)\n }\n }\n })\n ],\n 1\n )\n ],\n 1\n )\n }\n }\n ])\n }),\n _c(\"q-btn\", {\n staticClass: \"q-mt-lg\",\n attrs: { color: \"primary\", label: \"Close\" },\n on: {\n click: function($event) {\n _vm.modalOpen = false\n }\n }\n })\n ],\n 1\n )\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n User Info
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {{ form.accessFailedCount }}\r\n \r\n
\r\n \r\n {{ form.lastLoginDate }}\r\n \r\n
\r\n \r\n This record has been deleted / archived. You may not make edits to this record until it has been restore.\r\n \r\n Restore\r\n \r\n
\r\n \r\n Save\r\n \r\n
\r\n \r\n Cancel / Close \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ props.row.fullyQualifiedName }} \r\n {{ props.row.id }} \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n\r\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuickbooksId.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuickbooksId.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./QuickbooksId.vue?vue&type=template&id=5b0bfe89&\"\nimport script from \"./QuickbooksId.vue?vue&type=script&lang=js&\"\nexport * from \"./QuickbooksId.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"QuickbooksId.vue\"\nexport default component.exports","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"row\" }, [\n _c(\n \"div\",\n { staticClass: \"col-8\" },\n [\n _c(\"q-input\", {\n staticClass: \"no-shadow\",\n attrs: {\n type: \"number\",\n name: \"quickbooksId\",\n \"hide-underline\": \"\",\n \"inverted-light\": \"\",\n color: _vm.inputBgColor\n },\n on: { input: _vm.updateParent },\n model: {\n value: _vm.qbSalesReceiptId,\n callback: function($$v) {\n _vm.qbSalesReceiptId = $$v\n },\n expression: \"qbSalesReceiptId\"\n }\n })\n ],\n 1\n ),\n _c(\n \"div\",\n { staticClass: \"col-4\" },\n [\n _c(\"q-btn\", {\n staticClass: \"full-width\",\n attrs: {\n label: \"View/Edit Receipt\",\n icon: \"receipt\",\n color: \"secondary\",\n disable: !_vm.qbSalesReceiptId\n },\n on: {\n click: function($event) {\n return _vm.externalLink(\n \"salesreceipt?txnId=\" + _vm.qbSalesReceiptId\n )\n }\n }\n })\n ],\n 1\n )\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","\r\n \r\n
\r\n \r\n \r\n \r\n Match with existing Quickbooks record \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n Find Quickbooks Record to Match
\r\n\r\n
\r\n\r\n\r\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuickbooksSalesReceipt.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuickbooksSalesReceipt.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./QuickbooksSalesReceipt.vue?vue&type=template&id=4c15e78e&\"\nimport script from \"./QuickbooksSalesReceipt.vue?vue&type=script&lang=js&\"\nexport * from \"./QuickbooksSalesReceipt.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"QuickbooksSalesReceipt.vue\"\nexport default component.exports","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"row\" }, [\n _c(\n \"div\",\n { staticClass: \"col-8\" },\n [\n _c(\"q-input\", {\n staticClass: \"no-shadow\",\n attrs: {\n type: \"number\",\n name: \"qbInvoiceId\",\n \"hide-underline\": \"\",\n \"inverted-light\": \"\",\n color: _vm.inputBgColor\n },\n on: { input: _vm.updateParent },\n model: {\n value: _vm.qbInvoiceId,\n callback: function($$v) {\n _vm.qbInvoiceId = $$v\n },\n expression: \"qbInvoiceId\"\n }\n })\n ],\n 1\n ),\n _c(\n \"div\",\n { staticClass: \"col-4\" },\n [\n _c(\"q-btn\", {\n staticClass: \"full-width\",\n attrs: {\n label: \"View/Edit Invoice\",\n icon: \"receipt\",\n color: \"secondary\",\n disable: !_vm.qbInvoiceId\n },\n on: {\n click: function($event) {\n return _vm.externalLink(\"invoice?txnId=\" + _vm.qbInvoiceId)\n }\n }\n })\n ],\n 1\n )\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuickbooksInvoice.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuickbooksInvoice.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./QuickbooksInvoice.vue?vue&type=template&id=2d3e3b80&\"\nimport script from \"./QuickbooksInvoice.vue?vue&type=script&lang=js&\"\nexport * from \"./QuickbooksInvoice.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"QuickbooksInvoice.vue\"\nexport default component.exports","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"row\" }, [\n _c(\n \"div\",\n { staticClass: \"col-8\" },\n [\n _c(\"q-input\", {\n staticClass: \"no-shadow\",\n attrs: {\n type: \"number\",\n name: \"quickbooksId\",\n \"hide-underline\": \"\",\n \"inverted-light\": \"\",\n color: _vm.inputBgColor\n },\n on: { input: _vm.updateParent },\n model: {\n value: _vm.qbCustomerId,\n callback: function($$v) {\n _vm.qbCustomerId = $$v\n },\n expression: \"qbCustomerId\"\n }\n })\n ],\n 1\n ),\n _c(\n \"div\",\n { staticClass: \"col-4\" },\n [\n _c(\"q-btn\", {\n staticClass: \"full-width\",\n attrs: {\n label: \"View/Edit Customer\",\n icon: \"business\",\n color: \"secondary\",\n disable: !_vm.qbCustomerId\n },\n on: {\n click: function($event) {\n return _vm.externalLink(\n \"customerdetail?nameId=\" + _vm.qbCustomerId\n )\n }\n }\n })\n ],\n 1\n )\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuickbooksCustomer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuickbooksCustomer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./QuickbooksCustomer.vue?vue&type=template&id=6201e3ed&\"\nimport script from \"./QuickbooksCustomer.vue?vue&type=script&lang=js&\"\nexport * from \"./QuickbooksCustomer.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"QuickbooksCustomer.vue\"\nexport default component.exports","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"row\" }, [\n _c(\n \"div\",\n { staticClass: \"col-8\" },\n [\n _c(\"q-input\", {\n staticClass: \"no-shadow\",\n attrs: {\n name: \"qbSysChargeId\",\n \"hide-underline\": \"\",\n \"inverted-light\": \"\",\n color: _vm.inputBgColor\n },\n on: { input: _vm.updateParent },\n model: {\n value: _vm.qbSysChargeId,\n callback: function($$v) {\n _vm.qbSysChargeId = $$v\n },\n expression: \"qbSysChargeId\"\n }\n })\n ],\n 1\n ),\n _c(\n \"div\",\n { staticClass: \"col-4\" },\n [\n _c(\"q-btn\", {\n staticClass: \"full-width\",\n attrs: {\n label: \"View/Edit Payment\",\n icon: \"receipt\",\n color: \"secondary\",\n disable: !_vm.qbSysChargeId\n },\n on: {\n click: function($event) {\n return _vm.externalLink(_vm.qbSysChargeId)\n }\n }\n })\n ],\n 1\n )\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuickbooksSysChargeId.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuickbooksSysChargeId.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./QuickbooksSysChargeId.vue?vue&type=template&id=2028918b&\"\nimport script from \"./QuickbooksSysChargeId.vue?vue&type=script&lang=js&\"\nexport * from \"./QuickbooksSysChargeId.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"QuickbooksSysChargeId.vue\"\nexport default component.exports","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _vm.ready\n ? _c(\"div\", { staticClass: \"row\" }, [\n _c(\n \"div\",\n { staticClass: \"col-12\" },\n [\n _vm.serverData && _vm.serverData.length\n ? _c(\"q-select\", {\n attrs: {\n name: \"qbProdservName\",\n options: _vm._f(\"qOptions\")(_vm.serverData, \"name\", \"name\"),\n \"hide-underline\": \"\",\n \"inverted-light\": \"\",\n color: _vm.inputBgColor,\n filter: \"\",\n \"autofocus-filter\": \"\"\n },\n on: { input: _vm.updateParent },\n model: {\n value: _vm.qbProdservName,\n callback: function($$v) {\n _vm.qbProdservName = $$v\n },\n expression: \"qbProdservName\"\n }\n })\n : _vm._e()\n ],\n 1\n )\n ])\n : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuickbooksProductService.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuickbooksProductService.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./QuickbooksProductService.vue?vue&type=template&id=67218f96&\"\nimport script from \"./QuickbooksProductService.vue?vue&type=script&lang=js&\"\nexport * from \"./QuickbooksProductService.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"QuickbooksProductService.vue\"\nexport default component.exports","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _vm.ready\n ? _c(\"div\", [\n _c(\"div\", { staticClass: \"row q-mb-md\" }, [\n _c(\n \"div\",\n { staticClass: \"col-sm-12\" },\n [\n _c(\"q-btn\", {\n attrs: {\n push: \"\",\n icon: \"add\",\n label: \"Add Question\",\n color: \"primary\"\n },\n on: { click: _vm.addQuestion }\n })\n ],\n 1\n )\n ]),\n _c(\"div\", { staticClass: \"row\" }, [\n _c(\n \"div\",\n { staticClass: \"col-sm-12\" },\n [\n _c(\n \"draggable\",\n {\n staticClass: \"q-pa-md q-pb-lg drag-list\",\n attrs: {\n options: _vm.groupOptions,\n element: \"q-list\",\n dense: \"\",\n separator: \"\"\n },\n on: {\n start: function($event) {\n _vm.dragging = true\n },\n end: function($event) {\n _vm.dragging = false\n },\n sort: _vm.handleQuestionSort\n },\n model: {\n value: _vm.questions,\n callback: function($$v) {\n _vm.questions = $$v\n },\n expression: \"questions\"\n }\n },\n [\n _vm._l(_vm.questions, function(question, index) {\n return [\n !question.delete && !question.removalDate\n ? _c(\n \"q-item\",\n {\n key: question.sort,\n staticClass: \"sorting items-center handle\",\n attrs: { multiline: \"\", highlight: \"\" }\n },\n [\n _c(\n \"q-item-side\",\n [\n _c(\"q-btn\", {\n staticClass: \"q-mr-sm\",\n attrs: {\n flat: \"\",\n round: \"\",\n dense: \"\",\n icon: \"edit\",\n \"text-color\": \"primary\",\n disabled: _vm.loading\n },\n on: {\n click: function($event) {\n return _vm.editQuestion(index)\n }\n }\n }),\n _c(\"q-btn\", {\n attrs: {\n flat: \"\",\n round: \"\",\n dense: \"\",\n icon: \"delete\",\n color: \"negative\",\n disabled: _vm.loading\n },\n on: {\n click: function($event) {\n return _vm.removeQuestion(index)\n }\n }\n })\n ],\n 1\n ),\n _c(\n \"q-item-main\",\n { class: [_vm.dragging ? \"moving\" : \"\"] },\n [\n _c(\"q-item-tile\", { attrs: { label: \"\" } }, [\n _vm._v(_vm._s(question.questionText))\n ]),\n _c(\n \"q-item-tile\",\n { attrs: { sublabel: \"\" } },\n [\n _vm._v(\n _vm._s(\n _vm._f(\"questionTypeDisplay\")(\n question.questionType\n )\n )\n )\n ]\n )\n ],\n 1\n ),\n _c(\n \"q-item-side\",\n { attrs: { right: \"\" } },\n [\n _c(\"q-icon\", {\n attrs: {\n flat: \"\",\n round: \"\",\n dense: \"\",\n name: \"drag_handle\",\n color: \"secondary\"\n }\n })\n ],\n 1\n )\n ],\n 1\n )\n : _vm._e()\n ]\n })\n ],\n 2\n ),\n _c(\n \"q-modal\",\n {\n attrs: {\n \"content-classes\": \"q-pa-lg\",\n \"content-css\": \"min-width: 70%\",\n \"no-route-dismiss\": \"\",\n \"no-esc-dismiss\": \"\",\n \"no-backdrop-dismiss\": \"\"\n },\n model: {\n value: _vm.questionModalOpen,\n callback: function($$v) {\n _vm.questionModalOpen = $$v\n },\n expression: \"questionModalOpen\"\n }\n },\n [\n _c(\n \"div\",\n { staticClass: \"fit\" },\n [\n _c(\"q-btn\", {\n staticStyle: {\n top: \"0\",\n right: \"0\",\n position: \"relative\",\n float: \"right\"\n },\n attrs: { flat: \"\", icon: \"close\" },\n on: {\n click: function($event) {\n _vm.questionModalOpen = false\n }\n }\n }),\n _c(\n \"div\",\n [\n _c(\"h4\", [_vm._v(\"Question Editor/Creator\")]),\n _c(\n \"div\",\n { staticClass: \"mdi-card full-width q-pa-md\" },\n [\n _c(\n \"form\",\n {\n on: {\n submit: function($event) {\n $event.preventDefault()\n return _vm.saveQuestion.apply(\n null,\n arguments\n )\n }\n }\n },\n [\n _c(\"div\", { staticClass: \"row\" }, [\n _c(\n \"div\",\n {\n staticClass:\n \"col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\"\n },\n [\n _c(\n \"q-field\",\n {\n staticClass: \"q-pa-md\",\n class: {\n \"is-required\": _vm.errors.has(\n \"questionText\",\n _vm.validatorFormName\n )\n },\n attrs: {\n orientation: \"vertical\",\n label: \"Question\",\n inset: \"full\",\n icon: _vm.errors.has(\n \"questionText\",\n _vm.validatorFormName\n )\n ? \"star_border\"\n : \"star\",\n \"icon-color\": _vm.errors.has(\n \"questionText\",\n _vm.validatorFormName\n )\n ? \"negative\"\n : \"blue-5\",\n error: _vm.errors.has(\n \"questionText\",\n _vm.validatorFormName\n ),\n \"error-label\": _vm.errors.first(\n \"questionText\",\n _vm.validatorFormName\n ),\n helper:\n \"Question to the registrant\"\n }\n },\n [\n _c(\"q-input\", {\n directives: [\n {\n name: \"validate\",\n rawName: \"v-validate\",\n value: \"required\",\n expression: \"'required'\"\n }\n ],\n staticClass: \"no-shadow\",\n attrs: {\n \"data-vv-name\": \"questionText\",\n type: \"text\",\n name: \"questionText\",\n \"hide-underline\": \"\",\n \"inverted-light\": \"\",\n color: _vm.errors.has(\n \"questionText\"\n )\n ? \"negative\"\n : _vm.inputBgColor,\n \"validator-form-name\":\n _vm.validatorFormName,\n \"data-vv-scope\":\n _vm.validatorFormName\n },\n model: {\n value:\n _vm.questionForm.questionText,\n callback: function($$v) {\n _vm.$set(\n _vm.questionForm,\n \"questionText\",\n $$v\n )\n },\n expression:\n \"questionForm.questionText\"\n }\n })\n ],\n 1\n )\n ],\n 1\n ),\n _c(\n \"div\",\n {\n staticClass:\n \"col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\"\n },\n [\n _c(\n \"q-field\",\n {\n staticClass: \"q-pa-md\",\n class: {\n \"is-required\": _vm.errors.has(\n \"invoiceDesc\",\n _vm.validatorFormName\n )\n },\n attrs: {\n orientation: \"vertical\",\n label: \"Invoice Description\",\n inset: \"full\",\n icon: _vm.errors.has(\n \"invoiceDesc\",\n _vm.validatorFormName\n )\n ? \"star_border\"\n : \"star\",\n \"icon-color\": _vm.errors.has(\n \"invoiceDesc\",\n _vm.validatorFormName\n )\n ? \"negative\"\n : \"blue-5\",\n error: _vm.errors.has(\n \"invoiceDesc\",\n _vm.validatorFormName\n ),\n \"error-label\": _vm.errors.first(\n \"invoiceDesc\",\n _vm.validatorFormName\n ),\n helper:\n \"Description seen on Invoice\"\n }\n },\n [\n _c(\"q-input\", {\n directives: [\n {\n name: \"validate\",\n rawName: \"v-validate\",\n value: \"required\",\n expression: \"'required'\"\n }\n ],\n staticClass: \"no-shadow\",\n attrs: {\n \"data-vv-name\": \"invoiceDesc\",\n type: \"text\",\n name: \"invoiceDesc\",\n \"hide-underline\": \"\",\n \"inverted-light\": \"\",\n color: _vm.errors.has(\n \"invoiceDesc\"\n )\n ? \"negative\"\n : _vm.inputBgColor,\n \"validator-form-name\":\n _vm.validatorFormName,\n \"data-vv-scope\":\n _vm.validatorFormName\n },\n model: {\n value:\n _vm.questionForm.invoiceDesc,\n callback: function($$v) {\n _vm.$set(\n _vm.questionForm,\n \"invoiceDesc\",\n $$v\n )\n },\n expression:\n \"questionForm.invoiceDesc\"\n }\n })\n ],\n 1\n )\n ],\n 1\n )\n ]),\n _c(\"div\", { staticClass: \"row\" }, [\n _c(\n \"div\",\n {\n staticClass:\n \"col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\"\n },\n [\n _c(\n \"q-field\",\n {\n staticClass: \"q-pa-md\",\n attrs: {\n orientation: \"vertical\",\n label: \"Require Question\",\n inset: \"full\",\n icon: \"edit\",\n \"icon-color\": _vm.inputBgColor,\n helper:\n \"Require registrant to answer question\"\n }\n },\n [\n _c(\"q-toggle\", {\n attrs: {\n label: \"Yes\",\n name: \"required\"\n },\n model: {\n value:\n _vm.questionForm.required,\n callback: function($$v) {\n _vm.$set(\n _vm.questionForm,\n \"required\",\n $$v\n )\n },\n expression:\n \"questionForm.required\"\n }\n })\n ],\n 1\n )\n ],\n 1\n ),\n _c(\n \"div\",\n {\n staticClass:\n \"col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\"\n },\n [\n _c(\n \"q-field\",\n {\n staticClass: \"q-pa-md\",\n attrs: {\n orientation: \"vertical\",\n label: \"Hide Question\",\n inset: \"full\",\n icon: \"edit\",\n \"icon-color\": _vm.inputBgColor,\n helper:\n \"Hide the question from the regisration form\"\n }\n },\n [\n _c(\"q-toggle\", {\n attrs: {\n label: \"Yes\",\n name: \"hidden\"\n },\n model: {\n value: _vm.questionForm.hidden,\n callback: function($$v) {\n _vm.$set(\n _vm.questionForm,\n \"hidden\",\n $$v\n )\n },\n expression:\n \"questionForm.hidden\"\n }\n })\n ],\n 1\n )\n ],\n 1\n )\n ]),\n _c(\"div\", { staticClass: \"row\" }, [\n _c(\n \"div\",\n {\n staticClass:\n \"col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\"\n },\n [\n _c(\n \"q-field\",\n {\n staticClass: \"q-pa-md\",\n attrs: {\n orientation: \"vertical\",\n label:\n \"Apply Question to All Attendees\",\n inset: \"full\",\n icon: \"edit\",\n \"icon-color\": _vm.inputBgColor,\n helper:\n \"Question will be presented to primary registrant and all additional attendees\"\n }\n },\n [\n _c(\"q-toggle\", {\n attrs: {\n label: \"Yes\",\n name: \"appliesToAll\"\n },\n model: {\n value:\n _vm.questionForm.appliesToAll,\n callback: function($$v) {\n _vm.$set(\n _vm.questionForm,\n \"appliesToAll\",\n $$v\n )\n },\n expression:\n \"questionForm.appliesToAll\"\n }\n })\n ],\n 1\n )\n ],\n 1\n ),\n _c(\n \"div\",\n {\n staticClass:\n \"col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\"\n },\n [\n _c(\n \"q-field\",\n {\n staticClass: \"q-pa-md\",\n attrs: {\n orientation: \"vertical\",\n label: \"Show for Not Attending\",\n inset: \"full\",\n icon: \"edit\",\n \"icon-color\": _vm.inputBgColor,\n helper:\n \"If the registrant is not attending, but you still want them to see this question question, check this.\"\n }\n },\n [\n _c(\"q-toggle\", {\n attrs: {\n label: \"Yes\",\n name: \"appliesToAll\"\n },\n model: {\n value:\n _vm.questionForm\n .showForNotAttending,\n callback: function($$v) {\n _vm.$set(\n _vm.questionForm,\n \"showForNotAttending\",\n $$v\n )\n },\n expression:\n \"questionForm.showForNotAttending\"\n }\n })\n ],\n 1\n )\n ],\n 1\n )\n ]),\n _c(\"div\", { staticClass: \"row\" }, [\n _c(\n \"div\",\n { staticClass: \"col-xs-12 col-sm-12\" },\n [\n _c(\n \"q-field\",\n {\n staticClass: \"q-pa-md\",\n class: {\n \"is-required\": _vm.errors.has(\n \"questionType\",\n _vm.validatorFormName\n )\n },\n attrs: {\n orientation: \"vertical\",\n label: \"Question Type\",\n inset: \"full\",\n icon: _vm.errors.has(\n \"questionType\",\n _vm.validatorFormName\n )\n ? \"star_border\"\n : \"star\",\n \"icon-color\": _vm.errors.has(\n \"questionType\",\n _vm.validatorFormName\n )\n ? \"negative\"\n : \"blue-5\",\n error: _vm.errors.has(\n \"questionType\",\n _vm.validatorFormName\n ),\n \"error-label\": _vm.errors.first(\n \"questionType\",\n _vm.validatorFormName\n )\n }\n },\n [\n _c(\"q-select\", {\n directives: [\n {\n name: \"validate\",\n rawName: \"v-validate\",\n value: \"required\",\n expression: \"'required'\"\n }\n ],\n staticClass: \"no-shadow\",\n attrs: {\n options:\n _vm.questionTypeOptions,\n \"data-vv-name\": \"questionType\",\n name: \"questionType\",\n \"hide-underline\": \"\",\n \"inverted-light\": \"\",\n color: _vm.errors.has(\n \"questionType\"\n )\n ? \"negative\"\n : _vm.inputBgColor,\n \"validator-form-name\":\n _vm.validatorFormName,\n \"data-vv-scope\":\n _vm.validatorFormName\n },\n model: {\n value:\n _vm.questionForm.questionType,\n callback: function($$v) {\n _vm.$set(\n _vm.questionForm,\n \"questionType\",\n $$v\n )\n },\n expression:\n \"questionForm.questionType\"\n }\n })\n ],\n 1\n )\n ],\n 1\n )\n ]),\n _vm.questionForm.questionType === \"bool\"\n ? _c(\"div\", { staticClass: \"row\" }, [\n _c(\n \"div\",\n {\n staticClass:\n \"col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\"\n },\n [\n _c(\n \"q-field\",\n {\n staticClass: \"q-pa-md\",\n attrs: {\n orientation: \"vertical\",\n label: \"Cost Modifier\",\n inset: \"full\",\n icon: \"edit\",\n \"icon-color\":\n _vm.inputBgColor,\n helper:\n \"Checking yes to this question affects price by (can be positive or negative number)\"\n }\n },\n [\n _c(\"q-input\", {\n directives: [\n {\n name: \"validate\",\n rawName: \"v-validate\",\n value: \"required\",\n expression: \"'required'\"\n }\n ],\n staticClass: \"no-shadow\",\n attrs: {\n type: \"number\",\n name: \"costModifier\",\n decimals: 2,\n prefix: \"$\",\n \"hide-underline\": \"\",\n \"inverted-light\": \"\",\n color: _vm.inputBgColor\n },\n model: {\n value:\n _vm.questionForm\n .costModifier,\n callback: function($$v) {\n _vm.$set(\n _vm.questionForm,\n \"costModifier\",\n $$v\n )\n },\n expression:\n \"questionForm.costModifier\"\n }\n })\n ],\n 1\n )\n ],\n 1\n )\n ])\n : _vm._e(),\n _vm.questionForm.questionType === \"select\"\n ? _c(\n \"div\",\n { staticClass: \"row q-mb-md\" },\n [\n _c(\n \"div\",\n { staticClass: \"col-sm-12\" },\n [\n _c(\"q-btn\", {\n attrs: {\n push: \"\",\n icon: \"add\",\n label: \"Add Select Option\",\n color: \"primary\"\n },\n on: { click: _vm.addOption }\n })\n ],\n 1\n )\n ]\n )\n : _vm._e(),\n _vm.questionForm.questionType === \"select\"\n ? _c(\"div\", { staticClass: \"row\" }, [\n _c(\n \"div\",\n { staticClass: \"col-sm-12\" },\n [\n _vm.questionForm.questionOption\n ? _c(\n \"draggable\",\n {\n staticClass:\n \"q-pa-md q-pb-lg drag-list\",\n attrs: {\n options: _vm.groupOptions,\n element: \"q-list\",\n dense: \"\",\n separator: \"\"\n },\n on: {\n start: function($event) {\n _vm.dragging = true\n },\n end: function($event) {\n _vm.dragging = false\n },\n sort: _vm.handleOptionSort\n },\n model: {\n value:\n _vm.questionForm\n .questionOption,\n callback: function($$v) {\n _vm.$set(\n _vm.questionForm,\n \"questionOption\",\n $$v\n )\n },\n expression:\n \"questionForm.questionOption\"\n }\n },\n [\n _vm._l(\n _vm.questionForm\n .questionOption,\n function(option, index) {\n return [\n !option.delete &&\n !option.removalDate\n ? _c(\n \"q-item\",\n {\n key:\n option.id,\n staticClass:\n \"sorting items-center handle\",\n attrs: {\n multiline:\n \"\",\n id:\n option.id\n }\n },\n [\n _c(\n \"q-item-side\",\n [\n _c(\n \"q-btn\",\n {\n staticClass:\n \"q-mr-sm\",\n attrs: {\n flat:\n \"\",\n round:\n \"\",\n dense:\n \"\",\n icon:\n \"edit\",\n \"text-color\":\n \"primary\",\n disabled:\n _vm.loading\n },\n on: {\n click: function(\n $event\n ) {\n return _vm.editOption(\n index\n )\n }\n }\n }\n ),\n _c(\n \"q-btn\",\n {\n attrs: {\n flat:\n \"\",\n round:\n \"\",\n dense:\n \"\",\n icon:\n \"delete\",\n color:\n \"negative\",\n disabled:\n _vm.loading\n },\n on: {\n click: function(\n $event\n ) {\n return _vm.removeOption(\n index\n )\n }\n }\n }\n )\n ],\n 1\n ),\n _c(\n \"q-item-main\",\n {\n class: [\n _vm.dragging\n ? \"moving\"\n : \"\"\n ]\n },\n [\n _c(\n \"span\",\n [\n _vm._v(\n _vm._s(\n option.optionText\n )\n )\n ]\n )\n ]\n ),\n _c(\n \"q-item-side\",\n {\n attrs: {\n right:\n \"\"\n }\n },\n [\n _c(\n \"q-icon\",\n {\n attrs: {\n flat:\n \"\",\n round:\n \"\",\n dense:\n \"\",\n name:\n \"drag_handle\",\n color:\n \"secondary\"\n }\n }\n )\n ],\n 1\n )\n ],\n 1\n )\n : _vm._e()\n ]\n }\n )\n ],\n 2\n )\n : _vm._e()\n ],\n 1\n )\n ])\n : _vm._e(),\n _c(\"div\", { staticClass: \"row\" }, [\n _c(\n \"div\",\n { staticClass: \"col-sm-12\" },\n [\n _c(\n \"q-btn\",\n {\n staticClass: \"full-width\",\n attrs: {\n color: \"primary\",\n push: \"\",\n size: \"lg\",\n disabled: false\n },\n on: { click: _vm.saveQuestion }\n },\n [_vm._v(\"Save\")]\n )\n ],\n 1\n )\n ])\n ]\n )\n ]\n ),\n _c(\"q-btn\", {\n staticClass: \"q-mt-lg\",\n attrs: { color: \"primary\", label: \"Close\" },\n on: {\n click: function($event) {\n _vm.questionModalOpen = false\n }\n }\n })\n ],\n 1\n )\n ],\n 1\n )\n ]\n ),\n _c(\n \"q-modal\",\n {\n attrs: {\n \"content-classes\": \"q-pa-lg\",\n \"content-css\": \"min-width: 60%\",\n \"no-route-dismiss\": \"\",\n \"no-esc-dismiss\": \"\",\n \"no-backdrop-dismiss\": \"\"\n },\n model: {\n value: _vm.optionModalOpen,\n callback: function($$v) {\n _vm.optionModalOpen = $$v\n },\n expression: \"optionModalOpen\"\n }\n },\n [\n _c(\n \"div\",\n { staticClass: \"fit\" },\n [\n _c(\"q-btn\", {\n staticStyle: {\n top: \"0\",\n right: \"0\",\n position: \"relative\",\n float: \"right\"\n },\n attrs: { flat: \"\", icon: \"close\" },\n on: {\n click: function($event) {\n _vm.optionModalOpen = false\n }\n }\n }),\n _c(\n \"div\",\n [\n _c(\"h4\", [_vm._v(\"Select Option Editor/Creator\")]),\n _c(\n \"div\",\n { staticClass: \"mdi-card full-width q-pa-md\" },\n [\n _c(\n \"form\",\n {\n on: {\n submit: function($event) {\n $event.preventDefault()\n return _vm.saveOption.apply(\n null,\n arguments\n )\n }\n }\n },\n [\n _c(\"div\", { staticClass: \"row\" }, [\n _c(\n \"div\",\n {\n staticClass:\n \"col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\"\n },\n [\n _c(\n \"q-field\",\n {\n staticClass: \"q-pa-md\",\n class: {\n \"is-required\": _vm.errors.has(\n \"optionText\",\n _vm.validatorOptionFormName\n )\n },\n attrs: {\n orientation: \"vertical\",\n label: \"Option Name\",\n inset: \"full\",\n icon: _vm.errors.has(\n \"optionText\",\n _vm.validatorOptionFormName\n )\n ? \"star_border\"\n : \"star\",\n \"icon-color\": _vm.errors.has(\n \"optionText\",\n _vm.validatorOptionFormName\n )\n ? \"negative\"\n : \"blue-5\",\n error: _vm.errors.has(\n \"optionText\",\n _vm.validatorOptionFormName\n ),\n \"error-label\": _vm.errors.first(\n \"optionText\",\n _vm.validatorOptionFormName\n ),\n helper:\n \"Select option text representation\"\n }\n },\n [\n _c(\"q-input\", {\n directives: [\n {\n name: \"validate\",\n rawName: \"v-validate\",\n value: \"required\",\n expression: \"'required'\"\n }\n ],\n staticClass: \"no-shadow\",\n attrs: {\n \"data-vv-name\": \"optionText\",\n type: \"text\",\n name: \"optionText\",\n \"hide-underline\": \"\",\n \"inverted-light\": \"\",\n color: _vm.errors.has(\n \"optionText\"\n )\n ? \"negative\"\n : _vm.inputBgColor,\n \"validator-form-name\":\n _vm.validatorOptionFormName,\n \"data-vv-scope\":\n _vm.validatorOptionFormName\n },\n model: {\n value:\n _vm.optionForm.optionText,\n callback: function($$v) {\n _vm.$set(\n _vm.optionForm,\n \"optionText\",\n $$v\n )\n },\n expression:\n \"optionForm.optionText\"\n }\n })\n ],\n 1\n )\n ],\n 1\n ),\n _c(\n \"div\",\n {\n staticClass:\n \"col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\"\n },\n [\n _c(\n \"q-field\",\n {\n staticClass: \"q-pa-md\",\n attrs: {\n orientation: \"vertical\",\n label: \"Hide Option\",\n inset: \"full\",\n icon: \"edit\",\n \"icon-color\": _vm.inputBgColor,\n helper:\n \"Hide the question from the regisration form\"\n }\n },\n [\n _c(\"q-toggle\", {\n attrs: {\n label: \"Yes\",\n name: \"hidden\"\n },\n model: {\n value: _vm.optionForm.hidden,\n callback: function($$v) {\n _vm.$set(\n _vm.optionForm,\n \"hidden\",\n $$v\n )\n },\n expression: \"optionForm.hidden\"\n }\n })\n ],\n 1\n )\n ],\n 1\n )\n ]),\n _c(\"div\", { staticClass: \"row\" }, [\n _c(\n \"div\",\n {\n staticClass:\n \"col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\"\n },\n [\n _c(\n \"q-field\",\n {\n staticClass: \"q-pa-md\",\n attrs: {\n orientation: \"vertical\",\n label: \"Cost Modifier\",\n inset: \"full\",\n icon: \"edit\",\n \"icon-color\": _vm.inputBgColor,\n helper:\n \"Checking yes to this question affects price by (can be positive or negative number)\"\n }\n },\n [\n _c(\"q-input\", {\n directives: [\n {\n name: \"validate\",\n rawName: \"v-validate\",\n value: \"required\",\n expression: \"'required'\"\n }\n ],\n staticClass: \"no-shadow\",\n attrs: {\n type: \"number\",\n name: \"costModifier\",\n decimals: 2,\n prefix: \"$\",\n \"hide-underline\": \"\",\n \"inverted-light\": \"\",\n color: _vm.inputBgColor\n },\n model: {\n value:\n _vm.optionForm.costModifier,\n callback: function($$v) {\n _vm.$set(\n _vm.optionForm,\n \"costModifier\",\n $$v\n )\n },\n expression:\n \"optionForm.costModifier\"\n }\n })\n ],\n 1\n )\n ],\n 1\n )\n ]),\n _c(\"div\", { staticClass: \"row\" }, [\n _c(\n \"div\",\n { staticClass: \"col-sm-12\" },\n [\n _c(\n \"q-btn\",\n {\n staticClass: \"full-width\",\n attrs: {\n color: \"primary\",\n push: \"\",\n size: \"lg\",\n disabled: false\n },\n on: { click: _vm.saveOption }\n },\n [_vm._v(\"Save\")]\n )\n ],\n 1\n )\n ])\n ]\n )\n ]\n ),\n _c(\"q-btn\", {\n staticClass: \"q-mt-lg\",\n attrs: { color: \"primary\", label: \"Close\" },\n on: {\n click: function($event) {\n _vm.optionModalOpen = false\n }\n }\n })\n ],\n 1\n )\n ],\n 1\n )\n ]\n )\n ],\n 1\n )\n ])\n ])\n : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n\r\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CustomQuestions.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CustomQuestions.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CustomQuestions.vue?vue&type=template&id=31efd63e&\"\nimport script from \"./CustomQuestions.vue?vue&type=script&lang=js&\"\nexport * from \"./CustomQuestions.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"CustomQuestions.vue\"\nexport default component.exports","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"container\" }, [\n _c(\n \"div\",\n { staticClass: \"form-group\" },\n [\n _c(\"label\", [_vm._v(_vm._s(_vm.column.label))]),\n _vm.loaded\n ? _c(\n \"q-field\",\n [\n _vm.value.label\n ? _c(\n \"q-chip\",\n {\n staticClass: \"on-right\",\n attrs: {\n closable: \"\",\n color: \"primary\",\n detail: \"\",\n icon: \"person\",\n square: \"\"\n },\n on: { close: _vm.handleClose }\n },\n [\n _vm._v(\n \"\\n \" + _vm._s(_vm.value.label) + \"\\n \"\n )\n ]\n )\n : _c(\n \"q-search\",\n {\n attrs: {\n \"stack-label\": _vm.column.label,\n placeholder: \"\"\n },\n model: {\n value: _vm.term,\n callback: function($$v) {\n _vm.term = $$v\n },\n expression: \"term\"\n }\n },\n [\n _c(\"q-autocomplete\", {\n attrs: { placeholder: \"\", \"min-characters\": 1 },\n on: { search: _vm.search, selected: _vm.selected }\n })\n ],\n 1\n )\n ],\n 1\n )\n : _vm._e()\n ],\n 1\n )\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ question.questionText }} \r\n {{ question.questionType | questionTypeDisplay }} \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n Question Editor/Creator
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n Select Option Editor/Creator
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AutoCompleteField.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AutoCompleteField.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AutoCompleteField.vue?vue&type=template&id=3a4c133e&\"\nimport script from \"./AutoCompleteField.vue?vue&type=script&lang=js&\"\nexport * from \"./AutoCompleteField.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"AutoCompleteField.vue\"\nexport default component.exports","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", [\n !_vm.isFilter\n ? _c(\"div\", [\n _c(\n \"div\",\n [\n _c(\n \"div\",\n { staticClass: \"q-mb-md\" },\n [\n _c(\n \"q-btn\",\n {\n staticClass: \"no-shadow\",\n attrs: {\n icon: \"add\",\n size: \"sm\",\n flat: \"\",\n color: \"secondary\"\n },\n on: {\n click: function($event) {\n _vm.newFormModalOpen = !_vm.newFormModalOpen\n }\n }\n },\n [\n _vm._v(\n \"\\n Add New \" +\n _vm._s(_vm._f(\"singular\")(_vm.column.label)) +\n \"\\n \"\n )\n ]\n )\n ],\n 1\n ),\n _c(\n \"div\",\n { staticClass: \"flex\" },\n [\n _c(\"q-btn\", {\n staticClass: \"no-shadow inline-flex\",\n attrs: {\n color: _vm.inputBgColor,\n \"text-color\": \"primary\",\n rounded: \"\",\n icon: _vm.showOptions\n ? \"keyboard arrow up\"\n : \"keyboard arrow down\",\n loading: _vm.loading\n },\n on: { click: _vm.handleBrowseData }\n }),\n _vm.loaded\n ? _c(\n \"q-search\",\n {\n staticClass: \"no-shadow inline-flex on-right\",\n staticStyle: { \"flex-grow\": \"1\" },\n attrs: {\n placeholder: \"\",\n \"hide-underline\": \"\",\n color: _vm.inputBgColor,\n \"inverted-light\": \"\",\n clearable: \"\"\n },\n model: {\n value: _vm.term,\n callback: function($$v) {\n _vm.term = $$v\n },\n expression: \"term\"\n }\n },\n [\n _c(\"q-autocomplete\", {\n attrs: {\n minCharacters: 1,\n \"max-results\": 25,\n \"max-height\": \"400px\"\n },\n on: { selected: _vm.selected, search: _vm.search }\n })\n ],\n 1\n )\n : _vm._e()\n ],\n 1\n ),\n _c(\n \"div\",\n {\n staticClass: \"q-pa-md q-ma-sm bg-grey-1 full-width scroll\",\n staticStyle: { \"max-height\": \"200px\" }\n },\n _vm._l(_vm.value, function(item, index) {\n return _c(\n \"div\",\n { key: item.id, staticClass: \"row inline group\" },\n [\n _c(\n \"q-chip\",\n {\n staticClass: \"q-pa-xs\",\n staticStyle: { cursor: \"pointer\" },\n attrs: {\n closable: \"\",\n square: \"\",\n dense: \"\",\n color: _vm.inputBgColor,\n \"text-color\": \"primary\",\n icon: \"more_vert\"\n },\n on: {\n hide: function($event) {\n return _vm.handleRemove(index)\n },\n click: function($event) {\n return _vm.handleClick(index)\n }\n }\n },\n [\n _vm._v(\n \"\\n \" +\n _vm._s(\n _vm._f(\"relationLabel\")(\n item,\n _vm.column,\n _vm.labelField\n )\n ) +\n \"\\n \"\n )\n ]\n )\n ],\n 1\n )\n }),\n 0\n ),\n _c(\"q-slide-transition\", [\n _c(\n \"div\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.showOptions && _vm.options.length,\n expression: \"showOptions && options.length\"\n }\n ]\n },\n [\n _vm.showOptions && _vm.options.length >= 1\n ? _c(\n \"q-list\",\n {\n staticClass: \"flat-box q-mt-md\",\n attrs: { striped: \"\", multiline: \"\" }\n },\n _vm._l(_vm.options, function(option) {\n return _c(\n \"q-item\",\n {\n key: option.id,\n attrs: { link: \"\" },\n nativeOn: {\n click: function($event) {\n return _vm.selected(option, false)\n }\n }\n },\n [\n _c(\n \"q-item-main\",\n [\n _c(\n \"q-item-tile\",\n { attrs: { label: \"\" } },\n [\n _vm._v(\n \"\\n \" +\n _vm._s(\n _vm._f(\"relationLabel\")(\n option,\n _vm.column,\n _vm.column.relation.label\n )\n ) +\n \"\\n \"\n )\n ]\n ),\n _vm.column.relation.subtitle\n ? _c(\n \"q-item-tile\",\n { attrs: { sublabel: \"\" } },\n [\n _vm._v(\n \"\\n \" +\n _vm._s(\n _vm._f(\"relationLabel\")(\n option,\n _vm.column,\n _vm.column.relation.subtitle\n )\n ) +\n \"\\n \"\n )\n ]\n )\n : _vm._e()\n ],\n 1\n )\n ],\n 1\n )\n }),\n 1\n )\n : _vm._e(),\n _c(\"div\", { staticClass: \"row q-mt-md\" }, [\n _c(\n \"div\",\n { staticClass: \"col-12\" },\n [\n _c(\"q-pagination\", {\n staticClass: \"text-center justify-center\",\n attrs: {\n value: _vm.pagination.page,\n color: \"secondary\",\n min: 1,\n max: _vm.maxPage,\n \"max-pages\": 15,\n \"boundary-numbers\": \"\",\n \"boundary-links\": \"\"\n },\n on: { change: _vm.handlePageChange }\n })\n ],\n 1\n )\n ])\n ],\n 1\n )\n ]),\n _vm.addButton && _vm.template === \"form\"\n ? _c(\"div\", [\n _vm.newFormModalOpen\n ? _c(\n \"div\",\n [\n _c(\n \"q-modal\",\n {\n attrs: {\n \"content-classes\": \"q-pa-lg\",\n \"content-css\":\n \"min-width: 70vw; max-width: 95vw\",\n \"no-backdrop-dismiss\": \"\",\n \"no-esc-dismiss\": \"\"\n },\n model: {\n value: _vm.newFormModalOpen,\n callback: function($$v) {\n _vm.newFormModalOpen = $$v\n },\n expression: \"newFormModalOpen\"\n }\n },\n [\n _c(\n \"div\",\n { staticClass: \"fit\" },\n [\n _c(\"q-btn\", {\n staticStyle: {\n top: \"0\",\n right: \"0\",\n position: \"relative\",\n float: \"right\"\n },\n attrs: { flat: \"\", icon: \"close\" },\n on: {\n click: function($event) {\n _vm.newFormModalOpen = false\n }\n }\n }),\n _vm.newFormModalOpen\n ? _c(\n \"div\",\n [\n _c(\n \"h3\",\n {\n staticClass:\n \"q-display-1 text-secondary capitalize no-margin\"\n },\n [\n _vm._v(\n \"\\n Add New \" +\n _vm._s(\n _vm._f(\"singular\")(\n _vm.column.label\n )\n ) +\n \"\\n \"\n )\n ]\n ),\n _vm.relationResource\n ? _c(\n \"base-form\",\n {\n attrs: {\n resource:\n _vm.relationResource,\n \"parent-resource\":\n _vm.parentResource,\n \"parent-resource-column\":\n _vm.column,\n \"is-modal\": true\n },\n on: { add: _vm.handleNew }\n },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"full-width q-mt-md q-pb-lg\",\n attrs: {\n slot: \"goback\"\n },\n slot: \"goback\"\n },\n [\n _c(\"q-btn\", {\n attrs: {\n icon: \"close\",\n label:\n \"Cancel / Close\",\n color: \"grey-6\",\n flat: \"\"\n },\n on: {\n click: function(\n $event\n ) {\n _vm.newFormModalOpen = false\n }\n }\n })\n ],\n 1\n )\n ]\n )\n : _vm._e()\n ],\n 1\n )\n : _vm._e()\n ],\n 1\n )\n ]\n )\n ],\n 1\n )\n : _vm._e()\n ])\n : _vm._e()\n ],\n 1\n )\n ])\n : _vm._e()\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n { staticClass: \"q-table-container no-shadow q-table-dense\" },\n [\n _c(\"div\", { staticClass: \"q-table-middle scroll\" }, [\n _c(\n \"table\",\n { staticClass: \"q-table q-table-horizontal-separator no-shadow\" },\n [\n _c(\"thead\", [\n _c(\n \"tr\",\n [\n _c(\"th\", {\n staticClass: \"text-left\",\n staticStyle: { width: \"80px\" }\n }),\n _vm._l(_vm.validColumns, function(column) {\n return _c(\"th\", {\n key: column.field,\n staticClass: \"text-left\",\n domProps: { textContent: _vm._s(column.label) }\n })\n }),\n _vm.showEdit\n ? _c(\"th\", {\n staticClass: \"text-center\",\n staticStyle: { width: \"80px\" }\n })\n : _vm._e(),\n _vm.showDelete\n ? _c(\"th\", {\n staticClass: \"text-center\",\n staticStyle: { width: \"80px\" }\n })\n : _vm._e()\n ],\n 2\n )\n ]),\n _c(\n \"tbody\",\n _vm._l(_vm.rows, function(row, index) {\n return _c(\n \"tr\",\n { key: row.id },\n [\n _c(\n \"td\",\n {\n staticClass: \"text-left\",\n staticStyle: { width: \"80px\" }\n },\n [\n _c(\"q-icon\", {\n class: {\n invisible: _vm.selectedRowIds.indexOf(row.id) === -1\n },\n attrs: { name: \"check circle\", color: \"positive\" }\n })\n ],\n 1\n ),\n _vm._l(_vm.validColumns, function(column) {\n return _c(\n \"td\",\n {\n key: \"row-\" + row.id + \"-\" + column.field,\n staticClass: \"text-left cursor-pointer\",\n on: {\n click: function($event) {\n return _vm.handleSelect(index)\n }\n }\n },\n [\n column.field === \"imageUrl\"\n ? _c(\"span\", [\n _c(\"img\", {\n staticClass: \"flex inline flex-center\",\n staticStyle: {\n \"max-height\": \"36px\",\n width: \"auto\"\n },\n attrs: {\n src: _vm._f(\"relationLabel\")(\n row,\n column,\n _vm.parentColumnMap[column.field]\n )\n }\n })\n ])\n : _c(\"span\", [\n _vm._v(\n _vm._s(\n _vm._f(\"relationLabel\")(\n row,\n column,\n _vm.parentColumnMap[column.field]\n )\n )\n )\n ])\n ]\n )\n }),\n _c(\n \"td\",\n {\n staticClass: \"text-center\",\n staticStyle: { width: \"80px\" }\n },\n [\n _vm.showEdit\n ? _c(\"q-btn\", {\n attrs: {\n icon: \"edit\",\n color: \"positive\",\n flat: \"\",\n round: \"\"\n },\n on: {\n click: function($event) {\n return _vm.handleEdit(index)\n }\n }\n })\n : _vm._e()\n ],\n 1\n ),\n _c(\n \"td\",\n {\n staticClass: \"text-center\",\n staticStyle: { width: \"80px\" }\n },\n [\n _vm.showDelete\n ? _c(\"q-btn\", {\n attrs: {\n icon: \"delete\",\n color: \"negative\",\n flat: \"\",\n round: \"\"\n },\n on: {\n click: function($event) {\n return _vm.handleDelete(index)\n }\n }\n })\n : _vm._e()\n ],\n 1\n )\n ],\n 2\n )\n }),\n 0\n )\n ]\n )\n ])\n ]\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","\r\n \r\n \r\n \r\n \r\n {{ value.label }}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DetailsTable.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DetailsTable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DetailsTable.vue?vue&type=template&id=208a9f19&\"\nimport script from \"./DetailsTable.vue?vue&type=script&lang=js&\"\nexport * from \"./DetailsTable.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"DetailsTable.vue\"\nexport default component.exports","import colorsMixin from './colors'\r\nimport {relationLabel} from '../plugins/filters'\r\nimport DetailsTable from '../components/fields/DetailsTable.vue'\r\n// import { normalizeApiData, transformLinkTableArray } from '../utils/oData'\r\n\r\nexport default {\r\n mixins: [colorsMixin],\r\n\r\n props: {\r\n value: {\r\n type: [Object, Array]\r\n },\r\n addButton: {\r\n type: Boolean,\r\n default: () => true\r\n },\r\n showSearch: {\r\n type: Boolean,\r\n default: true\r\n },\r\n showBrowse: {\r\n type: Boolean,\r\n default: true\r\n },\r\n allowEdit: {\r\n type: Boolean,\r\n default: true\r\n },\r\n column: {\r\n type: Object,\r\n required: true\r\n },\r\n resource: {\r\n type: String,\r\n default: () => null\r\n },\r\n isFilter: {\r\n type: Boolean,\r\n default: () => false\r\n },\r\n template: {\r\n type: String,\r\n default: () => 'form'\r\n },\r\n parentId: {\r\n type: [Number, String],\r\n default: () => null\r\n },\r\n filter: {\r\n type: Object,\r\n default: () => null\r\n },\r\n compare: {\r\n type: Boolean,\r\n default: () => false\r\n },\r\n compareId: {\r\n type: Number,\r\n default: () => 0\r\n }\r\n // compareObj: {\r\n // type: [Object, Array, String],\r\n // default: () => {}\r\n // }\r\n },\r\n\r\n components: {\r\n DetailsTable\r\n },\r\n\r\n data () {\r\n return {\r\n showOptions: false,\r\n searching: false,\r\n loaded: true,\r\n loading: false,\r\n term: '',\r\n modalOpen: false,\r\n modalData: null,\r\n infoModalOpen: false,\r\n newFormModalOpen: false,\r\n newFormModalIndex: false,\r\n editFormModalOpen: false,\r\n editFormModelId: null,\r\n providedModel: false,\r\n editing: false,\r\n pagination: { page: 1, rowsPerPage: 15, rowsNumber: 1 },\r\n options: []\r\n }\r\n },\r\n\r\n computed: {\r\n relation () {\r\n return this.column.relation\r\n },\r\n relationType () {\r\n return this.relation ? this.relation.type : null\r\n },\r\n relationResource () {\r\n return this.relation ? this.relation.namespace : null\r\n },\r\n parentResource () {\r\n return this.$route.meta.resource\r\n },\r\n apiUrl () {\r\n return this.relationResource ? this.$store.state[this.relationResource].apiEndpoint : ''\r\n },\r\n hasValue () {\r\n return (this.relationType === 'one' && !!this.value) || (this.relationType === 'many' && !!this.value && this.value.length)\r\n },\r\n editModeActive () {\r\n return this.editing || !this.hasValue\r\n },\r\n titleColumn () {\r\n return this.relationResource && this.$store.state[`${this.relationResource}`] ? this.$store.getters[`${this.relationResource}/titleColumn`] : undefined\r\n },\r\n subtitleColumn () {\r\n return this.relationResource && this.$store.state[`${this.relationResource}`] ? this.$store.getters[`${this.relationResource}/subtitleColumn`] : undefined\r\n },\r\n infoColumns () {\r\n return this.relationResource && this.$store.state[`${this.relationResource}`] ? this.$store.getters[`${this.relationResource}/infoColumns`] : []\r\n },\r\n relationColumns () {\r\n const arr = []\r\n if (this.titleColumn && typeof this.titleColumn === 'object') {\r\n arr.push(this.titleColumn)\r\n }\r\n if (this.subtitleColumn && typeof this.subtitleColumn === 'object') {\r\n arr.push(this.subtitleColumn)\r\n }\r\n if (this.infoColumns && Array.isArray(this.infoColumns) && this.infoColumns.length) {\r\n const infoColumns = this.infoColumns.filter(c => c && typeof c === 'object' && c !== undefined)\r\n if (infoColumns.length) {\r\n infoColumns.forEach(c => {\r\n arr.push(c)\r\n })\r\n }\r\n }\r\n return arr\r\n },\r\n relationParentColumnMap () {\r\n return this.relationColumns\r\n .filter(c => c && typeof c === 'object' && c.field && c.relation && c.relation.namespace)\r\n .reduce((obj, relationColumn) => {\r\n const ns = relationColumn.relation.namespace\r\n const titleColumn = this.$store.getters[`${ns}/titleColumn`]\r\n if (titleColumn && relationColumn.field) {\r\n obj[relationColumn.field] = titleColumn\r\n }\r\n return obj\r\n }, {})\r\n },\r\n maxPage () {\r\n return Math.ceil(this.pagination.rowsNumber / this.pagination.rowsPerPage || 1)\r\n }\r\n },\r\n\r\n methods: {\r\n handleEditButton (editFormModelId) {\r\n this.$set(this, 'editFormModelId', editFormModelId)\r\n this.$set(this, 'editFormModalOpen', true)\r\n },\r\n handleEditRequest ({ index, model }) {\r\n if (model.id) {\r\n this.handleEditButton(model.id)\r\n } else {\r\n this.providedModel = model\r\n this.newFormModalOpen = true\r\n this.newFormModalIndex = index\r\n }\r\n },\r\n handleEdit (model, id, stay) {\r\n // console.log('relationFields handleEdit model: ', model, 'id: ', id, 'stay: ', stay)\r\n this.$q.notify({\r\n message: `Updated ${this.column.label}`,\r\n type: 'positive'\r\n })\r\n this.selected(model)\r\n const stayBool = !!stay\r\n if (!stayBool) {\r\n this.$set(this, 'editFormModalOpen', false)\r\n }\r\n },\r\n handleClose () {\r\n this.$set(this, 'view', 'default')\r\n this.$set(this, 'modalOpen', false)\r\n },\r\n handleClick (index) {\r\n const modalData = this.value[index]\r\n this.$set(this, 'modalData', modalData)\r\n this.$set(this, 'modalOpen', true)\r\n },\r\n mapOptions (options) {\r\n return options.map(obj => {\r\n return {\r\n label: relationLabel(obj, this.titleColumn, this.relationParentColumnMap[this.titleColumn.field]),\r\n subtitle: this.subtitleColumn ? relationLabel(obj, this.subtitleColumn, this.relationParentColumnMap[this.subtitleColumn.field]) : null,\r\n value: obj.id,\r\n id: obj.id,\r\n model: obj\r\n }\r\n })\r\n },\r\n exists (obj) {\r\n if (!obj || !obj.id) {\r\n return false\r\n }\r\n if (this.column.relation.type === 'one') {\r\n return !!(this.value && this.value.id && obj.value === this.value.id)\r\n }\r\n if (obj.value && obj.label) {\r\n return this.value.some(current => current.id === obj.value)\r\n }\r\n return this.value.some(current => current.id === obj.id)\r\n },\r\n handleNew (model, id, stay) {\r\n // console.log('relationFields handleNew model: ', model, 'id: ', id, 'stay: ', stay)\r\n this.$q.notify({\r\n message: `Added new ${this.column.label}`,\r\n type: 'positive'\r\n })\r\n this.selected(model)\r\n const stayBool = !!stay\r\n // console.log('stayBool', stayBool)\r\n if (!stayBool) {\r\n // console.log('close modal')\r\n this.$set(this, 'newFormModalOpen', false)\r\n }\r\n },\r\n async handleBrowseData () {\r\n const v = !this.showOptions\r\n if (v) {\r\n await this.fetchOptions({ pagination: this.pagination })\r\n }\r\n this.showOptions = v\r\n },\r\n async search (terms, done) {\r\n // console.log('terms', terms)\r\n // ODATA SAMPLE: http://host/service/Products?$search=blue OR green\r\n // const { data } = await this.$axios.get(`/api/odata/${this.relationResource}`, {\r\n // params: {\r\n // $top: 15,\r\n // $search: terms.split(' ').join(' OR ')\r\n // // $filter: `contains(firstName,'${terms}')`\r\n // }\r\n // })\r\n // this.searching = false\r\n // // console.log(data)\r\n // if (data && data.value) {\r\n // const mappedOptions = this.mapOptions(data.value)\r\n // done(mappedOptions)\r\n // }\r\n let filter = 'removalDate eq null AND guestData ne true AND approved eq true'\r\n if (this.relationResource !== 'company' && this.relationResource !== 'person') {\r\n filter = 'removalDate eq null'\r\n }\r\n // console.log('this.relationResource', this.relationResource)\r\n // PETA POCO:\r\n const data = await this.$store.dispatch(`${this.relationResource}/search`, {\r\n client: this.$axios,\r\n search: terms,\r\n config: {\r\n params: {\r\n limit: 25,\r\n search: terms,\r\n $filter: filter\r\n }\r\n }\r\n })\r\n this.searching = false\r\n // console.log(data)\r\n if (data && data.data) {\r\n const mappedOptions = this.mapOptions(data.data)\r\n done(mappedOptions)\r\n }\r\n done([])\r\n },\r\n async handlePageChange (page) {\r\n await this.fetchOptions({ pagination: { page } })\r\n },\r\n async fetchOptions ({ pagination = { page: 1, rowsNumber: 1, rowsPerPage: 15 } }) {\r\n /*\r\n if (this.filter && (this.filter.path || this.filter.key) && this.filter.value) {\r\n let filterValue = null\r\n if (typeof this.filter.value === 'function') {\r\n try {\r\n filterValue = this.filter.value.call(this, this)\r\n // console.log('> Props: filter > value > (this) = ', filterValue)\r\n if (filterValue !== null && filterValue !== undefined) {\r\n shvl.set(config.params.filter, this.filter.path || this.filter.key, filterValue)\r\n }\r\n } catch (e) {\r\n this.$handleError(e)\r\n }\r\n }\r\n }\r\n */\r\n let config = {}\r\n // if (this.relation.parentRestraint && this.parentId) {\r\n // config = {\r\n // params: {\r\n // $filter: `${this.relation.fk} eq ${this.parentId}`\r\n // }\r\n // }\r\n // }\r\n if (!pagination.page) {\r\n pagination.page = 1\r\n }\r\n if (!pagination.rowsNumber) {\r\n pagination.rowsNumber = 1\r\n }\r\n if (!pagination.rowsPerPage) {\r\n pagination.rowsPerPage = 15\r\n }\r\n this.loading = true\r\n // console.log('pagination', pagination)\r\n const data = await this.$store.dispatch(`${this.relationResource}/paginate`, {\r\n client: this.$axios,\r\n noFilters: true,\r\n noTransform: true,\r\n config,\r\n pagination\r\n })\r\n if (data) {\r\n // console.log('data', data)\r\n this.$set(this, 'pagination', {\r\n page: data.page,\r\n rowsPerPage: data.rowsPerPage,\r\n rowsNumber: data.rowsNumber\r\n // page: data.from,\r\n // rowsPerPage: data.perPage,\r\n // rowsNumber: data.total\r\n })\r\n this.$set(this, 'options', data.data)\r\n }\r\n this.loading = false\r\n },\r\n async addParent (model) {\r\n // console.log('addParent', model, 'this.value', this.value)\r\n if (Array.isArray(this.value)) {\r\n const parentModel = await this.fetchParent('csiCodes', model.parentId)\r\n // console.log('parentModel', parentModel)\r\n const newArray = this.value.slice(0)\r\n // console.log('newArray', newArray)\r\n let valueIndex = -1\r\n if (parentModel.id) {\r\n valueIndex = newArray.findIndex(na => na.id === parentModel.id)\r\n // console.log('parent valueIndex id found', valueIndex)\r\n } else if (this.newFormModalIndex >= 0 && this.newFormModalIndex !== false) {\r\n valueIndex = this.newFormModalIndex\r\n }\r\n // console.log('parent valueIndex', valueIndex)\r\n if (valueIndex >= 0) {\r\n // newArray[valueIndex] = parentModel\r\n } else {\r\n newArray.push(parentModel)\r\n }\r\n this.$emit('manual-update', this.column.field, newArray)\r\n }\r\n // const newOptionsParent = Array.isArray(this.value) ? this.value.slice(0) : []\r\n // newOptionsParent.push(parentModel)\r\n // console.log('newOptionsParent', newOptionsParent)\r\n\r\n // this.$emit('manual-update', this.column.field, newOptionsParent)\r\n },\r\n async selected (obj, close = true) {\r\n // console.log('>> selected')\r\n // console.log('selected obj', obj)\r\n // console.log('this.column', this.column)\r\n const model = obj.model || obj\r\n // -- handle type ONE\r\n if (this.column.relation.type === 'one') {\r\n this.$emit('manual-update', this.column.field, model)\r\n } else {\r\n // console.log('model', model)\r\n // if (this.exists(model)) {\r\n // // console.log('exists', model)\r\n // }\r\n if (Array.isArray(this.value)) {\r\n if (this.column && this.column.field && this.column.field === 'companyCsiCodes') {\r\n // console.log('index', index, 'model', model, 'this.value', this.value)\r\n if (model && model.parentId) {\r\n await this.addParent(model)\r\n }\r\n }\r\n const newArray = this.value.slice(0)\r\n let valueIndex = -1\r\n // console.log('this.newFormModalIndex', this.newFormModalIndex)\r\n // console.log('model.id', model.id)\r\n if (model.id) {\r\n valueIndex = newArray.findIndex(na => na.id === model.id)\r\n } else if (this.newFormModalIndex >= 0 && this.newFormModalIndex !== false) {\r\n valueIndex = this.newFormModalIndex\r\n }\r\n // console.log('newArray 1', newArray)\r\n // console.log('valueIndex', valueIndex)\r\n if (valueIndex >= 0) {\r\n newArray[valueIndex] = model\r\n } else {\r\n newArray.push(model)\r\n }\r\n // console.log('newArray 2', newArray)\r\n // console.log('selected model', model)\r\n this.$emit('manual-update', this.column.field, newArray)\r\n this.newFormModalIndex = false\r\n this.providedModel = false\r\n // this is where it goes wrong...\r\n } else {\r\n // console.log('[model]', [model])\r\n this.$emit('manual-update', this.column.field, [model])\r\n }\r\n const optionIndex = this.options.findIndex(o => o.id === model.id)\r\n // console.log('optionIndex', optionIndex, this.options, model)\r\n if (optionIndex !== -1) {\r\n this.$delete(this.options, optionIndex)\r\n }\r\n /* this.$emit('add', this.column.field, model)\r\n this.$nextTick(() => {\r\n this.$emit('sync')\r\n }) */\r\n }\r\n this.$set(this, 'editing', false)\r\n this.$set(this, 'term', '')\r\n if (close) {\r\n this.$set(this, 'showOptions', false)\r\n }\r\n },\r\n async fetchParent (resource, id) {\r\n const model = await this.$store.dispatch(`${resource}/fetchOne`, {client: this.$axios, id: id, noFilters: true})\r\n // console.log('fetchData model', model)\r\n return model\r\n // this.$nextTick(() => {\r\n // this.loaded = true\r\n // })\r\n },\r\n },\r\n\r\n mounted () {\r\n // this.fetchOptions({pagination: this.pagination})\r\n },\r\n\r\n created () {\r\n if (this.value) {\r\n if (Array.isArray(this.value)) {\r\n return this.options.concat(this.value)\r\n }\r\n if (typeof this.value === 'object') {\r\n this.options.push(this.value)\r\n }\r\n }\r\n }\r\n}\r\n","\r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n | \r\n | \r\n |
|---|---|---|
| \r\n | \r\n \r\n | \r\n \r\n | \r\n
\r\n
\r\n \r\n\r\n\r\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AutoCompleteManyField.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AutoCompleteManyField.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AutoCompleteManyField.vue?vue&type=template&id=601ae3f5&\"\nimport script from \"./AutoCompleteManyField.vue?vue&type=script&lang=js&\"\nexport * from \"./AutoCompleteManyField.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"AutoCompleteManyField.vue\"\nexport default component.exports","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n [\n !_vm.parentId && _vm.column.relation.requiresParentSave\n ? [\n _c(\"q-alert\", { attrs: { color: \"primary\", type: \"warning\" } }, [\n _vm._v(\"Must save before these can be created.\")\n ])\n ]\n : [\n !_vm.isFilter\n ? _c(\n \"div\",\n [\n _c(\n \"div\",\n { staticClass: \"q-mb-md\" },\n [\n _vm.addButton\n ? _c(\n \"q-btn\",\n {\n staticClass: \"no-shadow\",\n attrs: {\n icon: \"add\",\n size: \"sm\",\n flat: \"\",\n color: \"secondary\"\n },\n on: {\n click: function($event) {\n _vm.newFormModalOpen = !_vm.newFormModalOpen\n }\n }\n },\n [\n _vm._v(\n \"Add New \" +\n _vm._s(_vm._f(\"singular\")(_vm.column.label))\n )\n ]\n )\n : _vm._e(),\n _c(\"q-btn\", {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value:\n _vm.editModeActive &&\n _vm.value &&\n _vm.value.length,\n expression:\n \"editModeActive && value && value.length\"\n }\n ],\n staticClass: \"on-right no-shadow\",\n attrs: {\n size: \"sm\",\n icon: \"cancel\",\n flat: \"\",\n color: \"positive\",\n label: \"cancel select mode\"\n },\n on: {\n click: function($event) {\n _vm.editing = false\n }\n }\n })\n ],\n 1\n ),\n !_vm.editModeActive\n ? _c(\n \"div\",\n { staticClass: \"flat-box\" },\n [\n _c(\n \"q-card\",\n { attrs: { flat: \"\" } },\n [\n _c(\n \"q-card-main\",\n [\n _c(\"details-table\", {\n attrs: {\n columns: _vm.relationColumns,\n \"parent-column-map\":\n _vm.relationParentColumnMap,\n rows: _vm.value,\n selected: _vm.value,\n \"show-edit\": _vm.allowEdit\n },\n on: {\n remove: _vm.handleRemove,\n edit: _vm.handleEditRequest\n }\n })\n ],\n 1\n )\n ],\n 1\n )\n ],\n 1\n )\n : _vm._e(),\n _c(\n \"div\",\n { staticClass: \"flex q-mt-lg q-mb-lg\" },\n [\n _c(\"q-btn\", {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.showBrowse,\n expression: \"showBrowse\"\n }\n ],\n staticClass: \"no-shadow inline-flex\",\n attrs: {\n color: _vm.inputBgColor,\n \"text-color\": \"primary\",\n rounded: \"\",\n icon: _vm.showOptions\n ? \"keyboard arrow up\"\n : \"keyboard arrow down\",\n loading: _vm.loading\n },\n on: { click: _vm.handleBrowseData }\n }),\n _vm.loaded\n ? _c(\n \"q-search\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.showSearch,\n expression: \"showSearch\"\n }\n ],\n staticClass: \"no-shadow inline-flex on-right\",\n staticStyle: { \"flex-grow\": \"1\" },\n attrs: {\n placeholder: \"\",\n \"hide-underline\": \"\",\n color: _vm.inputBgColor,\n \"inverted-light\": \"\",\n clearable: \"\"\n },\n model: {\n value: _vm.term,\n callback: function($$v) {\n _vm.term = $$v\n },\n expression: \"term\"\n }\n },\n [\n _c(\"q-autocomplete\", {\n attrs: {\n minCharacters: 1,\n \"max-results\": 25,\n \"max-height\": \"400px\"\n },\n on: {\n selected: _vm.selected,\n search: _vm.search\n }\n })\n ],\n 1\n )\n : _vm._e()\n ],\n 1\n ),\n _c(\"q-slide-transition\", [\n _c(\n \"div\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value:\n _vm.options &&\n _vm.options.length &&\n _vm.showOptions,\n expression:\n \"options && options.length && showOptions\"\n }\n ]\n },\n [\n _c(\"details-table\", {\n attrs: {\n columns: _vm.relationColumns,\n \"parent-column-map\": _vm.relationParentColumnMap,\n selected: _vm.value,\n rows: _vm.options,\n \"show-delete\": false,\n \"show-edit\": _vm.allowEdit\n },\n on: {\n remove: _vm.handleRemove,\n edit: _vm.handleEditRequest,\n select: _vm.handleSelectClick\n }\n }),\n _c(\"div\", { staticClass: \"row q-mt-md\" }, [\n _c(\n \"div\",\n { staticClass: \"col-12\" },\n [\n _c(\"q-pagination\", {\n staticClass: \"text-center justify-center\",\n attrs: {\n value: _vm.pagination.page,\n color: \"secondary\",\n min: 1,\n max: _vm.maxPage,\n \"max-pages\": 15,\n \"boundary-numbers\": \"\",\n \"boundary-links\": \"\"\n },\n on: { change: _vm.handlePageChange }\n })\n ],\n 1\n )\n ])\n ],\n 1\n )\n ]),\n _c(\n \"q-slide-transition\",\n [\n _c(\n \"q-alert\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value:\n _vm.showOptions &&\n !_vm.options.length &&\n !_vm.loading,\n expression:\n \"showOptions && !options.length && !loading\"\n }\n ],\n attrs: { type: \"info\" }\n },\n [\n _vm._v(\n \"No \" +\n _vm._s(_vm._f(\"plural\")(_vm.column.label)) +\n \" found\"\n )\n ]\n )\n ],\n 1\n ),\n _vm.addButton && _vm.template === \"form\"\n ? _c(\"div\", [\n _vm.newFormModalOpen\n ? _c(\n \"div\",\n [\n _c(\n \"q-modal\",\n {\n attrs: {\n \"content-classes\": \"q-pa-lg\",\n \"content-css\":\n \"min-width: 70vw; max-width: 95vw\",\n \"no-backdrop-dismiss\": \"\",\n \"no-esc-dismiss\": \"\"\n },\n model: {\n value: _vm.newFormModalOpen,\n callback: function($$v) {\n _vm.newFormModalOpen = $$v\n },\n expression: \"newFormModalOpen\"\n }\n },\n [\n _c(\n \"div\",\n { staticClass: \"fit\" },\n [\n _c(\"q-btn\", {\n staticStyle: {\n top: \"0\",\n right: \"0\",\n position: \"relative\",\n float: \"right\"\n },\n attrs: { flat: \"\", icon: \"close\" },\n on: {\n click: function($event) {\n _vm.newFormModalOpen = false\n }\n }\n }),\n _vm.newFormModalOpen\n ? _c(\n \"div\",\n [\n _c(\n \"h3\",\n {\n staticClass:\n \"q-display-1 text-secondary capitalize no-margin\"\n },\n [\n _vm._v(\n \"Add New \" +\n _vm._s(\n _vm._f(\"singular\")(\n _vm.column.label\n )\n )\n )\n ]\n ),\n _vm.relationResource\n ? _c(\n \"base-form\",\n {\n attrs: {\n resource:\n _vm.relationResource,\n \"parent-id\": parseInt(\n _vm.parentId\n ),\n \"parent-resource\":\n _vm.parentResource,\n \"parent-resource-column\":\n _vm.column,\n \"skip-resource\":\n _vm.resource,\n \"is-modal\": true,\n \"provided-model\":\n _vm.providedModel\n },\n on: {\n add: _vm.handleNew\n }\n },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"full-width q-mt-md q-pb-lg\",\n attrs: {\n slot: \"goback\"\n },\n slot: \"goback\"\n },\n [\n _c(\"q-btn\", {\n attrs: {\n icon: \"close\",\n label:\n \"Cancel / Close\",\n color:\n \"grey-6\",\n flat: \"\"\n },\n on: {\n click: function(\n $event\n ) {\n _vm.newFormModalOpen = false\n }\n }\n })\n ],\n 1\n )\n ]\n )\n : _vm._e()\n ],\n 1\n )\n : _vm._e()\n ],\n 1\n )\n ]\n )\n ],\n 1\n )\n : _vm._e()\n ])\n : _vm._e(),\n _vm.template === \"form\"\n ? _c(\"div\", [\n _vm.editFormModalOpen\n ? _c(\n \"div\",\n [\n _c(\n \"q-modal\",\n {\n attrs: {\n \"content-classes\": \"q-pa-lg\",\n \"content-css\":\n \"min-width: 70vw; max-width: 95vw\",\n \"no-backdrop-dismiss\": \"\",\n \"no-esc-dismiss\": \"\"\n },\n model: {\n value: _vm.editFormModalOpen,\n callback: function($$v) {\n _vm.editFormModalOpen = $$v\n },\n expression: \"editFormModalOpen\"\n }\n },\n [\n _c(\n \"div\",\n { staticClass: \"fit\" },\n [\n _c(\"q-btn\", {\n staticStyle: {\n top: \"0\",\n right: \"0\",\n position: \"relative\",\n float: \"right\"\n },\n attrs: { flat: \"\", icon: \"close\" },\n on: {\n click: function($event) {\n _vm.editFormModalOpen = false\n }\n }\n }),\n _vm.editFormModelId\n ? _c(\n \"div\",\n [\n _vm.relationResource\n ? _c(\n \"base-form\",\n {\n attrs: {\n resource:\n _vm.relationResource,\n \"parent-id\": parseInt(\n _vm.parentId\n ),\n \"parent-resource\":\n _vm.parentResource,\n \"parent-resource-column\":\n _vm.column,\n \"skip-resource\":\n _vm.resource,\n callback:\n _vm.handleEdit,\n \"is-modal\": true,\n id:\n _vm.editFormModelId\n }\n },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"full-width q-mt-md q-pb-lg\",\n attrs: {\n slot: \"goback\"\n },\n slot: \"goback\"\n },\n [\n _c(\"q-btn\", {\n attrs: {\n icon: \"close\",\n label:\n \"Cancel / Close\",\n color:\n \"grey-6\",\n flat: \"\"\n },\n on: {\n click: function(\n $event\n ) {\n _vm.editFormModalOpen = false\n }\n }\n })\n ],\n 1\n )\n ]\n )\n : _vm._e()\n ],\n 1\n )\n : _vm._e()\n ],\n 1\n )\n ]\n )\n ],\n 1\n )\n : _vm._e()\n ])\n : _vm._e()\n ],\n 1\n )\n : _vm._e()\n ]\n ],\n 2\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n Add New {{ column.label | singular }}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {{ item | relationLabel(column, labelField) }}\r\n \r\n
\r\n \r\n = 1\"\r\n class=\"flat-box q-mt-md\"\r\n striped\r\n multiline\r\n >\r\n \r\n \r\n \r\n {{ option | relationLabel(column, column.relation.label) }}\r\n \r\n \r\n {{ option | relationLabel(column, column.relation.subtitle)}}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n Add New {{ column.label | singular }}\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n Must save before these can be created. \r\n \r\n \r\n
\r\n\r\n\r\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RelationFieldMany.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RelationFieldMany.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RelationFieldMany.vue?vue&type=template&id=8141eca0&\"\nimport script from \"./RelationFieldMany.vue?vue&type=script&lang=js&\"\nexport * from \"./RelationFieldMany.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"RelationFieldMany.vue\"\nexport default component.exports","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _vm.titleColumn\n ? _c(\n \"div\",\n [\n !_vm.parentId && _vm.column.relation.requiresParentSave\n ? [\n _c(\n \"q-alert\",\n { attrs: { color: \"primary\", type: \"warning\" } },\n [_vm._v(\"Must save before these can be created.\")]\n )\n ]\n : [\n !_vm.isFilter\n ? _c(\"div\", [\n _c(\n \"div\",\n { staticClass: \"q-mb-md\" },\n [\n _vm.addButton\n ? _c(\"q-btn\", {\n staticClass: \"no-shadow\",\n attrs: {\n icon: \"add\",\n size: \"sm\",\n flat: \"\",\n color: \"secondary\",\n label: _vm._f(\"singular\")(\n \"New \" + _vm.column.label\n )\n },\n on: {\n click: function($event) {\n _vm.newFormModalOpen = !_vm.newFormModalOpen\n }\n }\n })\n : _vm._e(),\n _vm.value\n ? _c(\"q-btn\", {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.editModeActive,\n expression: \"editModeActive\"\n }\n ],\n staticClass: \"on-right no-shadow\",\n attrs: {\n icon: \"check\",\n size: \"sm\",\n flat: \"\",\n color: \"positive\",\n label: _vm._f(\"relationLabel\")(\n _vm.value,\n _vm.titleColumn,\n _vm.relationParentColumnMap[\n _vm.titleColumn.field\n ]\n )\n },\n on: {\n click: function($event) {\n _vm.editing = false\n }\n }\n })\n : _vm._e()\n ],\n 1\n ),\n _vm.editModeActive\n ? _c(\n \"div\",\n [\n _c(\n \"div\",\n { staticClass: \"flex\" },\n [\n _c(\"q-btn\", {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.showBrowse,\n expression: \"showBrowse\"\n }\n ],\n staticClass: \"no-shadow inline-flex\",\n attrs: {\n color: _vm.inputBgColor,\n \"text-color\": \"primary\",\n rounded: \"\",\n icon: _vm.showOptions\n ? \"keyboard arrow up\"\n : \"keyboard arrow down\",\n loading: _vm.loading\n },\n on: { click: _vm.handleBrowseData }\n }),\n _vm.loaded\n ? _c(\n \"q-search\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.showSearch,\n expression: \"showSearch\"\n }\n ],\n staticClass:\n \"no-shadow inline-flex on-right\",\n staticStyle: { \"flex-grow\": \"1\" },\n attrs: {\n placeholder: \"\",\n \"hide-underline\": \"\",\n color: _vm.inputBgColor,\n \"inverted-light\": \"\",\n clearable: \"\"\n },\n model: {\n value: _vm.term,\n callback: function($$v) {\n _vm.term = $$v\n },\n expression: \"term\"\n }\n },\n [\n _c(\"q-autocomplete\", {\n attrs: {\n minCharacters: 1,\n \"max-results\": 25,\n \"max-height\": \"400px\"\n },\n on: {\n selected: _vm.selected,\n search: _vm.search\n }\n })\n ],\n 1\n )\n : _vm._e()\n ],\n 1\n ),\n _c(\"q-slide-transition\", [\n _c(\n \"div\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value:\n _vm.options &&\n _vm.options.length &&\n _vm.showOptions,\n expression:\n \"options && options.length && showOptions\"\n }\n ]\n },\n [\n _c(\"details-table\", {\n attrs: {\n columns: _vm.relationColumns,\n \"parent-column-map\":\n _vm.relationParentColumnMap,\n selected: _vm.value,\n rows: _vm.options,\n \"show-delete\": false,\n \"show-edit\": _vm.allowEdit\n },\n on: {\n select: _vm.handleSelectClick,\n remove: _vm.handleRemove,\n edit: _vm.handleEditRequest\n }\n }),\n _c(\"div\", { staticClass: \"row q-mt-md\" }, [\n _c(\n \"div\",\n { staticClass: \"col-12\" },\n [\n _c(\"q-pagination\", {\n staticClass:\n \"text-center justify-center\",\n attrs: {\n value: _vm.pagination.page,\n color: \"secondary\",\n min: 1,\n max: _vm.maxPage,\n \"max-pages\": 15,\n \"boundary-numbers\": \"\",\n \"boundary-links\": \"\"\n },\n on: { change: _vm.handlePageChange }\n })\n ],\n 1\n )\n ])\n ],\n 1\n )\n ]),\n _c(\n \"q-slide-transition\",\n [\n _c(\n \"q-alert\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value:\n _vm.showOptions &&\n !_vm.options.length &&\n !_vm.loading,\n expression:\n \"showOptions && !options.length && !loading\"\n }\n ],\n attrs: { type: \"info\" }\n },\n [\n _vm._v(\n \"No \" +\n _vm._s(\n _vm._f(\"plural\")(_vm.column.label)\n ) +\n \" found\"\n )\n ]\n )\n ],\n 1\n )\n ],\n 1\n )\n : _vm._e(),\n !_vm.editModeActive\n ? _c(\n \"div\",\n { staticClass: \"flat-box\" },\n [\n _c(\n \"q-card\",\n { attrs: { flat: \"\" } },\n [\n _c(\n \"q-card-main\",\n [\n _c(\n \"q-collapsible\",\n { attrs: { opened: \"\" } },\n [\n _c(\n \"div\",\n {\n staticClass: \"full-width\",\n attrs: { slot: \"header\" },\n slot: \"header\"\n },\n [\n _c(\n \"span\",\n {\n staticClass:\n \"q-title text-primary\"\n },\n [\n _vm._v(\n _vm._s(\n _vm._f(\"relationLabel\")(\n _vm.value,\n _vm.titleColumn,\n _vm\n .relationParentColumnMap[\n _vm.titleColumn.field\n ]\n )\n )\n )\n ]\n ),\n _vm.subtitleColumn\n ? _c(\n \"span\",\n {\n staticClass:\n \"q-caption text-grey-6\"\n },\n [\n _c(\"br\"),\n _vm._v(\n \"\\n \" +\n _vm._s(\n _vm._f(\n \"relationLabel\"\n )(\n _vm.value,\n _vm.subtitleColumn,\n _vm\n .relationParentColumnMap[\n _vm\n .subtitleColumn\n .field\n ]\n )\n ) +\n \"\\n \"\n )\n ]\n )\n : _vm._e()\n ]\n ),\n _c(\"details-table\", {\n attrs: {\n columns: _vm.relationColumns,\n rows: [_vm.value],\n selected: [_vm.value],\n \"parent-column-map\":\n _vm.relationParentColumnMap,\n \"show-edit\": _vm.allowEdit\n },\n on: {\n remove: _vm.handleRemove,\n edit: _vm.handleEditRequest\n }\n })\n ],\n 1\n )\n ],\n 1\n ),\n _c(\n \"q-card-actions\",\n { attrs: { align: \"between\" } },\n [\n _vm.showBrowse\n ? _c(\n \"q-btn\",\n {\n staticClass: \"no-shadow\",\n attrs: {\n color: \"secondary\",\n flat: \"\"\n },\n on: {\n click: function($event) {\n _vm.editing = true\n }\n }\n },\n [\n _c(\"q-icon\", {\n staticClass: \"on-left\",\n attrs: { name: \"autorenew\" }\n }),\n _vm._v(\n \"\\n select different \" +\n _vm._s(\n _vm._f(\"singular\")(\n _vm.column.label\n )\n ) +\n \"\\n \"\n )\n ],\n 1\n )\n : _vm._e(),\n _vm.realModel.id && _vm.allowEdit\n ? _c(\n \"q-btn\",\n {\n staticClass: \"no-shadow\",\n attrs: {\n color: \"positive\",\n flat: \"\"\n },\n on: {\n click: function($event) {\n return _vm.handleEditButton(\n _vm.realModel.id\n )\n }\n }\n },\n [\n _c(\"span\", [\n _vm._v(\"edit/view record\")\n ]),\n _c(\"q-icon\", {\n staticClass: \"on-right\",\n attrs: { name: \"open in new\" }\n })\n ],\n 1\n )\n : _vm._e()\n ],\n 1\n )\n ],\n 1\n )\n ],\n 1\n )\n : _vm._e(),\n _vm.addButton && _vm.template === \"form\"\n ? _c(\"div\", [\n _vm.newFormModalOpen\n ? _c(\n \"div\",\n [\n _c(\n \"q-modal\",\n {\n attrs: {\n \"content-classes\": \"q-pa-lg\",\n \"content-css\":\n \"min-width: 70vw; max-width: 95vw\",\n \"no-backdrop-dismiss\": \"\",\n \"no-esc-dismiss\": \"\"\n },\n model: {\n value: _vm.newFormModalOpen,\n callback: function($$v) {\n _vm.newFormModalOpen = $$v\n },\n expression: \"newFormModalOpen\"\n }\n },\n [\n _c(\n \"div\",\n { staticClass: \"fit\" },\n [\n _c(\"q-btn\", {\n staticStyle: {\n top: \"0\",\n right: \"0\",\n position: \"relative\",\n float: \"right\"\n },\n attrs: {\n flat: \"\",\n icon: \"close\"\n },\n on: {\n click: function($event) {\n _vm.newFormModalOpen = false\n }\n }\n }),\n _vm.newFormModalOpen\n ? _c(\n \"div\",\n [\n _c(\n \"h3\",\n {\n staticClass:\n \"q-display-1 text-secondary capitalize no-margin\"\n },\n [\n _vm._v(\n \"Add New \" +\n _vm._s(\n _vm._f(\n \"singular\"\n )(\n _vm.column.label\n )\n )\n )\n ]\n ),\n _vm.relationResource\n ? _c(\n \"base-form\",\n {\n attrs: {\n resource:\n _vm.relationResource,\n \"parent-id\": parseInt(\n _vm.parentId\n ),\n \"parent-resource\":\n _vm.parentResource,\n \"parent-resource-column\":\n _vm.column,\n \"skip-resource\":\n _vm.resource,\n \"is-modal\": true\n },\n on: {\n add: _vm.handleNew\n }\n },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"full-width q-mt-md q-pb-lg\",\n attrs: {\n slot: \"goback\"\n },\n slot: \"goback\"\n },\n [\n _c(\"q-btn\", {\n attrs: {\n icon:\n \"close\",\n label:\n \"Cancel / Close\",\n color:\n \"grey-6\",\n flat: \"\"\n },\n on: {\n click: function(\n $event\n ) {\n _vm.newFormModalOpen = false\n }\n }\n })\n ],\n 1\n )\n ]\n )\n : _vm._e()\n ],\n 1\n )\n : _vm._e()\n ],\n 1\n )\n ]\n )\n ],\n 1\n )\n : _vm._e()\n ])\n : _vm._e(),\n _vm.template === \"form\"\n ? _c(\"div\", [\n _vm.editFormModalOpen\n ? _c(\n \"div\",\n [\n _c(\n \"q-modal\",\n {\n attrs: {\n \"content-classes\": \"q-pa-lg\",\n \"content-css\":\n \"min-width: 70vw; max-width: 95vw\",\n \"no-backdrop-dismiss\": \"\",\n \"no-esc-dismiss\": \"\"\n },\n model: {\n value: _vm.editFormModalOpen,\n callback: function($$v) {\n _vm.editFormModalOpen = $$v\n },\n expression: \"editFormModalOpen\"\n }\n },\n [\n _c(\n \"div\",\n { staticClass: \"fit\" },\n [\n _c(\"q-btn\", {\n staticStyle: {\n top: \"0\",\n right: \"0\",\n position: \"relative\",\n float: \"right\"\n },\n attrs: {\n flat: \"\",\n icon: \"close\"\n },\n on: {\n click: function($event) {\n _vm.editFormModalOpen = false\n }\n }\n }),\n _vm.editFormModalOpen\n ? _c(\n \"div\",\n [\n _vm.relationResource\n ? _c(\n \"base-form\",\n {\n attrs: {\n resource:\n _vm.relationResource,\n \"parent-resource\":\n _vm.parentResource,\n \"parent-resource-column\":\n _vm.column,\n \"skip-resource\":\n _vm.resource,\n callback:\n _vm.handleEdit,\n \"is-modal\": true,\n id: _vm.value.id,\n compare:\n _vm.compare,\n compareId:\n _vm.compareId\n }\n },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"full-width q-mt-md q-pb-lg\",\n attrs: {\n slot: \"goback\"\n },\n slot: \"goback\"\n },\n [\n _c(\"q-btn\", {\n attrs: {\n icon:\n \"close\",\n label:\n \"Cancel / Close\",\n color:\n \"grey-6\",\n flat: \"\"\n },\n on: {\n click: function(\n $event\n ) {\n _vm.editFormModalOpen = false\n }\n }\n })\n ],\n 1\n )\n ]\n )\n : _vm._e()\n ],\n 1\n )\n : _vm._e()\n ],\n 1\n )\n ]\n )\n ],\n 1\n )\n : _vm._e()\n ])\n : _vm._e()\n ])\n : _vm._e()\n ]\n ],\n 2\n )\n : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","\r\n \r\n \r\n \r\n \r\n \r\n No {{ column.label | plural }} found\r\n \r\n \r\n
\r\n \r\n \r\n Add New {{ column.label | singular }}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Add New {{ column.label | singular }}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n Must save before these can be created. \r\n \r\n \r\n
\r\n\r\n\r\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RelationFieldOne.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RelationFieldOne.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RelationFieldOne.vue?vue&type=template&id=9579326e&\"\nimport script from \"./RelationFieldOne.vue?vue&type=script&lang=js&\"\nexport * from \"./RelationFieldOne.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"RelationFieldOne.vue\"\nexport default component.exports","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"span\",\n [\n _vm._t(\"default\", null, {\n color: _vm.color,\n isSaved: _vm.isSaved,\n isSaving: _vm.isSaving,\n needsSave: _vm.needsSave,\n stop: _vm.stop\n })\n ],\n 2\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n No {{ column.label | plural }} found\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n edit/view record\r\n \r\n \r\n
\r\n \r\n \r\n {{ value | relationLabel(titleColumn, relationParentColumnMap[titleColumn.field]) }}\r\n \r\n
\r\n {{ value | relationLabel(subtitleColumn, relationParentColumnMap[subtitleColumn.field]) }}\r\n \r\n
\r\n \r\n \r\n {{ value | relationLabel(subtitleColumn, relationParentColumnMap[subtitleColumn.field]) }}\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Add New {{ column.label | singular }}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Loading...
\r\n \r\n \r\n \r\n
\r\n\r\n\r\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectOneField.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectOneField.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectOneField.vue?vue&type=template&id=5f47b6ee&\"\nimport script from \"./SelectOneField.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectOneField.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"SelectOneField.vue\"\nexport default component.exports","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n [\n !_vm.isFilter\n ? _c(\"div\", { staticClass: \"q-mb-md\" }, [\n _c(\"div\", { staticClass: \"row justify-ends\" }, [\n _c(\n \"div\",\n { staticClass: \"col-md-6\" },\n [\n _c(\n \"q-btn\",\n {\n staticClass: \"no-shadow\",\n attrs: {\n icon: \"add\",\n size: \"sm\",\n flat: \"\",\n color: \"secondary\"\n },\n on: {\n click: function($event) {\n _vm.newFormModalOpen = !_vm.newFormModalOpen\n }\n }\n },\n [\n _vm._v(\n \"Add New \" +\n _vm._s(_vm._f(\"singular\")(_vm.column.label))\n )\n ]\n )\n ],\n 1\n ),\n _c(\"div\", { staticClass: \"col-md-6\" })\n ])\n ])\n : _vm._e(),\n _vm.loaded && _vm.options && _vm.options.length\n ? _c(\"q-select\", {\n staticClass: \"text-primary\",\n attrs: {\n value: _vm._f(\"mapKeys\")(_vm.value, \"id\"),\n options: _vm._f(\"qOptions\")(_vm.options, _vm.labelField),\n multiple: true,\n align: _vm.column.align,\n \"hide-underline\": \"\",\n color: !_vm.isFilter ? _vm.color : \"\",\n \"inverted-light\": !_vm.isFilter,\n clearable: \"\",\n filter: \"\",\n \"autofocus-filter\": \"\"\n },\n on: { input: _vm.handleChange }\n })\n : _vm._e(),\n _vm.template !== \"filter\"\n ? _c(\n \"div\",\n {\n staticClass: \"q-pa-md q-ma-sm bg-grey-1 full-width scroll\",\n staticStyle: { \"max-height\": \"200px\" }\n },\n _vm._l(_vm.value, function(item, index) {\n return _c(\n \"div\",\n { key: index, staticClass: \"row inline group\" },\n [\n _c(\n \"q-chip\",\n {\n staticClass: \"q-pa-xs\",\n staticStyle: { cursor: \"pointer\" },\n attrs: {\n closable: \"\",\n square: \"\",\n dense: \"\",\n color: \"deep-purple-1\",\n \"text-color\": \"primary\",\n icon: \"more_vert\"\n },\n on: {\n hide: function($event) {\n return _vm.handleRemove(index)\n },\n click: function($event) {\n return _vm.handleClick(index)\n }\n }\n },\n [\n item && item.hasOwnProperty(_vm.labelField)\n ? _c(\"span\", [_vm._v(_vm._s(item[_vm.labelField]))])\n : _c(\"span\", [_vm._v(\"...\")])\n ]\n )\n ],\n 1\n )\n }),\n 0\n )\n : _vm._e(),\n !_vm.isFilter\n ? _c(\n \"div\",\n [\n _c(\n \"q-modal\",\n {\n attrs: {\n \"content-classes\": \"q-pa-lg\",\n \"content-css\": \"min-width: 70vw; max-width: 95vw\"\n },\n model: {\n value: _vm.modalOpen,\n callback: function($$v) {\n _vm.modalOpen = $$v\n },\n expression: \"modalOpen\"\n }\n },\n [\n _vm.modalData\n ? _c(\"div\", [\n _c(\"div\", { staticClass: \"q-pb-md\" }, [\n _c(\"span\", { staticClass: \"text-primary q-title\" }, [\n _vm._v(\n _vm._s(\n _vm.modalData[_vm.labelField] ||\n \"(no data for \" + _vm.labelField + \")\"\n ) + \" Info\"\n )\n ])\n ]),\n _c(\n \"div\",\n { staticClass: \"q-pb-md\" },\n [\n _c(\"model-card-view\", {\n attrs: {\n model: _vm.modalData,\n resource: _vm.relationResource\n },\n scopedSlots: _vm._u(\n [\n {\n key: \"actions\",\n fn: function(props) {\n return _c(\n \"div\",\n {},\n [\n _c(\"q-btn\", {\n directives: [\n {\n name: \"close-overlay\",\n rawName: \"v-close-overlay\"\n }\n ],\n staticClass: \"full-width\",\n attrs: {\n color: \"primary\",\n label: \"Close\"\n }\n })\n ],\n 1\n )\n }\n }\n ],\n null,\n false,\n 1763548924\n )\n })\n ],\n 1\n )\n ])\n : _vm._e()\n ]\n ),\n _vm.template === \"form\" &&\n _vm.relationResource !== _vm.parentResource\n ? _c(\n \"q-modal\",\n {\n attrs: {\n \"content-classes\": \"q-pa-lg\",\n \"content-css\": \"min-width: 70vw; max-width: 95vw\",\n \"no-backdrop-dismiss\": \"\",\n \"no-esc-dismiss\": \"\"\n },\n model: {\n value: _vm.newFormModalOpen,\n callback: function($$v) {\n _vm.newFormModalOpen = $$v\n },\n expression: \"newFormModalOpen\"\n }\n },\n [\n _c(\n \"div\",\n { staticClass: \"fit\" },\n [\n _c(\"q-btn\", {\n staticStyle: {\n top: \"0\",\n right: \"0\",\n position: \"relative\",\n float: \"right\"\n },\n attrs: { flat: \"\", icon: \"close\" },\n on: {\n click: function($event) {\n _vm.newFormModalOpen = false\n }\n }\n }),\n _vm.newFormModalOpen\n ? _c(\n \"div\",\n [\n _c(\n \"h3\",\n {\n staticClass:\n \"q-display-1 text-secondary capitalize no-margin\"\n },\n [\n _vm._v(\n \"Add \" +\n _vm._s(\n _vm._f(\"singular\")(_vm.column.label)\n ) +\n \" to \" +\n _vm._s(\n _vm._f(\"singular\")(\n _vm.parentResource\n )\n )\n )\n ]\n ),\n _vm.relationResource\n ? _c(\n \"base-form\",\n {\n attrs: {\n resource: _vm.relationResource,\n \"parent-resource\":\n _vm.parentResource,\n \"is-modal\": true\n },\n on: { add: _vm.handleNew }\n },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"full-width q-mt-md q-pb-lg\",\n attrs: { slot: \"goback\" },\n slot: \"goback\"\n },\n [\n _c(\"q-btn\", {\n attrs: {\n icon: \"close\",\n label: \"Cancel / Close\",\n color: \"grey-6\",\n flat: \"\"\n },\n on: {\n click: function($event) {\n _vm.newFormModalOpen = false\n }\n }\n })\n ],\n 1\n )\n ]\n )\n : _vm._e()\n ],\n 1\n )\n : _vm._e()\n ],\n 1\n )\n ]\n )\n : _vm._e()\n ],\n 1\n )\n : _vm._e()\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","\r\n \r\n
\r\n \r\n
\r\n \r\n Add New {{ column.label | singular }}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n Add New {{ column.label | singular }}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {{ modelHasOption[labelField] || `(no data for ${labelField})` }} Info\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Add New {{ column.label | singular }}\r\n
\r\n \r\n \r\n \r\n {{ item[labelField] }}\r\n ...\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n\r\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectManyField.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectManyField.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectManyField.vue?vue&type=template&id=cddb3008&\"\nimport script from \"./SelectManyField.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectManyField.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"SelectManyField.vue\"\nexport default component.exports","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n [\n _vm.value\n ? _c(\"grid-cell-image\", {\n attrs: { col: _vm.column, value: _vm.value, css: \"full\" }\n })\n : _vm._e(),\n !_vm.value && !_vm.column.component.props.multiple\n ? _c(\"q-btn\", {\n staticClass: \"uploader-box q-pa-md\",\n attrs: {\n color: \"primary\",\n flat: \"\",\n \"text-color\": \"primary\",\n align: \"center\",\n icon: \"add_a_photo\",\n label: \"Select Image\"\n },\n on: { click: _vm.triggerSelect }\n })\n : _vm._e(),\n _c(\n \"div\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.value && _vm.apiEndpoint,\n expression: \"value && apiEndpoint\"\n }\n ],\n staticClass: \"q-ma-sm\"\n },\n [\n _c(\"q-uploader\", {\n ref: \"uploadwidget\",\n attrs: {\n url: _vm.apiEndpoint,\n method: \"POST\",\n multiple: !!_vm.column.component.props.multiple,\n headers: _vm.headers,\n \"hide-upload-button\": true,\n \"hide-upload-progress\": true,\n \"additional-fields\": _vm.additionalFields,\n \"auto-expand\": true,\n clearable: true,\n align: \"center\",\n name: \"image\",\n extensions: \".gif,.jpg,.jpeg,.png\",\n \"hide-underline\": \"\"\n },\n on: {\n uploaded: _vm.handleUploadComplete,\n fail: _vm.handleFail,\n add: _vm.handleAdd,\n \"remove:abort\": _vm.handleRemove,\n \"remove:cancel\": _vm.handleRemove\n }\n })\n ],\n 1\n )\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","\r\n \r\n
\r\n \r\n \r\n \r\n {{ modalData[labelField] || `(no data for ${labelField})` }} Info\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Add {{ column.label | singular }} to {{ parentResource | singular }}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n\r\n\r\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageUploadField.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageUploadField.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImageUploadField.vue?vue&type=template&id=09c84ba2&scoped=true&\"\nimport script from \"./ImageUploadField.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageUploadField.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ImageUploadField.vue?vue&type=style&index=0&id=09c84ba2&lang=stylus&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"09c84ba2\",\n null\n \n)\n\ncomponent.options.__file = \"ImageUploadField.vue\"\nexport default component.exports","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", [\n _c(\"div\", { staticClass: \"row\" }, [\n _c(\n \"div\",\n { staticClass: \"col-6\" },\n [\n _c(\n \"q-uploader\",\n _vm._b(\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.showUploader,\n expression: \"showUploader\"\n }\n ],\n ref: \"uploadwidget\",\n attrs: {\n extensions: \".gif,.jpg,.jpeg,.png\",\n url: _vm.fullApiUploadUrl,\n method: \"POST\",\n before: _vm.beforeIcons,\n \"hide-upload-button\": !_vm.theModelId\n },\n on: {\n uploaded: _vm.handleUploadComplete,\n fail: _vm.handleFail,\n add: _vm.handleAdd,\n \"remove:abort\": _vm.handleRemove,\n \"remove:cancel\": _vm.handleRemove\n }\n },\n \"q-uploader\",\n _vm.componentProps,\n false\n )\n ),\n !!_vm.value\n ? _c(\n \"q-btn-group\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: !!_vm.value && !_vm.showUploader,\n expression: \"!!value && !showUploader\"\n }\n ],\n attrs: { push: \"\" }\n },\n [\n _c(\n \"q-btn\",\n {\n attrs: {\n color: \"primary\",\n push: \"\",\n icon: \"file download\"\n },\n on: { click: _vm.handleDownload }\n },\n [_c(\"q-tooltip\", [_vm._v(\"Download File\")])],\n 1\n ),\n _c(\n \"q-btn\",\n {\n attrs: {\n color: \"secondary\",\n push: \"\",\n icon: \"file upload\"\n },\n on: {\n click: function($event) {\n _vm.showUploader = true\n }\n }\n },\n [_c(\"q-tooltip\", [_vm._v(\"Upload File\")])],\n 1\n ),\n _c(\n \"q-btn\",\n {\n attrs: { color: \"negative\", push: \"\", icon: \"delete\" },\n on: { click: _vm.handleDelete }\n },\n [_c(\"q-tooltip\", [_vm._v(\"Delete File\")])],\n 1\n )\n ],\n 1\n )\n : _vm._e()\n ],\n 1\n ),\n _c(\"div\", { staticClass: \"col-6 text-right\" }, [\n _vm.value &&\n typeof _vm.value === \"string\" &&\n _vm.value.startsWith(\"http\")\n ? _c(\"a\", { attrs: { href: _vm.value, target: \"_blank\" } }, [\n _c(\"img\", {\n staticClass: \"flex inline shadow-box flex-center shadow-6\",\n staticStyle: { \"max-height\": \"36px\", width: \"auto\" },\n attrs: { src: _vm.value }\n })\n ])\n : _vm._e()\n ])\n ])\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FileUploadField.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FileUploadField.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FileUploadField.vue?vue&type=template&id=dfc66826&scoped=true&\"\nimport script from \"./FileUploadField.vue?vue&type=script&lang=js&\"\nexport * from \"./FileUploadField.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FileUploadField.vue?vue&type=style&index=0&id=dfc66826&lang=stylus&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"dfc66826\",\n null\n \n)\n\ncomponent.options.__file = \"FileUploadField.vue\"\nexport default component.exports","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n [\n !_vm.parentId\n ? [\n _c(\"q-alert\", { attrs: { color: \"primary\", type: \"warning\" } }, [\n _vm._v(\"Please save this company before creating comments.\")\n ])\n ]\n : [\n _c(\n \"div\",\n [\n _c(\"q-input\", {\n ref: \"input\",\n attrs: {\n type: \"textarea\",\n \"float-label\": \"Add \" + _vm.resource,\n after: [\n {\n icon: \"add\",\n content: true,\n handler: _vm.addHandler\n }\n ]\n },\n model: {\n value: _vm.newValue,\n callback: function($$v) {\n _vm.newValue = $$v\n },\n expression: \"newValue\"\n }\n })\n ],\n 1\n ),\n _c(\"br\"),\n _c(\"br\"),\n _vm.value && _vm.value.length && _vm.titleColumn\n ? _c(\n \"q-list\",\n [\n _c(\n \"div\",\n { staticClass: \"col-md-2 text-right\" },\n [\n _c(\"q-btn\", {\n staticClass: \"no-shadow\",\n attrs: { icon: \"unfold_more\", align: \"right\" },\n on: { click: _vm.expandAll }\n }),\n _c(\"q-btn\", {\n staticClass: \"no-shadow\",\n attrs: { icon: \"unfold_less\", align: \"right\" },\n on: { click: _vm.collapseAll }\n })\n ],\n 1\n ),\n _c(\"br\"),\n _vm._l(_vm.value, function(item) {\n return _c(\n \"q-collapsible\",\n {\n key: item.id,\n ref: \"collapsible\",\n refInFor: true,\n attrs: {\n label: _vm._f(\"niceDate\")(\n _vm._f(\"relationLabel\")(item, _vm.titleColumn)\n ),\n subtitle: _vm._f(\"relationLabel\")(\n item,\n _vm.subtitleColumn\n )\n }\n },\n _vm._l(_vm.infoColumns, function(column, columnIndex) {\n return _c(\n \"div\",\n { key: columnIndex, staticClass: \"infoColumn\" },\n [_vm._v(_vm._s(item[column.field]))]\n )\n }),\n 0\n )\n })\n ],\n 2\n )\n : _vm._e()\n ]\n ],\n 2\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","\r\n \r\n
\r\n \r\n \r\n \r\n \r\n Download File \r\n \r\n \r\n Upload File \r\n \r\n \r\n Delete File \r\n \r\n \r\n
\r\n \r\n ![]()
\r\n
\r\n \r\n \r\n Please save this company before creating comments. \r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n\r\n {{ item[column.field] }}
\r\n \r\n \r\n \r\n \r\n\r\n\r\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AccordionField.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AccordionField.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AccordionField.vue?vue&type=template&id=7d8c637b&\"\nimport script from \"./AccordionField.vue?vue&type=script&lang=js&\"\nexport * from \"./AccordionField.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"AccordionField.vue\"\nexport default component.exports","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"q-tr\",\n { staticClass: \"top-filter-row\" },\n [\n _c(\"q-td\"),\n _vm._l(_vm.cols, function(column) {\n return _c(\n \"q-td\",\n { key: column.name },\n [\n column.filterable\n ? _c(\n \"q-field\",\n [\n _c(\n _vm._f(\"filterIs\")(column),\n _vm._b(\n {\n tag: \"component\",\n attrs: {\n resource: _vm.resource,\n clearable: true,\n align: column.align,\n \"hide-underline\": true,\n value: _vm.activeFilterKeys[column.field],\n template: \"filter\",\n \"is-filter\": true,\n placeholder: \"All\",\n column: column\n },\n on: {\n remove: function($event) {\n return _vm.handleRemoveFilter(column)\n },\n apply: function($event) {\n return _vm.applyFilter(column, $event)\n }\n }\n },\n \"component\",\n column.component ? column.component.props : {},\n false\n )\n )\n ],\n 1\n )\n : _c(\"span\")\n ],\n 1\n )\n })\n ],\n 2\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GridCellIcon.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GridCellIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GridCellIcon.vue?vue&type=template&id=4db67d36&\"\nimport script from \"./GridCellIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./GridCellIcon.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"GridCellIcon.vue\"\nexport default component.exports","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _vm.value\n ? _c(\"q-btn\", {\n attrs: { flat: \"\", icon: \"assignment_returned\" },\n on: { click: _vm.handleDownload }\n })\n : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n ![]()
\r\n
\r\n\r\n\r\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GridCellImage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GridCellImage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GridCellImage.vue?vue&type=template&id=778295fb&\"\nimport script from \"./GridCellImage.vue?vue&type=script&lang=js&\"\nexport * from \"./GridCellImage.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"GridCellImage.vue\"\nexport default component.exports","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"router-link\",\n {\n staticClass: \"link text-primary ripple\",\n attrs: { to: _vm.clientRoute + \"/edit/\" + _vm.row.id + \"/\" }\n },\n [_vm._v(\"\\n \" + _vm._s(_vm.tableValue) + \"\\n\")]\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","\r\n \r\n \r\n \r\n \r\n \r\n Attendees\r\n \r\n \r\n \r\n \r\n \r\n \r\n Groups/Teams\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Duplicate\r\n \r\n \r\n
\r\n \r\n \r\n \r\n Viewing Both Approved and Unapproved Records
\r\n \r\n Viewing Records Pending Approval
\r\n \r\n \r\n Viewing Deleted Records
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Quick Edit\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n\r\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectList.vue?vue&type=template&id=75a8df21&\"\nimport script from \"./SelectList.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectList.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"SelectList.vue\"\nexport default component.exports","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n [\n _c(\n \"div\",\n { staticClass: \"block q-mt-sm q-mb-sm\" },\n [\n _c(\"q-btn\", {\n attrs: {\n push: \"\",\n color: \"secondary\",\n label: _vm.showDetails ? \"Hide Details\" : \"Show Details\",\n icon: \"remove red eye\"\n },\n on: {\n click: function($event) {\n _vm.showDetails = !_vm.showDetails\n }\n }\n })\n ],\n 1\n ),\n _vm._l(_vm.serverData, function(model) {\n return _c(\n \"q-card\",\n {\n key: model.id,\n staticClass: \"mdi-card q-ma-md\",\n staticStyle: { width: \"400px\" },\n attrs: { inline: \"\" }\n },\n [\n _vm.imageField\n ? _c(\n \"q-card-media\",\n [\n _c(\"grid-cell-image\", {\n attrs: {\n col: _vm.imageField,\n value: model[_vm.imageField.field]\n },\n scopedSlots: _vm._u(\n [\n {\n key: \"default\",\n fn: function(props) {\n return _c(\n \"div\",\n {},\n [\n _c(\n \"q-parallax\",\n {\n attrs: {\n src: props.src,\n height: 250,\n speed: 0.2\n }\n },\n [\n _c(\n \"div\",\n {\n attrs: { slot: \"loading\" },\n slot: \"loading\"\n },\n [_vm._v(\"Loading...\")]\n )\n ]\n )\n ],\n 1\n )\n }\n }\n ],\n null,\n true\n )\n }),\n _c(\n \"q-card-title\",\n { attrs: { slot: \"overlay\" }, slot: \"overlay\" },\n [\n _vm._v(\n \"\\n \" +\n _vm._s(_vm._f(\"shvl\")(model, _vm.titleFieldPath)) +\n \"\\n \"\n ),\n _vm.subTitleFieldPath\n ? _c(\n \"span\",\n { attrs: { slot: \"subtitle\" }, slot: \"subtitle\" },\n [\n _vm._v(\n \"\\n \" +\n _vm._s(\n _vm._f(\"shvl\")(\n model,\n _vm.subTitleFieldPath\n )\n ) +\n \"\\n \"\n )\n ]\n )\n : _vm._e()\n ]\n )\n ],\n 1\n )\n : _c(\"q-card-title\", { staticClass: \"title relative-position\" }, [\n _c(\"span\", [\n _vm._v(\n \"\\n \" +\n _vm._s(_vm._f(\"shvl\")(model, _vm.titleFieldPath)) +\n \"\\n \"\n )\n ])\n ]),\n _c(\n \"q-card-main\",\n [\n _c(\n \"q-collapsible\",\n { attrs: { label: \"details\", value: _vm.showDetails } },\n [\n _c(\n \"q-list\",\n { attrs: { \"no-border\": \"\" } },\n _vm._l(_vm.cardFields, function(column) {\n return _c(\n \"q-item\",\n { key: column.field, staticClass: \"q-body-1\" },\n [\n _c(\"q-item-side\", { attrs: { color: \"primary\" } }, [\n _vm._v(\n \"\\n \" +\n _vm._s(column.label) +\n \"\\n \"\n )\n ]),\n _c(\n \"q-item-main\",\n {\n staticClass: \"text-info\",\n attrs: { align: \"left\" }\n },\n [\n _c(_vm._f(\"componentIs\")(column), {\n tag: \"component\",\n staticClass: \"text-info\",\n attrs: {\n column: column,\n value: model[column.field],\n template: \"raw\",\n resource: _vm.resource,\n row: model,\n id: model.id\n }\n })\n ],\n 1\n )\n ],\n 1\n )\n }),\n 1\n )\n ],\n 1\n )\n ],\n 1\n ),\n _c(\"q-card-separator\"),\n _c(\n \"q-card-actions\",\n { attrs: { align: \"between\" } },\n [\n _c(\"q-btn\", {\n attrs: {\n color: \"primary\",\n flat: \"\",\n label: \"edit\",\n icon: \"edit\"\n },\n on: {\n click: function($event) {\n return _vm.$router.push(\n _vm.baseRoute + \"/edit/\" + model.id\n )\n }\n }\n }),\n _c(\"q-btn\", {\n attrs: {\n flat: \"\",\n small: \"\",\n color: \"negative\",\n icon: \"delete\"\n },\n on: {\n click: function($event) {\n return _vm.handleDelete(model.id)\n }\n }\n })\n ],\n 1\n )\n ],\n 1\n )\n })\n ],\n 2\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","\r\n \r\n
\r\n \r\n \r\n Save\r\n Cancel\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n Loading...
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Download Excel \r\n \r\n \r\n \r\n Download CSV \r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Apply\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LayoutAccordion.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LayoutAccordion.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LayoutAccordion.vue?vue&type=template&id=28e21b76&\"\nimport script from \"./LayoutAccordion.vue?vue&type=script&lang=js&\"\nexport * from \"./LayoutAccordion.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LayoutAccordion.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"LayoutAccordion.vue\"\nexport default component.exports","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n [\n _vm.form\n ? _c(\n \"div\",\n [\n _vm._t(\"top\"),\n _c(\"div\", { staticClass: \"row\" }, [\n _c(\n \"div\",\n { staticClass: \"col-6\" },\n [\n _vm.id && (!_vm.readonly && !_vm.compare)\n ? _c(\"q-btn\", {\n attrs: {\n outline: \"\",\n color: \"negative\",\n label: \"delete record\",\n icon: \"delete\"\n },\n on: { click: _vm.handleDeleteRecord }\n })\n : _vm._e()\n ],\n 1\n ),\n _c(\"div\", { staticClass: \"col-6 text-right\" }, [\n _vm.id\n ? _c(\"div\", { staticClass: \"q-subheading\" }, [\n _c(\"strong\", [_vm._v(\"ID:\")]),\n _vm._v(\n \"\\n \" + _vm._s(_vm.id) + \"\\n \"\n )\n ])\n : _vm._e()\n ])\n ]),\n _c(\"div\", { staticClass: \"block q-pa-sm\" }),\n _vm.editingDisabled\n ? _c(\n \"q-alert\",\n {\n staticClass: \"q-mb-md\",\n attrs: { type: \"warning\", icon: \"warning\" }\n },\n [\n _vm._v(\n \"This record has been deleted / archived. You may not make edits to this record until it has been restore.\"\n )\n ]\n )\n : _vm._e(),\n _vm._l(Object.keys(_vm.sections), function(sectionKey) {\n return !_vm.show(sectionKey)\n ? _c(\n \"div\",\n { key: sectionKey, staticClass: \"block full-width\" },\n [\n _c(\"div\", { staticClass: \"row justify-between\" }, [\n _c(\"div\", { staticClass: \"col-md-10\" }, [\n _c(\n \"h5\",\n {\n staticClass:\n \"text-grey-6 uppercase no-margin q-headline q-pb-sm\",\n attrs: { id: _vm.cleanId(sectionKey) }\n },\n [_vm._v(_vm._s(sectionKey))]\n )\n ]),\n _c(\n \"div\",\n { staticClass: \"col-md-2 text-right\" },\n [\n Object.keys(_vm.sections).length > 1 &&\n !_vm.isModal\n ? _c(\n \"q-btn-dropdown\",\n {\n staticClass: \"self-center no-shadow\",\n attrs: {\n label: \"Scroll To\",\n color: \"primary\",\n size: \"sm\"\n }\n },\n [\n _c(\n \"q-list\",\n { attrs: { link: \"\" } },\n _vm._l(\n Object.keys(_vm.sections),\n function(sectionKey) {\n return _c(\n \"q-item\",\n {\n key: sectionKey,\n nativeOn: {\n click: function($event) {\n _vm.handleScroll(\n _vm.cleanId(sectionKey)\n )\n }\n }\n },\n [\n _c(\n \"q-item-main\",\n [\n _c(\n \"q-item-tile\",\n { attrs: { label: \"\" } },\n [\n _vm._v(\n _vm._s(sectionKey)\n )\n ]\n )\n ],\n 1\n )\n ],\n 1\n )\n }\n ),\n 1\n )\n ],\n 1\n )\n : _vm._e()\n ],\n 1\n )\n ]),\n _c(\n \"div\",\n { staticClass: \"mdi-card full-width q-pa-md\" },\n [\n _c(\n \"div\",\n { staticClass: \"row\" },\n _vm._l(_vm.sections[sectionKey], function(\n column\n ) {\n return _c(\n \"div\",\n {\n key: column.field,\n class: [\n !column.repeat &&\n !column.relation &&\n column.component.is !== \"q-editor\"\n ? [\n \"col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\"\n ]\n : \"col-12\",\n _vm.showHide(column) ? \"hidden\" : \"\"\n ]\n },\n [\n column.formDisplay !== false\n ? _vm._t(\n column.field + \"__field\",\n function() {\n return [\n _c(\n \"q-field\",\n {\n class: [\n _vm.showHide(column)\n ? \"invisible\"\n : \"\",\n \"q-pa-md\",\n _vm.requiredFields[\n column.name\n ]\n ? \"is-required\"\n : \"\"\n ],\n attrs: {\n orientation: \"vertical\",\n label: column.label,\n \"icon-color\": _vm.errors.has(\n column.name,\n _vm.validatorFormName\n )\n ? \"negative\"\n : _vm.requiredFields[\n column.name\n ]\n ? _vm.fieldColor\n : _vm.inputBgColor,\n helper: column.description,\n icon: _vm._f(\"fieldIcon\")(\n column,\n _vm.errors,\n _vm.validatorFormName\n ),\n error: _vm.errors.has(\n column.name,\n _vm.validatorFormName\n ),\n \"error-label\": _vm.errors.first(\n column.name,\n _vm.validatorFormName\n ),\n warning: _vm.compareForms(\n _vm.form,\n column\n ),\n inset: \"full\",\n id: column.name\n }\n },\n [\n _c(\n column.component.is,\n _vm._b(\n {\n directives: [\n {\n name: \"validate\",\n rawName:\n \"v-validate\",\n value:\n column.component\n .validation,\n expression:\n \"column.component.validation\"\n }\n ],\n ref:\n \"formCol_\" +\n column.name,\n refInFor: true,\n tag: \"component\",\n staticClass:\n \"no-shadow\",\n attrs: {\n \"validator-form-name\":\n _vm.validatorFormName,\n \"data-vv-scope\":\n _vm.validatorFormName,\n \"data-vv-name\":\n column.field,\n \"hide-underline\": \"\",\n color:\n column.component\n .props &&\n column.component\n .props.color\n ? column.component\n .props.color\n : _vm.inputBgColor,\n \"inverted-light\": \"\",\n value: _vm._f(\n \"columnDefaultValue\"\n )(_vm.form, column),\n \"model-id\": _vm.id,\n \"parent-id\": _vm.id\n ? _vm.id\n : _vm.savedId,\n column: column,\n resource:\n _vm.resource,\n disabled: _vm._f(\n \"disabledColumn\"\n )(column)\n },\n on: {\n add: _vm.handleAdd,\n remove: function(\n $event\n ) {\n return _vm.handleRemove(\n column.field,\n $event\n )\n },\n input: function(\n $event\n ) {\n return _vm.handleInput(\n column.field,\n $event\n )\n },\n change: function(\n $event\n ) {\n return _vm.handleInput(\n column.field,\n $event\n )\n },\n \"manual-update\":\n _vm.updateFormField,\n \"async-init\":\n _vm.handleAsyncInit,\n \"async-complete\":\n _vm.handleAsyncComplete,\n sync: function(\n $event\n ) {\n return _vm.syncRelation(\n column\n )\n }\n }\n },\n \"component\",\n column.component.props,\n false\n )\n ),\n _vm.compare &&\n _vm.compareId &&\n _vm.compareForms(\n _vm.form,\n column\n )\n ? _c(\n \"q-card\",\n {\n staticClass:\n \"q-mt-md\",\n attrs: {\n color: \"grey-1\",\n \"text-color\":\n \"black\"\n }\n },\n [\n _c(\"q-card-title\", [\n _c(\n \"span\",\n {\n attrs: {\n slot:\n \"subtitle\"\n },\n slot: \"subtitle\"\n },\n [\n _vm._v(\n \"Previous \" +\n _vm._s(\n column.label\n )\n )\n ]\n )\n ]),\n _c(\n \"q-card-separator\"\n ),\n _c(\n \"q-card-main\",\n [\n _c(\n column.component\n .is,\n _vm._b(\n {\n directives: [\n {\n name:\n \"validate\",\n rawName:\n \"v-validate\",\n value:\n column\n .component\n .validation,\n expression:\n \"column.component.validation\"\n }\n ],\n ref:\n \"formCol_\" +\n column.name,\n refInFor: true,\n tag:\n \"component\",\n staticClass:\n \"no-shadow\",\n attrs: {\n \"validator-form-name\":\n _vm.validatorFormName,\n \"data-vv-scope\":\n _vm.validatorFormName,\n \"data-vv-name\":\n column.field,\n \"hide-underline\":\n \"\",\n color:\n column\n .component\n .props &&\n column\n .component\n .props\n .color\n ? column\n .component\n .props\n .color\n : _vm.inputBgColor,\n \"inverted-light\":\n \"\",\n value: _vm._f(\n \"columnDefaultValue\"\n )(\n _vm.compareModel,\n column\n ),\n \"model-id\":\n _vm.id,\n \"parent-id\": _vm.id\n ? _vm.id\n : _vm.savedId,\n column: column,\n resource:\n _vm.resource,\n disabled: _vm._f(\n \"disabledColumn\"\n )(column),\n compare:\n _vm.compare,\n \"compare-id\": _vm.getCompareModelId(\n _vm.form,\n column\n ),\n \"add-button\": false,\n \"show-search\": false,\n \"show-browse\": false\n },\n on: {\n add:\n _vm.handleAdd,\n remove: function(\n $event\n ) {\n return _vm.handleRemove(\n column.field,\n $event\n )\n },\n input: function(\n $event\n ) {\n return _vm.handleInput(\n column.field,\n $event\n )\n },\n change: function(\n $event\n ) {\n return _vm.handleInput(\n column.field,\n $event\n )\n },\n \"manual-update\":\n _vm.updateFormField,\n \"async-init\":\n _vm.handleAsyncInit,\n \"async-complete\":\n _vm.handleAsyncComplete,\n sync: function(\n $event\n ) {\n return _vm.syncRelation(\n column\n )\n }\n }\n },\n \"component\",\n column\n .component\n .props,\n false\n )\n )\n ],\n 1\n )\n ],\n 1\n )\n : _vm._e()\n ],\n 1\n )\n ]\n },\n {\n column: column,\n modelId: _vm.id,\n resource: _vm.resource,\n value: _vm.form[column.field] || \"\",\n config: _vm.config\n }\n )\n : _vm._e(),\n _vm._t(column.field + \"__after\", null, {\n column: column,\n modelId: _vm.id,\n resource: _vm.resource,\n value: _vm.form[column.field] || \"\",\n config: _vm.config\n })\n ],\n 2\n )\n }),\n 0\n )\n ]\n )\n ]\n )\n : _vm._e()\n }),\n _vm.invalidFields.length\n ? _c(\n \"div\",\n { staticClass: \"q-pa-md\" },\n [\n _c(\"q-alert\", {\n attrs: {\n type: \"info\",\n message: \"Form Invalid\",\n detail:\n \"You have \" +\n _vm.invalidFields.length +\n \" fields invalid\"\n }\n })\n ],\n 1\n )\n : _vm._e(),\n _vm._t(\"bottom\"),\n _vm.editingDisabled\n ? _c(\n \"div\",\n [\n _vm.editingDisabled\n ? _c(\n \"q-alert\",\n {\n staticClass: \"q-mb-md\",\n attrs: { type: \"warning\", icon: \"warning\" }\n },\n [\n _vm._v(\n \"This record has been deleted / archived. You may not make edits to this record until it has been restore.\"\n )\n ]\n )\n : _vm._e(),\n _c(\n \"q-btn\",\n {\n staticClass: \"full-width\",\n attrs: {\n color: \"negative\",\n push: \"\",\n size: \"lg\",\n disabled: false\n },\n on: { click: _vm.apiRestoreRecord }\n },\n [_vm._v(\"Restore\")]\n )\n ],\n 1\n )\n : !_vm.readonly && (_vm.compare || _vm.pendingApproval)\n ? _c(\n \"div\",\n [\n _c(\n \"q-btn-dropdown\",\n {\n staticClass: \"full-width\",\n attrs: {\n color: \"primary\",\n label: \"Actions\",\n push: \"\",\n size: \"lg\"\n }\n },\n [\n _c(\n \"q-list\",\n { attrs: { link: \"\" } },\n [\n _c(\n \"q-item\",\n {\n directives: [\n {\n name: \"close-overlay\",\n rawName: \"v-close-overlay\"\n }\n ],\n nativeOn: {\n click: function($event) {\n return _vm.handleApiSync(false)\n }\n }\n },\n [\n _c(\"q-item-side\", {\n attrs: {\n icon: \"save\",\n inverted: \"\",\n color: \"primary\"\n }\n }),\n _c(\n \"q-item-main\",\n [\n _c(\n \"q-item-tile\",\n { attrs: { label: \"\" } },\n [_vm._v(\"Save\")]\n )\n ],\n 1\n )\n ],\n 1\n ),\n _c(\n \"q-item\",\n {\n directives: [\n {\n name: \"close-overlay\",\n rawName: \"v-close-overlay\"\n }\n ],\n nativeOn: {\n click: function($event) {\n return _vm.handleApproveSave(true)\n }\n }\n },\n [\n _c(\"q-item-side\", {\n attrs: {\n icon: \"check_box\",\n inverted: \"\",\n color: \"green\"\n }\n }),\n _c(\n \"q-item-main\",\n [\n _c(\n \"q-item-tile\",\n { attrs: { label: \"\" } },\n [_vm._v(\"Save and Approve\")]\n )\n ],\n 1\n )\n ],\n 1\n )\n ],\n 1\n )\n ],\n 1\n )\n ],\n 1\n )\n : !_vm.readonly && !_vm.compare\n ? _c(\"div\", [\n _vm.isModal &&\n _vm.parentResourceColumn &&\n _vm.parentResourceColumn.relation &&\n _vm.parentResourceColumn.relation.requiresParentSave\n ? _c(\"div\", { staticClass: \"row\" }, [\n _c(\n \"div\",\n { staticClass: \"col-sm-6 q-pr-md\" },\n [\n _c(\n \"q-btn\",\n {\n staticClass: \"full-width\",\n attrs: {\n color: \"secondary\",\n push: \"\",\n size: \"lg\",\n disabled: false\n },\n on: {\n click: function($event) {\n return _vm.handleApiSync(false)\n }\n }\n },\n [_vm._v(\"Save and Close\")]\n )\n ],\n 1\n ),\n _c(\n \"div\",\n { staticClass: \"col-sm-6 a-pl-md\" },\n [\n _c(\n \"q-btn\",\n {\n staticClass: \"full-width\",\n attrs: {\n color: \"primary\",\n push: \"\",\n size: \"lg\",\n disabled: false\n },\n on: {\n click: function($event) {\n return _vm.handleApiSync(true)\n }\n }\n },\n [_vm._v(\"Save and Stay\")]\n )\n ],\n 1\n )\n ])\n : _c(\n \"div\",\n [\n _c(\n \"q-btn\",\n {\n staticClass: \"full-width\",\n attrs: {\n color: \"primary\",\n push: \"\",\n size: \"lg\",\n disabled: false\n },\n on: {\n click: function($event) {\n return _vm.handleApiSync(false)\n }\n }\n },\n [_vm._v(\"Save\")]\n )\n ],\n 1\n )\n ])\n : _vm._e(),\n !_vm.compare && !_vm.pendingApproval\n ? _vm._t(\n \"goback\",\n function() {\n return [\n _c(\n \"q-btn\",\n {\n directives: [\n {\n name: \"go-back\",\n rawName: \"v-go-back\",\n value: _vm.listUrl,\n expression: \"listUrl\"\n }\n ],\n staticClass: \"q-mt-lg\",\n attrs: { flat: \"\", color: \"negative\", full: \"\" }\n },\n [_vm._v(\"Cancel\")]\n )\n ]\n },\n null,\n _vm.listUrl\n )\n : _vm._e()\n ],\n 2\n )\n : _vm._e(),\n _c(\n \"q-modal\",\n {\n attrs: {\n minimized: \"\",\n \"no-esc-dismiss\": \"\",\n \"no-backdrop-dismiss\": \"\"\n },\n model: {\n value: _vm.saveModalOpen,\n callback: function($$v) {\n _vm.saveModalOpen = $$v\n },\n expression: \"saveModalOpen\"\n }\n },\n [\n _c(\"q-modal-layout\", [\n _c(\"div\", { staticClass: \"modal-header\" }, [\n _vm._v(\"Save Complete\")\n ]),\n _c(\n \"div\",\n { staticClass: \"modal-body modal-message modal-scroll\" },\n [\n _c(\"p\", [\n _vm._v(\n \"Your record has been successfully saved. What do you want to do next?\"\n )\n ])\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"modal-buttons row\" },\n [\n _c(\"q-btn\", {\n staticClass: \"no-shadow\",\n attrs: { color: \"indigo-9\", label: \"Add New\", outline: \"\" },\n on: { click: _vm.goToAdd }\n }),\n _c(\"q-btn\", {\n staticClass: \"no-shadow\",\n attrs: { color: \"secondary\", label: \"Stay\", outline: \"\" },\n on: { click: _vm.goToEdit }\n }),\n _c(\"q-btn\", {\n staticClass: \"no-shadow\",\n attrs: {\n color: \"primary\",\n label: \"Return to List\",\n outline: \"\"\n },\n on: { click: _vm.goToList }\n })\n ],\n 1\n )\n ])\n ],\n 1\n ),\n _c(\n \"q-modal\",\n {\n attrs: {\n minimized: \"\",\n \"no-esc-dismiss\": \"\",\n \"no-backdrop-dismiss\": \"\"\n },\n model: {\n value: _vm.deleteModalOpen,\n callback: function($$v) {\n _vm.deleteModalOpen = $$v\n },\n expression: \"deleteModalOpen\"\n }\n },\n [\n _c(\"q-modal-layout\", [\n _c(\"div\", { staticClass: \"modal-header\" }, [\n _vm._v(\"Delete Complete\")\n ]),\n _c(\n \"div\",\n { staticClass: \"modal-body modal-message modal-scroll\" },\n [\n _c(\"p\", [\n _vm._v(\n \"Your record has been successfully deleted. What do you want to do next?\"\n )\n ])\n ]\n ),\n _c(\n \"div\",\n { staticClass: \"modal-buttons row\" },\n [\n _c(\"q-btn\", {\n staticClass: \"no-shadow\",\n attrs: { color: \"indigo-9\", label: \"Add New\", outline: \"\" },\n on: { click: _vm.goToAdd }\n }),\n _vm.isModal\n ? _c(\"q-btn\", {\n staticClass: \"no-shadow\",\n attrs: { color: \"secondary\", label: \"Stay\", outline: \"\" },\n on: {\n click: function($event) {\n _vm.deleteModalOpen = false\n }\n }\n })\n : _vm._e(),\n _c(\"q-btn\", {\n staticClass: \"no-shadow\",\n attrs: {\n color: \"primary\",\n label: \"Return to List\",\n outline: \"\"\n },\n on: { click: _vm.goToList }\n }),\n _c(\"q-btn\", {\n staticClass: \"no-shadow\",\n attrs: {\n color: \"black\",\n label: \"Previous Page\",\n outline: \"\"\n },\n on: {\n click: function($event) {\n return _vm.$router.go(-1)\n }\n }\n })\n ],\n 1\n )\n ])\n ],\n 1\n ),\n _c(\"q-inner-loading\", {\n attrs: {\n visible: _vm.waitingForSave || !!_vm.asyncInProgress || !_vm.loaded\n }\n })\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","export const compareModelId = (row, compareModel, column) => {\r\n // console.log('compareModelId row', row, 'compareModel', compareModel, 'column', column)\r\n if (column) {\r\n const {field} = column\r\n if (field && compareModel && compareModel[field] && compareModel[field].id) {\r\n // console.log('compareModelId compareModel[field].id', compareModel[field].id)\r\n return compareModel[field].id\r\n }\r\n }\r\n return 0\r\n}\r\n\r\nexport const compareData = (row, compareModel, column, value = false) => {\r\n // console.log('compareData row', row, 'compareModel', compareModel, 'column', column, 'value', value)\r\n if (column) {\r\n // console.log('compareData column', column)\r\n const {field} = column\r\n // const {field, relation, type, defaultValue} = column\r\n if (field) {\r\n let oldValue = compareModel[field]\r\n let newValue = row[field]\r\n let oldValueDisplay = oldValue\r\n let newValueDisplay = newValue\r\n // console.log('oldValue', oldValue)\r\n // console.log('newValue', newValue)\r\n if (typeof oldValue === 'undefined' && typeof newValue !== 'undefined') {\r\n oldValueDisplay = 'None'\r\n if (typeof newValue === 'number') {\r\n oldValue = null\r\n } else if (typeof newValue === 'string') {\r\n oldValue = ''\r\n } else if (typeof newValue === 'boolean') {\r\n oldValue = false\r\n oldValueDisplay = 'false'\r\n } else if (typeof newValue === 'object') {\r\n oldValue = {}\r\n } else {\r\n oldValue = []\r\n }\r\n } else if (typeof oldValue !== 'undefined' && typeof newValue === 'undefined') {\r\n newValueDisplay = 'None'\r\n if (typeof oldValue === 'number') {\r\n newValue = null\r\n } else if (typeof oldValue === 'string') {\r\n newValue = ''\r\n } else if (typeof oldValue === 'boolean') {\r\n newValue = false\r\n oldValueDisplay = 'true'\r\n } else if (typeof oldValue === 'object') {\r\n newValue = {}\r\n } else {\r\n newValue = []\r\n }\r\n }\r\n if (!oldValue) {\r\n oldValueDisplay = 'None'\r\n }\r\n if (!newValue) {\r\n newValueDisplay = 'None'\r\n }\r\n if ((oldValue === '' && newValue === '') || (!oldValue && !newValue) || (typeof oldValue === 'undefined' && typeof newValue === 'undefined')) {\r\n if (value) {\r\n return ``\r\n }\r\n return false\r\n } else if (typeof oldValue !== 'undefined' && typeof newValue !== 'undefined' && oldValue && newValue) {\r\n if (typeof oldValue === 'object' && typeof newValue === 'object') {\r\n if (isEmptyObject(oldValue) && isEmptyObject(newValue)) {\r\n if (value) {\r\n return ``\r\n }\r\n return false\r\n } else {\r\n // Compare Objects\r\n if (!isEqual(oldValue, newValue)) {\r\n if (value) {\r\n return `New value is different, please review`\r\n }\r\n return true\r\n } else {\r\n if (value) {\r\n return ``\r\n }\r\n return false\r\n }\r\n }\r\n } else if (oldValue.constructor === Array && newValue.constructor === Array) {\r\n if (isArrayEmpty(oldValue) && isArrayEmpty(newValue)) {\r\n if (value) {\r\n return ``\r\n }\r\n return false\r\n } else {\r\n // Compare arrays\r\n if (!isEqual(oldValue, newValue)) {\r\n if (value) {\r\n return `New value is different, please review`\r\n }\r\n return true\r\n } else {\r\n if (value) {\r\n return ``\r\n }\r\n return false\r\n }\r\n }\r\n } else if (oldValue !== newValue) {\r\n if (value) {\r\n // return `Previous Value: ${oldValueDisplay} & New Value: ${newValueDisplay}`\r\n return `Previous Value: ${oldValueDisplay}`\r\n }\r\n return true\r\n }\r\n } else if (oldValue !== newValue) {\r\n if (value) {\r\n // return `Previous Value: ${oldValueDisplay} & New Value: ${newValueDisplay}`\r\n return `Previous Value: ${oldValueDisplay}`\r\n }\r\n return true\r\n }\r\n }\r\n }\r\n if (value) {\r\n return ``\r\n }\r\n return false\r\n}\r\n\r\nexport const isEmptyObject = (obj) => {\r\n return Object.entries(obj).length === 0 && obj.constructor === Object\r\n}\r\n\r\nexport const isArrayEmpty = (array) => {\r\n if (array && array.length) {\r\n return false\r\n }\r\n return true\r\n}\r\n\r\nexport const isEqual = (value, other, key = null) => {\r\n // Get the value type\r\n // console.log('isEqual', 'key', key)\r\n let type = Object.prototype.toString.call(value)\r\n const ignoreArray = ['id', 'updatedAt', 'createdAt', 'approved', 'dateApproved', 'removalDate', 'isNew', 'companyId', 'addressId', 'personId']\r\n\r\n if (key && ignoreArray.indexOf(key) >= 0) {\r\n // console.log('ignore 2', key)\r\n return true\r\n }\r\n\r\n // If the two objects are not the same type, return false\r\n if (type !== Object.prototype.toString.call(other)) return false\r\n\r\n // If items are not an object or array, return false\r\n if (['[object Array]', '[object Object]'].indexOf(type) < 0) return false\r\n\r\n // Compare the length of the length of the two items\r\n let valueLen = type === '[object Array]' ? value.length : Object.keys(value).length\r\n let otherLen = type === '[object Array]' ? other.length : Object.keys(other).length\r\n if (valueLen !== otherLen) return false\r\n\r\n // Compare two items\r\n let compare = function (item1, item2, key = null) {\r\n // console.log('isEqual compare', item1, item2, 'key', key)\r\n // console.log('isEqual compare key 1', key)\r\n if (key && ignoreArray.indexOf(key) >= 0) {\r\n // console.log('ignore 1', key, ignoreArray.indexOf(key))\r\n return true\r\n }\r\n // console.log('isEqual compare key 2', key)\r\n // Get the object type\r\n let itemType = Object.prototype.toString.call(item1)\r\n\r\n // If an object or array, compare recursively\r\n if (['[object Array]', '[object Object]'].indexOf(itemType) >= 0) {\r\n if (!isEqual(item1, item2, key)) {\r\n return false\r\n }\r\n } else {\r\n // Otherwise, do a simple comparison\r\n // If the two items are not the same type, return false\r\n if (itemType !== Object.prototype.toString.call(item2)) return false\r\n\r\n // Else if it's a function, convert to a string and compare\r\n // Otherwise, just compare\r\n if (itemType === '[object Function]') {\r\n if (item1.toString() !== item2.toString()) return false\r\n } else {\r\n if (item1 !== item2) return false\r\n }\r\n }\r\n }\r\n // console.log('compare', compare)\r\n\r\n // Compare properties\r\n if (type === '[object Array]') {\r\n for (let i = 0; i < valueLen; i++) {\r\n // console.log('value[i]', value[i], 'other[i]', other[i], 'i', i)\r\n if (compare(value[i], other[i]) === false) return false\r\n }\r\n } else {\r\n for (let key in value) {\r\n if (value.hasOwnProperty(key)) {\r\n // console.log('value[key]', value[key], 'other[key]', other[key], key)\r\n if (compare(value[key], other[key], key) === false) return false\r\n }\r\n }\r\n }\r\n\r\n // If nothing failed, return true\r\n return true\r\n}\r\n","// import { DateTime } from '../../utils/dateHelpers'\r\nimport {DateTime, normalizeDate} from '../utils/dateHelpers'\r\n\r\nexport const interactionDisplay = (column, form, resource) => {\r\n if (resource && form && column && column.name) {\r\n if (resource === 'sponsorship') {\r\n if (column.name === 'maxQuantity') {\r\n if (!form.limitAmount) {\r\n return true\r\n }\r\n }\r\n } else if (resource === 'company') {\r\n if (column.name === 'unionStatus' || column.name === 'companyDivision' || column.name === 'companyWorkType' || column.name === 'companyCsiCodes') {\r\n if (form.membership && form.membership.membershipType && form.membership.membershipType.id && form.membership.membershipType.id === 3) {\r\n return true\r\n }\r\n }\r\n if (column.name === 'companySupplyProvideService' || column.name === 'companyPrimaryAreaOfConstruction' || column.name === 'companyProductService' || column.name === 'affiliateType' || column.name === 'affiliateType') {\r\n if (form.membership && form.membership.membershipType && form.membership.membershipType.id && form.membership.membershipType.id !== 3) {\r\n return true\r\n }\r\n }\r\n } else if (resource === 'event') {\r\n if (column.name === 'teamLimit') {\r\n if (form.eventType && form.eventType.id === 2) {\r\n return false\r\n } else {\r\n return true\r\n }\r\n }\r\n } else if (resource === 'eventDate') {\r\n if (column.name === 'endDate') {\r\n if (form.isAllDay) {\r\n let newDate = DateTime(form.startDate).endOf('day')\r\n form.endDate = normalizeDate(newDate, 'iso')\r\n // form.endDate = normalizeDate(form.startDate, 'iso').endOf('day')\r\n return true\r\n }\r\n }\r\n }\r\n }\r\n return false\r\n}\r\n\r\nexport const interactionSectionDisplay = (sectionKey, form, resource) => {\r\n // console.log('sectionKey', sectionKey, 'form', form, 'resource', resource)\r\n if (sectionKey && form && resource) {\r\n if (resource === 'company') {\r\n if (sectionKey === 'General/Specialty Contractor Info') {\r\n if (form.membership && form.membership.membershipType && form.membership.membershipType.id && form.membership.membershipType.id === 3) {\r\n return true\r\n }\r\n } else if (sectionKey === 'Affiliate Info') {\r\n if (form.membership && form.membership.membershipType && form.membership.membershipType.id && form.membership.membershipType.id !== 3) {\r\n return true\r\n }\r\n }\r\n }\r\n }\r\n return false\r\n}\r\n","import * as shvl from 'shvl'\r\n\r\nexport default (arr, fieldKey, numeric = false) => {\r\n if (arr && arr.length && fieldKey) {\r\n return arr.reduce((obj, row) => {\r\n const propertyValue = shvl.get(row, fieldKey, null)\r\n if (propertyValue) {\r\n const rowValue = numeric ? parseInt(propertyValue) : propertyValue\r\n if (rowValue !== undefined) {\r\n if (!Array.isArray(obj[rowValue])) {\r\n obj[rowValue] = []\r\n }\r\n obj[rowValue].push(row)\r\n }\r\n }\r\n return obj\r\n }, {})\r\n }\r\n}\r\n","\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n\r\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BaseForm.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BaseForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BaseForm.vue?vue&type=template&id=0e8681a4&\"\nimport script from \"./BaseForm.vue?vue&type=script&lang=js&\"\nexport * from \"./BaseForm.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"BaseForm.vue\"\nexport default component.exports","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"row letter-bar\" }, [\n _c(\n \"div\",\n { staticClass: \"col-12 no-wrap scroll justify-around text-center\" },\n _vm._l(_vm.availableLetters, function(letter) {\n return _c(\n \"q-btn\",\n {\n key: letter,\n staticClass: \"self-center\",\n attrs: {\n small: \"\",\n color: _vm.selectedLetters[letter] ? \"info\" : \"grey-5\",\n outline: _vm.selectedLetters[letter],\n flat: !_vm.selectedLetters[letter]\n },\n on: {\n click: function($event) {\n return _vm.handleLetter(letter)\n }\n }\n },\n [_vm._v(\"\\n \" + _vm._s(letter) + \"\\n \")]\n )\n }),\n 1\n )\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","\r\n \r\n \r\n This record has been deleted / archived. You may not make edits to this record until it has been restore. \r\n \r\n \r\n Cancel \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n ID:\r\n {{ id }}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {{ sectionKey }}
\r\n\r\n 1 && !isModal\" label=\"Scroll To\" color=\"primary\" class=\"self-center no-shadow\" size=\"sm\">\r\n \r\n \r\n \r\n {{ sectionKey }} \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n Previous {{ column.label }}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n This record has been deleted / archived. You may not make edits to this record until it has been restore. \r\n Restore \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Save \r\n \r\n \r\n \r\n \r\n \r\n Save and Approve \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Save and Close \r\n
\r\n \r\n Save and Stay \r\n
\r\n \r\n Save \r\n
\r\n Save Complete
\r\n \r\n
\r\n \r\n Your record has been successfully saved. What do you want to do next?
\r\nDelete Complete
\r\n \r\n
\r\n \r\n Your record has been successfully deleted. What do you want to do next?
\r\n\r\n
\r\n\r\n\r\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AzBar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AzBar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AzBar.vue?vue&type=template&id=e9b0f104&\"\nimport script from \"./AzBar.vue?vue&type=script&lang=js&\"\nexport * from \"./AzBar.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\ncomponent.options.__file = \"AzBar.vue\"\nexport default component.exports","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"q-breadcrumbs\",\n {\n attrs: { color: \"primary\", \"active-color\": \"primary\" },\n scopedSlots: _vm._u([\n {\n key: \"separator\",\n fn: function(props) {\n return _c(\"q-icon\", {\n attrs: {\n name: \"keyboard_arrow_right\",\n size: \"16px\",\n color: \"info\"\n }\n })\n }\n }\n ])\n },\n [\n _c(\"q-breadcrumbs-el\", {\n staticClass: \"uppercase q-caption\",\n attrs: { label: \"\", icon: \"home\", to: _vm.homeUrl }\n }),\n _vm._l(_vm.$breadcrumbs, function(crumb, index) {\n return crumb.meta && crumb.meta.title\n ? _c(\"q-breadcrumbs-el\", {\n key: index,\n staticClass: \"uppercase q-caption\",\n attrs: { label: crumb.meta.title, to: crumb.path }\n })\n : _vm._e()\n })\n ],\n 2\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","\r\n \r\n \r\n {{ letter }}\r\n \r\n
\r\n