{"version":3,"sources":["webpack:///./src/view/apps/project/overview/List.vue","webpack:///./src/view/apps/project/overview/List.vue?46a2","webpack:///./src/static/img/users/7.png","webpack:///./src/static/img/users/6.png"],"names":["class","_createBlock","_component_a_row","gutter","_createVNode","_component_a_col","xs","_component_ProjectList","_createElementVNode","_component_a_table","pagination","dataSource","_ctx","columns","length","_component_ProjectPagination","key","_component_a_pagination","onChange","showSizeChanger","onShowSizeChange","pageSize","defaultCurrent","total","title","dataIndex","ProjectLists","name","components","ProjectPagination","ProjectListTitle","ProjectListAssignees","ProjectList","setup","useStore","state","projects","computed","project","data","current","ref","c","p","value","onHandleChange","map","id","status","category","percentage","startDate","deadline","assigned","require","completion","action","__exports__","render","module","exports"],"mappings":"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","file":"js/project-list.c56fd9b6.js","sourcesContent":["<template>\r\n  <a-row :gutter=\"25\">\r\n    <a-col :xs=\"24\">\r\n      <ProjectList>\r\n        <div class=\"table-responsive\">\r\n          <a-table\r\n            :pagination=\"false\"\r\n            :dataSource=\"dataSource\"\r\n            :columns=\"columns\"\r\n          />\r\n        </div>\r\n      </ProjectList>\r\n    </a-col>\r\n    <a-col :xs=\"24\" class=\"pb-30\">\r\n      <ProjectPagination v-if=\"projects.length\">\r\n        <a-pagination\r\n          @change=\"onHandleChange\"\r\n          showSizeChanger\r\n          @showSizeChange=\"onShowSizeChange\"\r\n          :pageSize=\"10\"\r\n          :defaultCurrent=\"1\"\r\n          :total=\"40\"\r\n        />\r\n      </ProjectPagination>\r\n    </a-col>\r\n  </a-row>\r\n</template>\r\n<script>\r\nimport { computed, ref } from \"vue\";\r\nimport { useStore } from \"vuex\";\r\nimport {\r\n  ProjectPagination,\r\n  ProjectListTitle,\r\n  ProjectListAssignees,\r\n  ProjectList,\r\n} from \"../style\";\r\n\r\nconst columns = [\r\n  {\r\n    title: \"Project\",\r\n    dataIndex: \"project\",\r\n    key: \"project\",\r\n  },\r\n  {\r\n    title: \"Start Date\",\r\n    dataIndex: \"startDate\",\r\n    key: \"startDate\",\r\n  },\r\n  {\r\n    title: \"Deadline\",\r\n    dataIndex: \"deadline\",\r\n    key: \"deadline\",\r\n  },\r\n  {\r\n    title: \"Assigned To\",\r\n    dataIndex: \"assigned\",\r\n    key: \"assigned\",\r\n  },\r\n  {\r\n    title: \"Status\",\r\n    dataIndex: \"status\",\r\n    key: \"status\",\r\n  },\r\n  {\r\n    title: \"Completion\",\r\n    dataIndex: \"completion\",\r\n    key: \"completion\",\r\n  },\r\n\r\n  {\r\n    title: \"\",\r\n    dataIndex: \"action\",\r\n    key: \"action\",\r\n  },\r\n];\r\n\r\nconst ProjectLists = {\r\n  name: \"ProjectLists\",\r\n  components: {\r\n    ProjectPagination,\r\n    ProjectListTitle,\r\n    ProjectListAssignees,\r\n    ProjectList,\r\n  },\r\n  setup() {\r\n    const { state } = useStore();\r\n    const projects = computed(() => state.project.data);\r\n    const current = ref(0);\r\n    const pageSize = ref(0);\r\n\r\n    const onShowSizeChange = (c, p) => {\r\n      current.value = c;\r\n      pageSize.value = p;\r\n    };\r\n\r\n    const onHandleChange = (c, p) => {\r\n      current.value = c;\r\n      pageSize.value = p;\r\n    };\r\n\r\n    const dataSource = computed(\r\n      () =>\r\n        projects.value.length &&\r\n        projects.value.map((value) => {\r\n          const { id, title, status, category, percentage } = value;\r\n          return {\r\n            key: id,\r\n            project: (\r\n              <ProjectListTitle>\r\n                <sdHeading as=\"h4\">\r\n                  <router-link to={`/app/project/projectDetails/${id}`}>\r\n                    {title}\r\n                  </router-link>\r\n                </sdHeading>\r\n                <p>{category}</p>\r\n              </ProjectListTitle>\r\n            ),\r\n            startDate: <span class=\"date-started\">26 Dec 2019</span>,\r\n            deadline: <span class=\"date-finished\">18 Mar 2021</span>,\r\n            assigned: (\r\n              <ProjectListAssignees>\r\n                <ul>\r\n                  <li>\r\n                    <img src={require(`@/static/img/users/1.png`)} alt=\"\" />\r\n                  </li>\r\n                  <li>\r\n                    <img src={require(`@/static/img/users/2.png`)} alt=\"\" />\r\n                  </li>\r\n                  <li>\r\n                    <img src={require(`@/static/img/users/3.png`)} alt=\"\" />\r\n                  </li>\r\n                  <li>\r\n                    <img src={require(`@/static/img/users/4.png`)} alt=\"\" />\r\n                  </li>\r\n                  <li>\r\n                    <img src={require(`@/static/img/users/5.png`)} alt=\"\" />\r\n                  </li>\r\n                  <li>\r\n                    <img src={require(`@/static/img/users/6.png`)} alt=\"\" />\r\n                  </li>\r\n                  <li>\r\n                    <img src={require(`@/static/img/users/7.png`)} alt=\"\" />\r\n                  </li>\r\n                </ul>\r\n              </ProjectListAssignees>\r\n            ),\r\n            status: <a-tag class={status}>{status}</a-tag>,\r\n            completion: (\r\n              <div class=\"project-list-progress\">\r\n                <a-progress\r\n                  percent={status === \"complete\" ? 100 : percentage}\r\n                  strokeWidth={5}\r\n                  class=\"progress-primary\"\r\n                />\r\n                <p>12/15 Task Completed</p>\r\n              </div>\r\n            ),\r\n            action: (\r\n              <sdDropdown\r\n                class=\"wide-dropdwon\"\r\n                overlay={\r\n                  <>\r\n                    <a to=\"#\">View</a>\r\n                    <a to=\"#\">Edit</a>\r\n                    <a to=\"#\">Delete</a>\r\n                  </>\r\n                }\r\n              >\r\n                <a to=\"#\" class=\"project-action\">\r\n                  <unicon name=\"ellipsis-h\" width=\"18\"></unicon>\r\n                </a>\r\n              </sdDropdown>\r\n            ),\r\n          };\r\n        })\r\n    );\r\n    return {\r\n      dataSource,\r\n      onHandleChange,\r\n      onShowSizeChange,\r\n      columns,\r\n      projects,\r\n    };\r\n  },\r\n};\r\n\r\nexport default ProjectLists;\r\n</script>\r\n","import { render } from \"./List.vue?vue&type=template&id=5ce7678d\"\nimport script from \"./List.vue?vue&type=script&lang=js\"\nexport * from \"./List.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"C:\\\\Users\\\\shami\\\\Desktop\\\\ninjadash-vue\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","module.exports = __webpack_public_path__ + \"img/7.e1cdced9.png\";","module.exports = __webpack_public_path__ + \"img/6.9df1a472.png\";"],"sourceRoot":""}