{"remainingRequest":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/map-side-bar/src/components/SearchHistory.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/map-side-bar/src/components/SearchHistory.vue","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/thread-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/babel-loader/lib/index.js","mtime":456789000000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ci8qIGVzbGludC1kaXNhYmxlIG5vLWFsZXJ0LCBuby1jb25zb2xlICovCmltcG9ydCBWdWUgZnJvbSAidnVlIjsKaW1wb3J0IHsKICBUYWcsCiAgU2VsZWN0LAp9IGZyb20gImVsZW1lbnQtdWkiOwoKVnVlLnVzZShUYWcpOwpWdWUudXNlKFNlbGVjdCk7CmltcG9ydCBFdmVudEJ1cyBmcm9tICcuL0V2ZW50QnVzJzsKCi8vIHJlbW92ZSBkdXBsaWNhdGVzIGJ5IHN0cmluZ2lmeWluZyB0aGUgb2JqZWN0cwpjb25zdCByZW1vdmVEdXBsaWNhdGVzID0gZnVuY3Rpb24oYXJyYXlPZkFueXRoaW5nKXsKICByZXR1cm4gWy4uLm5ldyBTZXQoYXJyYXlPZkFueXRoaW5nLm1hcChlID0+IEpTT04uc3RyaW5naWZ5KGUpKSldLm1hcChlID0+IEpTT04ucGFyc2UoZSkpIAp9CgpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ1NlYXJjaEhpc3RvcnknLAogIGRhdGEoKSB7CiAgICAgIHJldHVybiB7CiAgICAgICAgc2VhcmNoSGlzdG9yeTogW10sCiAgICAgICAgc2VsZWN0VmFsdWU6ICdGdWxsIHNlYXJjaCBoaXN0b3J5JwogICAgICB9CgogIH0sCiAgY29tcHV0ZWQ6IHsKICAgIHJldmVyc2VkU2VhcmNoSGlzdG9yeTogZnVuY3Rpb24oKXsKICAgICAgcmV0dXJuIHJlbW92ZUR1cGxpY2F0ZXModGhpcy5zZWFyY2hIaXN0b3J5LnNsaWNlKCkucmV2ZXJzZSgpLmZpbHRlcihpdGVtID0+IGl0ZW0uc2VhcmNoICE9PSAnJykpCiAgICB9LAogICAgY2FzY2FkZXJPcHRpb25zOiBmdW5jdGlvbigpewogICAgICByZXR1cm4gdGhpcy5yZXZlcnNlZFNlYXJjaEhpc3RvcnkubWFwKGl0ZW0gPT4gewogICAgICAgIHJldHVybiB7CiAgICAgICAgICB2YWx1ZTogaXRlbS5zZWFyY2gsCiAgICAgICAgICBsYWJlbDogaXRlbS5zZWFyY2gKICAgICAgICB9CiAgICAgIH0pCiAgICB9CiAgfSwKICBtZXRob2RzOiB7CiAgICBnZXRTZWFyY2hIaXN0b3J5KCkgewogICAgICBpZiAobG9jYWxTdG9yYWdlLmdldEl0ZW0oJ3NwYXJjLnNjaWVuY2Utc2lkZWJhci1zZWFyY2gtaGlzdG9yeScpKSB7CiAgICAgICAgdGhpcy5zZWFyY2hIaXN0b3J5ID0gSlNPTi5wYXJzZShsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgnc3BhcmMuc2NpZW5jZS1zaWRlYmFyLXNlYXJjaC1oaXN0b3J5JykpOwogICAgICB9IGVsc2UgewogICAgICAgIHRoaXMuc2VhcmNoSGlzdG9yeSA9IFtdOwogICAgICB9CiAgICB9LAogICAgY2xlYXJTZWFyY2hIaXN0b3J5KCkgewogICAgICBsb2NhbFN0b3JhZ2UucmVtb3ZlSXRlbSgnc3BhcmMuc2NpZW5jZS1zaWRlYmFyLXNlYXJjaC1oaXN0b3J5Jyk7CiAgICAgIHRoaXMuc2VhcmNoSGlzdG9yeSA9IFtdOwogICAgfSwKICAgIGFkZFNlYXJjaFRvSGlzdG9yeShmaWx0ZXJzLCBzZWFyY2gpIHsKICAgICAgZmlsdGVycyA9IFtdIC8vIGRpc2FibGUgZmlsdGVycyBmb3Igbm93CiAgICAgIHNlYXJjaCA9IHNlYXJjaC50cmltKCkgLy8gcmVtb3ZlIHdoaXRlc3BhY2UKICAgICAgbGV0IHNlYXJjaEhpc3RvcnkgPSBKU09OLnBhcnNlKGxvY2FsU3RvcmFnZS5nZXRJdGVtKCdzcGFyYy5zY2llbmNlLXNpZGViYXItc2VhcmNoLWhpc3RvcnknKSk7CiAgICAgIGlmIChzZWFyY2hIaXN0b3J5KSB7CiAgICAgICAgc2VhcmNoSGlzdG9yeS5wdXNoKHtmaWx0ZXJzOiBmaWx0ZXJzLCBzZWFyY2g6IHNlYXJjaH0pOwogICAgICAgIHRoaXMuc2VhcmNoSGlzdG9yeSA9IHJlbW92ZUR1cGxpY2F0ZXMoc2VhcmNoSGlzdG9yeSkKICAgICAgICBsb2NhbFN0b3JhZ2Uuc2V0SXRlbSgnc3BhcmMuc2NpZW5jZS1zaWRlYmFyLXNlYXJjaC1oaXN0b3J5JywgSlNPTi5zdHJpbmdpZnkoc2VhcmNoSGlzdG9yeSkpOwogICAgICB9IGVsc2UgewogICAgICAgIGxvY2FsU3RvcmFnZS5zZXRJdGVtKCdzcGFyYy5zY2llbmNlLXNpZGViYXItc2VhcmNoLWhpc3RvcnknLCBKU09OLnN0cmluZ2lmeShbe2ZpbHRlcnM6IGZpbHRlcnMsIHNlYXJjaDogc2VhcmNofV0pKTsKICAgICAgfQogICAgfSwKICAgIHNlYXJjaDogZnVuY3Rpb24oaXRlbSkgewogICAgICB0aGlzLiRlbWl0KCJzZWFyY2giLCBpdGVtKTsKICAgIH0sCiAgICBzZWxlY3RDaGFuZ2U6IGZ1bmN0aW9uKHZhbHVlKSB7CiAgICAgIHRoaXMuc2VsZWN0VmFsdWUgPSB2YWx1ZTsKICAgICAgdGhpcy5zZWFyY2goe3NlYXJjaDogdmFsdWV9KQogICAgfQogIH0sCiAgbW91bnRlZDogZnVuY3Rpb24gKCkgewogICAgdGhpcy5nZXRTZWFyY2hIaXN0b3J5KCk7CiAgICBFdmVudEJ1cy4kb24oJ3NlYXJjaC1jaGFuZ2VkJywgKGRhdGEpID0+IHsKICAgICAgdGhpcy5zZXRTZWFyY2hIaXN0b3J5KGRhdGEpOwogICAgfSkKICB9Cn0K"},{"version":3,"sources":["SearchHistory.vue"],"names":[],"mappings":";AA2BA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"SearchHistory.vue","sourceRoot":"node_modules/@abi-software/map-side-bar/src/components","sourcesContent":["<template>\n  <div class=\"container\">\n    <!-- <span v-if=\"reversedSearchHistory.length > 0\" class=\"title\"> Search History </span> -->\n    <template v-for=\"(item, i) in reversedSearchHistory\">\n      <el-tag class=\"search-tag\" v-if=\"i < 3\" v-bind:key=\"i\" @click=\"search(item)\">{{ item.search }} </el-tag>\n    </template>\n    <el-select  \n      v-if=\"reversedSearchHistory.length > 0\" \n      :value=\"selectValue\" \n      class=\"m-2 search-select\" \n      placeholder=\"Full search History\" \n      size=\"small\"\n      popper-class=\"sidebar-search-select-popper\"\n      @change=\"selectChange\"\n    >\n      <el-option\n        v-for=\"(item, i) in cascaderOptions\"\n        :key=\"i\"\n        :label=\"item.label\"\n        :value=\"item.value\"\n      />\n    </el-select>\n  </div>\n\n</template>\n\n<script>\n/* eslint-disable no-alert, no-console */\nimport Vue from \"vue\";\nimport {\n  Tag,\n  Select,\n} from \"element-ui\";\n\nVue.use(Tag);\nVue.use(Select);\nimport EventBus from './EventBus';\n\n// remove duplicates by stringifying the objects\nconst removeDuplicates = function(arrayOfAnything){\n  return [...new Set(arrayOfAnything.map(e => JSON.stringify(e)))].map(e => JSON.parse(e)) \n}\n\nexport default {\n  name: 'SearchHistory',\n  data() {\n      return {\n        searchHistory: [],\n        selectValue: 'Full search history'\n      }\n\n  },\n  computed: {\n    reversedSearchHistory: function(){\n      return removeDuplicates(this.searchHistory.slice().reverse().filter(item => item.search !== ''))\n    },\n    cascaderOptions: function(){\n      return this.reversedSearchHistory.map(item => {\n        return {\n          value: item.search,\n          label: item.search\n        }\n      })\n    }\n  },\n  methods: {\n    getSearchHistory() {\n      if (localStorage.getItem('sparc.science-sidebar-search-history')) {\n        this.searchHistory = JSON.parse(localStorage.getItem('sparc.science-sidebar-search-history'));\n      } else {\n        this.searchHistory = [];\n      }\n    },\n    clearSearchHistory() {\n      localStorage.removeItem('sparc.science-sidebar-search-history');\n      this.searchHistory = [];\n    },\n    addSearchToHistory(filters, search) {\n      filters = [] // disable filters for now\n      search = search.trim() // remove whitespace\n      let searchHistory = JSON.parse(localStorage.getItem('sparc.science-sidebar-search-history'));\n      if (searchHistory) {\n        searchHistory.push({filters: filters, search: search});\n        this.searchHistory = removeDuplicates(searchHistory)\n        localStorage.setItem('sparc.science-sidebar-search-history', JSON.stringify(searchHistory));\n      } else {\n        localStorage.setItem('sparc.science-sidebar-search-history', JSON.stringify([{filters: filters, search: search}]));\n      }\n    },\n    search: function(item) {\n      this.$emit(\"search\", item);\n    },\n    selectChange: function(value) {\n      this.selectValue = value;\n      this.search({search: value})\n    }\n  },\n  mounted: function () {\n    this.getSearchHistory();\n    EventBus.$on('search-changed', (data) => {\n      this.setSearchHistory(data);\n    })\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n@import \"~element-ui/packages/theme-chalk/src/tag\";\n\n.container {\n}\n\n.search-tag {\n  margin: 0 5px 5px 0;\n  cursor: pointer;\n  max-width: 100px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.title {\n  font-size: 14px;\n  font-weight: bold;\n  margin-right: 5px;\n  // center text vertically\n  display: flex;\n  align-items: center;\n  \n}\n\n.search-select {\n  float: right;\n}\n</style>\n\n<style lang=\"scss\">\n.sidebar-search-select-popper {\n  font-family: Asap;\n  font-size: 14px;\n  font-weight: 500;\n  font-stretch: normal;\n  font-style: normal;\n  line-height: normal;\n  letter-spacing: normal;\n  color: #292b66;\n  max-width: 200px;\n}\n</style>"]}]}