{"version":3,"sources":["webpack:///./src/modules/autocheck/components/AutoCheckPreviousSearches.vue","webpack:///src/modules/autocheck/components/AutoCheckPreviousSearches.vue","webpack:///./src/modules/autocheck/components/AutoCheckPreviousSearches.vue?5578","webpack:///./src/modules/autocheck/components/AutoCheckPreviousSearches.vue?7850"],"names":["render","_vm","this","_c","_self","staticClass","_v","count","directives","name","rawName","value","placement","expression","attrs","_e","_s","countText","_m","_l","items","item","index","key","typeOfBusiness","formatDate","dateOfTransaction","formatTime","timeOfTransaction","showMoreText","on","$event","short","showMoreCount","class","showMoreIcon","staticRenderFns","props","previousSearches","type","Object","required","data","computed","searchItemsCount","concat","firstFiveItems","allItems","slice","searchItems","rest","methods","hour","minute","second","component"],"mappings":"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","file":"js/chunk-2d22cfe3.df8cc139.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"columns is-multiline\"},[_c('div',{staticClass:\"column\"},[_c('p',{staticClass:\"title has-text-grey-light is-6\"},[_c('span',[_vm._v(\"Number of previous searches\")]),(_vm.count === 50)?_c('a',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({ placement: 'right' }),expression:\"{ placement: 'right' }\"}],staticClass:\"icon has-text-info\",attrs:{\"title\":\"History limited to the last 50 AutoChecks\"}},[_c('i',{staticClass:\"fal fa-info-circle\"})]):_vm._e()])]),_c('div',{staticClass:\"column is-narrow\"},[_c('p',{staticClass:\"title is-6\"},[_c('span',{staticClass:\"tag is-info\"},[_vm._v(_vm._s(_vm.countText))])])]),(_vm.count)?_c('table',{staticClass:\"table is-fullwidth is-striped\"},[_vm._m(0),_c('tbody',_vm._l((_vm.items),function(item,index){return _c('tr',{key:index},[_c('td',{attrs:{\"width\":\"33.33%\"}},[_vm._v(\"\\n            \"+_vm._s(item.typeOfBusiness)+\"\\n          \")]),_c('td',{attrs:{\"width\":\"33.33%\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.formatDate(item.dateOfTransaction, 'dd-MM-yyyy'))+\"\\n          \")]),_c('td',{attrs:{\"width\":\"33.33%\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.formatTime(item.timeOfTransaction))+\"\\n          \")])])}),0)]):_vm._e(),(_vm.count > 5)?_c('div',{staticClass:\"column is-12 notification has-background-light is-size-7\"},[_c('div',{staticClass:\"columns is-vcentered\"},[_c('div',{staticClass:\"column\"},[_vm._m(1),_c('span',[_vm._v(_vm._s(_vm.showMoreText))])]),_c('div',{staticClass:\"column is-narrow\"},[_c('a',{on:{\"click\":function($event){_vm.short = !_vm.short}}},[_c('span',[_vm._v(_vm._s(_vm.showMoreCount)+\" \")]),_c('span',{staticClass:\"icon has-text-soft\"},[_c('i',{staticClass:\"fal\",class:_vm.showMoreIcon})])])])])]):_vm._e()])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('thead',[_c('tr',[_c('td',[_vm._v(\"Type of organisation\")]),_c('td',[_vm._v(\"Date\")]),_c('td',[_vm._v(\"Time\")])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"icon has-text-danger\"},[_c('i',{staticClass:\"fal fa-exclamation-circle\"})])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"box\">\r\n    <div class=\"columns is-multiline\">\r\n      <div class=\"column\">\r\n        <p class=\"title has-text-grey-light is-6\">\r\n          <span>Number of previous searches</span>\r\n          <a\r\n            class=\"icon has-text-info\"\r\n            v-if=\"count === 50\"\r\n            v-tippy=\"{ placement: 'right' }\"\r\n            title=\"History limited to the last 50 AutoChecks\"\r\n          >\r\n            <i class=\"fal fa-info-circle\" />\r\n          </a>\r\n        </p>\r\n      </div>\r\n      <div class=\"column is-narrow\">\r\n        <p class=\"title is-6\">\r\n          <span class=\"tag is-info\">{{ countText }}</span>\r\n        </p>\r\n      </div>\r\n      <table\r\n        class=\"table is-fullwidth is-striped\"\r\n        v-if=\"count\"\r\n      >\r\n        <thead>\r\n          <tr>\r\n            <td>Type of organisation</td>\r\n            <td>Date</td>\r\n            <td>Time</td>\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          <tr\r\n            v-for=\"(item, index) in items\"\r\n            :key=\"index\"\r\n          >\r\n            <td width=\"33.33%\">\r\n              {{ item.typeOfBusiness }}\r\n            </td>\r\n            <td width=\"33.33%\">\r\n              {{ formatDate(item.dateOfTransaction, 'dd-MM-yyyy') }}\r\n            </td>\r\n            <td width=\"33.33%\">\r\n              {{ formatTime(item.timeOfTransaction) }}\r\n            </td>\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n      <div\r\n        class=\"column is-12 notification has-background-light is-size-7\"\r\n        v-if=\"count > 5\"\r\n      >\r\n        <div class=\"columns is-vcentered\">\r\n          <div class=\"column\">\r\n            <span class=\"icon has-text-danger\">\r\n              <i class=\"fal fa-exclamation-circle\" />\r\n            </span>\r\n            <span>{{ showMoreText }}</span>\r\n          </div>\r\n          <div class=\"column is-narrow\">\r\n            <a @click=\"short = !short\">\r\n              <span>{{ showMoreCount }} </span>\r\n              <span class=\"icon has-text-soft\">\r\n                <i\r\n                  class=\"fal\"\r\n                  :class=\"showMoreIcon\"\r\n                />\r\n              </span>\r\n            </a>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { formatDate } from '@/utils/date.utils.ts'\r\nexport default {\r\n  name: 'AutoCheckPreviousSearches',\r\n  props: {\r\n    previousSearches: {\r\n      type: Object,\r\n      required: true\r\n    }\r\n  },\r\n  data: () => ({ short: true }),\r\n  computed: {\r\n    count() {\r\n      return this.previousSearches.searchItemsCount\r\n    },\r\n    countText() {\r\n      const { count } = this\r\n      if (count === 1) return '1 previous search'\r\n      else return `${count} previous searches`\r\n    },\r\n    firstFiveItems() {\r\n      return this.allItems.slice(0, 5)\r\n    },\r\n    allItems() {\r\n      return this.previousSearches.searchItems\r\n    },\r\n    items() {\r\n      return this.short ? this.firstFiveItems : this.allItems\r\n    },\r\n    showMoreCount() {\r\n      const { short, count } = this\r\n      const rest = count - 5\r\n      const items = short ? `${rest} remaining items` : 'first 5 items only'\r\n      return `Show ${items}`\r\n    },\r\n    showMoreText() {\r\n      return `Showing ${this.short ? 5 : this.count} most recent checks`\r\n    },\r\n    showMoreIcon() {\r\n      return this.short ? ' fa-chevron-double-down' : ' fa-chevron-double-up'\r\n    }\r\n  },\r\n  methods: {\r\n    formatDate,\r\n    formatTime(value) {\r\n      const hour = value.slice(1, 3)\r\n      const minute = value.slice(3, 5)\r\n      const second = value.slice(5)\r\n      return `${hour}:${minute}:${second}`\r\n    }\r\n  }\r\n}\r\n</script>\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!./AutoCheckPreviousSearches.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!./AutoCheckPreviousSearches.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AutoCheckPreviousSearches.vue?vue&type=template&id=883ae18e&\"\nimport script from \"./AutoCheckPreviousSearches.vue?vue&type=script&lang=js&\"\nexport * from \"./AutoCheckPreviousSearches.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\nexport default component.exports"],"sourceRoot":""}