{"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/ContextCard.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/map-side-bar/src/components/ContextCard.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:DQovKiBlc2xpbnQtZGlzYWJsZSBuby1hbGVydCwgbm8tY29uc29sZSAqLw0KaW1wb3J0IFZ1ZSBmcm9tICJ2dWUiOw0KaW1wb3J0IHsgTGluaywgSWNvbiwgQ2FyZCwgQnV0dG9uLCBTZWxlY3QsIElucHV0IH0gZnJvbSAiZWxlbWVudC11aSI7DQppbXBvcnQgbGFuZyBmcm9tICJlbGVtZW50LXVpL2xpYi9sb2NhbGUvbGFuZy9lbiI7DQppbXBvcnQgbG9jYWxlIGZyb20gImVsZW1lbnQtdWkvbGliL2xvY2FsZSI7DQppbXBvcnQgRXZlbnRCdXMgZnJvbSAiLi9FdmVudEJ1cyINCmltcG9ydCBoYXJkY29kZWRfaW5mbyBmcm9tICcuL2hhcmRjb2RlZC1jb250ZXh0LWluZm8nDQoNCi8vcHJvdmlkZSB0aGUgczNCdWNrZXQgcmVsYXRlZCBtZXRob2RzIGFuZCBkYXRhLg0KaW1wb3J0IFMzQnVja2V0IGZyb20gIi4uL21peGlucy9TM0J1Y2tldCI7DQoNCmltcG9ydCB7IG1hcmtlZCB9IGZyb20gJ21hcmtlZCcNCmltcG9ydCB4c3MgZnJvbSAneHNzJw0KDQpsb2NhbGUudXNlKGxhbmcpOw0KVnVlLnVzZShMaW5rKTsNClZ1ZS51c2UoSWNvbik7DQpWdWUudXNlKENhcmQpOw0KVnVlLnVzZShCdXR0b24pOw0KVnVlLnVzZShTZWxlY3QpOw0KVnVlLnVzZShJbnB1dCk7DQoNCmNvbnN0IGFkZEZpbGVzVG9QYXRoSWZNaXNzaW5nID0gZnVuY3Rpb24ocGF0aCl7DQogIGlmICghcGF0aC5pbmNsdWRlcygnZmlsZXMnKSl7DQogICAgcmV0dXJuICdmaWxlcy8nICsgcGF0aA0KICB9IGVsc2Ugew0KICAgIHJldHVybiBwYXRoDQogIH0NCn0NCg0KY29uc3QgY29udmVydEJhY2tzbGFzaFRvRm9yd2FyZFNsYXNoID0gZnVuY3Rpb24ocGF0aCl7DQogIHBhdGggPSBwYXRoLnJlcGxhY2VBbGwoJ1xcJywnLycpDQogIHBhdGggPSBwYXRoLnJlcGxhY2VBbGwoJ1xcXFwnLCAnLycpDQogIHJldHVybiBwYXRoDQp9DQoNCi8vIGNvbnN0IHN3aXRjaFBhdGhUb0RpcmVjdG9yeSA9IGZ1bmN0aW9uKHBhdGgpew0KLy8gICBsZXQgbmV3UGF0aCA9IHBhdGguc3BsaXQoJy8nKQ0KLy8gICBuZXdQYXRoLnBvcCgpDQovLyAgIHJldHVybiBuZXdQYXRoLmpvaW4oJy8nKQ0KLy8gfQ0KDQoNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogImNvbnRleHRDYXJkIiwNCiAgbWl4aW5zOiBbUzNCdWNrZXRdLA0KICBwcm9wczogew0KICAgIC8qKg0KICAgICAqIE9iamVjdCBjb250YWluaW5nIGluZm9ybWF0aW9uIGZvcg0KICAgICAqIHRoZSByZXF1aXJlZCB2aWV3aW5nLg0KICAgICAqLw0KICAgIGVudHJ5OiBPYmplY3QsDQogICAgZW52VmFyczogT2JqZWN0LA0KICB9LA0KICBkYXRhOiBmdW5jdGlvbiAoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIGNvbnRleHREYXRhOiB7fSwNCiAgICAgIHNob3dEZXRhaWxzOiB0cnVlLA0KICAgICAgc2hvd0NvbnRleHRDYXJkOiB0cnVlLA0KICAgICAgc2FtcGxlRGV0YWlsczoge30sDQogICAgICBsb2FkaW5nOiBmYWxzZQ0KICAgIH07DQogIH0sDQogIHdhdGNoOiB7DQogICAgJ2VudHJ5LmNvbnRleHRDYXJkVXJsJzogew0KICAgICAgaGFuZGxlcih2YWwpew0KICAgICAgICBpZiAodmFsKSB7DQogICAgICAgICAgLy8gdXNlZCBmb3IgaGFyZGNvZGluZyBkYXRhDQogICAgICAgICAgaWYgKHZhbCA9PT0gdHJ1ZSl7DQogICAgICAgICAgICB0aGlzLmNvbnRleHREYXRhID0gaGFyZGNvZGVkX2luZm9bdGhpcy5lbnRyeS5kaXNjb3ZlcklkXQ0KICAgICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgICB0aGlzLmdldENvbnRleHRGaWxlKHZhbCkNCiAgICAgICAgICAgIHRoaXMuc2hvd0NvbnRleHRDYXJkID0gdHJ1ZQ0KICAgICAgICAgIH0NCiAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICB0aGlzLnNob3dDb250ZXh0Q2FyZCA9IGZhbHNlDQogICAgICAgIH0NCiAgICAgIH0sDQogICAgICBpbW1lZGlhdGU6IHRydWUNCiAgICB9LA0KICAgICdlbnRyeS5zM3VyaSc6IHsNCiAgICAgIGhhbmRsZXIodmFsKXsNCiAgICAgICAgdGhpcy51cGRhdGVTM0J1Y2tldCh2YWwpOw0KICAgICAgfSwNCiAgICAgIGltbWVkaWF0ZTogdHJ1ZQ0KICAgIH0NCiAgfSwNCiAgY29tcHV0ZWQ6IHsNCiAgICBzYW1wbGVzVW5kZXJWaWV3czogZnVuY3Rpb24oKXsNCiAgICAgIGlmICh0aGlzLmNvbnRleHREYXRhKXsNCiAgICAgICAgaWYgKHRoaXMuY29udGV4dERhdGEuc2FtcGxlc1VuZGVyVmlld3Mpew0KICAgICAgICAgIHJldHVybiB0cnVlDQogICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgbGV0IHZpZXdJZCA9IHRoaXMuY29udGV4dERhdGEudmlld3MubWFwKHY9PnYuaWQpDQogICAgICAgICAgbGV0IHNhbXBsZXNWaWV3ID0gdGhpcy5jb250ZXh0RGF0YS5zYW1wbGVzLm1hcChzPT5zLnZpZXcpDQoNCiAgICAgICAgICAvLyBnZXQgbWF0Y2hpbmcgdmFsdWVzDQogICAgICAgICAgbGV0IG1hdGNoaW5nID0gdmlld0lkLmZpbHRlcih2PT5zYW1wbGVzVmlldy5pbmNsdWRlcyh2KSkNCg0KICAgICAgICAgIC8vIGNoZWNrIGFsbCBhcnJheXMgaGF2ZSB0aGUgc2FtZSBsZW5ndGggKHdoaWNoIG1lYW5zIGFsbCB2YWx1ZXMgYXJlIGluIGFsbCB0aHJlZSkNCiAgICAgICAgICBpZiAoIHZpZXdJZC5sZW5ndGggPT09IG1hdGNoaW5nLmxlbmd0aCAmJiBtYXRjaGluZy5sZW5ndGggPT09IHNhbXBsZXNWaWV3Lmxlbmd0aCl7DQogICAgICAgICAgICByZXR1cm4gdHJ1ZQ0KICAgICAgICAgIH0NCiAgICAgICAgICByZXR1cm4gZmFsc2UNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgICAgZWxzZSByZXR1cm4gZmFsc2UNCiAgICB9LA0KICAgIGJhbm5lcjogZnVuY3Rpb24oKXsNCiAgICAgIGlmICh0aGlzLmNvbnRleHREYXRhLmJhbm5lcil7DQogICAgICAgIHJldHVybiB0aGlzLmdldEZpbGVGcm9tUGF0aCh0aGlzLmNvbnRleHREYXRhLmJhbm5lcikgDQogICAgICB9IGVsc2UgaWYgKHRoaXMuY29udGV4dERhdGEgJiYgdGhpcy5jb250ZXh0RGF0YS52aWV3cyAmJiB0aGlzLmNvbnRleHREYXRhLnZpZXdzLmxlbmd0aCA+IDApIHsNCiAgICAgICAgaWYodGhpcy5jb250ZXh0RGF0YS52aWV3c1swXS50aHVtYm5haWwpew0KICAgICAgICAgIHJldHVybiB0aGlzLmdldEZpbGVGcm9tUGF0aCh0aGlzLmNvbnRleHREYXRhLnZpZXdzWzBdLnRodW1ibmFpbCkNCiAgICAgICAgfQ0KICAgICAgfSANCiAgICAgIHJldHVybiB0aGlzLmVudHJ5LmJhbm5lcg0KICAgIH0NCiAgfSwNCiAgbWV0aG9kczogew0KICAgIHNhbXBsZXNNYXRjaGluZzogZnVuY3Rpb24odmlld0lkKXsNCiAgICAgIGlmICh0aGlzLmNvbnRleHREYXRhICYmIHRoaXMuY29udGV4dERhdGEuc2FtcGxlcyl7DQogICAgICAgIHJldHVybiB0aGlzLmNvbnRleHREYXRhLnNhbXBsZXMuZmlsdGVyKHM9PnMudmlldyA9PSB2aWV3SWQpWzBdDQogICAgICB9DQogICAgICBlbHNlIHJldHVybiBbXQ0KICAgIH0sDQogICAgdmlld0NsaWNrZWQ6IGZ1bmN0aW9uKHZpZXcsIGkpew0KICAgICAgdGhpcy5vcGVuVmlld0ZpbGUodmlldykgDQogICAgICB0aGlzLnRvZ2dsZVNhbXBsZURldGFpbHMoaSkNCiAgICB9LA0KICAgIGdldENvbnRleHRGaWxlOiBmdW5jdGlvbiAoY29udGV4dEZpbGVVcmwpIHsNCiAgICAgIHRoaXMubG9hZGluZyA9IHRydWUNCiAgICAgIGZldGNoKGNvbnRleHRGaWxlVXJsKQ0KICAgICAgICAudGhlbigocmVzcG9uc2UpID0+ew0KICAgICAgICAgIGlmICghcmVzcG9uc2Uub2spew0KICAgICAgICAgICAgdGhyb3cgRXJyb3IocmVzcG9uc2Uuc3RhdHVzVGV4dCkNCiAgICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgICAgIHJldHVybiByZXNwb25zZS5qc29uKCkNCiAgICAgICAgICB9DQogICAgICAgIH0pDQogICAgICAgIC50aGVuKChkYXRhKSA9PiB7DQogICAgICAgICAgdGhpcy5jb250ZXh0RGF0YSA9IGRhdGENCiAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZQ0KICAgICAgICAgIHRoaXMuYWRkRGlzY292ZXJJZHNUb0NvbnRleHREYXRhKCkgDQogICAgICAgIH0pDQogICAgICAgIC5jYXRjaCgoZXJyKSA9PiB7DQogICAgICAgICAgLy9zZXQgZGVmYXVsdHMgaWYgd2UgaGl0IGFuIGVycm9yDQogICAgICAgICAgY29uc29sZS5lcnJvcignY2F1Z2h0IGVycm9yIScsIGVycikNCiAgICAgICAgICB0aGlzLnRodW1ibmFpbCA9IHJlcXVpcmUoJ0AvLi4vYXNzZXRzL21pc3NpbmctaW1hZ2Uuc3ZnJykNCiAgICAgICAgICB0aGlzLmRpc2NvdmVySWQgPSB1bmRlZmluZWQNCiAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZQ0KICAgICAgICB9KTsNCiAgICB9LA0KICAgIHJlbW92ZURvdWJsZUZpbGVzUGF0aDogZnVuY3Rpb24ocGF0aCl7DQogICAgICBpZiAocGF0aC5pbmNsdWRlcygnZmlsZXMvJykpew0KICAgICAgICByZXR1cm4gcGF0aC5yZXBsYWNlKCdmaWxlcy8nLCAnJykNCiAgICAgIH0gZWxzZSBpZiAocGF0aC5pbmNsdWRlcygnZmlsZXNcXCcpKSB7DQogICAgICAgIHJldHVybiBwYXRoLnJlcGxhY2UoJ2ZpbGVzXFwnLCAnJykNCiAgICAgIH0gZWxzZSB7DQogICAgICAgIHJldHVybiBwYXRoDQogICAgICB9DQogICAgfSwNCiAgICB0b2dnbGVTYW1wbGVEZXRhaWxzOiBmdW5jdGlvbihpKXsNCiAgICAgIGlmICh0aGlzLnNhbXBsZURldGFpbHNbaV0gPT09IHVuZGVmaW5lZCl7DQogICAgICAgIFZ1ZS5zZXQodGhpcy5zYW1wbGVEZXRhaWxzLCBpLCB0cnVlKQ0KICAgICAgfSBlbHNlIHsNCiAgICAgICAgVnVlLnNldCh0aGlzLnNhbXBsZURldGFpbHMsIGksICF0aGlzLnNhbXBsZURldGFpbHNbaV0pDQogICAgICB9DQogICAgfSwNCiAgICBnZXRGaWxlRnJvbVBhdGg6IGZ1bmN0aW9uKHBhdGgpew0KICAgICAgLy8gZm9yIGhhcmRjb2RlZCBkYXRhDQogICAgICBpZih0aGlzLmVudHJ5LmNvbnRleHRDYXJkVXJsID09PSB0cnVlKXsNCiAgICAgICAgcmV0dXJuIHBhdGgNCiAgICAgIH0NCiAgICAgIHBhdGggPSB0aGlzLnJlbW92ZURvdWJsZUZpbGVzUGF0aChwYXRoKQ0KICAgICAgcmV0dXJuICBgJHt0aGlzLmVudlZhcnMuQVBJX0xPQ0FUSU9OfXMzLXJlc291cmNlLyR7dGhpcy5lbnRyeS5kaXNjb3ZlcklkfS8ke3RoaXMuZW50cnkudmVyc2lvbn0vZmlsZXMvJHtwYXRofSR7dGhpcy5nZXRTM0FyZ3MoKX1gDQogICAgfSwNCiAgICAvLyAgVGhpcyBpcyB1c2VkIGxhdGVyIHdoZW4gZ2VuZXJhdGVpbmcgbGlua3MgdG8gdGhlIHJlc291cmNlIG9uIHNwYXJjLnNjaWVuY2UgKHNlZSBnZW5lcmF0ZUZpbGVMaW5rKQ0KICAgIGFkZERpc2NvdmVySWRzVG9Db250ZXh0RGF0YSgpew0KICAgICAgdGhpcy5jb250ZXh0RGF0YS5zYW1wbGVzLmZvckVhY2goKHNhbXBsZSwgaSk9PnsNCiAgICAgICAgaWYgKHNhbXBsZSAmJiBzYW1wbGUuZG9pICYmIHNhbXBsZS5kb2kgIT09ICIiKXsNCiAgICAgICAgICBmZXRjaChgJHt0aGlzLmVudlZhcnMuUEVOTlNJRVZFX0FQSV9MT0NBVElPTn0vZGlzY292ZXIvZGF0YXNldHMvZG9pLyR7dGhpcy5zcGxpdERvaUZyb21Vcmwoc2FtcGxlLmRvaSl9YCkNCiAgICAgICAgICAudGhlbigocmVzcG9uc2UpID0+IHJlc3BvbnNlLmpzb24oKSkNCiAgICAgICAgICAudGhlbigoZGF0YSkgPT4gew0KICAgICAgICAgICAgdGhpcy5jb250ZXh0RGF0YS5zYW1wbGVzW2ldLmRpc2NvdmVySWQgPSBkYXRhLmlkDQogICAgICAgICAgICB0aGlzLmNvbnRleHREYXRhLnNhbXBsZXNbaV0udmVyc2lvbiA9IGRhdGEudmVyc2lvbg0KICAgICAgICAgIH0pDQogICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgICB0aGlzLmNvbnRleHREYXRhLnNhbXBsZXNbaV0uZGlzY292ZXJJZCA9IHRoaXMuZW50cnkuZGlzY292ZXJJZA0KICAgICAgICAgICAgdGhpcy5jb250ZXh0RGF0YS5zYW1wbGVzW2ldLnZlcnNpb24gPSB0aGlzLmVudHJ5LnZlcnNpb24NCiAgICAgICAgfQ0KICAgICAgfSkNCiAgICB9LA0KICAgIHByb2Nlc3NQYXRoRm9yVXJsKHBhdGgpew0KICAgICAgcGF0aCA9IGNvbnZlcnRCYWNrc2xhc2hUb0ZvcndhcmRTbGFzaChwYXRoKQ0KICAgICAgcGF0aCA9IGFkZEZpbGVzVG9QYXRoSWZNaXNzaW5nKHBhdGgpDQogICAgICByZXR1cm4gZW5jb2RlVVJJKHBhdGgpDQogICAgfSwNCiAgICBzcGxpdERvaUZyb21VcmwodXJsKXsNCiAgICAgIHJldHVybiB1cmwuc3BsaXQoJ2h0dHBzOi8vZG9pLm9yZy8nKS5wb3AoKQ0KICAgIH0sDQogICAgZ2VuZXJhdGVGaWxlTGluayhzYW1wbGUpew0KICAgICAgcmV0dXJuIGAke3RoaXMuZW52VmFycy5ST09UX1VSTH0vZmlsZS8ke3NhbXBsZS5kaXNjb3ZlcklkfS8ke3NhbXBsZS52ZXJzaW9ufT9wYXRoPSR7dGhpcy5wcm9jZXNzUGF0aEZvclVybChzYW1wbGUucGF0aCl9YA0KDQogICAgfSwNCiAgICBwYXJzZU1hcmtkb3duKG1hcmtkb3duKXsNCiAgICAgIHJldHVybiB4c3MobWFya2VkLnBhcnNlKG1hcmtkb3duKSkNCiAgICB9LA0KICAgIG9wZW5WaWV3RmlsZTogZnVuY3Rpb24odmlldyl7DQogICAgICAvLyBub3RlIHRoYXQgd2UgYXNzdW1lIHRoYXQgdGhlIHZpZXcgZmlsZSBpcyBpbiB0aGUgc2FtZSBkaXJlY3RvcnkgYXMgdGhlIHNjYWZmb2xkICh2aWV3VXJscyB0YWtlIHJlbGF0aXZlIHBhdGhzKQ0KICAgICAgdGhpcy5lbnRyeS52aWV3VXJsID0gYCR7dGhpcy5lbnZWYXJzLkFQSV9MT0NBVElPTn1zMy1yZXNvdXJjZS8ke3RoaXMuZW50cnkuZGlzY292ZXJJZH0vJHt0aGlzLmVudHJ5LnZlcnNpb259LyR7dmlldy5wYXRofSR7dGhpcy5nZXRTM0FyZ3MoKX1gDQogICAgICB0aGlzLmVudHJ5LnR5cGUgPSAnU2NhZmZvbGQgVmlldycNCiAgICAgIEV2ZW50QnVzLiRlbWl0KCJQb3BvdmVyQWN0aW9uQ2xpY2siLCB0aGlzLmVudHJ5KQ0KICAgIH0NCiAgfQ0KfTsNCg=="},{"version":3,"sources":["ContextCard.vue"],"names":[],"mappings":";AAiEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;AAGA;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;;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;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","file":"ContextCard.vue","sourceRoot":"node_modules/@abi-software/map-side-bar/src/components","sourcesContent":["<template>\r\n  <div class=\"context-card-container\"  ref=\"container\">\r\n    <div v-show=\"showContextCard\">\r\n      <div v-show=\"showDetails\" class=\"hide\" @click=\"showDetails = !showDetails\">Hide information<i class=\"el-icon-arrow-up\"></i></div>\r\n      <div v-show=\"!showDetails\" class=\"hide\" @click=\"showDetails = !showDetails\">Show information<i class=\"el-icon-arrow-down\"></i></div>\r\n      <el-card v-if=\"showDetails && Object.keys(contextData).length !== 0\" v-loading=\"loading\" class=\"context-card\" >\r\n        <div class=\"card-left\">\r\n          <img :src=\"banner\" class=\"context-image\">\r\n        </div>\r\n        <div class=\"card-right scrollbar\">\r\n          <div class=\"title\">{{contextData.heading}}</div>\r\n          <div v-html=\"parseMarkdown(contextData.description)\"/>\r\n          <br/>\r\n\r\n          <!-- Show sampeles and views seperately if they do not match -->\r\n          <template v-if=\"!samplesUnderViews\">\r\n            <div v-if=\"contextData.views && contextData.views.length > 0\" class=\"subtitle\">Scaffold Views</div>\r\n            <template v-for=\"(view, i) in contextData.views\">\r\n              <div v-bind:key=\"i+'_1'\" @click=\"openViewFile(view)\" class=\"context-card-view\">\r\n                <img class=\"view-image\" :src=\"getFileFromPath(view.thumbnail)\"> \r\n                <div class=\"view-description\">{{view.description}}</div>\r\n              </div>\r\n              <div v-bind:key=\"i\" class=\"padding\"/>\r\n            </template>\r\n            <div style=\"margin-bottom: 16px;\"/>\r\n            <div v-if=\"contextData.samples && contextData.samples.length > 0\" class=\"subtitle\">Samples on Scaffold</div>\r\n            <template v-for=\"(sample, i) in contextData.samples\">\r\n                <span v-bind:key=\"i+'_3'\" class=\"context-card-item cursor-pointer\" @click=\"toggleSampleDetails(i)\">\r\n                  <div v-bind:key=\"i+'_6'\" style=\"display: flex\">\r\n                    <div v-if=\"sample.color\" class=\"color-box\" :style=\"'background-color:'+ sample.color\"></div>\r\n                    <img class=\"key-image\" v-else-if=\"sample.thumbnail\" :src=\"getFileFromPath(sample.thumbnail)\">\r\n                    {{sample.heading}}\r\n                    <i class=\"el-icon-warning-outline info\"></i>\r\n                  </div>\r\n                </span>\r\n                <div v-bind:key=\"i+'_4'\" v-if=\"sampleDetails[i]\" v-html=\"sample.description\"/>\r\n                <a v-bind:key=\"i+'_5'\" v-if=\"sampleDetails[i] && sample.path\" :href=\"generateFileLink(sample)\" target=\"_blank\">View Source</a>\r\n                <div v-bind:key=\"i+'_2'\" class=\"padding\"/>\r\n            </template>\r\n          </template>\r\n\r\n          <!-- Show samples under views if the ids match -->\r\n          <template v-else>\r\n            <div v-if=\"contextData.views && contextData.views.length > 0\" class=\"subtitle\">Scaffold Views</div>\r\n            <template v-for=\"(view, i) in contextData.views\">\r\n              <span :key=\"i+'_1'\" @click=\"viewClicked(view, i)\" class=\"context-card-view\">\r\n                <img class=\"view-image\" :src=\"getFileFromPath(view.thumbnail)\"/> \r\n                <div class=\"view-description\">{{view.description}}<i class=\"el-icon-warning-outline info\"></i> </div>\r\n              </span>\r\n              <div v-if=\"sampleDetails[i]\" v-html=\"samplesMatching(view.id).description\" :key=\"i+'_2'\"/>\r\n              <a v-bind:key=\"i+'_5'\" v-if=\"sampleDetails[i] && samplesMatching(view.id).path\" :href=\"generateFileLink(samplesMatching(view.id))\" target=\"_blank\">View Source</a>\r\n              <div :key=\"i\" class=\"padding\"/>\r\n\r\n              <!-- Extra padding if sample details is open -->\r\n              <div :key=\"i+'_6'\" v-if=\"sampleDetails[i]\" class=\"padding\"/>\r\n            </template>\r\n          </template>\r\n        </div>\r\n      </el-card>\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 { Link, Icon, Card, Button, Select, Input } 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 hardcoded_info from './hardcoded-context-info'\r\n\r\n//provide the s3Bucket related methods and data.\r\nimport S3Bucket from \"../mixins/S3Bucket\";\r\n\r\nimport { marked } from 'marked'\r\nimport xss from 'xss'\r\n\r\nlocale.use(lang);\r\nVue.use(Link);\r\nVue.use(Icon);\r\nVue.use(Card);\r\nVue.use(Button);\r\nVue.use(Select);\r\nVue.use(Input);\r\n\r\nconst addFilesToPathIfMissing = function(path){\r\n  if (!path.includes('files')){\r\n    return 'files/' + path\r\n  } else {\r\n    return path\r\n  }\r\n}\r\n\r\nconst convertBackslashToForwardSlash = function(path){\r\n  path = path.replaceAll('\\\\','/')\r\n  path = path.replaceAll('\\\\\\\\', '/')\r\n  return path\r\n}\r\n\r\n// const switchPathToDirectory = function(path){\r\n//   let newPath = path.split('/')\r\n//   newPath.pop()\r\n//   return newPath.join('/')\r\n// }\r\n\r\n\r\nexport default {\r\n  name: \"contextCard\",\r\n  mixins: [S3Bucket],\r\n  props: {\r\n    /**\r\n     * Object containing information for\r\n     * the required viewing.\r\n     */\r\n    entry: Object,\r\n    envVars: Object,\r\n  },\r\n  data: function () {\r\n    return {\r\n      contextData: {},\r\n      showDetails: true,\r\n      showContextCard: true,\r\n      sampleDetails: {},\r\n      loading: false\r\n    };\r\n  },\r\n  watch: {\r\n    'entry.contextCardUrl': {\r\n      handler(val){\r\n        if (val) {\r\n          // used for hardcoding data\r\n          if (val === true){\r\n            this.contextData = hardcoded_info[this.entry.discoverId]\r\n          } else {\r\n            this.getContextFile(val)\r\n            this.showContextCard = true\r\n          }\r\n        } else {\r\n          this.showContextCard = false\r\n        }\r\n      },\r\n      immediate: true\r\n    },\r\n    'entry.s3uri': {\r\n      handler(val){\r\n        this.updateS3Bucket(val);\r\n      },\r\n      immediate: true\r\n    }\r\n  },\r\n  computed: {\r\n    samplesUnderViews: function(){\r\n      if (this.contextData){\r\n        if (this.contextData.samplesUnderViews){\r\n          return true\r\n        } else {\r\n          let viewId = this.contextData.views.map(v=>v.id)\r\n          let samplesView = this.contextData.samples.map(s=>s.view)\r\n\r\n          // get matching values\r\n          let matching = viewId.filter(v=>samplesView.includes(v))\r\n\r\n          // check all arrays have the same length (which means all values are in all three)\r\n          if ( viewId.length === matching.length && matching.length === samplesView.length){\r\n            return true\r\n          }\r\n          return false\r\n        }\r\n      }\r\n      else return false\r\n    },\r\n    banner: function(){\r\n      if (this.contextData.banner){\r\n        return this.getFileFromPath(this.contextData.banner) \r\n      } else if (this.contextData && this.contextData.views && this.contextData.views.length > 0) {\r\n        if(this.contextData.views[0].thumbnail){\r\n          return this.getFileFromPath(this.contextData.views[0].thumbnail)\r\n        }\r\n      } \r\n      return this.entry.banner\r\n    }\r\n  },\r\n  methods: {\r\n    samplesMatching: function(viewId){\r\n      if (this.contextData && this.contextData.samples){\r\n        return this.contextData.samples.filter(s=>s.view == viewId)[0]\r\n      }\r\n      else return []\r\n    },\r\n    viewClicked: function(view, i){\r\n      this.openViewFile(view) \r\n      this.toggleSampleDetails(i)\r\n    },\r\n    getContextFile: function (contextFileUrl) {\r\n      this.loading = true\r\n      fetch(contextFileUrl)\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.contextData = data\r\n          this.loading = false\r\n          this.addDiscoverIdsToContextData() \r\n        })\r\n        .catch((err) => {\r\n          //set defaults if we hit an error\r\n          console.error('caught error!', err)\r\n          this.thumbnail = require('@/../assets/missing-image.svg')\r\n          this.discoverId = undefined\r\n          this.loading = false\r\n        });\r\n    },\r\n    removeDoubleFilesPath: function(path){\r\n      if (path.includes('files/')){\r\n        return path.replace('files/', '')\r\n      } else if (path.includes('files\\\\')) {\r\n        return path.replace('files\\\\', '')\r\n      } else {\r\n        return path\r\n      }\r\n    },\r\n    toggleSampleDetails: function(i){\r\n      if (this.sampleDetails[i] === undefined){\r\n        Vue.set(this.sampleDetails, i, true)\r\n      } else {\r\n        Vue.set(this.sampleDetails, i, !this.sampleDetails[i])\r\n      }\r\n    },\r\n    getFileFromPath: function(path){\r\n      // for hardcoded data\r\n      if(this.entry.contextCardUrl === true){\r\n        return path\r\n      }\r\n      path = this.removeDoubleFilesPath(path)\r\n      return  `${this.envVars.API_LOCATION}s3-resource/${this.entry.discoverId}/${this.entry.version}/files/${path}${this.getS3Args()}`\r\n    },\r\n    //  This is used later when generateing links to the resource on sparc.science (see generateFileLink)\r\n    addDiscoverIdsToContextData(){\r\n      this.contextData.samples.forEach((sample, i)=>{\r\n        if (sample && sample.doi && sample.doi !== \"\"){\r\n          fetch(`${this.envVars.PENNSIEVE_API_LOCATION}/discover/datasets/doi/${this.splitDoiFromUrl(sample.doi)}`)\r\n          .then((response) => response.json())\r\n          .then((data) => {\r\n            this.contextData.samples[i].discoverId = data.id\r\n            this.contextData.samples[i].version = data.version\r\n          })\r\n        } else {\r\n            this.contextData.samples[i].discoverId = this.entry.discoverId\r\n            this.contextData.samples[i].version = this.entry.version\r\n        }\r\n      })\r\n    },\r\n    processPathForUrl(path){\r\n      path = convertBackslashToForwardSlash(path)\r\n      path = addFilesToPathIfMissing(path)\r\n      return encodeURI(path)\r\n    },\r\n    splitDoiFromUrl(url){\r\n      return url.split('https://doi.org/').pop()\r\n    },\r\n    generateFileLink(sample){\r\n      return `${this.envVars.ROOT_URL}/file/${sample.discoverId}/${sample.version}?path=${this.processPathForUrl(sample.path)}`\r\n\r\n    },\r\n    parseMarkdown(markdown){\r\n      return xss(marked.parse(markdown))\r\n    },\r\n    openViewFile: function(view){\r\n      // note that we assume that the view file is in the same directory as the scaffold (viewUrls take relative paths)\r\n      this.entry.viewUrl = `${this.envVars.API_LOCATION}s3-resource/${this.entry.discoverId}/${this.entry.version}/${view.path}${this.getS3Args()}`\r\n      this.entry.type = 'Scaffold View'\r\n      EventBus.$emit(\"PopoverActionClick\", this.entry)\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/button\";\r\n@import \"~element-ui/packages/theme-chalk/src/card\";\r\n@import \"~element-ui/packages/theme-chalk/src/icon\";\r\n@import \"~element-ui/packages/theme-chalk/src/input\";\r\n@import \"~element-ui/packages/theme-chalk/src/link\";\r\n@import \"~element-ui/packages/theme-chalk/src/select\";\r\n\r\n.hide{\r\n  color: #e4e7ed;\r\n  cursor: pointer;\r\n}\r\n\r\n.context-card{\r\n  background-color: white;\r\n  max-height: 10  50px;\r\n  padding: 8px;\r\n  font-size: 14px;\r\n  margin-bottom: 18px;\r\n  position: relative;\r\n  border: solid 1px #e4e7ed;\r\n  display: flex;\r\n  width: 500px;\r\n  max-height: 258px;\r\n}\r\n\r\n.context-card-view{\r\n  cursor: pointer;\r\n  padding-bottom: 8px;\r\n  display: flex;\r\n}\r\n\r\n.view-image {\r\n  width: 34px;\r\n  height: 34px;\r\n  flex: 1;\r\n  margin-right: 4px;\r\n}\r\n\r\n.view-descriptions {\r\n  flex: 8;\r\n}\r\n\r\n.context-card ::v-deep .el-card__body {\r\n  padding: 0px;\r\n  display: flex;\r\n  width: 516px;\r\n}\r\n\r\n.context-image{\r\n  width: 250px;\r\n  height: auto;\r\n}\r\n\r\n.color-box {\r\n  width: 16px;\r\n  height: 16px;\r\n  border: solid 1px $app-primary-color;\r\n  border-radius: 2px;\r\n  margin-right: 8px;\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  overflow-y: scroll;\r\n  scrollbar-width: thin;\r\n}\r\n\r\n.cursor-pointer {\r\n  cursor: pointer;\r\n}\r\n\r\n.info{\r\n  transform: rotate(180deg);\r\n  color: $app-primary-color;\r\n  margin-left: 8px;\r\n}\r\n\r\n.padding {\r\n  padding-bottom: 8px;\r\n}\r\n\r\n.title{\r\n  font-weight: bold;\r\n}\r\n\r\n.subtitle{\r\n  font-weight: bold;\r\n}\r\n\r\n.scrollbar::-webkit-scrollbar-track {\r\n  border-radius: 10px;\r\n  background-color: #f5f5f5;\r\n}\r\n\r\n.scrollbar::-webkit-scrollbar {\r\n  width: 12px;\r\n  right: -12px;\r\n  background-color: #f5f5f5;\r\n}\r\n\r\n.scrollbar::-webkit-scrollbar-thumb {\r\n  border-radius: 4px;\r\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);\r\n  background-color: #979797;\r\n}\r\n\r\n</style>\r\n"]}]}