{"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=1&id=605948ca&prod&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:Ci5zaWRlYmFyLXNlYXJjaC1zZWxlY3QtcG9wcGVyIHsKICBmb250LWZhbWlseTogQXNhcDsKICBmb250LXNpemU6IDE0cHg7CiAgZm9udC13ZWlnaHQ6IDUwMDsKICBmb250LXN0cmV0Y2g6IG5vcm1hbDsKICBmb250LXN0eWxlOiBub3JtYWw7CiAgbGluZS1oZWlnaHQ6IG5vcm1hbDsKICBsZXR0ZXItc3BhY2luZzogbm9ybWFsOwogIGNvbG9yOiAjMjkyYjY2OwogIG1heC13aWR0aDogMjAwcHg7Cn0K"},{"version":3,"sources":["SearchHistory.vue"],"names":[],"mappings":";AAwIA;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>"]}]}