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