{"version":3,"sources":["webpack:///./src/views/page/methods-of-logs/number-active-users.vue?f79e","webpack:///./src/views/page/methods-of-logs/number-active-users.vue?d4d2","webpack:///./src/views/page/methods-of-logs/number-active-users.vue?33e2","webpack:///./src/views/page/methods-of-logs/number-active-users.vue"],"names":["_hoisted_1","key","class","render","_ctx","_cache","$props","$setup","$data","$options","_component_filter_component","_resolveComponent","_component_tirscript3_loading","_component_chart_statistic","_component_page","_openBlock","_createBlock","name","selectSource","toolbar","_withCtx","_createVNode","filter","$event","liveReload","selectButton","selectLogsFilter","selectViewFilter","onOnLiveReload","default","loading","isLoading","_withDirectives","chartModel","_vShow","flag","error","isSuccess","_createCommentVNode","_createElementBlock","_toDisplayString","errorMessage","_","NumberOfOpenAndClosedSession","Vue","constructor","FilterModel","endpointsResponse","isLiveReload","timerId","datasets","ChartDatsetsModel","label","data","borderColor","backgroundColor","yAxisID","pointStyle","ChartDataModel","labels","this","update","getData","unmounted","clearInterval","value","setInterval","DateTo","formatDate","stringDate","index","indexOf","substr","res","request","ProjectLogGroupId","sourceLogId","FromDate","DateFrom","ToDate","Period","interval","tmpFilter","getUTC","$api","AnalyticUsersService","getActiveUsersAsync","splice","length","forEach","elem","push","TimePoint","toString","UsersCount","__decorate","Watch","deep","Options","components","Page","ChartStatistic","__exports__"],"mappings":"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","file":"assets/js/chunk-1c9f0d02.065c4e4c.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./number-active-users.vue?vue&type=style&index=0&id=19492c0c&lang=less\"","import { resolveComponent as _resolveComponent, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives, toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, withCtx as _withCtx, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  key: 0,\n  class: \"row mt-2 justify-content-center\"\n}\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n  const _component_filter_component = _resolveComponent(\"filter-component\")!\n  const _component_tirscript3_loading = _resolveComponent(\"tirscript3-loading\")!\n  const _component_chart_statistic = _resolveComponent(\"chart-statistic\")!\n  const _component_page = _resolveComponent(\"page\")!\n\n  return (_openBlock(), _createBlock(_component_page, {\n    name: 'Колличество активных пользователей',\n    selectSource: false\n  }, {\n    toolbar: _withCtx(() => [\n      _createVNode(_component_filter_component, {\n        filter: _ctx.filter,\n        \"onUpdate:filter\": _cache[0] || (_cache[0] = ($event: any) => ((_ctx.filter) = $event)),\n        liveReload: true,\n        selectButton: false,\n        selectLogsFilter: false,\n        selectViewFilter: false,\n        onOnLiveReload: _ctx.liveReload\n      }, null, 8, [\"filter\", \"onOnLiveReload\"])\n    ]),\n    default: _withCtx(() => [\n      _createVNode(_component_tirscript3_loading, { loading: _ctx.isLoading }, null, 8, [\"loading\"]),\n      _withDirectives(_createVNode(_component_chart_statistic, { chartModel: _ctx.chartModel }, null, 8, [\"chartModel\"]), [\n        [_vShow, _ctx.flag]\n      ]),\n      (!_ctx.error.isSuccess)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_1, _toDisplayString(_ctx.error.errorMessage), 1))\n        : _createCommentVNode(\"\", true)\n    ]),\n    _: 1\n  }))\n}","\r\nimport {Options, Vue, Watch} from \"vue-property-decorator\";\r\nimport Page from \"@views/page/components/page.vue\";\r\nimport ChartStatistic from \"@/views/components/chart-statistic.vue\";\r\nimport FilterModel from \"@/views/page/components/filter-model\";\r\nimport ChartDataModel from \"@/views/components/chartDataModel\";\r\nimport ChartDatsetsModel from \"@/views/components/chartDatasetsModel\";\r\nimport getUTC from \"@/function/getUTC\"\r\nimport EndpointsResponseModel from \"@/dataSource/api/analytic-endpoints/i-services/models/response/EndpointsResponseModel\";\r\nimport ActiveUsersResponse from \"@/dataSource/api/analytic-users/i-service/models/response/ActiveUsersResponse\";\r\n\r\n@Options({\r\n  name: \"NumberOfOpenAndClosedSession\",\r\n  components: {\r\n    Page,\r\n    ChartStatistic,\r\n  },\r\n})\r\nexport default class NumberOfOpenAndClosedSession extends Vue {\r\n  sourceLogId: number;\r\n  filter: FilterModel = new FilterModel();\r\n  endpointsResponse: Array<EndpointsResponseModel> = [];\r\n  flag = false;\r\n  isLoading = false\r\n\r\n  isLiveReload = false\r\n  timerId = 0\r\n\r\n  error = {\r\n    isSuccess: true,\r\n    errorMessage: \"\"\r\n  }\r\n\r\n  datasets = new ChartDatsetsModel({\r\n    label: \"Кол-во активных пользователей\",\r\n    data: [],\r\n    borderColor: \"#fc2586\",\r\n    backgroundColor: \"#fc2586\",\r\n    yAxisID: \"y\",\r\n    pointStyle: \"circle\",\r\n  });\r\n  chartModel = new ChartDataModel({\r\n    labels: [],\r\n    datasets: [this.datasets],\r\n  });\r\n\r\n  @Watch(\"filter\", {deep: true})\r\n  update() {\r\n    this.getData();\r\n  }\r\n\r\n  unmounted() {\r\n    clearInterval(this.timerId)\r\n  }\r\n\r\n  liveReload(value) {\r\n    this.isLiveReload = value\r\n    if (value) {\r\n      this.timerId = setInterval(() => {\r\n        this.filter.DateTo = new FilterModel().DateTo\r\n      }, 5000)\r\n    } else {\r\n      clearInterval(this.timerId)\r\n    }\r\n  }\r\n\r\n  formatDate(stringDate: string | any): string {\r\n    let index = stringDate.indexOf(\" (\");\r\n    if (~index) {\r\n      return stringDate.substr(0, index);\r\n    }\r\n  }\r\n\r\n  async getData() {\r\n    this.isLoading = true;\r\n    let res: ActiveUsersResponse[];\r\n    let request = {\r\n      ProjectLogGroupId: this.sourceLogId,\r\n      FromDate: this.filter.DateFrom,\r\n      ToDate: this.filter.DateTo,\r\n      Period: this.filter.interval,\r\n    }\r\n    let tmpFilter = getUTC(request)\r\n    try {\r\n      res = await this.$api.AnalyticUsersService.getActiveUsersAsync(\r\n          tmpFilter\r\n      );\r\n    } catch (error) {\r\n      this.error.isSuccess = false;\r\n      this.error.errorMessage = error;\r\n      this.isLoading = false;\r\n    }\r\n    this.flag = true;\r\n    this.isLoading = false;\r\n    this.chartModel.labels.splice(0, this.chartModel.labels.length);\r\n    this.datasets.data.splice(0, this.datasets.data.length);\r\n    res.forEach((elem) => {\r\n      this.chartModel.labels.push(elem.TimePoint.toString());\r\n      this.datasets.data.push(elem.UsersCount);\r\n    });\r\n  }\r\n}\r\n","import { render } from \"./number-active-users.vue?vue&type=template&id=19492c0c&ts=true\"\nimport script from \"./number-active-users.vue?vue&type=script&lang=ts\"\nexport * from \"./number-active-users.vue?vue&type=script&lang=ts\"\n\nimport \"./number-active-users.vue?vue&type=style&index=0&id=19492c0c&lang=less\"\n\nimport exportComponent from \"D:\\\\Projects\\\\2023\\\\tirscript-logger-microservice-front\\\\logger-microservice-front\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}