![](\\\"/img/icon-attach.svg\\\"){kind=icon}
\\n \" + (this.$t('reports.componentTable.viewFile')) + \"\\n \\n \" + (this.$t('reports.componentTable.viewFile')) + \"\\n \";\n\n if ((item[value] && item[value].length && !item[value].includes('http')) || typeof item[value] === 'number') {\n return item[value]\n }\n \n if (item.attachments && item.attachments.length) {\n return text.replace('VAR', item.attachments[0].payload.url)\n }\n\n if (item[value] && typeof item[value] !== 'number' && item[value].includes('http') && this) {\n return this.replaceURLs(item[value])\n }\n\n return item[value]\n },\n pauseOtherAudios: function pauseOtherAudios (id) {\n var this$1 = this;\n\n Object.keys(this.$refs).forEach(function (key) {\n if (key && key !== id.toString() && this$1.$refs[key] && this$1.$refs[key][0] && this$1.$refs[key][0].name === 'PTableAudio') {\n this$1.$refs[key][0].pauseAudio();\n }\n });\n },\n\n replaceURLs: function replaceURLs(text) {\n if (!text) { return }\n \n var urlRegex = /(((https?:\\/\\/)|(www\\.))[^\\s]+)/g;\n return text.replace(urlRegex, function (url) {\n var hyperlink = url;\n if (!hyperlink.match('^https?://')) {\n hyperlink = 'http://' + hyperlink;\n }\n return (\"\" + url + \"\")\n })\n },\n resetPaginationPage: function resetPaginationPage() {\n if (this.$refs.pagination) {\n this.$refs.pagination.resetPage();\n }\n }\n }\n};\n\n/* script */\nvar __vue_script__$5 = script$5;\n\n/* template */\nvar __vue_render__$5 = function() {\n var _vm = this;\n var _h = _vm.$createElement;\n var _c = _vm._self._c || _h;\n return _c(\n \"v-layout\",\n {\n staticClass: \"d-flex justify-content justify-center\",\n attrs: { id: \"custom-table\" }\n },\n [\n _c(\n \"v-row\",\n [\n _c(\n \"v-col\",\n { attrs: { cols: \"12\" } },\n [\n _c(\"v-simple-table\", {\n attrs: { \"fixed-header\": \"\", height: _vm.height },\n scopedSlots: _vm._u([\n {\n key: \"default\",\n fn: function() {\n return [\n _c(\"thead\", [\n _c(\n \"tr\",\n _vm._l(_vm.headers, function(header, i) {\n return _c(\n \"th\",\n {\n key: i,\n class: \"text-\" + header.align,\n style: \"width: \" + header.width,\n on: {\n click: function($event) {\n return _vm.orderTableHeader(header)\n }\n }\n },\n [\n _vm._v(\n \"\\n \" +\n _vm._s(header.text) +\n \"\\n \"\n ),\n header.isSort\n ? _c(\n \"v-icon\",\n {\n staticStyle: { \"margin-top\": \"-5px\" },\n attrs: { size: \"16\" }\n },\n [\n _vm._v(\n \"\\n \" +\n _vm._s(\n _vm.orderHeader.value ===\n header.value &&\n _vm.orderType === \"asc\"\n ? \"keyboard_arrow_up\"\n : \"keyboard_arrow_down\"\n ) +\n \"\\n \"\n )\n ]\n )\n : _vm._e()\n ],\n 1\n )\n }),\n 0\n )\n ]),\n _vm._v(\" \"),\n _c(\n \"tbody\",\n [\n _vm.isLoading\n ? _c(\"tr\", [\n _c(\n \"td\",\n { attrs: { colspan: _vm.headers.length } },\n [\n _c(\"v-progress-linear\", {\n attrs: {\n indeterminate: \"\",\n color:\n _vm.$vuetify.theme.currentTheme[\n \"globalColor\"\n ]\n }\n })\n ],\n 1\n )\n ])\n : _vm._e(),\n _vm._v(\" \"),\n !_vm.listItems.length && !_vm.isLoading\n ? _c(\"tr\", { staticClass: \"not-background\" }, [\n _c(\n \"td\",\n {\n staticClass: \"pt-10\",\n attrs: { colspan: _vm.headers.length }\n },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"d-flex justify-content justify-center\"\n },\n [\n _c(\"span\", [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.$t(\n \"reports.componentTable.noDataAvailable\"\n )\n ) +\n \" \"\n )\n ])\n ]\n )\n ]\n )\n ])\n : _vm._e(),\n _vm._v(\" \"),\n _vm._l(_vm.listItems, function(item, index) {\n return _c(\n \"tr\",\n {\n key: item[_vm.identifierField],\n class: {\n \"item-selected\":\n _vm.itemSelected[_vm.identifierField] ===\n item[_vm.identifierField] &&\n !_vm.isTransshipment(item) &&\n (_vm.isSelect || _vm.actionSelect.value),\n \"not-background transshipment\": _vm.isTransshipment(\n item\n )\n },\n style:\n \"cursor: \" +\n (!item.type &&\n (_vm.isSelect || _vm.actionSelect.value)\n ? \"pointer\"\n : \"default\") +\n \";\",\n on: {\n click: function($event) {\n return _vm.selectRow(item)\n }\n }\n },\n [\n _vm.isTransshipment(item) && index > 0\n ? _c(\n \"td\",\n {\n attrs: { colspan: _vm.headers.length }\n },\n [\n _c(\"p-svg-loader\", {\n key:\n _vm.listItems[index - 1].type ===\n \"message\"\n ? 1\n : 2,\n staticClass: \"mr-2 channels-icon\",\n attrs: {\n size: 30,\n src:\n \"/img/icon-\" +\n (_vm.listItems[index - 1]\n .route === \"attendance\"\n ? \"bot-empty-view-table\"\n : \"triggerSac\") +\n \".svg\",\n color: \"#c3c3c3\"\n }\n }),\n _vm._v(\" \"),\n _c(\"span\", { staticClass: \"ml-2\" }, [\n _vm._v(\n _vm._s(\n _vm.listItems[index - 1]\n .route === \"attendance\"\n ? _vm.$t(\n \"reports.componentTable.returnedChatbot\"\n )\n : _vm.$t(\n \"reports.componentTable.allocatedCare\"\n )\n )\n )\n ])\n ],\n 1\n )\n : _vm._e(),\n _vm._v(\" \"),\n _vm.isTransshipment(item) && index === 0\n ? _c(\n \"td\",\n {\n attrs: { colspan: _vm.headers.length }\n },\n [\n _c(\"p-svg-loader\", {\n key:\n _vm.listItems[index + 1].type !==\n \"message\"\n ? 1\n : 2,\n staticClass: \"mr-2 channels-icon\",\n attrs: {\n size: 30,\n src:\n \"/img/icon-\" +\n (_vm.listItems[index + 1]\n .route !== \"attendance\"\n ? \"bot-empty-view-table\"\n : \"triggerSac\") +\n \".svg\",\n color: \"#c3c3c3\"\n }\n }),\n _vm._v(\" \"),\n _c(\"span\", { staticClass: \"ml-2\" }, [\n _vm._v(\n _vm._s(\n _vm.listItems[index + 1]\n .route !== \"attendance\"\n ? _vm.$t(\n \"reports.componentTable.returnedChatbot\"\n )\n : _vm.$t(\n \"reports.componentTable.allocatedCare\"\n )\n )\n )\n ])\n ],\n 1\n )\n : _vm._e(),\n _vm._v(\" \"),\n _vm._l(_vm.colspanTable(item), function(\n key,\n i\n ) {\n return _c(\n \"td\",\n { key: i, class: \"text-\" + key.align },\n [\n !key.isIcon &&\n key.value !== \"actionSelect\" &&\n !_vm.isTransshipment(item) &&\n !_vm.isAudio(item, key.value)\n ? _c(\"span\", {\n staticClass: \"text\",\n domProps: {\n innerHTML: _vm._s(\n _vm.formatText(\n item,\n key.value\n )\n )\n }\n })\n : _vm._e(),\n _vm._v(\" \"),\n !key.isIcon &&\n key.value !== \"actionSelect\" &&\n !_vm.isTransshipment(item) &&\n _vm.isAudio(item, key.value)\n ? _c(\"PTableAudio\", {\n ref: item[_vm.identifierField],\n refInFor: true,\n attrs: {\n audio:\n item.attachments[0].payload\n .url\n },\n on: {\n play: function($event) {\n return _vm.pauseOtherAudios(\n item[_vm.identifierField]\n )\n }\n }\n })\n : _vm._e(),\n _vm._v(\" \"),\n key.value === _vm.identifierIcon &&\n !_vm.isTransshipment(item)\n ? _c(\n \"section\",\n {\n class:\n \"img-icon d-flex justify-content justify-\" +\n _vm.alignIcons(key.align) +\n \" align-items align-center\"\n },\n [\n _c(\"img\", {\n staticClass: \"img-icon\",\n attrs: {\n src:\n \"/img/icon-\" +\n item[key.value] +\n \".svg\"\n }\n })\n ]\n )\n : _vm._e(),\n _vm._v(\" \"),\n key.value === \"actionSelect\" &&\n !_vm.isTransshipment(item)\n ? _c(\n \"section\",\n [\n _c(\n \"v-row\",\n [\n _c(\n \"v-col\",\n {\n staticClass:\n \"pa-0 ma-0\",\n attrs: {\n cols: _vm.actionSelect\n .enableDelete\n ? 10\n : 11\n }\n },\n [\n _vm.actionSelect\n .autoComplete\n ? _c(\n \"p-autocomplete\",\n {\n staticClass:\n \"pr-2\",\n attrs: {\n items:\n item[\n _vm\n .actionSelect\n .list\n ],\n label:\n _vm\n .actionSelect\n .label,\n height: 28,\n \"item-text\":\n _vm\n .actionSelect\n .text,\n \"item-value\":\n _vm\n .actionSelect\n .value,\n setSelected:\n item[\n _vm\n .actionSelect\n .list\n ][0][\n _vm\n .actionSelect\n .setSelected\n ],\n disabled:\n _vm\n .itemSelected[\n _vm\n .identifierField\n ] !==\n item[\n _vm\n .identifierField\n ],\n loading:\n item &&\n item.hasOwnProperty(\n \"isLoading\"\n ) &&\n item.isLoading,\n searchFunc: function(\n searchText\n ) {\n return _vm.callbackAutocompleteSearch(\n searchText,\n _vm.itemSelected\n )\n }\n },\n on: {\n selected:\n _vm.actionSelectOption\n }\n }\n )\n : _c(\"p-select\", {\n staticClass:\n \"pr-2\",\n attrs: {\n items:\n item[\n _vm\n .actionSelect\n .list\n ],\n label:\n _vm\n .actionSelect\n .label,\n height: 28,\n \"item-text\":\n _vm\n .actionSelect\n .text,\n \"item-value\":\n _vm\n .actionSelect\n .value,\n setSelected:\n item[\n _vm\n .actionSelect\n .list\n ][0][\n _vm\n .actionSelect\n .setSelected\n ],\n disabled:\n _vm\n .itemSelected[\n _vm\n .identifierField\n ] !==\n item[\n _vm\n .identifierField\n ]\n },\n on: {\n selected:\n _vm.actionSelectOption\n }\n })\n ],\n 1\n ),\n _vm._v(\" \"),\n _vm.itemSelected[\n _vm.identifierField\n ] !==\n item[_vm.identifierField]\n ? _c(\n \"v-col\",\n {\n staticClass:\n \"pa-0 ma-0 d-flex align-items align-center\",\n attrs: { cols: \"1\" }\n },\n [\n _c(\n \"v-icon\",\n {\n directives: [\n {\n name:\n \"tooltip\",\n rawName:\n \"v-tooltip.top\",\n value: {\n content: _vm.$t(\n \"reports.componentTable.moreOptions\"\n ),\n offset: 2\n },\n expression:\n \"{ content: $t('reports.componentTable.moreOptions'), offset: 2 }\",\n modifiers: {\n top: true\n }\n }\n ],\n attrs: {\n size: \"20\"\n }\n },\n [\n _vm._v(\n \"\\n mdi-dots-horizontal\\n \"\n )\n ]\n )\n ],\n 1\n )\n : _vm._e(),\n _vm._v(\" \"),\n _vm.itemSelected[\n _vm.identifierField\n ] ===\n item[_vm.identifierField]\n ? _c(\n \"v-col\",\n {\n staticClass:\n \"pa-0 ma-0 d-flex align-items align-center\",\n attrs: { cols: \"1\" }\n },\n [\n _c(\n \"v-icon\",\n {\n directives: [\n {\n name:\n \"tooltip\",\n rawName:\n \"v-tooltip.top\",\n value: {\n content: _vm.actionSelect.hasOwnProperty(\n \"editTooltip\"\n )\n ? _vm\n .actionSelect\n .editTooltip\n : _vm.$t(\n \"reports.componentTable.clickEdit\"\n ),\n offset: 2\n },\n expression:\n \"{ content: actionSelect.hasOwnProperty('editTooltip') ? actionSelect.editTooltip : $t('reports.componentTable.clickEdit'), offset: 2 }\",\n modifiers: {\n top: true\n }\n }\n ],\n attrs: {\n size: \"14\"\n },\n on: {\n click: function(\n $event\n ) {\n return _vm.edit()\n }\n }\n },\n [\n _vm._v(\n \"\\n \" +\n _vm._s(\n _vm\n .actionSelect\n .alternativeEditIcon\n ? \"mdi-checkbox-marked-circle\"\n : \"edit\"\n ) +\n \"\\n \"\n )\n ]\n )\n ],\n 1\n )\n : _vm._e(),\n _vm._v(\" \"),\n _vm.itemSelected[\n _vm.identifierField\n ] ===\n item[\n _vm.identifierField\n ] &&\n _vm.actionSelect\n .enableDelete\n ? _c(\n \"v-col\",\n {\n staticClass:\n \"pa-0 ma-0 d-flex align-items align-center\",\n attrs: { cols: \"1\" }\n },\n [\n _c(\n \"v-icon\",\n {\n directives: [\n {\n name:\n \"tooltip\",\n rawName:\n \"v-tooltip.top\",\n value: {\n content: _vm.$t(\n \"reports.componentTable.clickDelete\"\n ),\n offset: 2\n },\n expression:\n \"{ content: $t('reports.componentTable.clickDelete'), offset: 2 }\",\n modifiers: {\n top: true\n }\n }\n ],\n attrs: {\n size: \"14\"\n },\n on: {\n click: function(\n $event\n ) {\n return _vm.callbackDelete()\n }\n }\n },\n [\n _vm._v(\n \"\\n delete\\n \"\n )\n ]\n )\n ],\n 1\n )\n : _vm._e()\n ],\n 1\n )\n ],\n 1\n )\n : _vm._e()\n ],\n 1\n )\n })\n ],\n 2\n )\n })\n ],\n 2\n )\n ]\n },\n proxy: true\n }\n ])\n })\n ],\n 1\n ),\n _vm._v(\" \"),\n _c(\n \"v-col\",\n { attrs: { cols: \"12\" } },\n [\n _vm.configPaginnation.show\n ? _c(\"p-pagination\", {\n ref: \"pagination\",\n staticClass: \"mb-3\",\n attrs: {\n pagesCount: _vm.configPaginnation.pagesCount,\n totalVisible: _vm.configPaginnation.totalVisible,\n disabled: _vm.configPaginnation.disabled,\n currentPage: _vm.configPaginnation.currentPage\n },\n on: { selectPage: _vm.page }\n })\n : _vm._e()\n ],\n 1\n )\n ],\n 1\n )\n ],\n 1\n )\n};\nvar __vue_staticRenderFns__$5 = [];\n__vue_render__$5._withStripped = true;\n\n /* style */\n var __vue_inject_styles__$5 = function (inject) {\n if (!inject) { return }\n inject(\"data-v-098b6706_0\", { source: \"#custom-table {\\n background-color: white;\\n}\\n#custom-table .v-data-table__wrapper {\\n padding: 0 10px;\\n}\\n#custom-table .v-data-table {\\n border-radius: unset !important;\\n width: 100%;\\n background-color: transparent;\\n}\\n#custom-table .v-data-table table {\\n padding: 10px;\\n}\\n#custom-table .v-data-table table thead {\\n margin-bottom: 5px;\\n}\\n#custom-table .v-data-table table thead tr {\\n text-transform: uppercase;\\n font-size: 12px;\\n line-height: 30px;\\n height: 30px;\\n letter-spacing: 1.8px;\\n cursor: pointer;\\n user-select: none;\\n}\\n#custom-table .v-data-table table thead tr th {\\n color: #282828;\\n border-bottom: thin solid #c5c5c5 !important;\\n background-color: #fafafa;\\n}\\n#custom-table .v-data-table table tbody tr td:first-child {\\n border-radius: 50px 0 0 50px;\\n}\\n#custom-table .v-data-table table tbody tr td:last-child {\\n border-radius: 0 50px 50px 0;\\n}\\n#custom-table .v-data-table table tbody tr td section {\\n width: 100%;\\n}\\n#custom-table .v-data-table table tbody tr td section .img-icon {\\n height: 20px;\\n width: 20px;\\n}\\n#custom-table .v-data-table table tbody tr td .table-file-link {\\n text-decoration: none;\\n display: flex;\\n align-items: center;\\n}\\n#custom-table .v-data-table table tbody tr td .table-file-link img {\\n margin-right: 10px;\\n width: 20px;\\n}\\n#custom-table .v-data-table table tbody tr td .text {\\n word-break: break-word;\\n}\\n#custom-table .v-data-table table tbody tr.item-selected {\\n box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.5);\\n border-color: transparent;\\n padding: 0 10px;\\n margin: 0 5px;\\n border-radius: 50px;\\n}\\n#custom-table .v-data-table table tbody tr.transshipment {\\n height: 60px;\\n}\\n#custom-table .v-data-table table tbody tr.transshipment td {\\n text-align: center;\\n font-weight: bold;\\n overflow: hidden;\\n color: #c3c3c3;\\n}\\n#custom-table .v-data-table table tbody tr.transshipment td::before, #custom-table .v-data-table table tbody tr.transshipment td::after {\\n background-color: #c3c3c3;\\n content: \\\"\\\";\\n display: inline-block;\\n height: 2px;\\n position: relative;\\n vertical-align: middle;\\n width: 50%;\\n}\\n#custom-table .v-data-table table tbody tr.transshipment td::before {\\n right: 15px;\\n margin-left: -50%;\\n}\\n#custom-table .v-data-table table tbody tr.transshipment td::after {\\n left: 15px;\\n margin-right: -50%;\\n}\\n#custom-table .v-data-table table tbody tr.transshipment td .channels-icon {\\n display: inline-block !important;\\n vertical-align: middle;\\n}\\n#custom-table .v-data-table table tbody tr.transshipment td .img-icon {\\n height: 30px;\\n}\\n#custom-table .v-data-table table tbody tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper) {\\n background: #e9e9e9 !important;\\n}\\n#custom-table .v-data-table table tbody tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper).not-background {\\n background-color: transparent !important;\\n}\\n#custom-table .v-data-table table td {\\n border: none !important;\\n height: 40px !important;\\n}\\n#custom-table .v-data-table table tr.v-data-table__expanded__content {\\n box-shadow: none !important;\\n}\\n#custom-table .v-data-table table .v-icon.v-icon.v-icon {\\n color: #282828 !important;\\n}\\n\\n/*# sourceMappingURL=PTable.vue.map */\", map: {\"version\":3,\"sources\":[\"/opt/atlassian/pipelines/agent/build/src/components/PTable.vue\",\"PTable.vue\"],\"names\":[],\"mappings\":\"AA0bA;EACA,uBAAA;ACzbA;AD0bA;EACA,eAAA;ACxbA;AD0bA;EACA,+BAAA;EACA,WAAA;EACA,6BAAA;ACxbA;ADybA;EACA,aAAA;ACvbA;ADwbA;EACA,kBAAA;ACtbA;ADubA;EACA,yBAAA;EACA,eAAA;EACA,iBAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;EACA,iBAAA;ACrbA;ADsbA;EACA,cAAA;EACA,4CAAA;EACA,yBAAA;ACpbA;AD0bA;EACA,4BAAA;ACxbA;AD0bA;EACA,4BAAA;ACxbA;AD2bA;EACA,WAAA;ACzbA;AD0bA;EACA,YAAA;EACA,WAAA;ACxbA;AD2bA;EACA,qBAAA;EACA,aAAA;EACA,mBAAA;ACzbA;AD0bA;EACA,kBAAA;EACA,WAAA;ACxbA;AD2bA;EACA,sBAAA;ACzbA;AD4bA;EACA,0CAAA;EACA,yBAAA;EACA,eAAA;EACA,aAAA;EACA,mBAAA;AC1bA;AD4bA;EACA,YAAA;AC1bA;AD2bA;EACA,kBAAA;EACA,iBAAA;EACA,gBAAA;EACA,cAAA;ACzbA;AD0bA;EACA,yBAAA;EACA,WAAA;EACA,qBAAA;EACA,WAAA;EACA,kBAAA;EACA,sBAAA;EACA,UAAA;ACxbA;AD0bA;EACA,WAAA;EACA,iBAAA;ACxbA;AD0bA;EACA,UAAA;EACA,kBAAA;ACxbA;AD0bA;EACA,gCAAA;EACA,sBAAA;ACxbA;AD0bA;EACA,YAAA;ACxbA;AD6bA;EACA,8BAAA;AC3bA;AD4bA;EACA,wCAAA;AC1bA;AD8bA;EACA,uBAAA;EACA,uBAAA;AC5bA;AD8bA;EACA,2BAAA;AC5bA;AD8bA;EACA,yBAAA;AC5bA;;AAEA,qCAAqC\",\"file\":\"PTable.vue\",\"sourcesContent\":[\"\\n