{"version":3,"sources":["webpack:///./src/service/TicketService.js","webpack:///./src/pages/Tickets.vue?22a3","webpack:///./src/pages/Tickets.vue?cf61","webpack:///./src/pages/Tickets.vue","webpack:///./src/pages/Tickets.vue?bb29"],"names":["TicketService","postNewTicket","accesstoken","ticketSubject","ticketContent","options","headers","Config","bodyTosend","axios","post","proxy","url","then","res","status","catch","error","console","log","Promise","reject","email","ticketsObject","get","data","this","formatTickets","sendComment","body","ticketId","bodyToSend","ownerEmail","userTicketsObject","filter","ticket","owner","store","commit","ticketArray","forEach","formattedTicket","uid","created","Date","date","toLocaleDateString","updated","closed","closedDate","subject","issue","parseHtmlIssue","push","replace","class","_createVNode","_toDisplayString","_ctx","$t","_component_DataTable","value","$data","tickets","paginator","rows","stripedRows","filters","$event","filterDisplay","globalFilterFields","row-hover","onRowClick","_cache","$options","goToTicketPage","loading","_withId","empty","header","_hoisted_1","_hoisted_2","_component_InputText","placeholder","keywordSearch","onClick","args","clearFilter","style","_component_Column","field","idHeader","headerStyle","bodyStyle","sortable","statusHeader","_component_Tag","severity","tagSeverity","createdHeader","updatedHeader","closedHeader","subjectHeader","issueHeader","computed","access_token","$store","getters","ticketService","initFilters","getTickets","formatTicketStatus","methods","map","global","matchMode","FilterMatchMode","CONTAINS","event","$router","name","params","__exports__","render"],"mappings":"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","file":"js/chunk-501ee080.d4c73392.js","sourcesContent":["import axios from \"axios\";\r\nimport Config from \"@/config\";\r\nimport store from \"../store/index.js\"\r\n\r\nexport default class TicketService {\r\n    postNewTicket(accesstoken, ticketSubject, ticketContent){\r\n        const options = {\r\n            headers: { ...Config.headers(accesstoken), ...{} }\r\n        };\r\n\r\n        let bodyTosend = {\r\n            \"subject\": ticketSubject,\r\n            \"issue\": ticketContent,\r\n            \"group\": \"627295145b5bcec3fda65ba2\",\r\n            \"type\": \"62704527eb80da078e1c2e0b\",\r\n            \"priority\": \"6270452eb252dd96354f8712\"\r\n        }\r\n        return axios\r\n            .post(\r\n                Config.proxy + Config.url(\"ticket\") + \"create\",\r\n                bodyTosend,\r\n                options\r\n            )\r\n            .then(res => res.status)\r\n            .catch(\r\n                function (error) {\r\n                console.log('Show error notification!')\r\n                return Promise.reject(error)\r\n                }\r\n            )\r\n    }\r\n\r\n    async getTickets(accesstoken, email){\r\n        const options = {\r\n            headers: { ...Config.headers(accesstoken), ...{} }\r\n        };\r\n\r\n        let ticketsObject = await axios\r\n                .get(\r\n                    Config.proxy + Config.url(\"ticket\"),\r\n                    options\r\n                )\r\n                .then(res => res.data)\r\n                .catch(\r\n                    function (error) {\r\n                    console.log('Show error notification!')\r\n                    return Promise.reject(error)\r\n                    }\r\n                )\r\n        return this.formatTickets(ticketsObject, email)\r\n    }\r\n\r\n    sendComment(accesstoken, body, ticketId){\r\n        const options = {\r\n            headers: { ...Config.headers(accesstoken), ...{} }\r\n        };\r\n        const bodyToSend ={\r\n            \"_id\": ticketId,\r\n            \"comment\": body\r\n        }\r\n\r\n        return axios\r\n        .post(\r\n            Config.proxy + Config.url(\"ticket\") + \"addcomment\",\r\n            bodyToSend,\r\n            options\r\n        )\r\n        .then(res => res.data)\r\n        .catch(\r\n            function (error) {\r\n            console.log('Show error notification!')\r\n            return Promise.reject(error)\r\n            }\r\n        )\r\n    }\r\n\r\n    formatTickets(ticketsObject, ownerEmail){\r\n        let userTicketsObject = ticketsObject.filter(ticket => ticket.owner.email == ownerEmail);\r\n        store.commit(\"tickets/setTicketsList\", userTicketsObject);\r\n        let ticketArray = [];\r\n        userTicketsObject.forEach(ticket => {\r\n            let formattedTicket = {};\r\n            formattedTicket.uid = ticket.uid;\r\n            formattedTicket.created = new Date(ticket.date).toLocaleDateString();\r\n            formattedTicket.status = ticket.status;\r\n            formattedTicket.updated = ticket.updated ? new Date(ticket.updated).toLocaleDateString() : \"-\";\r\n            formattedTicket.closed = ticket.closedDate ? new Date(ticket.closedDate).toLocaleDateString() : \"-\";\r\n            formattedTicket.subject = ticket.subject;\r\n            formattedTicket.issue = this.parseHtmlIssue(ticket.issue);\r\n            ticketArray.push(formattedTicket)\r\n        });\r\n        return ticketArray;\r\n    }\r\n    parseHtmlIssue(issue){\r\n        issue = issue.replace(/(<([^>]+)>)/g, \"\\n\")\r\n        return issue\r\n    }\r\n}","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-v16/dist/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-v16/dist/index.js??ref--1-1!./Tickets.vue?vue&type=style&index=0&id=19423566&scoped=true&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-v16/dist/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-v16/dist/index.js??ref--1-1!./Tickets.vue?vue&type=style&index=1&id=19423566&lang=css\"","<template>\r\n  <h4>{{ $t(\"tickets.ticketsSection\") }}</h4>\r\n  <p>{{ $t(\"tickets.ticketsSubSection\") }}</p>\r\n\r\n  <DataTable\r\n    :value=\"tickets\"\r\n    :paginator=\"true\"\r\n    :rows=\"10\"\r\n    stripedRows\r\n    v-model:filters=\"filters\"\r\n    filterDisplay=\"menu\"\r\n    :globalFilterFields=\"[\r\n      'uid',\r\n      'subject',\r\n      'created',\r\n      'updated',\r\n      'closed',\r\n      'status',\r\n      'issue',\r\n    ]\"\r\n    :row-hover=\"true\"\r\n    @row-click=\"goToTicketPage($event)\"\r\n    :loading=\"loading\"\r\n    class=\"custom-table-tickets\"\r\n  >\r\n    <template #loading>\r\n      {{ $t(\"tickets.loadingTicketsList\") }}\r\n    </template>\r\n    <template #empty> {{ $t(\"tickets.emptyTicketsList\") }}. </template>\r\n    <template #header>\r\n      <div class=\"flex justify-content-between-custom\">\r\n        <span class=\"p-input-icon-left\">\r\n          <InputText\r\n            v-model=\"filters['global'].value\"\r\n            :placeholder=\"keywordSearch\"\r\n          />\r\n        </span>\r\n        <i\r\n          class=\"pi pi-filter-slash\"\r\n          @click=\"clearFilter\"\r\n          style=\"padding-left: 10px;\"\r\n        ></i>\r\n      </div>\r\n    </template>\r\n    <Column\r\n      field=\"uid\"\r\n      :header=\"idHeader\"\r\n      headerStyle=\"text-align:center;\"\r\n      bodyStyle=\"text-align:center\"\r\n      :sortable=\"true\"\r\n    ></Column>\r\n    <Column\r\n      field=\"status\"\r\n      :header=\"statusHeader\"\r\n      bodyStyle=\"text-align:center\"\r\n      headerStyle=\"text-align:center\"\r\n    >\r\n      <template #body=\"{data}\">\r\n        <Tag :severity=\"tagSeverity(data.status)\">{{\r\n          $t(\"tickets.\" + data.status)\r\n        }}</Tag>\r\n      </template>\r\n    </Column>\r\n    <Column\r\n      field=\"created\"\r\n      :header=\"createdHeader\"\r\n      bodyStyle=\"text-align:center\"\r\n      headerStyle=\"text-align:center\"\r\n    ></Column>\r\n    <Column\r\n      field=\"updated\"\r\n      :header=\"updatedHeader\"\r\n      bodyStyle=\"text-align:center\"\r\n      headerStyle=\"text-align:center\"\r\n    ></Column>\r\n    <Column\r\n      field=\"closed\"\r\n      :header=\"closedHeader\"\r\n      bodyStyle=\"text-align:center\"\r\n      headerStyle=\"text-align:center\"\r\n    ></Column>\r\n    <Column\r\n      field=\"subject\"\r\n      :header=\"subjectHeader\"\r\n      bodyStyle=\"text-align:center\"\r\n      headerStyle=\"text-align:center\"\r\n    ></Column>\r\n    <Column\r\n      field=\"issue\"\r\n      :header=\"issueHeader\"\r\n      bodyStyle=\"white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\"\r\n      headerStyle=\"width:400px;\"\r\n    ></Column>\r\n  </DataTable>\r\n</template>\r\n<script>\r\nimport TicketService from \"../service/TicketService\";\r\nimport { FilterMatchMode } from \"primevue/api\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      idHeader: this.$t(\"tickets.idHeader\"),\r\n      statusHeader: this.$t(\"tickets.statusHeader\"),\r\n      createdHeader: this.$t(\"tickets.createdHeader\"),\r\n      updatedHeader: this.$t(\"tickets.updatedHeader\"),\r\n      subjectHeader: this.$t(\"ticket.subjectHeader\"),\r\n      closedHeader: this.$t(\"ticket.closedHeader\"),\r\n      issueHeader: this.$t(\"ticket.issueHeader\"),\r\n      keywordSearch: this.$t(\"ticket.keywordSearch\"),\r\n      tickets: null,\r\n      filters: null,\r\n      loading: false,\r\n    };\r\n  },\r\n  computed: {\r\n    access_token: function() {\r\n      return this.$store.getters[\"userdata/getAccessToken\"];\r\n    },\r\n    email: function() {\r\n      return this.$store.getters[\"profile/email\"];\r\n    },\r\n  },\r\n  created() {\r\n    this.ticketService = new TicketService();\r\n    this.initFilters();\r\n  },\r\n  async mounted() {\r\n    this.loading = true;\r\n    this.tickets = await this.ticketService.getTickets(\r\n      this.access_token,\r\n      this.email\r\n    );\r\n    this.formatTicketStatus(); //Alternative to get translation in service\r\n    this.loading = false;\r\n  },\r\n  methods: {\r\n    formatTicketStatus() {\r\n      this.tickets.map((ticket) => {\r\n        switch (ticket.status) {\r\n          case 0:\r\n            ticket.status = \"statusNew\";\r\n            break;\r\n          case 1:\r\n            ticket.status = \"statusOpen\";\r\n            break;\r\n          case 2:\r\n            ticket.status = \"statusPending\";\r\n            break;\r\n          case 3:\r\n            ticket.status = \"statusClosed\";\r\n            break;\r\n        }\r\n      });\r\n    },\r\n    clearFilter() {\r\n      this.initFilters();\r\n    },\r\n    initFilters() {\r\n      this.filters = {\r\n        global: { value: null, matchMode: FilterMatchMode.CONTAINS },\r\n      };\r\n    },\r\n    tagSeverity(status) {\r\n      switch (status) {\r\n        case \"statusNew\":\r\n          return \"info\";\r\n        case \"statusOpen\":\r\n          return \"success\";\r\n        case \"statusPending\":\r\n          return \"warning\";\r\n        case \"statusClosed\":\r\n          return \"danger\";\r\n      }\r\n    },\r\n    goToTicketPage(event) {\r\n      this.$router.push({\r\n        name: \"singleTicket\",\r\n        params: { uid: event.data.uid },\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.issue-style {\r\n  font-weight: 800;\r\n  widows: 100%;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n.p-inputtext {\r\n  width: 100%;\r\n  border-radius: 18px;\r\n  border-width: 1px;\r\n  border-color: #272728;\r\n  padding-left: 10px;\r\n}\r\n\r\n.justify-content-between-custom{\r\n  justify-content: flex-start;\r\n  flex-direction: row;\r\n  align-items: center;\r\n}\r\n</style>\r\n\r\n<style>\r\n.custom-table-tickets.p-datatable table{\r\n  width:100%;\r\n}\r\n\r\n.custom-table-tickets .p-column-header-content{\r\n  flex-direction: row;\r\n  justify-content: center;\r\n}\r\n</style>\r\n","import { render } from \"./Tickets.vue?vue&type=template&id=19423566&scoped=true\"\nimport script from \"./Tickets.vue?vue&type=script&lang=js\"\nexport * from \"./Tickets.vue?vue&type=script&lang=js\"\n\nimport \"./Tickets.vue?vue&type=style&index=0&id=19423566&scoped=true&lang=css\"\nimport \"./Tickets.vue?vue&type=style&index=1&id=19423566&lang=css\"\n\nimport exportComponent from \"D:\\\\a\\\\1\\\\s\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-19423566\"]])\n\nexport default __exports__"],"sourceRoot":""}