{"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/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:Ci8qIGVzbGludC1kaXNhYmxlIG5vLWFsZXJ0LCBuby1jb25zb2xlICovCmltcG9ydCBWdWUgZnJvbSAidnVlIjsKaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAiZWxlbWVudC11aSI7CmltcG9ydCBsYW5nIGZyb20gImVsZW1lbnQtdWkvbGliL2xvY2FsZS9sYW5nL2VuIjsKaW1wb3J0IGxvY2FsZSBmcm9tICJlbGVtZW50LXVpL2xpYi9sb2NhbGUiOwoKbG9jYWxlLnVzZShsYW5nKTsKVnVlLnVzZShCdXR0b24pOwoKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJCYWRnZXNHcm91cCIsCiAgcHJvcHM6IHsKICAgIC8qKgogICAgICogT2JqZWN0IGNvbnRhaW5pbmcgaW5mb3JtYXRpb24gZm9yCiAgICAgKiB0aGUgcmVxdWlyZWQgdmlld2luZy4KICAgICAqLwogICAgYWRkaXRpb25hbExpbmtzOiB7CiAgICAgIHR5cGU6IEFycmF5LAogICAgICBkZWZhdWx0OiAoKSA9PiB7CiAgICAgICAgcmV0dXJuIFtdOwogICAgICB9LAogICAgfSwKICAgIGRhdGFzZXRCaW9sdWNpZGE6IHsKICAgICAgdHlwZTogT2JqZWN0LAogICAgICBkZWZhdWx0OiAoKSA9PiB7CiAgICAgICAgcmV0dXJuIHt9OwogICAgICB9LAogICAgfSwKICAgIGVudHJ5OiAgewogICAgICB0eXBlOiBPYmplY3QsCiAgICAgIGRlZmF1bHQ6ICgpID0+IHsKICAgICAgICByZXR1cm4ge307CiAgICAgIH0sCiAgICB9LAogIH0sCiAgZGF0YTogZnVuY3Rpb24gKCkgewogICAgcmV0dXJuIHsKICAgICAgLy9BbHdheXMgc3RhcnQgd2l0aCAxIGltYWdlIC0gdGhlIGRhdGFzZXQgdGh1bWJuYWlsIGl0c2VsZgogICAgICBjYXRlZ29yaWVzOiB7ICJBbGwiOiB7c2l6ZTogMX0sICJEYXRhc2V0Ijoge3NpemU6IDF9IH0sCiAgICAgIGFjdGl2ZTogIkFsbCIKICAgIH07CiAgfSwKICBtZXRob2RzOiB7CiAgICBhZGRUb0NhdGVnb3JpZXM6IGZ1bmN0aW9uIChhcnJheSwgbmFtZSkgewogICAgICBpZiAoYXJyYXkgJiYgYXJyYXkubGVuZ3RoID4gMCkgewogICAgICAgIHRoaXMuY2F0ZWdvcmllc1tuYW1lXSA9IHsgc2l6ZTogYXJyYXkubGVuZ3RoIH07CiAgICAgICAgdGhpcy5jYXRlZ29yaWVzWyJBbGwiXS5zaXplICs9IGFycmF5Lmxlbmd0aDsKICAgICAgfQogICAgfSwKICAgIGFkZFNpbXVsYXRpb25zVG9DYXRlZ29yaWVzOiBmdW5jdGlvbiAoYXJyYXkpIHsKICAgICAgaWYgKGFycmF5ICYmIGFycmF5Lmxlbmd0aCA+IDApIHsKICAgICAgICBjb25zdCBzaXplID0gMTsKICAgICAgICB0aGlzLmNhdGVnb3JpZXNbIlNpbXVsYXRpb25zIl0gPSB7IHNpemUgfTsKICAgICAgICB0aGlzLmNhdGVnb3JpZXNbIkFsbCJdLnNpemUgKz0gc2l6ZTsKICAgICAgfQogICAgfSwKICAgIGNhdGVnb3J5Q2xpY2tlZDogZnVuY3Rpb24obmFtZSkgewogICAgICB0aGlzLmFjdGl2ZSA9IG5hbWU7CiAgICAgIHRoaXMuJGVtaXQoImNhdGVnb3J5Q2hhbmdlZCIsIG5hbWUpOwogICAgfQogIH0sCiAgd2F0Y2g6IHsKICAgIGRhdGFzZXRCaW9sdWNpZGE6IHsKICAgICAgZGVlcDogdHJ1ZSwKICAgICAgaW1tZWRpYXRlOiB0cnVlLAogICAgICBoYW5kbGVyOiBmdW5jdGlvbiAoYmlvbHVjaWRhRGF0YSkgewogICAgICAgIGlmICgiZGF0YXNldF9pbWFnZXMiIGluIGJpb2x1Y2lkYURhdGEpIHsKICAgICAgICAgIHRoaXMuYWRkVG9DYXRlZ29yaWVzKGJpb2x1Y2lkYURhdGFbImRhdGFzZXRfaW1hZ2VzIl0sICJJbWFnZXMiKTsKICAgICAgICB9CiAgICAgIH0KICAgIH0sCiAgICBlbnRyeTogewogICAgICBkZWVwOiB0cnVlLAogICAgICBpbW1lZGlhdGU6IHRydWUsCiAgICAgIGhhbmRsZXI6IGZ1bmN0aW9uICgpIHsKICAgICAgICB0aGlzLmFkZFRvQ2F0ZWdvcmllcyh0aGlzLmVudHJ5LnNjYWZmb2xkcywgJ1NjYWZmb2xkcycpOwogICAgICAgIHRoaXMuYWRkVG9DYXRlZ29yaWVzKHRoaXMuZW50cnkuc2VnbWVudGF0aW9uLCAnU2VnbWVudGF0aW9ucycpOwogICAgICAgIHRoaXMuYWRkVG9DYXRlZ29yaWVzKHRoaXMuZW50cnkucGxvdHMsICdQbG90cycpOwogICAgICAgIHRoaXMuYWRkU2ltdWxhdGlvbnNUb0NhdGVnb3JpZXModGhpcy5lbnRyeS5zaW11bGF0aW9uKTsKICAgICAgICAvKiogZGlzYWJsZSB0aGUgZm9sbG93aW5nCiAgICAgICAgdGhpcy5hZGRUb0NhdGVnb3JpZXModGhpcy5lbnRyeS5pbWFnZXMsICdJbWFnZXMnKTsKICAgICAgICB0aGlzLmFkZFRvQ2F0ZWdvcmllcyh0aGlzLmVudHJ5LnZpZGVvcywgJ1ZpZGVvcycpOwogICAgICAgICoqLwogICAgICB9CiAgICB9CiAgfSwKfTsK"},{"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>\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"]}]}