{"version":3,"sources":["webpack:///./src/page/lms/LMS3300.vue?2ee7","webpack:///src/page/lms/LMS3300.vue","webpack:///./src/page/lms/LMS3300.vue?48d6","webpack:///./src/page/lms/LMS3300.vue","webpack:///./src/page/lms/LMS3300.vue?a73d"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","directives","name","rawName","value","isLoggedOn","expression","attrs","_v","_m","on","$event","openFavorites","onButtonMouseDown","model","callback","$$v","_l","fav","index","key","_s","regionFullName","transactionId","onOpenFavorite","onRemoveFavorite","regions","onRegionIdChanging","regionId","onSearch","isLoaded","ref","onAddFavorite","trxInfo","trxStatusDescription","trxStatusId","remarks","_e","requestedLot","requestedLocation","surveyPlan","routing","core","toDateFormat","createDate","workgroupDescription","userName","action","goBack","staticRenderFns","extends","PageBase","data","routings","accountCode","favorites","computed","hasFavorites","length","isOfficerAdmin","methods","getTargetPath","me","q","$options","query","syncValues","isInteger","parseInt","loadData","getTransactionInfo","getLinkStatus","trxId","Promise","resolve","getRoutings","getFavorites","createFavorite","method","removeFavorite","getApiOptions","headers","Token","Accept","e","message","regionInfo","apiHostAddress","proposedValue","regionIdCallback","preventDefault","then","advice","fault","setFocus","mounted","sym","userInfo","lams","unshift","params","beforeRouteUpdate","to","next","component"],"mappings":"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","file":"js/lms3300.54ec9a5e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"lms3300-container\"},[_c('div',{staticClass:\"lms3300 white border-main shadow-dark\"},[_c('Ul',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isLoggedOn),expression:\"!isLoggedOn\"}],staticClass:\"crumbs text-charcoal mb-2\"},[_c('li',[_c('sym-link',{attrs:{\"to\":\"/\"}},[_vm._v(\"Home\")])],1),_c('li',[_c('span',{attrs:{\"aria-current\":\"page\"}},[_vm._v(\"Transaction Inquiry\")])])]),_vm._m(0),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isLoggedOn),expression:\"isLoggedOn\"}],staticClass:\"favorites\"},[_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hasFavorites),expression:\"hasFavorites\"}],staticClass:\"primary-light border-main w-100 text-center shadow-soft mb-1\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){_vm.openFavorites = !_vm.openFavorites},\"mousedown\":_vm.onButtonMouseDown}},[_c('i',{staticClass:\"fa fa-heart-o fa-lg mr-2\"}),_vm._v(\"Favorites\\n      \")]),_c('sym-collapse',{model:{value:(_vm.openFavorites),callback:function ($$v) {_vm.openFavorites=$$v},expression:\"openFavorites\"}},[_c('table',[_c('thead',[_c('tr',{staticClass:\"whitesmoke\"},[_c('th',{staticClass:\"w-40\"},[_vm._v(\"Region\")]),_c('th',{staticClass:\"w-30\"},[_vm._v(\"Transaction No.\")]),_c('th',{staticClass:\"w-30\",attrs:{\"colspan\":\"2\"}})])]),_c('tbody',_vm._l((_vm.favorites),function(fav,index){return _c('tr',{key:index},[_c('td',{staticClass:\"w-40\"},[_vm._v(_vm._s(fav.regionFullName))]),_c('td',{staticClass:\"w-30\"},[_vm._v(_vm._s(fav.transactionId))]),_c('td',{staticClass:\"w-15 px-1 py-0\"},[_c('button',{staticClass:\"lams-light border-main w-100 sm-1 text-center\",attrs:{\"type\":\"button\",\"title\":\"Open\"},on:{\"click\":function($event){return _vm.onOpenFavorite(fav)},\"mousedown\":_vm.onButtonMouseDown}},[_c('i',{staticClass:\"fa fa-folder-open-o fa-lg\"})])]),_c('td',{staticClass:\"w-15 px-1 py-0\"},[_c('button',{staticClass:\"primary-light border-main w-100 sm-1 text-center\",attrs:{\"type\":\"button\",\"title\":\"Delete favorite\"},on:{\"click\":function($event){return _vm.onRemoveFavorite(fav)},\"mousedown\":_vm.onButtonMouseDown}},[_c('i',{staticClass:\"fa fa-times fa-lg\"})])])])}),0)])])],1),_c('div',{staticClass:\"controls lams-light curved-bottom mb-3 shadow-light border-main mt-3\"},[_c('sym-combo',{attrs:{\"plain\":\"\",\"vertical\":\"\",\"align\":\"bottom\",\"caption\":\"Region\",\"display-field\":\"regionFullName\",\"datasource\":_vm.regions},on:{\"changing\":_vm.onRegionIdChanging},model:{value:(_vm.regionId),callback:function ($$v) {_vm.regionId=$$v},expression:\"regionId\"}}),_c('div',{staticClass:\"trx-search\"},[_c('sym-text',{attrs:{\"plain\":\"\",\"vertical\":\"\",\"align\":\"bottom\",\"caption\":\"Transaction Number\"},on:{\"changed\":_vm.onSearch},model:{value:(_vm.transactionId),callback:function ($$v) {_vm.transactionId=$$v},expression:\"transactionId\"}}),_c('button',{staticClass:\"search-btn warning border-main shadow\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.onSearch}},[_c('i',{staticClass:\"fa fa-search fa-lg\"}),_vm._m(1)])],1)],1),_c('sym-alert',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isLoaded),expression:\"!isLoaded\"}],staticClass:\"floralwhite border-main\",attrs:{\"dismissible\":\"\"}},[_c('p',{staticClass:\"mb-0\"},[_vm._v(\"\\n        Transaction Number is the tracking number issued to you by LAMS\\n        Philippines (via SMS) when you applied or submitted any of the\\n        following:\\n      \")]),_c('hr',{staticClass:\"separator\"}),_c('ul',{staticClass:\"actions mb-2\"},[_c('li',[_vm._v(\"Public Land Application (PLA)\")]),_c('li',[_vm._v(\"Inspection , Verification and Approval of Survey (IVAS)\")])])]),(_vm.trxInfo)?_c('div',{ref:\"trx-info\",staticClass:\"trx-info shadow-light\"},[_c('div',{staticClass:\"trx-info-header justify-between align-items-center p-1 px-2 lams border-main curved-top mb-0 border-bottom-0\"},[_vm._m(2),_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isLoggedOn),expression:\"isLoggedOn\"}],staticClass:\"add-fav-btn warning-light mb-0 sm-1\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.onAddFavorite}},[_c('i',{staticClass:\"fa fa-plus-circle fa-lg mr-2\"}),_vm._v(\"Add to Favorites\\n        \")])]),_c('table',[_c('tbody',{staticClass:\"white text-charcoal\"},[_c('tr',[_c('td',{staticClass:\"info-label whitesmoke\"},[_vm._v(\"Transaction No.\")]),_c('td',{staticClass:\"info-value\"},[_vm._v(_vm._s(_vm.trxInfo.transactionId))])]),_c('tr',[_c('td',{staticClass:\"info-label whitesmoke\"},[_vm._v(\"Status\")]),_c('td',{staticClass:\"info-value lg-1 bold\"},[_vm._v(\"\\n              \"+_vm._s(_vm.trxInfo.trxStatusDescription)+\"\\n            \")])]),(_vm.trxInfo.trxStatusId === 'P')?_c('tr',[_c('td',{staticClass:\"info-label whitesmoke\"},[_vm._v(\"Remarks\")]),_c('td',{staticClass:\"info-value lg-1 primary-light\"},[_vm._v(\"\\n              \"+_vm._s(_vm.trxInfo.remarks)+\"\\n            \")])]):_vm._e(),_c('tr',[_c('td',{staticClass:\"info-label whitesmoke\"},[_vm._v(\"Lot\")]),_c('td',{staticClass:\"info-value\"},[_vm._v(_vm._s(_vm.trxInfo.requestedLot))])]),_c('tr',[_c('td',{staticClass:\"info-label whitesmoke\"},[_vm._v(\"Location\")]),_c('td',{staticClass:\"info-value\"},[_vm._v(_vm._s(_vm.trxInfo.requestedLocation))])]),_c('tr',[_c('td',{staticClass:\"info-label whitesmoke\"},[_vm._v(\"Survey Plan\")]),_c('td',{staticClass:\"info-value\"},[_vm._v(_vm._s(_vm.trxInfo.surveyPlan))])])])])]):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.trxInfo),expression:\"trxInfo\"}],staticClass:\"trx-details shadow-light\"},[_vm._m(3),_c('table',{staticClass:\"table-scroll\"},[_c('thead',{staticClass:\"ivory\"},[_c('tr',{staticClass:\"text-charcoal\"},[_c('th',{staticClass:\"w-15\"},[_vm._v(\"Date / Time\")]),_c('th',{staticClass:\"w-20\"},[_vm._v(\"Workgroup\")]),_c('th',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isOfficerAdmin),expression:\"isOfficerAdmin\"}],staticClass:\"w-20\"},[_vm._v(\"Assigned To\")]),_c('th',{staticClass:\"w-10\"},[_vm._v(\"Status\")]),_c('th',{staticClass:\"w-20\"},[_vm._v(\"Task\")]),_c('th',{staticClass:\"w-15\"},[_vm._v(\"Remarks\")])])]),_c('tbody',{staticClass:\"white text-charcoal\"},_vm._l((_vm.routings),function(routing,index){return _c('tr',{key:index},[_c('td',[_vm._v(\"\\n              \"+_vm._s(_vm.core.toDateFormat(\n                  routing.createDate,\n                  true,\n                  \"dd MMM yyyy h:mmtt\"\n                ))+\"\\n            \")]),_c('td',[_vm._v(_vm._s(routing.workgroupDescription))]),_c('td',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isOfficerAdmin),expression:\"isOfficerAdmin\"}]},[_vm._v(_vm._s(routing.userName))]),_c('td',[_vm._v(_vm._s(routing.trxStatusDescription))]),_c('td',[_vm._v(_vm._s(routing.action))]),_c('td',[_vm._v(_vm._s(routing.remarks))])])}),0)])]),_c('button',{staticClass:\"primary text-center w-100 lg-1 shadow mt-2 mb-2\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.goBack()}}},[_c('i',{staticClass:\"fa fa-arrow-left mr-2\"}),_vm._v(\" Back\\n    \")])],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-title lams curved my-2\"},[_c('h5',{staticClass:\"serif mb-0\"},[_c('i',{staticClass:\"fa fa-question-circle fa-lg ml-1 mr-2\"}),_vm._v(\"Transaction\\n        Inquiry\\n      \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',{staticClass:\"mb-0\"},[_c('span',{staticClass:\"lg-2\"},[_vm._v(\"Search\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:\"bold lg-1\"},[_c('i',{staticClass:\"fa fa-chevron-right mr-1\"}),_vm._v(\" Transaction Info\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',{staticClass:\"p-2 bold lams-light border-main curved-top mb-0 border-bottom-0\"},[_c('i',{staticClass:\"fa fa-chevron-right mr-1\"}),_vm._v(\" Details\\n      \")])}]\n\nexport { render, staticRenderFns }","// Transaction Inquiry\r\n\r\n<template>\r\n  <section class=\"lms3300-container\">\r\n    <div class=\"lms3300 white border-main shadow-dark\">\r\n      <Ul class=\"crumbs text-charcoal mb-2\" v-show=\"!isLoggedOn\">\r\n        <li><sym-link to=\"/\">Home</sym-link></li>\r\n        <li><span aria-current=\"page\">Transaction Inquiry</span></li>\r\n      </Ul>\r\n\r\n      <div class=\"page-title lams curved my-2\">\r\n        <h5 class=\"serif mb-0\">\r\n          <i class=\"fa fa-question-circle fa-lg ml-1 mr-2\"></i>Transaction\r\n          Inquiry\r\n        </h5>\r\n      </div>\r\n\r\n      <div class=\"favorites\" v-show=\"isLoggedOn\">\r\n        <button\r\n          type=\"button\"\r\n          class=\"primary-light border-main w-100 text-center shadow-soft mb-1\"\r\n          @click=\"openFavorites = !openFavorites\"\r\n          @mousedown=\"onButtonMouseDown\"\r\n          v-show=\"hasFavorites\"\r\n        >\r\n          <i class=\"fa fa-heart-o fa-lg mr-2\"></i>Favorites\r\n        </button>\r\n\r\n        <sym-collapse v-model=\"openFavorites\">\r\n          <table>\r\n            <thead>\r\n              <tr class=\"whitesmoke\">\r\n                <th class=\"w-40\">Region</th>\r\n                <!-- <th class=\"w-30\">Transaction</th> -->\r\n                <th class=\"w-30\">Transaction No.</th>\r\n                <th class=\"w-30\" colspan=\"2\"></th>\r\n              </tr>\r\n            </thead>\r\n            <tbody>\r\n              <tr v-for=\"(fav, index) in favorites\" :key=\"index\">\r\n                <td class=\"w-40\">{{ fav.regionFullName }}</td>\r\n                <td class=\"w-30\">{{ fav.transactionId }}</td>\r\n                <td class=\"w-15 px-1 py-0\">\r\n                  <button\r\n                    type=\"button\"\r\n                    class=\"lams-light border-main w-100 sm-1 text-center\"\r\n                    title=\"Open\"\r\n                    @click=\"onOpenFavorite(fav)\"\r\n                    @mousedown=\"onButtonMouseDown\"\r\n                  >\r\n                    <i class=\"fa fa-folder-open-o fa-lg\"></i>\r\n                  </button>\r\n                </td>\r\n                <td class=\"w-15 px-1 py-0\">\r\n                  <button\r\n                    type=\"button\"\r\n                    class=\"primary-light border-main w-100 sm-1 text-center\"\r\n                    title=\"Delete favorite\"\r\n                    @click=\"onRemoveFavorite(fav)\"\r\n                    @mousedown=\"onButtonMouseDown\"\r\n                  >\r\n                    <i class=\"fa fa-times fa-lg\"></i>\r\n                  </button>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </sym-collapse>\r\n      </div>\r\n\r\n      <div\r\n        class=\"controls lams-light curved-bottom mb-3 shadow-light border-main mt-3\"\r\n      >\r\n        <sym-combo\r\n          plain\r\n          vertical\r\n          align=\"bottom\"\r\n          v-model=\"regionId\"\r\n          caption=\"Region\"\r\n          display-field=\"regionFullName\"\r\n          :datasource=\"regions\"\r\n          @changing=\"onRegionIdChanging\"\r\n        ></sym-combo>\r\n\r\n        <div class=\"trx-search\">\r\n          <sym-text\r\n            plain\r\n            vertical\r\n            align=\"bottom\"\r\n            v-model=\"transactionId\"\r\n            caption=\"Transaction Number\"\r\n            @changed=\"onSearch\"\r\n          ></sym-text>\r\n          <!-- <sym-text plain vertical align=\"bottom\" v-show=\"isOfficerAdmin\" v-model=\"lotNumber\" caption=\"Lot Number\" @changed=\"onSearch\"></sym-text>\r\n        <sym-text plain vertical align=\"bottom\" v-show=\"isOfficerAdmin\" caption=\"Client Name\" @changed=\"onSearch\"></sym-text>\r\n         -->\r\n          <button\r\n            type=\"button\"\r\n            class=\"search-btn warning border-main shadow\"\r\n            @click=\"onSearch\"\r\n          >\r\n            <i class=\"fa fa-search fa-lg\"></i>\r\n            <p class=\"mb-0\"><span class=\"lg-2\">Search</span></p>\r\n          </button>\r\n        </div>\r\n      </div>\r\n\r\n      <sym-alert class=\"floralwhite border-main\" dismissible v-show=\"!isLoaded\">\r\n        <p class=\"mb-0\">\r\n          Transaction Number is the tracking number issued to you by LAMS\r\n          Philippines (via SMS) when you applied or submitted any of the\r\n          following:\r\n        </p>\r\n        <hr class=\"separator\" />\r\n        <ul class=\"actions mb-2\">\r\n          <li>Public Land Application (PLA)</li>\r\n          <li>Inspection , Verification and Approval of Survey (IVAS)</li>\r\n          <!-- <li>Inquiry / Requests</li> -->\r\n        </ul>\r\n      </sym-alert>\r\n\r\n      <div class=\"trx-info shadow-light\" v-if=\"trxInfo\" ref=\"trx-info\">\r\n        <div\r\n          class=\"trx-info-header justify-between align-items-center p-1 px-2 lams border-main curved-top mb-0 border-bottom-0\"\r\n        >\r\n          <span class=\"bold lg-1\"\r\n            ><i class=\"fa fa-chevron-right mr-1\"></i> Transaction Info</span\r\n          >\r\n          <button\r\n            type=\"button\"\r\n            class=\"add-fav-btn warning-light mb-0 sm-1\"\r\n            @click=\"onAddFavorite\"\r\n            v-show=\"isLoggedOn\"\r\n          >\r\n            <i class=\"fa fa-plus-circle fa-lg mr-2\"></i>Add to Favorites\r\n          </button>\r\n        </div>\r\n\r\n        <table>\r\n          <tbody class=\"white text-charcoal\">\r\n            <tr>\r\n              <!-- <td class=\"info-label whitesmoke\">Transaction</td> -->\r\n              <td class=\"info-label whitesmoke\">Transaction No.</td>\r\n              <td class=\"info-value\">{{ trxInfo.transactionId }}</td>\r\n            </tr>\r\n            <tr>\r\n              <td class=\"info-label whitesmoke\">Status</td>\r\n              <td class=\"info-value lg-1 bold\">\r\n                {{ trxInfo.trxStatusDescription }}\r\n              </td>\r\n            </tr>\r\n            <tr v-if=\"trxInfo.trxStatusId === 'P'\">\r\n              <td class=\"info-label whitesmoke\">Remarks</td>\r\n              <td class=\"info-value lg-1 primary-light\">\r\n                {{ trxInfo.remarks }}\r\n              </td>\r\n            </tr>\r\n            <tr>\r\n              <td class=\"info-label whitesmoke\">Lot</td>\r\n              <td class=\"info-value\">{{ trxInfo.requestedLot }}</td>\r\n            </tr>\r\n            <tr>\r\n              <td class=\"info-label whitesmoke\">Location</td>\r\n              <td class=\"info-value\">{{ trxInfo.requestedLocation }}</td>\r\n            </tr>\r\n            <tr>\r\n              <td class=\"info-label whitesmoke\">Survey Plan</td>\r\n              <td class=\"info-value\">{{ trxInfo.surveyPlan }}</td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n\r\n      <div class=\"trx-details shadow-light\" v-show=\"trxInfo\">\r\n        <p\r\n          class=\"p-2 bold lams-light border-main curved-top mb-0 border-bottom-0\"\r\n        >\r\n          <i class=\"fa fa-chevron-right mr-1\"></i> Details\r\n        </p>\r\n\r\n        <table class=\"table-scroll\">\r\n          <thead class=\"ivory\">\r\n            <tr class=\"text-charcoal\">\r\n              <th class=\"w-15\">Date / Time</th>\r\n              <th class=\"w-20\">Workgroup</th>\r\n              <th class=\"w-20\" v-show=\"isOfficerAdmin\">Assigned To</th>\r\n              <th class=\"w-10\">Status</th>\r\n              <th class=\"w-20\">Task</th>\r\n              <th class=\"w-15\">Remarks</th>\r\n            </tr>\r\n          </thead>\r\n\r\n          <tbody class=\"white text-charcoal\">\r\n            <tr v-for=\"(routing, index) in routings\" :key=\"index\">\r\n              <td>\r\n                {{\r\n                  core.toDateFormat(\r\n                    routing.createDate,\r\n                    true,\r\n                    \"dd MMM yyyy h:mmtt\"\r\n                  )\r\n                }}\r\n              </td>\r\n              <td>{{ routing.workgroupDescription }}</td>\r\n              <!-- <td>{{ routing.userName }}</td> -->\r\n              <td v-show=\"isOfficerAdmin\">{{ routing.userName }}</td>\r\n              <td>{{ routing.trxStatusDescription }}</td>\r\n              <td>{{ routing.action }}</td>\r\n              <td>{{ routing.remarks }}</td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"primary text-center w-100 lg-1 shadow mt-2 mb-2\"\r\n        @click=\"goBack()\"\r\n      >\r\n        <i class=\"fa fa-arrow-left mr-2\"></i> Back\r\n      </button>\r\n    </div>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport { get, ajax } from \"../../js/http\";\r\n\r\nimport { appConfig } from \"../../js/session\";\r\n\r\nimport * as lams from \"../../js/lams\";\r\n\r\nimport PageBase from \"../PageBase.vue\";\r\n\r\nexport default {\r\n  extends: PageBase,\r\n  name: \"lms3300\",\r\n\r\n  data() {\r\n    return {\r\n      regions: [],\r\n      regionId: 0,\r\n      transactionId: \"\",\r\n      // lotNumber: '',\r\n      // clientName: '',\r\n\r\n      trxInfo: null,\r\n      routings: [],\r\n\r\n      accountCode: \"\",\r\n      favorites: [],\r\n      openFavorites: false,\r\n      isLoaded: false,\r\n    };\r\n  },\r\n\r\n  computed: {\r\n    isLoggedOn() {\r\n      return (\r\n        this.sym.userInfo.accountTypeId === 1 ||\r\n        this.sym.userInfo.accountTypeId === 2\r\n      );\r\n    },\r\n\r\n    hasFavorites() {\r\n      return this.favorites.length;\r\n    },\r\n\r\n    isOfficerAdmin() {\r\n      // console.log(this.sym.userInfo.accountTypeId === 1 || this.sym.userInfo.accountTypeId === 2);\r\n      return (\r\n        this.sym.userInfo.accountTypeId === 1 ||\r\n        this.sym.userInfo.accountTypeId === 2\r\n      );\r\n    },\r\n  },\r\n\r\n  methods: {\r\n    getTargetPath() {\r\n      const me = this,\r\n        q = {};\r\n\r\n      if (me.regionId) {\r\n        q.regionId = me.regionId;\r\n      }\r\n\r\n      if (me.transactionId) {\r\n        q.transactionId = me.transactionId;\r\n      }\r\n\r\n      // if (me.lotNumber) {\r\n      //   q.lotNumber = me.lotNumber;\r\n      // }\r\n\r\n      // if (me.clientName) {\r\n      //   q.clientName = me.clientName;\r\n      // }\r\n\r\n      return {\r\n        name: me.$options.name,\r\n        query: q,\r\n      };\r\n    },\r\n\r\n    syncValues(p, q) {\r\n      const me = this;\r\n\r\n      if (\"regionId\" in q) {\r\n        if (me.core.isInteger(q.regionId)) {\r\n          me.regionId = parseInt(q.regionId);\r\n        }\r\n      } else {\r\n        me.regionId = 0;\r\n      }\r\n\r\n      if (\"transactionId\" in q) {\r\n        if (me.core.isInteger(q.transactionId)) {\r\n          me.transactionId = q.transactionId;\r\n        }\r\n      } else {\r\n        me.transactionId = \"\";\r\n      }\r\n\r\n      // if ('lotNumber' in q) {\r\n      //   if (me.core.isInteger(q.lotNumber)) {\r\n      //     me.lotNumber = q.lotNumber;\r\n      //   }\r\n      // } else {\r\n      //   me.lotNumber = '';\r\n      // }\r\n\r\n      // if ('clientName' in q) {\r\n      //   if (me.core.isInteger(q.clientName)) {\r\n      //     me.clientName = q.clientName;\r\n      //   }\r\n      // } else {\r\n      //   me.clientName = '';\r\n      // }\r\n    },\r\n\r\n    loadData() {\r\n      const me = this,\r\n        wait = me.wait();\r\n\r\n      me.getTransactionInfo()\r\n        .then((info) => {\r\n          if (info && info.length) {\r\n            me.trxInfo = info[0];\r\n            me.isLoaded = true;\r\n            return me.getRoutings();\r\n          } else {\r\n            me.trxInfo = null;\r\n            return Promise.resolve([]);\r\n          }\r\n        })\r\n        .then((routings) => {\r\n          me.stopWait(wait);\r\n          if (routings) {\r\n            me.routings = routings;\r\n          }\r\n          me.openFavorites = false;\r\n        })\r\n        .catch((fault) => {\r\n          me.stopWait(wait);\r\n          me.showFault(fault);\r\n        });\r\n    },\r\n\r\n    // API calls\r\n\r\n    getLinkStatus(regionId) {\r\n      const options = this.getApiOptions();\r\n\r\n      return ajax(\"api/regions/\" + regionId + \"/link-status\", options);\r\n    },\r\n\r\n    getTransactionInfo() {\r\n      const trxId = this.transactionId ? parseInt(this.transactionId) : 0;\r\n      if (!trxId) {\r\n        return Promise.resolve([]);\r\n      }\r\n\r\n      const options = this.getApiOptions();\r\n      // console.log('api/rgn/' + this.regionId + '/transactions/' + trxId + '/info', options);\r\n      return ajax(\r\n        \"api/rgn/\" + this.regionId + \"/transactions/\" + trxId + \"/info\",\r\n        options\r\n      );\r\n    },\r\n\r\n    getRoutings() {\r\n      const trxId = this.transactionId ? parseInt(this.transactionId) : 0;\r\n      if (!trxId) {\r\n        return Promise.resolve([]);\r\n      }\r\n      const options = this.getApiOptions();\r\n\r\n      return ajax(\r\n        \"api/rgn/\" + this.regionId + \"/transactions/\" + trxId + \"/routings\",\r\n        options\r\n      );\r\n    },\r\n\r\n    getFavorites() {\r\n      return get(\"api/accounts/\" + this.accountCode + \"/regions-transaction\");\r\n    },\r\n\r\n    createFavorite() {\r\n      const options = {\r\n        method: \"POST\",\r\n      };\r\n\r\n      let q =\r\n        \"regionId=\" + this.regionId + \"&transactionId=\" + this.transactionId;\r\n\r\n      return ajax(\r\n        \"api/accounts/\" + this.accountCode + \"/region-transaction?\" + q,\r\n        options\r\n      );\r\n    },\r\n\r\n    removeFavorite(fav) {\r\n      const options = {\r\n        method: \"DELETE\",\r\n      };\r\n\r\n      let q =\r\n        \"regionId=\" + fav.regionId + \"&transactionId=\" + fav.transactionId;\r\n\r\n      return ajax(\r\n        \"api/accounts/\" + this.accountCode + \"/region-transaction?\" + q,\r\n        options\r\n      );\r\n    },\r\n\r\n    getApiOptions() {\r\n      return {\r\n        headers: {\r\n          Token: appConfig.apiToken,\r\n          Accept: \"application/json\",\r\n        },\r\n      };\r\n    },\r\n\r\n    // event handlers\r\n\r\n    onRegionIdChanging(e) {\r\n      const me = this;\r\n\r\n      let regionInfo = me.regions.find(\r\n        (obj) => obj.regionId === e.proposedValue\r\n      );\r\n      e.message = `Region '${regionInfo.regionFullName}' is offline.`;\r\n\r\n      if (!regionInfo.apiHostAddress && regionInfo.regionId) {\r\n        e.preventDefault();\r\n        return;\r\n      }\r\n\r\n      if (e.proposedValue) {\r\n        e.callback = me.regionIdCallback;\r\n      }\r\n    },\r\n\r\n    regionIdCallback(e) {\r\n      const me = this,\r\n        wait = me.wait();\r\n\r\n      return me.getLinkStatus(e.proposedValue).then(\r\n        (statusCode) => {\r\n          me.stopWait(wait);\r\n\r\n          let isOnline = statusCode === 200;\r\n          return isOnline;\r\n        },\r\n        () => {\r\n          me.stopWait(wait);\r\n          return false;\r\n        }\r\n      );\r\n    },\r\n\r\n    onSearch() {\r\n      const me = this;\r\n\r\n      if (!me.regionId) {\r\n        me.advice.fault(\"Region is required.\");\r\n        me.setFocus(\"regionId\");\r\n        return;\r\n      }\r\n\r\n      if (!me.transactionId) {\r\n        me.advice.fault(\"Transaction Number is required.\");\r\n        me.setFocus(\"transactionId\");\r\n        return;\r\n      }\r\n\r\n      me.trxInfo = null;\r\n      // me.reload();\r\n      me.loadData();\r\n    },\r\n\r\n    onOpenFavorite(fav) {\r\n      const me = this;\r\n\r\n      me.getLinkStatus(fav.regionId).then(\r\n        (statusCode) => {\r\n          if (statusCode !== 200) {\r\n            me.advice.fault(`Region '${fav.regionFullName}' is offline.`);\r\n            return;\r\n          }\r\n          me.openFavorites = false;\r\n          me.regionId = fav.regionId;\r\n          me.transactionId = fav.transactionId.toString();\r\n          // me.reload();\r\n          me.loadData();\r\n        },\r\n        () => {}\r\n      );\r\n    },\r\n\r\n    onAddFavorite() {\r\n      const me = this;\r\n\r\n      me.createFavorite()\r\n        .then(() => {\r\n          return me.getFavorites();\r\n        })\r\n        .then((list) => {\r\n          me.favorites = list;\r\n        })\r\n        .catch((fault) => {\r\n          me.showFault(fault);\r\n        });\r\n    },\r\n\r\n    onRemoveFavorite(fav) {\r\n      const me = this,\r\n        index = me.favorites.findIndex(\r\n          (obj) =>\r\n            obj.regionId === fav.regionId &&\r\n            obj.transactionId === fav.transactionId\r\n        );\r\n\r\n      me.removeFavorite(fav).then(\r\n        () => {\r\n          if (index > -1) {\r\n            me.favorites.splice(index, 1);\r\n          }\r\n          me.openFavorites = me.favorites.length > 0;\r\n        },\r\n        (fault) => {\r\n          me.showFault(fault);\r\n        }\r\n      );\r\n    },\r\n\r\n    onButtonMouseDown(e) {\r\n      e.preventDefault();\r\n    },\r\n  },\r\n\r\n  mounted() {\r\n    const me = this;\r\n\r\n    me.accountCode = me.sym.userInfo.accountCode;\r\n    me.regions = lams.getRegionList().filter((o) => o.apiHostAddress);\r\n    me.regions.unshift({\r\n      regionId: 0,\r\n      regionFullName: \"--- Select Region ---\",\r\n    });\r\n\r\n    if (me.isLoggedOn) {\r\n      me.getFavorites()\r\n        .then((list) => {\r\n          me.favorites = list;\r\n        })\r\n        .catch((fault) => {\r\n          me.showFault(fault);\r\n        });\r\n    }\r\n\r\n    me.syncValues(me.params, me.query);\r\n    me.loadData();\r\n  },\r\n\r\n  beforeRouteUpdate(to, from, next) {\r\n    this.syncValues(to.params, to.query);\r\n    next();\r\n\r\n    this.loadData();\r\n    // if (Object.keys(from.query).length) {\r\n    //  this.loadData();\r\n    // }\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.lms3300-container {\r\n  display: flex;\r\n  justify-content: center;\r\n  padding-top: 1.5rem;\r\n  padding-bottom: 3rem;\r\n}\r\n\r\n.lms3300 {\r\n  width: 80%;\r\n  padding: 1rem 2rem;\r\n  border-radius: 0.375rem;\r\n}\r\n\r\n.page-title {\r\n  padding: 0.875rem;\r\n}\r\n\r\n.favorites tr {\r\n  line-height: 1;\r\n}\r\n\r\n.controls {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  row-gap: 0.5rem;\r\n  column-gap: 1.5rem;\r\n  padding: 1rem 2rem;\r\n  padding-bottom: 1.5rem;\r\n}\r\n\r\n.controls >>> .form-control,\r\n.controls >>> button {\r\n  margin-bottom: 2px;\r\n}\r\n\r\n.controls >>> .input-tag {\r\n  padding-bottom: 2px;\r\n  margin-left: 2px;\r\n}\r\n\r\n.trx-search {\r\n  display: grid;\r\n  grid-template-columns: 2fr 1fr;\r\n  column-gap: 1rem;\r\n}\r\n\r\n.search-btn {\r\n  max-height: 2.3125rem;\r\n  align-self: flex-end;\r\n}\r\n\r\n.separator {\r\n  margin-bottom: 0.5rem;\r\n}\r\n\r\n.actions li {\r\n  margin-left: 1.25rem;\r\n}\r\n\r\n.alert.fade-enter-active {\r\n  transition: opacity 1s;\r\n}\r\n\r\n.alert.fade-leave-active {\r\n  transition: opacity 0.5s;\r\n}\r\n\r\n.trx-info-header {\r\n  display: flex;\r\n}\r\n\r\n.trx-info tr {\r\n  line-height: 1;\r\n}\r\n\r\n.trx-details {\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.table-scroll {\r\n  overflow-x: auto;\r\n  white-space: nowrap;\r\n  display: block;\r\n}\r\n\r\n.trx-info td {\r\n  vertical-align: top;\r\n}\r\n\r\n.trx-details td {\r\n  vertical-align: top;\r\n}\r\n\r\n.info-label {\r\n  width: 18%;\r\n}\r\n\r\n.info-value {\r\n  width: 82%;\r\n}\r\n\r\n@media (max-width: 1100px) {\r\n  .trx-search {\r\n    grid-template-columns: 3fr 2fr;\r\n  }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .lms3300 {\r\n    width: 90%;\r\n    padding: 2rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .controls {\r\n    padding: 1rem;\r\n    column-gap: 1rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 760px) {\r\n  .lms3300-container {\r\n    padding-top: 0;\r\n    padding-bottom: 0;\r\n  }\r\n  .lms3300 {\r\n    width: 98%;\r\n    padding: 1rem;\r\n    border-radius: 0;\r\n  }\r\n  .info-label {\r\n    width: 25%;\r\n  }\r\n  .info-value {\r\n    width: 75%;\r\n  }\r\n}\r\n\r\n@media (max-width: 700px) {\r\n  .controls {\r\n    grid-template-columns: 2fr 3fr;\r\n  }\r\n}\r\n\r\n@media (max-width: 620px) {\r\n  .controls {\r\n    grid-template-columns: 1fr;\r\n    gap: 0.25rem;\r\n  }\r\n  .trx-search {\r\n    grid-template-columns: 5fr 2fr;\r\n  }\r\n  .info-label {\r\n    width: 35%;\r\n  }\r\n  .info-value {\r\n    width: 65%;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .trx-search {\r\n    grid-template-columns: 3fr 2fr;\r\n    column-gap: 0.5rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n  .lms3300 {\r\n    padding: 0.5rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 340px) {\r\n  .controls {\r\n    padding: 0.5rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 320px) {\r\n  .trx-info-header {\r\n    display: block;\r\n  }\r\n  .add-fav-btn {\r\n    margin-top: 0.25rem;\r\n  }\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!./LMS3300.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!./LMS3300.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LMS3300.vue?vue&type=template&id=169d7e70&scoped=true&\"\nimport script from \"./LMS3300.vue?vue&type=script&lang=js&\"\nexport * from \"./LMS3300.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LMS3300.vue?vue&type=style&index=0&id=169d7e70&scoped=true&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  \"169d7e70\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LMS3300.vue?vue&type=style&index=0&id=169d7e70&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LMS3300.vue?vue&type=style&index=0&id=169d7e70&scoped=true&lang=css&\""],"sourceRoot":""}