{"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=style&index=0&id=39d26336&scoped=true&lang=scss&","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/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/sass-loader/dist/cjs.js","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/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQpAaW1wb3J0ICJ+ZWxlbWVudC11aS9wYWNrYWdlcy90aGVtZS1jaGFsay9zcmMvdGFnIjsNCg0KLmNvbnRhaW5lciB7DQp9DQoNCi5zZWFyY2gtdGFnIHsNCiAgbWFyZ2luOiAwIDVweCA1cHggMDsNCiAgY3Vyc29yOiBwb2ludGVyOw0KICBtYXgtd2lkdGg6IDEwMHB4Ow0KICBvdmVyZmxvdzogaGlkZGVuOw0KICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpczsNCn0NCg0KLnRpdGxlIHsNCiAgZm9udC1zaXplOiAxNHB4Ow0KICBmb250LXdlaWdodDogYm9sZDsNCiAgbWFyZ2luLXJpZ2h0OiA1cHg7DQogIC8vIGNlbnRlciB0ZXh0IHZlcnRpY2FsbHkNCiAgZGlzcGxheTogZmxleDsNCiAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgDQp9DQoNCi5zZWFyY2gtc2VsZWN0IHsNCiAgZmxvYXQ6IHJpZ2h0Ow0KfQ0K"},{"version":3,"sources":["SearchHistory.vue"],"names":[],"mappings":";AA2GA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;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>"]}]}