{"version":3,"sources":["webpack:///./src/views/FrontendPages/News/ArticlePage.vue?26e8","webpack:///./src/views/FrontendPages/Components/NLSE/Share/ShareButton.vue?f89a","webpack:///./src/assets/images/newsroom/thumbnail/newsThumbnail_header.jpg","webpack:///./src/views/FrontendPages/News/ArticlePage.vue","webpack:///./src/services/newsUtils/newsArticleService.js","webpack:///./src/services/newsUtils/similarArticlesService.js","webpack:///./src/views/FrontendPages/Components/NLSE/Share/ShareButton.vue","webpack:///src/views/FrontendPages/Components/NLSE/Share/ShareButton.vue","webpack:///./src/views/FrontendPages/Components/NLSE/Share/ShareButton.vue?828f","webpack:///./src/views/FrontendPages/Components/NLSE/Share/ShareButton.vue?75ff","webpack:///src/views/FrontendPages/News/ArticlePage.vue","webpack:///./src/views/FrontendPages/News/ArticlePage.vue?2de3","webpack:///./src/views/FrontendPages/News/ArticlePage.vue?c3d9","webpack:///./src/assets/svgs/Share-08.svg"],"names":["module","exports","render","_vm$article","_vm$article2","_vm$article3","_vm$article4","_vm$article5","_vm$article6","_vm","this","_c","_self","article","staticClass","isLoading","attrs","image","imageLoaded","defaultHeader","title","on","$event","staticStyle","_v","_e","_s","getTimeAgo","createdAt","shareLink","_l","tags","tag","key","author","fullName","designation","text","domProps","similarArticles","length","slice","similarArticle","id","imageFilename","nlse_icon","staticRenderFns","getNewsDetailById","async","newsDetail","API","graphql","graphqlOperation","getNewsArticle","newsId","authMode","GRAPHQL_AUTH_MODE","API_KEY","news","data","newsImage","getAWSStorageAsset","authorImage","error","console","fetchSimilarArticles","excludeArticleId","limit","variables","filter","match","ne","sort","field","direction","result","query","searchNewsArticles","items","Promise","all","map","articleImage","ref","toggleDropdown","shareIcon","isOpen","copyLink","showCopy","props","link","type","String","required","require","methods","handleClickOutside","event","$refs","dropdown","contains","target","navigator","clipboard","writeText","setTimeout","mounted","document","addEventListener","component","components","NewsCard","ShareButton","date","formattedDate","moment","format","getBackgroundImageStyle","backgroundImage","articleId","$route","params"],"mappings":"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","file":"js/chunk-2c18aa6a.cb078c49.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArticlePage.vue?vue&type=style&index=0&id=2e8342fc&prod&lang=css&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShareButton.vue?vue&type=style&index=0&id=a6d63afe&prod&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/newsThumbnail_header.95c8685d.jpg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.article)?_c('div',{staticClass:\"news-article\"},[(_vm.isLoading)?_c('v-row',{attrs:{\"justify\":\"center\",\"align\":\"center\"}},[_c('v-col',{staticClass:\"text-center\",attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"spinner-grow spinner-border\"})])],1):_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[(_vm.article.image && _vm.article.image !== '')?_c('div',{staticClass:\"header-image\"},[_c('img',{staticClass:\"header-img\",attrs:{\"src\":_vm.imageLoaded ? _vm.article.image : _vm.defaultHeader,\"alt\":_vm.article.title},on:{\"load\":function($event){_vm.imageLoaded = true},\"error\":function($event){_vm.imageLoaded = false}}}),_c('div',{staticClass:\"head-image-text\",staticStyle:{\"opacity\":\"80%\"}},[_vm._v(\" NEXT LEVEL NEWS \")])]):_vm._e()]),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"context-container\"},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"8\"}},[(_vm.article.title && _vm.article.title !== '')?_c('h2',{staticClass:\"context-title\"},[_vm._v(\" \"+_vm._s(_vm.article.title)+\" \")]):_vm._e()])],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"line-yellow\"})])],1),_c('v-row',{staticClass:\"pt-0 mt-0 d-flex align-items-center justify-space-between\"},[_c('v-col',{staticClass:\"d-flex align-items-center\",attrs:{\"cols\":\"auto\"}},[_c('p',{staticClass:\"date-created\"},[_vm._v(\" \"+_vm._s(_vm.getTimeAgo(_vm.article.createdAt))+\" \")])]),_c('v-spacer'),(_vm.shareLink)?_c('v-col',{staticClass:\"d-flex justify-end\",attrs:{\"cols\":\"auto\"}},[_c('ShareButton',{attrs:{\"link\":_vm.shareLink}})],1):_vm._e()],1),_c('v-row',[_c('v-col',{staticClass:\"d-flex justify-content-end\",attrs:{\"cols\":\"8\",\"md\":\"6\"}},[_c('div',{staticClass:\"tags\"},_vm._l((_vm.article.tags),function(tag){return _c('span',{key:tag,staticClass:\"tag\"},[_vm._v(_vm._s(tag))])}),0)])],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[(_vm.article.author)?_c('div',{staticClass:\"author-container\"},[(_vm.article.author.image && _vm.article.author.image !== '')?_c('div',{staticClass:\"profile-picture-container\"},[_c('img',{staticClass:\"profile-picture\",attrs:{\"src\":_vm.article.author.image,\"alt\":\"Author's Name\"}})]):_vm._e(),_c('div',{staticClass:\"information\"},[(\n\t\t\t\t\t\t\t\t\t\t_vm.article?.author.fullName &&\n\t\t\t\t\t\t\t\t\t\t_vm.article?.author.fullName !== ''\n\t\t\t\t\t\t\t\t\t)?_c('p',{staticClass:\"auth-name\"},[_vm._v(\" \"+_vm._s(_vm.article?.author?.fullName)+\" \")]):_vm._e(),(\n\t\t\t\t\t\t\t\t\t\t_vm.article?.author?.designation &&\n\t\t\t\t\t\t\t\t\t\t_vm.article?.author?.designation !== ''\n\t\t\t\t\t\t\t\t\t)?_c('p',{staticClass:\"auth-designation\"},[_vm._v(\" \"+_vm._s(_vm.article?.author?.designation)+\" \")]):_vm._e()])]):_vm._e()])],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[(_vm.article.text && _vm.article.text !== '')?_c('div',{staticClass:\"mt-5\"},[_c('p',{staticClass:\"context-desc\",domProps:{\"innerHTML\":_vm._s(_vm.article.text)}})]):_vm._e()])],1),_c('v-row',[(_vm.similarArticles.length > 0)?_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('h2',{staticClass:\"similar-news-heading mb-2\"},[_vm._v(\"Similar News Articles\")]),_c('v-row',{staticClass:\"news-items similar-news\"},_vm._l((_vm.similarArticles.slice(0, 4)),function(similarArticle){return _c('v-col',{key:similarArticle.id,attrs:{\"cols\":\"12\",\"sm\":\"6\",\"md\":\"3\"}},[_c('news-card',{key:similarArticle.id,attrs:{\"image\":similarArticle.imageFilename[0],\"title\":similarArticle.title,\"icon\":_vm.nlse_icon,\"link\":similarArticle.id,\"recommendedNewsArticle\":true}})],1)}),1)],1):_vm._e()],1)],1)])],1)],1):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { API, graphqlOperation, GRAPHQL_AUTH_MODE } from '@aws-amplify/api';\nimport { getNewsArticle } from '@/graphql/queries'; // Define the appropriate query for getting a single news article\nimport { getAWSStorageAsset } from '../storage.js';\n\nexport const getNewsDetailById = async (newsId) => {\n    try {\n        const newsDetail = await API.graphql({\n            ...graphqlOperation(getNewsArticle, { id: newsId }),\n            authMode: GRAPHQL_AUTH_MODE.API_KEY\n        });\n        const news = newsDetail.data.getNewsArticle;\n        if (news) {\n          if(news.imageFilename != \" \" && news.imageFilename.length > 0 ) {\n            const newsImage = await getAWSStorageAsset(`NewsArticle/${news.imageFilename[0]}`);\n            news.image = newsImage;\n          }\n          if(news.author && news.author.imageFilename != \" \" && news.author.imageFilename.length > 0 ) {\n\n            let authorImage = null;\n            if (news.author && news.author.id) {\n              authorImage = await getAWSStorageAsset(`Author/${news.author.imageFilename[0]}`);\n            }\n      \n            if (authorImage) {\n              news.author.image = authorImage;\n            }\n          }\n            return news;\n          } else {\n            return null; // Return null if no news article is found\n          }\n        } catch (error) {\n          console.error(\"An error occurred while fetching news detail:\", error);\n          return null; // Return null on error\n        }\n};","// Import the searchNewsArticles query\nimport { API, graphqlOperation, GRAPHQL_AUTH_MODE } from '@aws-amplify/api';\nimport { searchNewsArticles } from \"@/graphql/queries\";\nimport { getAWSStorageAsset } from '@/services/storage';\n\nexport const fetchSimilarArticles = async (tags, excludeArticleId,limit = 4) => {\n    try {\n      const variables = {\n        filter: {\n          tags: {\n            match: tags,\n          },\n          id: {\n            ne: excludeArticleId,\n          },\n        },\n        limit,  // Limit the number of articles to 4\n            sort: [\n              {\n                field: \"publishedAt\",\n                direction: \"desc\",  // Sort by 'publishedAt' in descending order\n              },\n            ],\n      };\n      const result = await API.graphql({ query: searchNewsArticles, variables , authMode: GRAPHQL_AUTH_MODE.API_KEY\n      });\n      \n      let similarArticles = result.data.searchNewsArticles.items;\n      similarArticles = await Promise.all(\n        similarArticles.map(async (article) => {\n          const articleImage = await getAWSStorageAsset(`NewsArticle/${article.id}`);\n          article.image = articleImage;\n          return article;\n        })\n      );\n      return similarArticles;\n    } catch (error) {\n      console.error(\"An error occurred while fetching similar articles:\", error);\n      return [];\n    }\n  };","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:\"dropdown\",staticClass:\"dropdown\"},[_c('v-btn',{staticClass:\"ma-2 share-button\",attrs:{\"id\":\"share-button\",\"text\":\"\"},on:{\"click\":_vm.toggleDropdown}},[_c('v-img',{staticClass:\"mr-2 icon\",staticStyle:{\"width\":\"14px\",\"height\":\"14px\"},attrs:{\"src\":_vm.shareIcon}}),_vm._v(\" Share \")],1),(_vm.isOpen)?_c('div',{staticClass:\"dropdown-content mt-1\"},[_c('ul',[_c('li',{on:{\"click\":_vm.copyLink}},[(_vm.showCopy)?_c('p',{staticClass:\"d-inline\",attrs:{\"id\":\"copy-link\"}},[_vm._v(\" Copy Link \"),_c('v-icon',{staticClass:\"pl-1 icon\"},[_vm._v(\"mdi-content-copy\")])],1):_vm._e(),(!_vm.showCopy)?_c('p',{staticClass:\"d-inline\",staticStyle:{\"color\":\"green\"}},[_vm._v(\" Copied! \"),_c('v-icon',{staticClass:\"pl-1 icon\",staticStyle:{\"color\":\"green\"}},[_vm._v(\"mdi-check-circle\")])],1):_vm._e()])])]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"dropdown\" ref=\"dropdown\">\n\t\t<v-btn\n\t\t\tid=\"share-button\"\n\t\t\tclass=\"ma-2 share-button\"\n\t\t\t@click=\"toggleDropdown\"\n\t\t\ttext\n\t\t>\n\t\t\t<!-- <v-icon>mdi-upload</v-icon> -->\n\t\t\t<v-img\n\t\t\t\t:src=\"shareIcon\"\n\t\t\t\tstyle=\"width: 14px; height: 14px\"\n\t\t\t\tclass=\"mr-2 icon\"\n\t\t\t/>\n\t\t\tShare\n\t\t</v-btn>\n\t\t<div v-if=\"isOpen\" class=\"dropdown-content mt-1\">\n\t\t\t<ul>\n\t\t\t\t<li @click=\"copyLink\">\n\t\t\t\t\t<p v-if=\"showCopy\" class=\"d-inline\" id=\"copy-link\">\n\t\t\t\t\t\tCopy Link <v-icon class=\"pl-1 icon\">mdi-content-copy</v-icon>\n\t\t\t\t\t</p>\n\t\t\t\t\t<p v-if=\"!showCopy\" class=\"d-inline\" style=\"color: green\">\n\t\t\t\t\t\tCopied!\n\t\t\t\t\t\t<v-icon style=\"color: green\" class=\"pl-1 icon\"\n\t\t\t\t\t\t\t>mdi-check-circle</v-icon\n\t\t\t\t\t\t>\n\t\t\t\t\t</p>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nexport default {\n\tprops: {\n\t\tlink: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tisOpen: false,\n\t\t\tshowCopy: true,\n\t\t\tshareIcon: require(\"@/assets/svgs/Share-08.svg\"),\n\t\t};\n\t},\n\tmethods: {\n\t\ttoggleDropdown() {\n\t\t\tthis.isOpen = !this.isOpen;\n\t\t},\n\t\thandleClickOutside(event) {\n\t\t\tif (!this.$refs.dropdown.contains(event.target)) {\n\t\t\t\tthis.isOpen = false;\n\t\t\t}\n\t\t},\n\t\tcopyLink() {\n\t\t\tnavigator.clipboard.writeText(this.link);\n\t\t\tthis.showCopy = false;\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.showCopy = true;\n\t\t\t\tthis.isOpen = false;\n\t\t\t}, 2000);\n\t\t},\n\t},\n\tmounted() {\n\t\tdocument.addEventListener(\"click\", this.handleClickOutside);\n\t},\n};\n</script>\n\n<style scoped>\n.dropdown {\n\tposition: relative;\n\tdisplay: inline-block;\n}\n.icon {\n\tfont-size: 14px;\n\tcolor: #808080;\n}\n.share-button {\n\tborder: none;\n\tcursor: pointer;\n\tborder-radius: 5px;\n\tfont-family: Roboto;\n\tpadding: 10px 20px !important;\n\tfont-style: bold;\n\tcolor: #808080;\n}\n\n.dropdown-content {\n\tdisplay: block;\n\tposition: absolute;\n\tbackground-color: #f9f9f9;\n\tmin-width: 120px;\n\tbox-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);\n\tz-index: 1;\n\tborder-radius: 5px;\n}\n\n.dropdown-content ul {\n\tlist-style-type: none;\n\tpadding: 0;\n\tcolor: black;\n\tmargin-bottom: 0px !important;\n}\n.dropdown-content ul li p {\n\tfont-size: 14px;\n}\n.dropdown-content ul li {\n\tpadding: 8px 6px;\n\tcursor: pointer;\n\ttext-align: left;\n\tborder-bottom: 1px solid #ddd;\n\tcolor: black;\n\tfont-family: Roboto;\n}\n\n.dropdown-content ul li:hover {\n\tbackground-color: #f1f1f1;\n}\n\n.dropdown-content ul li:last-child {\n\tborder-bottom: none;\n}\n\n:deep .v-btn:not(.v-btn--round).v-size--default {\n\theight: 36px;\n\tmin-width: 30px;\n\tpadding: 6px;\n}\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShareButton.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShareButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ShareButton.vue?vue&type=template&id=a6d63afe&scoped=true&\"\nimport script from \"./ShareButton.vue?vue&type=script&lang=js&\"\nexport * from \"./ShareButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ShareButton.vue?vue&type=style&index=0&id=a6d63afe&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a6d63afe\",\n  null\n  \n)\n\nexport default component.exports","<template>\n\t<div class=\"news-article\" v-if=\"article\">\n\t\t<!-- Loader -->\n\t\t<v-row justify=\"center\" align=\"center\" v-if=\"isLoading\">\n\t\t\t<v-col cols=\"12\" class=\"text-center\">\n\t\t\t\t<div class=\"spinner-grow spinner-border\"></div>\n\t\t\t</v-col>\n\t\t</v-row>\n\n\t\t<!-- Content -->\n\t\t<v-row v-else>\n\t\t\t<v-col cols=\"12\">\n\t\t\t\t<!-- Header Image -->\n\t\t\t\t<div v-if=\"article.image && article.image !== ''\" class=\"header-image\">\n\t\t\t\t\t<img\n\t\t\t\t\t\t:src=\"imageLoaded ? article.image : defaultHeader\"\n\t\t\t\t\t\t@load=\"imageLoaded = true\"\n\t\t\t\t\t\t@error=\"imageLoaded = false\"\n\t\t\t\t\t\t:alt=\"article.title\"\n\t\t\t\t\t\tclass=\"header-img\"\n\t\t\t\t\t/>\n\t\t\t\t\t<div class=\"head-image-text\" style=\"opacity: 80%\">\n\t\t\t\t\t\tNEXT LEVEL NEWS\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</v-col>\n\n\t\t\t<v-col cols=\"12\">\n\t\t\t\t<!-- Context Container -->\n\t\t\t\t<div class=\"context-container\">\n\t\t\t\t\t<v-row>\n\t\t\t\t\t\t<!-- Title and Date -->\n\t\t\t\t\t\t<v-col cols=\"12\" md=\"8\">\n\t\t\t\t\t\t\t<h2\n\t\t\t\t\t\t\t\tclass=\"context-title\"\n\t\t\t\t\t\t\t\tv-if=\"article.title && article.title !== ''\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{{ article.title }}\n\t\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t</v-col>\n\t\t\t\t\t</v-row>\n\n\t\t\t\t\t<v-row>\n\t\t\t\t\t\t<v-col cols=\"12\">\n\t\t\t\t\t\t\t<div class=\"line-yellow\"></div>\n\t\t\t\t\t\t</v-col>\n\t\t\t\t\t</v-row>\n\t\t\t\t\t<v-row class=\"pt-0 mt-0 d-flex align-items-center justify-space-between\">\n\t\t\t\t\t\t<!-- Date -->\n\t\t\t\t\t\t<v-col cols=\"auto\" class=\"d-flex align-items-center\">\n\t\t\t\t\t\t\t<p class=\"date-created\">\n\t\t\t\t\t\t\t{{ getTimeAgo(article.createdAt) }}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t<v-spacer></v-spacer>\n\t\t\t\t\t\t<!-- Share Button -->\n\t\t\t\t\t\t<v-col v-if=\"shareLink\" cols=\"auto\" class=\"d-flex justify-end\">\n\t\t\t\t\t\t\t<ShareButton :link=\"shareLink\" />\n\t\t\t\t\t\t</v-col>\n\t\t\t\t\t</v-row>\n\t\t\t\t\t<v-row>\n\t\t\t\t\t\t<!-- Tags -->\n\t\t\t\t\t\t<v-col cols=\"8\" md=\"6\" class=\"d-flex justify-content-end\">\n\t\t\t\t\t\t\t<div class=\"tags\">\n\t\t\t\t\t\t\t\t<span v-for=\"tag in article.tags\" :key=\"tag\" class=\"tag\">{{\n\t\t\t\t\t\t\t\t\ttag\n\t\t\t\t\t\t\t\t}}</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</v-col>\n\t\t\t\t\t</v-row>\n\n\t\t\t\t\t<v-row>\n\t\t\t\t\t\t<!-- Author Info -->\n\t\t\t\t\t\t<v-col cols=\"12\">\n\t\t\t\t\t\t\t<div class=\"author-container\" v-if=\"article.author\">\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"profile-picture-container\"\n\t\t\t\t\t\t\t\t\tv-if=\"article.author.image && article.author.image !== ''\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tclass=\"profile-picture\"\n\t\t\t\t\t\t\t\t\t\t:src=\"article.author.image\"\n\t\t\t\t\t\t\t\t\t\talt=\"Author's Name\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"information\">\n\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\tclass=\"auth-name\"\n\t\t\t\t\t\t\t\t\t\tv-if=\"\n\t\t\t\t\t\t\t\t\t\t\tarticle?.author.fullName &&\n\t\t\t\t\t\t\t\t\t\t\tarticle?.author.fullName !== ''\n\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{{ article?.author?.fullName }}\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\tclass=\"auth-designation\"\n\t\t\t\t\t\t\t\t\t\tv-if=\"\n\t\t\t\t\t\t\t\t\t\t\tarticle?.author?.designation &&\n\t\t\t\t\t\t\t\t\t\t\tarticle?.author?.designation !== ''\n\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{{ article?.author?.designation }}\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</v-col>\n\t\t\t\t\t</v-row>\n\n\t\t\t\t\t<v-row>\n\t\t\t\t\t\t<!-- News Content -->\n\t\t\t\t\t\t<v-col cols=\"12\">\n\t\t\t\t\t\t\t<div class=\"mt-5\" v-if=\"article.text && article.text !== ''\">\n\t\t\t\t\t\t\t\t<p class=\"context-desc\" v-html=\"article.text\"></p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</v-col>\n\t\t\t\t\t</v-row>\n\n\t\t\t\t\t<v-row>\n\t\t\t\t\t\t<!-- Similar News Article -->\n\t\t\t\t\t\t<v-col cols=\"12\" v-if=\"similarArticles.length > 0\">\n\t\t\t\t\t\t\t<h2 class=\"similar-news-heading mb-2\">Similar News Articles</h2>\n\t\t\t\t\t\t\t<v-row class=\"news-items similar-news\">\n\t\t\t\t\t\t\t\t<v-col\n\t\t\t\t\t\t\t\t\tv-for=\"similarArticle in similarArticles.slice(0, 4)\"\n\t\t\t\t\t\t\t\t\t:key=\"similarArticle.id\"\n\t\t\t\t\t\t\t\t\tcols=\"12\"\n\t\t\t\t\t\t\t\t\tsm=\"6\"\n\t\t\t\t\t\t\t\t\tmd=\"3\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<news-card\n\t\t\t\t\t\t\t\t\t\t:key=\"similarArticle.id\"\n\t\t\t\t\t\t\t\t\t\t:image=\"similarArticle.imageFilename[0]\"\n\t\t\t\t\t\t\t\t\t\t:title=\"similarArticle.title\"\n\t\t\t\t\t\t\t\t\t\t:icon=\"nlse_icon\"\n\t\t\t\t\t\t\t\t\t\t:link=\"similarArticle.id\"\n\t\t\t\t\t\t\t\t\t\t:recommendedNewsArticle=\"true\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t\t</v-row>\n\t\t\t\t\t\t</v-col>\n\t\t\t\t\t</v-row>\n\t\t\t\t</div>\n\t\t\t</v-col>\n\t\t</v-row>\n\t</div>\n</template>\n\n<script>\nimport { getNewsDetailById } from \"@/services/newsUtils/newsArticleService\";\nimport moment from \"moment\";\nimport NewsCard from \"../Components/NLSE/News/NewsCard.vue\";\nimport { fetchSimilarArticles } from \"@/services/newsUtils/similarArticlesService\"; // Update the path\nimport ShareButton from \"../Components/NLSE/Share/ShareButton.vue\";\nexport default {\n\tcomponents: {\n\t\tNewsCard,\n\t\tShareButton,\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tarticle: {},\n\t\t\tdefaultHeader: require(\"@/assets/images/newsroom/thumbnail/newsThumbnail_header.jpg\"), // Path to the placeholder image\n\t\t\tsimilarArticles: [],\n\t\t\tisLoading: true,\n\t\t\timageLoaded: false,\n\t\t\tnlse_icon: require(\"@/assets/images/icons/white icons/Group 232.svg\"),\n\t\t\tshareLink: \"\",\n\t\t};\n\t},\n\tmethods: {\n\t\t/* Get time in 11 Days Ago Format */\n\n\t\t// getTimeAgo(date) {\n\t\t//  const timeElapsed = moment(date).fromNow();\n\t\t//  return timeElapsed.endsWith(\"ago\")\n\t\t//      ? timeElapsed\n\t\t//      : timeElapsed.replace(/(about|in)\\s/, \"\") + \" ago\";\n\t\t// },\n\n\t\t/* Get time in Number Format */\n\n\t\tgetTimeAgo(date) {\n\t\t\tconst formattedDate = moment(date).format(\"M/D/YYYY\");\n\t\t\treturn formattedDate;\n\t\t},\n\t\tgetBackgroundImageStyle(image) {\n\t\t\treturn image ? { backgroundImage: `url(${image})` } : {};\n\t\t},\n\t},\n\tasync created() {\n\t\tconst articleId = this.$route.params.id;\n\t\tthis.article = await getNewsDetailById(articleId);\n\t\tthis.isLoading = false;\n\t\tthis.shareLink = `${process.env.VUE_APP_SOCIAL_MEDIA_URL}/article/${articleId}`;\n\t\t// console.log(this.article);\n\n\t\tif (this.article && this.article.tags) {\n\t\t\t// console.log(this.article.tags);\n\t\t\tconst similarArticles = await fetchSimilarArticles(\n\t\t\t\tthis.article.tags,\n\t\t\t\tthis.article.id\n\t\t\t);\n\t\t\tthis.similarArticles = similarArticles;\n\t\t\t// console.log(this.similarArticles);\n\t\t}\n\t},\n};\n</script>\n\n<style>\n@import \"../../../views/FrontendPages/CorporateInfoPages/corporate_info.css\";\n\n.news-article {\n\tbackground-color: #fff;\n\tfont-family: 'Inter', sans-serif !important;\n\tfont-weight: 400; \n\tcolor: #040505;\n\tpadding-top: 3vh;\n}\n\np {\n}\n\nh1 {\n\ttext-align: center;\n\tcolor: #333;\n\tfont-size: 2em;\n}\n\nimg {\n\tdisplay: block;\n\tmargin: 0 auto;\n}\n\n.header-image {\n\twidth: 100%;\n\taspect-ratio: 16/9;\n\tmax-height: 60vh !important;\n\t/* filter: grayscale(60%); */\n\topacity: 1;\n\tbackground-position: top;\n\tpadding-bottom: 0px;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: flex-end;\n\tbackground-color: rgba(0, 0, 0, 0.14);\n}\n\n.head-image-text {\n\t/* top: 60vh;\n    position: relative; */\n\tbackground-color: black !important;\n\twidth: 100% !important;\n\tmargin: 0 !important;\n}\np {\n\tfont-size: 1.2em;\n\tcolor: #666;\n}\n\n.date-created {\n\ttext-align: left;\n\tfont-size: 1.4rem;\n\t/* font-family: Arial, Helvetica, sans-serif; */\n\tletter-spacing: 0px;\n\tcolor: #808080;\n\topacity: 1;\n}\n\n.profile-picture-container {\n\twidth: 10vh; /* Adjust as needed */\n\theight: 10vh; /* Adjust as needed */\n\tborder-radius: 50%; /* Makes the container circular */\n\toverflow: hidden; /* Hides anything outside the container's boundary */\n\tmargin-right: 10px; /* Adds space between the image and the text */\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n.profile-picture {\n\tmax-width: 100%;\n\tobject-fit: contain; /* Ensures that the image covers the entire container without distortion */\n}\n\n.auth-name {\n\ttext-align: left;\n\tfont-family: \"Segoe UI\", Tahoma, Geneva, Verdana, sans-serif;\n\tletter-spacing: 0px;\n\tcolor: #040505;\n\tfont-size: 1.2rem;\n\tfont-weight: 600;\n}\n\n.auth-designation {\n\ttext-align: left;\n\tfont-family: \"Trebuchet MS\", \"Lucida Sans Unicode\", \"Lucida Grande\",\n\t\t\"Lucida Sans\", Arial, sans-serif;\n\tletter-spacing: 0px;\n\tcolor: #808080;\n\tfont-size: 1.2rem;\n}\n\n.author-container {\n\tdisplay: flex; /* Aligns children horizontally */\n\talign-items: center; /* Centers children vertically */\n}\n\n.information .auth-name,\n.information .auth-designation {\n\tmargin: 0; /* Removes default paragraph margins */\n}\n\n/* Content */\n/* .news-content {\n    text-align: left;\n    font-size: 1.2rem;\n    font-family: Verdana, Geneva, Tahoma, sans-serif;\n    letter-spacing: 0px;\n    color: #040505;\n    opacity: 1;\n} */\n\n.similar-news-heading {\n\ttext-align: left;\n\tletter-spacing: 0px;\n\tcolor: #040505;\n\topacity: 1;\n\tfont-size: 1.2rem;\n\tfont-weight: 600;\n}\n\n.news-container {\n\theight: 200px;\n\t/* width: 200px; */\n\tpadding: 10px;\n\tdisplay: flex;\n}\n\n.news-card > img {\n\topacity: 1 !important;\n}\n\n.news-card {\n\tmargin-right: 10px !important;\n}\n\n/* Tags */\n\n.article-details {\n\t/* Adjust styling for the article details section */\n\tflex: 1;\n\tpadding-right: 20px; /* Add spacing between article details and tags */\n}\n\n.article-tags {\n\t/* Adjust styling for the tags section */\n\tflex: 0.3;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: flex-end;\n}\n.date-and-tags {\n\tdisplay: flex;\n\talign-items: center;\n\tmargin-bottom: 8px;\n\tjustify-content: space-between;\n}\n.tags {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n}\n\n.tag {\n\tbackground-color: #f2f2f2;\n\tpadding: 4px 8px;\n\tmargin: 2px;\n\tborder-radius: 4px;\n\tmin-width: 100px;\n\tfont-size: 1.2rem;\n\tfont-weight: bold;\n\tcolor: #808080;\n\ttext-transform: uppercase;\n}\n\n.similar-news p.title {\n\tfont-size: clamp(0.5rem, 2vw, 1rem) !important;\n}\n\n/* Converting the div header background image to the image tag */\n\n.header-image {\n\twidth: 100%;\n\taspect-ratio: 16/9;\n\tmax-height: 60vh !important;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: flex-end;\n\tposition: relative; /* Allows absolute positioning of the text inside */\n}\n\n.header-img {\n\twidth: 100%; /* Make the image take full width of the container */\n\theight: 100%; /* Make the image take full height of the container */\n\tobject-fit: cover; /* Cover the container without distorting the image */\n\tobject-position: center; /* Center the image within the container */\n}\n\n.head-image-text {\n\tposition: absolute; /* Absolute position the text over the image */\n\tbottom: 0;\n\twidth: 100%;\n\ttext-align: center;\n\tbackground-color: rgba(\n\t\t0,\n\t\t0,\n\t\t0,\n\t\t0.5\n\t); /* Slightly darken the overlay text background */\n\tcolor: white;\n\tpadding: 0.5em 0; /* Add some padding to the text */\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArticlePage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArticlePage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ArticlePage.vue?vue&type=template&id=2e8342fc&\"\nimport script from \"./ArticlePage.vue?vue&type=script&lang=js&\"\nexport * from \"./ArticlePage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ArticlePage.vue?vue&type=style&index=0&id=2e8342fc&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/Share-08.c034c069.svg\";"],"sourceRoot":""}