{"version":3,"sources":["webpack:///./src/components/Admin/Users/Detail/Projects.vue","webpack:///./src/components/Admin/Users/Detail/Projects.vue?303c","webpack:///./src/components/Admin/Users/Detail/Projects.vue?8f11"],"names":["t","te","translate","text","block","records","projectList","user","filterObject","page","pageSize","userId","id","onPage","e","step","value","getProject","UsersModule","actions","GET_USER_PROJECTS","then","response","TotalItemsCount","ListItems","finally","__exports__"],"mappings":"yzBAwEA,MAAM,EAAEA,EAAC,GAAEC,GAAO,iBACZC,EAAaC,GACbF,EAAGE,GACEH,EAAEG,GAEFA,EAKLC,GADQ,iBACA,kBAAI,IAEZC,GADW,mBACD,iBAAI,IACdC,EAAc,iBAAI,IAClBC,EAAO,oBAAO,QAGdC,EAAe,sBAAS,CAC5BC,KAAM,EACNC,SAAU,GACVC,OAAQ,IAGVH,EAAaG,OAASJ,EAAKK,GAE3B,MAAMC,EAAUC,IACdN,EAAaC,KAAOK,EAAEC,KAAKC,MAC3BR,EAAaE,SAAWI,EAAEJ,SAASM,MAEnCC,KAIIA,EAAa,KACjBC,EAAA,KAAYC,QACTC,kBAAkB,KAAMZ,GACxBa,KAAMC,IACLjB,EAAQW,MAAQM,EAASC,gBACzBjB,EAAYU,MAAQM,EAASE,YAE9BC,QAAQ,IAAOrB,EAAMY,OAAQ,I,OAGlCC,I,yhDC7GA,MAAMS,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB,oCCRf,W","file":"js/chunk-e1377ca4.ff34deea.js","sourcesContent":["<template>\r\n  <div>\r\n    <div class=\"card mb-5 mb-xl-10\">\r\n      <BlockUI :loading=\"block\" />\r\n      <!--begin::Card header-->\r\n      <div class=\"border-bottom\">\r\n        <!--begin::Card title-->\r\n\r\n        <div class=\"row ps-8 pe-8 pt-5 pb-5 align-items-center\">\r\n          <!--begin::Label-->\r\n          <div class=\"col-lg-4\">\r\n            <h3 class=\"d-flex flex-column m-0\">\r\n              {{ translate(\"Projects\") }}\r\n              <span class=\"text-muted mt-1 fw-bold fs-7\"\r\n                >{{ records }} {{ translate(\"Records_Found\") }}</span\r\n              >\r\n            </h3>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"card-body pt-6 pb-0\">\r\n        <!--begin::Item-->\r\n        <div\r\n          v-for=\"(project, index) in projectList\"\r\n          :key=\"index\"\r\n          class=\"d-flex align-items-center mb-1 border rounded p-2\"\r\n        >\r\n          <!--begin::Bullet-->\r\n          <span\r\n            class=\"bullet bullet-vertical h-40px\"\r\n            :class=\"`bg-primary`\"\r\n          ></span>\r\n          <!--end::Bullet-->\r\n\r\n          <!--begin::Description-->\r\n          <div class=\"flex-grow-1\">\r\n            <div class=\"d-flex flex-column position-relative w-100 ms-5\">\r\n              <label\r\n                class=\"form-check-label col-form-label fw-bold p-0 mt-2\"\r\n                style=\"margin-bottom: 15px\"\r\n                >{{ project.Name }}\r\n              </label>\r\n              <label\r\n                class=\"form-check-label col-form-label fw-bold fs-7 p-0 text-gray-500\"\r\n                style=\"position: absolute; margin-top: 20px\"\r\n                >{{ project.CustomerName }}\r\n              </label>\r\n            </div>\r\n          </div>\r\n          <!--end::Description-->\r\n        </div>\r\n\r\n        <div class=\"row pe-8 pt-5 pb-5 align-items-center\">\r\n          <div class=\"col-lg-12\">\r\n            <Pagination @onPage=\"onPage\" :TotalData=\"records\" />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- :project=\"project\" -->\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport { ref, reactive, inject } from \"vue\";\r\n\r\nimport { useI18n } from \"vue-i18n\";\r\nimport { useStore } from \"vuex\";\r\nimport UsersModule from \"@/store/modules/Users/UsersModule\";\r\n\r\n// Multi Language\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\nconst block = ref(true);\r\nconst checkAll = ref();\r\nconst records = ref(0);\r\nconst projectList = ref([]);\r\nconst user = inject(\"user\");\r\n\r\n// Filter\r\nconst filterObject = reactive({\r\n  page: 1,\r\n  pageSize: 10,\r\n  userId: 0,\r\n});\r\n\r\nfilterObject.userId = user.id;\r\n\r\nconst onPage = (e) => {\r\n  filterObject.page = e.step.value;\r\n  filterObject.pageSize = e.pageSize.value;\r\n\r\n  getProject();\r\n};\r\n// Filter End\r\n\r\nconst getProject = () => {\r\n  UsersModule.actions\r\n    .GET_USER_PROJECTS(null, filterObject)\r\n    .then((response) => {\r\n      records.value = response.TotalItemsCount;\r\n      projectList.value = response.ListItems;\r\n    })\r\n    .finally(() => (block.value = false));\r\n};\r\n\r\ngetProject();\r\n</script>\r\n\r\n<style scoped>\r\n.border-radius-left {\r\n  border-radius: 5px 0 0 5px !important;\r\n}\r\n.border-radius-right {\r\n  border-radius: 0 5px 5px 0 !important;\r\n}\r\n.select-menu-list {\r\n  right: 0;\r\n  top: 38px;\r\n  width: 200px;\r\n  background-color: #fff;\r\n  padding: 4px 2px 2px 2px;\r\n  z-index: 5;\r\n}\r\n.select-menu-list li {\r\n  list-style-type: none;\r\n  margin-bottom: 2px;\r\n  padding: 4px 2px 4px 5px;\r\n  color: #3f4254;\r\n}\r\n.select-menu-list li:hover {\r\n  background-color: #04c8c8;\r\n  font-weight: 500;\r\n  color: #fff;\r\n}\r\n.select-item {\r\n  background-color: #04c8c8a9;\r\n  color: #fff !important;\r\n  font-weight: 500;\r\n}\r\n.made-enter-active,\r\n.made-leave-active {\r\n  transition: opacity 0.2s ease;\r\n}\r\n\r\n.made-enter-from,\r\n.made-leave-to {\r\n  opacity: 0;\r\n}\r\n</style>\r\n","import script from \"./Projects.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Projects.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Projects.vue?vue&type=style&index=0&id=33c65f24&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Projects\\\\git\\\\Fornax-Software\\\\audittick.frontend\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-33c65f24\"]])\n\nexport default __exports__","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!./Projects.vue?vue&type=style&index=0&id=33c65f24&scoped=true&lang=css\""],"sourceRoot":""}