@dssp/project 0.0.2 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (196) hide show
  1. package/client/pages/checklist/checklist-importer.ts +6 -8
  2. package/client/pages/checklist/checklist-list-page.ts +10 -25
  3. package/client/pages/project/popup/popup-plan-upload.ts +138 -0
  4. package/client/pages/project/{project-create-popup.ts → popup/popup-project-create.ts} +2 -3
  5. package/client/pages/project/project-detail.ts +8 -7
  6. package/client/pages/project/project-list.ts +17 -10
  7. package/client/pages/project/project-plan-management.ts +117 -39
  8. package/client/pages/project/project-schedule-list.ts +2 -0
  9. package/client/pages/project/project-schedule.ts +296 -7
  10. package/client/pages/project/project-setting-list.ts +10 -6
  11. package/client/pages/project/project-update.ts +5 -2
  12. package/client/pages/resource/construction-type-management.ts +192 -0
  13. package/client/pages/resource/manager-management.ts +181 -0
  14. package/client/pages/resource/worker-type-management.ts +194 -0
  15. package/client/pages/task/task-importer.ts +6 -8
  16. package/client/pages/task/task-list-page.ts +10 -25
  17. package/client/route.ts +8 -4
  18. package/dist-client/pages/checklist/checklist-importer.d.ts +1 -0
  19. package/dist-client/pages/checklist/checklist-importer.js +3 -2
  20. package/dist-client/pages/checklist/checklist-importer.js.map +1 -1
  21. package/dist-client/pages/checklist/checklist-list-page.d.ts +1 -0
  22. package/dist-client/pages/checklist/checklist-list-page.js +8 -16
  23. package/dist-client/pages/checklist/checklist-list-page.js.map +1 -1
  24. package/dist-client/pages/project/popup/popup-plan-upload.d.ts +10 -0
  25. package/dist-client/pages/project/popup/popup-plan-upload.js +139 -0
  26. package/dist-client/pages/project/popup/popup-plan-upload.js.map +1 -0
  27. package/dist-client/pages/project/{project-create-popup.d.ts → popup/popup-project-create.d.ts} +1 -3
  28. package/dist-client/pages/project/{project-create-popup.js → popup/popup-project-create.js} +9 -10
  29. package/dist-client/pages/project/popup/popup-project-create.js.map +1 -0
  30. package/dist-client/pages/project/project-detail.d.ts +5 -4
  31. package/dist-client/pages/project/project-detail.js +7 -6
  32. package/dist-client/pages/project/project-detail.js.map +1 -1
  33. package/dist-client/pages/project/project-list.d.ts +12 -2
  34. package/dist-client/pages/project/project-list.js +11 -14
  35. package/dist-client/pages/project/project-list.js.map +1 -1
  36. package/dist-client/pages/project/project-plan-management.d.ts +9 -4
  37. package/dist-client/pages/project/project-plan-management.js +105 -35
  38. package/dist-client/pages/project/project-plan-management.js.map +1 -1
  39. package/dist-client/pages/project/project-schedule-list.d.ts +1 -0
  40. package/dist-client/pages/project/project-schedule-list.js +1 -0
  41. package/dist-client/pages/project/project-schedule-list.js.map +1 -1
  42. package/dist-client/pages/project/project-schedule.d.ts +10 -3
  43. package/dist-client/pages/project/project-schedule.js +294 -7
  44. package/dist-client/pages/project/project-schedule.js.map +1 -1
  45. package/dist-client/pages/project/project-setting-list.d.ts +3 -2
  46. package/dist-client/pages/project/project-setting-list.js +9 -6
  47. package/dist-client/pages/project/project-setting-list.js.map +1 -1
  48. package/dist-client/pages/project/project-update.d.ts +3 -2
  49. package/dist-client/pages/project/project-update.js +4 -2
  50. package/dist-client/pages/project/project-update.js.map +1 -1
  51. package/dist-client/pages/resource/construction-type-management.d.ts +27 -0
  52. package/dist-client/pages/resource/construction-type-management.js +189 -0
  53. package/dist-client/pages/resource/construction-type-management.js.map +1 -0
  54. package/dist-client/pages/resource/manager-management.d.ts +31 -0
  55. package/dist-client/pages/resource/manager-management.js +175 -0
  56. package/dist-client/pages/resource/manager-management.js.map +1 -0
  57. package/dist-client/pages/resource/worker-type-management.d.ts +27 -0
  58. package/dist-client/pages/resource/worker-type-management.js +191 -0
  59. package/dist-client/pages/resource/worker-type-management.js.map +1 -0
  60. package/dist-client/pages/task/task-importer.d.ts +1 -0
  61. package/dist-client/pages/task/task-importer.js +3 -2
  62. package/dist-client/pages/task/task-importer.js.map +1 -1
  63. package/dist-client/pages/task/task-list-page.d.ts +1 -0
  64. package/dist-client/pages/task/task-list-page.js +8 -16
  65. package/dist-client/pages/task/task-list-page.js.map +1 -1
  66. package/dist-client/route.d.ts +1 -1
  67. package/dist-client/route.js +7 -4
  68. package/dist-client/route.js.map +1 -1
  69. package/dist-client/tsconfig.tsbuildinfo +1 -1
  70. package/dist-server/controllers/index.d.ts +0 -0
  71. package/dist-server/controllers/project-to-excel.d.ts +7 -0
  72. package/dist-server/index.d.ts +2 -0
  73. package/dist-server/middlewares/index.d.ts +1 -0
  74. package/dist-server/routes.d.ts +1 -0
  75. package/dist-server/service/check-item/check-item-mutation.d.ts +10 -0
  76. package/dist-server/service/check-item/check-item-query.d.ts +11 -0
  77. package/dist-server/service/check-item/check-item-type.d.ts +18 -0
  78. package/dist-server/service/check-item/check-item.d.ts +18 -0
  79. package/dist-server/service/check-item/index.d.ts +5 -0
  80. package/dist-server/service/checklist/checklist-mutation.d.ts +10 -0
  81. package/dist-server/service/checklist/checklist-query.d.ts +11 -0
  82. package/dist-server/service/checklist/checklist-type.d.ts +18 -0
  83. package/dist-server/service/checklist/checklist.d.ts +26 -0
  84. package/dist-server/service/checklist/index.d.ts +5 -0
  85. package/dist-server/service/construction-type/construction-type-mutation.d.ts +6 -0
  86. package/dist-server/service/construction-type/construction-type-mutation.js +64 -0
  87. package/dist-server/service/construction-type/construction-type-mutation.js.map +1 -0
  88. package/dist-server/service/construction-type/construction-type-query.d.ts +11 -0
  89. package/dist-server/service/construction-type/construction-type-query.js +78 -0
  90. package/dist-server/service/construction-type/construction-type-query.js.map +1 -0
  91. package/dist-server/service/construction-type/construction-type-type.d.ts +11 -0
  92. package/dist-server/service/construction-type/construction-type-type.js +43 -0
  93. package/dist-server/service/construction-type/construction-type-type.js.map +1 -0
  94. package/dist-server/service/construction-type/construction-type.d.ts +16 -0
  95. package/dist-server/service/construction-type/construction-type.js +77 -0
  96. package/dist-server/service/construction-type/construction-type.js.map +1 -0
  97. package/dist-server/service/construction-type/index.d.ts +5 -0
  98. package/dist-server/service/construction-type/index.js +9 -0
  99. package/dist-server/service/construction-type/index.js.map +1 -0
  100. package/dist-server/service/index.d.ts +12 -0
  101. package/dist-server/service/index.js +12 -4
  102. package/dist-server/service/index.js.map +1 -1
  103. package/dist-server/service/manager/index.d.ts +5 -0
  104. package/dist-server/service/manager/index.js +9 -0
  105. package/dist-server/service/manager/index.js.map +1 -0
  106. package/dist-server/service/manager/manager-mutation.d.ts +5 -0
  107. package/dist-server/service/manager/manager-mutation.js +39 -0
  108. package/dist-server/service/manager/manager-mutation.js.map +1 -0
  109. package/dist-server/service/manager/manager-query.d.ts +4 -0
  110. package/dist-server/service/manager/manager-query.js +39 -0
  111. package/dist-server/service/manager/manager-query.js.map +1 -0
  112. package/dist-server/service/manager/manager-type.d.ts +15 -0
  113. package/dist-server/service/manager/manager-type.js +62 -0
  114. package/dist-server/service/manager/manager-type.js.map +1 -0
  115. package/dist-server/service/manager/manager.d.ts +8 -0
  116. package/dist-server/service/manager/manager.js +41 -0
  117. package/dist-server/service/manager/manager.js.map +1 -0
  118. package/dist-server/service/project/index.d.ts +7 -0
  119. package/dist-server/service/project/project-mutation.d.ts +9 -0
  120. package/dist-server/service/project/project-mutation.js +61 -55
  121. package/dist-server/service/project/project-mutation.js.map +1 -1
  122. package/dist-server/service/project/project-query.d.ts +16 -0
  123. package/dist-server/service/project/project-query.js +3 -3
  124. package/dist-server/service/project/project-query.js.map +1 -1
  125. package/dist-server/service/project/project-type.d.ts +29 -0
  126. package/dist-server/service/project/project-type.js +1 -2
  127. package/dist-server/service/project/project-type.js.map +1 -1
  128. package/dist-server/service/project/project.d.ts +35 -0
  129. package/dist-server/service/project/project.js +1 -2
  130. package/dist-server/service/project/project.js.map +1 -1
  131. package/dist-server/service/task/index.d.ts +5 -0
  132. package/dist-server/service/task/task-mutation.d.ts +10 -0
  133. package/dist-server/service/task/task-query.d.ts +11 -0
  134. package/dist-server/service/task/task-type.d.ts +18 -0
  135. package/dist-server/service/task/task.d.ts +25 -0
  136. package/dist-server/service/worker-type/index.d.ts +5 -0
  137. package/dist-server/service/worker-type/index.js +9 -0
  138. package/dist-server/service/worker-type/index.js.map +1 -0
  139. package/dist-server/service/worker-type/worker-type-mutation.d.ts +6 -0
  140. package/dist-server/service/worker-type/worker-type-mutation.js +64 -0
  141. package/dist-server/service/worker-type/worker-type-mutation.js.map +1 -0
  142. package/dist-server/service/worker-type/worker-type-query.d.ts +11 -0
  143. package/dist-server/service/{resource/resource-query.js → worker-type/worker-type-query.js} +31 -39
  144. package/dist-server/service/worker-type/worker-type-query.js.map +1 -0
  145. package/dist-server/service/worker-type/worker-type-type.d.ts +11 -0
  146. package/dist-server/service/worker-type/worker-type-type.js +43 -0
  147. package/dist-server/service/worker-type/worker-type-type.js.map +1 -0
  148. package/dist-server/service/worker-type/worker-type.d.ts +16 -0
  149. package/dist-server/service/{resource/resource.js → worker-type/worker-type.js} +35 -20
  150. package/dist-server/service/worker-type/worker-type.js.map +1 -0
  151. package/dist-server/tsconfig.tsbuildinfo +1 -1
  152. package/package.json +3 -3
  153. package/server/service/construction-type/construction-type-mutation.ts +66 -0
  154. package/server/service/construction-type/construction-type-query.ts +47 -0
  155. package/server/service/construction-type/construction-type-type.ts +26 -0
  156. package/server/service/{resource/resource.ts → construction-type/construction-type.ts} +18 -6
  157. package/server/service/construction-type/index.ts +6 -0
  158. package/server/service/index.ts +12 -4
  159. package/server/service/manager/index.ts +6 -0
  160. package/server/service/manager/manager-mutation.ts +42 -0
  161. package/server/service/manager/manager-query.ts +28 -0
  162. package/server/service/manager/manager-type.ts +40 -0
  163. package/server/service/manager/manager.ts +29 -0
  164. package/server/service/project/project-mutation.ts +101 -79
  165. package/server/service/project/project-query.ts +4 -4
  166. package/server/service/worker-type/index.ts +6 -0
  167. package/server/service/worker-type/worker-type-mutation.ts +66 -0
  168. package/server/service/worker-type/worker-type-query.ts +47 -0
  169. package/server/service/worker-type/worker-type-type.ts +26 -0
  170. package/server/service/worker-type/worker-type.ts +68 -0
  171. package/things-factory.config.js +3 -0
  172. package/client/pages/project/ox-progress-circle.ts +0 -133
  173. package/client/pages/resource/resource-importer.ts +0 -96
  174. package/client/pages/resource/resource-list-page.ts +0 -355
  175. package/dist-client/pages/project/ox-progress-circle.d.ts +0 -41
  176. package/dist-client/pages/project/ox-progress-circle.js +0 -182
  177. package/dist-client/pages/project/ox-progress-circle.js.map +0 -1
  178. package/dist-client/pages/project/project-create-popup.js.map +0 -1
  179. package/dist-client/pages/resource/resource-importer.d.ts +0 -9
  180. package/dist-client/pages/resource/resource-importer.js +0 -100
  181. package/dist-client/pages/resource/resource-importer.js.map +0 -1
  182. package/dist-client/pages/resource/resource-list-page.d.ts +0 -62
  183. package/dist-client/pages/resource/resource-list-page.js +0 -331
  184. package/dist-client/pages/resource/resource-list-page.js.map +0 -1
  185. package/dist-server/service/resource/index.js +0 -9
  186. package/dist-server/service/resource/index.js.map +0 -1
  187. package/dist-server/service/resource/resource-mutation.js +0 -129
  188. package/dist-server/service/resource/resource-mutation.js.map +0 -1
  189. package/dist-server/service/resource/resource-query.js.map +0 -1
  190. package/dist-server/service/resource/resource-type.js +0 -69
  191. package/dist-server/service/resource/resource-type.js.map +0 -1
  192. package/dist-server/service/resource/resource.js.map +0 -1
  193. package/server/service/resource/index.ts +0 -6
  194. package/server/service/resource/resource-mutation.ts +0 -139
  195. package/server/service/resource/resource-query.ts +0 -56
  196. package/server/service/resource/resource-type.ts +0 -49
@@ -3,7 +3,7 @@ import { Domain, getRepository } from '@things-factory/shell'
3
3
  import { User } from '@things-factory/auth-base'
4
4
  import { Project } from './project'
5
5
  import { InspectionSummary, ProjectList } from './project-type'
6
- import { BuildingComplex, InspectionType } from '@dssp/building-complex'
6
+ import { BuildingComplex, InspectionStatus } from '@dssp/building-complex'
7
7
  import { Attachment } from '@things-factory/attachment-base'
8
8
 
9
9
  @Resolver(Project)
@@ -49,9 +49,9 @@ export class ProjectQuery {
49
49
 
50
50
  const queryBuilder = getRepository(Project)
51
51
  .createQueryBuilder('p')
52
- .select(`COUNT(CASE WHEN bi.type="${InspectionType.REQUEST}" THEN 1 ELSE NULL END) AS request`)
53
- .addSelect(`COUNT(CASE WHEN bi.type="${InspectionType.PASS}" THEN 1 ELSE NULL END) AS pass`)
54
- .addSelect(`COUNT(CASE WHEN bi.type="${InspectionType.FAIL}" THEN 1 ELSE NULL END) AS fail`)
52
+ .select(`COUNT(CASE WHEN bi.status="${InspectionStatus.REQUEST}" THEN 1 ELSE NULL END) AS request`)
53
+ .addSelect(`COUNT(CASE WHEN bi.status="${InspectionStatus.PASS}" THEN 1 ELSE NULL END) AS pass`)
54
+ .addSelect(`COUNT(CASE WHEN bi.status="${InspectionStatus.FAIL}" THEN 1 ELSE NULL END) AS fail`)
55
55
  .innerJoin('p.buildingComplex', 'bc')
56
56
  .innerJoin('bc.buildings', 'b')
57
57
  .innerJoin('b.buildingLevels', 'bl')
@@ -0,0 +1,6 @@
1
+ import { WorkerType } from './worker-type'
2
+ import { WorkerTypeQuery } from './worker-type-query'
3
+ import { WorkerTypeMutation } from './worker-type-mutation'
4
+
5
+ export const entities = [WorkerType]
6
+ export const resolvers = [WorkerTypeQuery, WorkerTypeMutation]
@@ -0,0 +1,66 @@
1
+ import { Resolver, Mutation, Arg, Ctx, Directive } from 'type-graphql'
2
+ import { In } from 'typeorm'
3
+ import { WorkerType } from './worker-type'
4
+ import { WorkerTypePatch } from './worker-type-type'
5
+
6
+ @Resolver(WorkerType)
7
+ export class WorkerTypeMutation {
8
+ @Directive('@transaction')
9
+ @Mutation(returns => [WorkerType], { description: "To modify multiple WorkerTypes' information" })
10
+ async updateMultipleWorkerType(
11
+ @Arg('patches', type => [WorkerTypePatch]) patches: WorkerTypePatch[],
12
+ @Ctx() context: ResolverContext
13
+ ): Promise<WorkerType[]> {
14
+ const { domain, user, tx } = context.state
15
+
16
+ let results = []
17
+ const _createRecords = patches.filter((patch: any) => patch.cuFlag.toUpperCase() === '+')
18
+ const _updateRecords = patches.filter((patch: any) => patch.cuFlag.toUpperCase() === 'M')
19
+ const workerTypeRepo = tx.getRepository(WorkerType)
20
+
21
+ if (_createRecords.length > 0) {
22
+ for (let i = 0; i < _createRecords.length; i++) {
23
+ const newRecord = _createRecords[i]
24
+
25
+ const result = await workerTypeRepo.save({
26
+ ...newRecord,
27
+ domain,
28
+ creator: user,
29
+ updater: user
30
+ })
31
+
32
+ results.push({ ...result, cuFlag: '+' })
33
+ }
34
+ }
35
+
36
+ if (_updateRecords.length > 0) {
37
+ for (let i = 0; i < _updateRecords.length; i++) {
38
+ const updateRecord = _updateRecords[i]
39
+ const workerType = await workerTypeRepo.findOneBy({ id: updateRecord.id })
40
+
41
+ const result = await workerTypeRepo.save({
42
+ ...workerType,
43
+ ...updateRecord,
44
+ updater: user
45
+ })
46
+
47
+ results.push({ ...result, cuFlag: 'M' })
48
+ }
49
+ }
50
+
51
+ return results
52
+ }
53
+
54
+ @Directive('@transaction')
55
+ @Mutation(returns => Boolean, { description: 'To delete multiple WorkerTypes' })
56
+ async deleteWorkerTypes(@Arg('ids', type => [String]) ids: string[], @Ctx() context: ResolverContext): Promise<boolean> {
57
+ const { domain, tx } = context.state
58
+
59
+ await tx.getRepository(WorkerType).softDelete({
60
+ domain: { id: domain.id },
61
+ id: In(ids)
62
+ })
63
+
64
+ return true
65
+ }
66
+ }
@@ -0,0 +1,47 @@
1
+ import { Resolver, Query, FieldResolver, Root, Args, Arg, Ctx } from 'type-graphql'
2
+ import { Domain, getQueryBuilderFromListParams, getRepository, ListParam } from '@things-factory/shell'
3
+ import { User } from '@things-factory/auth-base'
4
+ import { WorkerType } from './worker-type'
5
+ import { WorkerTypeList } from './worker-type-type'
6
+
7
+ @Resolver(WorkerType)
8
+ export class WorkerTypeQuery {
9
+ @Query(returns => WorkerType!, { nullable: true, description: 'To fetch a WorkerType' })
10
+ async workerType(@Arg('id') id: string, @Ctx() context: ResolverContext): Promise<WorkerType> {
11
+ const { domain } = context.state
12
+
13
+ return await getRepository(WorkerType).findOne({
14
+ where: { domain: { id: domain.id }, id }
15
+ })
16
+ }
17
+
18
+ @Query(returns => WorkerTypeList, { description: 'To fetch multiple WorkerTypes' })
19
+ async workerTypes(@Args() params: ListParam, @Ctx() context: ResolverContext): Promise<WorkerTypeList> {
20
+ const { domain } = context.state
21
+
22
+ const queryBuilder = getQueryBuilderFromListParams({
23
+ domain,
24
+ params,
25
+ repository: await getRepository(WorkerType)
26
+ })
27
+
28
+ const [items, total] = await queryBuilder.getManyAndCount()
29
+
30
+ return { items, total }
31
+ }
32
+
33
+ @FieldResolver(type => Domain)
34
+ async domain(@Root() workerType: WorkerType): Promise<Domain> {
35
+ return await getRepository(Domain).findOneBy({ id: workerType.domainId })
36
+ }
37
+
38
+ @FieldResolver(type => User)
39
+ async updater(@Root() workerType: WorkerType): Promise<User> {
40
+ return await getRepository(User).findOneBy({ id: workerType.updaterId })
41
+ }
42
+
43
+ @FieldResolver(type => User)
44
+ async creator(@Root() workerType: WorkerType): Promise<User> {
45
+ return await getRepository(User).findOneBy({ id: workerType.creatorId })
46
+ }
47
+ }
@@ -0,0 +1,26 @@
1
+ import { ObjectType, Field, InputType, Int, ID } from 'type-graphql'
2
+ import { WorkerType } from './worker-type'
3
+
4
+ @InputType()
5
+ export class WorkerTypePatch {
6
+ @Field(type => ID, { nullable: true })
7
+ id?: string
8
+
9
+ @Field({ nullable: true })
10
+ name?: string
11
+
12
+ @Field({ nullable: true })
13
+ description?: string
14
+
15
+ @Field()
16
+ cuFlag: string
17
+ }
18
+
19
+ @ObjectType()
20
+ export class WorkerTypeList {
21
+ @Field(type => [WorkerType])
22
+ items: WorkerType[]
23
+
24
+ @Field(type => Int)
25
+ total: number
26
+ }
@@ -0,0 +1,68 @@
1
+ import {
2
+ CreateDateColumn,
3
+ UpdateDateColumn,
4
+ DeleteDateColumn,
5
+ Entity,
6
+ Index,
7
+ Column,
8
+ RelationId,
9
+ ManyToOne,
10
+ PrimaryGeneratedColumn
11
+ } from 'typeorm'
12
+ import { ObjectType, Field, ID } from 'type-graphql'
13
+
14
+ import { Domain } from '@things-factory/shell'
15
+ import { User } from '@things-factory/auth-base'
16
+
17
+ @Entity()
18
+ @Index('ix_worker_type_0', (workerType: WorkerType) => [workerType.domain, workerType.name], {
19
+ unique: true,
20
+ where: '"deleted_at" IS NULL'
21
+ })
22
+ @ObjectType({ description: '작업자 타입' })
23
+ export class WorkerType {
24
+ @PrimaryGeneratedColumn('uuid')
25
+ @Field(type => ID)
26
+ readonly id: string
27
+
28
+ @ManyToOne(type => Domain)
29
+ @Field({ nullable: true })
30
+ domain?: Domain
31
+
32
+ @RelationId((workerType: WorkerType) => workerType.domain)
33
+ domainId?: string
34
+
35
+ @Column({ nullable: false, comment: '타입 이름' })
36
+ @Field({ nullable: false })
37
+ name: string
38
+
39
+ @Column({ nullable: true, comment: '설명' })
40
+ @Field({ nullable: true })
41
+ description?: string
42
+
43
+ @CreateDateColumn()
44
+ @Field({ nullable: true })
45
+ createdAt?: Date
46
+
47
+ @UpdateDateColumn()
48
+ @Field({ nullable: true })
49
+ updatedAt?: Date
50
+
51
+ @DeleteDateColumn()
52
+ @Field({ nullable: true })
53
+ deletedAt?: Date
54
+
55
+ @ManyToOne(type => User, { nullable: true })
56
+ @Field(type => User, { nullable: true })
57
+ creator?: User
58
+
59
+ @RelationId((workerType: WorkerType) => workerType.creator)
60
+ creatorId?: string
61
+
62
+ @ManyToOne(type => User, { nullable: true })
63
+ @Field(type => User, { nullable: true })
64
+ updater?: User
65
+
66
+ @RelationId((workerType: WorkerType) => workerType.updater)
67
+ updaterId?: string
68
+ }
@@ -11,6 +11,9 @@ export default {
11
11
  'project-setting-list', // 셋팅 리스트
12
12
  'project-update', // 프로젝트 정보 관리
13
13
  'project-plan-management', // 프로젝트 도면 관리
14
+ 'manager-management', // 담당자 관리
15
+ 'worker-type-management', // 인력 관리
16
+ 'construction-type-management', // 공종 관리
14
17
  ].map(page => {
15
18
  return {
16
19
  page,
@@ -1,133 +0,0 @@
1
- /**
2
- * @license Copyright © HatioLab Inc. All rights reserved.
3
- */
4
-
5
- import { PropertyValues, LitElement, css, html } from 'lit'
6
- import { customElement, property, query } from 'lit/decorators.js'
7
- import { ScrollbarStyles } from '@operato/styles'
8
-
9
- /**
10
- WEB Component for code-mirror code editor.
11
-
12
- Example:
13
- <ox-progress-circle
14
- .value=${70}
15
- titleText="전체"
16
- suffix="%"
17
- fontSize="29px"
18
- fontColor="#4E5055"
19
- borderStyle="none"
20
- innerCircleSize="28%"
21
- circleColor="#0595E5"
22
- shadow="#00000026 4px 4px 4px"
23
- background="#eaf5fd"
24
- ></ox-progress-circle>
25
- */
26
- @customElement('ox-progress-circle')
27
- export class OxProgressCircle extends LitElement {
28
- static styles = [
29
- ScrollbarStyles,
30
- css`
31
- :host {
32
- display: flex;
33
- }
34
-
35
- div[circle] {
36
- font-size: 29px;
37
- font-weight: bold;
38
- width: 100%;
39
- aspect-ratio: 1;
40
- display: flex;
41
- border-radius: 50%;
42
- border: 1px solid #353b48;
43
- position: relative;
44
- background: conic-gradient(yellowgreen 0deg, white 0deg);
45
- box-shadow: #00000026 5px 5px 5px;
46
- }
47
- div[inner-circle] {
48
- width: 90%;
49
- aspect-ratio: 1;
50
- border-radius: inherit;
51
- background-color: #353b48;
52
- margin: auto;
53
- display: flex;
54
- flex-direction: column;
55
- align-items: center;
56
- color: white;
57
- justify-content: center;
58
- box-shadow: inset #00000026 -2px 2px 8px;
59
- }
60
-
61
- div[inner-circle] span {
62
- display: flex;
63
- align-items: center;
64
- }
65
-
66
- span[progress-title] {
67
- font-size: 0.65em;
68
- margin-bottom: -5%;
69
- }
70
- `
71
- ]
72
-
73
- @property({ type: Number }) value: number = 0
74
- @property({ type: String }) suffix: string = ''
75
- @property({ type: String }) titleText: string = ''
76
- @property({ type: String }) fontSize: string = '10px'
77
- @property({ type: String }) fontColor: string = ''
78
- @property({ type: String }) borderStyle: string = ''
79
- @property({ type: String }) innerCircleSize: string = '10%'
80
- @property({ type: String }) shadow: string = ''
81
- @property({ type: String }) circleColor: string = 'yellowgreen'
82
- @property({ type: String }) background: string = ''
83
-
84
- @query('div[circle]') circle!: HTMLDivElement
85
- @query('div[inner-circle]') innerCircle!: HTMLDivElement
86
- @query('span[progress-title]') progressTitle?: HTMLSpanElement
87
-
88
- firstUpdated() {
89
- if (this.fontSize) {
90
- this.circle.style.fontSize = this.fontSize
91
- }
92
- if (this.fontColor) {
93
- this.innerCircle.style.color = this.fontColor
94
- }
95
- if (this.borderStyle) {
96
- this.circle.style.border = this.borderStyle
97
- }
98
- if (this.innerCircleSize) {
99
- this.innerCircle.style.width = `calc(100% - ${this.innerCircleSize})`
100
- }
101
- if (this.shadow) {
102
- this.circle.style.boxShadow = this.shadow
103
- }
104
- if (this.background) {
105
- this.innerCircle.style.background = this.background
106
- }
107
- if (this.progressTitle && this.circleColor) {
108
- this.progressTitle.style.color = this.circleColor
109
- }
110
- }
111
-
112
- updated(changes: PropertyValues<this>) {
113
- if (changes.has('value')) {
114
- this.updateCircleBackground()
115
- }
116
- }
117
-
118
- updateCircleBackground() {
119
- const position = this.value * 3.6 // 360 = 100%
120
- this.circle.style.background = `conic-gradient(${this.circleColor} ${position}deg, ${this.background} 0deg)`
121
- }
122
-
123
- render() {
124
- return html`
125
- <div circle>
126
- <div inner-circle>
127
- ${this.titleText ? html`<span progress-title>${this.titleText}</span>` : ''}
128
- <span>${this.value}${this.suffix}</span>
129
- </div>
130
- </div>
131
- `
132
- }
133
- }
@@ -1,96 +0,0 @@
1
- import '@operato/data-grist'
2
-
3
- import gql from 'graphql-tag'
4
- import { css, html, LitElement } from 'lit'
5
- import { property, state } from 'lit/decorators.js'
6
-
7
- import { client } from '@operato/graphql'
8
- import { i18next } from '@operato/i18n'
9
- import { isMobileDevice } from '@operato/utils'
10
-
11
- export class ResourceImporter extends LitElement {
12
- static styles = [
13
- css`
14
- :host {
15
- display: flex;
16
- flex-direction: column;
17
-
18
- background-color: #fff;
19
- }
20
-
21
- ox-grist {
22
- flex: 1;
23
- }
24
-
25
- .button-container {
26
- display: flex;
27
- margin-left: auto;
28
- padding: var(--padding-default);
29
- }
30
-
31
- mwc-button {
32
- margin-left: var(--margin-default);
33
- }
34
- `
35
- ]
36
-
37
- @state() private resources: any[] = []
38
- @state() private columns = {
39
- list: { fields: ['name', 'description'] },
40
- pagination: { infinite: true },
41
- columns: [
42
- {
43
- type: 'string',
44
- name: 'name',
45
- header: i18next.t('field.name'),
46
- width: 150
47
- },
48
- {
49
- type: 'string',
50
- name: 'description',
51
- header: i18next.t('field.description'),
52
- width: 200
53
- },
54
- {
55
- type: 'checkbox',
56
- name: 'active',
57
- header: i18next.t('field.active'),
58
- width: 60
59
- }
60
- ]
61
- }
62
-
63
- render() {
64
- return html`
65
- <ox-grist
66
- .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
67
- .config=${this.columns}
68
- .data=${
69
- {
70
- records: this.resources
71
- }
72
- }
73
- ></ox-grist>
74
-
75
- <div class="button-container">
76
- <mwc-button raised @click="${this.save.bind(this)}">${i18next.t('button.save')}</mwc-button>
77
- </div>
78
- `
79
- }
80
-
81
- private async save() {
82
- const response = await client.mutate({
83
- mutation: gql`
84
- mutation importResources($resources: [ResourcePatch!]!) {
85
- importResources(resources: $resources)
86
- }
87
- `,
88
- variables: { resources: this.resources }
89
- })
90
-
91
- if (response.errors?.length) return
92
-
93
- this.dispatchEvent(new CustomEvent('imported'))
94
- }
95
- }
96
-