{"version":3,"sources":["webpack:///./src/components/Dashboard/AuditPlanCard.vue","webpack:///./src/components/Dashboard/AuditPlanCard.vue?3d7d","webpack:///./src/components/Dashboard/SubscriptionModal.vue","webpack:///./src/components/Dashboard/SubscriptionModal.vue?8582","webpack:///./src/views/Dashboard.vue","webpack:///./src/views/Dashboard.vue?4aa8","webpack:///./src/core/helpers/dom.ts","webpack:///./src/core/helpers/breadcrumb.ts"],"names":["t","te","translate","text","totalCountDay","totalCountWeek","totalCountMonth","dayAuditList","weekAuditList","monthAuditList","blockD","blockW","blockM","store","getDayAudit","pageIndex","pageSize","obj","dispatch","then","response","value","TotalItemsCount","ListItems","finally","getWeekAudit","getMonthAudit","lazyParams","isInThePast","date","today","Date","setHours","formatDate","year","substr","month","day","join","pageD","pageSizeD","pageW","pageSizeW","pageM","pageSizeM","onPageD","e","step","onPageW","onPageM","__exports__","newTargetModalRef","subscriptionList","convertDate","payload","yyyy","getFullYear","mm","getMonth","dd","getDate","filterObj","getData","CompanyQuotaHomeModels","closeModal","onPage","clearForm","document","getElementById","addEventListener","locale","weekApexchart","monthApexchart","yearApexchart","weekApexchartValue","monthApexchartValue","yearApexchartValue","blockApprove","blockCustomer","blockGraph","blockRights","weekGraphic","monthGraphic","yearGraphic","clickMonth","clickYear","lazyParamsCustomer","lazyParamsApprove","quotaFontSize","page","getApexchartDay","WeekList","forEach","element","push","MonthList","optionsMonth","xaxis","categories","seriesMonth","data","YearList","optionsYear","seriesYear","onPageCustomer","getCustomers","onPageApprove","getApprovalAudits","options","chart","id","height","type","yaxis","title","labels","formatter","parseInt","fill","gradient","gradientToColors","shade","shadeIntensity","inverseColors","opacityFrom","opacityTo","stops","plotOptions","bar","borderRadius","colors","noData","align","verticalAlign","offsetX","offsetY","style","color","undefined","fontSize","fontFamily","series","name","Math","floor","approvaLAuditList","totalItemsApproval","customerList","TotalItemsCustomer","objCustomers","companyQuato","quotaLength","CompanyTotalRemainin","toString","length","CompanyTotalQuota","hideModal","modalEl","myModal","getInstance","hide","removeModalBackdrop","querySelectorAll","item","remove","setCurrentPageBreadcrumbs","pageTitle","breadcrumbs","SET_BREADCRUMB_ACTION","pageBreadcrumbPath"],"mappings":"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","file":"js/chunk-588df4c2.47ba8d6b.js","sourcesContent":["<template>\r\n  <div class=\"card p-5\">\r\n    <h3 class=\"card-title d-flex flex-column align-items-start\">\r\n      <span class=\"card-label fw-bolder fs-3 mb-1\">{{ translate(\"dashboard_audits\") }} </span>\r\n      <span class=\"text-muted fw-bold fs-7\">\r\n        {{ translate(\"dashboard_day_week_month\") }}\r\n      </span>\r\n    </h3>\r\n    <nav>\r\n      <div\r\n        class=\"nav nav-tabs mb-2\"\r\n        id=\"nav-tab\"\r\n        role=\"tablist\"\r\n      >\r\n        <button\r\n          class=\"nav-link active\"\r\n          id=\"nav-home-tab\"\r\n          data-bs-toggle=\"tab\"\r\n          data-bs-target=\"#nav-home\"\r\n          type=\"button\"\r\n          role=\"tab\"\r\n          aria-controls=\"nav-home\"\r\n          aria-selected=\"true\"\r\n        >\r\n          {{ translate(\"dashboard_day\") }}\r\n        </button>\r\n        <button\r\n          class=\"nav-link\"\r\n          id=\"nav-profile-tab\"\r\n          data-bs-toggle=\"tab\"\r\n          data-bs-target=\"#nav-profile\"\r\n          type=\"button\"\r\n          role=\"tab\"\r\n          aria-controls=\"nav-profile\"\r\n          aria-selected=\"false\"\r\n        >\r\n          {{ translate(\"dashboard_week\") }}\r\n        </button>\r\n        <button\r\n          class=\"nav-link\"\r\n          id=\"nav-contact-tab\"\r\n          data-bs-toggle=\"tab\"\r\n          data-bs-target=\"#nav-contact\"\r\n          type=\"button\"\r\n          role=\"tab\"\r\n          aria-controls=\"nav-contact\"\r\n          aria-selected=\"false\"\r\n        >\r\n          {{ translate(\"dashboard_month\") }}\r\n        </button>\r\n      </div>\r\n    </nav>\r\n    <div\r\n      class=\"tab-content h-350px\"\r\n      id=\"nav-tabContent\"\r\n    >\r\n      <div\r\n        class=\"tab-pane fade show active\"\r\n        id=\"nav-home\"\r\n        role=\"tabpanel\"\r\n        aria-labelledby=\"nav-home-tab\"\r\n      >\r\n        <div\r\n          v-if=\"totalCountDay == 0\"\r\n          class=\"h-350px d-flex align-items-center justify-content-center position-relative\"\r\n        >\r\n          <BlockUI\r\n            :loading=\"blockD\"\r\n            class=\"h-350px\"\r\n          />\r\n          <span class=\"fs-6 text-gray-600\">{{ translate(\"dashboard_no_planned_audit_today\") }}</span>\r\n        </div>\r\n\r\n        <div\r\n          v-else\r\n          class=\"position-relative overflow-auto\"\r\n        >\r\n          <BlockUI\r\n            :loading=\"blockD\"\r\n            class=\"h-300px\"\r\n          />\r\n          <div class=\"h-300px overflow-auto\">\r\n            <div\r\n              class=\"d-flex align-items-center rounded p-2\"\r\n              v-for=\"audit in dayAuditList\"\r\n              :key=\"audit\"\r\n            >\r\n              <span class=\"bullet bullet-vertical h-40px bg-primary\"></span>\r\n              <div class=\"form-check form-check-custom form-check-solid mx-5\">\r\n                <a\r\n                  v-if=\"audit.StatusCode == 30\"\r\n                  :title=\"translate('dashboard_completed_audit')\"\r\n                >\r\n                  <i class=\"bi bi-check-circle-fill text-primary fs-2\"></i\r\n                ></a>\r\n                <a\r\n                  v-else-if=\"isInThePast(new Date(formatDate(audit.AuditDateTime)))\"\r\n                  :title=\"translate('dashboard_card_icon_out_of_date')\"\r\n                >\r\n                  <i class=\"bi bi-x-circle-fill text-danger fs-2\"></i\r\n                ></a>\r\n                <a\r\n                  v-else\r\n                  :title=\"translate('dashboard_card_icon_upcoming_audit')\"\r\n                >\r\n                  <i class=\"bi bi-clock text-primary fs-2\"></i\r\n                ></a>\r\n              </div>\r\n              <div class=\"flex-grow-1\">\r\n                <span class=\"text-gray-800 fw-bolder fs-6\">{{ audit.CustomerName }}</span\r\n                ><span class=\"text-muted fw-bold d-block\">\r\n                  {{ audit.LocationName }}\r\n                </span>\r\n              </div>\r\n              <span class=\"badge fs-8 fw-bolder badge-light-primary\">{{ audit.AuditDateTime.substr(0, 16) }} </span>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"mt-3 d-flex\">\r\n            <Pagination\r\n              @onPage=\"onPageD\"\r\n              :TotalData=\"totalCountDay\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div\r\n        class=\"tab-pane fade\"\r\n        id=\"nav-profile\"\r\n        role=\"tabpanel\"\r\n        aria-labelledby=\"nav-profile-tab\"\r\n      >\r\n        <div\r\n          v-if=\"totalCountWeek == 0\"\r\n          class=\"h-350px w-100 d-flex align-items-center justify-content-center position-relative\"\r\n        >\r\n          <BlockUI\r\n            :loading=\"blockW\"\r\n            class=\"h-350px\"\r\n          />\r\n          <span class=\"fs-6 text-gray-600\"> {{ translate(\"dashboard_no_planned_audit_week\") }}</span>\r\n        </div>\r\n\r\n        <div\r\n          v-else\r\n          class=\"h-350px position-relative\"\r\n        >\r\n          <BlockUI\r\n            :loading=\"blockW\"\r\n            class=\"h-300px\"\r\n          />\r\n          <div class=\"h-300px overflow-auto\">\r\n            <div\r\n              class=\"d-flex align-items-center rounded p-2\"\r\n              v-for=\"audit in weekAuditList\"\r\n              :key=\"audit\"\r\n            >\r\n              <span class=\"bullet bullet-vertical h-40px bg-primary\"></span>\r\n              <div class=\"form-check form-check-custom form-check-solid mx-5\">\r\n                <a\r\n                  v-if=\"audit.StatusCode == 30\"\r\n                  :title=\"translate('dashboard_completed_audit')\"\r\n                >\r\n                  <i class=\"bi bi-check-circle-fill text-primary fs-2\"></i\r\n                ></a>\r\n                <a\r\n                  v-else-if=\"isInThePast(new Date(formatDate(audit.AuditDateTime)))\"\r\n                  :title=\"translate('dashboard_card_icon_out_of_date')\"\r\n                >\r\n                  <i class=\"bi bi-x-circle-fill text-danger fs-2\"></i\r\n                ></a>\r\n                <a\r\n                  v-else\r\n                  :title=\"translate('dashboard_card_icon_upcoming_audit')\"\r\n                >\r\n                  <i class=\"bi bi-clock text-primary fs-2\"></i\r\n                ></a>\r\n              </div>\r\n              <div class=\"flex-grow-1\">\r\n                <a class=\"text-gray-800 text-hover-primary fw-bolder fs-6\">{{ audit.CustomerName }}</a\r\n                ><span class=\"text-muted fw-bold d-block\">\r\n                  {{ audit.LocationName }}\r\n                </span>\r\n              </div>\r\n              <span class=\"badge fs-8 fw-bolder badge-light-primary\">{{ audit.AuditDateTime.substr(0, 16) }} </span>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"mt-3 d-flex\">\r\n            <Pagination\r\n              @onPage=\"onPageW\"\r\n              :TotalData=\"totalCountWeek\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div\r\n        class=\"tab-pane fade\"\r\n        id=\"nav-contact\"\r\n        role=\"tabpanel\"\r\n        aria-labelledby=\"nav-profile-tab\"\r\n      >\r\n        <div\r\n          class=\"h-350px w-100 d-flex align-items-center justify-content-center position-relative\"\r\n          v-if=\"totalCountMonth == 0\"\r\n        >\r\n          <BlockUI\r\n            :loading=\"blockM\"\r\n            class=\"h-350px\"\r\n          />\r\n          <span class=\"fs-6 text-gray-600\"> {{ translate(\"dashboard_no_planned_audit_month\") }}</span>\r\n        </div>\r\n\r\n        <div\r\n          v-else\r\n          class=\"h-350px text-gray-600 position-relative\"\r\n        >\r\n          <BlockUI\r\n            :loading=\"blockM\"\r\n            class=\"h-300px\"\r\n          />\r\n\r\n          <div class=\"h-300px overflow-auto\">\r\n            <div\r\n              class=\"d-flex align-items-center rounded p-2\"\r\n              v-for=\"audit in monthAuditList\"\r\n              :key=\"audit\"\r\n            >\r\n              <span class=\"bullet bullet-vertical h-40px bg-primary\"></span>\r\n              <div class=\"form-check form-check-custom form-check-solid mx-5\">\r\n                <a\r\n                  v-if=\"audit.StatusCode == 30\"\r\n                  :title=\"translate('dashboard_completed_audit')\"\r\n                >\r\n                  <i class=\"bi bi-check-circle-fill text-primary fs-2\"></i\r\n                ></a>\r\n                <a\r\n                  v-else-if=\"isInThePast(new Date(formatDate(audit.AuditDateTime)))\"\r\n                  :title=\"translate('dashboard_card_icon_out_of_date')\"\r\n                >\r\n                  <i class=\"bi bi-x-circle-fill text-danger fs-2\"></i\r\n                ></a>\r\n                <a\r\n                  v-else\r\n                  :title=\"translate('dashboard_card_icon_upcoming_audit')\"\r\n                >\r\n                  <i class=\"bi bi-clock text-primary fs-2\"></i\r\n                ></a>\r\n              </div>\r\n              <div class=\"flex-grow-1\">\r\n                <span class=\"text-gray-800 fw-bolder fs-6\">{{ audit.CustomerName }}</span\r\n                ><span class=\"text-muted fw-bold d-block\">\r\n                  {{ audit.LocationName }}\r\n                </span>\r\n              </div>\r\n              <span class=\"badge fs-8 fw-bolder badge-light-primary\">{{ audit.AuditDateTime.substr(0, 16) }} </span>\r\n              {{}}\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"mt-3 d-flex\">\r\n            <Pagination\r\n              @onPage=\"onPageM\"\r\n              :TotalData=\"totalCountMonth\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport { ref } from \"vue\";\r\nimport { useStore } from \"vuex\";\r\nimport { useI18n } from \"vue-i18n\";\r\nconst { t, te } = useI18n();\r\nconst translate = (text) => {\r\n  if (te(text)) {\r\n    return t(text);\r\n  } else {\r\n    return text;\r\n  }\r\n};\r\nconst totalCountDay = ref(0);\r\nconst totalCountWeek = ref(0);\r\nconst totalCountMonth = ref(0);\r\nconst dayAuditList = ref([]);\r\nconst weekAuditList = ref([]);\r\nconst monthAuditList = ref([]);\r\nconst blockD = ref(true);\r\nconst blockW = ref(true);\r\nconst blockM = ref(true);\r\n\r\nconst store = useStore();\r\nconst getDayAudit = (pageIndex, pageSize) => {\r\n  let obj = {\r\n    pageIndex: pageIndex,\r\n    pageSize: pageSize,\r\n  };\r\n  store\r\n    .dispatch(\"DashboardModule/GET_DAY_AUDIT\", obj)\r\n    .then((response) => {\r\n      totalCountDay.value = response.TotalItemsCount;\r\n      dayAuditList.value = response.ListItems;\r\n    })\r\n    .finally(() => {\r\n      blockD.value = false;\r\n    });\r\n};\r\nconst getWeekAudit = (pageIndex, pageSize) => {\r\n  let obj = {\r\n    pageIndex: pageIndex,\r\n    pageSize: pageSize,\r\n  };\r\n  store.dispatch(\"DashboardModule/GET_WEEK_AUDIT\", obj).then((response) => {\r\n    totalCountWeek.value = response.TotalItemsCount;\r\n    weekAuditList.value = response.ListItems;\r\n    if (response) {\r\n      blockW.value = false;\r\n    }\r\n  });\r\n};\r\nconst getMonthAudit = (pageIndex, pageSize) => {\r\n  let obj = {\r\n    pageIndex: pageIndex,\r\n    pageSize: pageSize,\r\n  };\r\n  store\r\n    .dispatch(\"DashboardModule/GET_MONTH_AUDIT\", obj)\r\n    .then((response) => {\r\n      totalCountMonth.value = response.TotalItemsCount;\r\n      monthAuditList.value = response.ListItems;\r\n    })\r\n    .finally(() => {\r\n      blockM.value = false;\r\n    });\r\n};\r\nconst lazyParams = ref([]);\r\nlazyParams.value = {\r\n  pageD: 1,\r\n  pageSizeD: 10,\r\n  pageW: 1,\r\n  pageSizeW: 10,\r\n  pageM: 0,\r\n  pageSizeM: 10,\r\n};\r\n\r\nfunction isInThePast(date) {\r\n  const today = new Date();\r\n  today.setHours(0, 0, 0, 0);\r\n\r\n  return date < today;\r\n}\r\n\r\nfunction formatDate(date) {\r\n  let year = date.substr(6, 4);\r\n  let month = date.substr(3, 2);\r\n  let day = date.substr(0, 2);\r\n\r\n  return [year, month, day].join(\"-\");\r\n}\r\n\r\nconst onPageD = (e) => {\r\n  lazyParams.value.pageD = e.step.value;\r\n  lazyParams.value.pageSizeD = e.pageSize.value;\r\n  getDayAudit(lazyParams.value.pageD, lazyParams.value.pageSizeD);\r\n};\r\n\r\nconst onPageW = (e) => {\r\n  lazyParams.value.pageW = e.step.value;\r\n  lazyParams.value.pageSizeW = e.pageSize.value;\r\n  getWeekAudit(lazyParams.value.pageW, lazyParams.value.pageSizeW);\r\n};\r\nconst onPageM = (e) => {\r\n  lazyParams.value.pageM = e.step.value;\r\n  lazyParams.value.pageSizeM = e.pageSize.value;\r\n  getMonthAudit(lazyParams.value.pageM, lazyParams.value.pageSizeM);\r\n};\r\ngetDayAudit(1, 10);\r\ngetWeekAudit(1, 10);\r\ngetMonthAudit(1, 10);\r\n</script>\r\n","import script from \"./AuditPlanCard.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AuditPlanCard.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\r\n  <div\r\n    class=\"modal fade\"\r\n    tabindex=\"-1\"\r\n    id=\"subscription-modal\"\r\n    ref=\"newTargetModalRef\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <div class=\"modal-dialog modal-dialog-centered mw-750px\">\r\n      <div class=\"modal-content rounded\">\r\n        <div class=\"modal-header\">\r\n          <h5 class=\"modal-title\">{{ translate(\"dashboard_subscription_details\") }}</h5>\r\n\r\n          <button\r\n            class=\"btn btn-icon btn-sm btn-active-light-primary ms-2 text-dark\"\r\n            aria-label=\"Close\"\r\n            @click=\"closeModal\"\r\n          >\r\n            <i class=\"bi bi-x-lg\"></i>\r\n          </button>\r\n        </div>\r\n        <div class=\"modal-body rounded p-10\">\r\n          <div class=\"overflow-auto h-300px\">\r\n            <table class=\"table align-middle gs-0 gy-4 position-relative\">\r\n              <thead style=\"table-layout: fixed\">\r\n                <tr class=\"fw-bold text-muted bg-light\">\r\n                  <th class=\"ps-4 min-w-50px rounded-start\">{{ translate(\"dashbodard_begin_date\") }}</th>\r\n                  <th class=\"min-w-50px text-center\">{{ translate(\"dashboard_end_date\") }}</th>\r\n                  <th class=\"min-w-50px text-center\">{{ translate(\"dashbord_total_rights\") }}</th>\r\n                  <th class=\"min-w-50px text-center\">{{ translate(\"dashboard_remaining_rights\") }}</th>\r\n                  <th class=\"min-w-50px text-center rounded-end\">{{ translate(\"dashboard_status\") }}</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody class=\"text-center\">\r\n                <tr\r\n                  v-for=\"subscription in subscriptionList\"\r\n                  :key=\"subscription.Id\"\r\n                >\r\n                  <td>\r\n                    <div class=\"d-flex align-items-center\">\r\n                      <div class=\"d-flex justify-content-start flex-column\">\r\n                        <a class=\"text-dark fw-bold mb-1 fs-6 ms-2\">{{ convertDate(subscription.BeginDate) }} </a>\r\n                      </div>\r\n                    </div>\r\n                  </td>\r\n\r\n                  <td>\r\n                    <a class=\"text-dark fw-bold d-block mb-1 fs-6\">{{ convertDate(subscription.EndDate) }}</a>\r\n                  </td>\r\n\r\n                  <td>\r\n                    <a class=\"text-dark fw-bold d-block mb-1 fs-6\">{{ subscription.TotalQuota }}</a>\r\n                  </td>\r\n\r\n                  <td>\r\n                    <a class=\"text-dark fw-bold d-block mb-1 fs-6\">{{ subscription.RemainingQuota }}</a>\r\n                  </td>\r\n\r\n                  <td>\r\n                    <span\r\n                      v-if=\"!subscription.Status\"\r\n                      class=\"badge badge-light-danger fs-7 fw-bold\"\r\n                      >{{ translate(\"dashboard_passive\") }}</span\r\n                    >\r\n                    <span\r\n                      v-else\r\n                      class=\"badge badge-light-success fs-7 fw-bold\"\r\n                      >{{ translate(\"location_modal_check_label\") }}</span\r\n                    >\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n\r\n          <Pagination\r\n            @onPage=\"onPage\"\r\n            :TotalData=\"subscriptionList.length\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script setup>\r\nimport { ref, onMounted } from \"vue\";\r\nimport { hideModal } from \"@/core/helpers/dom\";\r\nimport { useStore } from \"vuex\";\r\nimport { useI18n } from \"vue-i18n\";\r\n\r\nconst { t, te } = useI18n();\r\nconst translate = (text) => {\r\n  if (te(text)) {\r\n    return t(text);\r\n  } else {\r\n    return text;\r\n  }\r\n};\r\n\r\nconst store = useStore();\r\n\r\nconst newTargetModalRef = ref(null);\r\n\r\nconst subscriptionList = ref([]);\r\n\r\nconst convertDate = (payload) => {\r\n  const date = new Date(payload);\r\n  const yyyy = date.getFullYear();\r\n  let mm = date.getMonth() + 1;\r\n  let dd = date.getDate();\r\n\r\n  if (dd < 10) dd = \"0\" + dd;\r\n  if (mm < 10) mm = \"0\" + mm;\r\n  return dd + \".\" + mm + \".\" + yyyy;\r\n};\r\n\r\nconst filterObj = ref({\r\n  pageIndex: 1,\r\n  pageSize: 10,\r\n});\r\n\r\nconst getData = () => {\r\n  store.dispatch(\"DashboardModule/GET_COMPANY_QUATO\", filterObj.value).then((response) => {\r\n    subscriptionList.value = response.CompanyQuotaHomeModels;\r\n  });\r\n};\r\n\r\nconst closeModal = () => {\r\n  hideModal(newTargetModalRef.value);\r\n};\r\n\r\ngetData();\r\nconst onPage = (e) => {\r\n  filterObj.value.pageIndex = e.step.value;\r\n  filterObj.value.pageSize = e.pageSize.value;\r\n  getData();\r\n};\r\n\r\nconst clearForm = () => {\r\n  filterObj.value.pageIndex = 1;\r\n  filterObj.value.pageSize = 10;\r\n};\r\nonMounted(() => {\r\n  document.getElementById(\"subscription-modal\").addEventListener(\"hide.bs.modal\", () => {\r\n    clearForm();\r\n  });\r\n});\r\n</script>\r\n","import script from \"./SubscriptionModal.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SubscriptionModal.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\r\n  <div class=\"row px-2\">\r\n    <div class=\"col-lg-6\">\r\n      <div class=\"card p-5 px-6\">\r\n        <BlockUI\r\n          class=\"h-200px position-relative\"\r\n          :loading=\"blockRights\"\r\n        />\r\n        <div\r\n          v-if=\"companyQuato\"\r\n          class=\"row d-flex\"\r\n        >\r\n          <div class=\"d-flex flex-column justify-content-between col-lg-6\">\r\n            <div class=\"d-flex flex-column\">\r\n              <span class=\"card-label fw-bolder fs-3\">{{ translate(\"dashboars_audit_rights\") }}</span>\r\n              <span class=\"text-muted fw-bold fs-7\">{{ translate(\"dashboard_remaining_rights_subscriptions\") }}</span>\r\n            </div>\r\n\r\n            <div class=\"d-flex align-items-end mt-5\">\r\n              <a\r\n                class=\"btn btn-sm btn-primary btn-active-primary my-1 me-2\"\r\n                data-bs-toggle=\"modal\"\r\n                data-bs-target=\"#subscription-modal\"\r\n                >{{ translate(\"dashboard_view_detail\") }}</a\r\n              >\r\n            </div>\r\n          </div>\r\n\r\n          <div\r\n            class=\"d-flex align-items-start justify-content-end col-lg-6\"\r\n            :style=\"`font-size:${quotaFontSize};text-size-adjust: 0.5px; 125px; line-height: 120px`\"\r\n          >\r\n            <span class=\"text-gray-900 quato\">{{ companyQuato.CompanyTotalRemainin }}</span>\r\n            <!-- <span class=\"text-gray-500 fs-6\">({{ translate(\"dashboard_remaiming\") }})</span> -->\r\n\r\n            <span class=\"fw-semibold text-dark mx-3 pt-1 text-gray-900 quato\">/</span>\r\n\r\n            <span class=\"text-gray-900 quato\">{{ companyQuato.CompanyTotalQuota }} </span>\r\n            <!-- <span class=\"text-gray-500 fs-6\">({{ translate(\"analysis_total\") }})</span> -->\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <SubscriptionModal />\r\n  <div class=\"row\">\r\n    <div class=\"col-lg-6 p-5\">\r\n      <audit-plan-card />\r\n    </div>\r\n    <div class=\"col-lg-6 p-5\">\r\n      <div class=\"card p-5\">\r\n        <h3 class=\"card-title d-flex align-items-start flex-column mb-12\">\r\n          <span class=\"card-label fw-bolder fs-3 mb-1\">{{ translate(\"dashboard_pending_approval\") }}</span>\r\n          <span class=\"text-muted fw-bold fs-7\">\r\n            {{ translate(\"dashboard_pending_description\") }}\r\n          </span>\r\n        </h3>\r\n        <div class=\"separator mb-2\"></div>\r\n        <div\r\n          class=\"h-350px d-flex justify-content-center align-items-center position-relative\"\r\n          v-if=\"totalItemsApproval == 0\"\r\n        >\r\n          <BlockUI :loading=\"blockApprove\" />\r\n          <span class=\"fs-6 text-gray-600\"> {{ translate(\"dasboard_approval_confirm\") }}</span>\r\n        </div>\r\n        <div\r\n          v-else\r\n          class=\"h-310px overflow-auto position-relative\"\r\n        >\r\n          <BlockUI\r\n            :loading=\"blockApprove\"\r\n            class=\"h-300px\"\r\n          />\r\n          <div class=\"h-300px\">\r\n            <div\r\n              class=\"mb-2 d-flex align-items-center p-2\"\r\n              v-for=\"approval in approvaLAuditList\"\r\n              :key=\"approval\"\r\n            >\r\n              <span class=\"bullet bullet-vertical h-40px bg-success\"></span>\r\n\r\n              <div class=\"flex-grow-1 mx-5\">\r\n                <a class=\"text-gray-800 fw-bolder fs-6\">{{ approval.LocationName }}</a\r\n                ><span class=\"text-muted fw-bold d-block\">{{ approval.AuditDateTime }}</span>\r\n              </div>\r\n              <router-link\r\n                :to=\"{\r\n                  path: `/audit/audit-details/${approval.Id}`,\r\n                }\"\r\n              >\r\n                <a\r\n                  class=\"btn btn-sm btn-light btn-light-success\"\r\n                  style=\"pointer-event: none\"\r\n                >\r\n                  {{ translate(\"send_approve\") }}\r\n                </a>\r\n              </router-link>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          v-if=\"totalItemsApproval > 0\"\r\n          class=\"mt-3\"\r\n        >\r\n          <Pagination\r\n            @onPage=\"onPageApprove\"\r\n            :TotalData=\"totalItemsApproval\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"row\">\r\n    <div class=\"col-lg-6 p-5\">\r\n      <div class=\"card p-5 h-450px\">\r\n        <h3 class=\"card-title align-items-start flex-column mb-8\">\r\n          <span class=\"card-label fw-bolder fs-3 mb-2\">{{ translate(\"dashboard_customers_audit\") }}</span>\r\n          <div class=\"text-muted fw-bold fs-7\">\r\n            {{ translate(\"dashboard_customers_audit_number\") }}\r\n          </div>\r\n        </h3>\r\n\r\n        <div class=\"separator mb-3\"></div>\r\n        <div\r\n          class=\"h-350px d-flex justify-content-center align-items-center position-relative\"\r\n          v-if=\"totalItemsApproval == 0\"\r\n        >\r\n          <BlockUI :loading=\"blockApprove\" />\r\n          <span class=\"fs-6 text-gray-600\"> {{ translate(\"dashboard_card_customer_confirm\") }}</span>\r\n        </div>\r\n        <div\r\n          v-else\r\n          class=\"h-350px p-0 position-relative\"\r\n        >\r\n          <BlockUI :loading=\"blockCustomer\" />\r\n          <div class=\"h-300px overflow-auto\">\r\n            <div\r\n              class=\"d-flex flex-stack mb-4 px-2\"\r\n              v-for=\"customer in customerList\"\r\n              :key=\"customer\"\r\n            >\r\n              <div class=\"d-flex align-items-center me-2\">\r\n                <div class=\"symbol symbol-45px me-3\">\r\n                  <div class=\"symbol-label\">\r\n                    <img\r\n                      src=\"media/icons/duotune/general/company.svg\"\r\n                      alt=\"\"\r\n                      class=\"h-50\"\r\n                    />\r\n                  </div>\r\n                </div>\r\n                <div>\r\n                  <span class=\"fs-6 text-gray-800 fw-bolder\">{{ customer.CustomerName }}</span>\r\n                  <div class=\"fs-7 text-muted fw-bold mt-1\">\r\n                    {{ customer.TotalLocationCount }}\r\n                    {{ translate(\"dashboard_location\") }}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"badge badge-light fw-bold py-4 px-3\">\r\n                {{ customer.TotalAuditCount }}\r\n                {{ translate(\"dashboard_audit\") }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div>\r\n          <Pagination\r\n            v-if=\"totalItemsApproval != 0\"\r\n            @onPage=\"onPageCustomer\"\r\n            :TotalData=\"TotalItemsCustomer\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"col-lg-6 p-5\">\r\n      <div class=\"card p-5 h-450px\">\r\n        <h3 class=\"card-title align-items-start flex-column\">\r\n          <span\r\n            v-if=\"weekGraphic\"\r\n            class=\"card-label fw-bolder fs-3\"\r\n            >{{ translate(\"dashboard_week_apexchart_title\") }}</span\r\n          >\r\n          <span\r\n            v-if=\"monthGraphic\"\r\n            class=\"card-label fw-bolder fs-3\"\r\n            >{{ translate(\"dashboard_month_apexchart_title\") }}</span\r\n          >\r\n          <span\r\n            v-if=\"yearGraphic\"\r\n            class=\"card-label fw-bolder fs-3\"\r\n            >{{ translate(\"dashboard_year_apexchart_title\") }}</span\r\n          >\r\n        </h3>\r\n        <nav>\r\n          <div\r\n            class=\"nav nav-tabs mb-5\"\r\n            id=\"nav-tab\"\r\n            role=\"tablist\"\r\n          >\r\n            <button\r\n              class=\"nav-link active\"\r\n              id=\"nav-home-tab\"\r\n              data-bs-toggle=\"tab\"\r\n              data-bs-target=\"#nav-home1\"\r\n              type=\"button\"\r\n              role=\"tab\"\r\n              aria-controls=\"nav-home\"\r\n              aria-selected=\"true\"\r\n              @click=\"getApexchartDay('weekAgain')\"\r\n            >\r\n              {{ translate(\"dashboard_week_apexchart\") }}\r\n            </button>\r\n            <button\r\n              class=\"nav-link\"\r\n              id=\"nav-profile-tab\"\r\n              data-bs-toggle=\"tab\"\r\n              data-bs-target=\"#nav-profile1\"\r\n              type=\"button\"\r\n              role=\"tab\"\r\n              aria-controls=\"nav-profile\"\r\n              aria-selected=\"false\"\r\n              @click=\"getApexchartDay('month')\"\r\n            >\r\n              {{ translate(\"dashboard_month_apexchart\") }}\r\n            </button>\r\n            <button\r\n              class=\"nav-link\"\r\n              id=\"nav-contact-tab\"\r\n              data-bs-toggle=\"tab\"\r\n              data-bs-target=\"#nav-contact1\"\r\n              type=\"button\"\r\n              role=\"tab\"\r\n              aria-controls=\"nav-contact\"\r\n              aria-selected=\"false\"\r\n              @click=\"getApexchartDay('year')\"\r\n            >\r\n              {{ translate(\"dashboard_year_apexchart\") }}\r\n            </button>\r\n          </div>\r\n        </nav>\r\n        <div\r\n          class=\"tab-content\"\r\n          id=\"nav-tabContent\"\r\n        >\r\n          <div\r\n            class=\"tab-pane fade show active position-relative p-2\"\r\n            id=\"nav-home1\"\r\n            role=\"tabpanel\"\r\n            aria-labelledby=\"nav-home-tab\"\r\n          >\r\n            <BlockUI\r\n              :loading=\"blockGraph\"\r\n              class=\"h-325px\"\r\n            />\r\n            <apexchart\r\n              height=\"350\"\r\n              type=\"bar\"\r\n              :options=\"options\"\r\n              :series=\"series\"\r\n            >\r\n            </apexchart>\r\n          </div>\r\n          <div\r\n            class=\"tab-pane fade position-relative\"\r\n            id=\"nav-profile1\"\r\n            role=\"tabpanel\"\r\n            aria-labelledby=\"nav-profile-tab\"\r\n          >\r\n            <BlockUI\r\n              :loading=\"blockGraph\"\r\n              class=\"h-325px\"\r\n            />\r\n            <apexchart\r\n              height=\"350\"\r\n              type=\"bar\"\r\n              :options=\"optionsMonth\"\r\n              :series=\"seriesMonth\"\r\n            >\r\n            </apexchart>\r\n          </div>\r\n          <div\r\n            class=\"tab-pane fade position-relative\"\r\n            id=\"nav-contact1\"\r\n            role=\"tabpanel\"\r\n            aria-labelledby=\"nav-contact-tab\"\r\n          >\r\n            <BlockUI\r\n              :loading=\"blockGraph\"\r\n              class=\"h-325px\"\r\n            />\r\n            <apexchart\r\n              height=\"350\"\r\n              type=\"bar\"\r\n              :options=\"optionsYear\"\r\n              :series=\"seriesYear\"\r\n            >\r\n            </apexchart>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script setup>\r\nimport { useStore } from \"vuex\";\r\nimport auditPlanCard from \"@/components/Dashboard/AuditPlanCard.vue\";\r\nimport { ref, watch, onMounted } from \"vue\";\r\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\r\nimport { useI18n } from \"vue-i18n\";\r\nimport SubscriptionModal from \"@/components/Dashboard/SubscriptionModal.vue\";\r\nimport { userGuard } from \"@/store/utils/userGourad\";\r\n\r\nconst { t, te, locale } = useI18n();\r\nconst translate = (text) => {\r\n  if (te(text)) {\r\n    return t(text);\r\n  } else {\r\n    return text;\r\n  }\r\n};\r\nconst store = useStore();\r\nconst weekApexchart = ref([]);\r\nconst monthApexchart = ref([]);\r\nconst yearApexchart = ref([]);\r\nconst weekApexchartValue = ref([]);\r\nconst monthApexchartValue = ref([]);\r\nconst yearApexchartValue = ref([]);\r\nconst blockApprove = ref(true);\r\nconst blockCustomer = ref(true);\r\nconst blockGraph = ref(true);\r\nconst blockRights = ref(true);\r\n\r\nconst weekGraphic = ref(true);\r\nconst monthGraphic = ref(false);\r\nconst yearGraphic = ref(false);\r\n\r\nconst clickMonth = ref(false);\r\nconst clickYear = ref(false);\r\n\r\nconst lazyParamsCustomer = ref([]);\r\nconst lazyParamsApprove = ref([]);\r\n\r\nconst quotaFontSize = ref(\"120px\");\r\nlazyParamsCustomer.value = {\r\n  page: 1,\r\n  pageSize: 10,\r\n};\r\nlazyParamsApprove.value = {\r\n  page: 1,\r\n  pageSize: 10,\r\n};\r\n\r\nconst getApexchartDay = (payload) => {\r\n  store.dispatch(\"DashboardModule/GET_APEXCHART_PERIOD\", payload).then((response) => {\r\n    if (payload == \"week\") {\r\n      let WeekList = response;\r\n      WeekList.forEach((element) => {\r\n        weekApexchart.value.push(element.date);\r\n        weekApexchartValue.value.push(element.value);\r\n      });\r\n    } else if (payload == \"month\") {\r\n      weekGraphic.value = false;\r\n      monthGraphic.value = true;\r\n      yearGraphic.value = false;\r\n\r\n      if (clickMonth.value == false) {\r\n        let MonthList = response;\r\n        MonthList.forEach((element) => {\r\n          optionsMonth.xaxis.categories.push(element.date);\r\n          seriesMonth[0].data.push(element.value);\r\n          clickMonth.value = true;\r\n        });\r\n      }\r\n    } else if (payload == \"year\") {\r\n      weekGraphic.value = false;\r\n      monthGraphic.value = false;\r\n      yearGraphic.value = true;\r\n      if (clickYear.value == false) {\r\n        let YearList = response;\r\n        YearList.forEach((element) => {\r\n          optionsYear.xaxis.categories.push(element.date);\r\n          seriesYear[0].data.push(element.value);\r\n          clickYear.value = true;\r\n        });\r\n      }\r\n    } else if (payload == \"weekAgain\") {\r\n      weekGraphic.value = true;\r\n      monthGraphic.value = false;\r\n      yearGraphic.value = false;\r\n    }\r\n    if (response) {\r\n      blockGraph.value = false;\r\n    }\r\n  });\r\n};\r\nconst onPageCustomer = (e) => {\r\n  lazyParamsCustomer.value.page = e.step.value;\r\n  lazyParamsCustomer.value.pageSize = e.pageSize.value;\r\n  getCustomers(lazyParamsCustomer.value.page, lazyParamsApprove.value.pageSize);\r\n};\r\nconst onPageApprove = (e) => {\r\n  lazyParamsApprove.value.page = e.step.value;\r\n  lazyParamsApprove.value.pageSize = e.pageSize.value;\r\n  getApprovalAudits(lazyParamsApprove.value.page, lazyParamsApprove.value.pageSize);\r\n};\r\nconst options = {\r\n  chart: {\r\n    id: \"vuechart-example\",\r\n    height: 300,\r\n    type: \"area\",\r\n  },\r\n  xaxis: {\r\n    categories: weekApexchart.value,\r\n  },\r\n  yaxis: {\r\n    title: {\r\n      text: translate(\"dashboard_audit_number\"),\r\n    },\r\n    labels: {\r\n      formatter: function (value) {\r\n        return parseInt(value);\r\n      },\r\n    },\r\n  },\r\n  fill: {\r\n    type: \"gradient\",\r\n    gradient: {\r\n      gradientToColors: [\"#3464C3\"],\r\n      shade: \"dark\",\r\n      type: \"vertical\",\r\n      shadeIntensity: 0.5,\r\n      inverseColors: false,\r\n      opacityFrom: 1,\r\n      opacityTo: 0.8,\r\n      stops: [0, 100],\r\n    },\r\n  },\r\n  plotOptions: {\r\n    bar: {\r\n      borderRadius: 5,\r\n    },\r\n  },\r\n  colors: [\"#214cc5\"],\r\n  noData: {\r\n    text: translate(\"analysis_no_audit\"),\r\n    align: \"center\",\r\n    verticalAlign: \"middle\",\r\n    offsetX: 0,\r\n    offsetY: 0,\r\n    style: {\r\n      color: undefined,\r\n      fontSize: \"14px\",\r\n      fontFamily: undefined,\r\n    },\r\n  },\r\n};\r\nconst series = [\r\n  {\r\n    name: translate(\"dashboard_audit_number\"),\r\n    data: weekApexchartValue.value,\r\n  },\r\n];\r\nconst optionsMonth = {\r\n  chart: {\r\n    id: \"vuechart-example\",\r\n    height: 300,\r\n  },\r\n  plotOptions: {\r\n    bar: {\r\n      borderRadius: 5,\r\n    },\r\n  },\r\n  colors: [\"#214cc5\"],\r\n  fill: {\r\n    type: \"gradient\",\r\n    gradient: {\r\n      gradientToColors: [\"#3464C3\"],\r\n      shade: \"dark\",\r\n      type: \"vertical\",\r\n      shadeIntensity: 0.5,\r\n      inverseColors: false,\r\n      opacityFrom: 1,\r\n      opacityTo: 0.8,\r\n      stops: [0, 100],\r\n    },\r\n  },\r\n  xaxis: {\r\n    categories: monthApexchart.value,\r\n  },\r\n  yaxis: {\r\n    title: {\r\n      text: translate(\"dashboard_audit_number\"),\r\n    },\r\n    labels: {\r\n      formatter: function (value) {\r\n        return Math.floor(value);\r\n      },\r\n    },\r\n  },\r\n\r\n  noData: {\r\n    text: translate(\"analysis_no_audit\"),\r\n    align: \"center\",\r\n    verticalAlign: \"middle\",\r\n    offsetX: 0,\r\n    offsetY: 0,\r\n    style: {\r\n      color: undefined,\r\n      fontSize: \"14px\",\r\n      fontFamily: undefined,\r\n    },\r\n  },\r\n};\r\nconst seriesMonth = [\r\n  {\r\n    name: translate(\"dashboard_audit_number\"),\r\n    data: monthApexchartValue.value,\r\n  },\r\n];\r\nconst optionsYear = {\r\n  chart: {\r\n    id: \"vuechart-example\",\r\n    height: 200,\r\n  },\r\n  xaxis: {\r\n    categories: yearApexchart.value,\r\n  },\r\n  yaxis: {\r\n    title: {\r\n      text: translate(\"dashboard_audit_number\"),\r\n    },\r\n  },\r\n  plotOptions: {\r\n    bar: {\r\n      borderRadius: 5,\r\n    },\r\n  },\r\n  colors: [\"#214cc5\"],\r\n  fill: {\r\n    type: \"gradient\",\r\n    gradient: {\r\n      gradientToColors: [\"#3464C3\"],\r\n      shade: \"dark\",\r\n      type: \"vertical\",\r\n      shadeIntensity: 0.5,\r\n      inverseColors: false,\r\n      opacityFrom: 1,\r\n      opacityTo: 0.8,\r\n      stops: [0, 100],\r\n    },\r\n  },\r\n  noData: {\r\n    text: translate(\"analysis_no_audit\"),\r\n    align: \"center\",\r\n    verticalAlign: \"middle\",\r\n    offsetX: 0,\r\n    offsetY: 0,\r\n    style: {\r\n      color: undefined,\r\n      fontSize: \"14px\",\r\n      fontFamily: undefined,\r\n    },\r\n  },\r\n};\r\nconst seriesYear = [\r\n  {\r\n    name: translate(\"dashboard_audit_number\"),\r\n    data: yearApexchartValue.value,\r\n  },\r\n];\r\nconst approvaLAuditList = ref([]);\r\nconst totalItemsApproval = ref(0);\r\nconst getApprovalAudits = (pageIndex, pageSize) => {\r\n  let obj = {\r\n    pageIndex: pageIndex,\r\n    pageSize: pageSize,\r\n  };\r\n\r\n  store\r\n    .dispatch(\"DashboardModule/GET_APPROVAL_AUDITS\", obj)\r\n    .then((response) => {\r\n      approvaLAuditList.value = response.ListItems;\r\n      totalItemsApproval.value = response.TotalItemsCount;\r\n    })\r\n    .finally(() => {\r\n      blockApprove.value = false;\r\n    });\r\n};\r\nconst customerList = ref([]);\r\nconst TotalItemsCustomer = ref(0);\r\n\r\nconst getCustomers = (pageIndex, pageSize) => {\r\n  let objCustomers = {\r\n    pageIndex: pageIndex,\r\n    pageSize: pageSize,\r\n  };\r\n  store\r\n    .dispatch(\"DashboardModule/GET_STATICS_BY_CUSTOMER\", objCustomers)\r\n    .then((response) => {\r\n      customerList.value = response.ListItems;\r\n      TotalItemsCustomer.value = response.TotalItemsCount;\r\n    })\r\n    .finally(() => {\r\n      blockCustomer.value = false;\r\n    });\r\n};\r\n\r\nconst getData = () => {\r\n  const obj = {\r\n    pageIndex: 1,\r\n    pageSize: 10,\r\n  };\r\n  store.dispatch(\"DashboardModule/GET_COMPANY_QUATO\", obj).then((response) => {\r\n    if (response) {\r\n      companyQuato.value = response;\r\n      let quotaLength = response.CompanyTotalRemainin.toString().length + response.CompanyTotalQuota.toString().length;\r\n\r\n      if (quotaLength <= 3) {\r\n        quotaFontSize.value = \"120px\";\r\n      } else if (3 < quotaLength && quotaLength < 6) {\r\n        quotaFontSize.value = \"100px\";\r\n      } else {\r\n        quotaFontSize.value = \"80px\";\r\n      }\r\n    }\r\n    blockRights.value = false;\r\n  });\r\n};\r\n\r\ngetApexchartDay(\"week\");\r\ngetCustomers(1, 10);\r\ngetApprovalAudits(1, 10);\r\ngetData();\r\nwatch(locale, () => {\r\n  setCurrentPageBreadcrumbs(translate(\"Menu_Dashboard\"));\r\n});\r\n\r\nlet companyQuato = ref(0);\r\n\r\nonMounted(() => {\r\n  setCurrentPageBreadcrumbs(translate(\"Menu_Dashboard\"));\r\n});\r\n</script>\r\n","import script from \"./Dashboard.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Dashboard.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import { Modal } from \"bootstrap\";\r\n\r\nconst hideModal = (modalEl: HTMLElement | null): void => {\r\n  if (!modalEl) {\r\n    return;\r\n  }\r\n\r\n  const myModal = Modal.getInstance(modalEl);\r\n  myModal.hide();\r\n};\r\n\r\nconst removeModalBackdrop = (): void => {\r\n  if (document.querySelectorAll(\".modal-backdrop.fade.show\").length) {\r\n    document.querySelectorAll(\".modal-backdrop.fade.show\").forEach((item) => {\r\n      item.remove();\r\n    });\r\n  }\r\n};\r\n\r\nexport { removeModalBackdrop, hideModal };\r\n","import store from \"@/store\";\r\nimport { Actions } from \"@/store/enums/StoreEnums\";\r\n\r\n/**\r\n * Sets current page breadcrumbs\r\n * @param {string} pageTitle Current page title\r\n * @param {Array<string>} breadcrumbs Current page breadcrumbs\r\n */\r\nexport const setCurrentPageBreadcrumbs = (\r\n  pageTitle: string,\r\n  breadcrumbs: Array<string>\r\n): void => {\r\n  store.dispatch(Actions.SET_BREADCRUMB_ACTION, {\r\n    title: pageTitle,\r\n    pageBreadcrumbPath: breadcrumbs,\r\n  });\r\n};\r\n\r\n/**\r\n * Sets current page breadcrumbs\r\n * @param {string} title Current page title name\r\n */\r\nexport const setCurrentPageTitle = (title: string): void => {\r\n  store.dispatch(Actions.SET_BREADCRUMB_ACTION, {\r\n    title: title,\r\n  });\r\n};\r\n"],"sourceRoot":""}