{"version":3,"sources":["webpack:///./src/views/request/EnterRequestHome.vue?41ee","webpack:///./src/views/request/EnterRequestHome.vue?cf77","webpack:///./src/views/request/EnterRequestHome.vue?faea","webpack:///src/views/request/EnterRequestHome.vue","webpack:///./src/views/request/EnterRequestHome.vue?f3d5","webpack:///./src/views/request/EnterRequestHome.vue?69ef"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","alertData","isActive","shouldReloadData","_b","on","loadData","_v","_e","directives","name","rawName","value","request","expression","currentUser","isEstateOnlyUser","$event","$$selectedVal","Array","prototype","filter","call","target","options","o","selected","map","val","_value","$set","multiple","_l","location","domProps","_s","purpose","description","_q","vehicleAccess","composing","staticStyle","_m","visitor","index","key","id","tag","addVisitor","detail","facilities","timeList","addDetail","actionWhenVisitorArrives","host","isEstateRequest","approver","approvers","submit","staticRenderFns","locations","purposeList","visitors","details","vehicleDetails","employeeId","remarks","locationCode","push","form","checkValidity","firstInvalidForm","component"],"mappings":"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","file":"js/enterRequestHome.59b22d49.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EnterRequestHome.vue?vue&type=style&index=1&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EnterRequestHome.vue?vue&type=style&index=1&lang=scss&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EnterRequestHome.vue?vue&type=style&index=0&id=6414fd10&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EnterRequestHome.vue?vue&type=style&index=0&id=6414fd10&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"enterRequestHome\"}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col\"},[_c('form',{staticClass:\"entry-form\"},[(_vm.alertData.isActive || _vm.shouldReloadData)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12 mr-0\"},[_c('Alert',_vm._b({},'Alert',_vm.alertData,false)),_c('br'),(_vm.shouldReloadData)?_c('button',{staticClass:\"button bttn\",on:{\"click\":_vm.loadData}},[_vm._v(\"Reload Page\")]):_vm._e()],1)]):_vm._e(),_c('h3',{staticClass:\"heading mb-4\"},[_vm._v(\"location and purpose\")]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6 mr-0 text-left\"},[_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-md-4 mr-0 font-weight-bold\",attrs:{\"for\":\"location\"}},[_vm._v(\"location:\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.request.location),expression:\"request.location\"}],staticClass:\"col-md-6 mr-0 form-control\",attrs:{\"id\":\"location\",\"name\":\"location\",\"required\":\"\",\"disabled\":_vm.currentUser.isEstateOnlyUser},on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.request, \"location\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},_vm._l((_vm.locations),function(location){return _c('option',{domProps:{\"value\":location}},[_vm._v(_vm._s(location.name))])}),0)])]),_c('div',{staticClass:\"col-md-6 mr-0 text-left\"},[_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-md-4 mr-0 font-weight-bold\",attrs:{\"for\":\"purpose\"}},[_vm._v(\"purpose:\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.request.purpose),expression:\"request.purpose\"}],staticClass:\"col-md-6 mr-0 form-control\",attrs:{\"id\":\"purpose\",\"name\":\"purpose\",\"required\":\"\"},on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.request, \"purpose\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},_vm._l((_vm.purposeList),function(purpose){return _c('option',{domProps:{\"value\":purpose.value}},[_vm._v(_vm._s(purpose.description))])}),0)])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6 mr-0 text-left\"},[_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-md-4 mr-0 font-weight-bold\"},[_vm._v(\"vehicle access:\")]),_c('div',{staticClass:\"col-md-6 mr-0\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.request.vehicleAccess),expression:\"request.vehicleAccess\"}],staticClass:\"mr-2\",attrs:{\"type\":\"radio\",\"id\":\"vehicle-access-no\",\"name\":\"vehicle-access\",\"value\":\"false\"},domProps:{\"checked\":_vm._q(_vm.request.vehicleAccess,\"false\")},on:{\"change\":function($event){return _vm.$set(_vm.request, \"vehicleAccess\", \"false\")}}}),_c('label',{staticClass:\"mr-4\",attrs:{\"for\":\"vehicle-access-no\"}},[_vm._v(\"No\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.request.vehicleAccess),expression:\"request.vehicleAccess\"}],staticClass:\"mr-2\",attrs:{\"type\":\"radio\",\"id\":\"vehicle-access-yes\",\"name\":\"vehicle-access\",\"value\":\"true\"},domProps:{\"checked\":_vm._q(_vm.request.vehicleAccess,\"true\")},on:{\"change\":function($event){return _vm.$set(_vm.request, \"vehicleAccess\", \"true\")}}}),_c('label',{attrs:{\"for\":\"vehicle-access-yes\"}},[_vm._v(\"Yes\")])])])]),(_vm.request.vehicleAccess && _vm.request.vehicleAccess != 'false')?_c('div',{staticClass:\"col-md-6 mr-0 text-left\"},[_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-md-4 mr-0 font-weight-bold\",attrs:{\"for\":\"vehicleDetails\"}},[_vm._v(\"vehicle details:\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.request.vehicleDetails),expression:\"request.vehicleDetails\"}],staticClass:\"col-md-6 mr-0 form-control\",attrs:{\"type\":\"text\",\"id\":\"vehicleDetails\",\"name\":\"vehicleDetails\",\"placeholder\":\"Make, Model & Reg.No.\"},domProps:{\"value\":(_vm.request.vehicleDetails)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.request, \"vehicleDetails\", $event.target.value)}}})])]):_vm._e()])])])]),(_vm.request.location)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col\"},[_c('form',{staticClass:\"entry-form visitor-form\"},[_c('h3',{staticClass:\"heading\"},[_vm._v(\"visitor details\")]),_c('div',{staticClass:\"row\",staticStyle:{\"overflow-x\":\"scroll !important\"}},[_c('table',{staticClass:\"col-md-12 mr-0\"},[_vm._m(0),_c('tbody',_vm._l((_vm.request.visitors),function(visitor,index){return _c(\"VisitorEntryLine\",{key:visitor.id,tag:\"tr\",attrs:{\"rowNumber\":index+1,\"visitor\":visitor,\"request\":_vm.request}})}),1),_c('tfoot',[_c('tr',[_c('td',{attrs:{\"colspan\":\"6\"}}),_c('td',[_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.addVisitor}},[_c('i',{staticClass:\"icon-expand-plus\",attrs:{\"title\":\"Add new line\"}})])])])])])])])])]):_vm._e(),(_vm.request.location)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col\"},[_c('form',{staticClass:\"entry-form detail-form\"},[_c('h3',{staticClass:\"heading\"},[_vm._v(\"appointment time and venue\")]),_c('div',{staticClass:\"row\",staticStyle:{\"overflow-x\":\"scroll !important\"}},[_c('table',{staticClass:\"col-md-12 mr-0\"},[_vm._m(1),_c('tbody',_vm._l((_vm.request.details),function(detail,index){return _c(\"DetailEntryLine\",{key:detail.id,tag:\"tr\",attrs:{\"rowNumber\":index+1,\"detail\":detail,\"facilities\":_vm.request.location.facilities,\"timeList\":_vm.timeList}})}),1),_c('tfoot',[_c('tr',[_c('td',{attrs:{\"colspan\":\"6\"}}),_c('td',[_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.addDetail}},[_c('i',{staticClass:\"icon-expand-plus\",attrs:{\"title\":\"Add new line\"}})])])])])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12 text-left\"},[_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(\"Remarks\")]),_c('p',[_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.request.remarks),expression:\"request.remarks\"}],staticStyle:{\"width\":\"100%\"},attrs:{\"rows\":\"7\"},domProps:{\"value\":(_vm.request.remarks)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.request, \"remarks\", $event.target.value)}}})])])]),_c('div',{staticClass:\"row\",attrs:{\"id\":\"arrivalActionRow\"}},[_c('form',{staticClass:\"entry-form\"},[_c('div',{staticClass:\"col-md-12 text-left\"},[_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(\"When visitor(s) arrive\")]),_c('p',{staticClass:\"pt-2\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.request.actionWhenVisitorArrives),expression:\"request.actionWhenVisitorArrives\"}],staticClass:\"mr-2\",attrs:{\"type\":\"radio\",\"id\":\"arrival-action-notify\",\"name\":\"arrival-action\",\"value\":\"0\",\"required\":\"\"},domProps:{\"checked\":_vm._q(_vm.request.actionWhenVisitorArrives,\"0\")},on:{\"change\":function($event){return _vm.$set(_vm.request, \"actionWhenVisitorArrives\", \"0\")}}}),_c('label',{attrs:{\"for\":\"arrival-action-notify\"}},[_vm._v(\"Notify requester/host to approve entry\")]),_c('br'),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.request.actionWhenVisitorArrives),expression:\"request.actionWhenVisitorArrives\"}],staticClass:\"mr-2\",attrs:{\"type\":\"radio\",\"id\":\"arrival-action-allow\",\"name\":\"arrival-action\",\"value\":\"1\",\"required\":\"\"},domProps:{\"checked\":_vm._q(_vm.request.actionWhenVisitorArrives,\"1\")},on:{\"change\":function($event){return _vm.$set(_vm.request, \"actionWhenVisitorArrives\", \"1\")}}}),_c('label',{attrs:{\"for\":\"arrival-action-allow\"}},[_vm._v(\"Allow immediate entry\")]),_c('br'),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.request.actionWhenVisitorArrives),expression:\"request.actionWhenVisitorArrives\"}],staticClass:\"mr-2\",attrs:{\"type\":\"radio\",\"id\":\"arrival-action-allow-10-minutes-before-time\",\"name\":\"arrival-action\",\"value\":\"2\",\"required\":\"\"},domProps:{\"checked\":_vm._q(_vm.request.actionWhenVisitorArrives,\"2\")},on:{\"change\":function($event){return _vm.$set(_vm.request, \"actionWhenVisitorArrives\", \"2\")}}}),_c('label',{attrs:{\"for\":\"arrival-action-allow-10-minutes-before-time\"}},[_vm._v(\"Allow entry 10 minutes to appointment time\")])])])])])])]):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.request.location),expression:\"request.location\"}],staticClass:\"row\"},[_c('div',{staticClass:\"col\"},[_c('h3',{staticClass:\"heading\"},[_vm._v(\"host and approver\")]),_c('form',{staticClass:\"entry-form col-md-12 col-8 mx-auto\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6 mr-0 text-left\"},[_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-md-3 col-12 text-center text-md-right pr-md-3 my-auto font-weight-bold\"},[_vm._v(\"Host\")]),_c('div',{staticClass:\"col-md-8 mr-0\"},[_c('EmployeeAutocomplete',{attrs:{\"employeeName\":_vm.request.host.name,\"editable\":!_vm.isEstateRequest}})],1)])]),_c('div',{staticClass:\"col-md-6 mr-0 text-left\"},[_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-md-3 col-12 text-center text-md-right pr-md-3 my-auto font-weight-bold\",attrs:{\"for\":\"approver\"}},[_vm._v(\"Approver\")]),_c('div',{staticClass:\"col-md-8 mr-0\"},[_c('ApproverAutocomplete',{attrs:{\"approverName\":_vm.request.approver.name,\"approvers\":_vm.approvers,\"editable\":!_vm.isEstateRequest}})],1)])])])]),_c('div',{staticClass:\"form-group row text-center\"},[_c('div',{staticClass:\"col-sm-12 mr-0 mb-4\"},[_c('button',{staticClass:\"button bttn btn-primary\",attrs:{\"type\":\"submit\"},on:{\"click\":_vm.submit}},[_vm._v(\"Submit\")])])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',[_c('tr',[_c('th',{attrs:{\"width\":\"5%\"}},[_vm._v(\"s/n\")]),_c('th',{attrs:{\"width\":\"20%\"}},[_vm._v(\"first name\")]),_c('th',{attrs:{\"width\":\"15%\"}},[_vm._v(\"last name\")]),_c('th',{attrs:{\"width\":\"20%\"}},[_vm._v(\"company\")]),_c('th',{attrs:{\"width\":\"15%\"}},[_vm._v(\"phone no\")]),_c('th',{attrs:{\"width\":\"20%\"}},[_vm._v(\"email address\")]),_c('th',{attrs:{\"width\":\"5%\"}})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',[_c('tr',[_c('th',{attrs:{\"width\":\"5%\"}},[_vm._v(\"s/n\")]),_c('th',{attrs:{\"width\":\"15%\"}},[_vm._v(\"from (date)\")]),_c('th',{attrs:{\"width\":\"15%\"}},[_vm._v(\"to (date)\")]),_c('th',{attrs:{\"width\":\"15%\"}},[_vm._v(\"time\")]),_c('th',{attrs:{\"width\":\"20%\"}},[_vm._v(\"facility\")]),_c('th',{attrs:{\"width\":\"25%\"}},[_vm._v(\"venue\")]),_c('th',{attrs:{\"width\":\"5%\"}})])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"enterRequestHome\">\r\n    <div class=\"row\">\r\n      <div class=\"col\">\r\n        <form class=\"entry-form\">\r\n          <div class=\"row\" v-if=\"alertData.isActive || shouldReloadData\">\r\n            <div class=\"col-md-12 mr-0\">\r\n              <Alert v-bind=\"alertData\"></Alert>\r\n              <br />\r\n              <button class=\"button bttn\" @click=\"loadData\" v-if=\"shouldReloadData\">Reload Page</button>\r\n            </div>\r\n          </div>\r\n          <h3 class=\"heading mb-4\">location and purpose</h3>\r\n          <div class=\"row\">\r\n            <div class=\"col-md-6 mr-0 text-left\">\r\n              <div class=\"form-group row\">\r\n                <label class=\"col-md-4 mr-0 font-weight-bold\" for=\"location\">location:</label>\r\n                <select class=\"col-md-6 mr-0 form-control\" id=\"location\" name=\"location\" v-model=\"request.location\" required v-bind:disabled=\"currentUser.isEstateOnlyUser\">\r\n                  <option v-for=\"location in locations\" :value=\"location\">{{ location.name }}</option>\r\n                </select>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-md-6 mr-0 text-left\">\r\n              <div class=\"form-group row\">\r\n                <label class=\"col-md-4 mr-0 font-weight-bold\" for=\"purpose\">purpose:</label>\r\n                <select class=\"col-md-6 mr-0 form-control\" id=\"purpose\" name=\"purpose\" v-model=\"request.purpose\" required>\r\n                  <option v-for=\"purpose in purposeList\" :value=\"purpose.value\">{{ purpose.description }}</option>\r\n                </select>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"row\">\r\n            <div class=\"col-md-6 mr-0 text-left\">\r\n              <div class=\"form-group row\">\r\n                <label class=\"col-md-4 mr-0 font-weight-bold\">vehicle access:</label>\r\n                <div class=\"col-md-6 mr-0\">\r\n                  <!--<input type=\"radio\" id=\"vehicle-access-no\" name=\"vehicle-access\" class=\"mr-2\" value=\"false\" v-model=\"request.vehicleAccess\" v-bind:disabled=\"!canRequestVehicleAccess\">-->\r\n                  <input type=\"radio\" id=\"vehicle-access-no\" name=\"vehicle-access\" class=\"mr-2\" value=\"false\" v-model=\"request.vehicleAccess\">\r\n                  <label for=\"vehicle-access-no\" class=\"mr-4\">No</label>\r\n                  <!--<input type=\"radio\" id=\"vehicle-access-yes\" name=\"vehicle-access\" class=\"mr-2\" value=\"true\" v-model=\"request.vehicleAccess\" v-bind:disabled=\"!canRequestVehicleAccess\">-->\r\n                  <input type=\"radio\" id=\"vehicle-access-yes\" name=\"vehicle-access\" class=\"mr-2\" value=\"true\" v-model=\"request.vehicleAccess\">\r\n                  <label for=\"vehicle-access-yes\">Yes</label>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-md-6 mr-0 text-left\" v-if=\"request.vehicleAccess && request.vehicleAccess != 'false'\">\r\n              <div class=\"form-group row\">\r\n                <label class=\"col-md-4 mr-0 font-weight-bold\" for=\"vehicleDetails\">vehicle details:</label>\r\n                <input type=\"text\" class=\"col-md-6 mr-0 form-control\" id=\"vehicleDetails\" name=\"vehicleDetails\" v-model=\"request.vehicleDetails\" placeholder=\"Make, Model &amp; Reg.No.\" />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </form>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\" v-if=\"request.location\">\r\n      <div class=\"col\">\r\n        <form class=\"entry-form visitor-form\">\r\n          <h3 class=\"heading\">visitor details</h3>\r\n          <div class=\"row\" style=\"overflow-x:scroll !important;\">\r\n            <table class=\"col-md-12 mr-0\">\r\n              <thead>\r\n                <tr>\r\n                  <th width=\"5%\">s/n</th>\r\n                  <th width=\"20%\">first name</th>\r\n                  <th width=\"15%\">last name</th>\r\n                  <th width=\"20%\">company</th>\r\n                  <th width=\"15%\">phone no</th>\r\n                  <th width=\"20%\">email address</th>\r\n                  <th width=\"5%\"></th>\r\n                </tr>\r\n              </thead>\r\n              <tbody>\r\n                <tr v-for=\"(visitor, index) in request.visitors\" is=\"VisitorEntryLine\" :rowNumber=\"index+1\" :visitor=\"visitor\" :request=\"request\" :key=\"visitor.id\"></tr>\r\n              </tbody>\r\n              <tfoot>\r\n                <tr>\r\n                  <td colspan=\"6\"></td>\r\n                  <td>\r\n                    <button type=\"button\" class=\"btn btn-primary\" @click=\"addVisitor\"><i class=\"icon-expand-plus\" title=\"Add new line\"></i></button>\r\n                  </td>\r\n                </tr>\r\n              </tfoot>\r\n            </table>\r\n          </div>\r\n        </form>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\" v-if=\"request.location\">\r\n      <div class=\"col\">\r\n        <form class=\"entry-form detail-form\">\r\n          <h3 class=\"heading\">appointment time and venue</h3>\r\n          <div class=\"row\" style=\"overflow-x:scroll !important;\">\r\n            <table class=\"col-md-12 mr-0\">\r\n              <thead>\r\n                <tr>\r\n                  <th width=\"5%\">s/n</th>\r\n                  <th width=\"15%\">from (date)</th>\r\n                  <th width=\"15%\">to (date)</th>\r\n                  <th width=\"15%\">time</th>\r\n                  <th width=\"20%\">facility</th>\r\n                  <th width=\"25%\">venue</th>\r\n                  <th width=\"5%\"></th>\r\n                </tr>\r\n              </thead>\r\n              <tbody>\r\n                <tr v-for=\"(detail, index) in request.details\" is=\"DetailEntryLine\" :rowNumber=\"index+1\" :detail=\"detail\" :facilities=\"request.location.facilities\" :timeList=\"timeList\" :key=\"detail.id\"></tr>\r\n              </tbody>\r\n              <tfoot>\r\n                <tr>\r\n                  <td colspan=\"6\"></td>\r\n                  <td>\r\n                    <button type=\"button\" class=\"btn btn-primary\" @click=\"addDetail\"><i class=\"icon-expand-plus\" title=\"Add new line\"></i></button>\r\n                  </td>\r\n                </tr>\r\n              </tfoot>\r\n            </table>\r\n          </div>\r\n        </form>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12 text-left\">\r\n            <span class=\"font-weight-bold\">Remarks</span>\r\n            <p>\r\n              <textarea rows=\"7\" style=\"width:100%\" v-model=\"request.remarks\"></textarea>\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <div id=\"arrivalActionRow\" class=\"row\">\r\n          <form class=\"entry-form\">\r\n            <div class=\"col-md-12 text-left\">\r\n              <span class=\"font-weight-bold\">When visitor(s) arrive</span>\r\n              <p class=\"pt-2\">\r\n                <input type=\"radio\" id=\"arrival-action-notify\" class=\"mr-2\" name=\"arrival-action\" value=\"0\" v-model=\"request.actionWhenVisitorArrives\" required>\r\n                <label for=\"arrival-action-notify\">Notify requester/host to approve entry</label>\r\n                <br />\r\n                <input type=\"radio\" id=\"arrival-action-allow\" class=\"mr-2\" name=\"arrival-action\" value=\"1\" v-model=\"request.actionWhenVisitorArrives\" required>\r\n                <label for=\"arrival-action-allow\">Allow immediate entry</label>\r\n                <br />\r\n                <input type=\"radio\" id=\"arrival-action-allow-10-minutes-before-time\" class=\"mr-2\" name=\"arrival-action\" value=\"2\" v-model=\"request.actionWhenVisitorArrives\" required>\r\n                <label for=\"arrival-action-allow-10-minutes-before-time\">Allow entry 10 minutes to appointment time</label>\r\n              </p>\r\n            </div>\r\n          </form>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\" v-show=\"request.location\">\r\n      <div class=\"col\">\r\n        <h3 class=\"heading\">host and approver</h3>\r\n        <form class=\"entry-form col-md-12 col-8 mx-auto\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-6 mr-0 text-left\">\r\n              <div class=\"form-group row\">\r\n                <label class=\"col-md-3 col-12 text-center text-md-right pr-md-3 my-auto font-weight-bold\">Host</label>\r\n                <div class=\"col-md-8 mr-0\">\r\n                  <EmployeeAutocomplete v-bind:employeeName=\"request.host.name\" :editable=\"!isEstateRequest\"></EmployeeAutocomplete>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-md-6 mr-0 text-left\">\r\n              <div class=\"form-group row\">\r\n                <label for=\"approver\" class=\"col-md-3 col-12 text-center text-md-right pr-md-3 my-auto font-weight-bold\">Approver</label>\r\n                <div class=\"col-md-8 mr-0\">\r\n                  <ApproverAutocomplete v-bind:approverName=\"request.approver.name\" :approvers=\"approvers\" :editable=\"!isEstateRequest\"></ApproverAutocomplete>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </form>\r\n        <div class=\"form-group row text-center\">\r\n          <div class=\"col-sm-12 mr-0 mb-4\">\r\n            <button type=\"submit\" class=\"button bttn btn-primary\" @click=\"submit\">Submit</button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\n  import moment from 'moment-timezone/builds/moment-timezone-with-data-10-year-range';\r\n  import uuid from 'uuid';\r\n\r\n  import EmployeeAutocomplete from '@/components/autocompletes/EmployeeAutocomplete.vue';\r\n  import ApproverAutocomplete from '@/components/autocompletes/ApproverAutoComplete.vue';\r\n  import VisitorEntryLine from '@/components/requests/VisitorEntryLine.vue';\r\n  import DetailEntryLine from '@/components/requests/DetailEntryLine.vue';\r\n  import Alert from '@/components/Alert.vue';\r\n\r\n  import AlertMixin from '@/mixins/AlertMixin.vue';\r\n\r\n  import Events from '@/utils/events';\r\n  import Enums from '@/utils/enums';\r\n  import { Messages } from '@/utils/constants';\r\n  import { mapGetters } from 'vuex';\r\n\r\n  /**\r\n   * View for entering an appointment request.\r\n  */\r\n  export default {\r\n    name: 'enterRequestHome',\r\n    components: {\r\n      EmployeeAutocomplete,\r\n      ApproverAutocomplete,\r\n      VisitorEntryLine,\r\n      DetailEntryLine,\r\n      Alert,\r\n    },\r\n    inject: ['eventBus', 'requestService', 'employeeService', 'locationService', 'userService', 'visitorService', 'dateService'],\r\n    provide() {\r\n      return {\r\n        employeeService: this.employeeService,\r\n        visitorService: this.visitorService,\r\n      };\r\n    },\r\n    mixins: [AlertMixin],\r\n    beforeRouteEnter(to, from, next) {\r\n      next(vm => vm.loadData());\r\n    },\r\n    data: (() => ({\r\n      /**\r\n       * The list of locations allowed for request entry.\r\n       */\r\n      locations: [],\r\n      /**\r\n       *  The list of users allowed to approve requests\r\n       */\r\n      approvers: [],\r\n      /**\r\n       * The list of business purposes the current user is allowed to make requests for.\r\n       */\r\n      purposeList: [],\r\n      /*\r\n       * The request model that holds all the properties of a request\r\n       */\r\n      request: {\r\n        /**\r\n         * Request id.\r\n         */\r\n        id: null,\r\n        /**\r\n         * List of visitors.\r\n         */\r\n        visitors: [\r\n          {\r\n            /**\r\n             * Visitor id.\r\n             * GUID for a new visitor\r\n             */\r\n            id: uuid(),\r\n            /**\r\n             * Visitor first name.\r\n             */\r\n            firstName: null,\r\n            /**\r\n             * Visitor last name.\r\n             */\r\n            lastName: null,\r\n            /**\r\n             * Visitor company.\r\n             */\r\n            company: null,\r\n            /**\r\n             * Visitor phone number.\r\n             */\r\n            phoneNumber: null,\r\n            /**\r\n             * Visitor email address.\r\n             */\r\n            emailAddress: null,\r\n            ///**\r\n            // *  the mode of the visitor line.\r\n            // *  Entry mode denotes trhat the visitor is an already existing visitor that the user wants to midify.\r\n            // */\r\n            //editMode: false\r\n          }\r\n        ],\r\n        /**\r\n         * The model that holds all the details of the appointments for this request\r\n         */\r\n        details: [\r\n          {\r\n            /**\r\n             * appointment id.\r\n             * GUID for a new appointment.\r\n             */\r\n            id: uuid(),\r\n            /**\r\n             * start date.\r\n             */\r\n            fromDate: null,\r\n            /**\r\n             * end date.\r\n             */\r\n            toDate: null,\r\n            /**\r\n             * appointment time\r\n             */\r\n            time: null,\r\n            /**\r\n             * facility to visit\r\n             */\r\n            facility: null,\r\n            /**\r\n             * venue of the visit\r\n             */\r\n            venue: null,\r\n            /**\r\n             * flag for validity of the start and end dates\r\n             */\r\n            invalidDates: false,\r\n            /**\r\n             * flag to denote the existence of collission with another appointment\r\n             */\r\n            dateCollissionExists: false\r\n          }\r\n        ],\r\n        /**\r\n         * visit location for the request\r\n         */\r\n        location: null,\r\n        /**\r\n         * business purpose for the request\r\n         */\r\n        purpose: null,\r\n        /**\r\n         * flag to show if vehicle access is required for this request\r\n         */\r\n        vehicleAccess: false,\r\n        /**\r\n         * Details of the vehicle to grant access to\r\n         */\r\n        vehicleDetails: null,\r\n        /**\r\n         * details of the host for this request\r\n         */\r\n        host: {\r\n          /**\r\n           * the host's id\r\n           */\r\n          employeeId: null,\r\n          /**\r\n           * the host's name\r\n           */\r\n          name: null,\r\n        },\r\n         /**\r\n         * details of the approver for this request\r\n         */\r\n        approver: {\r\n          /**\r\n           *  The approver's id.\r\n           */\r\n          id: null,\r\n          /**\r\n           * The approver's name.\r\n           */\r\n          name: null,\r\n        },\r\n        /**\r\n         * Additional remarks for this request\r\n         */\r\n        remarks: null,\r\n        /**\r\n         * The action to take bysecurity when visitor's for this request arrive for their appointment.\r\n         */\r\n        actionWhenVisitorArrives: null\r\n      },\r\n      /**\r\n       * Denotes if a data reload is needed.\r\n       * Typically set after a failed initialization.\r\n       */\r\n      shouldReloadData: false\r\n    })),\r\n    computed: {\r\n      /**\r\n       * Maps ths current user from the Vuex store\r\n       */\r\n      ...mapGetters([\r\n        'currentUser'\r\n      ]),\r\n      /**\r\n       * A list of valid appointment times\r\n       */\r\n      timeList() {\r\n        return this.dateService.getAllVisitTimes();\r\n      },\r\n      /**\r\n       * Denotes if this is an estate visit / delivery request.\r\n       */\r\n      isEstateRequest() {\r\n        return this.request.purpose == Enums.BusinessPurposes.EstateDelivery.value || this.request.purpose == Enums.BusinessPurposes.EstateResidentVisit.value || this.currentUser.isEstateOnlyUser;\r\n      }\r\n    },\r\n    watch: {\r\n      /**\r\n       * Watch changes to isEstateRequest\r\n       * @param newValue - New value for isEstateRequest.\r\n       * @param oldValue - Old value for isEstateRequest.\r\n       */\r\n      isEstateRequest(newValue, oldValue) {\r\n        if (newValue) {\r\n          // Set current user as host an approver for estate requests\r\n          this.setHostAndApproverForEstateUser();\r\n        }\r\n        else {\r\n          // Clear host and approvcer entries for the request\r\n          this.request.host.employeeId = this.request.approver.id = null;\r\n          this.request.host.name = this.request.approver.name = null;\r\n          // Make an attempt to set the cureent user as approver for the request.\r\n          this.trySetCurrentUserAsApprover();\r\n        }\r\n      }\r\n    },\r\n    methods: {\r\n      /**\r\n       * Sets the cureent user as host and aprover in case of estate requests.\r\n      */\r\n      setHostAndApproverForEstateUser() {\r\n        this.request.host.employeeId = this.request.approver.id = this.currentUser.userId;\r\n        this.request.host.name = this.request.approver.name = this.currentUser.name;\r\n      },\r\n      /**\r\n       * Clears the request model. Typically called before the start of a new request entry.\r\n      */\r\n      clearData() {\r\n        this.request.id = null;\r\n        this.request.purpose = null;\r\n        this.request.vehicleAccess = false;\r\n        // Clear host details only for non estate users.\r\n        if (!this.currentUser.isEstateOnlyUser) {\r\n          this.request.host.employeeId = null;\r\n          this.request.host.name = null;\r\n        }\r\n        // Clear approver details for non estate users that are not themselves approvers in the system.\r\n        if (this.request.approver.id.toLowerCase() != this.currentUser.userId.toLowerCase() && !this.currentUser.isEstateOnlyUser) {\r\n          this.request.approver.id = null;\r\n          this.request.approver.name = null;\r\n        }\r\n        this.request.remarks = null;\r\n        this.request.actionWhenVisitorArrives = null;\r\n        this.request.remarks = null;\r\n        this.request.remarks = null;\r\n        this.request.visitors.splice(0, this.request.visitors.length);\r\n        this.request.details.splice(0, this.request.details.length);\r\n        // Add new visitor entry and appointment detail lines so there are at least one visitor entry and appointment detail lines at every time.\r\n        this.addVisitor();\r\n        this.addDetail();\r\n      },\r\n      /**\r\n       * Loads initial data needed to raise a request.\r\n       * This is the first point of call after the route is loaded.\r\n       */\r\n      async loadData() {\r\n        const self = this;\r\n        // Close all success /error messages before initiating a new request\r\n        self.closeMessage();\r\n        self.shouldReloadData = false;\r\n        // Show spinner\r\n        self.eventBus.$emit(Events.LONG_OPERATION_STARTED, 'loading data');\r\n        // Create an array of promises to allow getting all needed data in parallel.\r\n        const tasks = [];\r\n        tasks.push(self.locationService.getActiveLocations());\r\n        tasks.push(self.userService.getApprovers());\r\n        Promise.all(tasks).then((results) => {\r\n          const locations = results[0];\r\n          const approvers = results[1];\r\n\r\n          self.populateLocations(locations.items);\r\n          self.populateApprovers(approvers.items);\r\n          self.trySetCurrentUserAsApprover();\r\n          self.populateBusinessPurposes();\r\n        }).catch((error) => {\r\n          // Show error message.\r\n          self.showErrorMessage(error.detail ? error.detail : error);\r\n          self.shouldReloadData = true;\r\n        }).finally(() => {\r\n          // Close spinner.\r\n          self.eventBus.$emit(Events.LONG_OPERATION_COMPLETED);\r\n        });\r\n      },\r\n      /**\r\n       * Populates the locations model of this component.\r\n       * @param {Object[]} locations - An array of location.\r\n       */\r\n      populateLocations(locations) {\r\n        // Clear the current locations model.\r\n        this.locations.splice(0, this.locations.length);\r\n        for (const location of locations) {\r\n          // Set location based on current user work location code.\r\n          if (location.locationCode === this.currentUser.locationCode) {\r\n            this.request.location = location;\r\n          }\r\n          this.locations.push(location);\r\n        }\r\n      },\r\n      /**\r\n       * Populates the approvers model of this component.\r\n       * @param approvers\r\n       */\r\n      populateApprovers(approvers) {\r\n        // Clear the current approvers model.\r\n        this.approvers.splice(0, this.approvers.length);\r\n        for (const approver of approvers) {\r\n          this.approvers.push(approver);\r\n        }\r\n      },\r\n      /**\r\n       * Populates purposeList model of this component based on surrent user rights.\r\n       */\r\n      populateBusinessPurposes() {\r\n        if (this.currentUser.canRaiseOfficeRequests || this.currentUser.canRaiseAllRequests) {\r\n          // User can raise office visits\r\n          this.purposeList.push(Enums.BusinessPurposes.BusinessMeeting);\r\n          this.purposeList.push(Enums.BusinessPurposes.ExecutiveVisitor);\r\n          this.purposeList.push(Enums.BusinessPurposes.PersonalMeeting);\r\n          this.purposeList.push(Enums.BusinessPurposes.OfficeDelivery);\r\n        }\r\n\r\n        if (this.currentUser.canRaiseMedicalRequests || this.currentUser.canRaiseAllRequests) {\r\n          // User can raise clinic visits\r\n          this.purposeList.push(Enums.BusinessPurposes.ClinicPatientVisit);\r\n          this.purposeList.push(Enums.BusinessPurposes.ClinicTechnicianVisit);\r\n          this.purposeList.push(Enums.BusinessPurposes.MedicalSpecialistVisit);\r\n        }\r\n\r\n        if (this.currentUser.canRaiseWarehouseRequests || this.currentUser.canRaiseAllRequests) {\r\n          // User can raise warehouse deliveries\r\n          this.purposeList.push(Enums.BusinessPurposes.WarehouseDelivery);\r\n        }\r\n\r\n        if (this.currentUser.canRaiseEstateRequests || this.currentUser.canRaiseAllRequests) {\r\n          // User can raise estate visits / deliveries\r\n          this.purposeList.push(Enums.BusinessPurposes.EstateDelivery);\r\n          this.purposeList.push(Enums.BusinessPurposes.EstateResidentVisit);\r\n        }\r\n      },\r\n      /**\r\n       * Attempts to set the current user as an approver if the user is set up as an approver in the system.\r\n       */\r\n      trySetCurrentUserAsApprover() {\r\n        const self = this\r\n        // Get any approver with the same id as the current user.\r\n        const approvers = this.approvers.filter(approver => approver.id.toLowerCase() == this.currentUser.userId.toLowerCase());\r\n        if (approvers.length) {\r\n          const approver = approvers[0];\r\n          self.request.approver.id = approver.id;\r\n          self.request.approver.name = approver.name;\r\n        }\r\n      },\r\n      /**\r\n       * Handles host search input changed event.\r\n       */\r\n      onHostSearchInputChanged() {\r\n        if (this.request.host.employeeId) {\r\n          this.request.host.employeeId = null;\r\n          this.request.host.name = null;\r\n        }\r\n      },\r\n      /**\r\n       * Handles host selection changed event.\r\n       * @param host - The selected host.\r\n       */\r\n      onHostChanged(host) {\r\n        this.request.host.employeeId = host.employeeId;\r\n        this.request.host.name = host.name;\r\n      },\r\n      /**\r\n       * Hanldes host search error.\r\n       */\r\n      onHostSearchError() {\r\n        this.showErrorMessage(Messages.HOST_SEARCH_ERROR);\r\n      },\r\n      /**\r\n       * Handles approver search input changed event.\r\n       */\r\n      onApproverSearchInputChanged() {\r\n        if (this.request.approver.id) {\r\n          this.request.approver.id = null;\r\n          this.request.approver.name = null;\r\n        }\r\n      },\r\n      /**\r\n       * Handles approver selection changed event.\r\n       * @param approver - The selected approver.\r\n       */\r\n      onApproverChanged(approver) {\r\n        this.request.approver.id = approver.id;\r\n        this.request.approver.name = approver.name;\r\n      },\r\n      /**\r\n       * Hanldes visitor search error.\r\n       */\r\n      onVisitorSearchError() {\r\n        this.showErrorMessage(Messages.VISITOR_SEARCH_ERROR);\r\n      },\r\n      /**\r\n       * Handles start and end date selection event.\r\n       * @param detail - The appointment details for the dates selected.\r\n       */\r\n      onDatesSet(detail) {\r\n        const fromDate = moment(detail.fromDate, 'D MMM, YYYY');\r\n        const toDate = moment(detail.toDate, 'D MMM, YYYY');\r\n        let invalid = false;\r\n        // Set invalid flag is start date is after end date.\r\n        if (fromDate.isAfter(toDate)) {\r\n          detail.invalidDates = true;\r\n          invalid = true;\r\n          // detail.toDate = null;\r\n        } else {\r\n          detail.invalidDates = false;\r\n          this.$nextTick(function () {\r\n            // Check if there is a collision between the dates for this appointment and the other appointments in the request\r\n            const otherDetails = this.request.details.filter(d => detail != d);\r\n            otherDetails.forEach((d) => {\r\n              const fDate = moment(d.fromDate, 'D MMM, YYYY');\r\n              const tDate = moment(d.toDate, 'D MMM, YYYY');\r\n              if ((fromDate.toDate() >= fDate.toDate() && fromDate.toDate() <= tDate.toDate()) || (fDate.toDate() >= fromDate.toDate() && fDate.toDate() <= toDate.toDate())) {\r\n                //if (detail.time === d.time) {\r\n                invalid = true;\r\n                detail.dateCollissionExists = true;\r\n                detail.time = null;\r\n                //}\r\n              }\r\n            });\r\n          });\r\n        }\r\n        // Show validation errors if the selection is invalid\r\n        if (invalid) {\r\n          const forms = document.getElementsByClassName('detail-form');\r\n          const form = forms[0];\r\n          form.classList.add('was-validated');\r\n        }\r\n        else {\r\n          detail.dateCollissionExists = false;\r\n        }\r\n      },\r\n      /**\r\n       * Adds a visitor entry line if all other visitor entries are valid.\r\n       */\r\n      addVisitor() {\r\n        const forms = document.getElementsByClassName('visitor-form');\r\n        let isValid = true;\r\n        if (forms && forms.length) {\r\n          const form = forms[0];\r\n          if (form.checkValidity() === false) {\r\n            isValid = false;\r\n            form.classList.add('was-validated');\r\n          } else {\r\n            form.classList.remove('was-validated');\r\n          }\r\n        }\r\n\r\n        if (isValid) {\r\n          this.request.visitors.push({\r\n            id: uuid(),\r\n            firstName: null,\r\n            lastName: null,\r\n            company: null,\r\n            phoneNumber: null,\r\n            emailAddress: null,\r\n            editMode: false\r\n          });\r\n        }\r\n      },\r\n      /**\r\n       * Adds a appointment entry line if all other appointment entries are valid.\r\n       */\r\n      addDetail() {\r\n        const forms = document.getElementsByClassName('detail-form');\r\n        let isValid = true;\r\n        if (forms && forms.length) {\r\n          const form = forms[0];\r\n          //for (let c of form.getElementsByClassName(\"form-control\")) {\r\n          //  //alert(c.validationMessage);\r\n          //}\r\n          if (form.checkValidity() === false) {\r\n            isValid = false;\r\n            form.classList.add('was-validated');\r\n          } else {\r\n            form.classList.remove('was-validated');\r\n          }\r\n        }\r\n        //alert(isValid);\r\n        if (isValid) {\r\n          this.request.details.push({\r\n            id: uuid(),\r\n            fromDate: null,\r\n            toDate: null,\r\n            time: null,\r\n            facility: null,\r\n            venue: null,\r\n            invalidDates: false,\r\n            dateCollissionExists: false,\r\n          });\r\n        }\r\n      },\r\n      /**\r\n       * Handles the visitor removal event.\r\n       * @param visitorToRemove - The visitor to remove\r\n       */\r\n      onRemoveVisitor(visitorToRemove) {\r\n        for (let i = 0; i < this.request.visitors.length; i++) {\r\n          if (this.request.visitors[i] === visitorToRemove) {\r\n            this.request.visitors.splice(i, 1);\r\n            i--;\r\n          }\r\n        }\r\n        if (!this.request.visitors.length) {\r\n          this.addVisitor();\r\n        }\r\n      },\r\n      /**\r\n       * Handles the appointment removal event.\r\n       * @param visitorToRemove - The visitor to remove\r\n       */\r\n      onRemoveDetail(detailToRemove) {\r\n        for (let i = 0; i < this.request.details.length; i++) {\r\n          if (this.request.details[i] === detailToRemove) {\r\n            this.request.details.splice(i, 1);\r\n            i--;\r\n          }\r\n        }\r\n        if (!this.request.details.length) {\r\n          this.addDetail();\r\n        }\r\n      },\r\n      /**\r\n       * Handles the request submission event.\r\n       */\r\n      async submit() {\r\n        this.closeMessage();\r\n        // validate all forms.\r\n        const forms = document.getElementsByClassName('entry-form');\r\n        let invalidForm = this.getFirstInvalidForm(forms);\r\n        if (!invalidForm) {\r\n          // All forms are valid.\r\n          try {\r\n            // Show spinner.\r\n            this.eventBus.$emit(Events.LONG_OPERATION_STARTED, 'submit request');\r\n            // Submit request.\r\n            await this.requestService.submitRequest(this.request);\r\n            // Show success message after a successful submission and clear the request data to allow for new entry.\r\n            this.showSuccessMessage('request submitted successfully');\r\n            this.clearData();\r\n            for (const form of forms) {\r\n              form.classList.remove('was-validated');\r\n            }\r\n          } catch (error) {\r\n            // Show error message\r\n            this.showErrorMessage(error.detail ? error.detail : error);\r\n          } finally {\r\n            // Close spinner and scroll to top of form\r\n            this.eventBus.$emit(Events.LONG_OPERATION_COMPLETED);\r\n            $('html,body').animate({ scrollTop: $(forms[0]).offset().top }, 300);\r\n          }\r\n        } else {\r\n          // One or more forms are invalid.\r\n          for (const form of forms) {\r\n            form.classList.add('was-validated');\r\n          }\r\n          // Scroll to top of first invalid form\r\n          invalidForm = $(invalidForm);\r\n          $('html,body').animate({ scrollTop: invalidForm.offset().top }, 300);\r\n        }\r\n      },\r\n      /**\r\n       * Returns the first invalid form in the list of provided forms or null otherwise.\r\n       * @param forms - The forms to validate\r\n       */\r\n      getFirstInvalidForm(forms) {\r\n        let firstInvalidForm = null;\r\n        for (const form of forms) {\r\n          if (form.checkValidity() === false) {\r\n            if (!firstInvalidForm) {\r\n              firstInvalidForm = form;\r\n            }\r\n          }\r\n        }\r\n        // Validate approver and host.\r\n        // The approver and host fields are autocomplete fields and the presence of value in the input fields do not necessarily denote a presence of the value in the appropriate approver and host entries.\r\n        if (!this.request.approver.id) {\r\n          let qa = document.querySelector('#qa');\r\n          qa.setCustomValidity('Approver is invalid. Kindly search and select from list.');\r\n          if (!firstInvalidForm) {\r\n            firstInvalidForm = qa\r\n          }\r\n        } else {\r\n          document.querySelector('#qa').setCustomValidity('');\r\n        }\r\n        if (!this.request.host.employeeId) {\r\n          let q = document.querySelector('#q');\r\n          q.setCustomValidity('Host is invalid. Kindly search and select from list.');\r\n          if (!firstInvalidForm) {\r\n            firstInvalidForm = q\r\n          }\r\n        } else {\r\n          document.querySelector('#q').setCustomValidity('');\r\n        }\r\n\r\n        // Validate the selection of an action when visitor arrives.\r\n        if (this.request.actionWhenVisitorArrives === null) {\r\n          const row = document.querySelector('#arrivalActionRow');\r\n          row.classList.add(\"border\", \"border-danger\", \"p-2\");\r\n          if (!firstInvalidForm) {\r\n            firstInvalidForm = row\r\n          }\r\n        }\r\n        else {\r\n          const row = document.querySelector('#arrivalActionRow');\r\n          row.classList.remove(\"border\", \"border-danger\", \"p-2\");\r\n        }\r\n\r\n        return firstInvalidForm;\r\n      }\r\n    },\r\n    mounted() {\r\n      // Set current user as host and approver if the user is an estate only user\r\n      if (this.currentUser.isEstateOnlyUser) {\r\n        this.setHostAndApproverForEstateUser();\r\n      }\r\n      this.eventBus.$on(Events.EMPLOYEE_SEARCH_INPUT_CHANGED, this.onHostSearchInputChanged);\r\n      this.eventBus.$on(Events.EMPLOYEE_CHANGED, this.onHostChanged);\r\n      this.eventBus.$on(Events.EMPLOYEE_SEARCH_ERROR, this.onHostSearchError);\r\n      this.eventBus.$on(Events.APPROVER_SEARCH_INPUT_CHANGED, this.onApproverSearchInputChanged);\r\n      this.eventBus.$on(Events.APPROVER_CHANGED, this.onApproverChanged);\r\n      this.eventBus.$on(Events.VISITOR_SEARCH_ERROR, this.onVisitorSearchError);\r\n      this.eventBus.$on(Events.REMOVE_VISITOR_LINE, this.onRemoveVisitor);\r\n      this.eventBus.$on(Events.REMOVE_DETAIL_LINE, this.onRemoveDetail);\r\n      this.eventBus.$on(Events.DATES_SET, this.onDatesSet);\r\n    },\r\n    destroy() {\r\n      this.eventBus.$off(Events.EMPLOYEE_SEARCH_INPUT_CHANGED, this.onHostSearchInputChanged);\r\n      this.eventBus.$off(Events.EMPLOYEE_CHANGED, this.onHostChanged);\r\n      this.eventBus.$off(Events.EMPLOYEE_SEARCH_ERROR, this.onHostSearchError);\r\n      this.eventBus.$off(Events.APPROVER_SEARCH_INPUT_CHANGED, this.onApproverSearchInputChanged);\r\n      this.eventBus.$off(Events.APPROVER_CHANGED, this.onApproverChanged);\r\n      this.eventBus.$off(Events.VISITOR_SEARCH_ERROR, this.onVisitorSearchError);\r\n      this.eventBus.$off(Events.REMOVE_VISITOR_LINE, this.onRemoveVisitor);\r\n      this.eventBus.$off(Events.REMOVE_DETAIL_LINE, this.onRemoveDetail);\r\n      this.eventBus.$off(Events.DATES_SET, this.onDatesSet);\r\n    },\r\n    beforeRouteUpdate(to, from, next) {\r\n      this.closeMessage();\r\n      this.clearData();\r\n      if (this.currentUser.isEstateOnlyUser) {\r\n        this.setHostAndApproverForEstateUser();\r\n      }\r\n      next();\r\n    }\r\n  };\r\n\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  .col {\r\n    padding: 2px 20px !important;\r\n  }\r\n\r\n  .btn-primary {\r\n    color: #fff;\r\n  }\r\n\r\n    .btn-primary:after, .btn-primary:after {\r\n      content: '';\r\n      display: inline-block;\r\n      font-size: 16px;\r\n      padding: 0 0 0 5px;\r\n    }\r\n\r\n  .ui-autocomplete {\r\n    max-height: 400px;\r\n    overflow-y: auto;\r\n    /* prevent horizontal scrollbar */\r\n    overflow-x: hidden;\r\n    padding-right: 20px;\r\n  }\r\n\r\n  textarea {\r\n    padding: 10px;\r\n  }\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n  .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid {\r\n    border: 2px solid #dc3545;\r\n  }\r\n\r\n  .was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid {\r\n    border-color: #ced4da;\r\n  }\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EnterRequestHome.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EnterRequestHome.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EnterRequestHome.vue?vue&type=template&id=6414fd10&scoped=true&\"\nimport script from \"./EnterRequestHome.vue?vue&type=script&lang=js&\"\nexport * from \"./EnterRequestHome.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EnterRequestHome.vue?vue&type=style&index=0&id=6414fd10&lang=scss&scoped=true&\"\nimport style1 from \"./EnterRequestHome.vue?vue&type=style&index=1&lang=scss&\"\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  \"6414fd10\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}