@finema/finework-layer 2.0.61 → 2.0.63

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 (48) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/app/app.vue +1 -1
  3. package/app/assets/css/main.css +5 -0
  4. package/app/components/HelpHub/Action.vue +28 -0
  5. package/app/components/HelpHub/ManualForm.vue +224 -0
  6. package/app/components/HelpHub/ManualViewer.vue +464 -0
  7. package/app/components/HelpHub/index.vue +116 -0
  8. package/app/composables/useAuth.ts +50 -48
  9. package/app/composables/useCurrentModule.ts +9 -0
  10. package/app/constants/module-route.ts +48 -0
  11. package/app/loaders/manual/manual.ts +60 -0
  12. package/docs/help-hub.md +100 -0
  13. package/package.json +1 -1
  14. package/public/admin/asset.svg +15 -0
  15. package/public/admin/clock-in-admin-logo.svg +28 -0
  16. package/public/admin/clock-in-logo.svg +22 -0
  17. package/public/admin/contract.svg +36 -0
  18. package/public/admin/cost-sheet.svg +14 -0
  19. package/public/admin/document.svg +24 -0
  20. package/public/admin/efactoring.svg +18 -0
  21. package/public/admin/employee.svg +9 -0
  22. package/public/admin/evaluation.svg +24 -0
  23. package/public/admin/finesign.png +0 -0
  24. package/public/admin/guarantee.svg +20 -0
  25. package/public/admin/loan.svg +30 -0
  26. package/public/admin/newsletter.svg +18 -0
  27. package/public/admin/pmo-logo.svg +23 -0
  28. package/public/admin/pmo_delivery.svg +16 -0
  29. package/public/admin/pmo_presale_bidding.svg +25 -0
  30. package/public/admin/pmo_setup.svg +13 -0
  31. package/public/admin/pmo_warranty.svg +21 -0
  32. package/public/admin/presale_tool.svg +38 -0
  33. package/public/admin/purchase.svg +17 -0
  34. package/public/admin/quotation.svg +16 -0
  35. package/public/admin/recruit.svg +16 -0
  36. package/public/admin/report.svg +36 -0
  37. package/public/admin/request-admin.svg +39 -0
  38. package/public/admin/request.svg +37 -0
  39. package/public/admin/resource-allocation.svg +21 -0
  40. package/public/admin/resource.svg +15 -0
  41. package/public/admin/spider-web.png +0 -0
  42. package/public/admin/super-admin-logo.svg +17 -0
  43. package/public/admin/support.svg +14 -0
  44. package/public/admin/timesheet-admin-logo.svg +82 -0
  45. package/public/admin/timesheet-logo.svg +80 -0
  46. package/public/admin/todo.svg +16 -0
  47. package/public/admin/tor.svg +38 -0
  48. package/app/components/FeedbackTicket/index.vue +0 -27
@@ -0,0 +1,82 @@
1
+ <svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_13426_3666)">
3
+ <path d="M37.1088 40.5909H10.2086C8.88965 40.5909 7.8186 39.5198 7.8186 38.2009V18.2493L8.332 17.5942H38.9765L39.5076 18.2493V38.2009C39.5076 39.5198 38.4365 40.5909 37.1176 40.5909H37.1088Z" fill="white"/>
4
+ <path d="M37.1088 10.0078H10.2086C8.88965 10.0078 7.8186 11.0789 7.8186 12.3978V18.2399H39.5076V12.3978C39.5076 11.0789 38.4365 10.0078 37.1176 10.0078H37.1088Z" fill="#C62A2A"/>
5
+ <g filter="url(#filter0_d_13426_3666)">
6
+ <path d="M14.1029 14.5222C15.1051 14.5222 15.9175 13.7098 15.9175 12.7076C15.9175 11.7055 15.1051 10.8931 14.1029 10.8931C13.1007 10.8931 12.2883 11.7055 12.2883 12.7076C12.2883 13.7098 13.1007 14.5222 14.1029 14.5222Z" fill="#AD2929"/>
7
+ </g>
8
+ <path d="M14.1032 13.5751C14.8414 13.5751 15.4398 12.9766 15.4398 12.2385C15.4398 11.5003 14.8414 10.9019 14.1032 10.9019C13.365 10.9019 12.7666 11.5003 12.7666 12.2385C12.7666 12.9766 13.365 13.5751 14.1032 13.5751Z" fill="white"/>
9
+ <g filter="url(#filter1_d_13426_3666)">
10
+ <path d="M20.4765 14.5222C21.4786 14.5222 22.291 13.7098 22.291 12.7076C22.291 11.7055 21.4786 10.8931 20.4765 10.8931C19.4743 10.8931 18.6619 11.7055 18.6619 12.7076C18.6619 13.7098 19.4743 14.5222 20.4765 14.5222Z" fill="#AD2929"/>
11
+ </g>
12
+ <path d="M20.4765 13.5751C21.2147 13.5751 21.8131 12.9766 21.8131 12.2385C21.8131 11.5003 21.2147 10.9019 20.4765 10.9019C19.7383 10.9019 19.1399 11.5003 19.1399 12.2385C19.1399 12.9766 19.7383 13.5751 20.4765 13.5751Z" fill="white"/>
13
+ <g filter="url(#filter2_d_13426_3666)">
14
+ <path d="M26.8407 14.5222C27.8429 14.5222 28.6553 13.7098 28.6553 12.7076C28.6553 11.7055 27.8429 10.8931 26.8407 10.8931C25.8385 10.8931 25.0261 11.7055 25.0261 12.7076C25.0261 13.7098 25.8385 14.5222 26.8407 14.5222Z" fill="#AD2929"/>
15
+ </g>
16
+ <path d="M26.8408 13.5751C27.5789 13.5751 28.1774 12.9766 28.1774 12.2385C28.1774 11.5003 27.5789 10.9019 26.8408 10.9019C26.1026 10.9019 25.5042 11.5003 25.5042 12.2385C25.5042 12.9766 26.1026 13.5751 26.8408 13.5751Z" fill="white"/>
17
+ <g filter="url(#filter3_d_13426_3666)">
18
+ <path d="M33.2138 14.5222C34.2159 14.5222 35.0284 13.7098 35.0284 12.7076C35.0284 11.7055 34.2159 10.8931 33.2138 10.8931C32.2116 10.8931 31.3992 11.7055 31.3992 12.7076C31.3992 13.7098 32.2116 14.5222 33.2138 14.5222Z" fill="#AD2929"/>
19
+ </g>
20
+ <path d="M33.2141 13.5751C33.9522 13.5751 34.5507 12.9766 34.5507 12.2385C34.5507 11.5003 33.9522 10.9019 33.2141 10.9019C32.4759 10.9019 31.8774 11.5003 31.8774 12.2385C31.8774 12.9766 32.4759 13.5751 33.2141 13.5751Z" fill="white"/>
21
+ <path d="M14.1031 6.99805H14.0943C13.6152 6.99805 13.2268 7.38642 13.2268 7.86551V12.1055C13.2268 12.5846 13.6152 12.9729 14.0943 12.9729H14.1031C14.5822 12.9729 14.9706 12.5846 14.9706 12.1055V7.86551C14.9706 7.38642 14.5822 6.99805 14.1031 6.99805Z" fill="#2D2C2E"/>
22
+ <path d="M20.4762 6.99805H20.4673C19.9882 6.99805 19.5999 7.38642 19.5999 7.86551V12.1055C19.5999 12.5846 19.9882 12.9729 20.4673 12.9729H20.4762C20.9553 12.9729 21.3436 12.5846 21.3436 12.1055V7.86551C21.3436 7.38642 20.9553 6.99805 20.4762 6.99805Z" fill="#2D2C2E"/>
23
+ <path d="M26.8497 6.99805H26.8409C26.3618 6.99805 25.9734 7.38642 25.9734 7.86551V12.1055C25.9734 12.5846 26.3618 12.9729 26.8409 12.9729H26.8497C27.3288 12.9729 27.7172 12.5846 27.7172 12.1055V7.86551C27.7172 7.38642 27.3288 6.99805 26.8497 6.99805Z" fill="#2D2C2E"/>
24
+ <path d="M33.223 6.99805H33.2142C32.7351 6.99805 32.3467 7.38642 32.3467 7.86551V12.1055C32.3467 12.5846 32.7351 12.9729 33.2142 12.9729H33.223C33.7021 12.9729 34.0905 12.5846 34.0905 12.1055V7.86551C34.0905 7.38642 33.7021 6.99805 33.223 6.99805Z" fill="#2D2C2E"/>
25
+ <path d="M39.4987 17.5845H7.8186V18.2395H39.4987V17.5845Z" fill="#AD2929"/>
26
+ <path d="M16.7852 21.0898H13.1029C12.2719 21.0898 11.5981 21.7636 11.5981 22.5946V26.2769C11.5981 27.108 12.2719 27.7817 13.1029 27.7817H16.7852C17.6163 27.7817 18.29 27.108 18.29 26.2769V22.5946C18.29 21.7636 17.6163 21.0898 16.7852 21.0898Z" fill="#FC9406"/>
27
+ <path d="M16.7852 29.8975H13.1029C12.2719 29.8975 11.5981 30.5712 11.5981 31.4023V35.0845C11.5981 35.9156 12.2719 36.5893 13.1029 36.5893H16.7852C17.6163 36.5893 18.29 35.9156 18.29 35.0845V31.4023C18.29 30.5712 17.6163 29.8975 16.7852 29.8975Z" fill="#FC9406"/>
28
+ <path d="M14.7761 26.0469C14.6256 26.0469 14.4663 25.9849 14.3512 25.8698L12.988 24.5067C12.7579 24.2765 12.7579 23.8959 12.988 23.6569C13.2182 23.4268 13.5988 23.4268 13.8378 23.6569L14.7761 24.5952L16.0507 23.3206C16.2809 23.0904 16.6615 23.0904 16.9005 23.3206C17.1306 23.5507 17.1306 23.9313 16.9005 24.1703L15.201 25.8698C15.0859 25.9849 14.9266 26.0469 14.7761 26.0469Z" fill="white"/>
29
+ <path d="M14.7761 34.8545C14.6256 34.8545 14.4663 34.7925 14.3512 34.6775L12.988 33.3143C12.7579 33.0842 12.7579 32.7035 12.988 32.4645C13.2182 32.2344 13.5988 32.2344 13.8378 32.4645L14.7761 33.4028L16.0507 32.1282C16.2809 31.898 16.6615 31.898 16.9005 32.1282C17.1306 32.3583 17.1306 32.7389 16.9005 32.9779L15.201 34.6775C15.0859 34.7925 14.9266 34.8545 14.7761 34.8545Z" fill="white"/>
30
+ <path d="M29.7972 22.2588H20.5118C20.1794 22.2588 19.9099 22.5283 19.9099 22.8607C19.9099 23.1931 20.1794 23.4626 20.5118 23.4626H29.7972C30.1297 23.4626 30.3991 23.1931 30.3991 22.8607C30.3991 22.5283 30.1297 22.2588 29.7972 22.2588Z" fill="#CCCCCC"/>
31
+ <path d="M26.6195 25.4102H20.5118C20.1794 25.4102 19.9099 25.6796 19.9099 26.0121C19.9099 26.3445 20.1794 26.614 20.5118 26.614H26.6195C26.9519 26.614 27.2214 26.3445 27.2214 26.0121C27.2214 25.6796 26.9519 25.4102 26.6195 25.4102Z" fill="#CCCCCC"/>
32
+ <path d="M29.7972 30.5H20.5118C20.1794 30.5 19.9099 30.7695 19.9099 31.1019C19.9099 31.4343 20.1794 31.7038 20.5118 31.7038H29.7972C30.1297 31.7038 30.3991 31.4343 30.3991 31.1019C30.3991 30.7695 30.1297 30.5 29.7972 30.5Z" fill="#CCCCCC"/>
33
+ <path d="M26.6195 33.6416H20.5118C20.1794 33.6416 19.9099 33.9111 19.9099 34.2435C19.9099 34.5759 20.1794 34.8454 20.5118 34.8454H26.6195C26.9519 34.8454 27.2214 34.5759 27.2214 34.2435C27.2214 33.9111 26.9519 33.6416 26.6195 33.6416Z" fill="#CCCCCC"/>
34
+ <path d="M32.2258 34.7046H14.6641C13.7451 34.7046 13 35.4496 13 36.3687V40.5821C13 41.5012 13.7451 42.2462 14.6641 42.2462H32.2258C33.1449 42.2462 33.8899 41.5012 33.8899 40.5821V36.3687C33.8899 35.4496 33.1449 34.7046 32.2258 34.7046Z" fill="#2D2C2E"/>
35
+ <path d="M16.7796 37.0405H17.8329L19.1518 40.3334H18.01L17.7975 39.758H16.815L16.6026 40.3334H15.4607L16.7796 37.0405ZM17.5497 38.9348L17.3018 38.1735L17.054 38.9348H17.5408H17.5497Z" fill="white"/>
36
+ <path d="M19.3819 37.0405H20.6388C21.0018 37.0405 21.3204 37.1025 21.5948 37.2353C21.8692 37.368 22.0817 37.5539 22.2321 37.8018C22.3826 38.0496 22.4534 38.3329 22.4534 38.6692C22.4534 39.218 22.2941 39.6252 21.9666 39.9085C21.6391 40.1917 21.1965 40.3334 20.63 40.3334H19.373V37.0405H19.3819ZM20.7185 39.2888C21.1257 39.2888 21.3293 39.0764 21.3293 38.6604C21.3293 38.4656 21.2762 38.324 21.1699 38.2178C21.0637 38.1116 20.9132 38.0673 20.7185 38.0673H20.4972V39.2888H20.7185Z" fill="white"/>
37
+ <path d="M22.7009 37.0405H23.6835L24.5155 38.7843L25.3476 37.0405H26.3301V40.3334H25.3033V39.1118L24.6926 40.3334H24.3385L23.7277 39.1118V40.3334H22.7009V37.0405Z" fill="white"/>
38
+ <path d="M26.6667 37.0405H27.7821V40.3334H26.6667V37.0405Z" fill="white"/>
39
+ <path d="M28.1099 37.0405H29.0924L30.0749 38.5719V37.0405H31.146V40.3334H30.1635L29.1809 38.802V40.3334H28.1099V37.0405Z" fill="white"/>
40
+ </g>
41
+ <defs>
42
+ <filter id="filter0_d_13426_3666" x="-100.154" y="-77.2342" width="234.587" height="234.587" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
43
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
44
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
45
+ <feOffset dx="3.03612" dy="27.3517"/>
46
+ <feGaussianBlur stdDeviation="57.7395"/>
47
+ <feColorMatrix type="matrix" values="0 0 0 0 0.258824 0 0 0 0 0.458824 0 0 0 0 0.819608 0 0 0 1 0"/>
48
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_13426_3666"/>
49
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_13426_3666" result="shape"/>
50
+ </filter>
51
+ <filter id="filter1_d_13426_3666" x="-93.781" y="-77.2342" width="234.587" height="234.587" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
52
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
53
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
54
+ <feOffset dx="3.03612" dy="27.3517"/>
55
+ <feGaussianBlur stdDeviation="57.7395"/>
56
+ <feColorMatrix type="matrix" values="0 0 0 0 0.258824 0 0 0 0 0.458824 0 0 0 0 0.819608 0 0 0 1 0"/>
57
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_13426_3666"/>
58
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_13426_3666" result="shape"/>
59
+ </filter>
60
+ <filter id="filter2_d_13426_3666" x="-87.4167" y="-77.2342" width="234.587" height="234.587" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
61
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
62
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
63
+ <feOffset dx="3.03612" dy="27.3517"/>
64
+ <feGaussianBlur stdDeviation="57.7395"/>
65
+ <feColorMatrix type="matrix" values="0 0 0 0 0.258824 0 0 0 0 0.458824 0 0 0 0 0.819608 0 0 0 1 0"/>
66
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_13426_3666"/>
67
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_13426_3666" result="shape"/>
68
+ </filter>
69
+ <filter id="filter3_d_13426_3666" x="-81.0437" y="-77.2342" width="234.587" height="234.587" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
70
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
71
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
72
+ <feOffset dx="3.03612" dy="27.3517"/>
73
+ <feGaussianBlur stdDeviation="57.7395"/>
74
+ <feColorMatrix type="matrix" values="0 0 0 0 0.258824 0 0 0 0 0.458824 0 0 0 0 0.819608 0 0 0 1 0"/>
75
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_13426_3666"/>
76
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_13426_3666" result="shape"/>
77
+ </filter>
78
+ <clipPath id="clip0_13426_3666">
79
+ <rect width="50" height="50" fill="white"/>
80
+ </clipPath>
81
+ </defs>
82
+ </svg>
@@ -0,0 +1,80 @@
1
+ <svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_13426_3665)">
3
+ <path d="M38.9555 42.5985H12.346C11.0414 42.5985 9.98193 41.4894 9.98193 40.1236V19.462L10.4898 18.7837H40.803L41.3283 19.462V40.1236C41.3283 41.4894 40.2689 42.5985 38.9642 42.5985H38.9555Z" fill="white"/>
4
+ <path d="M38.9555 10.9189H12.346C11.0414 10.9189 9.98193 12.0281 9.98193 13.3939V19.4439H41.3283V13.3939C41.3283 12.0281 40.2689 10.9189 38.9642 10.9189H38.9555Z" fill="url(#paint0_radial_13426_3665)"/>
5
+ <g filter="url(#filter0_d_13426_3665)">
6
+ <path d="M16.1988 15.603C17.1901 15.603 17.9938 14.7617 17.9938 13.7239C17.9938 12.6861 17.1901 11.8447 16.1988 11.8447C15.2074 11.8447 14.4038 12.6861 14.4038 13.7239C14.4038 14.7617 15.2074 15.603 16.1988 15.603Z" fill="#4275D1"/>
7
+ </g>
8
+ <path d="M16.1986 14.613C16.9288 14.613 17.5208 13.9933 17.5208 13.2289C17.5208 12.4644 16.9288 11.8447 16.1986 11.8447C15.4684 11.8447 14.8765 12.4644 14.8765 13.2289C14.8765 13.9933 15.4684 14.613 16.1986 14.613Z" fill="white"/>
9
+ <g filter="url(#filter1_d_13426_3665)">
10
+ <path d="M22.503 15.603C23.4943 15.603 24.298 14.7617 24.298 13.7239C24.298 12.6861 23.4943 11.8447 22.503 11.8447C21.5116 11.8447 20.708 12.6861 20.708 13.7239C20.708 14.7617 21.5116 15.603 22.503 15.603Z" fill="#4275D1"/>
11
+ </g>
12
+ <path d="M22.5031 14.613C23.2333 14.613 23.8252 13.9933 23.8252 13.2289C23.8252 12.4644 23.2333 11.8447 22.5031 11.8447C21.7729 11.8447 21.1809 12.4644 21.1809 13.2289C21.1809 13.9933 21.7729 14.613 22.5031 14.613Z" fill="white"/>
13
+ <g filter="url(#filter2_d_13426_3665)">
14
+ <path d="M28.7986 15.603C29.79 15.603 30.5936 14.7617 30.5936 13.7239C30.5936 12.6861 29.79 11.8447 28.7986 11.8447C27.8073 11.8447 27.0037 12.6861 27.0037 13.7239C27.0037 14.7617 27.8073 15.603 28.7986 15.603Z" fill="#4275D1"/>
15
+ </g>
16
+ <path d="M28.7985 14.613C29.5287 14.613 30.1206 13.9933 30.1206 13.2289C30.1206 12.4644 29.5287 11.8447 28.7985 11.8447C28.0683 11.8447 27.4763 12.4644 27.4763 13.2289C27.4763 13.9933 28.0683 14.613 28.7985 14.613Z" fill="white"/>
17
+ <g filter="url(#filter3_d_13426_3665)">
18
+ <path d="M35.1028 15.603C36.0942 15.603 36.8978 14.7617 36.8978 13.7239C36.8978 12.6861 36.0942 11.8447 35.1028 11.8447C34.1115 11.8447 33.3079 12.6861 33.3079 13.7239C33.3079 14.7617 34.1115 15.603 35.1028 15.603Z" fill="#4275D1"/>
19
+ </g>
20
+ <path d="M35.1032 14.613C35.8334 14.613 36.4253 13.9933 36.4253 13.2289C36.4253 12.4644 35.8334 11.8447 35.1032 11.8447C34.3729 11.8447 33.781 12.4644 33.781 13.2289C33.781 13.9933 34.3729 14.613 35.1032 14.613Z" fill="white"/>
21
+ <path d="M16.1989 7.81201H16.1901C15.7162 7.81201 15.332 8.2142 15.332 8.71034V13.1012C15.332 13.5973 15.7162 13.9995 16.1901 13.9995H16.1989C16.6728 13.9995 17.057 13.5973 17.057 13.1012V8.71034C17.057 8.2142 16.6728 7.81201 16.1989 7.81201Z" fill="#2D2C2E"/>
22
+ <path d="M22.5031 7.81201H22.4943C22.0204 7.81201 21.6362 8.2142 21.6362 8.71034V13.1012C21.6362 13.5973 22.0204 13.9995 22.4943 13.9995H22.5031C22.977 13.9995 23.3612 13.5973 23.3612 13.1012V8.71034C23.3612 8.2142 22.977 7.81201 22.5031 7.81201Z" fill="#2D2C2E"/>
23
+ <path d="M28.8073 7.81201H28.7985C28.3246 7.81201 27.9404 8.2142 27.9404 8.71034V13.1012C27.9404 13.5973 28.3246 13.9995 28.7985 13.9995H28.8073C29.2812 13.9995 29.6654 13.5973 29.6654 13.1012V8.71034C29.6654 8.2142 29.2812 7.81201 28.8073 7.81201Z" fill="#2D2C2E"/>
24
+ <path d="M35.1115 7.81201H35.1027C34.6288 7.81201 34.2446 8.2142 34.2446 8.71034V13.1012C34.2446 13.5973 34.6288 13.9995 35.1027 13.9995H35.1115C35.5854 13.9995 35.9696 13.5973 35.9696 13.1012V8.71034C35.9696 8.2142 35.5854 7.81201 35.1115 7.81201Z" fill="#2D2C2E"/>
25
+ <path d="M41.3196 18.7749H9.98193V19.4532H41.3196V18.7749Z" fill="#3E59A8"/>
26
+ <path d="M18.8517 22.4048H15.2092C14.3871 22.4048 13.7207 23.1025 13.7207 23.9631V27.7764C13.7207 28.6371 14.3871 29.3347 15.2092 29.3347H18.8517C19.6738 29.3347 20.3402 28.6371 20.3402 27.7764V23.9631C20.3402 23.1025 19.6738 22.4048 18.8517 22.4048Z" fill="#3F54BD"/>
27
+ <path d="M18.8517 31.5259H15.2092C14.3871 31.5259 13.7207 32.2236 13.7207 33.0842V36.8975C13.7207 37.7582 14.3871 38.4558 15.2092 38.4558H18.8517C19.6738 38.4558 20.3402 37.7582 20.3402 36.8975V33.0842C20.3402 32.2236 19.6738 31.5259 18.8517 31.5259Z" fill="#3F54BD"/>
28
+ <path d="M16.8643 27.5294C16.7154 27.5294 16.5578 27.4652 16.444 27.3461L15.0955 25.9344C14.8679 25.6961 14.8679 25.3019 15.0955 25.0544C15.3232 24.8161 15.6997 24.8161 15.9361 25.0544L16.8643 26.0261L18.1251 24.7061C18.3528 24.4678 18.7293 24.4678 18.9657 24.7061C19.1933 24.9444 19.1933 25.3386 18.9657 25.5861L17.2845 27.3461C17.1707 27.4652 17.0131 27.5294 16.8643 27.5294Z" fill="white"/>
29
+ <path d="M16.8643 36.65C16.7154 36.65 16.5578 36.5858 16.444 36.4667L15.0955 35.055C14.8679 34.8167 14.8679 34.4225 15.0955 34.175C15.3232 33.9367 15.6997 33.9367 15.9361 34.175L16.8643 35.1467L18.1251 33.8267C18.3528 33.5884 18.7293 33.5884 18.9657 33.8267C19.1933 34.065 19.1933 34.4592 18.9657 34.7067L17.2845 36.4667C17.1707 36.5858 17.0131 36.65 16.8643 36.65Z" fill="white"/>
30
+ <path d="M31.7231 23.6147H22.538C22.2092 23.6147 21.9426 23.8938 21.9426 24.2381C21.9426 24.5823 22.2092 24.8614 22.538 24.8614H31.7231C32.0519 24.8614 32.3185 24.5823 32.3185 24.2381C32.3185 23.8938 32.0519 23.6147 31.7231 23.6147Z" fill="#CCCCCC"/>
31
+ <path d="M28.5797 26.8784H22.538C22.2092 26.8784 21.9426 27.1575 21.9426 27.5017C21.9426 27.846 22.2092 28.1251 22.538 28.1251H28.5797C28.9085 28.1251 29.1751 27.846 29.1751 27.5017C29.1751 27.1575 28.9085 26.8784 28.5797 26.8784Z" fill="#CCCCCC"/>
32
+ <path d="M31.7231 32.1396H22.538C22.2092 32.1396 21.9426 32.4187 21.9426 32.763C21.9426 33.1072 22.2092 33.3863 22.538 33.3863H31.7231C32.0519 33.3863 32.3185 33.1072 32.3185 32.763C32.3185 32.4187 32.0519 32.1396 31.7231 32.1396Z" fill="#CCCCCC"/>
33
+ <path d="M28.5797 35.4028H22.538C22.2092 35.4028 21.9426 35.6819 21.9426 36.0262C21.9426 36.3704 22.2092 36.6495 22.538 36.6495H28.5797C28.9085 36.6495 29.1751 36.3704 29.1751 36.0262C29.1751 35.6819 28.9085 35.4028 28.5797 35.4028Z" fill="#CCCCCC"/>
34
+ </g>
35
+ <defs>
36
+ <filter id="filter0_d_13426_3665" x="-118.055" y="-91.97" width="275.66" height="275.829" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
37
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
38
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
39
+ <feOffset dx="3.57658" dy="32.2205"/>
40
+ <feGaussianBlur stdDeviation="68.0176"/>
41
+ <feColorMatrix type="matrix" values="0 0 0 0 0.258824 0 0 0 0 0.458824 0 0 0 0 0.819608 0 0 0 1 0"/>
42
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_13426_3665"/>
43
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_13426_3665" result="shape"/>
44
+ </filter>
45
+ <filter id="filter1_d_13426_3665" x="-111.751" y="-91.97" width="275.66" height="275.829" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
46
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
47
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
48
+ <feOffset dx="3.57658" dy="32.2205"/>
49
+ <feGaussianBlur stdDeviation="68.0176"/>
50
+ <feColorMatrix type="matrix" values="0 0 0 0 0.258824 0 0 0 0 0.458824 0 0 0 0 0.819608 0 0 0 1 0"/>
51
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_13426_3665"/>
52
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_13426_3665" result="shape"/>
53
+ </filter>
54
+ <filter id="filter2_d_13426_3665" x="-105.455" y="-91.97" width="275.66" height="275.829" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
55
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
56
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
57
+ <feOffset dx="3.57658" dy="32.2205"/>
58
+ <feGaussianBlur stdDeviation="68.0176"/>
59
+ <feColorMatrix type="matrix" values="0 0 0 0 0.258824 0 0 0 0 0.458824 0 0 0 0 0.819608 0 0 0 1 0"/>
60
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_13426_3665"/>
61
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_13426_3665" result="shape"/>
62
+ </filter>
63
+ <filter id="filter3_d_13426_3665" x="-99.1508" y="-91.97" width="275.66" height="275.829" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
64
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
65
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
66
+ <feOffset dx="3.57658" dy="32.2205"/>
67
+ <feGaussianBlur stdDeviation="68.0176"/>
68
+ <feColorMatrix type="matrix" values="0 0 0 0 0.258824 0 0 0 0 0.458824 0 0 0 0 0.819608 0 0 0 1 0"/>
69
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_13426_3665"/>
70
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_13426_3665" result="shape"/>
71
+ </filter>
72
+ <radialGradient id="paint0_radial_13426_3665" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(25.6464 15.1906) scale(11.4528 11.9899)">
73
+ <stop stop-color="#4786F3"/>
74
+ <stop offset="1" stop-color="#4D84EF"/>
75
+ </radialGradient>
76
+ <clipPath id="clip0_13426_3665">
77
+ <rect width="50" height="50" fill="white"/>
78
+ </clipPath>
79
+ </defs>
80
+ </svg>
@@ -0,0 +1,16 @@
1
+ <svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_13426_3662)">
3
+ <path d="M10.48 35.8599H14.75V41.8899C14.75 43.0699 13.79 44.0199 12.62 44.0199C11.44 44.0199 10.49 43.0599 10.49 41.8899V35.8599H10.48Z" fill="#2D2C2E"/>
4
+ <path d="M37.41 44.02C36.23 44.02 35.2801 43.06 35.2801 41.89V35.86H39.55V41.89C39.55 43.07 38.59 44.02 37.42 44.02H37.41Z" fill="#2D2C2E"/>
5
+ <path d="M25.01 44.02C35.5089 44.02 44.02 35.5089 44.02 25.01C44.02 14.5111 35.5089 6 25.01 6C14.5111 6 6 14.5111 6 25.01C6 35.5089 14.5111 44.02 25.01 44.02Z" fill="#4487F4"/>
6
+ <path d="M25.01 39.0502C32.764 39.0502 39.05 32.7643 39.05 25.0102C39.05 17.2561 32.764 10.9702 25.01 10.9702C17.2559 10.9702 10.97 17.2561 10.97 25.0102C10.97 32.7643 17.2559 39.0502 25.01 39.0502Z" fill="white"/>
7
+ <path d="M25.01 34.0702C30.0137 34.0702 34.07 30.0139 34.07 25.0102C34.07 20.0065 30.0137 15.9502 25.01 15.9502C20.0063 15.9502 15.95 20.0065 15.95 25.0102C15.95 30.0139 20.0063 34.0702 25.01 34.0702Z" fill="#4275D1"/>
8
+ <path d="M25.0099 29.0999C27.2688 29.0999 29.0999 27.2688 29.0999 25.0099C29.0999 22.7511 27.2688 20.9199 25.0099 20.9199C22.7511 20.9199 20.9199 22.7511 20.9199 25.0099C20.9199 27.2688 22.7511 29.0999 25.0099 29.0999Z" fill="#E6E6E6"/>
9
+ <path d="M25.0099 26.1299C24.7199 26.1299 24.4399 26.0199 24.2199 25.7999C23.7799 25.3599 23.7799 24.6499 24.2199 24.2099L41.6599 6.76994C42.0999 6.32994 42.8099 6.32994 43.2499 6.76994C43.6899 7.20994 43.6899 7.91994 43.2499 8.35994L25.7999 25.8099C25.5799 26.0299 25.2899 26.1399 25.0099 26.1399V26.1299Z" fill="#2D2C2E"/>
10
+ </g>
11
+ <defs>
12
+ <clipPath id="clip0_13426_3662">
13
+ <rect width="38.02" height="38.02" fill="white" transform="translate(6 6)"/>
14
+ </clipPath>
15
+ </defs>
16
+ </svg>
@@ -0,0 +1,38 @@
1
+ <svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_13426_3661)">
3
+ <path d="M41.3826 23.2886H11.7888C10.8738 23.2886 10.1321 24.0303 10.1321 24.9453V38.3429C10.1321 39.2579 10.8738 39.9997 11.7888 39.9997H41.3826C42.2976 39.9997 43.0393 39.2579 43.0393 38.3429V24.9453C43.0393 24.0303 42.2976 23.2886 41.3826 23.2886Z" fill="#C62A2A"/>
4
+ <g opacity="0.15" style="mix-blend-mode:multiply">
5
+ <path d="M41.2505 22H11.6567C10.7452 22 10 22.7452 10 23.6567V26.532C10.2846 26.6151 10.5821 26.6599 10.8923 26.6599H42.0149C42.3252 26.6599 42.6226 26.6119 42.9072 26.532V23.6567C42.9072 22.7452 42.162 22 41.2505 22Z" fill="black"/>
6
+ </g>
7
+ <g clip-path="url(#clip1_13426_3661)">
8
+ <path d="M38.9484 29H35.0516C35.0231 29 35 29.0158 35 29.0354V38.9646C35 38.9842 35.0231 39 35.0516 39H38.9484C38.9769 39 39 38.9842 39 38.9646V29.0354C39 29.0158 38.9769 29 38.9484 29Z" fill="white"/>
9
+ <path d="M26.027 30H28.973C28.9878 30 29 30.0117 29 30.026V38.974C29 38.9883 28.9878 39 28.973 39H26.027C26.0122 39 26 38.9883 26 38.974V30.026C26 30.0117 26.0122 30 26.027 30Z" fill="white"/>
10
+ <path d="M31.0375 33.0005H33.9625C33.9831 33.0005 34 33.0152 34 33.0331V38.9674C34 38.9853 33.9831 39 33.9625 39H31.0375C31.0169 39 31 38.9853 31 38.9674V33.0326C31 33.0147 31.0169 33 31.0375 33V33.0005Z" fill="white"/>
11
+ </g>
12
+ <path d="M32.8015 10.646H20.3697C19.2599 10.646 18.3516 11.5543 18.3516 12.6641V17.727C18.3516 18.8368 19.2599 19.7451 20.3697 19.7451H32.8015C33.9113 19.7451 34.8196 18.8368 34.8196 17.727V12.6641C34.8196 11.5543 33.9113 10.646 32.8015 10.646ZM32.7023 16.3422C32.7023 17.0842 32.0946 17.6918 31.3526 17.6918H21.8185C21.0765 17.6918 20.4688 17.0842 20.4688 16.3422V14.049C20.4688 13.307 21.0765 12.6993 21.8185 12.6993H31.3526C32.0946 12.6993 32.7023 13.307 32.7023 14.049V16.3422Z" fill="#2D2C2E"/>
13
+ <path d="M41.282 17H11.718C10.2169 17 9 17.9807 9 19.1904V22.8096C9 24.0193 10.2169 25 11.718 25H41.282C42.7831 25 44 24.0193 44 22.8096V19.1904C44 17.9807 42.7831 17 41.282 17Z" fill="#C62A2A"/>
14
+ <path d="M31.1866 10H21.9723C21.135 10 20.4563 10.6787 20.4563 11.516V11.6631C20.4563 12.5004 21.135 13.1791 21.9723 13.1791H31.1866C32.0238 13.1791 32.7026 12.5004 32.7026 11.6631V11.516C32.7026 10.6787 32.0238 10 31.1866 10Z" fill="#FC9406"/>
15
+ <path d="M29.6 23H24.66C24.2955 23 24 23.2955 24 23.66V26.42C24 26.7845 24.2955 27.08 24.66 27.08H29.6C29.9645 27.08 30.26 26.7845 30.26 26.42V23.66C30.26 23.2955 29.9645 23 29.6 23Z" fill="#FC9406"/>
16
+ <path d="M40.2848 33.1588L40.0093 28L35.4306 28.6823L35.5319 29.5366L38.4158 29.106L29.5019 41.2109L23.3484 36.3594C23.0906 36.1555 22.7369 36.2102 22.5378 36.4817L15.1365 46.5677C14.9259 46.8541 14.9632 47.2778 15.2192 47.5135C15.3312 47.6169 15.4662 47.6667 15.6004 47.6667C15.7737 47.6667 15.9462 47.5831 16.0652 47.421L23.1128 37.8184L29.2655 42.6699C29.5232 42.8728 29.8761 42.8191 30.0751 42.5476L39.3437 29.9603L39.517 33.2116L40.2857 33.1598L40.2848 33.1588Z" fill="#2D2C2E"/>
17
+ </g>
18
+ <g clip-path="url(#clip2_13426_3661)">
19
+ <path d="M23.7199 41.8395L24.568 43.0423L27.9893 43.5156L28.1791 43.0794L28.3693 42.6456L25.6935 40.4625L24.2345 40.6588L23.7199 41.8395Z" fill="#D0EDF5"/>
20
+ <path d="M14.182 36.9929C14.3202 36.674 14.6952 36.5257 15.0141 36.6639L24.2345 40.6588C24.5534 40.7969 24.7017 41.172 24.5635 41.4909C24.4253 41.8098 24.0502 41.958 23.7314 41.8198L14.511 37.825C14.1921 37.6868 14.0438 37.3118 14.182 36.9929Z" fill="#A3CAD6"/>
21
+ <path d="M4.50001 32.7653C4.95044 31.7293 6.16733 31.2503 7.20377 31.7032L14.9641 35.0832C16.0001 35.5337 16.4791 36.7506 16.0262 37.787C15.5758 38.823 14.3589 39.302 13.3224 38.8491L5.56214 35.4691C4.52614 35.0187 4.04714 33.8018 4.50001 32.7653Z" fill="#FFAE00"/>
22
+ <path d="M5.90386 33.3748C6.00861 33.1348 6.28989 33.0236 6.52745 33.1288L14.3777 36.5478C14.6177 36.6525 14.7289 36.9338 14.6237 37.1714C14.5189 37.4114 14.2377 37.5226 13.9977 37.4178L6.14744 33.9988C5.90745 33.8941 5.79625 33.6128 5.90143 33.3752L5.90386 33.3748Z" fill="#BD8100"/>
23
+ <path d="M7.2056 31.7C7.04206 31.6291 6.8732 31.5844 6.705 31.557C6.6447 31.7789 6.75372 32.0204 6.97206 32.1165L14.8223 35.5355C15.0402 35.6292 15.2914 35.5461 15.4142 35.3505C15.2794 35.2443 15.1323 35.1529 14.9688 35.082L7.20847 31.702L7.2056 31.7Z" fill="#BD8100"/>
24
+ <path d="M13.3223 38.8491C13.4858 38.9199 13.6546 38.9647 13.8229 38.992C13.8832 38.7701 13.7741 38.5287 13.5558 38.4325L5.70556 35.0135C5.48766 34.9199 5.23647 35.003 5.11363 35.1986C5.2484 35.3048 5.39556 35.3962 5.55909 35.467L13.3194 38.8471L13.3223 38.8491Z" fill="#BD8100"/>
25
+ <path d="M14.6381 39.1531L16.0829 35.8398C16.2424 35.4719 16.674 35.3033 17.0419 35.4628C17.4099 35.6222 17.5785 36.0539 17.419 36.4218L15.9743 39.7351C15.8148 40.1031 15.3832 40.2716 15.0152 40.1122C14.6473 39.9527 14.4787 39.5211 14.6381 39.1531Z" fill="#FFD600"/>
26
+ </g>
27
+ <defs>
28
+ <clipPath id="clip0_13426_3661">
29
+ <rect width="35.1716" height="30" fill="white" transform="translate(9 10)"/>
30
+ </clipPath>
31
+ <clipPath id="clip1_13426_3661">
32
+ <rect width="12.59" height="11.6292" fill="white" transform="translate(26 27)"/>
33
+ </clipPath>
34
+ <clipPath id="clip2_13426_3661">
35
+ <rect width="22.0711" height="15.6722" fill="white" transform="translate(28.5098 43.4214) rotate(169.739)"/>
36
+ </clipPath>
37
+ </defs>
38
+ </svg>
@@ -1,27 +0,0 @@
1
- <template>
2
- <div class="fixed right-7 bottom-7 z-40 md:bottom-8.5">
3
- <button
4
- class="group bg-primary-600 ring-primary-200 relative flex size-10 cursor-pointer items-center justify-center rounded-full shadow-lg ring-2 transition-all duration-200 hover:bg-primary-700 hover:scale-105 hover:shadow-xl md:size-12"
5
- title="แจ้งปัญหา / ขอ Feature"
6
- @click="isOpen = true"
7
- >
8
- <span class="text-primary absolute -bottom-6.5 left-1/2 -translate-x-1/2 bg-white px-2 py-1 text-[10px] font-bold whitespace-nowrap shadow-lg md:-bottom-7.5 md:px-3 md:py-1.5 md:text-xs">
9
- Send feedback!
10
- </span>
11
- <Icon
12
- name="ph:chat-circle-text"
13
- class="size-6 text-white transition-transform duration-200 group-hover:rotate-12 md:size-7"
14
- />
15
- </button>
16
- </div>
17
-
18
- <FeedbackTicketForm
19
- :is-open="isOpen"
20
- @update="(v) => isOpen = v"
21
- @success="isOpen = false"
22
- />
23
- </template>
24
-
25
- <script lang="ts" setup>
26
- const isOpen = ref(false)
27
- </script>