{"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:DQovKiBlc2xpbnQtZGlzYWJsZSBuby1hbGVydCwgbm8tY29uc29sZSAqLw0KaW1wb3J0IFZ1ZSBmcm9tICJ2dWUiOw0KaW1wb3J0IHsNCiAgVGFnLA0KICBTZWxlY3QsDQp9IGZyb20gImVsZW1lbnQtdWkiOw0KDQpWdWUudXNlKFRhZyk7DQpWdWUudXNlKFNlbGVjdCk7DQppbXBvcnQgRXZlbnRCdXMgZnJvbSAnLi9FdmVudEJ1cyc7DQoNCi8vIHJlbW92ZSBkdXBsaWNhdGVzIGJ5IHN0cmluZ2lmeWluZyB0aGUgb2JqZWN0cw0KY29uc3QgcmVtb3ZlRHVwbGljYXRlcyA9IGZ1bmN0aW9uKGFycmF5T2ZBbnl0aGluZyl7DQogIHJldHVybiBbLi4ubmV3IFNldChhcnJheU9mQW55dGhpbmcubWFwKGUgPT4gSlNPTi5zdHJpbmdpZnkoZSkpKV0ubWFwKGUgPT4gSlNPTi5wYXJzZShlKSkgDQp9DQoNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ1NlYXJjaEhpc3RvcnknLA0KICBkYXRhKCkgew0KICAgICAgcmV0dXJuIHsNCiAgICAgICAgc2VhcmNoSGlzdG9yeTogW10sDQogICAgICAgIHNlbGVjdFZhbHVlOiAnRnVsbCBzZWFyY2ggaGlzdG9yeScNCiAgICAgIH0NCg0KICB9LA0KICBjb21wdXRlZDogew0KICAgIHJldmVyc2VkU2VhcmNoSGlzdG9yeTogZnVuY3Rpb24oKXsNCiAgICAgIHJldHVybiByZW1vdmVEdXBsaWNhdGVzKHRoaXMuc2VhcmNoSGlzdG9yeS5zbGljZSgpLnJldmVyc2UoKS5maWx0ZXIoaXRlbSA9PiBpdGVtLnNlYXJjaCAhPT0gJycpKQ0KICAgIH0sDQogICAgY2FzY2FkZXJPcHRpb25zOiBmdW5jdGlvbigpew0KICAgICAgcmV0dXJuIHRoaXMucmV2ZXJzZWRTZWFyY2hIaXN0b3J5Lm1hcChpdGVtID0+IHsNCiAgICAgICAgcmV0dXJuIHsNCiAgICAgICAgICB2YWx1ZTogaXRlbS5zZWFyY2gsDQogICAgICAgICAgbGFiZWw6IGl0ZW0uc2VhcmNoDQogICAgICAgIH0NCiAgICAgIH0pDQogICAgfQ0KICB9LA0KICBtZXRob2RzOiB7DQogICAgZ2V0U2VhcmNoSGlzdG9yeSgpIHsNCiAgICAgIGlmIChsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgnc3BhcmMuc2NpZW5jZS1zaWRlYmFyLXNlYXJjaC1oaXN0b3J5JykpIHsNCiAgICAgICAgdGhpcy5zZWFyY2hIaXN0b3J5ID0gSlNPTi5wYXJzZShsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgnc3BhcmMuc2NpZW5jZS1zaWRlYmFyLXNlYXJjaC1oaXN0b3J5JykpOw0KICAgICAgfSBlbHNlIHsNCiAgICAgICAgdGhpcy5zZWFyY2hIaXN0b3J5ID0gW107DQogICAgICB9DQogICAgfSwNCiAgICBjbGVhclNlYXJjaEhpc3RvcnkoKSB7DQogICAgICBsb2NhbFN0b3JhZ2UucmVtb3ZlSXRlbSgnc3BhcmMuc2NpZW5jZS1zaWRlYmFyLXNlYXJjaC1oaXN0b3J5Jyk7DQogICAgICB0aGlzLnNlYXJjaEhpc3RvcnkgPSBbXTsNCiAgICB9LA0KICAgIGFkZFNlYXJjaFRvSGlzdG9yeShmaWx0ZXJzLCBzZWFyY2gpIHsNCiAgICAgIGZpbHRlcnMgPSBbXSAvLyBkaXNhYmxlIGZpbHRlcnMgZm9yIG5vdw0KICAgICAgc2VhcmNoID0gc2VhcmNoLnRyaW0oKSAvLyByZW1vdmUgd2hpdGVzcGFjZQ0KICAgICAgbGV0IHNlYXJjaEhpc3RvcnkgPSBKU09OLnBhcnNlKGxvY2FsU3RvcmFnZS5nZXRJdGVtKCdzcGFyYy5zY2llbmNlLXNpZGViYXItc2VhcmNoLWhpc3RvcnknKSk7DQogICAgICBpZiAoc2VhcmNoSGlzdG9yeSkgew0KICAgICAgICBzZWFyY2hIaXN0b3J5LnB1c2goe2ZpbHRlcnM6IGZpbHRlcnMsIHNlYXJjaDogc2VhcmNofSk7DQogICAgICAgIHRoaXMuc2VhcmNoSGlzdG9yeSA9IHJlbW92ZUR1cGxpY2F0ZXMoc2VhcmNoSGlzdG9yeSkNCiAgICAgICAgbG9jYWxTdG9yYWdlLnNldEl0ZW0oJ3NwYXJjLnNjaWVuY2Utc2lkZWJhci1zZWFyY2gtaGlzdG9yeScsIEpTT04uc3RyaW5naWZ5KHNlYXJjaEhpc3RvcnkpKTsNCiAgICAgIH0gZWxzZSB7DQogICAgICAgIGxvY2FsU3RvcmFnZS5zZXRJdGVtKCdzcGFyYy5zY2llbmNlLXNpZGViYXItc2VhcmNoLWhpc3RvcnknLCBKU09OLnN0cmluZ2lmeShbe2ZpbHRlcnM6IGZpbHRlcnMsIHNlYXJjaDogc2VhcmNofV0pKTsNCiAgICAgIH0NCiAgICB9LA0KICAgIHNlYXJjaDogZnVuY3Rpb24oaXRlbSkgew0KICAgICAgdGhpcy4kZW1pdCgic2VhcmNoIiwgaXRlbSk7DQogICAgfSwNCiAgICBzZWxlY3RDaGFuZ2U6IGZ1bmN0aW9uKHZhbHVlKSB7DQogICAgICB0aGlzLnNlbGVjdFZhbHVlID0gdmFsdWU7DQogICAgICB0aGlzLnNlYXJjaCh7c2VhcmNoOiB2YWx1ZX0pDQogICAgfQ0KICB9LA0KICBtb3VudGVkOiBmdW5jdGlvbiAoKSB7DQogICAgdGhpcy5nZXRTZWFyY2hIaXN0b3J5KCk7DQogICAgRXZlbnRCdXMuJG9uKCdzZWFyY2gtY2hhbmdlZCcsIChkYXRhKSA9PiB7DQogICAgICB0aGlzLnNldFNlYXJjaEhpc3RvcnkoZGF0YSk7DQogICAgfSkNCiAgfQ0KfQ0K"},{"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>\r\n  <div class=\"container\">\r\n    <!-- <span v-if=\"reversedSearchHistory.length > 0\" class=\"title\"> Search History </span> -->\r\n    <template v-for=\"(item, i) in reversedSearchHistory\">\r\n      <el-tag class=\"search-tag\" v-if=\"i < 3\" v-bind:key=\"i\" @click=\"search(item)\">{{ item.search }} </el-tag>\r\n    </template>\r\n    <el-select  \r\n      v-if=\"reversedSearchHistory.length > 0\" \r\n      :value=\"selectValue\" \r\n      class=\"m-2 search-select\" \r\n      placeholder=\"Full search History\" \r\n      size=\"small\"\r\n      popper-class=\"sidebar-search-select-popper\"\r\n      @change=\"selectChange\"\r\n    >\r\n      <el-option\r\n        v-for=\"(item, i) in cascaderOptions\"\r\n        :key=\"i\"\r\n        :label=\"item.label\"\r\n        :value=\"item.value\"\r\n      />\r\n    </el-select>\r\n  </div>\r\n\r\n</template>\r\n\r\n<script>\r\n/* eslint-disable no-alert, no-console */\r\nimport Vue from \"vue\";\r\nimport {\r\n  Tag,\r\n  Select,\r\n} from \"element-ui\";\r\n\r\nVue.use(Tag);\r\nVue.use(Select);\r\nimport EventBus from './EventBus';\r\n\r\n// remove duplicates by stringifying the objects\r\nconst removeDuplicates = function(arrayOfAnything){\r\n  return [...new Set(arrayOfAnything.map(e => JSON.stringify(e)))].map(e => JSON.parse(e)) \r\n}\r\n\r\nexport default {\r\n  name: 'SearchHistory',\r\n  data() {\r\n      return {\r\n        searchHistory: [],\r\n        selectValue: 'Full search history'\r\n      }\r\n\r\n  },\r\n  computed: {\r\n    reversedSearchHistory: function(){\r\n      return removeDuplicates(this.searchHistory.slice().reverse().filter(item => item.search !== ''))\r\n    },\r\n    cascaderOptions: function(){\r\n      return this.reversedSearchHistory.map(item => {\r\n        return {\r\n          value: item.search,\r\n          label: item.search\r\n        }\r\n      })\r\n    }\r\n  },\r\n  methods: {\r\n    getSearchHistory() {\r\n      if (localStorage.getItem('sparc.science-sidebar-search-history')) {\r\n        this.searchHistory = JSON.parse(localStorage.getItem('sparc.science-sidebar-search-history'));\r\n      } else {\r\n        this.searchHistory = [];\r\n      }\r\n    },\r\n    clearSearchHistory() {\r\n      localStorage.removeItem('sparc.science-sidebar-search-history');\r\n      this.searchHistory = [];\r\n    },\r\n    addSearchToHistory(filters, search) {\r\n      filters = [] // disable filters for now\r\n      search = search.trim() // remove whitespace\r\n      let searchHistory = JSON.parse(localStorage.getItem('sparc.science-sidebar-search-history'));\r\n      if (searchHistory) {\r\n        searchHistory.push({filters: filters, search: search});\r\n        this.searchHistory = removeDuplicates(searchHistory)\r\n        localStorage.setItem('sparc.science-sidebar-search-history', JSON.stringify(searchHistory));\r\n      } else {\r\n        localStorage.setItem('sparc.science-sidebar-search-history', JSON.stringify([{filters: filters, search: search}]));\r\n      }\r\n    },\r\n    search: function(item) {\r\n      this.$emit(\"search\", item);\r\n    },\r\n    selectChange: function(value) {\r\n      this.selectValue = value;\r\n      this.search({search: value})\r\n    }\r\n  },\r\n  mounted: function () {\r\n    this.getSearchHistory();\r\n    EventBus.$on('search-changed', (data) => {\r\n      this.setSearchHistory(data);\r\n    })\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@import \"~element-ui/packages/theme-chalk/src/tag\";\r\n\r\n.container {\r\n}\r\n\r\n.search-tag {\r\n  margin: 0 5px 5px 0;\r\n  cursor: pointer;\r\n  max-width: 100px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n.title {\r\n  font-size: 14px;\r\n  font-weight: bold;\r\n  margin-right: 5px;\r\n  // center text vertically\r\n  display: flex;\r\n  align-items: center;\r\n  \r\n}\r\n\r\n.search-select {\r\n  float: right;\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n.sidebar-search-select-popper {\r\n  font-family: Asap;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  font-stretch: normal;\r\n  font-style: normal;\r\n  line-height: normal;\r\n  letter-spacing: normal;\r\n  color: #292b66;\r\n  max-width: 200px;\r\n}\r\n</style>"]}]}