{"version":3,"sources":["webpack:///./src/components/admin-panel/pages/UserReport/Index.vue","webpack:///./src/components/admin-panel/pages/UserReport/Index.vue?953a"],"names":["_createElementVNode","style","_createVNode","_component_a_row","class","gutter","_hoisted_1","_component_a_col","span","_component_a_select","ref","value","_ctx","orgname","$event","options","orgOptions","placeholder","mode","onChange","handleOrgChange","username","userOptions","offset","_component_a_range_picker","dateTime","show-time","ranges","dateRanges","format","_component_a_button","type","onClick","handleSubmit","_component_a_table","dataSource","records","columns","bodyCell","_withCtx","text","column","record","dataIndex","_createElementBlock","_hoisted_2","request_full_path","_createBlock","_component_a_tag","color","_hoisted_3","_component_a_popover","title","trigger","content","_toDisplayString","_hoisted_4","secondsToDays","_hoisted_5","dateHelper","formatDate","defineComponent","setup","Today","dayjs","subtract","hour","minute","second","orgUsers","async","setUserOptions","url","response","httpClient","get","elem","length","org","user","toLowerCase","push","Object","keys","sort","map","element","label","reduce","res","v","concat","onMounted","key","start","toISOString","end","orgnameRegex","join","usernameRegex","seconds","Number","d","Math","floor","h","m","dDisplay","hDisplay","mDisplay","display","s","toFixed","sDisplay","jsonPretty","newJson","JSON","stringify","user_list","forEach","__exports__","render"],"mappings":"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","file":"js/chunk-2d213558.0e535fe7.js","sourcesContent":["<template>\r\n  <a-row class=\"p-sm-4\" :gutter=\"[16, 16]\">\r\n    <p>\r\n      <strong>Note:</strong> use\r\n      <strong style=\"color: darkred;font-size: 20px;background-color: lavender\">\r\n        .*</strong\r\n      >\r\n      regex to select all Organizations or Users\r\n    </p>\r\n  </a-row>\r\n\r\n  <a-row class=\"p-4\" :gutter=\"[16, 16]\">\r\n    <a-col span=\"10\">\r\n      <a-select\r\n        ref=\"select\"\r\n        v-model:value=\"orgname\"\r\n        :options=\"orgOptions\"\r\n        style=\"min-width: 200px\"\r\n        placeholder=\"Select Organizations\"\r\n        mode=\"tags\"\r\n        @change=\"handleOrgChange\"\r\n      ></a-select>\r\n      <a-select\r\n        ref=\"select\"\r\n        v-model:value=\"username\"\r\n        :options=\"userOptions\"\r\n        style=\"min-width: 200px\"\r\n        placeholder=\"Select Users\"\r\n        mode=\"tags\"\r\n      ></a-select>\r\n    </a-col>\r\n    <a-col span=\"10\" offset=\"0\">\r\n      <a-range-picker\r\n        v-model:value=\"dateTime\"\r\n        show-time\r\n        :ranges=\"dateRanges\"\r\n        format=\"YYYY/MM/DD hh:mm a\"\r\n      />\r\n    </a-col>\r\n    <a-col span=\"2\">\r\n      <a-button type=\"primary\" @click=\"handleSubmit\">Submit</a-button>\r\n    </a-col>\r\n    <a-col span=\"24\">\r\n      <a-table :dataSource=\"records\" :columns=\"columns\">\r\n        <template #bodyCell=\"{ text, column, record }\">\r\n          <span v-if=\"column.dataIndex === 'response_status_info'\">\r\n            <a-tag\r\n              v-if=\"record.request_full_path === 'Session Started'\"\r\n              color=\"green\"\r\n              >Session Started</a-tag\r\n            >\r\n            <a-tag\r\n              v-else-if=\"record.request_full_path === 'Session Ended'\"\r\n              color=\"red\"\r\n              >Session Ended</a-tag\r\n            >\r\n            <a-tag v-else color=\"blue\">{{ text }}</a-tag>\r\n          </span>\r\n          <span v-if=\"column.dataIndex === 'request_body_dict' && text\">\r\n            <a-popover title=\"Request Body\" trigger=\"click\">\r\n              <template #content>\r\n                <pre>{{ text }}</pre>\r\n              </template>\r\n              <a-button type=\"link\">Show</a-button>\r\n            </a-popover>\r\n          </span>\r\n          <span v-if=\"column.dataIndex === 'next_event_time'\">\r\n            {{ secondsToDays(text) }}\r\n          </span>\r\n          <span v-if=\"column.dataIndex === 'log_datetime'\">\r\n            {{ dateHelper.formatDate(text) }}\r\n          </span>\r\n        </template>\r\n      </a-table>\r\n    </a-col>\r\n  </a-row>\r\n</template>\r\n<script>\r\nimport { defineComponent, ref, onMounted } from 'vue';\r\nimport dayjs from 'dayjs';\r\nimport httpClient from '../../../../service/httpClient';\r\nimport dateHelper from '../../../shared/Helpers/dateHelper';\r\n\r\nexport default defineComponent({\r\n  setup() {\r\n    const orgname = ref([]);\r\n    const username = ref([]);\r\n    const records = ref([]);\r\n    const dateRanges = {\r\n      Today: [\r\n        dayjs()\r\n          .subtract(dayjs().hour(), 'hour')\r\n          .subtract(dayjs().minute(), 'minute')\r\n          .subtract(dayjs().second(), 'second'),\r\n        dayjs(),\r\n      ],\r\n      '1 Day': [dayjs().subtract(1, 'day'), dayjs()],\r\n      '1 Week': [dayjs().subtract(1, 'week'), dayjs()],\r\n      '1 Month': [dayjs().subtract(1, 'month'), dayjs()],\r\n    };\r\n    const dateTime = ref(dateRanges['1 Day']);\r\n\r\n    let orgUsers = {};\r\n    let orgOptions = ref();\r\n    let userOptions = ref();\r\n\r\n    async function setUserOptions() {\r\n      const url = `account/users_list?is_active=true`;\r\n      const response = await httpClient.get(url);\r\n\r\n      for (let elem = 0; elem < response.length; elem++) {\r\n        let org = response[elem]['Organization'];\r\n        if (org === null) {\r\n          org = '<no-organization>';\r\n        }\r\n        let user = response[elem]['email'].toLowerCase();\r\n\r\n        if (!(org in orgUsers)) {\r\n          orgUsers[org] = [];\r\n        }\r\n        orgUsers[org].push(user);\r\n      }\r\n      orgOptions.value = Object.keys(orgUsers)\r\n        .sort()\r\n        .map(function(element) {\r\n          return { value: element, label: element };\r\n        });\r\n      userOptions.value = Object.keys(orgUsers)\r\n        .reduce(function(res, v) {\r\n          return res.concat(orgUsers[v]);\r\n        }, [])\r\n        .sort()\r\n        .map(function(element) {\r\n          return { value: element, label: element };\r\n        });\r\n    }\r\n    onMounted(() => {\r\n      setUserOptions();\r\n    });\r\n\r\n    const columns = [\r\n      {\r\n        title: 'Date',\r\n        dataIndex: 'log_datetime',\r\n        key: 'log_datetime',\r\n      },\r\n      {\r\n        title: 'Next Event Time',\r\n        dataIndex: 'next_event_time',\r\n        key: 'next_event_time',\r\n      },\r\n      {\r\n        title: 'Username',\r\n        dataIndex: 'request_username',\r\n        key: 'request_username',\r\n      },\r\n      {\r\n        title: 'Event',\r\n        dataIndex: 'request_full_path',\r\n        key: 'request_full_path',\r\n      },\r\n      {\r\n        title: 'Method',\r\n        dataIndex: 'request_method',\r\n        key: 'request_method',\r\n      },\r\n      {\r\n        title: 'Status',\r\n        dataIndex: 'response_status_info',\r\n        key: 'response_status_info',\r\n      },\r\n      {\r\n        title: 'Request Body',\r\n        dataIndex: 'request_body_dict',\r\n        key: 'request_body_dict',\r\n      },\r\n    ];\r\n\r\n    async function handleSubmit() {\r\n      const start = dateTime.value[0].toISOString();\r\n      const end = dateTime.value[1].toISOString();\r\n      const orgnameRegex = orgname.value\r\n        .map(function(elem) {\r\n          return '(' + elem + ')';\r\n        })\r\n        .join('|');\r\n      const usernameRegex = username.value\r\n        .map(function(elem) {\r\n          return '(' + elem + ')';\r\n        })\r\n        .join('|');\r\n\r\n      const url = `account/generate_user_report?orgname=${orgnameRegex}&username=${usernameRegex}&start_date=${start}&end_date=${end}`;\r\n      const response = await httpClient.get(url);\r\n      records.value = response;\r\n    }\r\n    function secondsToDays(seconds) {\r\n      seconds = Number(seconds);\r\n      const d = Math.floor(seconds / (3600 * 24));\r\n      const h = Math.floor((seconds % (3600 * 24)) / 3600);\r\n      const m = Math.floor((seconds % 3600) / 60);\r\n\r\n      const dDisplay = d > 0 ? d + 'd ' : '';\r\n      const hDisplay = h > 0 ? h + 'h ' : '';\r\n      const mDisplay = m > 0 ? m + 'm ' : '';\r\n      let display = dDisplay + hDisplay + mDisplay;\r\n\r\n      const s = display ? Math.floor(seconds % 60) : (seconds % 60).toFixed(2);\r\n      const sDisplay = s > 0 ? s + 's ' : '';\r\n      display += sDisplay;\r\n      if (!display) {\r\n        display = (0).toFixed(2) + 's';\r\n      }\r\n      return display;\r\n    }\r\n    function jsonPretty(value) {\r\n      const newJson = JSON.stringify(value, null, 2);\r\n      return newJson;\r\n    }\r\n    function handleOrgChange(value) {\r\n      username.value = [];\r\n\r\n      if (value.length === 0) {\r\n        userOptions.value = Object.keys(orgUsers)\r\n          .reduce(function(res, v) {\r\n            return res.concat(orgUsers[v]);\r\n          }, [])\r\n          .sort()\r\n          .map(function(element) {\r\n            return { value: element, label: element };\r\n          });\r\n        return;\r\n      }\r\n\r\n      let user_list = [];\r\n      value.forEach(\r\n        (element) => (user_list = user_list.concat(orgUsers[element]))\r\n      );\r\n      userOptions.value = user_list.sort().map(function(element) {\r\n        return { value: element, label: element };\r\n      });\r\n    }\r\n\r\n    return {\r\n      dateHelper,\r\n      orgOptions,\r\n      userOptions,\r\n      orgname,\r\n      username,\r\n      records,\r\n      columns,\r\n      dateTime,\r\n      dateRanges,\r\n      handleOrgChange,\r\n      handleSubmit,\r\n      secondsToDays,\r\n      jsonPretty,\r\n    };\r\n  },\r\n});\r\n</script>\r\n\r\n<style scoped></style>\r\n","import { render } from \"./Index.vue?vue&type=template&id=4719db5e\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"C:\\\\Users\\\\mahal\\\\OneDrive\\\\Documents\\\\Retrocausal\\\\portal_frontend\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}