{"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/flatmapvuer/src/components/ExternalResourceCard.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/flatmapvuer/src/components/ExternalResourceCard.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:DQovKiBlc2xpbnQtZGlzYWJsZSBuby1hbGVydCwgbm8tY29uc29sZSAqLw0KaW1wb3J0IFZ1ZSBmcm9tICJ2dWUiOw0KaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAiZWxlbWVudC11aSI7DQpWdWUudXNlKEJ1dHRvbik7DQoNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogIkV4dGVybmFsUmVzb3VyY2VDYXJkIiwNCiAgcHJvcHM6IHsNCiAgICByZXNvdXJjZXM6IHsNCiAgICAgIHR5cGU6IEFycmF5LA0KICAgICAgZGVmYXVsdDogKCkgPT4gW10NCiAgICB9LA0KICB9LA0KICBkYXRhOiBmdW5jdGlvbigpIHsNCiAgICByZXR1cm4gew0KICAgICAgcHVibWVkczogW10sDQogICAgICBwdWJtZWRJZHM6IFtdLA0KICAgIH07DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICBjYXBpdGFsaXNlOiBmdW5jdGlvbihzdHJpbmcpIHsNCiAgICAgIHJldHVybiBzdHJpbmcuY2hhckF0KDApLnRvVXBwZXJDYXNlKCkgKyBzdHJpbmcuc2xpY2UoMSk7DQogICAgfSwNCiAgICBvcGVuVXJsOiBmdW5jdGlvbih1cmwpew0KICAgICAgd2luZG93Lm9wZW4odXJsLCAnX2JsYW5rJykNCiAgICB9LA0KICB9DQp9Ow0K"},{"version":3,"sources":["ExternalResourceCard.vue"],"names":[],"mappings":";AAeA;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","file":"ExternalResourceCard.vue","sourceRoot":"node_modules/@abi-software/flatmapvuer/src/components","sourcesContent":["<template>\r\n  <div class=\"resource-container\">\r\n    <template v-for=\"resource in resources\">\r\n      <div class=\"resource\" :key=\"resource.id\">\r\n        <el-button  v-if=\"resource.id === 'pubmed'\" class=\"button\" icon=\"el-icon-notebook-2\" @click=\"openUrl(resource.url)\">\r\n          Open publications in pubmed\r\n        </el-button>\r\n      </div>\r\n    </template>\r\n  </div>\r\n</template>\r\n\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\nVue.use(Button);\r\n\r\nexport default {\r\n  name: \"ExternalResourceCard\",\r\n  props: {\r\n    resources: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n  },\r\n  data: function() {\r\n    return {\r\n      pubmeds: [],\r\n      pubmedIds: [],\r\n    };\r\n  },\r\n  methods: {\r\n    capitalise: function(string) {\r\n      return string.charAt(0).toUpperCase() + string.slice(1);\r\n    },\r\n    openUrl: function(url){\r\n      window.open(url, '_blank')\r\n    },\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@import \"~element-ui/packages/theme-chalk/src/button\";\r\n\r\n.attribute-title{\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  /* font-weight: bold; */\r\n  text-transform: uppercase;\r\n}\r\n\r\n.attribute-content{\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n}\r\n\r\n.el-link {\r\n  color: $app-primary-color;\r\n  text-decoration: none;\r\n  word-wrap: break-word;\r\n  &:hover, &:focus{\r\n    color: $app-primary-color;\r\n  }\r\n}\r\n\r\n::v-deep .el-carousel__button {\r\n  background-color: $app-primary-color;  \r\n}\r\n\r\n.attribute-title{\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  /* font-weight: bold; */\r\n  text-transform: uppercase;\r\n}\r\n\r\n.button {\r\n  margin-left: 0px !important;\r\n  margin-top: 0px !important;\r\n  font-size: 14px !important;\r\n  background-color: $app-primary-color;\r\n  color: #fff;\r\n  &:hover{\r\n    color: #fff !important;\r\n    background: #ac76c5 !important;\r\n    border: 1px solid #ac76c5 !important;\r\n  }\r\n  &+.button {\r\n    margin-top: 10px !important;\r\n    background-color: $app-primary-color;\r\n    color: #fff; \r\n  }\r\n}\r\n\r\n</style>"]}]}