{"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/BadgesGroup.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/map-side-bar/src/components/BadgesGroup.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:DQovKiBlc2xpbnQtZGlzYWJsZSBuby1hbGVydCwgbm8tY29uc29sZSAqLw0KaW1wb3J0IFZ1ZSBmcm9tICJ2dWUiOw0KaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAiZWxlbWVudC11aSI7DQppbXBvcnQgbGFuZyBmcm9tICJlbGVtZW50LXVpL2xpYi9sb2NhbGUvbGFuZy9lbiI7DQppbXBvcnQgbG9jYWxlIGZyb20gImVsZW1lbnQtdWkvbGliL2xvY2FsZSI7DQoNCmxvY2FsZS51c2UobGFuZyk7DQpWdWUudXNlKEJ1dHRvbik7DQoNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogIkJhZGdlc0dyb3VwIiwNCiAgcHJvcHM6IHsNCiAgICAvKioNCiAgICAgKiBPYmplY3QgY29udGFpbmluZyBpbmZvcm1hdGlvbiBmb3INCiAgICAgKiB0aGUgcmVxdWlyZWQgdmlld2luZy4NCiAgICAgKi8NCiAgICBhZGRpdGlvbmFsTGlua3M6IHsNCiAgICAgIHR5cGU6IEFycmF5LA0KICAgICAgZGVmYXVsdDogKCkgPT4gew0KICAgICAgICByZXR1cm4gW107DQogICAgICB9LA0KICAgIH0sDQogICAgZGF0YXNldEJpb2x1Y2lkYTogew0KICAgICAgdHlwZTogT2JqZWN0LA0KICAgICAgZGVmYXVsdDogKCkgPT4gew0KICAgICAgICByZXR1cm4ge307DQogICAgICB9LA0KICAgIH0sDQogICAgZW50cnk6ICB7DQogICAgICB0eXBlOiBPYmplY3QsDQogICAgICBkZWZhdWx0OiAoKSA9PiB7DQogICAgICAgIHJldHVybiB7fTsNCiAgICAgIH0sDQogICAgfSwNCiAgfSwNCiAgZGF0YTogZnVuY3Rpb24gKCkgew0KICAgIHJldHVybiB7DQogICAgICAvL0Fsd2F5cyBzdGFydCB3aXRoIDEgaW1hZ2UgLSB0aGUgZGF0YXNldCB0aHVtYm5haWwgaXRzZWxmDQogICAgICBjYXRlZ29yaWVzOiB7ICJBbGwiOiB7c2l6ZTogMX0sICJEYXRhc2V0Ijoge3NpemU6IDF9IH0sDQogICAgICBhY3RpdmU6ICJBbGwiDQogICAgfTsNCiAgfSwNCiAgbWV0aG9kczogew0KICAgIGFkZFRvQ2F0ZWdvcmllczogZnVuY3Rpb24gKGFycmF5LCBuYW1lKSB7DQogICAgICBpZiAoYXJyYXkgJiYgYXJyYXkubGVuZ3RoID4gMCkgew0KICAgICAgICB0aGlzLmNhdGVnb3JpZXNbbmFtZV0gPSB7IHNpemU6IGFycmF5Lmxlbmd0aCB9Ow0KICAgICAgICB0aGlzLmNhdGVnb3JpZXNbIkFsbCJdLnNpemUgKz0gYXJyYXkubGVuZ3RoOw0KICAgICAgfQ0KICAgIH0sDQogICAgYWRkU2ltdWxhdGlvbnNUb0NhdGVnb3JpZXM6IGZ1bmN0aW9uIChhcnJheSkgew0KICAgICAgaWYgKGFycmF5ICYmIGFycmF5Lmxlbmd0aCA+IDApIHsNCiAgICAgICAgY29uc3Qgc2l6ZSA9IDE7DQogICAgICAgIHRoaXMuY2F0ZWdvcmllc1siU2ltdWxhdGlvbnMiXSA9IHsgc2l6ZSB9Ow0KICAgICAgICB0aGlzLmNhdGVnb3JpZXNbIkFsbCJdLnNpemUgKz0gc2l6ZTsNCiAgICAgIH0NCiAgICB9LA0KICAgIGNhdGVnb3J5Q2xpY2tlZDogZnVuY3Rpb24obmFtZSkgew0KICAgICAgdGhpcy5hY3RpdmUgPSBuYW1lOw0KICAgICAgdGhpcy4kZW1pdCgiY2F0ZWdvcnlDaGFuZ2VkIiwgbmFtZSk7DQogICAgfQ0KICB9LA0KICB3YXRjaDogew0KICAgIGRhdGFzZXRCaW9sdWNpZGE6IHsNCiAgICAgIGRlZXA6IHRydWUsDQogICAgICBpbW1lZGlhdGU6IHRydWUsDQogICAgICBoYW5kbGVyOiBmdW5jdGlvbiAoYmlvbHVjaWRhRGF0YSkgew0KICAgICAgICBpZiAoImRhdGFzZXRfaW1hZ2VzIiBpbiBiaW9sdWNpZGFEYXRhKSB7DQogICAgICAgICAgdGhpcy5hZGRUb0NhdGVnb3JpZXMoYmlvbHVjaWRhRGF0YVsiZGF0YXNldF9pbWFnZXMiXSwgIkltYWdlcyIpOw0KICAgICAgICB9DQogICAgICB9DQogICAgfSwNCiAgICBlbnRyeTogew0KICAgICAgZGVlcDogdHJ1ZSwNCiAgICAgIGltbWVkaWF0ZTogdHJ1ZSwNCiAgICAgIGhhbmRsZXI6IGZ1bmN0aW9uICgpIHsNCiAgICAgICAgdGhpcy5hZGRUb0NhdGVnb3JpZXModGhpcy5lbnRyeS5zY2FmZm9sZHMsICdTY2FmZm9sZHMnKTsNCiAgICAgICAgdGhpcy5hZGRUb0NhdGVnb3JpZXModGhpcy5lbnRyeS5zZWdtZW50YXRpb24sICdTZWdtZW50YXRpb25zJyk7DQogICAgICAgIHRoaXMuYWRkVG9DYXRlZ29yaWVzKHRoaXMuZW50cnkucGxvdHMsICdQbG90cycpOw0KICAgICAgICB0aGlzLmFkZFNpbXVsYXRpb25zVG9DYXRlZ29yaWVzKHRoaXMuZW50cnkuc2ltdWxhdGlvbik7DQogICAgICAgIC8qKiBkaXNhYmxlIHRoZSBmb2xsb3dpbmcNCiAgICAgICAgdGhpcy5hZGRUb0NhdGVnb3JpZXModGhpcy5lbnRyeS5pbWFnZXMsICdJbWFnZXMnKTsNCiAgICAgICAgdGhpcy5hZGRUb0NhdGVnb3JpZXModGhpcy5lbnRyeS52aWRlb3MsICdWaWRlb3MnKTsNCiAgICAgICAgKiovDQogICAgICB9DQogICAgfQ0KICB9LA0KfTsNCg=="},{"version":3,"sources":["BadgesGroup.vue"],"names":[],"mappings":";AAkBA;AACA;AACA;AACA;AACA;;AAEA;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;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":"BadgesGroup.vue","sourceRoot":"node_modules/@abi-software/map-side-bar/src/components","sourcesContent":["<template>\r\n  <div v-if=\"categories['All'].size > 1\" class=\"container\"  ref=\"container\">\r\n    <div>\r\n      View data types:\r\n    </div>\r\n    <template v-for=\"(item, key) in categories\" >\r\n      <el-button\r\n        v-if=\"item.size > 0\"\r\n        :class=\"[{ 'active': key == active},'tag-button']\"\r\n        @click=\"categoryClicked(key)\"\r\n        size=\"small\" :key=\"key\">{{ key + \" (\" + item.size + \")\" }}\r\n      </el-button>\r\n    </template>\r\n  </div>\r\n</template>\r\n\r\n\r\n<script>\r\n/* eslint-disable no-alert, no-console */\r\nimport Vue from \"vue\";\r\nimport { Button } from \"element-ui\";\r\nimport lang from \"element-ui/lib/locale/lang/en\";\r\nimport locale from \"element-ui/lib/locale\";\r\n\r\nlocale.use(lang);\r\nVue.use(Button);\r\n\r\nexport default {\r\n  name: \"BadgesGroup\",\r\n  props: {\r\n    /**\r\n     * Object containing information for\r\n     * the required viewing.\r\n     */\r\n    additionalLinks: {\r\n      type: Array,\r\n      default: () => {\r\n        return [];\r\n      },\r\n    },\r\n    datasetBiolucida: {\r\n      type: Object,\r\n      default: () => {\r\n        return {};\r\n      },\r\n    },\r\n    entry:  {\r\n      type: Object,\r\n      default: () => {\r\n        return {};\r\n      },\r\n    },\r\n  },\r\n  data: function () {\r\n    return {\r\n      //Always start with 1 image - the dataset thumbnail itself\r\n      categories: { \"All\": {size: 1}, \"Dataset\": {size: 1} },\r\n      active: \"All\"\r\n    };\r\n  },\r\n  methods: {\r\n    addToCategories: function (array, name) {\r\n      if (array && array.length > 0) {\r\n        this.categories[name] = { size: array.length };\r\n        this.categories[\"All\"].size += array.length;\r\n      }\r\n    },\r\n    addSimulationsToCategories: function (array) {\r\n      if (array && array.length > 0) {\r\n        const size = 1;\r\n        this.categories[\"Simulations\"] = { size };\r\n        this.categories[\"All\"].size += size;\r\n      }\r\n    },\r\n    categoryClicked: function(name) {\r\n      this.active = name;\r\n      this.$emit(\"categoryChanged\", name);\r\n    }\r\n  },\r\n  watch: {\r\n    datasetBiolucida: {\r\n      deep: true,\r\n      immediate: true,\r\n      handler: function (biolucidaData) {\r\n        if (\"dataset_images\" in biolucidaData) {\r\n          this.addToCategories(biolucidaData[\"dataset_images\"], \"Images\");\r\n        }\r\n      }\r\n    },\r\n    entry: {\r\n      deep: true,\r\n      immediate: true,\r\n      handler: function () {\r\n        this.addToCategories(this.entry.scaffolds, 'Scaffolds');\r\n        this.addToCategories(this.entry.segmentation, 'Segmentations');\r\n        this.addToCategories(this.entry.plots, 'Plots');\r\n        this.addSimulationsToCategories(this.entry.simulation);\r\n        /** disable the following\r\n        this.addToCategories(this.entry.images, 'Images');\r\n        this.addToCategories(this.entry.videos, 'Videos');\r\n        **/\r\n      }\r\n    }\r\n  },\r\n};\r\n</script>\r\n\r\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\r\n<style scoped lang=\"scss\">\r\n@import \"~element-ui/packages/theme-chalk/src/button\";\r\n\r\n.tag-button,\r\n.tag-button:hover,\r\n.tag-button:focus,\r\n.tag-button.active\r\n{\r\n  border-radius: 4px;\r\n  font-size: 0.75rem;\r\n  padding: 0.2rem 0.2rem;\r\n  margin: 0.5rem 0 0 0;\r\n  margin-right: 0.75rem!important;\r\n}\r\n\r\n.tag-button,\r\n.tag-button:hover,\r\n.tag-button:focus\r\n{\r\n  background: #f9f2fc;\r\n  border: 1px solid $app-primary-color;\r\n  color: $app-primary-color;\r\n}\r\n\r\n.tag-button.active\r\n{\r\n  background: $app-primary-color;\r\n  border: 1px solid $app-primary-color;\r\n  color: #fff;\r\n}\r\n\r\n.tag-button+.tag-button\r\n{\r\n  margin-left:0;\r\n}\r\n</style>\r\n"]}]}