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