{"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/DatasetCard.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/map-side-bar/src/components/DatasetCard.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:Ci8qIGVzbGludC1kaXNhYmxlIG5vLWFsZXJ0LCBuby1jb25zb2xlICovCmltcG9ydCBWdWUgZnJvbSAidnVlIjsKaW1wb3J0IEJhZGdlc0dyb3VwIGZyb20gIi4vQmFkZ2VzR3JvdXAudnVlIjsKaW1wb3J0IHsgQnV0dG9uLCBJY29uIH0gZnJvbSAiZWxlbWVudC11aSI7CmltcG9ydCBsYW5nIGZyb20gImVsZW1lbnQtdWkvbGliL2xvY2FsZS9sYW5nL2VuIjsKaW1wb3J0IGxvY2FsZSBmcm9tICJlbGVtZW50LXVpL2xpYi9sb2NhbGUiOwppbXBvcnQgRXZlbnRCdXMgZnJvbSAiLi9FdmVudEJ1cyIKaW1wb3J0IHNwZWNpZXNNYXAgZnJvbSAiLi9zcGVjaWVzLW1hcCI7CmltcG9ydCBJbWFnZUdhbGxlcnkgZnJvbSAiLi9JbWFnZUdhbGxlcnkudnVlIjsKCmxvY2FsZS51c2UobGFuZyk7ClZ1ZS51c2UoQnV0dG9uKTsKVnVlLnVzZShJY29uKTsKCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiRGF0YXNldENhcmQiLAogIGNvbXBvbmVudHM6IHsgQmFkZ2VzR3JvdXAsIEltYWdlR2FsbGVyeSB9LAogIHByb3BzOiB7CiAgICAvKioKICAgICAqIE9iamVjdCBjb250YWluaW5nIGluZm9ybWF0aW9uIGZvcgogICAgICogdGhlIHJlcXVpcmVkIHZpZXdpbmcuCiAgICAgKi8KICAgIGVudHJ5OiB7CiAgICAgIHR5cGU6IE9iamVjdCwKICAgICAgZGVmYXVsdDogKCkgPT4ge30KICAgIH0sCiAgICBlbnZWYXJzOiB7CiAgICAgIHR5cGU6IE9iamVjdCwKICAgICAgZGVmYXVsdDogKCkgPT4ge30KICAgIH0sCiAgfSwKICBkYXRhOiBmdW5jdGlvbiAoKSB7CiAgICByZXR1cm4gewogICAgICB0aHVtYm5haWw6IHJlcXVpcmUoJ0AvLi4vYXNzZXRzL21pc3NpbmctaW1hZ2Uuc3ZnJyksCiAgICAgIGRhdGFMb2NhdGlvbjogdGhpcy5lbnRyeS5kb2ksCiAgICAgIGRpc2NvdmVySWQ6IHVuZGVmaW5lZCwKICAgICAgbG9hZGluZzogdHJ1ZSwKICAgICAgdmVyc2lvbjogMSwKICAgICAgbGFzdERvaTogdW5kZWZpbmVkLAogICAgICBiaW9sdWNpZGFEYXRhOiB1bmRlZmluZWQsCiAgICAgIGN1cnJlbnRDYXRlZ29yeTogIkFsbCIKICAgIH07CiAgfSwKICBjb21wdXRlZDogewogICAgY29udHJpYnV0b3JzOiBmdW5jdGlvbigpIHsKICAgICAgbGV0IHRleHQgPSAiIjsKICAgICAgaWYgKHRoaXMuZW50cnkuY29udHJpYnV0b3JzKSB7CiAgICAgICAgaWYgKHRoaXMuZW50cnkuY29udHJpYnV0b3JzLmxlbmd0aCA9PT0gMSkgewogICAgICAgICAgdGV4dCA9IHRoaXMubGFzdE5hbWUodGhpcy5lbnRyeS5jb250cmlidXRvcnNbMF0ubmFtZSk7CiAgICAgICAgfSBlbHNlIGlmICh0aGlzLmVudHJ5LmNvbnRyaWJ1dG9ycy5sZW5ndGggPT09IDIpIHsKICAgICAgICAgIHRleHQgPSB0aGlzLmxhc3ROYW1lKHRoaXMuZW50cnkuY29udHJpYnV0b3JzWzBdLm5hbWUpICsgIiAmICIgKyB0aGlzLmxhc3ROYW1lKHRoaXMuZW50cnkuY29udHJpYnV0b3JzWzFdLm5hbWUpOwogICAgICAgIH0gZWxzZSBpZiAodGhpcy5lbnRyeS5jb250cmlidXRvcnMubGVuZ3RoID4gMikgewogICAgICAgICAgdGV4dCA9IHRoaXMubGFzdE5hbWUodGhpcy5lbnRyeS5jb250cmlidXRvcnNbMF0ubmFtZSkgKyAiIGV0IGFsLiI7CiAgICAgICAgfQogICAgICB9CiAgICAgIHJldHVybiB0ZXh0OwogICAgfSwKICAgIHNhbXBsZXM6IGZ1bmN0aW9uKCkgewogICAgICBsZXQgdGV4dCA9ICIiOwogICAgICBpZiAodGhpcy5lbnRyeS5zcGVjaWVzKSB7CiAgICAgICAgaWYgKHNwZWNpZXNNYXBbdGhpcy5lbnRyeS5zcGVjaWVzWzBdLnRvTG93ZXJDYXNlKCldKXsKICAgICAgICAgIHRleHQgPSBgJHtzcGVjaWVzTWFwW3RoaXMuZW50cnkuc3BlY2llc1swXS50b0xvd2VyQ2FzZSgpXX1gOwogICAgICAgIH0gZWxzZSB7CiAgICAgICAgICB0ZXh0ID0gYCR7dGhpcy5lbnRyeS5zcGVjaWVzfWA7CiAgICAgICAgfQogICAgICB9CiAgICAgIGlmICh0aGlzLmVudHJ5Lm51bWJlclNhbXBsZXMgPiAwKSB7CiAgICAgICAgdGV4dCArPSAiICgiOwogICAgICAgIGlmICh0aGlzLmVudHJ5Lm51bWJlclNhbXBsZXMgPT09IDEpIHsKICAgICAgICAgIHRleHQgKz0gYCR7dGhpcy5lbnRyeS5udW1iZXJTYW1wbGVzfSBzYW1wbGVgOwogICAgICAgIH0gZWxzZSBpZiAodGhpcy5lbnRyeS5udW1iZXJTYW1wbGVzID4gMSkgewogICAgICAgICAgdGV4dCArPSBgJHt0aGlzLmVudHJ5Lm51bWJlclNhbXBsZXN9IHNhbXBsZXNgOwogICAgICAgIH0KICAgICAgICBpZiAodGhpcy5lbnRyeS5udW1iZXJTdWJqZWN0cyA9PT0gMSkgewogICAgICAgICAgdGV4dCArPSBgIGZyb20gJHt0aGlzLmVudHJ5Lm51bWJlclN1YmplY3RzfSBzdWJqZWN0YDsKICAgICAgICB9IGVsc2UgaWYgKHRoaXMuZW50cnkubnVtYmVyU2FtcGxlcyA+IDEpIHsKICAgICAgICAgIHRleHQgKz0gYCBmcm9tICR7dGhpcy5lbnRyeS5udW1iZXJTdWJqZWN0c30gc3ViamVjdHNgOwogICAgICAgIH0KICAgICAgICB0ZXh0ICs9ICIpIjsKICAgICAgfQoKICAgICAgcmV0dXJuIHRleHQ7CiAgICB9LAogICAgbGFiZWw6IGZ1bmN0aW9uKCl7CiAgICAgIHJldHVybiB0aGlzLmVudHJ5Lm9yZ2FucyA/IHRoaXMuZW50cnkub3JnYW5zWzBdIDogdGhpcy5lbnRyeS5uYW1lCiAgICB9LAogICAgcHVibGlzaFllYXI6IGZ1bmN0aW9uKCkgewogICAgICByZXR1cm4gdGhpcy5lbnRyeS5wdWJsaXNoRGF0ZS5zcGxpdCgnLScpWzBdCiAgICB9CiAgfSwKICBtZXRob2RzOiB7CiAgICBjYXJkQ2xpY2tlZDogZnVuY3Rpb24oKXsKICAgICAgdGhpcy5vcGVuRGF0YXNldCgpCiAgICB9LAogICAgY2F0ZWdvcnlDaGFuZ2VkOiBmdW5jdGlvbihuYW1lKSB7CiAgICAgIHRoaXMuY3VycmVudENhdGVnb3J5ID0gbmFtZTsKICAgIH0sCiAgICBnYWxsZXJ5Q2xpY2tlZDogZnVuY3Rpb24ocGF5bG9hZCkgewogICAgICB0aGlzLnByb3BvZ2F0ZUNhcmRBY3Rpb24ocGF5bG9hZCkKICAgIH0sCiAgICBvcGVuRGF0YXNldDogZnVuY3Rpb24oKXsKICAgICAgd2luZG93Lm9wZW4odGhpcy5kYXRhTG9jYXRpb24sJ19ibGFuaycpOwogICAgfSwKICAgIG9wZW5SZXBvc2l0b3J5OiBmdW5jdGlvbigpIHsKICAgICAgbGV0IGFwaUxvY2F0aW9uID0gdGhpcy5lbnZWYXJzLkFQSV9MT0NBVElPTjsKICAgICAgdGhpcy5lbnRyeS5hZGRpdGlvbmFsTGlua3MuZm9yRWFjaChmdW5jdGlvbihlbCkgewogICAgICAgIGlmIChlbC5kZXNjcmlwdGlvbiA9PSAiUmVwb3NpdG9yeSIpIHsKICAgICAgICAgIGxldCB4bWxodHRwID0gbmV3IFhNTEh0dHBSZXF1ZXN0KCk7CiAgICAgICAgICB4bWxodHRwLm9wZW4oIlBPU1QiLCBhcGlMb2NhdGlvbiArICIvcG1yX2xhdGVzdF9leHBvc3VyZSIsIHRydWUpOwogICAgICAgICAgeG1saHR0cC5zZXRSZXF1ZXN0SGVhZGVyKCJDb250ZW50LXR5cGUiLCAiYXBwbGljYXRpb24vanNvbiIpOwogICAgICAgICAgeG1saHR0cC5vbnJlYWR5c3RhdGVjaGFuZ2UgPSAoKSA9PiB7CiAgICAgICAgICAgIGlmICh4bWxodHRwLnJlYWR5U3RhdGUgPT09IDQpIHsKICAgICAgICAgICAgICBsZXQgdXJsID0gIiI7CiAgICAgICAgICAgICAgaWYgKHhtbGh0dHAuc3RhdHVzID09PSAyMDApIHsKICAgICAgICAgICAgICAgIHVybCA9IEpTT04ucGFyc2UoeG1saHR0cC5yZXNwb25zZVRleHQpWyJ1cmwiXTsKICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgaWYgKHVybCA9PT0gIiIpIHsKICAgICAgICAgICAgICAgIHVybCA9IGVsLnVyaTsKICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgd2luZG93Lm9wZW4odXJsLCdfYmxhbmsnKTsKICAgICAgICAgICAgfQogICAgICAgICAgfTsKICAgICAgICAgIHhtbGh0dHAuc2VuZChKU09OLnN0cmluZ2lmeSh7d29ya3NwYWNlX3VybDogZWwudXJpfSkpOwogICAgICAgIH0KICAgICAgfSk7CiAgICB9LAogICAgcHJvcG9nYXRlQ2FyZEFjdGlvbjogZnVuY3Rpb24oYWN0aW9uKXsKICAgICAgRXZlbnRCdXMuJGVtaXQoIlBvcG92ZXJBY3Rpb25DbGljayIsIGFjdGlvbikKICAgICAgRXZlbnRCdXMuJGVtaXQoImNvbnRleHRVcGRhdGUiLCBhY3Rpb24pIC8vIFBhc3MgdG8gbWFwaW50ZWdyYXRlZHZ1ZXIKICAgIH0sCiAgICBzcGxpdERPSTogZnVuY3Rpb24oZG9pKXsKICAgICAgcmV0dXJuIFtkb2kuc3BsaXQoJy8nKVtkb2kuc3BsaXQoJy8nKS5sZW5ndGgtMl0sIGRvaS5zcGxpdCgnLycpW2RvaS5zcGxpdCgnLycpLmxlbmd0aC0xXV0KICAgIH0sCiAgICBnZXRCYW5uZXI6IGZ1bmN0aW9uICgpIHsKICAgICAgLy8gT25seSBsb2FkIGJhbm5lciBpZiBjYXJkIGhhcyBjaGFuZ2VkCiAgICAgIGlmICh0aGlzLmxhc3REb2kgIT09IHRoaXMuZW50cnkuZG9pKSB7CiAgICAgICAgdGhpcy5sYXN0RG9pID0gdGhpcy5lbnRyeS5kb2kKICAgICAgICB0aGlzLmxvYWRpbmcgPSB0cnVlCiAgICAgICAgbGV0IGRvaSA9IHRoaXMuc3BsaXRET0kodGhpcy5lbnRyeS5kb2kpCiAgICAgICAgZmV0Y2goYCR7dGhpcy5lbnZWYXJzLlBFTk5TSUVWRV9BUElfTE9DQVRJT059L2Rpc2NvdmVyL2RhdGFzZXRzL2RvaS8ke2RvaVswXX0vJHtkb2lbMV19YCkKICAgICAgICAgIC50aGVuKChyZXNwb25zZSkgPT57CiAgICAgICAgICAgIGlmICghcmVzcG9uc2Uub2spewogICAgICAgICAgICAgIHRocm93IEVycm9yKHJlc3BvbnNlLnN0YXR1c1RleHQpCiAgICAgICAgICAgIH0gZWxzZSB7CiAgICAgICAgICAgICAgcmV0dXJuIHJlc3BvbnNlLmpzb24oKQogICAgICAgICAgICB9CiAgICAgICAgICB9KQogICAgICAgICAgLnRoZW4oKGRhdGEpID0+IHsKICAgICAgICAgICAgdGhpcy50aHVtYm5haWwgPSBkYXRhLmJhbm5lcgogICAgICAgICAgICB0aGlzLmRpc2NvdmVySWQgPSBkYXRhLmlkCiAgICAgICAgICAgIHRoaXMudmVyc2lvbiA9IGRhdGEudmVyc2lvbgogICAgICAgICAgICB0aGlzLmRhdGFMb2NhdGlvbiA9IGBodHRwczovL3NwYXJjLnNjaWVuY2UvZGF0YXNldHMvJHtkYXRhLmlkfT90eXBlPWRhdGFzZXRgCiAgICAgICAgICAgIHRoaXMuZ2V0QmlvbHVjaWRhSW5mbyh0aGlzLmRpc2NvdmVySWQpCiAgICAgICAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlCiAgICAgICAgICB9KQogICAgICAgICAgLmNhdGNoKCgpID0+IHsKICAgICAgICAgICAgLy9zZXQgZGVmYXVsdHMgaWYgd2UgaGl0IGFuIGVycm9yCiAgICAgICAgICAgIHRoaXMudGh1bWJuYWlsID0gcmVxdWlyZSgnQC8uLi9hc3NldHMvbWlzc2luZy1pbWFnZS5zdmcnKQogICAgICAgICAgICB0aGlzLmRpc2NvdmVySWQgPSBOdW1iZXIodGhpcy5lbnRyeS5kYXRhc2V0SWQpCiAgICAgICAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlCiAgICAgICAgICB9KTsKICAgICAgfQoKICAgIH0sCiAgICBsYXN0TmFtZTogZnVuY3Rpb24oZnVsbE5hbWUpewogICAgICByZXR1cm4gZnVsbE5hbWUuc3BsaXQoJywnKVswXQogICAgfSwKICAgIGdldEJpb2x1Y2lkYUluZm86IGZ1bmN0aW9uKGlkKSB7CiAgICAgIGxldCBhcGlMb2NhdGlvbiA9IHRoaXMuZW52VmFycy5BUElfTE9DQVRJT047CiAgICAgIGxldCBlbmRwb2ludCA9IGFwaUxvY2F0aW9uICsgImltYWdlX3NlYXJjaC8iICsgaWQ7CiAgICAgIC8vIEFkZCBwYXJhbWV0ZXJzIGlmIHdlIGFyZSBzZW50IHRoZW0KICAgICAgZmV0Y2goZW5kcG9pbnQpCiAgICAgICAgLnRoZW4ocmVzcG9uc2UgPT4gcmVzcG9uc2UuanNvbigpKQogICAgICAgIC50aGVuKGRhdGEgPT4gewogICAgICAgICAgaWYgKGRhdGEuc3RhdHVzID09ICJzdWNjZXNzIikKICAgICAgICAgICAgdGhpcy5iaW9sdWNpZGFEYXRhID0gZGF0YTsKICAgICAgICB9KTsKICAgIH0KICB9LAogIGNyZWF0ZWQ6IGZ1bmN0aW9uKCkgewogICAgdGhpcy5nZXRCYW5uZXIoKQogIH0sCiAgd2F0Y2g6IHsKICAgIC8vIGN1cnJlbnRseSBub3QgdXNpbmcgY2FyZCBvdmVyZmxvdwogICAgJ2VudHJ5LmRlc2NyaXB0aW9uJzogZnVuY3Rpb24oKSB7IC8vIHdhdGNoIGl0CiAgICAgIHRoaXMuZ2V0QmFubmVyKCkKICAgIH0KICB9LAp9Owo="},{"version":3,"sources":["DatasetCard.vue"],"names":[],"mappings":";AAyCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;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;;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;AACA;AACA;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","file":"DatasetCard.vue","sourceRoot":"node_modules/@abi-software/map-side-bar/src/components","sourcesContent":["<template>\n  <div class=\"dataset-card-container\"  ref=\"container\">\n    <div class=\"dataset-card\"  ref=\"card\">\n      <div class=\"seperator-path\"></div>\n      <div v-loading=\"loading\" class=\"card\" >\n        <span class=\"card-left\">\n          <image-gallery v-if=\"!loading && discoverId\" \n            :datasetId=\"discoverId\"\n            :datasetVersion=\"version\"\n            :entry=\"entry\"\n            :envVars=\"envVars\"\n            :label=\"label\"\n            :datasetThumbnail=\"thumbnail\"\n            :dataset-biolucida=\"biolucidaData\"\n            :category=\"currentCategory\"\n            @card-clicked=\"galleryClicked\"\n          />\n        </span>\n        <div class=\"card-right\" >\n          <div class=\"title\" @click=\"cardClicked\">{{entry.name}}</div>\n          <div class=\"details\">{{contributors}} {{entry.publishDate ? `(${publishYear})` : ''}}</div>\n          <div class=\"details\">{{samples}}</div>\n          <div v-if=\"!entry.detailsReady\" class=\"details loading-icon\" v-loading=\"!entry.detailsReady\"></div>\n          <div>\n            <el-button v-if=\"entry.simulation\"  @click=\"openRepository\" size=\"mini\" class=\"button\" icon=\"el-icon-view\">View repository</el-button>\n          </div>\n          <div class=\"badges-container\">\n            <badges-group\n              :entry=\"entry\"\n              :dataset-biolucida=\"biolucidaData\"\n              @categoryChanged=\"categoryChanged\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n\n<script>\n/* eslint-disable no-alert, no-console */\nimport Vue from \"vue\";\nimport BadgesGroup from \"./BadgesGroup.vue\";\nimport { Button, Icon } from \"element-ui\";\nimport lang from \"element-ui/lib/locale/lang/en\";\nimport locale from \"element-ui/lib/locale\";\nimport EventBus from \"./EventBus\"\nimport speciesMap from \"./species-map\";\nimport ImageGallery from \"./ImageGallery.vue\";\n\nlocale.use(lang);\nVue.use(Button);\nVue.use(Icon);\n\nexport default {\n  name: \"DatasetCard\",\n  components: { BadgesGroup, ImageGallery },\n  props: {\n    /**\n     * Object containing information for\n     * the required viewing.\n     */\n    entry: {\n      type: Object,\n      default: () => {}\n    },\n    envVars: {\n      type: Object,\n      default: () => {}\n    },\n  },\n  data: function () {\n    return {\n      thumbnail: require('@/../assets/missing-image.svg'),\n      dataLocation: this.entry.doi,\n      discoverId: undefined,\n      loading: true,\n      version: 1,\n      lastDoi: undefined,\n      biolucidaData: undefined,\n      currentCategory: \"All\"\n    };\n  },\n  computed: {\n    contributors: function() {\n      let text = \"\";\n      if (this.entry.contributors) {\n        if (this.entry.contributors.length === 1) {\n          text = this.lastName(this.entry.contributors[0].name);\n        } else if (this.entry.contributors.length === 2) {\n          text = this.lastName(this.entry.contributors[0].name) + \" & \" + this.lastName(this.entry.contributors[1].name);\n        } else if (this.entry.contributors.length > 2) {\n          text = this.lastName(this.entry.contributors[0].name) + \" et al.\";\n        }\n      }\n      return text;\n    },\n    samples: function() {\n      let text = \"\";\n      if (this.entry.species) {\n        if (speciesMap[this.entry.species[0].toLowerCase()]){\n          text = `${speciesMap[this.entry.species[0].toLowerCase()]}`;\n        } else {\n          text = `${this.entry.species}`;\n        }\n      }\n      if (this.entry.numberSamples > 0) {\n        text += \" (\";\n        if (this.entry.numberSamples === 1) {\n          text += `${this.entry.numberSamples} sample`;\n        } else if (this.entry.numberSamples > 1) {\n          text += `${this.entry.numberSamples} samples`;\n        }\n        if (this.entry.numberSubjects === 1) {\n          text += ` from ${this.entry.numberSubjects} subject`;\n        } else if (this.entry.numberSamples > 1) {\n          text += ` from ${this.entry.numberSubjects} subjects`;\n        }\n        text += \")\";\n      }\n\n      return text;\n    },\n    label: function(){\n      return this.entry.organs ? this.entry.organs[0] : this.entry.name\n    },\n    publishYear: function() {\n      return this.entry.publishDate.split('-')[0]\n    }\n  },\n  methods: {\n    cardClicked: function(){\n      this.openDataset()\n    },\n    categoryChanged: function(name) {\n      this.currentCategory = name;\n    },\n    galleryClicked: function(payload) {\n      this.propogateCardAction(payload)\n    },\n    openDataset: function(){\n      window.open(this.dataLocation,'_blank');\n    },\n    openRepository: function() {\n      let apiLocation = this.envVars.API_LOCATION;\n      this.entry.additionalLinks.forEach(function(el) {\n        if (el.description == \"Repository\") {\n          let xmlhttp = new XMLHttpRequest();\n          xmlhttp.open(\"POST\", apiLocation + \"/pmr_latest_exposure\", true);\n          xmlhttp.setRequestHeader(\"Content-type\", \"application/json\");\n          xmlhttp.onreadystatechange = () => {\n            if (xmlhttp.readyState === 4) {\n              let url = \"\";\n              if (xmlhttp.status === 200) {\n                url = JSON.parse(xmlhttp.responseText)[\"url\"];\n              }\n              if (url === \"\") {\n                url = el.uri;\n              }\n              window.open(url,'_blank');\n            }\n          };\n          xmlhttp.send(JSON.stringify({workspace_url: el.uri}));\n        }\n      });\n    },\n    propogateCardAction: function(action){\n      EventBus.$emit(\"PopoverActionClick\", action)\n      EventBus.$emit(\"contextUpdate\", action) // Pass to mapintegratedvuer\n    },\n    splitDOI: function(doi){\n      return [doi.split('/')[doi.split('/').length-2], doi.split('/')[doi.split('/').length-1]]\n    },\n    getBanner: function () {\n      // Only load banner if card has changed\n      if (this.lastDoi !== this.entry.doi) {\n        this.lastDoi = this.entry.doi\n        this.loading = true\n        let doi = this.splitDOI(this.entry.doi)\n        fetch(`${this.envVars.PENNSIEVE_API_LOCATION}/discover/datasets/doi/${doi[0]}/${doi[1]}`)\n          .then((response) =>{\n            if (!response.ok){\n              throw Error(response.statusText)\n            } else {\n              return response.json()\n            }\n          })\n          .then((data) => {\n            this.thumbnail = data.banner\n            this.discoverId = data.id\n            this.version = data.version\n            this.dataLocation = `https://sparc.science/datasets/${data.id}?type=dataset`\n            this.getBiolucidaInfo(this.discoverId)\n            this.loading = false\n          })\n          .catch(() => {\n            //set defaults if we hit an error\n            this.thumbnail = require('@/../assets/missing-image.svg')\n            this.discoverId = Number(this.entry.datasetId)\n            this.loading = false\n          });\n      }\n\n    },\n    lastName: function(fullName){\n      return fullName.split(',')[0]\n    },\n    getBiolucidaInfo: function(id) {\n      let apiLocation = this.envVars.API_LOCATION;\n      let endpoint = apiLocation + \"image_search/\" + id;\n      // Add parameters if we are sent them\n      fetch(endpoint)\n        .then(response => response.json())\n        .then(data => {\n          if (data.status == \"success\")\n            this.biolucidaData = data;\n        });\n    }\n  },\n  created: function() {\n    this.getBanner()\n  },\n  watch: {\n    // currently not using card overflow\n    'entry.description': function() { // watch it\n      this.getBanner()\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/col\";\n@import \"~element-ui/packages/theme-chalk/src/loading\";\n\n.dataset-card {\n  padding-left: 16px;\n  position: relative;\n  min-height:17rem;\n}\n\n.title {\n  padding-bottom: 0.75rem;\n  font-family: Asap;\n  font-size: 14px;\n  font-weight: bold;\n  font-stretch: normal;\n  font-style: normal;\n  line-height: 1.5;\n  letter-spacing: 1.05px;\n  color: #484848;\n  cursor: pointer;\n}\n.card {\n  padding-top: 18px;\n  position: relative;\n  display: flex;\n}\n\n.card-left{\n  flex: 1\n}\n\n.card-right {\n  flex: 1.3;\n  padding-left: 6px;\n}\n\n.button{\n  z-index: 10;\n  font-family: Asap;\n  font-size: 14px;\n  font-weight: normal;\n  font-stretch: normal;\n  font-style: normal;\n  line-height: normal;\n  letter-spacing: normal;\n  background-color: $app-primary-color;\n  border: $app-primary-color;\n  color: white;\n  cursor: pointer;\n  margin-top: 8px;\n}\n\n.button:hover {\n  background-color: $app-primary-color;\n  color: white;\n}\n\n.banner-img {\n  width: 128px;\n  height: 128px;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);\n  background-color: #ffffff;\n  cursor: pointer;\n}\n.details{\n  font-family: Asap;\n  font-size: 14px;\n  font-weight: normal;\n  font-stretch: normal;\n  font-style: normal;\n  line-height: 1.5;\n  letter-spacing: 1.05px;\n  color: #484848;\n}\n\n.badges-container {\n  margin-top:0.75rem;\n}\n\n.loading-icon {\n  z-index: 20;\n  width: 40px;\n  height: 40px;\n  left: 80px;\n}\n\n.loading-icon ::v-deep .el-loading-mask {\n  background-color: rgba(117, 190, 218, 0.0) !important;\n}\n\n.loading-icon ::v-deep .el-loading-spinner .path {\n  stroke: $app-primary-color;\n}\n</style>\n"]}]}