mirror of
https://github.com/SyncrowIOT/web.git
synced 2025-07-10 07:07:19 +00:00
Merged with dev
This commit is contained in:
Abdullah Alassaf
18
assets/icons/active_user.svg
Normal file
18
assets/icons/active_user.svg
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
<svg width="40" height="34" viewBox="0 0 40 34" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<rect y="2" width="33" height="20" rx="10" fill="#023DFE" fill-opacity="0.7"/>
|
||||||
|
<g filter="url(#filter0_d_5216_2616)">
|
||||||
|
<ellipse cx="22.9389" cy="12" rx="8.45122" ry="8.4" fill="white"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<filter id="filter0_d_5216_2616" x="6.48767" y="0.599976" width="32.9025" height="32.8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<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"/>
|
||||||
|
<feOffset dy="5"/>
|
||||||
|
<feGaussianBlur stdDeviation="4"/>
|
||||||
|
<feComposite in2="hardAlpha" operator="out"/>
|
||||||
|
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
|
||||||
|
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5216_2616"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5216_2616" result="shape"/>
|
||||||
|
</filter>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1011 B |
3
assets/icons/arrow_down.svg
Normal file
3
assets/icons/arrow_down.svg
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
<svg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M8 0.740463C8 0.574789 7.93931 0.408979 7.8179 0.282701C7.57528 0.0297901 7.18168 0.0297901 6.93903 0.282701L4 3.34404L1.06095 0.282701C0.818322 0.0297898 0.424717 0.0297898 0.182084 0.282701C-0.0606947 0.535291 -0.0606947 0.945601 0.182084 1.19819L3.56055 4.71746C3.80318 4.97034 4.1968 4.97034 4.43945 4.71746L7.8179 1.19819C7.93932 1.07191 8 0.906104 8 0.740463Z" fill="#999999" fill-opacity="0.7"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 511 B |
3
assets/icons/arrow_forward.svg
Normal file
3
assets/icons/arrow_forward.svg
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
<svg width="5" height="9" viewBox="0 0 5 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M0.647445 0.5C0.481771 0.5 0.315961 0.560695 0.189683 0.6821C-0.0632278 0.924716 -0.0632278 1.31832 0.189683 1.56097L3.25102 4.5L0.189683 7.43905C-0.0632278 7.68168 -0.0632278 8.07528 0.189683 8.31792C0.442273 8.56069 0.852583 8.56069 1.10517 8.31792L4.62444 4.93945C4.87732 4.69682 4.87732 4.3032 4.62444 4.06055L1.10517 0.6821C0.978895 0.560678 0.813086 0.5 0.647445 0.5Z" fill="#999999" fill-opacity="0.7"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 519 B |
BIN
assets/icons/atoz_icon.png
Normal file
BIN
assets/icons/atoz_icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
assets/icons/box_checked.png
Normal file
BIN
assets/icons/box_checked.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 754 B |
9
assets/icons/compleate_process_icon.svg
Normal file
9
assets/icons/compleate_process_icon.svg
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z" fill="#BBEC6C"/>
|
||||||
|
<path d="M9.9999 0C9.79708 0 9.59588 0.00676056 9.39604 0.018672C14.6376 0.330986 18.5355 4.67996 18.5355 10C18.5355 15.32 14.6376 19.669 9.396 19.9813C9.59588 19.9932 9.79708 20 9.9999 20C15.5228 20 19.9999 15.5229 19.9999 10C19.9999 4.47714 15.5228 0 9.9999 0Z" fill="#A2E62E"/>
|
||||||
|
<path d="M10.0002 18.5355C14.7142 18.5355 18.5357 14.714 18.5357 9.99993C18.5357 5.28586 14.7142 1.46436 10.0002 1.46436C5.28611 1.46436 1.4646 5.28586 1.4646 9.99993C1.4646 14.714 5.28611 18.5355 10.0002 18.5355Z" fill="#4FC123"/>
|
||||||
|
<path d="M9.99986 1.46436C9.7968 1.46436 9.59551 1.47196 9.396 1.48588C13.8282 1.79574 17.3277 5.48894 17.3277 9.99993C17.3277 14.511 13.8282 18.2041 9.396 18.514C9.59551 18.5279 9.7968 18.5355 9.99986 18.5355C14.7139 18.5355 18.5354 14.714 18.5354 9.99993C18.5354 5.28589 14.7139 1.46436 9.99986 1.46436Z" fill="#47A920"/>
|
||||||
|
<path d="M15.1631 8.28358L9.71483 13.7323C9.13696 14.3097 8.20095 14.3097 7.62348 13.7323L4.83717 10.946C4.51684 10.626 4.51684 10.1069 4.83717 9.787L5.64924 8.97493V8.97452L5.92449 8.69927C6.24441 8.37935 6.76352 8.37935 7.08344 8.69927L8.47781 10.0936C8.62751 10.2437 8.87097 10.2437 9.02067 10.0936L12.9969 6.11738C13.3168 5.79746 13.836 5.79746 14.1559 6.11738L15.1631 7.12462C15.4834 7.44495 15.4834 7.96366 15.1631 8.28358Z" fill="#D1F19E"/>
|
||||||
|
<path d="M9.02084 10.0938L8.55927 10.5553C8.37738 10.7376 8.08241 10.7388 7.89851 10.5582L6.48724 9.17265C6.26068 8.94569 5.93432 8.8805 5.64941 8.97507V8.97466L5.92467 8.69941C6.24459 8.37949 6.7637 8.37949 7.08362 8.69941L8.47799 10.0938C8.62768 10.2439 8.87114 10.2439 9.02084 10.0938Z" fill="#BBEC6C"/>
|
||||||
|
<path d="M15.1633 7.1248L14.1559 6.11747C13.8359 5.79743 13.317 5.79743 12.997 6.11747L12.7366 6.37791C12.971 6.35606 13.213 6.43478 13.3925 6.61429L13.9555 7.12484C14.2755 7.44488 14.2755 7.96375 13.9555 8.28379L8.9588 13.3461C8.60206 13.7028 8.10838 13.8389 7.64697 13.7549C8.22609 14.3094 9.14488 14.3022 9.71466 13.7324L15.1633 8.28379C15.4833 7.96375 15.4833 7.44484 15.1633 7.1248Z" fill="#BBEC6C"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.2 KiB |
3
assets/icons/current_process_icon.svg
Normal file
3
assets/icons/current_process_icon.svg
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<circle cx="10" cy="10" r="10" fill="#023DFE"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 151 B |
18
assets/icons/deactive_user.svg
Normal file
18
assets/icons/deactive_user.svg
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
<svg width="39" height="32" viewBox="0 0 39 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<rect x="6" y="1" width="33" height="20" rx="10" fill="#E9E9E9"/>
|
||||||
|
<g filter="url(#filter0_d_5216_2749)">
|
||||||
|
<circle cx="16" cy="11" r="8" fill="white"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<filter id="filter0_d_5216_2749" x="0" y="0" width="32" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<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"/>
|
||||||
|
<feOffset dy="5"/>
|
||||||
|
<feGaussianBlur stdDeviation="4"/>
|
||||||
|
<feComposite in2="hardAlpha" operator="out"/>
|
||||||
|
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
|
||||||
|
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5216_2749"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5216_2749" result="shape"/>
|
||||||
|
</filter>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 956 B |
BIN
assets/icons/empty_box.png
Normal file
BIN
assets/icons/empty_box.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 425 B |
3
assets/icons/filter_table_icon.svg
Normal file
3
assets/icons/filter_table_icon.svg
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M10.0001 0.416701C10.0001 0.647137 9.81341 0.833403 9.58339 0.833403H4.16627C3.93625 0.833403 3.74957 0.647137 3.74957 0.416701C3.74957 0.186266 3.93625 0 4.16627 0H9.58339C9.81341 0 10.0001 0.186266 10.0001 0.416701ZM8.33328 2.08351H4.16627C3.93625 2.08351 3.74957 2.26977 3.74957 2.50021C3.74957 2.73064 3.93625 2.91691 4.16627 2.91691H8.33328C8.5633 2.91691 8.74998 2.73064 8.74998 2.50021C8.74998 2.26977 8.5633 2.08351 8.33328 2.08351ZM7.08318 4.16701H4.16627C3.93625 4.16701 3.74957 4.35328 3.74957 4.58372C3.74957 4.81415 3.93625 5.00042 4.16627 5.00042H7.08318C7.3132 5.00042 7.49988 4.81415 7.49988 4.58372C7.49988 4.35328 7.3132 4.16701 7.08318 4.16701ZM5.83307 6.25052H4.16627C3.93625 6.25052 3.74957 6.43679 3.74957 6.66722C3.74957 6.89766 3.93625 7.08392 4.16627 7.08392H5.83307C6.06309 7.08392 6.24977 6.89766 6.24977 6.66722C6.24977 6.43679 6.06309 6.25052 5.83307 6.25052ZM3.21077 8.03942L2.49946 8.75073V0.416701C2.49946 0.186266 2.31278 0 2.08276 0C1.85274 0 1.66606 0.186266 1.66606 0.416701V8.75073L0.954333 8.039C0.791403 7.87607 0.528048 7.87607 0.365118 8.039C0.202187 8.20193 0.202187 8.46529 0.365118 8.62822L1.49313 9.75623C1.65564 9.91874 1.86899 10 2.08276 10C2.29653 10 2.50946 9.91874 2.67198 9.75623L3.79999 8.62822C3.96292 8.46529 3.96292 8.20193 3.79999 8.039C3.63706 7.87607 3.3737 7.87649 3.21077 8.03942Z" fill="#999999"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.4 KiB |
7
assets/icons/invited_icon.svg
Normal file
7
assets/icons/invited_icon.svg
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M18.4066 14.8703C18.0603 14.6128 17.571 14.6847 17.3134 15.0309C17.1718 15.2212 17.0202 15.408 16.8629 15.5859C16.5772 15.9092 16.6075 16.4029 16.9308 16.6887C17.0794 16.8201 17.264 16.8846 17.4479 16.8846C17.664 16.8846 17.8792 16.7955 18.0335 16.6208C18.2198 16.4101 18.3993 16.1889 18.5671 15.9634C18.8246 15.6173 18.7528 15.1278 18.4066 14.8703Z" fill="#D5D5D5"/>
|
||||||
|
<path d="M19.7131 11.2064C19.2917 11.1146 18.8753 11.382 18.7835 11.8036C18.733 12.0355 18.672 12.2678 18.602 12.4942C18.4747 12.9065 18.7056 13.3439 19.1178 13.4713C19.1947 13.495 19.2723 13.5063 19.3487 13.5063C19.6823 13.5063 19.9912 13.2909 20.0949 12.9555C20.1779 12.6868 20.2504 12.411 20.3103 12.1359C20.402 11.7144 20.1347 11.2982 19.7131 11.2064Z" fill="#D5D5D5"/>
|
||||||
|
<path d="M14.6462 17.3725C14.4387 17.4883 14.224 17.5965 14.0079 17.6941C13.6146 17.8717 13.4398 18.3344 13.6174 18.7277C13.7479 19.0166 14.0322 19.1875 14.3299 19.1875C14.4374 19.1875 14.5466 19.1652 14.651 19.1181C14.9073 19.0023 15.1619 18.874 15.4079 18.7367C15.7846 18.5264 15.9195 18.0505 15.7091 17.6737C15.4988 17.2971 15.0229 17.1622 14.6462 17.3725Z" fill="#D5D5D5"/>
|
||||||
|
<path d="M9.71886 3.75V9.67641L6.85405 12.5412C6.54897 12.8463 6.54897 13.3409 6.85405 13.646C7.00663 13.7986 7.20651 13.8748 7.40651 13.8748C7.60644 13.8748 7.8064 13.7986 7.95898 13.646L11.0526 10.5524C11.1991 10.4059 11.2814 10.2072 11.2814 10V3.75C11.2814 3.31852 10.9316 2.96875 10.5001 2.96875C10.0686 2.96875 9.71886 3.31852 9.71886 3.75Z" fill="#D5D5D5"/>
|
||||||
|
<path d="M19.7188 1.67969C19.2873 1.67969 18.9375 2.02945 18.9375 2.46094V4.63031C17.1191 1.77844 13.9434 0 10.5 0C7.82891 0 5.3177 1.0402 3.42891 2.92891C1.5402 4.8177 0.5 7.32891 0.5 10C0.5 12.6711 1.5402 15.1823 3.42891 17.0711C5.3177 18.9598 7.82891 20 10.5 20C10.5066 20 10.513 19.9992 10.5195 19.999C10.5261 19.9992 10.5325 20 10.5391 20C10.8206 20 11.105 19.9881 11.3843 19.9648C11.8142 19.9287 12.1336 19.551 12.0976 19.1211C12.0616 18.6911 11.6843 18.3716 11.2539 18.4077C11.0178 18.4275 10.7773 18.4375 10.5391 18.4375C10.5325 18.4375 10.5261 18.4383 10.5195 18.4385C10.513 18.4383 10.5066 18.4375 10.5 18.4375C5.84754 18.4375 2.0625 14.6525 2.0625 10C2.0625 5.34754 5.84754 1.5625 10.5 1.5625C13.4984 1.5625 16.2561 3.16066 17.7631 5.70312H15.615C15.1835 5.70312 14.8337 6.05289 14.8337 6.48438C14.8337 6.91586 15.1835 7.26562 15.615 7.26562H18C18.4758 7.26562 18.9209 7.13191 19.2999 6.90027C19.3243 6.88637 19.3477 6.87141 19.37 6.85527C20.05 6.40797 20.5 5.63855 20.5 4.76562V2.46094C20.5 2.02945 20.1502 1.67969 19.7188 1.67969Z" fill="#D5D5D5"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.6 KiB |
12
assets/icons/link.svg
Normal file
12
assets/icons/link.svg
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g id="Group 440">
|
||||||
|
<path id="Vector" d="M6.7986 0.892983L4.84001 2.85148C4.48185 3.20973 4.23182 3.63572 4.08964 4.08854C3.62464 4.23503 3.19865 4.49284 2.85148 4.84001L0.892983 6.7986C-0.29757 7.98915 -0.297753 9.91625 0.892983 11.107C2.08354 12.2976 4.01072 12.2977 5.20146 11.107L7.15996 9.14848C7.5182 8.79033 7.76814 8.36433 7.91032 7.91142C8.37541 7.76503 8.80132 7.50713 9.14848 7.15996L11.107 5.20146C12.2976 4.01081 12.2978 2.08372 11.107 0.892983C9.91643 -0.29757 7.98933 -0.297753 6.7986 0.892983ZM4.17735 6.1656C4.32576 6.5276 4.54658 6.86653 4.84001 7.15996C5.1251 7.44496 5.46431 7.67027 5.83418 7.82289L3.87577 9.78139C3.41893 10.2381 2.67552 10.2382 2.21867 9.78139C1.76182 9.32445 1.76182 8.58113 2.21867 8.12428L4.17717 6.16569C4.17726 6.16569 4.17726 6.16569 4.17735 6.1656ZM6.82854 8.81706L4.86995 10.7756C3.86259 11.783 2.23194 11.7831 1.2244 10.7756C0.216957 9.76821 0.216866 8.13747 1.2244 7.13002L3.1829 5.17143C3.41105 4.94328 3.67939 4.76082 3.9719 4.63255C3.92823 4.9897 3.94819 5.34263 4.02427 5.67991C3.96128 5.72697 3.90159 5.77843 3.84574 5.83427L1.88725 7.79277C1.24766 8.43245 1.24766 9.47313 1.88725 10.1127C2.52683 10.7523 3.56752 10.7523 4.2072 10.1127L6.16569 8.15422C6.80592 7.5139 6.80601 6.47459 6.16569 5.83427C5.82365 5.49223 5.74034 4.99492 5.90358 4.57753C6.24891 4.70598 6.56587 4.90876 6.82854 5.17143C7.8336 6.1765 7.83369 7.8119 6.82854 8.81706ZM10.7756 4.86995L8.81706 6.82854C8.58891 7.05669 8.32057 7.23915 8.02806 7.36742C8.07173 7.01027 8.05177 6.65733 7.97578 6.32005C8.03868 6.27299 8.09846 6.22154 8.15422 6.16569L10.1128 4.2072C10.7524 3.56761 10.7524 2.52683 10.1128 1.88725C9.5385 1.31303 8.64028 1.25379 7.99913 1.71229C7.89384 1.78755 7.86958 1.93394 7.94484 2.03922C8.0201 2.14451 8.16649 2.16886 8.27177 2.09352C8.73952 1.75907 9.37434 1.81162 9.78139 2.21867C10.2382 2.67552 10.2382 3.41883 9.78139 3.87577L7.8228 5.83427C7.8228 5.83427 7.8228 5.83427 7.82271 5.83436C7.67421 5.47236 7.45338 5.13344 7.15996 4.84001C6.87495 4.555 6.53566 4.32969 6.16578 4.17707L6.96431 3.37855C7.05577 3.28709 7.05577 3.13868 6.96431 3.04713C6.87276 2.95567 6.72444 2.95567 6.63289 3.04713L5.83427 3.84574C5.19404 4.48597 5.19395 5.52528 5.83427 6.16569C6.17631 6.50764 6.25963 7.00505 6.09639 7.42244C5.75105 7.29399 5.43409 7.0912 5.17143 6.82844C4.16645 5.82347 4.16636 4.18797 5.17143 3.1829L7.13002 1.2244C8.13737 0.216957 9.76811 0.216774 10.7756 1.2244C11.783 2.23176 11.7831 3.8625 10.7756 4.86995Z" fill="#023DFE" fill-opacity="0.7"/>
|
||||||
|
<path id="Vector_2" d="M7.69571 2.55103C7.69571 2.68048 7.59079 2.7854 7.46143 2.7854C7.33197 2.7854 7.22705 2.68048 7.22705 2.55103C7.22705 2.42157 7.33197 2.31665 7.46143 2.31665C7.59079 2.31665 7.69571 2.42157 7.69571 2.55103Z" fill="#023DFE" fill-opacity="0.7"/>
|
||||||
|
<path id="Vector_3" d="M3.18286 3.1831C3.27441 3.09164 3.27441 2.94323 3.18286 2.85168L2.18859 1.85741C2.09704 1.76595 1.94872 1.76595 1.85717 1.85741C1.76571 1.94897 1.76571 2.09737 1.85717 2.18893L2.85143 3.18319C2.94308 3.27465 3.09139 3.27465 3.18286 3.1831Z" fill="#023DFE" fill-opacity="0.7"/>
|
||||||
|
<path id="Vector_4" d="M0.891022 3.9375C0.761658 3.9375 0.656738 4.04242 0.656738 4.17178C0.656738 4.30124 0.761658 4.40616 0.891022 4.40616H2.29718C2.42655 4.40616 2.53147 4.30124 2.53147 4.17178C2.53147 4.04242 2.42655 3.9375 2.29718 3.9375H0.891022Z" fill="#023DFE" fill-opacity="0.7"/>
|
||||||
|
<path id="Vector_5" d="M3.93774 0.821289V2.22736C3.93774 2.35672 4.04266 2.46173 4.17203 2.46173C4.30148 2.46173 4.4064 2.35672 4.4064 2.22736V0.821289C4.4064 0.691834 4.30148 0.586914 4.17203 0.586914C4.04266 0.586914 3.93774 0.691834 3.93774 0.821289Z" fill="#023DFE" fill-opacity="0.7"/>
|
||||||
|
<path id="Vector_6" d="M8.8172 8.81738C8.72565 8.90884 8.72565 9.05724 8.8172 9.1488L9.81146 10.1431C9.85724 10.1888 9.91721 10.2117 9.97717 10.2117C10.184 10.2117 10.291 9.95986 10.1429 9.81164L9.14862 8.81738C9.05707 8.72591 8.90875 8.72591 8.8172 8.81738Z" fill="#023DFE" fill-opacity="0.7"/>
|
||||||
|
<path id="Vector_7" d="M8.03882 11.1785V9.77237C8.03882 9.64301 7.93381 9.53809 7.80444 9.53809C7.67499 9.53809 7.57007 9.64301 7.57007 9.77237V11.1785C7.57007 11.3079 7.67499 11.4128 7.80444 11.4128C7.93381 11.4128 8.03882 11.3079 8.03882 11.1785Z" fill="#023DFE" fill-opacity="0.7"/>
|
||||||
|
<path id="Vector_8" d="M11.1793 8.03906C11.3086 8.03906 11.4135 7.93405 11.4135 7.80469C11.4135 7.67523 11.3086 7.57031 11.1793 7.57031H9.7731C9.64374 7.57031 9.53882 7.67523 9.53882 7.80469C9.53882 7.93405 9.64374 8.03906 9.7731 8.03906H11.1793Z" fill="#023DFE" fill-opacity="0.7"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 4.5 KiB |
BIN
assets/icons/rectangle_check_box.png
Normal file
BIN
assets/icons/rectangle_check_box.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 523 B |
4
assets/icons/search_icon_user.svg
Normal file
4
assets/icons/search_icon_user.svg
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M1.89852 11.08C-0.632759 8.54864 -0.632708 4.42983 1.89852 1.8985C4.42985 -0.632833 8.54861 -0.632833 11.0799 1.8985C13.2274 4.04599 13.5526 7.23986 12.0565 9.73392C12.0565 9.73392 11.949 9.91422 12.0942 10.0593C12.9222 10.8872 15.4065 13.3716 15.4065 13.3716C16.0658 14.0308 16.2227 14.9527 15.638 15.5374L15.5374 15.638C14.9527 16.2227 14.0308 16.0658 13.3716 15.4065C13.3716 15.4065 10.8926 12.9275 10.0662 12.1012C9.91414 11.9491 9.73389 12.0566 9.73389 12.0566C7.23988 13.5526 4.04601 13.2275 1.89852 11.08ZM9.88131 9.88133C11.7517 8.01094 11.7516 4.96763 9.88125 3.09724C8.01086 1.22689 4.96755 1.22684 3.09721 3.09724C1.22681 4.96758 1.22681 8.01094 3.09721 9.88133C4.9676 11.7516 8.01086 11.7516 9.88131 9.88133Z" fill="black" fill-opacity="0.3"/>
|
||||||
|
<path d="M9.46694 6.10386C9.554 6.10386 9.6425 6.08674 9.7278 6.05072C10.0686 5.9065 10.228 5.51333 10.0838 5.17253C9.17732 3.03045 6.69723 2.0252 4.5552 2.93164C4.21445 3.07586 4.05503 3.46903 4.19924 3.80983C4.34351 4.15063 4.73658 4.30995 5.07749 4.16579C6.53894 3.54737 8.2312 4.23326 8.84956 5.69471C8.95775 5.95031 9.20588 6.10386 9.46694 6.10386Z" fill="black" fill-opacity="0.3"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.2 KiB |
3
assets/icons/uncompleate_process_icon.svg
Normal file
3
assets/icons/uncompleate_process_icon.svg
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<circle cx="10" cy="10" r="9" stroke="#D5D5D5" stroke-width="2"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 169 B |
7
assets/icons/user_management.svg
Normal file
7
assets/icons/user_management.svg
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M14.5594 12.881L12.3006 12.1281C12.0363 12.04 11.8587 11.7935 11.8587 11.5148V10.3696C12.6718 9.84207 13.248 8.97922 13.39 7.97848C14.2092 7.32457 14.6768 6.35539 14.6768 5.30305C14.6768 3.83754 13.7513 2.5843 12.4541 2.0966C12.2658 0.898984 11.2171 0 10 0C8.78291 0 7.73424 0.899023 7.54592 2.0966C6.24877 2.5843 5.32323 3.83754 5.32323 5.30305C5.32323 6.35535 5.79088 7.32453 6.61002 7.97844C6.75209 8.97918 7.32826 9.84203 8.14139 10.3696V11.5148C8.14139 11.7935 7.96377 12.0399 7.6994 12.128L5.44061 12.881C4.8085 13.0917 4.38385 13.6809 4.38385 14.3471V17.202C4.38385 17.3638 4.51502 17.4949 4.67682 17.4949C4.83862 17.4949 4.96979 17.3638 4.96979 17.202V14.3471C4.96979 13.9335 5.23346 13.5677 5.62588 13.4368L6.35303 13.1945L6.12049 13.6595C5.99178 13.917 5.99178 14.2243 6.12049 14.4817L7.54612 17.333C7.59744 17.4356 7.70088 17.495 7.80838 17.495C7.8524 17.495 7.89709 17.485 7.93916 17.464C8.08389 17.3916 8.14256 17.2157 8.07018 17.071L6.64455 14.2197C6.59791 14.1264 6.59791 14.015 6.64455 13.9216L7.13842 12.9327L7.8599 12.6922L8.77334 17.2594C8.80119 17.3987 8.9235 17.495 9.06033 17.495C9.07936 17.495 9.09869 17.4931 9.11811 17.4893C9.27678 17.4575 9.37967 17.3032 9.34795 17.1445L8.53889 13.0992L9.7994 14.2841C9.85576 14.3371 9.92791 14.3637 10.0001 14.3637C10.0722 14.3637 10.1443 14.3371 10.2007 14.2841L11.4612 13.0992L10.6522 17.1445C10.6205 17.3032 10.7233 17.4575 10.882 17.4893C10.9014 17.4931 10.9207 17.495 10.9398 17.495C11.0766 17.495 11.1989 17.3987 11.2268 17.2594L12.1402 12.6922L12.8615 12.9326L13.3556 13.9216C13.4022 14.0149 13.4022 14.1264 13.3556 14.2197L11.9299 17.0709C11.8576 17.2157 11.9162 17.3916 12.061 17.464C12.103 17.485 12.1477 17.495 12.1917 17.495C12.2992 17.495 12.4027 17.4356 12.454 17.3329L13.8796 14.4817C14.0083 14.2243 14.0083 13.9169 13.8796 13.6595L13.6471 13.1944L14.3742 13.4368C14.7667 13.5676 15.0303 13.9334 15.0303 14.3471V17.2019C15.0303 17.3637 15.1615 17.4949 15.3233 17.4949C15.4851 17.4949 15.6163 17.3637 15.6163 17.2019V14.3471C15.6162 13.6809 15.1915 13.0917 14.5594 12.881ZM10 0.585938C10.8389 0.585938 11.5729 1.14453 11.8145 1.92516C11.6316 1.8948 11.4439 1.87875 11.2526 1.87875H8.74752C8.55616 1.87875 8.36846 1.8948 8.18557 1.92516C8.42717 1.14453 9.16119 0.585938 10 0.585938ZM7.1617 7.49496V6.81496C7.1617 6.32207 7.35365 5.85871 7.70213 5.5102C7.81655 5.39578 7.81655 5.21027 7.70213 5.0959C7.58772 4.98145 7.40221 4.98148 7.28783 5.0959C6.82865 5.55508 6.57576 6.16559 6.57576 6.815V7.13238C6.1469 6.62625 5.9092 5.98582 5.9092 5.30309C5.9092 4.4041 6.32983 3.60199 6.98401 3.08156C7.25975 3.67977 8.31428 5.55266 10.96 6.26395C10.9855 6.27078 11.011 6.27406 11.0362 6.27406C11.1655 6.27406 11.2838 6.18785 11.319 6.05707C11.361 5.90082 11.2684 5.74012 11.1121 5.69809C9.94037 5.38309 8.97006 4.78422 8.22811 3.91816C7.78147 3.39676 7.55647 2.92973 7.48393 2.76262C7.86475 2.57242 8.29369 2.46477 8.74752 2.46477H11.2526C12.8176 2.46477 14.0909 3.73805 14.0909 5.30313C14.0909 5.9859 13.8531 6.62637 13.4242 7.1325C13.4222 6.49598 12.9466 5.9716 12.3163 5.91195C12.1556 5.8966 12.0123 6.01492 11.9971 6.17602C11.9818 6.33711 12.1001 6.48004 12.2611 6.49527C12.5848 6.5259 12.8383 6.80758 12.8383 7.13656V7.49504C12.8383 9.06008 11.5651 10.3334 10 10.3334C8.43498 10.3334 7.1617 9.06 7.1617 7.49496ZM10 13.6686L8.48682 12.2461C8.63932 12.0393 8.72733 11.7852 8.72733 11.5148V10.6738C9.12096 10.832 9.55049 10.9192 10 10.9192C10.4496 10.9192 10.879 10.832 11.2727 10.6738V11.5148C11.2727 11.7852 11.3607 12.0393 11.5132 12.2461L10 13.6686Z" fill="#023DFE" fill-opacity="0.7"/>
|
||||||
|
<path d="M3.4041 12.9931V12.6998C3.60836 12.7636 3.82551 12.798 4.05051 12.798C5.24801 12.798 6.22227 11.8238 6.22227 10.6263V10.426C6.42496 10.1822 6.53539 9.87822 6.53539 9.55721V9.37377C6.53539 8.34893 5.7016 7.51514 4.67676 7.51514H3.42426C2.39941 7.51514 1.56563 8.34889 1.56563 9.37377V9.55721C1.56563 9.87822 1.67605 10.1822 1.87875 10.426V10.6263C1.87875 11.3664 2.25113 12.0209 2.81812 12.4131V12.9931C2.81812 13.1368 2.72652 13.2638 2.59023 13.3092L1.05672 13.8204C0.424688 14.0311 0 14.6203 0 15.2866V17.202C0 17.3638 0.131172 17.495 0.292969 17.495C0.454766 17.495 0.585938 17.3638 0.585938 17.202V15.2866C0.585938 14.8729 0.849609 14.5071 1.24203 14.3763L2.33719 14.0112L3.26172 14.6276C3.31168 14.6609 3.36812 14.6768 3.42395 14.6768C3.51859 14.6768 3.61152 14.631 3.66797 14.5463C3.75773 14.4117 3.72137 14.2298 3.58672 14.1401L3.00359 13.7513C3.24984 13.5831 3.4041 13.3023 3.4041 12.9931ZM2.1516 9.37373C2.1516 8.67197 2.72254 8.10103 3.4243 8.10103H4.6768C5.37855 8.10103 5.94949 8.67197 5.94949 9.37373V9.55717C5.94949 9.70607 5.90723 9.84822 5.82945 9.971L3.20379 9.0958C3.11805 9.06725 3.02387 9.07982 2.94863 9.12998L2.15863 9.65662C2.15445 9.62385 2.15156 9.59076 2.15156 9.55717L2.1516 9.37373ZM2.46473 10.6263V10.1568L3.15445 9.69697L5.63637 10.5243V10.6262C5.63637 11.5006 4.92496 12.2121 4.05055 12.2121C3.17613 12.2121 2.46473 11.5007 2.46473 10.6263Z" fill="#023DFE" fill-opacity="0.7"/>
|
||||||
|
<path d="M1.85864 15.6565C1.69685 15.6565 1.56567 15.7876 1.56567 15.9495V17.202C1.56567 17.3638 1.69685 17.4949 1.85864 17.4949C2.02044 17.4949 2.15161 17.3638 2.15161 17.202V15.9495C2.15161 15.7877 2.02044 15.6565 1.85864 15.6565Z" fill="#023DFE" fill-opacity="0.7"/>
|
||||||
|
<path d="M18.9431 13.8204L17.4096 13.3092C17.2733 13.2638 17.1817 13.1367 17.1817 12.9931V12.4131C17.7487 12.0209 18.1211 11.3664 18.1211 10.6263V10.426C18.3238 10.1822 18.4342 9.87822 18.4342 9.55721V9.37377C18.4342 8.34893 17.6005 7.51514 16.5756 7.51514H15.3231C14.2983 7.51514 13.4645 8.34889 13.4645 9.37377V9.55721C13.4645 9.87822 13.5749 10.1822 13.7776 10.426V10.6263C13.7776 11.8238 14.7519 12.798 15.9494 12.798C16.1744 12.798 16.3915 12.7636 16.5958 12.6998V12.9931C16.5958 13.3023 16.75 13.5831 16.9962 13.7513L16.4131 14.1401C16.2785 14.2298 16.2421 14.4117 16.3319 14.5463C16.3883 14.631 16.4812 14.6768 16.5759 14.6768C16.6317 14.6768 16.6882 14.6609 16.7381 14.6276L17.6626 14.0112L18.7578 14.3763C19.1503 14.5071 19.414 14.8729 19.414 15.2866V17.202C19.414 17.3638 19.5451 17.495 19.7069 17.495C19.8687 17.495 19.9999 17.3638 19.9999 17.202V15.2866C19.9999 14.6203 19.5752 14.0311 18.9431 13.8204ZM14.0504 9.37373C14.0504 8.67197 14.6214 8.10103 15.3231 8.10103H16.5756C17.2774 8.10103 17.8483 8.67197 17.8483 9.37373V9.55717C17.8483 9.70607 17.806 9.84822 17.7283 9.971L15.1026 9.0958C15.0169 9.06725 14.9227 9.07982 14.8475 9.12998L14.0575 9.65662C14.0533 9.62381 14.0504 9.59072 14.0504 9.55717V9.37373ZM14.3635 10.6263V10.1568L15.0533 9.69697L17.5352 10.5243V10.6262C17.5352 11.5006 16.8238 12.2121 15.9494 12.2121C15.0749 12.2121 14.3635 11.5007 14.3635 10.6263Z" fill="#023DFE" fill-opacity="0.7"/>
|
||||||
|
<path d="M18.1414 15.6565C17.9796 15.6565 17.8484 15.7876 17.8484 15.9495V17.202C17.8484 17.3638 17.9796 17.4949 18.1414 17.4949C18.3032 17.4949 18.4343 17.3638 18.4343 17.202V15.9495C18.4343 15.7877 18.3032 15.6565 18.1414 15.6565Z" fill="#023DFE" fill-opacity="0.7"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 6.9 KiB |
10
assets/icons/wrong_process_icon.svg
Normal file
10
assets/icons/wrong_process_icon.svg
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z" fill="#FFB09E"/>
|
||||||
|
<path d="M9.9999 0C9.79708 0 9.59588 0.00676056 9.39604 0.018672C14.6376 0.330986 18.5355 4.67996 18.5355 10C18.5355 15.32 14.6376 19.669 9.396 19.9813C9.59588 19.9932 9.79708 20 9.9999 20C15.5228 20 19.9999 15.5229 19.9999 10C19.9999 4.47714 15.5228 0 9.9999 0Z" fill="#FFA78F"/>
|
||||||
|
<path d="M10.0002 18.5355C14.7142 18.5355 18.5357 14.714 18.5357 9.99993C18.5357 5.28586 14.7142 1.46436 10.0002 1.46436C5.28611 1.46436 1.4646 5.28586 1.4646 9.99993C1.4646 14.714 5.28611 18.5355 10.0002 18.5355Z" fill="#F07281"/>
|
||||||
|
<path d="M10.0006 1.46436C9.79753 1.46436 9.59625 1.47196 9.39673 1.48588C13.829 1.79574 17.3284 5.48894 17.3284 9.99993C17.3284 14.511 13.829 18.2041 9.39673 18.514C9.59625 18.5279 9.79753 18.5355 10.0006 18.5355C14.7147 18.5355 18.5362 14.714 18.5362 9.99993C18.5362 5.28589 14.7147 1.46436 10.0006 1.46436Z" fill="#EB5569"/>
|
||||||
|
<path d="M14.074 12.1165L12.4961 10.5386C12.336 10.3786 12.336 10.119 12.4961 9.95887L14.074 8.38097C14.3867 8.06825 14.3867 7.56121 14.074 7.24849L13.0007 6.17521C12.688 5.86249 12.181 5.86249 11.8682 6.17521L10.2903 7.75312C10.1303 7.9132 9.8707 7.9132 9.71058 7.75312L8.13267 6.17521C7.81996 5.86249 7.31292 5.86249 7.0002 6.17521L5.92692 7.24849C5.6142 7.56121 5.6142 8.06825 5.92692 8.38097L7.50483 9.95887C7.66491 10.119 7.66491 10.3785 7.50483 10.5386L5.92692 12.1165C5.6142 12.4293 5.6142 12.9363 5.92692 13.249L7.0002 14.3223C7.31292 14.635 7.81996 14.635 8.13267 14.3223L9.71058 12.7444C9.87066 12.5843 10.1302 12.5843 10.2903 12.7444L11.8682 14.3223C12.181 14.635 12.688 14.635 13.0007 14.3223L14.074 13.249C14.3867 12.9363 14.3867 12.4293 14.074 12.1165Z" fill="#FFEEE6"/>
|
||||||
|
<path d="M7.36483 6.63131L9.01368 8.35767C9.17377 8.51775 9.43332 8.51775 9.59344 8.35767L10.0004 7.8732C9.89546 7.8732 9.79055 7.83316 9.71051 7.75312L8.1326 6.17521C7.81988 5.86249 7.31284 5.86249 7.00012 6.17521L6.77759 6.39775C6.98946 6.39223 7.2031 6.46958 7.36483 6.63131Z" fill="#FFDFCF"/>
|
||||||
|
<path d="M8.96663 12.2028L7.28639 13.9606C7.16578 14.0812 7.0162 14.1547 6.86011 14.1823L7.00011 14.3223C7.31282 14.6351 7.81987 14.6351 8.13258 14.3223L9.71049 12.7444C9.79053 12.6644 9.89544 12.6244 10.0003 12.6244L9.54635 12.2028C9.38627 12.0427 9.12671 12.0427 8.96663 12.2028Z" fill="#FFDFCF"/>
|
||||||
|
<path d="M12.496 10.5386C12.3359 10.3785 12.3359 10.119 12.496 9.95887L14.0739 8.38097C14.3866 8.06825 14.3866 7.56121 14.0739 7.24849L13.0006 6.17521C12.6879 5.86249 12.1809 5.86249 11.8682 6.17521L11.5521 6.49131C11.8061 6.44008 12.0802 6.51272 12.2772 6.70974L12.8662 7.24845C13.1789 7.56117 13.1789 8.06821 12.8662 8.38093L11.2883 9.95883C11.1282 10.1189 11.1282 10.3785 11.2883 10.5386L12.8662 12.1165C13.1789 12.4292 13.1789 12.9362 12.8662 13.2489L12.3243 13.7721C12.105 13.9914 11.7904 14.0563 11.514 13.968L11.8682 14.3222C12.1809 14.6349 12.6879 14.6349 13.0006 14.3222L14.0739 13.2489C14.3866 12.9362 14.3866 12.4292 14.0739 12.1165L12.496 10.5386Z" fill="#FFDFCF"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.1 KiB |
BIN
assets/icons/ztoa_icon.png
Normal file
BIN
assets/icons/ztoa_icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
138
lib/common/dialog_dropdown.dart
Normal file
138
lib/common/dialog_dropdown.dart
Normal file
@ -0,0 +1,138 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
|
||||||
|
class DialogDropdown extends StatefulWidget {
|
||||||
|
final List<String> items;
|
||||||
|
final ValueChanged<String> onSelected;
|
||||||
|
final String? selectedValue;
|
||||||
|
|
||||||
|
const DialogDropdown({
|
||||||
|
Key? key,
|
||||||
|
required this.items,
|
||||||
|
required this.onSelected,
|
||||||
|
this.selectedValue,
|
||||||
|
}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
_DialogDropdownState createState() => _DialogDropdownState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _DialogDropdownState extends State<DialogDropdown> {
|
||||||
|
bool _isOpen = false;
|
||||||
|
late OverlayEntry _overlayEntry;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
}
|
||||||
|
|
||||||
|
void _toggleDropdown() {
|
||||||
|
if (_isOpen) {
|
||||||
|
_closeDropdown();
|
||||||
|
} else {
|
||||||
|
_openDropdown();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void _openDropdown() {
|
||||||
|
_overlayEntry = _createOverlayEntry();
|
||||||
|
Overlay.of(context).insert(_overlayEntry);
|
||||||
|
_isOpen = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
void _closeDropdown() {
|
||||||
|
_overlayEntry.remove();
|
||||||
|
_isOpen = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
OverlayEntry _createOverlayEntry() {
|
||||||
|
final renderBox = context.findRenderObject() as RenderBox;
|
||||||
|
final size = renderBox.size;
|
||||||
|
final offset = renderBox.localToGlobal(Offset.zero);
|
||||||
|
|
||||||
|
return OverlayEntry(
|
||||||
|
builder: (context) {
|
||||||
|
return GestureDetector(
|
||||||
|
onTap: () {
|
||||||
|
_closeDropdown();
|
||||||
|
},
|
||||||
|
behavior: HitTestBehavior.translucent,
|
||||||
|
child: Stack(
|
||||||
|
children: [
|
||||||
|
Positioned(
|
||||||
|
left: offset.dx,
|
||||||
|
top: offset.dy + size.height,
|
||||||
|
width: size.width,
|
||||||
|
child: Material(
|
||||||
|
elevation: 4.0,
|
||||||
|
child: Container(
|
||||||
|
color: ColorsManager.whiteColors,
|
||||||
|
constraints: const BoxConstraints(
|
||||||
|
maxHeight: 200.0, // Set max height for dropdown
|
||||||
|
),
|
||||||
|
child: ListView.builder(
|
||||||
|
shrinkWrap: true,
|
||||||
|
itemCount: widget.items.length,
|
||||||
|
itemBuilder: (context, index) {
|
||||||
|
final item = widget.items[index];
|
||||||
|
return Container(
|
||||||
|
decoration: const BoxDecoration(
|
||||||
|
border: Border(
|
||||||
|
bottom: BorderSide(
|
||||||
|
color: ColorsManager.lightGrayBorderColor,
|
||||||
|
width: 1.0,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: ListTile(
|
||||||
|
title: Text(
|
||||||
|
item,
|
||||||
|
style: Theme.of(context)
|
||||||
|
.textTheme
|
||||||
|
.bodyMedium
|
||||||
|
?.copyWith(
|
||||||
|
color: ColorsManager.textPrimaryColor,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
onTap: () {
|
||||||
|
widget.onSelected(item);
|
||||||
|
_closeDropdown();
|
||||||
|
},
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return GestureDetector(
|
||||||
|
onTap: _toggleDropdown,
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 12.0, vertical: 8.0),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
border: Border.all(color: ColorsManager.transparentColor),
|
||||||
|
borderRadius: BorderRadius.circular(8.0),
|
||||||
|
),
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
widget.selectedValue ?? 'Select an item',
|
||||||
|
style: Theme.of(context).textTheme.bodyMedium,
|
||||||
|
),
|
||||||
|
const Icon(Icons.arrow_drop_down),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
160
lib/common/dialog_textfield_dropdown.dart
Normal file
160
lib/common/dialog_textfield_dropdown.dart
Normal file
@ -0,0 +1,160 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
|
||||||
|
class DialogTextfieldDropdown extends StatefulWidget {
|
||||||
|
final List<String> items;
|
||||||
|
final ValueChanged<String> onSelected;
|
||||||
|
final String? initialValue;
|
||||||
|
|
||||||
|
const DialogTextfieldDropdown({
|
||||||
|
Key? key,
|
||||||
|
required this.items,
|
||||||
|
required this.onSelected,
|
||||||
|
this.initialValue,
|
||||||
|
}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
_DialogTextfieldDropdownState createState() =>
|
||||||
|
_DialogTextfieldDropdownState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _DialogTextfieldDropdownState extends State<DialogTextfieldDropdown> {
|
||||||
|
bool _isOpen = false;
|
||||||
|
late OverlayEntry _overlayEntry;
|
||||||
|
final TextEditingController _controller = TextEditingController();
|
||||||
|
late List<String> _filteredItems; // Filtered items list
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
_controller.text = widget.initialValue ?? 'Select Tag';
|
||||||
|
_filteredItems = List.from(widget.items); // Initialize filtered items
|
||||||
|
}
|
||||||
|
|
||||||
|
void _toggleDropdown() {
|
||||||
|
if (_isOpen) {
|
||||||
|
_closeDropdown();
|
||||||
|
} else {
|
||||||
|
_openDropdown();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void _openDropdown() {
|
||||||
|
_overlayEntry = _createOverlayEntry();
|
||||||
|
Overlay.of(context).insert(_overlayEntry);
|
||||||
|
_isOpen = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
void _closeDropdown() {
|
||||||
|
_overlayEntry.remove();
|
||||||
|
_isOpen = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
OverlayEntry _createOverlayEntry() {
|
||||||
|
final renderBox = context.findRenderObject() as RenderBox;
|
||||||
|
final size = renderBox.size;
|
||||||
|
final offset = renderBox.localToGlobal(Offset.zero);
|
||||||
|
|
||||||
|
return OverlayEntry(
|
||||||
|
builder: (context) {
|
||||||
|
return GestureDetector(
|
||||||
|
onTap: () {
|
||||||
|
_closeDropdown();
|
||||||
|
},
|
||||||
|
behavior: HitTestBehavior.translucent,
|
||||||
|
child: Stack(
|
||||||
|
children: [
|
||||||
|
Positioned(
|
||||||
|
left: offset.dx,
|
||||||
|
top: offset.dy + size.height,
|
||||||
|
width: size.width,
|
||||||
|
child: Material(
|
||||||
|
elevation: 4.0,
|
||||||
|
child: Container(
|
||||||
|
color: ColorsManager.whiteColors,
|
||||||
|
constraints: const BoxConstraints(
|
||||||
|
maxHeight: 200.0,
|
||||||
|
),
|
||||||
|
child: ListView.builder(
|
||||||
|
shrinkWrap: true,
|
||||||
|
itemCount: _filteredItems.length,
|
||||||
|
itemBuilder: (context, index) {
|
||||||
|
final item = _filteredItems[index];
|
||||||
|
return Container(
|
||||||
|
decoration: const BoxDecoration(
|
||||||
|
border: Border(
|
||||||
|
bottom: BorderSide(
|
||||||
|
color: ColorsManager.lightGrayBorderColor,
|
||||||
|
width: 1.0,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: ListTile(
|
||||||
|
title: Text(item,
|
||||||
|
style: Theme.of(context)
|
||||||
|
.textTheme
|
||||||
|
.bodyMedium
|
||||||
|
?.copyWith(
|
||||||
|
color: ColorsManager.textPrimaryColor)),
|
||||||
|
onTap: () {
|
||||||
|
_controller.text = item;
|
||||||
|
widget.onSelected(item);
|
||||||
|
setState(() {
|
||||||
|
_filteredItems
|
||||||
|
.remove(item); // Remove selected item
|
||||||
|
});
|
||||||
|
_closeDropdown();
|
||||||
|
},
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return GestureDetector(
|
||||||
|
onTap: _toggleDropdown,
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 12.0, vertical: 8.0),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
border: Border.all(color: ColorsManager.transparentColor),
|
||||||
|
borderRadius: BorderRadius.circular(8.0),
|
||||||
|
),
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
child: TextFormField(
|
||||||
|
controller: _controller,
|
||||||
|
onChanged: (value) {
|
||||||
|
setState(() {
|
||||||
|
_filteredItems = widget.items
|
||||||
|
.where((item) =>
|
||||||
|
item.toLowerCase().contains(value.toLowerCase()))
|
||||||
|
.toList(); // Filter items dynamically
|
||||||
|
});
|
||||||
|
widget.onSelected(value);
|
||||||
|
},
|
||||||
|
style: Theme.of(context).textTheme.bodyMedium,
|
||||||
|
decoration: const InputDecoration(
|
||||||
|
hintText: 'Enter or Select tag',
|
||||||
|
border: InputBorder.none,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const Icon(Icons.arrow_drop_down),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -10,6 +10,10 @@ class UserModel {
|
|||||||
final String? phoneNumber;
|
final String? phoneNumber;
|
||||||
final bool? isEmailVerified;
|
final bool? isEmailVerified;
|
||||||
final bool? isAgreementAccepted;
|
final bool? isAgreementAccepted;
|
||||||
|
final bool? hasAcceptedWebAgreement;
|
||||||
|
final DateTime? webAgreementAcceptedAt;
|
||||||
|
final UserRole? role;
|
||||||
|
|
||||||
UserModel({
|
UserModel({
|
||||||
required this.uuid,
|
required this.uuid,
|
||||||
required this.email,
|
required this.email,
|
||||||
@ -19,6 +23,9 @@ class UserModel {
|
|||||||
required this.phoneNumber,
|
required this.phoneNumber,
|
||||||
required this.isEmailVerified,
|
required this.isEmailVerified,
|
||||||
required this.isAgreementAccepted,
|
required this.isAgreementAccepted,
|
||||||
|
required this.hasAcceptedWebAgreement,
|
||||||
|
required this.webAgreementAcceptedAt,
|
||||||
|
required this.role,
|
||||||
});
|
});
|
||||||
|
|
||||||
factory UserModel.fromJson(Map<String, dynamic> json) {
|
factory UserModel.fromJson(Map<String, dynamic> json) {
|
||||||
@ -31,6 +38,11 @@ class UserModel {
|
|||||||
phoneNumber: json['phoneNumber'],
|
phoneNumber: json['phoneNumber'],
|
||||||
isEmailVerified: json['isEmailVerified'],
|
isEmailVerified: json['isEmailVerified'],
|
||||||
isAgreementAccepted: json['isAgreementAccepted'],
|
isAgreementAccepted: json['isAgreementAccepted'],
|
||||||
|
hasAcceptedWebAgreement: json['hasAcceptedWebAgreement'],
|
||||||
|
webAgreementAcceptedAt: json['webAgreementAcceptedAt'] != null
|
||||||
|
? DateTime.parse(json['webAgreementAcceptedAt'])
|
||||||
|
: null,
|
||||||
|
role: json['role'] != null ? UserRole.fromJson(json['role']) : null,
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -41,6 +53,9 @@ class UserModel {
|
|||||||
Map<String, dynamic> tempJson = Token.decodeToken(token.accessToken);
|
Map<String, dynamic> tempJson = Token.decodeToken(token.accessToken);
|
||||||
|
|
||||||
return UserModel(
|
return UserModel(
|
||||||
|
hasAcceptedWebAgreement: null,
|
||||||
|
role: null,
|
||||||
|
webAgreementAcceptedAt: null,
|
||||||
uuid: tempJson['uuid'].toString(),
|
uuid: tempJson['uuid'].toString(),
|
||||||
email: tempJson['email'],
|
email: tempJson['email'],
|
||||||
firstName: null,
|
firstName: null,
|
||||||
@ -65,3 +80,26 @@ class UserModel {
|
|||||||
};
|
};
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
class UserRole {
|
||||||
|
final String uuid;
|
||||||
|
final DateTime createdAt;
|
||||||
|
final DateTime updatedAt;
|
||||||
|
final String type;
|
||||||
|
|
||||||
|
UserRole({
|
||||||
|
required this.uuid,
|
||||||
|
required this.createdAt,
|
||||||
|
required this.updatedAt,
|
||||||
|
required this.type,
|
||||||
|
});
|
||||||
|
|
||||||
|
factory UserRole.fromJson(Map<String, dynamic> json) {
|
||||||
|
return UserRole(
|
||||||
|
uuid: json['uuid'],
|
||||||
|
createdAt: DateTime.parse(json['createdAt']),
|
||||||
|
updatedAt: DateTime.parse(json['updatedAt']),
|
||||||
|
type: json['type'],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@ -12,7 +12,7 @@ Future<void> showCustomDialog({
|
|||||||
double? iconWidth,
|
double? iconWidth,
|
||||||
VoidCallback? onOkPressed,
|
VoidCallback? onOkPressed,
|
||||||
bool barrierDismissible = false,
|
bool barrierDismissible = false,
|
||||||
required List<Widget> actions,
|
List<Widget>? actions,
|
||||||
}) {
|
}) {
|
||||||
return showDialog(
|
return showDialog(
|
||||||
context: context,
|
context: context,
|
||||||
|
|||||||
@ -2,7 +2,6 @@ import 'package:flutter/material.dart';
|
|||||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/all_devices/models/factory_reset_model.dart';
|
import 'package:syncrow_web/pages/device_managment/all_devices/models/factory_reset_model.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/shared/batch_control/factory_reset.dart';
|
import 'package:syncrow_web/pages/device_managment/shared/batch_control/factory_reset.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/shared/batch_control/firmware_update.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/sos/bloc/sos_device_bloc.dart';
|
import 'package:syncrow_web/pages/device_managment/sos/bloc/sos_device_bloc.dart';
|
||||||
|
|
||||||
class SOSBatchControlView extends StatelessWidget {
|
class SOSBatchControlView extends StatelessWidget {
|
||||||
|
|||||||
@ -18,10 +18,15 @@ class HomeBloc extends Bloc<HomeEvent, HomeState> {
|
|||||||
// List<Node> sourcesList = [];
|
// List<Node> sourcesList = [];
|
||||||
// List<Node> destinationsList = [];
|
// List<Node> destinationsList = [];
|
||||||
UserModel? user;
|
UserModel? user;
|
||||||
|
String terms = '';
|
||||||
|
String policy = '';
|
||||||
|
|
||||||
HomeBloc() : super((HomeInitial())) {
|
HomeBloc() : super((HomeInitial())) {
|
||||||
// on<CreateNewNode>(_createNode);
|
// on<CreateNewNode>(_createNode);
|
||||||
on<FetchUserInfo>(_fetchUserInfo);
|
on<FetchUserInfo>(_fetchUserInfo);
|
||||||
|
on<FetchTermEvent>(_fetchTerms);
|
||||||
|
on<FetchPolicyEvent>(_fetchPolicy);
|
||||||
|
on<ConfirmUserAgreementEvent>(_confirmUserAgreement);
|
||||||
}
|
}
|
||||||
|
|
||||||
// void _createNode(CreateNewNode event, Emitter<HomeState> emit) async {
|
// void _createNode(CreateNewNode event, Emitter<HomeState> emit) async {
|
||||||
@ -42,14 +47,48 @@ class HomeBloc extends Bloc<HomeEvent, HomeState> {
|
|||||||
|
|
||||||
Future _fetchUserInfo(FetchUserInfo event, Emitter<HomeState> emit) async {
|
Future _fetchUserInfo(FetchUserInfo event, Emitter<HomeState> emit) async {
|
||||||
try {
|
try {
|
||||||
var uuid = await const FlutterSecureStorage().read(key: UserModel.userUuidKey);
|
var uuid =
|
||||||
|
await const FlutterSecureStorage().read(key: UserModel.userUuidKey);
|
||||||
user = await HomeApi().fetchUserInfo(uuid);
|
user = await HomeApi().fetchUserInfo(uuid);
|
||||||
|
add(FetchTermEvent());
|
||||||
emit(HomeInitial());
|
emit(HomeInitial());
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Future _fetchTerms(FetchTermEvent event, Emitter<HomeState> emit) async {
|
||||||
|
try {
|
||||||
|
emit(LoadingHome());
|
||||||
|
terms = await HomeApi().fetchTerms();
|
||||||
|
add(FetchPolicyEvent());
|
||||||
|
} catch (e) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Future _fetchPolicy(FetchPolicyEvent event, Emitter<HomeState> emit) async {
|
||||||
|
try {
|
||||||
|
emit(LoadingHome());
|
||||||
|
policy = await HomeApi().fetchPolicy();
|
||||||
|
} catch (e) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Future _confirmUserAgreement(
|
||||||
|
ConfirmUserAgreementEvent event, Emitter<HomeState> emit) async {
|
||||||
|
try {
|
||||||
|
emit(LoadingHome());
|
||||||
|
var uuid =
|
||||||
|
await const FlutterSecureStorage().read(key: UserModel.userUuidKey);
|
||||||
|
policy = await HomeApi().confirmUserAgreements(uuid);
|
||||||
|
emit(PolicyAgreement());
|
||||||
|
} catch (e) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// static Future fetchUserInfo() async {
|
// static Future fetchUserInfo() async {
|
||||||
// try {
|
// try {
|
||||||
// var uuid =
|
// var uuid =
|
||||||
|
|||||||
@ -21,3 +21,9 @@ abstract class HomeEvent extends Equatable {
|
|||||||
class FetchUserInfo extends HomeEvent {
|
class FetchUserInfo extends HomeEvent {
|
||||||
const FetchUserInfo();
|
const FetchUserInfo();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
class FetchTermEvent extends HomeEvent {}
|
||||||
|
|
||||||
|
class FetchPolicyEvent extends HomeEvent {}
|
||||||
|
|
||||||
|
class ConfirmUserAgreementEvent extends HomeEvent {}
|
||||||
|
|||||||
@ -8,8 +8,14 @@ abstract class HomeState extends Equatable {
|
|||||||
List<Object> get props => [];
|
List<Object> get props => [];
|
||||||
}
|
}
|
||||||
|
|
||||||
|
class LoadingHome extends HomeState {}
|
||||||
|
|
||||||
class HomeInitial extends HomeState {}
|
class HomeInitial extends HomeState {}
|
||||||
|
|
||||||
|
class TermsAgreement extends HomeState {}
|
||||||
|
|
||||||
|
class PolicyAgreement extends HomeState {}
|
||||||
|
|
||||||
// class HomeCounterState extends HomeState {
|
// class HomeCounterState extends HomeState {
|
||||||
// final int counter;
|
// final int counter;
|
||||||
// const HomeCounterState(this.counter);
|
// const HomeCounterState(this.counter);
|
||||||
|
|||||||
176
lib/pages/home/view/agreement_and_privacy_dialog.dart
Normal file
176
lib/pages/home/view/agreement_and_privacy_dialog.dart
Normal file
@ -0,0 +1,176 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_html/flutter_html.dart';
|
||||||
|
import 'package:go_router/go_router.dart';
|
||||||
|
import 'package:syncrow_web/pages/auth/bloc/auth_bloc.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
import 'package:syncrow_web/utils/constants/routes_const.dart';
|
||||||
|
import 'package:url_launcher/url_launcher.dart';
|
||||||
|
|
||||||
|
class AgreementAndPrivacyDialog extends StatefulWidget {
|
||||||
|
final String terms;
|
||||||
|
final String policy;
|
||||||
|
|
||||||
|
const AgreementAndPrivacyDialog({
|
||||||
|
super.key,
|
||||||
|
required this.terms,
|
||||||
|
required this.policy,
|
||||||
|
});
|
||||||
|
|
||||||
|
@override
|
||||||
|
_AgreementAndPrivacyDialogState createState() =>
|
||||||
|
_AgreementAndPrivacyDialogState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _AgreementAndPrivacyDialogState extends State<AgreementAndPrivacyDialog> {
|
||||||
|
final ScrollController _scrollController = ScrollController();
|
||||||
|
bool _isAtEnd = false;
|
||||||
|
int _currentPage = 1;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
_scrollController.addListener(_onScroll);
|
||||||
|
WidgetsBinding.instance
|
||||||
|
.addPostFrameCallback((_) => _checkScrollRequirement());
|
||||||
|
}
|
||||||
|
|
||||||
|
void _checkScrollRequirement() {
|
||||||
|
final scrollPosition = _scrollController.position;
|
||||||
|
if (scrollPosition.maxScrollExtent <= 0) {
|
||||||
|
setState(() {
|
||||||
|
_isAtEnd = true;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
_scrollController.removeListener(_onScroll);
|
||||||
|
_scrollController.dispose();
|
||||||
|
super.dispose();
|
||||||
|
}
|
||||||
|
|
||||||
|
void _onScroll() {
|
||||||
|
if (_scrollController.position.atEdge) {
|
||||||
|
final isAtBottom = _scrollController.position.pixels ==
|
||||||
|
_scrollController.position.maxScrollExtent;
|
||||||
|
if (isAtBottom && !_isAtEnd) {
|
||||||
|
setState(() {
|
||||||
|
_isAtEnd = true;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
String get _dialogTitle =>
|
||||||
|
_currentPage == 2 ? 'User Agreement' : 'Privacy Policy';
|
||||||
|
|
||||||
|
String get _dialogContent => _currentPage == 2 ? widget.terms : widget.policy;
|
||||||
|
|
||||||
|
Widget _buildScrollableContent() {
|
||||||
|
return Container(
|
||||||
|
padding: const EdgeInsets.all(40),
|
||||||
|
width: MediaQuery.of(context).size.width * 0.8,
|
||||||
|
height: MediaQuery.of(context).size.height * 0.75,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Colors.grey[200],
|
||||||
|
borderRadius: const BorderRadius.all(Radius.circular(20)),
|
||||||
|
),
|
||||||
|
child: Scrollbar(
|
||||||
|
thumbVisibility: true,
|
||||||
|
trackVisibility: true,
|
||||||
|
interactive: true,
|
||||||
|
controller: _scrollController,
|
||||||
|
child: SingleChildScrollView(
|
||||||
|
controller: _scrollController,
|
||||||
|
padding: const EdgeInsets.all(25),
|
||||||
|
child: Html(
|
||||||
|
data: _dialogContent,
|
||||||
|
onLinkTap: (url, attributes, element) async {
|
||||||
|
if (url != null) {
|
||||||
|
final uri = Uri.parse(url);
|
||||||
|
await launchUrl(uri, mode: LaunchMode.externalApplication);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
style: {
|
||||||
|
"body": Style(
|
||||||
|
fontSize: FontSize(14),
|
||||||
|
color: Colors.black87,
|
||||||
|
lineHeight: LineHeight(1.5),
|
||||||
|
),
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildActionButton() {
|
||||||
|
final String buttonText = _currentPage == 2 ? "I Agree" : "Next";
|
||||||
|
|
||||||
|
return InkWell(
|
||||||
|
onTap: _isAtEnd
|
||||||
|
? () {
|
||||||
|
if (_currentPage == 1) {
|
||||||
|
setState(() {
|
||||||
|
_currentPage = 2;
|
||||||
|
_isAtEnd = false;
|
||||||
|
_scrollController.jumpTo(0);
|
||||||
|
WidgetsBinding.instance
|
||||||
|
.addPostFrameCallback((_) => _checkScrollRequirement());
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
Navigator.of(context).pop(true);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
: null,
|
||||||
|
child: Text(
|
||||||
|
buttonText,
|
||||||
|
style: TextStyle(
|
||||||
|
color: _isAtEnd ? ColorsManager.secondaryColor : Colors.grey,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Dialog(
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.all(16.0),
|
||||||
|
child: Text(
|
||||||
|
_dialogTitle,
|
||||||
|
textAlign: TextAlign.center,
|
||||||
|
style: const TextStyle(
|
||||||
|
fontSize: 20,
|
||||||
|
fontWeight: FontWeight.w700,
|
||||||
|
color: ColorsManager.secondaryColor,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const Divider(),
|
||||||
|
_buildScrollableContent(),
|
||||||
|
const Divider(),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
||||||
|
children: [
|
||||||
|
InkWell(
|
||||||
|
onTap: () {
|
||||||
|
AuthBloc.logout();
|
||||||
|
context.go(RoutesConst.auth);
|
||||||
|
},
|
||||||
|
child: const Text("Cancel"),
|
||||||
|
),
|
||||||
|
_buildActionButton(),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -1,6 +1,8 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
import 'package:flutter_svg/svg.dart';
|
import 'package:flutter_svg/svg.dart';
|
||||||
|
import 'package:syncrow_web/pages/home/bloc/home_event.dart';
|
||||||
|
import 'package:syncrow_web/pages/home/view/agreement_and_privacy_dialog.dart';
|
||||||
import 'package:syncrow_web/pages/home/bloc/home_bloc.dart';
|
import 'package:syncrow_web/pages/home/bloc/home_bloc.dart';
|
||||||
import 'package:syncrow_web/pages/home/bloc/home_state.dart';
|
import 'package:syncrow_web/pages/home/bloc/home_state.dart';
|
||||||
import 'package:syncrow_web/pages/home/view/home_card.dart';
|
import 'package:syncrow_web/pages/home/view/home_card.dart';
|
||||||
@ -9,16 +11,40 @@ import 'package:syncrow_web/web_layout/web_scaffold.dart';
|
|||||||
|
|
||||||
class HomeWebPage extends StatelessWidget {
|
class HomeWebPage extends StatelessWidget {
|
||||||
const HomeWebPage({super.key});
|
const HomeWebPage({super.key});
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
Size size = MediaQuery.of(context).size;
|
Size size = MediaQuery.of(context).size;
|
||||||
|
final homeBloc = BlocProvider.of<HomeBloc>(context);
|
||||||
|
|
||||||
return PopScope(
|
return PopScope(
|
||||||
canPop: false,
|
canPop: false,
|
||||||
onPopInvoked: (didPop) => false,
|
onPopInvoked: (didPop) => false,
|
||||||
child: BlocConsumer<HomeBloc, HomeState>(
|
child: BlocConsumer<HomeBloc, HomeState>(
|
||||||
listener: (BuildContext context, state) {},
|
listener: (BuildContext context, state) {
|
||||||
|
if (state is HomeInitial) {
|
||||||
|
if (homeBloc.user!.hasAcceptedWebAgreement == false) {
|
||||||
|
Future.delayed(const Duration(seconds: 1), () {
|
||||||
|
showDialog(
|
||||||
|
context: context,
|
||||||
|
barrierDismissible: false,
|
||||||
|
builder: (BuildContext context) {
|
||||||
|
return AgreementAndPrivacyDialog(
|
||||||
|
terms: homeBloc.terms,
|
||||||
|
policy: homeBloc.policy,
|
||||||
|
);
|
||||||
|
},
|
||||||
|
).then((v) {
|
||||||
|
if (v != null) {
|
||||||
|
homeBloc.add(ConfirmUserAgreementEvent());
|
||||||
|
homeBloc.add(const FetchUserInfo());
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
builder: (context, state) {
|
builder: (context, state) {
|
||||||
final homeBloc = BlocProvider.of<HomeBloc>(context);
|
|
||||||
return WebScaffold(
|
return WebScaffold(
|
||||||
enableMenuSidebar: false,
|
enableMenuSidebar: false,
|
||||||
appBarTitle: Row(
|
appBarTitle: Row(
|
||||||
|
|||||||
@ -0,0 +1,42 @@
|
|||||||
|
import 'dart:async';
|
||||||
|
import 'package:bloc/bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/bloc/roles_permission_event.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/bloc/roles_permission_state.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/model/role_model.dart';
|
||||||
|
|
||||||
|
class RolesPermissionBloc
|
||||||
|
extends Bloc<RolesPermissionEvent, RolesPermissionState> {
|
||||||
|
RolesPermissionBloc() : super(RolesInitial()) {
|
||||||
|
on<GetRoles>(_getRoles);
|
||||||
|
on<ChangeTapSelected>(changeTapSelected);
|
||||||
|
}
|
||||||
|
List<RoleModel> roleModel = [];
|
||||||
|
|
||||||
|
FutureOr<void> _getRoles(
|
||||||
|
GetRoles event, Emitter<RolesPermissionState> emit) async {
|
||||||
|
emit(UsersLoadingState());
|
||||||
|
try {
|
||||||
|
roleModel = [
|
||||||
|
RoleModel(roleId: '1', roleImage: '', roleName: 'Admin'),
|
||||||
|
RoleModel(roleId: '2', roleImage: '', roleName: 'Security'),
|
||||||
|
RoleModel(roleId: '2', roleImage: '', roleName: 'Reception'),
|
||||||
|
];
|
||||||
|
emit(UsersLoadedState());
|
||||||
|
} catch (e) {
|
||||||
|
emit(ErrorState(e.toString()));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
bool tapSelect = true;
|
||||||
|
|
||||||
|
changeTapSelected(
|
||||||
|
ChangeTapSelected event, Emitter<RolesPermissionState> emit) {
|
||||||
|
try {
|
||||||
|
emit(RolesLoadingState());
|
||||||
|
tapSelect = event.selected;
|
||||||
|
emit(ChangeTapStatus(select: !tapSelect));
|
||||||
|
} catch (e) {
|
||||||
|
emit(ErrorState(e.toString()));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,41 @@
|
|||||||
|
import 'package:equatable/equatable.dart';
|
||||||
|
|
||||||
|
sealed class RolesPermissionEvent extends Equatable {
|
||||||
|
const RolesPermissionEvent();
|
||||||
|
}
|
||||||
|
|
||||||
|
class GetRoles extends RolesPermissionEvent {
|
||||||
|
const GetRoles();
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
class GetBatchStatus extends RolesPermissionEvent {
|
||||||
|
final List<String> uuids;
|
||||||
|
const GetBatchStatus(this.uuids);
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [uuids];
|
||||||
|
}
|
||||||
|
|
||||||
|
class GetDeviceRecords extends RolesPermissionEvent {
|
||||||
|
final String uuid;
|
||||||
|
|
||||||
|
const GetDeviceRecords(this.uuid);
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [uuid];
|
||||||
|
}
|
||||||
|
|
||||||
|
class GetDeviceAutomationRecords extends RolesPermissionEvent {
|
||||||
|
final String uuid;
|
||||||
|
const GetDeviceAutomationRecords(this.uuid);
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [uuid];
|
||||||
|
}
|
||||||
|
|
||||||
|
class ChangeTapSelected extends RolesPermissionEvent {
|
||||||
|
final bool selected;
|
||||||
|
const ChangeTapSelected(this.selected);
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [selected];
|
||||||
|
}
|
||||||
@ -0,0 +1,79 @@
|
|||||||
|
import 'package:equatable/equatable.dart';
|
||||||
|
|
||||||
|
sealed class RolesPermissionState extends Equatable {
|
||||||
|
const RolesPermissionState();
|
||||||
|
}
|
||||||
|
|
||||||
|
final class RolesInitial extends RolesPermissionState {
|
||||||
|
@override
|
||||||
|
List<Object> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
final class RolesLoadingState extends RolesPermissionState {
|
||||||
|
@override
|
||||||
|
List<Object> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
final class UsersLoadingState extends RolesPermissionState {
|
||||||
|
@override
|
||||||
|
List<Object> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
final class RolesLoadedState extends RolesPermissionState {
|
||||||
|
@override
|
||||||
|
List<Object> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
final class UsersLoadedState extends RolesPermissionState {
|
||||||
|
@override
|
||||||
|
List<Object> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
final class ErrorState extends RolesPermissionState {
|
||||||
|
final String message;
|
||||||
|
|
||||||
|
const ErrorState(this.message);
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object> get props => [message];
|
||||||
|
}
|
||||||
|
|
||||||
|
/// report state
|
||||||
|
final class SosReportLoadingState extends RolesPermissionState {
|
||||||
|
@override
|
||||||
|
List<Object> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
final class RolesErrorState extends RolesPermissionState {
|
||||||
|
final String message;
|
||||||
|
|
||||||
|
const RolesErrorState(this.message);
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object> get props => [message];
|
||||||
|
}
|
||||||
|
|
||||||
|
/// automation reports
|
||||||
|
|
||||||
|
final class SosAutomationReportLoadingState extends RolesPermissionState {
|
||||||
|
@override
|
||||||
|
List<Object> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
final class SosAutomationReportErrorState extends RolesPermissionState {
|
||||||
|
final String message;
|
||||||
|
|
||||||
|
const SosAutomationReportErrorState(this.message);
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object> get props => [message];
|
||||||
|
}
|
||||||
|
|
||||||
|
final class ChangeTapStatus extends RolesPermissionState {
|
||||||
|
final bool select;
|
||||||
|
|
||||||
|
const ChangeTapStatus({required this.select});
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object> get props => [select];
|
||||||
|
}
|
||||||
267
lib/pages/roles_and_permission/model/edit_user_model.dart
Normal file
267
lib/pages/roles_and_permission/model/edit_user_model.dart
Normal file
@ -0,0 +1,267 @@
|
|||||||
|
// import 'dart:convert';
|
||||||
|
|
||||||
|
// // Model for Space
|
||||||
|
// class UserSpaceModel {
|
||||||
|
// final String uuid;
|
||||||
|
// final DateTime createdAt;
|
||||||
|
// final DateTime updatedAt;
|
||||||
|
|
||||||
|
// UserSpaceModel({
|
||||||
|
// required this.uuid,
|
||||||
|
// required this.createdAt,
|
||||||
|
// required this.updatedAt,
|
||||||
|
// });
|
||||||
|
|
||||||
|
// factory UserSpaceModel.fromJson(Map<String, dynamic> json) {
|
||||||
|
// return UserSpaceModel(
|
||||||
|
// uuid: json['uuid'],
|
||||||
|
// createdAt: DateTime.parse(json['createdAt']),
|
||||||
|
// updatedAt: DateTime.parse(json['updatedAt']),
|
||||||
|
// );
|
||||||
|
// }
|
||||||
|
|
||||||
|
// Map<String, dynamic> toJson() {
|
||||||
|
// return {
|
||||||
|
// 'uuid': uuid,
|
||||||
|
// 'createdAt': createdAt.toIso8601String(),
|
||||||
|
// 'updatedAt': updatedAt.toIso8601String(),
|
||||||
|
// };
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// // Model for User
|
||||||
|
// class EditUserModel {
|
||||||
|
// final String uuid;
|
||||||
|
// final DateTime createdAt;
|
||||||
|
// final dynamic email;
|
||||||
|
// final dynamic? jobTitle;
|
||||||
|
// final dynamic status;
|
||||||
|
// final String firstName;
|
||||||
|
// final String lastName;
|
||||||
|
// final String? phoneNumber;
|
||||||
|
// final bool isEnabled;
|
||||||
|
// final dynamic invitedBy;
|
||||||
|
// final dynamic roleType;
|
||||||
|
// final List<UserSpaceModel> spaces;
|
||||||
|
// final String createdDate;
|
||||||
|
// final String createdTime;
|
||||||
|
|
||||||
|
// EditUserModel({
|
||||||
|
// required this.uuid,
|
||||||
|
// required this.createdAt,
|
||||||
|
// required this.email,
|
||||||
|
// this.jobTitle,
|
||||||
|
// required this.status,
|
||||||
|
// required this.firstName,
|
||||||
|
// required this.lastName,
|
||||||
|
// this.phoneNumber,
|
||||||
|
// required this.isEnabled,
|
||||||
|
// required this.invitedBy,
|
||||||
|
// required this.roleType,
|
||||||
|
// required this.spaces,
|
||||||
|
// required this.createdDate,
|
||||||
|
// required this.createdTime,
|
||||||
|
// });
|
||||||
|
|
||||||
|
// factory EditUserModel.fromJson(Map<String, dynamic> json) {
|
||||||
|
// var spacesList = (json['spaces'] as List)
|
||||||
|
// .map((spaceJson) => UserSpaceModel.fromJson(spaceJson))
|
||||||
|
// .toList();
|
||||||
|
|
||||||
|
// return EditUserModel(
|
||||||
|
// uuid: json['uuid'],
|
||||||
|
// createdAt: DateTime.parse(json['createdAt']),
|
||||||
|
// email: json['email'],
|
||||||
|
// jobTitle: json['jobTitle'],
|
||||||
|
// status: json['status'],
|
||||||
|
// firstName: json['firstName'],
|
||||||
|
// lastName: json['lastName'],
|
||||||
|
// phoneNumber: json['phoneNumber'],
|
||||||
|
// isEnabled: json['isEnabled'],
|
||||||
|
// invitedBy: json['invitedBy'],
|
||||||
|
// roleType: json['roleType'],
|
||||||
|
// spaces: spacesList,
|
||||||
|
// createdDate: json['createdDate'],
|
||||||
|
// createdTime: json['createdTime'],
|
||||||
|
// );
|
||||||
|
// }
|
||||||
|
|
||||||
|
// Map<String, dynamic> toJson() {
|
||||||
|
// return {
|
||||||
|
// 'uuid': uuid,
|
||||||
|
// 'createdAt': createdAt.toIso8601String(),
|
||||||
|
// 'email': email,
|
||||||
|
// 'jobTitle': jobTitle,
|
||||||
|
// 'status': status,
|
||||||
|
// 'firstName': firstName,
|
||||||
|
// 'lastName': lastName,
|
||||||
|
// 'phoneNumber': phoneNumber,
|
||||||
|
// 'isEnabled': isEnabled,
|
||||||
|
// 'invitedBy': invitedBy,
|
||||||
|
// 'roleType': roleType,
|
||||||
|
// 'spaces': spaces.map((space) => space.toJson()).toList(),
|
||||||
|
// 'createdDate': createdDate,
|
||||||
|
// 'createdTime': createdTime,
|
||||||
|
// };
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
class UserProjectResponse {
|
||||||
|
final int statusCode;
|
||||||
|
final String message;
|
||||||
|
final EditUserModel data;
|
||||||
|
final bool success;
|
||||||
|
|
||||||
|
UserProjectResponse({
|
||||||
|
required this.statusCode,
|
||||||
|
required this.message,
|
||||||
|
required this.data,
|
||||||
|
required this.success,
|
||||||
|
});
|
||||||
|
|
||||||
|
/// Create a [UserProjectResponse] from JSON data
|
||||||
|
factory UserProjectResponse.fromJson(Map<String, dynamic> json) {
|
||||||
|
return UserProjectResponse(
|
||||||
|
statusCode: json['statusCode'] as int,
|
||||||
|
message: json['message'] as String,
|
||||||
|
data: EditUserModel.fromJson(json['data'] as Map<String, dynamic>),
|
||||||
|
success: json['success'] as bool,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
/// Convert the [UserProjectResponse] to JSON
|
||||||
|
Map<String, dynamic> toJson() {
|
||||||
|
return {
|
||||||
|
'statusCode': statusCode,
|
||||||
|
'message': message,
|
||||||
|
'data': data.toJson(),
|
||||||
|
'success': success,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class EditUserModel {
|
||||||
|
final String uuid;
|
||||||
|
final String firstName;
|
||||||
|
final String lastName;
|
||||||
|
final String email;
|
||||||
|
final String createdDate; // e.g. "1/3/2025"
|
||||||
|
final String createdTime; // e.g. "8:41:43 AM"
|
||||||
|
final String status; // e.g. "invited"
|
||||||
|
final String invitedBy; // e.g. "SUPER_ADMIN"
|
||||||
|
final String? phoneNumber; // can be empty
|
||||||
|
final String? jobTitle; // can be empty
|
||||||
|
final String roleType; // e.g. "ADMIN"
|
||||||
|
final List<UserSpaceModel> spaces;
|
||||||
|
|
||||||
|
EditUserModel({
|
||||||
|
required this.uuid,
|
||||||
|
required this.firstName,
|
||||||
|
required this.lastName,
|
||||||
|
required this.email,
|
||||||
|
required this.createdDate,
|
||||||
|
required this.createdTime,
|
||||||
|
required this.status,
|
||||||
|
required this.invitedBy,
|
||||||
|
required this.phoneNumber,
|
||||||
|
required this.jobTitle,
|
||||||
|
required this.roleType,
|
||||||
|
required this.spaces,
|
||||||
|
});
|
||||||
|
|
||||||
|
/// Create a [UserData] from JSON data
|
||||||
|
factory EditUserModel.fromJson(Map<String, dynamic> json) {
|
||||||
|
return EditUserModel(
|
||||||
|
uuid: json['uuid'] as String,
|
||||||
|
firstName: json['firstName'] as String,
|
||||||
|
lastName: json['lastName'] as String,
|
||||||
|
email: json['email'] as String,
|
||||||
|
createdDate: json['createdDate'] as String,
|
||||||
|
createdTime: json['createdTime'] as String,
|
||||||
|
status: json['status'] as String,
|
||||||
|
invitedBy: json['invitedBy'] as String,
|
||||||
|
phoneNumber: json['phoneNumber'] ?? '',
|
||||||
|
jobTitle: json['jobTitle'] ?? '',
|
||||||
|
roleType: json['roleType'] as String,
|
||||||
|
spaces: (json['spaces'] as List<dynamic>)
|
||||||
|
.map((e) => UserSpaceModel.fromJson(e as Map<String, dynamic>))
|
||||||
|
.toList(),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
/// Convert the [UserData] to JSON
|
||||||
|
Map<String, dynamic> toJson() {
|
||||||
|
return {
|
||||||
|
'uuid': uuid,
|
||||||
|
'firstName': firstName,
|
||||||
|
'lastName': lastName,
|
||||||
|
'email': email,
|
||||||
|
'createdDate': createdDate,
|
||||||
|
'createdTime': createdTime,
|
||||||
|
'status': status,
|
||||||
|
'invitedBy': invitedBy,
|
||||||
|
'phoneNumber': phoneNumber,
|
||||||
|
'jobTitle': jobTitle,
|
||||||
|
'roleType': roleType,
|
||||||
|
'spaces': spaces.map((e) => e.toJson()).toList(),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class UserSpaceModel {
|
||||||
|
final String uuid;
|
||||||
|
final String createdAt; // e.g. "2024-11-04T07:20:35.940Z"
|
||||||
|
final String updatedAt; // e.g. "2024-11-28T18:47:29.736Z"
|
||||||
|
final dynamic spaceTuyaUuid;
|
||||||
|
final dynamic spaceName;
|
||||||
|
final dynamic invitationCode;
|
||||||
|
final bool disabled;
|
||||||
|
final double x;
|
||||||
|
final double y;
|
||||||
|
final String icon;
|
||||||
|
|
||||||
|
UserSpaceModel({
|
||||||
|
required this.uuid,
|
||||||
|
required this.createdAt,
|
||||||
|
required this.updatedAt,
|
||||||
|
required this.spaceTuyaUuid,
|
||||||
|
required this.spaceName,
|
||||||
|
required this.invitationCode,
|
||||||
|
required this.disabled,
|
||||||
|
required this.x,
|
||||||
|
required this.y,
|
||||||
|
required this.icon,
|
||||||
|
});
|
||||||
|
|
||||||
|
/// Create a [UserSpaceModel] from JSON data
|
||||||
|
factory UserSpaceModel.fromJson(Map<String, dynamic> json) {
|
||||||
|
return UserSpaceModel(
|
||||||
|
uuid: json['uuid'] as String,
|
||||||
|
createdAt: json['createdAt'] as String,
|
||||||
|
updatedAt: json['updatedAt'] as String,
|
||||||
|
spaceTuyaUuid: json['spaceTuyaUuid'] as String?,
|
||||||
|
spaceName: json['spaceName'] as String,
|
||||||
|
invitationCode: json['invitationCode'] as String?,
|
||||||
|
disabled: json['disabled'] as bool,
|
||||||
|
x: (json['x'] as num).toDouble(),
|
||||||
|
y: (json['y'] as num).toDouble(),
|
||||||
|
icon: json['icon'] as String,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
/// Convert the [UserSpaceModel] to JSON
|
||||||
|
Map<String, dynamic> toJson() {
|
||||||
|
return {
|
||||||
|
'uuid': uuid,
|
||||||
|
'createdAt': createdAt,
|
||||||
|
'updatedAt': updatedAt,
|
||||||
|
'spaceTuyaUuid': spaceTuyaUuid,
|
||||||
|
'spaceName': spaceName,
|
||||||
|
'invitationCode': invitationCode,
|
||||||
|
'disabled': disabled,
|
||||||
|
'x': x,
|
||||||
|
'y': y,
|
||||||
|
'icon': icon,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
6
lib/pages/roles_and_permission/model/role_model.dart
Normal file
6
lib/pages/roles_and_permission/model/role_model.dart
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
class RoleModel {
|
||||||
|
String? roleId;
|
||||||
|
String? roleName;
|
||||||
|
String? roleImage;
|
||||||
|
RoleModel({this.roleId, this.roleName, this.roleImage});
|
||||||
|
}
|
||||||
22
lib/pages/roles_and_permission/model/role_type_model.dart
Normal file
22
lib/pages/roles_and_permission/model/role_type_model.dart
Normal file
@ -0,0 +1,22 @@
|
|||||||
|
class RoleTypeModel {
|
||||||
|
final String uuid;
|
||||||
|
final String createdAt;
|
||||||
|
final String updatedAt;
|
||||||
|
final String type;
|
||||||
|
|
||||||
|
RoleTypeModel({
|
||||||
|
required this.uuid,
|
||||||
|
required this.createdAt,
|
||||||
|
required this.updatedAt,
|
||||||
|
required this.type,
|
||||||
|
});
|
||||||
|
|
||||||
|
factory RoleTypeModel.fromJson(Map<String, dynamic> json) {
|
||||||
|
return RoleTypeModel(
|
||||||
|
uuid: json['uuid'],
|
||||||
|
createdAt: json['createdAt'],
|
||||||
|
updatedAt: json['updatedAt'],
|
||||||
|
type: json['type'].toString().toLowerCase().replaceAll("_", " "),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
50
lib/pages/roles_and_permission/model/roles_user_model.dart
Normal file
50
lib/pages/roles_and_permission/model/roles_user_model.dart
Normal file
@ -0,0 +1,50 @@
|
|||||||
|
class RolesUserModel {
|
||||||
|
final String uuid;
|
||||||
|
final DateTime createdAt;
|
||||||
|
final String email;
|
||||||
|
final dynamic firstName;
|
||||||
|
final dynamic lastName;
|
||||||
|
final dynamic roleType;
|
||||||
|
final dynamic status;
|
||||||
|
final bool isEnabled;
|
||||||
|
final String invitedBy;
|
||||||
|
final dynamic phoneNumber;
|
||||||
|
final dynamic jobTitle;
|
||||||
|
final dynamic createdDate;
|
||||||
|
final dynamic createdTime;
|
||||||
|
|
||||||
|
RolesUserModel({
|
||||||
|
required this.uuid,
|
||||||
|
required this.createdAt,
|
||||||
|
required this.email,
|
||||||
|
required this.firstName,
|
||||||
|
required this.lastName,
|
||||||
|
required this.roleType,
|
||||||
|
required this.status,
|
||||||
|
required this.isEnabled,
|
||||||
|
required this.invitedBy,
|
||||||
|
this.phoneNumber,
|
||||||
|
this.jobTitle,
|
||||||
|
required this.createdDate,
|
||||||
|
required this.createdTime,
|
||||||
|
});
|
||||||
|
|
||||||
|
factory RolesUserModel.fromJson(Map<String, dynamic> json) {
|
||||||
|
return RolesUserModel(
|
||||||
|
uuid: json['uuid'],
|
||||||
|
createdAt: DateTime.parse(json['createdAt']),
|
||||||
|
email: json['email'],
|
||||||
|
firstName: json['firstName'],
|
||||||
|
lastName: json['lastName'],
|
||||||
|
roleType: json['roleType'].toString().toLowerCase().replaceAll("_", " "),
|
||||||
|
status: json['status'],
|
||||||
|
isEnabled: json['isEnabled'],
|
||||||
|
invitedBy:
|
||||||
|
json['invitedBy'].toString().toLowerCase().replaceAll("_", " "),
|
||||||
|
phoneNumber: json['phoneNumber'],
|
||||||
|
jobTitle: json['jobTitle'] ?? "-",
|
||||||
|
createdDate: json['createdDate'],
|
||||||
|
createdTime: json['createdTime'],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,478 @@
|
|||||||
|
import 'package:bloc/bloc.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:syncrow_web/pages/common/custom_dialog.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/model/edit_user_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/model/role_type_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/bloc/users_event.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/bloc/users_status.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/model/permission_option_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/model/tree_node_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/community_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/space_model.dart';
|
||||||
|
import 'package:syncrow_web/services/space_mana_api.dart';
|
||||||
|
import 'package:syncrow_web/services/user_permission.dart';
|
||||||
|
import 'package:syncrow_web/utils/constants/assets.dart';
|
||||||
|
|
||||||
|
class UsersBloc extends Bloc<UsersEvent, UsersState> {
|
||||||
|
UsersBloc() : super(UsersInitial()) {
|
||||||
|
on<CheckStepStatus>(isCompleteBasicsFun);
|
||||||
|
on<LoadCommunityAndSpacesEvent>(_onLoadCommunityAndSpaces);
|
||||||
|
on<SearchAnode>(searchTreeNode);
|
||||||
|
on<CheckSpacesStepStatus>(isCompleteSpacesFun);
|
||||||
|
on<RoleEvent>(_getRolePermission);
|
||||||
|
on<PermissionEvent>(_getPermissions);
|
||||||
|
on<SearchPermission>(searchRolePermission);
|
||||||
|
on<SendInviteUsers>(_sendInvitUser);
|
||||||
|
on<ValidateBasicsStep>(_validateBasicsStep);
|
||||||
|
on<CheckRoleStepStatus>(isCompleteRoleFun);
|
||||||
|
on<CheckEmailEvent>(checkEmail);
|
||||||
|
on<GetUserByIdEvent>(getUserById);
|
||||||
|
on<ToggleNodeExpansion>(_onToggleNodeExpansion);
|
||||||
|
on<ToggleNodeCheck>(_onToggleNodeCheck);
|
||||||
|
on<EditInviteUsers>(_editInviteUser);
|
||||||
|
}
|
||||||
|
|
||||||
|
void _validateBasicsStep(ValidateBasicsStep event, Emitter<UsersState> emit) {
|
||||||
|
if (formKey.currentState?.validate() ?? false) {
|
||||||
|
emit(const BasicsStepValidState());
|
||||||
|
} else {
|
||||||
|
emit(const BasicsStepInvalidState());
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
String roleSelected = '';
|
||||||
|
|
||||||
|
final formKey = GlobalKey<FormState>();
|
||||||
|
final TextEditingController firstNameController = TextEditingController();
|
||||||
|
final TextEditingController lastNameController = TextEditingController();
|
||||||
|
final TextEditingController emailController = TextEditingController();
|
||||||
|
final TextEditingController phoneController = TextEditingController();
|
||||||
|
final TextEditingController jobTitleController = TextEditingController();
|
||||||
|
final TextEditingController roleSearchController = TextEditingController();
|
||||||
|
|
||||||
|
bool? isCompleteBasics;
|
||||||
|
bool? isCompleteRolePermissions;
|
||||||
|
bool? isCompleteSpaces;
|
||||||
|
|
||||||
|
int numberBasics = 0;
|
||||||
|
int numberSpaces = 0;
|
||||||
|
int numberRole = 0;
|
||||||
|
|
||||||
|
void isCompleteSpacesFun(
|
||||||
|
CheckSpacesStepStatus event, Emitter<UsersState> emit) {
|
||||||
|
emit(UsersLoadingState());
|
||||||
|
List<String> selectedIds = getSelectedIds(updatedCommunities);
|
||||||
|
isCompleteSpaces = selectedIds.isNotEmpty;
|
||||||
|
emit(ChangeStatusSteps());
|
||||||
|
}
|
||||||
|
|
||||||
|
void isCompleteRoleFun(CheckRoleStepStatus event, Emitter<UsersState> emit) {
|
||||||
|
emit(UsersLoadingState());
|
||||||
|
isCompleteRolePermissions = roleSelected != '';
|
||||||
|
emit(ChangeStatusSteps());
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<List<SpaceModel>> _fetchSpacesForCommunity(
|
||||||
|
String communityUuid) async {
|
||||||
|
return await CommunitySpaceManagementApi().getSpaceHierarchy(communityUuid);
|
||||||
|
}
|
||||||
|
|
||||||
|
List<TreeNode> updatedCommunities = [];
|
||||||
|
List<TreeNode> spacesNodes = [];
|
||||||
|
|
||||||
|
_onLoadCommunityAndSpaces(
|
||||||
|
LoadCommunityAndSpacesEvent event, Emitter<UsersState> emit) async {
|
||||||
|
try {
|
||||||
|
emit(UsersLoadingState());
|
||||||
|
List<CommunityModel> communities =
|
||||||
|
await CommunitySpaceManagementApi().fetchCommunities();
|
||||||
|
updatedCommunities = await Future.wait(
|
||||||
|
communities.map((community) async {
|
||||||
|
List<SpaceModel> spaces =
|
||||||
|
await _fetchSpacesForCommunity(community.uuid);
|
||||||
|
spacesNodes = _buildTreeNodes(spaces);
|
||||||
|
return TreeNode(
|
||||||
|
uuid: community.uuid,
|
||||||
|
title: community.name,
|
||||||
|
children: spacesNodes,
|
||||||
|
isChecked: false,
|
||||||
|
isHighlighted: false,
|
||||||
|
isExpanded: true,
|
||||||
|
);
|
||||||
|
}).toList(),
|
||||||
|
);
|
||||||
|
emit(const SpacesLoadedState());
|
||||||
|
return updatedCommunities;
|
||||||
|
} catch (e) {
|
||||||
|
emit(ErrorState('Error loading communities and spaces: $e'));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
List<TreeNode> _buildTreeNodes(List<SpaceModel> spaces) {
|
||||||
|
return spaces.map((space) {
|
||||||
|
List<TreeNode> childNodes =
|
||||||
|
space.children.isNotEmpty ? _buildTreeNodes(space.children) : [];
|
||||||
|
return TreeNode(
|
||||||
|
uuid: space.uuid!,
|
||||||
|
title: space.name,
|
||||||
|
isChecked: false,
|
||||||
|
isHighlighted: false,
|
||||||
|
isExpanded: childNodes.isNotEmpty,
|
||||||
|
children: childNodes,
|
||||||
|
);
|
||||||
|
}).toList();
|
||||||
|
}
|
||||||
|
|
||||||
|
void searchTreeNode(SearchAnode event, Emitter<UsersState> emit) {
|
||||||
|
emit(UsersLoadingState());
|
||||||
|
if (event.searchTerm!.isEmpty) {
|
||||||
|
_clearHighlights(updatedCommunities);
|
||||||
|
} else {
|
||||||
|
_searchAndHighlightNodes(updatedCommunities, event.searchTerm!);
|
||||||
|
}
|
||||||
|
emit(ChangeStatusSteps());
|
||||||
|
}
|
||||||
|
|
||||||
|
void _clearHighlights(List<TreeNode> nodes) {
|
||||||
|
for (var node in nodes) {
|
||||||
|
node.isHighlighted = false;
|
||||||
|
if (node.children.isNotEmpty) {
|
||||||
|
_clearHighlights(node.children);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
bool _searchAndHighlightNodes(List<TreeNode> nodes, String searchTerm) {
|
||||||
|
bool anyMatch = false;
|
||||||
|
for (var node in nodes) {
|
||||||
|
bool isMatch =
|
||||||
|
node.title.toLowerCase().contains(searchTerm.toLowerCase());
|
||||||
|
bool childMatch = _searchAndHighlightNodes(node.children, searchTerm);
|
||||||
|
node.isHighlighted = isMatch || childMatch;
|
||||||
|
|
||||||
|
anyMatch = anyMatch || node.isHighlighted;
|
||||||
|
}
|
||||||
|
return anyMatch;
|
||||||
|
}
|
||||||
|
|
||||||
|
List<String> selectedIds = [];
|
||||||
|
|
||||||
|
List<String> getSelectedIds(List<TreeNode> nodes) {
|
||||||
|
List<String> selectedIds = [];
|
||||||
|
for (var node in nodes) {
|
||||||
|
if (node.isChecked) {
|
||||||
|
selectedIds.add(node.uuid);
|
||||||
|
}
|
||||||
|
if (node.children.isNotEmpty) {
|
||||||
|
selectedIds.addAll(getSelectedIds(node.children));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return selectedIds;
|
||||||
|
}
|
||||||
|
|
||||||
|
List<RoleTypeModel> roles = [];
|
||||||
|
List<PermissionOption> permissions = [];
|
||||||
|
|
||||||
|
_getRolePermission(RoleEvent event, Emitter<UsersState> emit) async {
|
||||||
|
try {
|
||||||
|
emit(UsersLoadingState());
|
||||||
|
roles = await UserPermissionApi().fetchRoles();
|
||||||
|
// add(PermissionEvent(roleUuid: roles.first.uuid));
|
||||||
|
emit(RolePermissionInitial());
|
||||||
|
} catch (e) {
|
||||||
|
emit(ErrorState('Error loading communities and spaces: $e'));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
_getPermissions(PermissionEvent event, Emitter<UsersState> emit) async {
|
||||||
|
try {
|
||||||
|
emit(UsersLoadingState());
|
||||||
|
permissions = await UserPermissionApi().fetchPermission(
|
||||||
|
event.roleUuid == "" ? roles.first.uuid : event.roleUuid);
|
||||||
|
roleSelected = event.roleUuid!;
|
||||||
|
emit(RolePermissionInitial());
|
||||||
|
} catch (e) {
|
||||||
|
emit(ErrorState('Error loading communities and spaces: $e'));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
bool _searchRolePermission(List<PermissionOption> nodes, String searchTerm) {
|
||||||
|
bool anyMatch = false;
|
||||||
|
for (var node in nodes) {
|
||||||
|
bool isMatch =
|
||||||
|
node.title.toLowerCase().contains(searchTerm.toLowerCase());
|
||||||
|
bool childMatch = _searchRolePermission(node.subOptions, searchTerm);
|
||||||
|
node.isHighlighted = isMatch || childMatch;
|
||||||
|
anyMatch = anyMatch || node.isHighlighted;
|
||||||
|
}
|
||||||
|
return anyMatch;
|
||||||
|
}
|
||||||
|
|
||||||
|
_sendInvitUser(SendInviteUsers event, Emitter<UsersState> emit) async {
|
||||||
|
try {
|
||||||
|
emit(UsersLoadingState());
|
||||||
|
List<String> selectedIds = getSelectedIds(updatedCommunities);
|
||||||
|
bool res = await UserPermissionApi().sendInviteUser(
|
||||||
|
email: emailController.text,
|
||||||
|
firstName: firstNameController.text,
|
||||||
|
jobTitle: jobTitleController.text,
|
||||||
|
lastName: lastNameController.text,
|
||||||
|
phoneNumber: phoneController.text,
|
||||||
|
roleUuid: roleSelected,
|
||||||
|
spaceUuids: selectedIds,
|
||||||
|
);
|
||||||
|
if (res == true) {
|
||||||
|
showCustomDialog(
|
||||||
|
barrierDismissible: false,
|
||||||
|
context: event.context,
|
||||||
|
message: "The invite was sent successfully.",
|
||||||
|
iconPath: Assets.deviceNoteIcon,
|
||||||
|
title: "Invite Success",
|
||||||
|
dialogHeight: MediaQuery.of(event.context).size.height * 0.3,
|
||||||
|
actions: <Widget>[
|
||||||
|
TextButton(
|
||||||
|
onPressed: () {
|
||||||
|
Navigator.of(event.context).pop(true);
|
||||||
|
Navigator.of(event.context).pop(true);
|
||||||
|
},
|
||||||
|
child: const Text('OK'),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
emit(const ErrorState('Failed to send invite.'));
|
||||||
|
}
|
||||||
|
emit(SaveState());
|
||||||
|
} catch (e) {
|
||||||
|
emit(ErrorState('Failed to send invite: ${e.toString()}'));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
_editInviteUser(EditInviteUsers event, Emitter<UsersState> emit) async {
|
||||||
|
try {
|
||||||
|
emit(UsersLoadingState());
|
||||||
|
List<String> selectedIds = getSelectedIds(updatedCommunities);
|
||||||
|
bool res = await UserPermissionApi().editInviteUser(
|
||||||
|
userId: event.userId,
|
||||||
|
firstName: firstNameController.text,
|
||||||
|
jobTitle: jobTitleController.text,
|
||||||
|
lastName: lastNameController.text,
|
||||||
|
phoneNumber: phoneController.text,
|
||||||
|
roleUuid: roleSelected,
|
||||||
|
spaceUuids: selectedIds,
|
||||||
|
);
|
||||||
|
if (res == true) {
|
||||||
|
showCustomDialog(
|
||||||
|
barrierDismissible: false,
|
||||||
|
context: event.context,
|
||||||
|
message: "The invite was sent successfully.",
|
||||||
|
iconPath: Assets.deviceNoteIcon,
|
||||||
|
title: "Invite Success",
|
||||||
|
dialogHeight: MediaQuery.of(event.context).size.height * 0.3,
|
||||||
|
actions: <Widget>[
|
||||||
|
TextButton(
|
||||||
|
onPressed: () {
|
||||||
|
Navigator.of(event.context).pop(true);
|
||||||
|
Navigator.of(event.context).pop(true);
|
||||||
|
},
|
||||||
|
child: const Text('OK'),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
).then(
|
||||||
|
(value) {},
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
emit(const ErrorState('Failed to send invite.'));
|
||||||
|
}
|
||||||
|
emit(SaveState());
|
||||||
|
} catch (e) {
|
||||||
|
emit(ErrorState('Failed to send invite: ${e.toString()}'));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void searchRolePermission(SearchPermission event, Emitter<UsersState> emit) {
|
||||||
|
emit(UsersLoadingState());
|
||||||
|
if (event.searchTerm!.isEmpty) {
|
||||||
|
_clearHighlightsRolePermission(permissions);
|
||||||
|
} else {
|
||||||
|
_searchRolePermission(permissions, event.searchTerm!);
|
||||||
|
}
|
||||||
|
emit(ChangeStatusSteps());
|
||||||
|
}
|
||||||
|
|
||||||
|
String checkEmailValid = '';
|
||||||
|
|
||||||
|
Future<void> checkEmail(
|
||||||
|
CheckEmailEvent event, Emitter<UsersState> emit) async {
|
||||||
|
emit(UsersLoadingState());
|
||||||
|
String? res = await UserPermissionApi().checkEmail(
|
||||||
|
emailController.text,
|
||||||
|
);
|
||||||
|
checkEmailValid = res!;
|
||||||
|
emit(ChangeStatusSteps());
|
||||||
|
}
|
||||||
|
|
||||||
|
bool isCompleteBasicsFun(CheckStepStatus event, Emitter<UsersState> emit) {
|
||||||
|
emit(UsersLoadingState());
|
||||||
|
if (event.isEditUser == false) {
|
||||||
|
add(const CheckEmailEvent());
|
||||||
|
final emailRegex = RegExp(
|
||||||
|
r'^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$',
|
||||||
|
);
|
||||||
|
bool isEmailValid = emailRegex.hasMatch(emailController.text);
|
||||||
|
bool isEmailServerValid = checkEmailValid == 'Valid email';
|
||||||
|
isCompleteBasics = firstNameController.text.isNotEmpty &&
|
||||||
|
lastNameController.text.isNotEmpty &&
|
||||||
|
emailController.text.isNotEmpty &&
|
||||||
|
isEmailValid &&
|
||||||
|
isEmailServerValid;
|
||||||
|
} else {
|
||||||
|
isCompleteBasics = firstNameController.text.isNotEmpty &&
|
||||||
|
lastNameController.text.isNotEmpty;
|
||||||
|
}
|
||||||
|
emit(ChangeStatusSteps());
|
||||||
|
emit(ValidateBasics());
|
||||||
|
return isCompleteBasics!;
|
||||||
|
}
|
||||||
|
|
||||||
|
void _clearHighlightsRolePermission(List<PermissionOption> nodes) {
|
||||||
|
for (var node in nodes) {
|
||||||
|
node.isHighlighted = false;
|
||||||
|
if (node.subOptions.isNotEmpty) {
|
||||||
|
_clearHighlightsRolePermission(node.subOptions);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
EditUserModel? res = EditUserModel(
|
||||||
|
spaces: [],
|
||||||
|
jobTitle: '',
|
||||||
|
phoneNumber: '',
|
||||||
|
uuid: '',
|
||||||
|
email: '',
|
||||||
|
firstName: '',
|
||||||
|
lastName: '',
|
||||||
|
roleType: '',
|
||||||
|
status: '',
|
||||||
|
invitedBy: '',
|
||||||
|
createdDate: '',
|
||||||
|
createdTime: '');
|
||||||
|
|
||||||
|
Future<void> getUserById(
|
||||||
|
GetUserByIdEvent event,
|
||||||
|
Emitter<UsersState> emit,
|
||||||
|
) async {
|
||||||
|
emit(UsersLoadingState());
|
||||||
|
|
||||||
|
try {
|
||||||
|
if (event.uuid?.isNotEmpty ?? false) {
|
||||||
|
final res = await UserPermissionApi().fetchUserById(event.uuid);
|
||||||
|
|
||||||
|
if (res != null) {
|
||||||
|
// Populate the text controllers
|
||||||
|
firstNameController.text = res.firstName;
|
||||||
|
lastNameController.text = res.lastName;
|
||||||
|
emailController.text = res.email;
|
||||||
|
phoneController.text = res.phoneNumber ?? '';
|
||||||
|
jobTitleController.text = res.jobTitle ?? '';
|
||||||
|
res.roleType;
|
||||||
|
if (updatedCommunities.isNotEmpty) {
|
||||||
|
// Create a list of UUIDs to mark
|
||||||
|
final uuidsToMark = res.spaces.map((space) => space.uuid).toList();
|
||||||
|
// Print all IDs and mark nodes in updatedCommunities
|
||||||
|
debugPrint('Printing and marking nodes in updatedCommunities:');
|
||||||
|
_printAndMarkNodes(updatedCommunities, uuidsToMark);
|
||||||
|
}
|
||||||
|
final roleId = roles
|
||||||
|
.firstWhere((element) =>
|
||||||
|
element.type ==
|
||||||
|
res.roleType.toString().toLowerCase().replaceAll("_", " "))
|
||||||
|
.uuid;
|
||||||
|
debugPrint('Role ID: $roleId');
|
||||||
|
roleSelected = roleId;
|
||||||
|
add(PermissionEvent(roleUuid: roleSelected));
|
||||||
|
emit(ChangeStatusSteps());
|
||||||
|
} else {}
|
||||||
|
} else {}
|
||||||
|
} catch (_) {}
|
||||||
|
}
|
||||||
|
|
||||||
|
void _printAndMarkNodes(List<TreeNode> nodes, List<String> uuidsToMark,
|
||||||
|
[int level = 0]) {
|
||||||
|
for (final node in nodes) {
|
||||||
|
if (uuidsToMark.contains(node.uuid)) {
|
||||||
|
node.isChecked = true;
|
||||||
|
debugPrint(
|
||||||
|
'${' ' * level}MATCH FOUND: Node ID: ${node.uuid}, Title: ${node.title} is marked as checked.');
|
||||||
|
} else {
|
||||||
|
debugPrint(
|
||||||
|
'${' ' * level}Node ID: ${node.uuid}, Title: ${node.title}');
|
||||||
|
}
|
||||||
|
if (node.children.isNotEmpty) {
|
||||||
|
_printAndMarkNodes(node.children, uuidsToMark, level + 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void _onToggleNodeExpansion(
|
||||||
|
ToggleNodeExpansion event,
|
||||||
|
Emitter<UsersState> emit,
|
||||||
|
) {
|
||||||
|
emit(UsersLoadingState());
|
||||||
|
event.node.isExpanded = !event.node.isExpanded;
|
||||||
|
emit(ChangeStatusSteps());
|
||||||
|
}
|
||||||
|
|
||||||
|
void _onToggleNodeCheck(
|
||||||
|
ToggleNodeCheck event,
|
||||||
|
Emitter<UsersState> emit,
|
||||||
|
) {
|
||||||
|
emit(UsersLoadingState());
|
||||||
|
//Toggle node's checked state
|
||||||
|
event.node.isChecked = !event.node.isChecked;
|
||||||
|
debugPrint(
|
||||||
|
'Node toggled. ID: ${event.node.uuid}, isChecked: ${event.node.isChecked}',
|
||||||
|
);
|
||||||
|
// Update children and parent
|
||||||
|
_updateChildrenCheckStatus(event.node, event.node.isChecked);
|
||||||
|
_updateParentCheckStatus(event.node);
|
||||||
|
|
||||||
|
// Finally, emit a new state
|
||||||
|
emit(ChangeStatusSteps());
|
||||||
|
}
|
||||||
|
|
||||||
|
void _updateChildrenCheckStatus(TreeNode node, bool isChecked) {
|
||||||
|
for (var child in node.children) {
|
||||||
|
child.isChecked = isChecked;
|
||||||
|
_updateChildrenCheckStatus(child, isChecked);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void _updateParentCheckStatus(TreeNode node) {
|
||||||
|
TreeNode? parent = _findParent(updatedCommunities, node);
|
||||||
|
if (parent != null) {
|
||||||
|
parent.isChecked = _areAllChildrenChecked(parent);
|
||||||
|
_updateParentCheckStatus(parent);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
bool _areAllChildrenChecked(TreeNode node) {
|
||||||
|
return node.children.isNotEmpty &&
|
||||||
|
node.children.every((child) =>
|
||||||
|
child.isChecked &&
|
||||||
|
(child.children.isEmpty || _areAllChildrenChecked(child)));
|
||||||
|
}
|
||||||
|
|
||||||
|
TreeNode? _findParent(List<TreeNode> nodes, TreeNode target) {
|
||||||
|
for (var node in nodes) {
|
||||||
|
if (node.children.contains(target)) {
|
||||||
|
return node;
|
||||||
|
}
|
||||||
|
final parent = _findParent(node.children, target);
|
||||||
|
if (parent != null) {
|
||||||
|
return parent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,176 @@
|
|||||||
|
import 'package:equatable/equatable.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/model/permission_option_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/model/tree_node_model.dart';
|
||||||
|
|
||||||
|
sealed class UsersEvent extends Equatable {
|
||||||
|
const UsersEvent();
|
||||||
|
}
|
||||||
|
|
||||||
|
class SendInviteUsers extends UsersEvent {
|
||||||
|
final BuildContext context;
|
||||||
|
const SendInviteUsers({required this.context});
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [context];
|
||||||
|
}
|
||||||
|
|
||||||
|
class EditInviteUsers extends UsersEvent {
|
||||||
|
final BuildContext context;
|
||||||
|
final String userId;
|
||||||
|
const EditInviteUsers({required this.context, required this.userId});
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [context, userId];
|
||||||
|
}
|
||||||
|
|
||||||
|
class CheckSpacesStepStatus extends UsersEvent {
|
||||||
|
const CheckSpacesStepStatus();
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
class CheckRoleStepStatus extends UsersEvent {
|
||||||
|
const CheckRoleStepStatus();
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
class LoadCommunityAndSpacesEvent extends UsersEvent {
|
||||||
|
const LoadCommunityAndSpacesEvent();
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
class RoleEvent extends UsersEvent {
|
||||||
|
const RoleEvent();
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
class PermissionEvent extends UsersEvent {
|
||||||
|
final String? roleUuid;
|
||||||
|
const PermissionEvent({this.roleUuid = ""});
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [roleUuid];
|
||||||
|
}
|
||||||
|
|
||||||
|
class GetBatchStatus extends UsersEvent {
|
||||||
|
final List<String> uuids;
|
||||||
|
const GetBatchStatus(this.uuids);
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [uuids];
|
||||||
|
}
|
||||||
|
|
||||||
|
//isEditUser:widget.userId!=''? false:true
|
||||||
|
class CheckStepStatus extends UsersEvent {
|
||||||
|
final int? steps;
|
||||||
|
final bool? isEditUser;
|
||||||
|
const CheckStepStatus({this.steps, required this.isEditUser});
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [steps];
|
||||||
|
}
|
||||||
|
|
||||||
|
class SearchAnode extends UsersEvent {
|
||||||
|
final List<TreeNode>? nodes;
|
||||||
|
final String? searchTerm;
|
||||||
|
const SearchAnode({this.nodes, this.searchTerm});
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [nodes, searchTerm];
|
||||||
|
}
|
||||||
|
|
||||||
|
class SearchPermission extends UsersEvent {
|
||||||
|
final List<PermissionOption>? nodes;
|
||||||
|
final String? searchTerm;
|
||||||
|
const SearchPermission({this.nodes, this.searchTerm});
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [nodes, searchTerm];
|
||||||
|
}
|
||||||
|
|
||||||
|
class SelectedId extends UsersEvent {
|
||||||
|
final List<TreeNode>? nodes;
|
||||||
|
const SelectedId({
|
||||||
|
this.nodes,
|
||||||
|
});
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [nodes];
|
||||||
|
}
|
||||||
|
|
||||||
|
class ValidateBasicsStep extends UsersEvent {
|
||||||
|
const ValidateBasicsStep();
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
class CheckEmailEvent extends UsersEvent {
|
||||||
|
const CheckEmailEvent();
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
class GetUserByIdEvent extends UsersEvent {
|
||||||
|
final String? uuid;
|
||||||
|
const GetUserByIdEvent({this.uuid});
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [uuid];
|
||||||
|
}
|
||||||
|
|
||||||
|
class ToggleNodeExpansion extends UsersEvent {
|
||||||
|
final TreeNode node;
|
||||||
|
|
||||||
|
const ToggleNodeExpansion({required this.node});
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [node];
|
||||||
|
}
|
||||||
|
|
||||||
|
class UpdateNodeCheckStatus extends UsersEvent {
|
||||||
|
final TreeNode node;
|
||||||
|
|
||||||
|
const UpdateNodeCheckStatus({required this.node});
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [node];
|
||||||
|
}
|
||||||
|
|
||||||
|
class ToggleNodeHighlightEvent extends UsersEvent {
|
||||||
|
final TreeNode node;
|
||||||
|
|
||||||
|
const ToggleNodeHighlightEvent(this.node);
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [node];
|
||||||
|
}
|
||||||
|
|
||||||
|
class ExpandAllNodesEvent extends UsersEvent {
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
class CollapseAllNodesEvent extends UsersEvent {
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
class ClearSelectionsEvent extends UsersEvent {
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
class ToggleNodeCheckEvent extends UsersEvent {
|
||||||
|
final TreeNode node;
|
||||||
|
|
||||||
|
const ToggleNodeCheckEvent(this.node);
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
class ToggleNodeCheck extends UsersEvent {
|
||||||
|
final TreeNode node;
|
||||||
|
|
||||||
|
const ToggleNodeCheck(this.node);
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
class EditUserEvent extends UsersEvent {
|
||||||
|
const EditUserEvent();
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [];
|
||||||
|
}
|
||||||
@ -0,0 +1,91 @@
|
|||||||
|
import 'package:equatable/equatable.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/model/tree_node_model.dart';
|
||||||
|
|
||||||
|
sealed class UsersState extends Equatable {
|
||||||
|
const UsersState();
|
||||||
|
}
|
||||||
|
|
||||||
|
final class UsersInitial extends UsersState {
|
||||||
|
@override
|
||||||
|
List<Object> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
final class RolePermissionInitial extends UsersState {
|
||||||
|
@override
|
||||||
|
List<Object> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
final class ChangeStatusSteps extends UsersState {
|
||||||
|
@override
|
||||||
|
List<Object> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
final class UsersLoadingState extends UsersState {
|
||||||
|
@override
|
||||||
|
List<Object> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
final class SaveState extends UsersState {
|
||||||
|
@override
|
||||||
|
List<Object> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
final class SpacesLoadedState extends UsersState {
|
||||||
|
const SpacesLoadedState();
|
||||||
|
@override
|
||||||
|
List<Object> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
final class ErrorState extends UsersState {
|
||||||
|
final String message;
|
||||||
|
|
||||||
|
const ErrorState(this.message);
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object> get props => [message];
|
||||||
|
}
|
||||||
|
|
||||||
|
final class RolesErrorState extends UsersState {
|
||||||
|
final String message;
|
||||||
|
|
||||||
|
const RolesErrorState(this.message);
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object> get props => [message];
|
||||||
|
}
|
||||||
|
|
||||||
|
/// automation reports
|
||||||
|
|
||||||
|
final class ChangeTapStatus extends UsersState {
|
||||||
|
final bool select;
|
||||||
|
|
||||||
|
const ChangeTapStatus({required this.select});
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object> get props => [select];
|
||||||
|
}
|
||||||
|
|
||||||
|
final class BasicsStepValidState extends UsersState {
|
||||||
|
const BasicsStepValidState();
|
||||||
|
@override
|
||||||
|
List<Object> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
class BasicsStepInvalidState extends UsersState {
|
||||||
|
const BasicsStepInvalidState();
|
||||||
|
@override
|
||||||
|
List<Object> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
final class ValidateBasics extends UsersState {
|
||||||
|
@override
|
||||||
|
List<Object> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
class UsersLoadedState extends UsersState {
|
||||||
|
final List<TreeNode> updatedCommunities;
|
||||||
|
|
||||||
|
const UsersLoadedState({required this.updatedCommunities});
|
||||||
|
@override
|
||||||
|
List<Object> get props => [];
|
||||||
|
}
|
||||||
@ -0,0 +1,42 @@
|
|||||||
|
class PermissionOption {
|
||||||
|
String id;
|
||||||
|
String title;
|
||||||
|
bool isChecked;
|
||||||
|
bool isHighlighted;
|
||||||
|
List<PermissionOption> subOptions;
|
||||||
|
|
||||||
|
PermissionOption({
|
||||||
|
required this.id,
|
||||||
|
required this.title,
|
||||||
|
this.isChecked = false,
|
||||||
|
this.isHighlighted = false,
|
||||||
|
this.subOptions = const [],
|
||||||
|
});
|
||||||
|
|
||||||
|
factory PermissionOption.fromJson(Map<String, dynamic> json) {
|
||||||
|
return PermissionOption(
|
||||||
|
id: json['id'] ?? '',
|
||||||
|
title: json['title'] != null
|
||||||
|
? json['title'].toString().toLowerCase().replaceAll("_", " ")
|
||||||
|
: '',
|
||||||
|
isChecked: json['isChecked'] ?? false,
|
||||||
|
isHighlighted: json['isHighlighted'] ?? false,
|
||||||
|
subOptions: (json['subOptions'] as List?)
|
||||||
|
?.map((sub) => PermissionOption.fromJson(sub))
|
||||||
|
.toList() ??
|
||||||
|
[],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Map<String, dynamic> toJson() {
|
||||||
|
return {
|
||||||
|
'id': id,
|
||||||
|
'title': title,
|
||||||
|
'isChecked': isChecked,
|
||||||
|
'isHighlighted': isHighlighted,
|
||||||
|
'subOptions': subOptions.map((sub) => sub.toJson()).toList(),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
enum CheckState { none, some, all }
|
||||||
@ -0,0 +1,17 @@
|
|||||||
|
class TreeNode {
|
||||||
|
String uuid;
|
||||||
|
String title;
|
||||||
|
bool isChecked;
|
||||||
|
bool isHighlighted;
|
||||||
|
bool isExpanded;
|
||||||
|
List<TreeNode> children;
|
||||||
|
|
||||||
|
TreeNode({
|
||||||
|
required this.uuid,
|
||||||
|
required this.title,
|
||||||
|
this.isChecked = false,
|
||||||
|
this.isHighlighted = false,
|
||||||
|
this.isExpanded = false,
|
||||||
|
this.children = const [],
|
||||||
|
});
|
||||||
|
}
|
||||||
@ -0,0 +1,360 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
|
import 'package:flutter_svg/flutter_svg.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/bloc/users_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/bloc/users_event.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/bloc/users_status.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/view/basics_view.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/view/roles_and_permission.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/view/spaces_access_view.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
import 'package:syncrow_web/utils/constants/assets.dart';
|
||||||
|
|
||||||
|
class AddNewUserDialog extends StatefulWidget {
|
||||||
|
const AddNewUserDialog({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
_AddNewUserDialogState createState() => _AddNewUserDialogState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _AddNewUserDialogState extends State<AddNewUserDialog> {
|
||||||
|
int currentStep = 1;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return BlocProvider(
|
||||||
|
create: (BuildContext context) => UsersBloc()
|
||||||
|
..add(const LoadCommunityAndSpacesEvent())
|
||||||
|
..add(const RoleEvent()),
|
||||||
|
child: BlocConsumer<UsersBloc, UsersState>(
|
||||||
|
listener: (context, state) {},
|
||||||
|
builder: (context, state) {
|
||||||
|
final _blocRole = BlocProvider.of<UsersBloc>(context);
|
||||||
|
|
||||||
|
return Dialog(
|
||||||
|
child: Container(
|
||||||
|
decoration: const BoxDecoration(
|
||||||
|
color: Colors.white,
|
||||||
|
borderRadius: BorderRadius.all(Radius.circular(20))),
|
||||||
|
width: 900,
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
// Title
|
||||||
|
const Padding(
|
||||||
|
padding: EdgeInsets.all(8.0),
|
||||||
|
child: SizedBox(
|
||||||
|
child: Text(
|
||||||
|
"Add New User",
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 20,
|
||||||
|
fontWeight: FontWeight.w700,
|
||||||
|
color: ColorsManager.secondaryColor),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const Divider(),
|
||||||
|
Expanded(
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.all(20),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
_buildStep1Indicator(1, "Basics", _blocRole),
|
||||||
|
_buildStep2Indicator(2, "Spaces", _blocRole),
|
||||||
|
_buildStep3Indicator(
|
||||||
|
3, "Role & Permissions", _blocRole),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Container(
|
||||||
|
width: 1,
|
||||||
|
color: ColorsManager.grayBorder,
|
||||||
|
),
|
||||||
|
Expanded(
|
||||||
|
flex: 2,
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.all(20.0),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
const SizedBox(height: 10),
|
||||||
|
Expanded(
|
||||||
|
child: _getFormContent(),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 20),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const Divider(),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
||||||
|
children: [
|
||||||
|
InkWell(
|
||||||
|
onTap: () {
|
||||||
|
Navigator.of(context).pop();
|
||||||
|
},
|
||||||
|
child: const Text("Cancel"),
|
||||||
|
),
|
||||||
|
InkWell(
|
||||||
|
onTap: () {
|
||||||
|
_blocRole.add(const CheckEmailEvent());
|
||||||
|
|
||||||
|
setState(() {
|
||||||
|
if (currentStep < 3) {
|
||||||
|
currentStep++;
|
||||||
|
if (currentStep == 2) {
|
||||||
|
_blocRole.add(
|
||||||
|
const CheckStepStatus(isEditUser: false));
|
||||||
|
} else if (currentStep == 3) {
|
||||||
|
_blocRole
|
||||||
|
.add(const CheckSpacesStepStatus());
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
_blocRole
|
||||||
|
.add(SendInviteUsers(context: context));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
child: Text(
|
||||||
|
currentStep < 3 ? "Next" : "Save",
|
||||||
|
style: TextStyle(
|
||||||
|
color: (_blocRole.isCompleteSpaces == false ||
|
||||||
|
_blocRole.isCompleteBasics ==
|
||||||
|
false ||
|
||||||
|
_blocRole
|
||||||
|
.isCompleteRolePermissions ==
|
||||||
|
false) &&
|
||||||
|
currentStep == 3
|
||||||
|
? ColorsManager.grayColor
|
||||||
|
: ColorsManager.secondaryColor),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
));
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _getFormContent() {
|
||||||
|
switch (currentStep) {
|
||||||
|
case 1:
|
||||||
|
return const BasicsView(
|
||||||
|
userId: '',
|
||||||
|
);
|
||||||
|
case 2:
|
||||||
|
return const SpacesAccessView();
|
||||||
|
case 3:
|
||||||
|
return const RolesAndPermission();
|
||||||
|
default:
|
||||||
|
return Container();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
int step3 = 0;
|
||||||
|
|
||||||
|
Widget _buildStep1Indicator(int step, String label, UsersBloc bloc) {
|
||||||
|
return GestureDetector(
|
||||||
|
onTap: () {
|
||||||
|
setState(() {
|
||||||
|
bloc.add(const CheckSpacesStepStatus());
|
||||||
|
currentStep = step;
|
||||||
|
Future.delayed(const Duration(milliseconds: 500), () {
|
||||||
|
bloc.add(const ValidateBasicsStep());
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
if (step3 == 3) {
|
||||||
|
bloc.add(const CheckRoleStepStatus());
|
||||||
|
}
|
||||||
|
},
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
mainAxisAlignment: MainAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.all(5.0),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
SvgPicture.asset(
|
||||||
|
currentStep == step
|
||||||
|
? Assets.currentProcessIcon
|
||||||
|
: bloc.isCompleteBasics == false
|
||||||
|
? Assets.wrongProcessIcon
|
||||||
|
: bloc.isCompleteBasics == true
|
||||||
|
? Assets.completeProcessIcon
|
||||||
|
: Assets.uncomplete_ProcessIcon,
|
||||||
|
width: 25,
|
||||||
|
height: 25,
|
||||||
|
),
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
Text(
|
||||||
|
label,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 16,
|
||||||
|
color: currentStep == step
|
||||||
|
? ColorsManager.blackColor
|
||||||
|
: ColorsManager.greyColor,
|
||||||
|
fontWeight: currentStep == step
|
||||||
|
? FontWeight.bold
|
||||||
|
: FontWeight.normal,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
if (step != 3)
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.all(5.0),
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.only(left: 12),
|
||||||
|
child: Container(
|
||||||
|
height: 60,
|
||||||
|
width: 1,
|
||||||
|
color: Colors.grey,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildStep2Indicator(int step, String label, UsersBloc bloc) {
|
||||||
|
return GestureDetector(
|
||||||
|
onTap: () {
|
||||||
|
setState(() {
|
||||||
|
currentStep = step;
|
||||||
|
bloc.add(const CheckStepStatus(isEditUser: false));
|
||||||
|
if (step3 == 3) {
|
||||||
|
bloc.add(const CheckRoleStepStatus());
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
|
},
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
mainAxisAlignment: MainAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.all(5.0),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
SvgPicture.asset(
|
||||||
|
currentStep == step
|
||||||
|
? Assets.currentProcessIcon
|
||||||
|
: bloc.isCompleteSpaces == false
|
||||||
|
? Assets.wrongProcessIcon
|
||||||
|
: bloc.isCompleteSpaces == true
|
||||||
|
? Assets.completeProcessIcon
|
||||||
|
: Assets.uncomplete_ProcessIcon,
|
||||||
|
width: 25,
|
||||||
|
height: 25,
|
||||||
|
),
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
Text(
|
||||||
|
label,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 16,
|
||||||
|
color: currentStep == step
|
||||||
|
? ColorsManager.blackColor
|
||||||
|
: ColorsManager.greyColor,
|
||||||
|
fontWeight: currentStep == step
|
||||||
|
? FontWeight.bold
|
||||||
|
: FontWeight.normal,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
if (step != 3)
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.all(5.0),
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.only(left: 12),
|
||||||
|
child: Container(
|
||||||
|
height: 60,
|
||||||
|
width: 1,
|
||||||
|
color: Colors.grey,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildStep3Indicator(int step, String label, UsersBloc bloc) {
|
||||||
|
return GestureDetector(
|
||||||
|
onTap: () {
|
||||||
|
setState(() {
|
||||||
|
currentStep = step;
|
||||||
|
step3 = step;
|
||||||
|
bloc.add(const CheckSpacesStepStatus());
|
||||||
|
bloc.add(CheckStepStatus(isEditUser: false));
|
||||||
|
});
|
||||||
|
},
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
mainAxisAlignment: MainAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.all(5.0),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
SvgPicture.asset(
|
||||||
|
currentStep == step
|
||||||
|
? Assets.currentProcessIcon
|
||||||
|
: bloc.isCompleteRolePermissions == false
|
||||||
|
? Assets.wrongProcessIcon
|
||||||
|
: bloc.isCompleteRolePermissions == true
|
||||||
|
? Assets.completeProcessIcon
|
||||||
|
: Assets.uncomplete_ProcessIcon,
|
||||||
|
width: 25,
|
||||||
|
height: 25,
|
||||||
|
),
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
Text(
|
||||||
|
label,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 16,
|
||||||
|
color: currentStep == step
|
||||||
|
? ColorsManager.blackColor
|
||||||
|
: ColorsManager.greyColor,
|
||||||
|
fontWeight: currentStep == step
|
||||||
|
? FontWeight.bold
|
||||||
|
: FontWeight.normal,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
if (step != 3)
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.all(5.0),
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.only(left: 12),
|
||||||
|
child: Container(
|
||||||
|
height: 60,
|
||||||
|
width: 1,
|
||||||
|
color: Colors.grey,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,339 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
|
import 'package:intl_phone_field/countries.dart';
|
||||||
|
import 'package:intl_phone_field/country_picker_dialog.dart';
|
||||||
|
import 'package:intl_phone_field/intl_phone_field.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/bloc/users_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/bloc/users_status.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
import 'package:syncrow_web/utils/extension/build_context_x.dart';
|
||||||
|
import 'package:syncrow_web/utils/style.dart';
|
||||||
|
|
||||||
|
class BasicsView extends StatelessWidget {
|
||||||
|
final String? userId;
|
||||||
|
const BasicsView({super.key, this.userId = ''});
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return BlocBuilder<UsersBloc, UsersState>(builder: (context, state) {
|
||||||
|
final _blocRole = BlocProvider.of<UsersBloc>(context);
|
||||||
|
if (state is BasicsStepInvalidState) {
|
||||||
|
_blocRole.formKey.currentState?.validate();
|
||||||
|
}
|
||||||
|
return Form(
|
||||||
|
key: _blocRole.formKey,
|
||||||
|
child: ListView(
|
||||||
|
shrinkWrap: true,
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
'Set up the basics',
|
||||||
|
style: context.textTheme.bodyLarge?.copyWith(
|
||||||
|
fontWeight: FontWeight.w700,
|
||||||
|
fontSize: 20,
|
||||||
|
color: Colors.black),
|
||||||
|
),
|
||||||
|
const SizedBox(
|
||||||
|
height: 50,
|
||||||
|
),
|
||||||
|
Text(
|
||||||
|
'To get started, fill out some basic information about who you’re adding as a user.',
|
||||||
|
style: context.textTheme.bodyMedium?.copyWith(
|
||||||
|
fontWeight: FontWeight.w400,
|
||||||
|
fontSize: 14,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(
|
||||||
|
height: 35,
|
||||||
|
),
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
SizedBox(
|
||||||
|
width: MediaQuery.of(context).size.width * 0.18,
|
||||||
|
height: MediaQuery.of(context).size.width * 0.08,
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
SizedBox(
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
const Text(
|
||||||
|
" * ",
|
||||||
|
style: TextStyle(
|
||||||
|
color: ColorsManager.red,
|
||||||
|
fontWeight: FontWeight.w900,
|
||||||
|
fontSize: 15,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Text(
|
||||||
|
'First Name',
|
||||||
|
style: context.textTheme.bodyMedium?.copyWith(
|
||||||
|
fontWeight: FontWeight.w400,
|
||||||
|
fontSize: 13,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
)),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
|
child: TextFormField(
|
||||||
|
style:
|
||||||
|
const TextStyle(color: ColorsManager.blackColor),
|
||||||
|
// onChanged: (value) {
|
||||||
|
// Future.delayed(const Duration(milliseconds: 200),
|
||||||
|
// () {
|
||||||
|
// _blocRole.add(const ValidateBasicsStep());
|
||||||
|
// });
|
||||||
|
// },
|
||||||
|
controller: _blocRole.firstNameController,
|
||||||
|
decoration: inputTextFormDeco(
|
||||||
|
hintText: "Enter first name",
|
||||||
|
).copyWith(
|
||||||
|
hintStyle: context.textTheme.bodyMedium?.copyWith(
|
||||||
|
fontWeight: FontWeight.w400,
|
||||||
|
fontSize: 12,
|
||||||
|
color: ColorsManager.textGray),
|
||||||
|
),
|
||||||
|
validator: (value) {
|
||||||
|
if (value == null || value.isEmpty) {
|
||||||
|
return 'Enter first name';
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
SizedBox(
|
||||||
|
width: MediaQuery.of(context).size.width * 0.18,
|
||||||
|
height: MediaQuery.of(context).size.width * 0.08,
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
SizedBox(
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
const Text(
|
||||||
|
" * ",
|
||||||
|
style: TextStyle(
|
||||||
|
color: ColorsManager.red,
|
||||||
|
fontWeight: FontWeight.w900,
|
||||||
|
fontSize: 15,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Text('Last Name',
|
||||||
|
style: context.textTheme.bodyMedium?.copyWith(
|
||||||
|
fontWeight: FontWeight.w400,
|
||||||
|
fontSize: 13,
|
||||||
|
)),
|
||||||
|
],
|
||||||
|
)),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
|
child: TextFormField(
|
||||||
|
// onChanged: (value) {
|
||||||
|
// Future.delayed(const Duration(milliseconds: 200),
|
||||||
|
// () {
|
||||||
|
// _blocRole.add(ValidateBasicsStep());
|
||||||
|
// });
|
||||||
|
// },
|
||||||
|
controller: _blocRole.lastNameController,
|
||||||
|
style: const TextStyle(color: Colors.black),
|
||||||
|
decoration:
|
||||||
|
inputTextFormDeco(hintText: "Enter last name")
|
||||||
|
.copyWith(
|
||||||
|
hintStyle: context
|
||||||
|
.textTheme.bodyMedium
|
||||||
|
?.copyWith(
|
||||||
|
fontWeight: FontWeight.w400,
|
||||||
|
fontSize: 12,
|
||||||
|
color: ColorsManager.textGray)),
|
||||||
|
validator: (value) {
|
||||||
|
if (value == null || value.isEmpty) {
|
||||||
|
return 'Enter last name';
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
const SizedBox(height: 10),
|
||||||
|
Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
SizedBox(
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
const Text(
|
||||||
|
" * ",
|
||||||
|
style: TextStyle(
|
||||||
|
color: ColorsManager.red,
|
||||||
|
fontWeight: FontWeight.w900,
|
||||||
|
fontSize: 15,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Text(
|
||||||
|
'Email Address',
|
||||||
|
style: context.textTheme.bodyMedium?.copyWith(
|
||||||
|
fontWeight: FontWeight.w400,
|
||||||
|
fontSize: 13,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
)),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
|
child: TextFormField(
|
||||||
|
enabled: userId != '' ? false : true,
|
||||||
|
// onChanged: (value) {
|
||||||
|
// Future.delayed(const Duration(milliseconds: 200), () {
|
||||||
|
// _blocRole.add(CheckStepStatus(
|
||||||
|
// isEditUser: userId != '' ? false : true));
|
||||||
|
// _blocRole.add(ValidateBasicsStep());
|
||||||
|
// });
|
||||||
|
// },
|
||||||
|
controller: _blocRole.emailController,
|
||||||
|
style: const TextStyle(color: ColorsManager.blackColor),
|
||||||
|
decoration: inputTextFormDeco(hintText: "name@example.com")
|
||||||
|
.copyWith(
|
||||||
|
hintStyle: context.textTheme.bodyMedium?.copyWith(
|
||||||
|
fontWeight: FontWeight.w400,
|
||||||
|
fontSize: 12,
|
||||||
|
color: ColorsManager.textGray),
|
||||||
|
),
|
||||||
|
validator: (value) {
|
||||||
|
if (value == null || value.isEmpty) {
|
||||||
|
return 'Enter Email Address';
|
||||||
|
}
|
||||||
|
final emailRegex = RegExp(
|
||||||
|
r'^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$',
|
||||||
|
);
|
||||||
|
if (!emailRegex.hasMatch(value)) {
|
||||||
|
return 'Enter a valid Email Address';
|
||||||
|
}
|
||||||
|
if (_blocRole.checkEmailValid != "Valid email") {
|
||||||
|
return _blocRole.checkEmailValid;
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
const SizedBox(height: 10),
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
SizedBox(
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
'Mobile Number',
|
||||||
|
style: context.textTheme.bodyMedium?.copyWith(
|
||||||
|
fontWeight: FontWeight.w400,
|
||||||
|
fontSize: 13,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
)),
|
||||||
|
IntlPhoneField(
|
||||||
|
pickerDialogStyle: PickerDialogStyle(),
|
||||||
|
dropdownIconPosition: IconPosition.leading,
|
||||||
|
disableLengthCheck: true,
|
||||||
|
dropdownTextStyle:
|
||||||
|
const TextStyle(color: ColorsManager.blackColor),
|
||||||
|
textInputAction: TextInputAction.done,
|
||||||
|
decoration: inputTextFormDeco(
|
||||||
|
hintText: "05x xxx xxxx",
|
||||||
|
).copyWith(
|
||||||
|
hintStyle: context.textTheme.bodyMedium?.copyWith(
|
||||||
|
fontWeight: FontWeight.w400,
|
||||||
|
fontSize: 12,
|
||||||
|
color: ColorsManager.textGray),
|
||||||
|
),
|
||||||
|
initialCountryCode: 'AE',
|
||||||
|
countries: const [
|
||||||
|
Country(
|
||||||
|
name: "United Arab Emirates",
|
||||||
|
nameTranslations: {
|
||||||
|
"en": "United Arab Emirates",
|
||||||
|
"ar": "الإمارات العربية المتحدة",
|
||||||
|
},
|
||||||
|
flag: "🇦🇪",
|
||||||
|
code: "AE",
|
||||||
|
dialCode: "971",
|
||||||
|
minLength: 9,
|
||||||
|
maxLength: 9,
|
||||||
|
),
|
||||||
|
Country(
|
||||||
|
name: "Saudi Arabia",
|
||||||
|
nameTranslations: {
|
||||||
|
"en": "Saudi Arabia",
|
||||||
|
"ar": "السعودية",
|
||||||
|
},
|
||||||
|
flag: "🇸🇦",
|
||||||
|
code: "SA",
|
||||||
|
dialCode: "966",
|
||||||
|
minLength: 9,
|
||||||
|
maxLength: 9,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
style: const TextStyle(color: Colors.black),
|
||||||
|
controller: _blocRole.phoneController,
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
Expanded(
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
SizedBox(
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
'Job Title',
|
||||||
|
style: context.textTheme.bodyMedium?.copyWith(
|
||||||
|
fontWeight: FontWeight.w400,
|
||||||
|
fontSize: 13,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
)),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
|
child: TextFormField(
|
||||||
|
controller: _blocRole.jobTitleController,
|
||||||
|
style:
|
||||||
|
const TextStyle(color: ColorsManager.blackColor),
|
||||||
|
decoration: inputTextFormDeco(
|
||||||
|
hintText: "Job Title (Optional)")
|
||||||
|
.copyWith(
|
||||||
|
hintStyle: context.textTheme.bodyMedium?.copyWith(
|
||||||
|
fontWeight: FontWeight.w400,
|
||||||
|
fontSize: 12,
|
||||||
|
color: ColorsManager.textGray),
|
||||||
|
),
|
||||||
|
keyboardType: TextInputType.phone,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
const SizedBox(height: 20),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,146 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
|
import 'package:flutter_svg/svg.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/bloc/users_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/bloc/users_event.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/bloc/users_status.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/model/tree_node_model.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
import 'package:syncrow_web/utils/constants/assets.dart';
|
||||||
|
|
||||||
|
class TreeView extends StatelessWidget {
|
||||||
|
final String? userId;
|
||||||
|
|
||||||
|
const TreeView({
|
||||||
|
super.key,
|
||||||
|
this.userId,
|
||||||
|
});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final _blocRole = BlocProvider.of<UsersBloc>(context);
|
||||||
|
debugPrint('TreeView constructed with userId = $userId');
|
||||||
|
return BlocProvider(
|
||||||
|
create: (_) => UsersBloc(),
|
||||||
|
// ..add(const LoadCommunityAndSpacesEvent()),
|
||||||
|
child: BlocConsumer<UsersBloc, UsersState>(
|
||||||
|
listener: (context, state) {
|
||||||
|
// if (state is SpacesLoadedState) {
|
||||||
|
// _blocRole.add(GetUserByIdEvent(uuid: userId));
|
||||||
|
// }
|
||||||
|
},
|
||||||
|
builder: (context, state) {
|
||||||
|
if (state is UsersLoadingState) {
|
||||||
|
return const Center(child: CircularProgressIndicator());
|
||||||
|
}
|
||||||
|
return SingleChildScrollView(
|
||||||
|
child: _buildTree(_blocRole.updatedCommunities, _blocRole),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildTree(
|
||||||
|
List<TreeNode> nodes,
|
||||||
|
UsersBloc bloc, {
|
||||||
|
int level = 0,
|
||||||
|
}) {
|
||||||
|
return Column(
|
||||||
|
children: nodes.map((node) {
|
||||||
|
return Container(
|
||||||
|
color: node.isHighlighted ? Colors.blue.shade50 : Colors.transparent,
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.all(5.0),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
/// Checkbox (GestureDetector)
|
||||||
|
GestureDetector(
|
||||||
|
onTap: () {
|
||||||
|
bloc.add(ToggleNodeCheck(node));
|
||||||
|
},
|
||||||
|
child: Image.asset(
|
||||||
|
_getCheckBoxImage(node),
|
||||||
|
width: 20,
|
||||||
|
height: 20,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 15),
|
||||||
|
Expanded(
|
||||||
|
child: Padding(
|
||||||
|
padding: EdgeInsets.only(left: level * 10.0),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
GestureDetector(
|
||||||
|
onTap: () {
|
||||||
|
bloc.add(ToggleNodeExpansion(node: node));
|
||||||
|
},
|
||||||
|
child: node.children.isNotEmpty
|
||||||
|
? SvgPicture.asset(
|
||||||
|
node.isExpanded
|
||||||
|
? Assets.arrowDown
|
||||||
|
: Assets.arrowForward,
|
||||||
|
fit: BoxFit.none,
|
||||||
|
)
|
||||||
|
: const SizedBox(width: 16),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 20),
|
||||||
|
Text(
|
||||||
|
node.title,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 16,
|
||||||
|
color: node.isHighlighted
|
||||||
|
? ColorsManager.blackColor
|
||||||
|
: ColorsManager.textGray,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
if (node.isExpanded)
|
||||||
|
_buildTree(
|
||||||
|
node.children,
|
||||||
|
bloc,
|
||||||
|
level: level + 1,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}).toList(),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
String _getCheckBoxImage(TreeNode node) {
|
||||||
|
if (node.children.isEmpty) {
|
||||||
|
return node.isChecked ? Assets.CheckBoxChecked : Assets.emptyBox;
|
||||||
|
}
|
||||||
|
if (_areAllChildrenChecked(node)) {
|
||||||
|
return Assets.CheckBoxChecked;
|
||||||
|
} else if (_areSomeChildrenChecked(node)) {
|
||||||
|
return Assets.rectangleCheckBox;
|
||||||
|
} else {
|
||||||
|
return Assets.emptyBox;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
bool _areAllChildrenChecked(TreeNode node) {
|
||||||
|
return node.children.isNotEmpty &&
|
||||||
|
node.children.every((child) =>
|
||||||
|
child.isChecked &&
|
||||||
|
(child.children.isEmpty || _areAllChildrenChecked(child)));
|
||||||
|
}
|
||||||
|
|
||||||
|
bool _areSomeChildrenChecked(TreeNode node) {
|
||||||
|
return node.children.isNotEmpty &&
|
||||||
|
node.children.any((child) =>
|
||||||
|
child.isChecked ||
|
||||||
|
(child.children.isNotEmpty && _areSomeChildrenChecked(child)));
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,143 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter/widgets.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
|
||||||
|
class DeleteUserDialog extends StatefulWidget {
|
||||||
|
final Function()? onTapDelete;
|
||||||
|
DeleteUserDialog({super.key, this.onTapDelete});
|
||||||
|
|
||||||
|
@override
|
||||||
|
_DeleteUserDialogState createState() => _DeleteUserDialogState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _DeleteUserDialogState extends State<DeleteUserDialog> {
|
||||||
|
bool isLoading = false;
|
||||||
|
bool _isDisposed = false;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
_isDisposed = true;
|
||||||
|
super.dispose();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Dialog(
|
||||||
|
child: Container(
|
||||||
|
height: 160,
|
||||||
|
width: 200,
|
||||||
|
decoration: const BoxDecoration(
|
||||||
|
color: Colors.white,
|
||||||
|
borderRadius: BorderRadius.all(Radius.circular(20))),
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
const Padding(
|
||||||
|
padding: EdgeInsets.all(8.0),
|
||||||
|
child: SizedBox(
|
||||||
|
child: Text(
|
||||||
|
"Delete User",
|
||||||
|
style: TextStyle(
|
||||||
|
color: ColorsManager.red,
|
||||||
|
fontSize: 18,
|
||||||
|
fontWeight: FontWeight.bold),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const Padding(
|
||||||
|
padding: EdgeInsets.only(
|
||||||
|
left: 25,
|
||||||
|
right: 25,
|
||||||
|
),
|
||||||
|
child: Divider(),
|
||||||
|
),
|
||||||
|
const Expanded(
|
||||||
|
child: Padding(
|
||||||
|
padding: EdgeInsets.only(left: 25, right: 25, top: 10, bottom: 10),
|
||||||
|
child: Text(
|
||||||
|
"Are you sure you want to delete this user?",
|
||||||
|
textAlign: TextAlign.center,
|
||||||
|
),
|
||||||
|
)),
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
child: InkWell(
|
||||||
|
onTap: () {
|
||||||
|
Navigator.of(context).pop(false); // Return false if canceled
|
||||||
|
},
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.all(10),
|
||||||
|
decoration: const BoxDecoration(
|
||||||
|
border: Border(
|
||||||
|
right: BorderSide(
|
||||||
|
color: ColorsManager.grayBorder,
|
||||||
|
width: 0.5,
|
||||||
|
),
|
||||||
|
top: BorderSide(
|
||||||
|
color: ColorsManager.grayBorder,
|
||||||
|
width: 1,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: const Center(child: Text('Cancel'))),
|
||||||
|
)),
|
||||||
|
Expanded(
|
||||||
|
child: InkWell(
|
||||||
|
onTap: isLoading
|
||||||
|
? null
|
||||||
|
: () async {
|
||||||
|
setState(() {
|
||||||
|
isLoading = true;
|
||||||
|
});
|
||||||
|
|
||||||
|
try {
|
||||||
|
if (widget.onTapDelete != null) {
|
||||||
|
await widget.onTapDelete!();
|
||||||
|
}
|
||||||
|
} finally {
|
||||||
|
if (!_isDisposed) {
|
||||||
|
setState(() {
|
||||||
|
isLoading = false;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Navigator.of(context).pop(true);
|
||||||
|
},
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.all(10),
|
||||||
|
decoration: const BoxDecoration(
|
||||||
|
border: Border(
|
||||||
|
left: BorderSide(
|
||||||
|
color: ColorsManager.grayBorder,
|
||||||
|
width: 0.5,
|
||||||
|
),
|
||||||
|
top: BorderSide(
|
||||||
|
color: ColorsManager.grayBorder,
|
||||||
|
width: 1,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: Center(
|
||||||
|
child: isLoading
|
||||||
|
? const SizedBox(
|
||||||
|
height: 20,
|
||||||
|
width: 20,
|
||||||
|
child: CircularProgressIndicator(
|
||||||
|
color: ColorsManager.red,
|
||||||
|
strokeWidth: 2.0,
|
||||||
|
),
|
||||||
|
)
|
||||||
|
: const Text(
|
||||||
|
'Delete',
|
||||||
|
style: TextStyle(
|
||||||
|
color: ColorsManager.red,
|
||||||
|
),
|
||||||
|
))),
|
||||||
|
)),
|
||||||
|
],
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
));
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,364 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
|
import 'package:flutter_svg/flutter_svg.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/bloc/users_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/bloc/users_event.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/bloc/users_status.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/view/basics_view.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/view/roles_and_permission.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/view/spaces_access_view.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
import 'package:syncrow_web/utils/constants/assets.dart';
|
||||||
|
|
||||||
|
class EditUserDialog extends StatefulWidget {
|
||||||
|
final String? userId;
|
||||||
|
const EditUserDialog({super.key, this.userId});
|
||||||
|
|
||||||
|
@override
|
||||||
|
_EditUserDialogState createState() => _EditUserDialogState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _EditUserDialogState extends State<EditUserDialog> {
|
||||||
|
int currentStep = 1;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return BlocProvider(
|
||||||
|
create: (BuildContext context) => UsersBloc()
|
||||||
|
..add(const LoadCommunityAndSpacesEvent())
|
||||||
|
..add(const RoleEvent())
|
||||||
|
..add(GetUserByIdEvent(uuid: widget.userId)),
|
||||||
|
child: BlocConsumer<UsersBloc, UsersState>(listener: (context, state) {
|
||||||
|
if (state is SpacesLoadedState) {
|
||||||
|
BlocProvider.of<UsersBloc>(context)
|
||||||
|
.add(GetUserByIdEvent(uuid: widget.userId));
|
||||||
|
}
|
||||||
|
}, builder: (context, state) {
|
||||||
|
final _blocRole = BlocProvider.of<UsersBloc>(context);
|
||||||
|
|
||||||
|
return Dialog(
|
||||||
|
child: Container(
|
||||||
|
decoration: const BoxDecoration(
|
||||||
|
color: Colors.white,
|
||||||
|
borderRadius: BorderRadius.all(Radius.circular(20))),
|
||||||
|
width: 900,
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
// Title
|
||||||
|
const Padding(
|
||||||
|
padding: EdgeInsets.all(8.0),
|
||||||
|
child: SizedBox(
|
||||||
|
child: Text(
|
||||||
|
"Edit User",
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 20,
|
||||||
|
fontWeight: FontWeight.w700,
|
||||||
|
color: ColorsManager.secondaryColor),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const Divider(),
|
||||||
|
Expanded(
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.all(20),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
_buildStep1Indicator(1, "Basics", _blocRole),
|
||||||
|
_buildStep2Indicator(2, "Spaces", _blocRole),
|
||||||
|
_buildStep3Indicator(
|
||||||
|
3, "Role & Permissions", _blocRole),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Container(
|
||||||
|
width: 1,
|
||||||
|
color: ColorsManager.grayBorder,
|
||||||
|
),
|
||||||
|
Expanded(
|
||||||
|
flex: 2,
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.all(20.0),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
const SizedBox(height: 10),
|
||||||
|
Expanded(
|
||||||
|
child: _getFormContent(widget.userId),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 20),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const Divider(),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
||||||
|
children: [
|
||||||
|
InkWell(
|
||||||
|
onTap: () {
|
||||||
|
Navigator.of(context).pop();
|
||||||
|
},
|
||||||
|
child: const Text("Cancel"),
|
||||||
|
),
|
||||||
|
InkWell(
|
||||||
|
onTap: () {
|
||||||
|
// _blocRole.add(const CheckEmailEvent());
|
||||||
|
|
||||||
|
setState(() {
|
||||||
|
if (currentStep < 3) {
|
||||||
|
currentStep++;
|
||||||
|
if (currentStep == 2) {
|
||||||
|
_blocRole
|
||||||
|
.add(CheckStepStatus(isEditUser: true));
|
||||||
|
} else if (currentStep == 3) {
|
||||||
|
_blocRole.add(const CheckSpacesStepStatus());
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
_blocRole.add(EditInviteUsers(
|
||||||
|
context: context,
|
||||||
|
userId: widget.userId!));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
child: Text(
|
||||||
|
currentStep < 3 ? "Next" : "Save",
|
||||||
|
style: TextStyle(
|
||||||
|
color: (_blocRole.isCompleteSpaces == false ||
|
||||||
|
_blocRole.isCompleteBasics == false ||
|
||||||
|
_blocRole.isCompleteRolePermissions ==
|
||||||
|
false) &&
|
||||||
|
currentStep == 3
|
||||||
|
? ColorsManager.grayColor
|
||||||
|
: ColorsManager.secondaryColor),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
));
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _getFormContent(userid) {
|
||||||
|
switch (currentStep) {
|
||||||
|
case 1:
|
||||||
|
return BasicsView(
|
||||||
|
userId: userid,
|
||||||
|
);
|
||||||
|
case 2:
|
||||||
|
return SpacesAccessView(
|
||||||
|
userId: userid,
|
||||||
|
);
|
||||||
|
case 3:
|
||||||
|
return const RolesAndPermission();
|
||||||
|
default:
|
||||||
|
return Container();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
int step3 = 0;
|
||||||
|
|
||||||
|
Widget _buildStep1Indicator(int step, String label, UsersBloc bloc) {
|
||||||
|
return GestureDetector(
|
||||||
|
onTap: () {
|
||||||
|
setState(() {
|
||||||
|
bloc.add(const CheckSpacesStepStatus());
|
||||||
|
currentStep = step;
|
||||||
|
Future.delayed(const Duration(milliseconds: 500), () {
|
||||||
|
bloc.add(ValidateBasicsStep());
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
if (step3 == 3) {
|
||||||
|
bloc.add(const CheckRoleStepStatus());
|
||||||
|
}
|
||||||
|
},
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
mainAxisAlignment: MainAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.all(5.0),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
SvgPicture.asset(
|
||||||
|
currentStep == step
|
||||||
|
? Assets.currentProcessIcon
|
||||||
|
: bloc.isCompleteBasics == false
|
||||||
|
? Assets.wrongProcessIcon
|
||||||
|
: bloc.isCompleteBasics == true
|
||||||
|
? Assets.completeProcessIcon
|
||||||
|
: Assets.uncomplete_ProcessIcon,
|
||||||
|
width: 25,
|
||||||
|
height: 25,
|
||||||
|
),
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
Text(
|
||||||
|
label,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 16,
|
||||||
|
color: currentStep == step
|
||||||
|
? ColorsManager.blackColor
|
||||||
|
: ColorsManager.greyColor,
|
||||||
|
fontWeight: currentStep == step
|
||||||
|
? FontWeight.bold
|
||||||
|
: FontWeight.normal,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
if (step != 3)
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.all(5.0),
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.only(left: 12),
|
||||||
|
child: Container(
|
||||||
|
height: 60,
|
||||||
|
width: 1,
|
||||||
|
color: Colors.grey,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildStep2Indicator(int step, String label, UsersBloc bloc) {
|
||||||
|
return GestureDetector(
|
||||||
|
onTap: () {
|
||||||
|
setState(() {
|
||||||
|
currentStep = step;
|
||||||
|
bloc.add(CheckStepStatus(isEditUser: true));
|
||||||
|
if (step3 == 3) {
|
||||||
|
bloc.add(const CheckRoleStepStatus());
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
mainAxisAlignment: MainAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.all(5.0),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
SvgPicture.asset(
|
||||||
|
currentStep == step
|
||||||
|
? Assets.currentProcessIcon
|
||||||
|
: bloc.isCompleteSpaces == false
|
||||||
|
? Assets.wrongProcessIcon
|
||||||
|
: bloc.isCompleteSpaces == true
|
||||||
|
? Assets.completeProcessIcon
|
||||||
|
: Assets.uncomplete_ProcessIcon,
|
||||||
|
width: 25,
|
||||||
|
height: 25,
|
||||||
|
),
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
Text(
|
||||||
|
label,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 16,
|
||||||
|
color: currentStep == step
|
||||||
|
? ColorsManager.blackColor
|
||||||
|
: ColorsManager.greyColor,
|
||||||
|
fontWeight: currentStep == step
|
||||||
|
? FontWeight.bold
|
||||||
|
: FontWeight.normal,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
if (step != 3)
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.all(5.0),
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.only(left: 12),
|
||||||
|
child: Container(
|
||||||
|
height: 60,
|
||||||
|
width: 1,
|
||||||
|
color: Colors.grey,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildStep3Indicator(int step, String label, UsersBloc bloc) {
|
||||||
|
return GestureDetector(
|
||||||
|
onTap: () {
|
||||||
|
setState(() {
|
||||||
|
currentStep = step;
|
||||||
|
step3 = step;
|
||||||
|
bloc.add(const CheckSpacesStepStatus());
|
||||||
|
bloc.add(CheckStepStatus(isEditUser: true));
|
||||||
|
});
|
||||||
|
},
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
mainAxisAlignment: MainAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.all(5.0),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
SvgPicture.asset(
|
||||||
|
currentStep == step
|
||||||
|
? Assets.currentProcessIcon
|
||||||
|
: bloc.isCompleteRolePermissions == false
|
||||||
|
? Assets.wrongProcessIcon
|
||||||
|
: bloc.isCompleteRolePermissions == true
|
||||||
|
? Assets.completeProcessIcon
|
||||||
|
: Assets.uncomplete_ProcessIcon,
|
||||||
|
width: 25,
|
||||||
|
height: 25,
|
||||||
|
),
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
Text(
|
||||||
|
label,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 16,
|
||||||
|
color: currentStep == step
|
||||||
|
? ColorsManager.blackColor
|
||||||
|
: ColorsManager.greyColor,
|
||||||
|
fontWeight: currentStep == step
|
||||||
|
? FontWeight.bold
|
||||||
|
: FontWeight.normal,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
if (step != 3)
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.all(5.0),
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.only(left: 12),
|
||||||
|
child: Container(
|
||||||
|
height: 60,
|
||||||
|
width: 1,
|
||||||
|
color: Colors.grey,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,295 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/bloc/users_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/model/permission_option_model.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
import 'package:syncrow_web/utils/constants/assets.dart';
|
||||||
|
import 'package:syncrow_web/utils/extension/build_context_x.dart';
|
||||||
|
|
||||||
|
class PermissionManagement extends StatefulWidget {
|
||||||
|
final UsersBloc? bloc;
|
||||||
|
const PermissionManagement({Key? key, this.bloc}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
_PermissionManagementState createState() => _PermissionManagementState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _PermissionManagementState extends State<PermissionManagement> {
|
||||||
|
void toggleOptionById(String id) {
|
||||||
|
setState(() {
|
||||||
|
for (var mainOption in widget.bloc!.permissions) {
|
||||||
|
if (mainOption.id == id) {
|
||||||
|
final isChecked =
|
||||||
|
checkifOneOfthemChecked(mainOption) == CheckState.all;
|
||||||
|
mainOption.isChecked = !isChecked;
|
||||||
|
|
||||||
|
for (var subOption in mainOption.subOptions) {
|
||||||
|
subOption.isChecked = !isChecked;
|
||||||
|
for (var child in subOption.subOptions) {
|
||||||
|
child.isChecked = !isChecked;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
for (var subOption in mainOption.subOptions) {
|
||||||
|
if (subOption.id == id) {
|
||||||
|
subOption.isChecked = !subOption.isChecked;
|
||||||
|
for (var child in subOption.subOptions) {
|
||||||
|
child.isChecked = subOption.isChecked;
|
||||||
|
}
|
||||||
|
mainOption.isChecked =
|
||||||
|
mainOption.subOptions.every((sub) => sub.isChecked);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
for (var child in subOption.subOptions) {
|
||||||
|
if (child.id == id) {
|
||||||
|
child.isChecked = !child.isChecked;
|
||||||
|
subOption.isChecked =
|
||||||
|
subOption.subOptions.every((child) => child.isChecked);
|
||||||
|
mainOption.isChecked =
|
||||||
|
mainOption.subOptions.every((sub) => sub.isChecked);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
CheckState checkifOneOfthemChecked(PermissionOption mainOption) {
|
||||||
|
bool allSelected = true;
|
||||||
|
bool someSelected = false;
|
||||||
|
|
||||||
|
for (var subOption in mainOption.subOptions) {
|
||||||
|
if (subOption.isChecked) {
|
||||||
|
someSelected = true;
|
||||||
|
} else {
|
||||||
|
allSelected = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
for (var child in subOption.subOptions) {
|
||||||
|
if (child.isChecked) {
|
||||||
|
someSelected = true;
|
||||||
|
} else {
|
||||||
|
allSelected = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (allSelected) {
|
||||||
|
return CheckState.all;
|
||||||
|
} else if (someSelected) {
|
||||||
|
return CheckState.some;
|
||||||
|
} else {
|
||||||
|
return CheckState.none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return ListView.builder(
|
||||||
|
padding: const EdgeInsets.all(8),
|
||||||
|
itemCount: widget.bloc!.permissions.length,
|
||||||
|
itemBuilder: (context, index) {
|
||||||
|
final option = widget.bloc!.permissions[index];
|
||||||
|
return Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
InkWell(
|
||||||
|
// onTap: () => toggleOptionById(option.id),
|
||||||
|
child: Builder(
|
||||||
|
builder: (context) {
|
||||||
|
final checkState = checkifOneOfthemChecked(option);
|
||||||
|
|
||||||
|
if (checkState == CheckState.all) {
|
||||||
|
return Image.asset(
|
||||||
|
Assets.CheckBoxChecked,
|
||||||
|
width: 20,
|
||||||
|
height: 20,
|
||||||
|
);
|
||||||
|
} else if (checkState == CheckState.some) {
|
||||||
|
return Image.asset(
|
||||||
|
Assets.rectangleCheckBox,
|
||||||
|
width: 20,
|
||||||
|
height: 20,
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
return Image.asset(
|
||||||
|
Assets.emptyBox,
|
||||||
|
width: 20,
|
||||||
|
height: 20,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 8),
|
||||||
|
Text(
|
||||||
|
' ${option.title.isNotEmpty ? option.title[0].toUpperCase() : ''}${option.title.substring(1)}',
|
||||||
|
style: context.textTheme.bodyMedium?.copyWith(
|
||||||
|
fontWeight: FontWeight.w700,
|
||||||
|
fontSize: 12,
|
||||||
|
color: ColorsManager.blackColor),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
const SizedBox(
|
||||||
|
height: 10,
|
||||||
|
),
|
||||||
|
...option.subOptions.map((subOption) {
|
||||||
|
return Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
color: option.isHighlighted
|
||||||
|
? Colors.blue.shade50
|
||||||
|
: Colors.white,
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
InkWell(
|
||||||
|
// onTap: () => toggleOptionById(subOption.id),
|
||||||
|
child: Builder(
|
||||||
|
builder: (context) {
|
||||||
|
final checkState =
|
||||||
|
checkifOneOfthemChecked(PermissionOption(
|
||||||
|
id: subOption.id,
|
||||||
|
title: subOption.title,
|
||||||
|
subOptions: [subOption],
|
||||||
|
));
|
||||||
|
|
||||||
|
if (checkState == CheckState.all) {
|
||||||
|
return Image.asset(
|
||||||
|
Assets.CheckBoxChecked,
|
||||||
|
width: 20,
|
||||||
|
height: 20,
|
||||||
|
);
|
||||||
|
} else if (checkState == CheckState.some) {
|
||||||
|
return Image.asset(
|
||||||
|
Assets.rectangleCheckBox,
|
||||||
|
width: 20,
|
||||||
|
height: 20,
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
return Image.asset(
|
||||||
|
Assets.emptyBox,
|
||||||
|
width: 20,
|
||||||
|
height: 20,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 8),
|
||||||
|
Text(
|
||||||
|
' ${subOption.title.isNotEmpty ? subOption.title[0].toUpperCase() : ''}${subOption.title.substring(1)}',
|
||||||
|
style: context.textTheme.bodyMedium?.copyWith(
|
||||||
|
fontWeight: FontWeight.w700,
|
||||||
|
fontSize: 12,
|
||||||
|
color: ColorsManager.lightGreyColor),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(left: 50.0),
|
||||||
|
child: GridView.builder(
|
||||||
|
shrinkWrap: true,
|
||||||
|
physics: const NeverScrollableScrollPhysics(),
|
||||||
|
gridDelegate:
|
||||||
|
const SliverGridDelegateWithFixedCrossAxisCount(
|
||||||
|
crossAxisCount: 2,
|
||||||
|
mainAxisSpacing: 2.0,
|
||||||
|
crossAxisSpacing: 0.2,
|
||||||
|
childAspectRatio: 5,
|
||||||
|
),
|
||||||
|
itemCount: subOption.subOptions.length,
|
||||||
|
itemBuilder: (context, index) {
|
||||||
|
final child = subOption.subOptions[index];
|
||||||
|
return Container(
|
||||||
|
color: option.isHighlighted
|
||||||
|
? Colors.blue.shade50
|
||||||
|
: Colors.white,
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Builder(
|
||||||
|
builder: (context) {
|
||||||
|
final checkState =
|
||||||
|
checkifOneOfthemChecked(PermissionOption(
|
||||||
|
id: child.id,
|
||||||
|
title: child.title,
|
||||||
|
subOptions: [child],
|
||||||
|
));
|
||||||
|
|
||||||
|
if (checkState == CheckState.all) {
|
||||||
|
return Image.asset(
|
||||||
|
Assets.CheckBoxChecked,
|
||||||
|
width: 20,
|
||||||
|
height: 20,
|
||||||
|
);
|
||||||
|
} else if (checkState == CheckState.some) {
|
||||||
|
return Image.asset(
|
||||||
|
Assets.rectangleCheckBox,
|
||||||
|
width: 20,
|
||||||
|
height: 20,
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
return Image.asset(
|
||||||
|
Assets.emptyBox,
|
||||||
|
width: 20,
|
||||||
|
height: 20,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
),
|
||||||
|
const SizedBox(width: 8),
|
||||||
|
Text(
|
||||||
|
' ${child.title.isNotEmpty ? child.title[0].toUpperCase() : ''}${child.title.substring(1)}',
|
||||||
|
style: context.textTheme.bodyMedium?.copyWith(
|
||||||
|
fontWeight: FontWeight.w400,
|
||||||
|
fontSize: 12,
|
||||||
|
color: ColorsManager.lightGreyColor),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}).toList(),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// Container(
|
||||||
|
// height: 50,
|
||||||
|
// width: 120,
|
||||||
|
// child: CheckboxListTile(
|
||||||
|
// activeColor: ColorsManager.dialogBlueTitle,
|
||||||
|
// selectedTileColor: child.isHighlighted
|
||||||
|
// ? Colors.blue.shade50
|
||||||
|
// : Colors.white,
|
||||||
|
// dense: true,
|
||||||
|
// controlAffinity:
|
||||||
|
// ListTileControlAffinity.leading,
|
||||||
|
// title: Text(
|
||||||
|
// child.title,
|
||||||
|
// style: context.textTheme.bodyMedium?.copyWith(
|
||||||
|
// fontWeight: FontWeight.w400,
|
||||||
|
// fontSize: 12,
|
||||||
|
// color: ColorsManager.lightGreyColor),
|
||||||
|
// ),
|
||||||
|
// value: child.isChecked,
|
||||||
|
// onChanged: (value) =>
|
||||||
|
// toggleOptionById(child.id),
|
||||||
|
// enabled: false,
|
||||||
|
// ),
|
||||||
|
// ),
|
||||||
@ -0,0 +1,162 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
import 'package:syncrow_web/utils/constants/assets.dart';
|
||||||
|
import 'package:syncrow_web/utils/style.dart';
|
||||||
|
|
||||||
|
Future<void> showPopUpFilterMenu({
|
||||||
|
required BuildContext context,
|
||||||
|
required Function(String value) onSortAtoZ,
|
||||||
|
required Function(String value) onSortZtoA,
|
||||||
|
Function()? cancelButton,
|
||||||
|
required Map<String, bool> checkboxStates,
|
||||||
|
required RelativeRect position,
|
||||||
|
Function()? onOkPressed,
|
||||||
|
List<String>? list,
|
||||||
|
String? isSelected,
|
||||||
|
}) async {
|
||||||
|
await showMenu(
|
||||||
|
context: context,
|
||||||
|
position: position,
|
||||||
|
color: ColorsManager.whiteColors,
|
||||||
|
shape: const RoundedRectangleBorder(
|
||||||
|
borderRadius: BorderRadius.all(Radius.circular(10)),
|
||||||
|
),
|
||||||
|
items: <PopupMenuEntry>[
|
||||||
|
PopupMenuItem(
|
||||||
|
enabled: false,
|
||||||
|
child: StatefulBuilder(
|
||||||
|
builder: (context, setState) {
|
||||||
|
return Column(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
SizedBox(
|
||||||
|
child: ListTile(
|
||||||
|
onTap: () {
|
||||||
|
setState(() {
|
||||||
|
if (isSelected == 'Asc') {
|
||||||
|
isSelected = null;
|
||||||
|
onSortAtoZ.call('');
|
||||||
|
} else {
|
||||||
|
onSortAtoZ.call('Asc');
|
||||||
|
isSelected = 'Asc';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
leading: Image.asset(
|
||||||
|
Assets.AtoZIcon,
|
||||||
|
width: 25,
|
||||||
|
),
|
||||||
|
title: Text(
|
||||||
|
"Sort A to Z",
|
||||||
|
style: TextStyle(
|
||||||
|
color: isSelected == "Asc"
|
||||||
|
? ColorsManager.blackColor
|
||||||
|
: ColorsManager.grayColor),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
ListTile(
|
||||||
|
onTap: () {
|
||||||
|
setState(() {
|
||||||
|
if (isSelected == 'Desc') {
|
||||||
|
isSelected = null;
|
||||||
|
onSortZtoA.call('');
|
||||||
|
} else {
|
||||||
|
onSortZtoA.call('Desc');
|
||||||
|
isSelected = 'Desc';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
leading: Image.asset(
|
||||||
|
Assets.ZtoAIcon,
|
||||||
|
width: 25,
|
||||||
|
),
|
||||||
|
title: Text(
|
||||||
|
"Sort Z to A",
|
||||||
|
style: TextStyle(
|
||||||
|
color: isSelected == "Desc"
|
||||||
|
? ColorsManager.blackColor
|
||||||
|
: ColorsManager.grayColor),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const Divider(),
|
||||||
|
const Text(
|
||||||
|
"Filter by Status",
|
||||||
|
style: TextStyle(fontWeight: FontWeight.bold),
|
||||||
|
),
|
||||||
|
Container(
|
||||||
|
decoration: containerDecoration.copyWith(
|
||||||
|
boxShadow: [],
|
||||||
|
borderRadius: const BorderRadius.only(
|
||||||
|
topLeft: Radius.circular(10),
|
||||||
|
topRight: Radius.circular(10),
|
||||||
|
bottomLeft: Radius.circular(10),
|
||||||
|
bottomRight: Radius.circular(10))),
|
||||||
|
padding: const EdgeInsets.all(10),
|
||||||
|
height: 200,
|
||||||
|
width: 400,
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.all(10),
|
||||||
|
color: Colors.white,
|
||||||
|
child: ListView.builder(
|
||||||
|
itemCount: list?.length ?? 0,
|
||||||
|
itemBuilder: (context, index) {
|
||||||
|
final item = list![index];
|
||||||
|
return Row(
|
||||||
|
children: [
|
||||||
|
Checkbox(
|
||||||
|
value: checkboxStates[item],
|
||||||
|
onChanged: (bool? newValue) {
|
||||||
|
checkboxStates[item] = newValue ?? false;
|
||||||
|
(context as Element).markNeedsBuild();
|
||||||
|
},
|
||||||
|
),
|
||||||
|
Text(
|
||||||
|
item,
|
||||||
|
style: TextStyle(color: ColorsManager.grayColor),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(
|
||||||
|
height: 10,
|
||||||
|
),
|
||||||
|
const Divider(),
|
||||||
|
const SizedBox(
|
||||||
|
height: 10,
|
||||||
|
),
|
||||||
|
Row(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.center,
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||||
|
children: [
|
||||||
|
GestureDetector(
|
||||||
|
onTap: () {
|
||||||
|
Navigator.of(context).pop(); // Close the menu
|
||||||
|
},
|
||||||
|
child: const Text("Cancel"),
|
||||||
|
),
|
||||||
|
GestureDetector(
|
||||||
|
onTap: onOkPressed,
|
||||||
|
child: const Text(
|
||||||
|
"OK",
|
||||||
|
style: TextStyle(
|
||||||
|
color: ColorsManager.spaceColor,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
const SizedBox(
|
||||||
|
height: 10,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
@ -0,0 +1,117 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/bloc/users_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/bloc/users_event.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
import 'package:syncrow_web/utils/style.dart';
|
||||||
|
|
||||||
|
class RoleDropdown extends StatefulWidget {
|
||||||
|
final UsersBloc? bloc;
|
||||||
|
const RoleDropdown({super.key, this.bloc});
|
||||||
|
|
||||||
|
@override
|
||||||
|
_RoleDropdownState createState() => _RoleDropdownState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _RoleDropdownState extends State<RoleDropdown> {
|
||||||
|
late String selectedRole;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
selectedRole = widget.bloc!.roleSelected;
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.all(10.0),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
const Row(
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
" * ",
|
||||||
|
style: TextStyle(
|
||||||
|
color: ColorsManager.red,
|
||||||
|
fontWeight: FontWeight.w900,
|
||||||
|
fontSize: 15,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Text(
|
||||||
|
"Role",
|
||||||
|
style: TextStyle(
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
fontSize: 16,
|
||||||
|
color: Colors.black,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
const SizedBox(height: 8),
|
||||||
|
SizedBox(
|
||||||
|
child: DropdownButtonFormField<String>(
|
||||||
|
dropdownColor: ColorsManager.whiteColors,
|
||||||
|
// alignment: Alignment.,
|
||||||
|
focusColor: Colors.white,
|
||||||
|
autofocus: true,
|
||||||
|
value: selectedRole.isNotEmpty ? selectedRole : null,
|
||||||
|
items: widget.bloc!.roles.map((role) {
|
||||||
|
return DropdownMenuItem<String>(
|
||||||
|
value: role.uuid,
|
||||||
|
child: Text(
|
||||||
|
' ${role.type.isNotEmpty ? role.type[0].toUpperCase() : ''}${role.type.substring(1)}',
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}).toList(),
|
||||||
|
onChanged: (value) {
|
||||||
|
setState(() {
|
||||||
|
selectedRole = value!;
|
||||||
|
});
|
||||||
|
widget.bloc!.roleSelected = selectedRole;
|
||||||
|
widget.bloc!
|
||||||
|
.add(PermissionEvent(roleUuid: widget.bloc!.roleSelected));
|
||||||
|
},
|
||||||
|
icon: const SizedBox.shrink(),
|
||||||
|
borderRadius: const BorderRadius.all(Radius.circular(10)),
|
||||||
|
hint: const Padding(
|
||||||
|
padding: EdgeInsets.only(left: 10),
|
||||||
|
child: Text(
|
||||||
|
"Please Select",
|
||||||
|
style: TextStyle(
|
||||||
|
color: ColorsManager.textGray,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
decoration: inputTextFormDeco().copyWith(
|
||||||
|
contentPadding: EdgeInsets.zero,
|
||||||
|
suffixIcon: Container(
|
||||||
|
padding: EdgeInsets.zero,
|
||||||
|
width: 70,
|
||||||
|
height: 45,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Colors.grey[200],
|
||||||
|
borderRadius: const BorderRadius.only(
|
||||||
|
bottomRight: Radius.circular(10),
|
||||||
|
topRight: Radius.circular(10),
|
||||||
|
),
|
||||||
|
border: Border.all(
|
||||||
|
color: ColorsManager.textGray,
|
||||||
|
width: 1.0,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: const Center(
|
||||||
|
child: Icon(
|
||||||
|
Icons.keyboard_arrow_down,
|
||||||
|
color: ColorsManager.textGray,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,125 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
|
import 'package:flutter_svg/flutter_svg.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/bloc/users_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/bloc/users_event.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/bloc/users_status.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/view/permission_management.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/view/role_dropdown.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
import 'package:syncrow_web/utils/constants/assets.dart';
|
||||||
|
import 'package:syncrow_web/utils/extension/build_context_x.dart';
|
||||||
|
import 'package:syncrow_web/utils/style.dart';
|
||||||
|
|
||||||
|
class RolesAndPermission extends StatelessWidget {
|
||||||
|
const RolesAndPermission({super.key});
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return BlocBuilder<UsersBloc, UsersState>(builder: (context, state) {
|
||||||
|
final _blocRole = BlocProvider.of<UsersBloc>(context);
|
||||||
|
return Container(
|
||||||
|
color: Colors.white,
|
||||||
|
child: Form(
|
||||||
|
key: _blocRole.formKey,
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
mainAxisAlignment: MainAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
'Role & Permissions',
|
||||||
|
style: context.textTheme.bodyLarge?.copyWith(
|
||||||
|
fontWeight: FontWeight.w700,
|
||||||
|
fontSize: 20,
|
||||||
|
color: Colors.black),
|
||||||
|
),
|
||||||
|
const SizedBox(
|
||||||
|
height: 15,
|
||||||
|
),
|
||||||
|
SizedBox(
|
||||||
|
width: 350,
|
||||||
|
height: 100,
|
||||||
|
child: RoleDropdown(
|
||||||
|
bloc: _blocRole,
|
||||||
|
)),
|
||||||
|
const SizedBox(height: 10),
|
||||||
|
Expanded(
|
||||||
|
child: SizedBox(
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
flex: 2,
|
||||||
|
child: Container(
|
||||||
|
decoration: const BoxDecoration(
|
||||||
|
color: ColorsManager.circleRolesBackground,
|
||||||
|
borderRadius: BorderRadius.only(
|
||||||
|
topRight: Radius.circular(20),
|
||||||
|
topLeft: Radius.circular(20)),
|
||||||
|
),
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
child: Container(
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: const BorderRadius.all(
|
||||||
|
Radius.circular(20)),
|
||||||
|
border: Border.all(
|
||||||
|
color: ColorsManager.grayBorder)),
|
||||||
|
child: TextFormField(
|
||||||
|
style:
|
||||||
|
const TextStyle(color: Colors.black),
|
||||||
|
controller:
|
||||||
|
_blocRole.roleSearchController,
|
||||||
|
onChanged: (value) {
|
||||||
|
_blocRole.add(SearchPermission(
|
||||||
|
nodes: _blocRole.permissions,
|
||||||
|
searchTerm: value));
|
||||||
|
},
|
||||||
|
decoration: textBoxDecoration(radios: 20)!
|
||||||
|
.copyWith(
|
||||||
|
fillColor: Colors.white,
|
||||||
|
suffixIcon: Padding(
|
||||||
|
padding:
|
||||||
|
const EdgeInsets.only(right: 16),
|
||||||
|
child: SvgPicture.asset(
|
||||||
|
Assets.textFieldSearch,
|
||||||
|
width: 24,
|
||||||
|
height: 24,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
hintStyle: context.textTheme.bodyMedium
|
||||||
|
?.copyWith(
|
||||||
|
fontWeight: FontWeight.w400,
|
||||||
|
fontSize: 12,
|
||||||
|
color: ColorsManager.textGray),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Expanded(
|
||||||
|
flex: 7,
|
||||||
|
child: Container(
|
||||||
|
color: ColorsManager.circleRolesBackground,
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
|
child: Container(
|
||||||
|
color: ColorsManager.whiteColors,
|
||||||
|
child: PermissionManagement(
|
||||||
|
bloc: _blocRole,
|
||||||
|
))))
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,122 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
|
import 'package:flutter_svg/svg.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/bloc/users_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/bloc/users_event.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/bloc/users_status.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/view/build_tree_view.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
import 'package:syncrow_web/utils/constants/assets.dart';
|
||||||
|
import 'package:syncrow_web/utils/extension/build_context_x.dart';
|
||||||
|
import 'package:syncrow_web/utils/style.dart';
|
||||||
|
|
||||||
|
class SpacesAccessView extends StatelessWidget {
|
||||||
|
final String? userId;
|
||||||
|
const SpacesAccessView({super.key, this.userId = ''});
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return BlocBuilder<UsersBloc, UsersState>(builder: (context, state) {
|
||||||
|
final _blocRole = BlocProvider.of<UsersBloc>(context);
|
||||||
|
return Container(
|
||||||
|
color: Colors.white,
|
||||||
|
child: Form(
|
||||||
|
key: _blocRole.formKey,
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
mainAxisAlignment: MainAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
'Spaces access',
|
||||||
|
style: context.textTheme.bodyLarge?.copyWith(
|
||||||
|
fontWeight: FontWeight.w700,
|
||||||
|
fontSize: 20,
|
||||||
|
color: Colors.black),
|
||||||
|
),
|
||||||
|
const SizedBox(
|
||||||
|
height: 35,
|
||||||
|
),
|
||||||
|
const SizedBox(
|
||||||
|
child: Text(
|
||||||
|
'Select the spaces you would like to grant access to for the user you are adding'),
|
||||||
|
),
|
||||||
|
const SizedBox(
|
||||||
|
height: 25,
|
||||||
|
),
|
||||||
|
Expanded(
|
||||||
|
child: SizedBox(
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
flex: 2,
|
||||||
|
child: Container(
|
||||||
|
decoration: const BoxDecoration(
|
||||||
|
color: ColorsManager.circleRolesBackground,
|
||||||
|
borderRadius: BorderRadius.only(
|
||||||
|
topRight: Radius.circular(20),
|
||||||
|
topLeft: Radius.circular(20)),
|
||||||
|
),
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
child: Container(
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: const BorderRadius.all(
|
||||||
|
Radius.circular(20)),
|
||||||
|
border: Border.all(
|
||||||
|
color: ColorsManager.grayBorder)),
|
||||||
|
child: TextFormField(
|
||||||
|
style:
|
||||||
|
const TextStyle(color: Colors.black),
|
||||||
|
// controller: _blocRole.firstNameController,
|
||||||
|
onChanged: (value) {
|
||||||
|
_blocRole.add(SearchAnode(
|
||||||
|
nodes: _blocRole.updatedCommunities,
|
||||||
|
searchTerm: value));
|
||||||
|
},
|
||||||
|
decoration: textBoxDecoration(radios: 20)!
|
||||||
|
.copyWith(
|
||||||
|
fillColor: Colors.white,
|
||||||
|
suffixIcon: Padding(
|
||||||
|
padding:
|
||||||
|
const EdgeInsets.only(right: 16),
|
||||||
|
child: SvgPicture.asset(
|
||||||
|
Assets.textFieldSearch,
|
||||||
|
width: 24,
|
||||||
|
height: 24,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
hintStyle: context.textTheme.bodyMedium
|
||||||
|
?.copyWith(
|
||||||
|
fontWeight: FontWeight.w400,
|
||||||
|
fontSize: 12,
|
||||||
|
color: ColorsManager.textGray),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Expanded(
|
||||||
|
flex: 7,
|
||||||
|
child: Container(
|
||||||
|
color: ColorsManager.circleRolesBackground,
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
|
child: Container(
|
||||||
|
color: ColorsManager.whiteColors,
|
||||||
|
child: TreeView(userId: userId))))
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,372 @@
|
|||||||
|
import 'dart:async';
|
||||||
|
import 'package:bloc/bloc.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/model/roles_user_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/users_table/bloc/user_table_event.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/users_table/bloc/user_table_state.dart';
|
||||||
|
import 'package:syncrow_web/services/user_permission.dart';
|
||||||
|
|
||||||
|
class UserTableBloc extends Bloc<UserTableEvent, UserTableState> {
|
||||||
|
UserTableBloc() : super(TableInitial()) {
|
||||||
|
on<GetUsers>(_getUsers);
|
||||||
|
on<ChangeUserStatus>(_changeUserStatus);
|
||||||
|
on<SortUsersByNameAsc>(_toggleSortUsersByNameAsc);
|
||||||
|
on<SortUsersByNameDesc>(_toggleSortUsersByNameDesc);
|
||||||
|
on<DateOldestToNewestEvent>(_toggleSortUsersByDateOldestToNewest);
|
||||||
|
on<DateNewestToOldestEvent>(_toggleSortUsersByDateNewestToOldest);
|
||||||
|
on<SearchUsers>(_searchUsers);
|
||||||
|
on<ChangePage>(_handlePageChange);
|
||||||
|
on<FilterUsersByRoleEvent>(_filterUsersByRole);
|
||||||
|
on<FilterUsersByJobEvent>(_filterUsersByJobTitle);
|
||||||
|
on<FilterUsersByCreatedEvent>(_filterUsersByCreated);
|
||||||
|
on<FilterUsersByDeActevateEvent>(_filterUserStatus);
|
||||||
|
on<DeleteUserEvent>(_deleteUser);
|
||||||
|
on<FilterClearEvent>(_filterClear);
|
||||||
|
}
|
||||||
|
int itemsPerPage = 20;
|
||||||
|
int currentPage = 1;
|
||||||
|
List<RolesUserModel> users = [];
|
||||||
|
List<RolesUserModel> initialUsers = [];
|
||||||
|
String currentSortOrder = '';
|
||||||
|
String currentSortOrderDate = '';
|
||||||
|
List<String> roleTypes = [];
|
||||||
|
List<String> jobTitle = [];
|
||||||
|
List<String> createdBy = [];
|
||||||
|
List<String> status = ['active', 'invited', 'disabled'];
|
||||||
|
|
||||||
|
Future<void> _getUsers(GetUsers event, Emitter<UserTableState> emit) async {
|
||||||
|
emit(UsersLoadingState());
|
||||||
|
try {
|
||||||
|
roleTypes.clear();
|
||||||
|
jobTitle.clear();
|
||||||
|
createdBy.clear();
|
||||||
|
// deActivate.clear();
|
||||||
|
users = await UserPermissionApi().fetchUsers();
|
||||||
|
|
||||||
|
users.sort((a, b) {
|
||||||
|
final dateA = _parseDateTime(a.createdDate);
|
||||||
|
final dateB = _parseDateTime(b.createdDate);
|
||||||
|
return dateB.compareTo(dateA);
|
||||||
|
});
|
||||||
|
for (var user in users) {
|
||||||
|
roleTypes.add(user.roleType.toString());
|
||||||
|
}
|
||||||
|
for (var user in users) {
|
||||||
|
jobTitle.add(user.jobTitle.toString());
|
||||||
|
}
|
||||||
|
for (var user in users) {
|
||||||
|
createdBy.add(user.invitedBy.toString());
|
||||||
|
}
|
||||||
|
// for (var user in users) {
|
||||||
|
// deActivate.add(user.status.toString());
|
||||||
|
// }
|
||||||
|
initialUsers = List.from(users);
|
||||||
|
roleTypes = roleTypes.toSet().toList();
|
||||||
|
jobTitle = jobTitle.toSet().toList();
|
||||||
|
createdBy = createdBy.toSet().toList();
|
||||||
|
// deActivate = deActivate.toSet().toList();
|
||||||
|
_handlePageChange(ChangePage(1), emit);
|
||||||
|
emit(UsersLoadedState(users: users));
|
||||||
|
} catch (e) {
|
||||||
|
emit(ErrorState(e.toString()));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> _deleteUser(
|
||||||
|
DeleteUserEvent event, Emitter<UserTableState> emit) async {
|
||||||
|
emit(UsersLoadingState());
|
||||||
|
try {
|
||||||
|
bool res = await UserPermissionApi().deleteUserById(event.userId);
|
||||||
|
if (res == true) {
|
||||||
|
Navigator.of(event.context).pop(true);
|
||||||
|
} else {
|
||||||
|
emit(const ErrorState('Something error'));
|
||||||
|
}
|
||||||
|
emit(UsersLoadedState(users: users));
|
||||||
|
} catch (e) {
|
||||||
|
emit(ErrorState(e.toString()));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> _changeUserStatus(
|
||||||
|
ChangeUserStatus event, Emitter<UserTableState> emit) async {
|
||||||
|
try {
|
||||||
|
emit(UsersLoadingState());
|
||||||
|
bool res = await UserPermissionApi().changeUserStatusById(
|
||||||
|
event.userId, event.newStatus == "disabled" ? false : true);
|
||||||
|
if (res == true) {
|
||||||
|
add(const GetUsers());
|
||||||
|
// users = users.map((user) {
|
||||||
|
// if (user.uuid == event.userId) {
|
||||||
|
// return RolesUserModel(
|
||||||
|
// uuid: user.uuid,
|
||||||
|
// createdAt: user.createdAt,
|
||||||
|
// email: user.email,
|
||||||
|
// firstName: user.firstName,
|
||||||
|
// lastName: user.lastName,
|
||||||
|
// roleType: user.roleType,
|
||||||
|
// status: event.newStatus,
|
||||||
|
// isEnabled: event.newStatus == "disabled" ? false : true,
|
||||||
|
// invitedBy: user.invitedBy,
|
||||||
|
// phoneNumber: user.phoneNumber,
|
||||||
|
// jobTitle: user.jobTitle,
|
||||||
|
// createdDate: user.createdDate,
|
||||||
|
// createdTime: user.createdTime,
|
||||||
|
// );
|
||||||
|
// }
|
||||||
|
// return user;
|
||||||
|
// }).toList();
|
||||||
|
}
|
||||||
|
emit(UsersLoadedState(users: users));
|
||||||
|
} catch (e) {
|
||||||
|
emit(ErrorState(e.toString()));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void _toggleSortUsersByNameAsc(
|
||||||
|
SortUsersByNameAsc event, Emitter<UserTableState> emit) {
|
||||||
|
if (currentSortOrder == "Asc") {
|
||||||
|
emit(UsersLoadingState());
|
||||||
|
currentSortOrder = "";
|
||||||
|
users = List.from(users);
|
||||||
|
emit(UsersLoadedState(users: users));
|
||||||
|
} else {
|
||||||
|
emit(UsersLoadingState());
|
||||||
|
currentSortOrder = "Asc";
|
||||||
|
users.sort((a, b) => a.firstName
|
||||||
|
.toString()
|
||||||
|
.toLowerCase()
|
||||||
|
.compareTo(b.firstName.toString().toLowerCase()));
|
||||||
|
emit(UsersLoadedState(users: users));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void _toggleSortUsersByNameDesc(
|
||||||
|
SortUsersByNameDesc event, Emitter<UserTableState> emit) {
|
||||||
|
if (currentSortOrder == "Desc") {
|
||||||
|
emit(UsersLoadingState());
|
||||||
|
currentSortOrder = "";
|
||||||
|
users = List.from(initialUsers); // Reset to saved initial state
|
||||||
|
emit(UsersLoadedState(users: users));
|
||||||
|
} else {
|
||||||
|
// Sort descending
|
||||||
|
emit(UsersLoadingState());
|
||||||
|
currentSortOrder = "Desc";
|
||||||
|
users.sort((a, b) => b.firstName!.compareTo(a.firstName!));
|
||||||
|
emit(UsersLoadedState(users: users));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void _toggleSortUsersByDateNewestToOldest(
|
||||||
|
DateNewestToOldestEvent event, Emitter<UserTableState> emit) {
|
||||||
|
if (currentSortOrderDate == "NewestToOldest") {
|
||||||
|
emit(UsersLoadingState());
|
||||||
|
currentSortOrder = "";
|
||||||
|
currentSortOrderDate = "";
|
||||||
|
users = List.from(initialUsers);
|
||||||
|
emit(UsersLoadedState(users: users));
|
||||||
|
} else {
|
||||||
|
emit(UsersLoadingState());
|
||||||
|
currentSortOrder = "NewestToOldest";
|
||||||
|
users.sort((a, b) {
|
||||||
|
final dateA = _parseDateTime(a.createdDate);
|
||||||
|
final dateB = _parseDateTime(b.createdDate);
|
||||||
|
return dateB.compareTo(dateA);
|
||||||
|
});
|
||||||
|
emit(UsersLoadedState(users: users));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void _toggleSortUsersByDateOldestToNewest(
|
||||||
|
DateOldestToNewestEvent event, Emitter<UserTableState> emit) {
|
||||||
|
if (currentSortOrderDate == "OldestToNewest") {
|
||||||
|
emit(UsersLoadingState());
|
||||||
|
currentSortOrder = "";
|
||||||
|
currentSortOrderDate = "";
|
||||||
|
users = List.from(initialUsers);
|
||||||
|
emit(UsersLoadedState(users: users));
|
||||||
|
} else {
|
||||||
|
emit(UsersLoadingState());
|
||||||
|
users.sort((a, b) {
|
||||||
|
final dateA = _parseDateTime(a.createdDate);
|
||||||
|
final dateB = _parseDateTime(b.createdDate);
|
||||||
|
return dateA.compareTo(dateB);
|
||||||
|
});
|
||||||
|
currentSortOrder = "OldestToNewest";
|
||||||
|
emit(UsersLoadedState(users: users));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
DateTime _parseDateTime(String date) {
|
||||||
|
try {
|
||||||
|
final dateParts = date.split('/');
|
||||||
|
final day = int.parse(dateParts[0]);
|
||||||
|
final month = int.parse(dateParts[1]);
|
||||||
|
final year = int.parse(dateParts[2]);
|
||||||
|
return DateTime(year, month, day);
|
||||||
|
} catch (e) {
|
||||||
|
throw FormatException('Invalid date or time format: $date ');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> _searchUsers(
|
||||||
|
SearchUsers event, Emitter<UserTableState> emit) async {
|
||||||
|
try {
|
||||||
|
final query = event.query.toLowerCase();
|
||||||
|
final filteredUsers = initialUsers.where((user) {
|
||||||
|
final fullName = "${user.firstName} ${user.lastName}".toLowerCase();
|
||||||
|
final email = user.email.toLowerCase();
|
||||||
|
return fullName.contains(query) || email.contains(query);
|
||||||
|
}).toList();
|
||||||
|
emit(UsersLoadedState(users: filteredUsers));
|
||||||
|
} catch (e) {
|
||||||
|
emit(ErrorState(e.toString()));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void _paginateUsers(
|
||||||
|
int pageNumber, int itemsPerPage, Emitter<UserTableState> emit) {
|
||||||
|
final startIndex = (pageNumber - 1) * itemsPerPage;
|
||||||
|
final endIndex = startIndex + itemsPerPage;
|
||||||
|
if (startIndex >= users.length) {
|
||||||
|
emit(const UsersLoadedState(users: []));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
final paginatedUsers = users.sublist(
|
||||||
|
startIndex,
|
||||||
|
endIndex > users.length ? users.length : endIndex,
|
||||||
|
);
|
||||||
|
emit(UsersLoadedState(users: paginatedUsers));
|
||||||
|
}
|
||||||
|
|
||||||
|
void _handlePageChange(ChangePage event, Emitter<UserTableState> emit) {
|
||||||
|
const itemsPerPage = 10;
|
||||||
|
final startIndex = (event.pageNumber - 1) * itemsPerPage;
|
||||||
|
final endIndex = startIndex + itemsPerPage;
|
||||||
|
if (startIndex >= users.length) {
|
||||||
|
emit(const UsersLoadedState(users: []));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
final paginatedUsers = users.sublist(
|
||||||
|
startIndex,
|
||||||
|
endIndex > users.length ? users.length : endIndex,
|
||||||
|
);
|
||||||
|
emit(UsersLoadedState(users: paginatedUsers));
|
||||||
|
}
|
||||||
|
|
||||||
|
Set<String> selectedRoles = {};
|
||||||
|
Set<String> selectedJobTitles = {};
|
||||||
|
Set<String> selectedCreatedBy = {};
|
||||||
|
Set<String> selectedStatuses = {};
|
||||||
|
|
||||||
|
void _filterUsersByRole(
|
||||||
|
FilterUsersByRoleEvent event, Emitter<UserTableState> emit) {
|
||||||
|
selectedRoles = event.selectedRoles!.toSet();
|
||||||
|
|
||||||
|
final filteredUsers = initialUsers.where((user) {
|
||||||
|
if (selectedRoles.isEmpty) return true;
|
||||||
|
return selectedRoles.contains(user.roleType);
|
||||||
|
}).toList();
|
||||||
|
|
||||||
|
if (event.sortOrder == "Asc") {
|
||||||
|
currentSortOrder = "Asc";
|
||||||
|
filteredUsers.sort((a, b) => a.firstName
|
||||||
|
.toString()
|
||||||
|
.toLowerCase()
|
||||||
|
.compareTo(b.firstName.toString().toLowerCase()));
|
||||||
|
} else if (event.sortOrder == "Desc") {
|
||||||
|
currentSortOrder = "Desc";
|
||||||
|
filteredUsers.sort((a, b) => b.firstName!.compareTo(a.firstName!));
|
||||||
|
} else {
|
||||||
|
currentSortOrder = "";
|
||||||
|
}
|
||||||
|
|
||||||
|
emit(UsersLoadedState(users: filteredUsers));
|
||||||
|
}
|
||||||
|
|
||||||
|
void _filterUsersByJobTitle(
|
||||||
|
FilterUsersByJobEvent event, Emitter<UserTableState> emit) {
|
||||||
|
selectedJobTitles = event.selectedJob!.toSet();
|
||||||
|
emit(UsersLoadingState());
|
||||||
|
final filteredUsers = initialUsers.where((user) {
|
||||||
|
if (selectedJobTitles.isEmpty) return true;
|
||||||
|
return selectedJobTitles.contains(user.jobTitle);
|
||||||
|
}).toList();
|
||||||
|
if (event.sortOrder == "Asc") {
|
||||||
|
currentSortOrder = "Asc";
|
||||||
|
filteredUsers.sort((a, b) => a.firstName
|
||||||
|
.toString()
|
||||||
|
.toLowerCase()
|
||||||
|
.compareTo(b.firstName.toString().toLowerCase()));
|
||||||
|
} else if (event.sortOrder == "Desc") {
|
||||||
|
currentSortOrder = "Desc";
|
||||||
|
filteredUsers.sort((a, b) => b.firstName!.compareTo(a.firstName!));
|
||||||
|
} else {
|
||||||
|
currentSortOrder = "";
|
||||||
|
}
|
||||||
|
emit(UsersLoadedState(users: filteredUsers));
|
||||||
|
}
|
||||||
|
|
||||||
|
void _filterUsersByCreated(
|
||||||
|
FilterUsersByCreatedEvent event, Emitter<UserTableState> emit) {
|
||||||
|
selectedCreatedBy = event.selectedCreatedBy!.toSet();
|
||||||
|
|
||||||
|
final filteredUsers = initialUsers.where((user) {
|
||||||
|
if (selectedCreatedBy.isEmpty) return true;
|
||||||
|
return selectedCreatedBy.contains(user.invitedBy);
|
||||||
|
}).toList();
|
||||||
|
|
||||||
|
if (event.sortOrder == "Asc") {
|
||||||
|
currentSortOrder = "Asc";
|
||||||
|
filteredUsers.sort((a, b) => a.firstName
|
||||||
|
.toString()
|
||||||
|
.toLowerCase()
|
||||||
|
.compareTo(b.firstName.toString().toLowerCase()));
|
||||||
|
} else if (event.sortOrder == "Desc") {
|
||||||
|
currentSortOrder = "Desc";
|
||||||
|
filteredUsers.sort((a, b) => b.firstName!.compareTo(a.firstName!));
|
||||||
|
} else {
|
||||||
|
currentSortOrder = "";
|
||||||
|
}
|
||||||
|
emit(UsersLoadedState(users: filteredUsers));
|
||||||
|
}
|
||||||
|
|
||||||
|
void _filterUserStatus(
|
||||||
|
FilterUsersByDeActevateEvent event, Emitter<UserTableState> emit) {
|
||||||
|
selectedStatuses = event.selectedActivate!.toSet();
|
||||||
|
|
||||||
|
final filteredUsers = initialUsers.where((user) {
|
||||||
|
if (selectedStatuses.isEmpty) return true;
|
||||||
|
return selectedStatuses.contains(user.status);
|
||||||
|
}).toList();
|
||||||
|
if (event.sortOrder == "Asc") {
|
||||||
|
currentSortOrder = "Asc";
|
||||||
|
filteredUsers.sort((a, b) => a.firstName
|
||||||
|
.toString()
|
||||||
|
.toLowerCase()
|
||||||
|
.compareTo(b.firstName.toString().toLowerCase()));
|
||||||
|
} else if (event.sortOrder == "Desc") {
|
||||||
|
currentSortOrder = "Desc";
|
||||||
|
filteredUsers.sort((a, b) => b.firstName!.compareTo(a.firstName!));
|
||||||
|
} else {
|
||||||
|
currentSortOrder = "";
|
||||||
|
}
|
||||||
|
emit(UsersLoadedState(users: filteredUsers));
|
||||||
|
}
|
||||||
|
|
||||||
|
void _resetAllFilters(Emitter<UserTableState> emit) {
|
||||||
|
selectedRoles.clear();
|
||||||
|
selectedJobTitles.clear();
|
||||||
|
selectedCreatedBy.clear();
|
||||||
|
selectedStatuses.clear();
|
||||||
|
emit(UsersLoadedState(users: initialUsers));
|
||||||
|
}
|
||||||
|
|
||||||
|
void _filterClear(FilterClearEvent event, Emitter<UserTableState> emit) {
|
||||||
|
selectedRoles.clear();
|
||||||
|
selectedJobTitles.clear();
|
||||||
|
selectedCreatedBy.clear();
|
||||||
|
selectedStatuses.clear();
|
||||||
|
emit(UsersLoadedState(users: initialUsers));
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,138 @@
|
|||||||
|
import 'package:equatable/equatable.dart';
|
||||||
|
import 'package:flutter/cupertino.dart';
|
||||||
|
|
||||||
|
sealed class UserTableEvent extends Equatable {
|
||||||
|
const UserTableEvent();
|
||||||
|
}
|
||||||
|
|
||||||
|
class GetRoles extends UserTableEvent {
|
||||||
|
const GetRoles();
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
class GetUsers extends UserTableEvent {
|
||||||
|
const GetUsers();
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
class ChangeUserStatus extends UserTableEvent {
|
||||||
|
final String userId;
|
||||||
|
final String newStatus;
|
||||||
|
|
||||||
|
const ChangeUserStatus({required this.userId, required this.newStatus});
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [userId, newStatus];
|
||||||
|
}
|
||||||
|
|
||||||
|
class SortUsersByNameAsc extends UserTableEvent {
|
||||||
|
const SortUsersByNameAsc();
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
class SortUsersByNameDesc extends UserTableEvent {
|
||||||
|
const SortUsersByNameDesc();
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
class StoreUsersEvent extends UserTableEvent {
|
||||||
|
const StoreUsersEvent();
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
class DateNewestToOldestEvent extends UserTableEvent {
|
||||||
|
const DateNewestToOldestEvent();
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
class DateOldestToNewestEvent extends UserTableEvent {
|
||||||
|
const DateOldestToNewestEvent();
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
class SearchUsers extends UserTableEvent {
|
||||||
|
final String query;
|
||||||
|
SearchUsers(this.query);
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
class ChangePage extends UserTableEvent {
|
||||||
|
final int pageNumber;
|
||||||
|
|
||||||
|
ChangePage(this.pageNumber);
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object> get props => [pageNumber];
|
||||||
|
}
|
||||||
|
|
||||||
|
class DeleteUserEvent extends UserTableEvent {
|
||||||
|
final String userId;
|
||||||
|
final BuildContext context;
|
||||||
|
|
||||||
|
const DeleteUserEvent(this.userId, this.context);
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object> get props => [userId, context];
|
||||||
|
}
|
||||||
|
|
||||||
|
class FilterUsersByRoleEvent extends UserTableEvent {
|
||||||
|
final List<String>? selectedRoles;
|
||||||
|
final String? sortOrder;
|
||||||
|
|
||||||
|
const FilterUsersByRoleEvent({this.selectedRoles, this.sortOrder});
|
||||||
|
List<Object?> get props => [selectedRoles, sortOrder];
|
||||||
|
}
|
||||||
|
|
||||||
|
class FilterUsersByJobEvent extends UserTableEvent {
|
||||||
|
final List<String>? selectedJob;
|
||||||
|
final String? sortOrder;
|
||||||
|
|
||||||
|
const FilterUsersByJobEvent({this.selectedJob, this.sortOrder});
|
||||||
|
List<Object?> get props => [selectedJob, sortOrder];
|
||||||
|
}
|
||||||
|
|
||||||
|
class FilterUsersByCreatedEvent extends UserTableEvent {
|
||||||
|
final List<String>? selectedCreatedBy;
|
||||||
|
|
||||||
|
final String? sortOrder;
|
||||||
|
|
||||||
|
const FilterUsersByCreatedEvent({this.selectedCreatedBy, this.sortOrder});
|
||||||
|
List<Object?> get props => [selectedCreatedBy, sortOrder];
|
||||||
|
}
|
||||||
|
|
||||||
|
class FilterUsersByDeActevateEvent extends UserTableEvent {
|
||||||
|
final List<String>? selectedActivate;
|
||||||
|
final String? sortOrder;
|
||||||
|
|
||||||
|
const FilterUsersByDeActevateEvent({this.selectedActivate, this.sortOrder});
|
||||||
|
List<Object?> get props => [selectedActivate, sortOrder];
|
||||||
|
}
|
||||||
|
|
||||||
|
class FilterOptionsEvent extends UserTableEvent {
|
||||||
|
final String query;
|
||||||
|
final List<String> fullOptions;
|
||||||
|
|
||||||
|
FilterOptionsEvent({required this.query, required this.fullOptions});
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [query, fullOptions];
|
||||||
|
}
|
||||||
|
|
||||||
|
class FilterClearEvent extends UserTableEvent {
|
||||||
|
FilterClearEvent();
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [];
|
||||||
|
}
|
||||||
@ -0,0 +1,91 @@
|
|||||||
|
import 'package:equatable/equatable.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/model/roles_user_model.dart';
|
||||||
|
|
||||||
|
sealed class UserTableState extends Equatable {
|
||||||
|
const UserTableState();
|
||||||
|
}
|
||||||
|
|
||||||
|
final class TableInitial extends UserTableState {
|
||||||
|
@override
|
||||||
|
List<Object> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
final class RolesLoadingState extends UserTableState {
|
||||||
|
@override
|
||||||
|
List<Object> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
final class UsersLoadingState extends UserTableState {
|
||||||
|
@override
|
||||||
|
List<Object> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
final class RolesLoadedState extends UserTableState {
|
||||||
|
@override
|
||||||
|
List<Object> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
final class UsersLoadedState extends UserTableState {
|
||||||
|
final List<RolesUserModel> users;
|
||||||
|
const UsersLoadedState({required this.users});
|
||||||
|
@override
|
||||||
|
List<Object> get props => [users];
|
||||||
|
}
|
||||||
|
|
||||||
|
final class ErrorState extends UserTableState {
|
||||||
|
final String message;
|
||||||
|
|
||||||
|
const ErrorState(this.message);
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object> get props => [message];
|
||||||
|
}
|
||||||
|
|
||||||
|
/// report state
|
||||||
|
final class SosReportLoadingState extends UserTableState {
|
||||||
|
@override
|
||||||
|
List<Object> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
final class RolesErrorState extends UserTableState {
|
||||||
|
final String message;
|
||||||
|
|
||||||
|
const RolesErrorState(this.message);
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object> get props => [message];
|
||||||
|
}
|
||||||
|
|
||||||
|
/// automation reports
|
||||||
|
|
||||||
|
final class SosAutomationReportLoadingState extends UserTableState {
|
||||||
|
@override
|
||||||
|
List<Object> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
final class SosAutomationReportErrorState extends UserTableState {
|
||||||
|
final String message;
|
||||||
|
|
||||||
|
const SosAutomationReportErrorState(this.message);
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object> get props => [message];
|
||||||
|
}
|
||||||
|
|
||||||
|
final class ChangeTapStatus extends UserTableState {
|
||||||
|
final bool select;
|
||||||
|
|
||||||
|
const ChangeTapStatus({required this.select});
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object> get props => [select];
|
||||||
|
}
|
||||||
|
|
||||||
|
class FilterOptionsState extends UserTableState {
|
||||||
|
final List<String> filteredOptions;
|
||||||
|
|
||||||
|
const FilterOptionsState(this.filteredOptions);
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object> get props => [filteredOptions];
|
||||||
|
}
|
||||||
@ -0,0 +1,73 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
import 'package:syncrow_web/utils/constants/assets.dart';
|
||||||
|
|
||||||
|
Future<void> showDateFilterMenu({
|
||||||
|
required BuildContext context,
|
||||||
|
Function()? aToZTap,
|
||||||
|
Function()? zToaTap,
|
||||||
|
String? isSelected,
|
||||||
|
}) async {
|
||||||
|
final RenderBox overlay =
|
||||||
|
Overlay.of(context).context.findRenderObject() as RenderBox;
|
||||||
|
final RelativeRect position = RelativeRect.fromRect(
|
||||||
|
Rect.fromLTRB(
|
||||||
|
overlay.size.width / 2,
|
||||||
|
240,
|
||||||
|
0,
|
||||||
|
overlay.size.height,
|
||||||
|
),
|
||||||
|
Offset.zero & overlay.size,
|
||||||
|
);
|
||||||
|
|
||||||
|
await showMenu(
|
||||||
|
context: context,
|
||||||
|
position: position,
|
||||||
|
color: ColorsManager.whiteColors,
|
||||||
|
shape: const RoundedRectangleBorder(
|
||||||
|
borderRadius: BorderRadius.only(
|
||||||
|
bottomRight: Radius.circular(10),
|
||||||
|
bottomLeft: Radius.circular(10),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
items: <PopupMenuEntry>[
|
||||||
|
PopupMenuItem(
|
||||||
|
onTap: aToZTap,
|
||||||
|
child: ListTile(
|
||||||
|
leading: Image.asset(
|
||||||
|
Assets.AtoZIcon,
|
||||||
|
width: 25,
|
||||||
|
),
|
||||||
|
title: Text(
|
||||||
|
"Sort from newest to oldest",
|
||||||
|
// style: context.textTheme.bodyMedium,
|
||||||
|
style: TextStyle(
|
||||||
|
color: isSelected == "NewestToOldest"
|
||||||
|
? Colors.black
|
||||||
|
: Colors.blueGrey),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
PopupMenuItem(
|
||||||
|
onTap: zToaTap,
|
||||||
|
child: ListTile(
|
||||||
|
leading: Image.asset(
|
||||||
|
Assets.ZtoAIcon,
|
||||||
|
width: 25,
|
||||||
|
),
|
||||||
|
title: Text(
|
||||||
|
"Sort from oldest to newest",
|
||||||
|
style: TextStyle(
|
||||||
|
color: isSelected == "OldestToNewest"
|
||||||
|
? Colors.black
|
||||||
|
: Colors.blueGrey),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
).then((value) {
|
||||||
|
// setState(() {
|
||||||
|
// _isDropdownOpen = false;
|
||||||
|
// });
|
||||||
|
});
|
||||||
|
}
|
||||||
@ -0,0 +1,73 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
import 'package:syncrow_web/utils/constants/assets.dart';
|
||||||
|
|
||||||
|
Future<void> showDeActivateFilterMenu({
|
||||||
|
required BuildContext context,
|
||||||
|
Function()? aToZTap,
|
||||||
|
Function()? zToaTap,
|
||||||
|
String? isSelected,
|
||||||
|
}) async {
|
||||||
|
final RenderBox overlay =
|
||||||
|
Overlay.of(context).context.findRenderObject() as RenderBox;
|
||||||
|
final RelativeRect position = RelativeRect.fromRect(
|
||||||
|
Rect.fromLTRB(
|
||||||
|
overlay.size.width / 2,
|
||||||
|
240,
|
||||||
|
0,
|
||||||
|
overlay.size.height,
|
||||||
|
),
|
||||||
|
Offset.zero & overlay.size,
|
||||||
|
);
|
||||||
|
|
||||||
|
await showMenu(
|
||||||
|
context: context,
|
||||||
|
position: position,
|
||||||
|
color: ColorsManager.whiteColors,
|
||||||
|
shape: const RoundedRectangleBorder(
|
||||||
|
borderRadius: BorderRadius.only(
|
||||||
|
bottomRight: Radius.circular(10),
|
||||||
|
bottomLeft: Radius.circular(10),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
items: <PopupMenuEntry>[
|
||||||
|
PopupMenuItem(
|
||||||
|
onTap: aToZTap,
|
||||||
|
child: ListTile(
|
||||||
|
leading: Image.asset(
|
||||||
|
Assets.AtoZIcon,
|
||||||
|
width: 25,
|
||||||
|
),
|
||||||
|
title: Text(
|
||||||
|
"Sort A to Z",
|
||||||
|
// style: context.textTheme.bodyMedium,
|
||||||
|
style: TextStyle(
|
||||||
|
color: isSelected == "NewestToOldest"
|
||||||
|
? Colors.black
|
||||||
|
: Colors.blueGrey),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
PopupMenuItem(
|
||||||
|
onTap: zToaTap,
|
||||||
|
child: ListTile(
|
||||||
|
leading: Image.asset(
|
||||||
|
Assets.ZtoAIcon,
|
||||||
|
width: 25,
|
||||||
|
),
|
||||||
|
title: Text(
|
||||||
|
"Sort Z to A",
|
||||||
|
style: TextStyle(
|
||||||
|
color: isSelected == "OldestToNewest"
|
||||||
|
? Colors.black
|
||||||
|
: Colors.blueGrey),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
).then((value) {
|
||||||
|
// setState(() {
|
||||||
|
// _isDropdownOpen = false;
|
||||||
|
// });
|
||||||
|
});
|
||||||
|
}
|
||||||
@ -0,0 +1,69 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
import 'package:syncrow_web/utils/constants/assets.dart';
|
||||||
|
|
||||||
|
Future<void> showNameMenu({
|
||||||
|
required BuildContext context,
|
||||||
|
Function()? aToZTap,
|
||||||
|
Function()? zToaTap,
|
||||||
|
String? isSelected,
|
||||||
|
}) async {
|
||||||
|
final RenderBox overlay =
|
||||||
|
Overlay.of(context).context.findRenderObject() as RenderBox;
|
||||||
|
final RelativeRect position = RelativeRect.fromRect(
|
||||||
|
Rect.fromLTRB(
|
||||||
|
overlay.size.width / 25,
|
||||||
|
240,
|
||||||
|
0,
|
||||||
|
overlay.size.height,
|
||||||
|
),
|
||||||
|
Offset.zero & overlay.size,
|
||||||
|
);
|
||||||
|
|
||||||
|
await showMenu(
|
||||||
|
context: context,
|
||||||
|
position: position,
|
||||||
|
color: ColorsManager.whiteColors,
|
||||||
|
shape: const RoundedRectangleBorder(
|
||||||
|
borderRadius: BorderRadius.only(
|
||||||
|
bottomRight: Radius.circular(10),
|
||||||
|
bottomLeft: Radius.circular(10),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
items: <PopupMenuEntry>[
|
||||||
|
PopupMenuItem(
|
||||||
|
onTap: aToZTap,
|
||||||
|
child: ListTile(
|
||||||
|
leading: Image.asset(
|
||||||
|
Assets.AtoZIcon,
|
||||||
|
width: 25,
|
||||||
|
),
|
||||||
|
title: Text(
|
||||||
|
"Sort A to Z",
|
||||||
|
// style: context.textTheme.bodyMedium,
|
||||||
|
style: TextStyle(
|
||||||
|
color: isSelected == "Asc" ? Colors.black : Colors.blueGrey),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
PopupMenuItem(
|
||||||
|
onTap: zToaTap,
|
||||||
|
child: ListTile(
|
||||||
|
leading: Image.asset(
|
||||||
|
Assets.ZtoAIcon,
|
||||||
|
width: 25,
|
||||||
|
),
|
||||||
|
title: Text(
|
||||||
|
"Sort Z to A",
|
||||||
|
style: TextStyle(
|
||||||
|
color: isSelected == "Desc" ? Colors.black : Colors.blueGrey),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
).then((value) {
|
||||||
|
// setState(() {
|
||||||
|
// _isDropdownOpen = false;
|
||||||
|
// });
|
||||||
|
});
|
||||||
|
}
|
||||||
@ -0,0 +1,260 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_svg/svg.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
import 'package:syncrow_web/utils/constants/assets.dart';
|
||||||
|
import 'package:syncrow_web/utils/style.dart';
|
||||||
|
|
||||||
|
class DynamicTableScreen extends StatefulWidget {
|
||||||
|
final List<String> titles;
|
||||||
|
final List<List<Widget>> rows;
|
||||||
|
final void Function(int columnIndex)? onFilter;
|
||||||
|
|
||||||
|
DynamicTableScreen(
|
||||||
|
{required this.titles, required this.rows, required this.onFilter});
|
||||||
|
|
||||||
|
@override
|
||||||
|
_DynamicTableScreenState createState() => _DynamicTableScreenState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _DynamicTableScreenState extends State<DynamicTableScreen>
|
||||||
|
with WidgetsBindingObserver {
|
||||||
|
late List<double> columnWidths;
|
||||||
|
late double totalWidth;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
columnWidths = List<double>.filled(widget.titles.length, 150.0);
|
||||||
|
totalWidth = columnWidths.reduce((a, b) => a + b);
|
||||||
|
WidgetsBinding.instance.addObserver(this);
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
WidgetsBinding.instance.removeObserver(this);
|
||||||
|
super.dispose();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void didChangeMetrics() {
|
||||||
|
super.didChangeMetrics();
|
||||||
|
final newScreenWidth = MediaQuery.of(context).size.width;
|
||||||
|
setState(() {
|
||||||
|
columnWidths = List<double>.generate(widget.titles.length, (index) {
|
||||||
|
if (index == 1) {
|
||||||
|
return newScreenWidth *
|
||||||
|
0.12; // 20% of screen width for the second column
|
||||||
|
} else if (index == 9) {
|
||||||
|
return newScreenWidth *
|
||||||
|
0.1; // 25% of screen width for the tenth column
|
||||||
|
}
|
||||||
|
return newScreenWidth *
|
||||||
|
0.09; // Default to 10% of screen width for other columns
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final screenWidth = MediaQuery.of(context).size.width;
|
||||||
|
if (columnWidths.every((width) => width == screenWidth * 7)) {
|
||||||
|
columnWidths = List<double>.generate(widget.titles.length, (index) {
|
||||||
|
if (index == 1) {
|
||||||
|
return screenWidth * 0.11;
|
||||||
|
} else if (index == 9) {
|
||||||
|
return screenWidth * 0.1;
|
||||||
|
}
|
||||||
|
return screenWidth * 0.09;
|
||||||
|
});
|
||||||
|
setState(() {});
|
||||||
|
}
|
||||||
|
return SingleChildScrollView(
|
||||||
|
clipBehavior: Clip.none,
|
||||||
|
scrollDirection: Axis.horizontal,
|
||||||
|
child: Container(
|
||||||
|
decoration: containerDecoration.copyWith(
|
||||||
|
color: ColorsManager.whiteColors,
|
||||||
|
borderRadius: const BorderRadius.all(Radius.circular(20))),
|
||||||
|
child: FittedBox(
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
width: totalWidth,
|
||||||
|
decoration: containerDecoration.copyWith(
|
||||||
|
color: ColorsManager.circleRolesBackground,
|
||||||
|
borderRadius: const BorderRadius.only(
|
||||||
|
topLeft: Radius.circular(15),
|
||||||
|
topRight: Radius.circular(15))),
|
||||||
|
child: Row(
|
||||||
|
children: List.generate(widget.titles.length, (index) {
|
||||||
|
return Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
FittedBox(
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.only(left: 5, right: 5),
|
||||||
|
width: columnWidths[index],
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.center,
|
||||||
|
children: [
|
||||||
|
SizedBox(
|
||||||
|
child: Text(
|
||||||
|
widget.titles[index],
|
||||||
|
maxLines: 2,
|
||||||
|
style: const TextStyle(
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
fontWeight: FontWeight.w400,
|
||||||
|
fontSize: 13,
|
||||||
|
color: ColorsManager.grayColor,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
if (index != 1 &&
|
||||||
|
index != 9 &&
|
||||||
|
index != 8 &&
|
||||||
|
index != 5)
|
||||||
|
FittedBox(
|
||||||
|
child: IconButton(
|
||||||
|
icon: SvgPicture.asset(
|
||||||
|
Assets.filterTableIcon,
|
||||||
|
fit: BoxFit.none,
|
||||||
|
),
|
||||||
|
onPressed: () {
|
||||||
|
if (widget.onFilter != null) {
|
||||||
|
widget.onFilter!(index);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
GestureDetector(
|
||||||
|
onHorizontalDragUpdate: (details) {
|
||||||
|
setState(() {
|
||||||
|
columnWidths[index] =
|
||||||
|
(columnWidths[index] + details.delta.dx)
|
||||||
|
.clamp(150.0, 300.0);
|
||||||
|
totalWidth = columnWidths.reduce((a, b) => a + b);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
child: MouseRegion(
|
||||||
|
cursor: SystemMouseCursors.resizeColumn,
|
||||||
|
child: Container(
|
||||||
|
color: Colors.green,
|
||||||
|
child: Container(
|
||||||
|
color: ColorsManager.boxDivider,
|
||||||
|
width: 1,
|
||||||
|
height: 50,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
widget.rows.isEmpty
|
||||||
|
? SizedBox(
|
||||||
|
height: MediaQuery.of(context).size.height / 2,
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.center,
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: [
|
||||||
|
Column(
|
||||||
|
children: [
|
||||||
|
SvgPicture.asset(Assets.emptyTable),
|
||||||
|
const SizedBox(
|
||||||
|
height: 15,
|
||||||
|
),
|
||||||
|
const Text(
|
||||||
|
'No Users',
|
||||||
|
style: TextStyle(
|
||||||
|
color: ColorsManager.lightGrayColor,
|
||||||
|
fontSize: 16,
|
||||||
|
fontWeight: FontWeight.w700),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
)
|
||||||
|
: Center(
|
||||||
|
child: Container(
|
||||||
|
width: totalWidth,
|
||||||
|
decoration: containerDecoration.copyWith(
|
||||||
|
color: ColorsManager.whiteColors,
|
||||||
|
borderRadius: const BorderRadius.only(
|
||||||
|
bottomLeft: Radius.circular(15),
|
||||||
|
bottomRight: Radius.circular(15))),
|
||||||
|
child: ListView.builder(
|
||||||
|
physics: const NeverScrollableScrollPhysics(),
|
||||||
|
shrinkWrap: true,
|
||||||
|
itemCount: widget.rows.length,
|
||||||
|
itemBuilder: (context, rowIndex) {
|
||||||
|
if (columnWidths.every((width) => width == 120.0)) {
|
||||||
|
columnWidths = List<double>.generate(
|
||||||
|
widget.titles.length, (index) {
|
||||||
|
if (index == 1) {
|
||||||
|
return screenWidth * 0.11;
|
||||||
|
} else if (index == 9) {
|
||||||
|
return screenWidth * 0.2;
|
||||||
|
}
|
||||||
|
return screenWidth * 0.11;
|
||||||
|
});
|
||||||
|
setState(() {});
|
||||||
|
}
|
||||||
|
final row = widget.rows[rowIndex];
|
||||||
|
return Column(
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.only(
|
||||||
|
left: 5, top: 10, right: 5, bottom: 10),
|
||||||
|
child: Row(
|
||||||
|
children:
|
||||||
|
List.generate(row.length, (index) {
|
||||||
|
return SizedBox(
|
||||||
|
width: columnWidths[index],
|
||||||
|
child: SizedBox(
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.only(
|
||||||
|
left: 15, right: 10),
|
||||||
|
child: row[index],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
if (rowIndex < widget.rows.length - 1)
|
||||||
|
Row(
|
||||||
|
children: List.generate(
|
||||||
|
widget.titles.length, (index) {
|
||||||
|
return SizedBox(
|
||||||
|
width: columnWidths[index],
|
||||||
|
child: const Divider(
|
||||||
|
color: ColorsManager.boxDivider,
|
||||||
|
thickness: 1,
|
||||||
|
height: 1,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,546 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
|
import 'package:flutter_svg/flutter_svg.dart';
|
||||||
|
import 'package:number_pagination/number_pagination.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/view/add_user_dialog.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/view/delete_user_dialog.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/view/edit_user_dialog.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/add_user_dialog/view/popup_menu_filter.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/users_table/bloc/user_table_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/users_table/bloc/user_table_event.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/users_table/bloc/user_table_state.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/users_table/view/creation_date_filter.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/users_table/view/de_activate_filter.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/users_table/view/name_filter.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/users_table/view/user_table.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
import 'package:syncrow_web/utils/constants/assets.dart';
|
||||||
|
import 'package:syncrow_web/utils/extension/build_context_x.dart';
|
||||||
|
import 'package:syncrow_web/utils/style.dart';
|
||||||
|
|
||||||
|
class UsersPage extends StatelessWidget {
|
||||||
|
UsersPage({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final TextEditingController searchController = TextEditingController();
|
||||||
|
|
||||||
|
Widget actionButton({required String title, required Function()? onTap}) {
|
||||||
|
return InkWell(
|
||||||
|
onTap: onTap,
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.only(left: 8, right: 8),
|
||||||
|
child: Text(
|
||||||
|
title,
|
||||||
|
style: Theme.of(context).textTheme.bodySmall?.copyWith(
|
||||||
|
color: title == "Delete"
|
||||||
|
? ColorsManager.red
|
||||||
|
: ColorsManager.spaceColor,
|
||||||
|
fontWeight: FontWeight.w400,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget status({required String status}) {
|
||||||
|
return Center(
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.only(left: 5, right: 5, bottom: 5, top: 5),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: const BorderRadius.all(Radius.circular(20)),
|
||||||
|
color: status == "invited"
|
||||||
|
? ColorsManager.invitedOrange.withOpacity(0.5)
|
||||||
|
: status == "active"
|
||||||
|
? ColorsManager.activeGreen.withOpacity(0.5)
|
||||||
|
: ColorsManager.disabledPink.withOpacity(0.5),
|
||||||
|
),
|
||||||
|
child: Padding(
|
||||||
|
padding:
|
||||||
|
const EdgeInsets.only(left: 10, right: 10, bottom: 5, top: 5),
|
||||||
|
child: Row(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.center,
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
status,
|
||||||
|
style: Theme.of(context).textTheme.bodySmall?.copyWith(
|
||||||
|
color: status == "invited"
|
||||||
|
? ColorsManager.invitedOrangeText
|
||||||
|
: status == "active"
|
||||||
|
? ColorsManager.activeGreenText
|
||||||
|
: ColorsManager.disabledRedText,
|
||||||
|
fontWeight: FontWeight.w400,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget changeIconStatus(
|
||||||
|
{required String userId,
|
||||||
|
required String status,
|
||||||
|
required Function()? onTap}) {
|
||||||
|
return Center(
|
||||||
|
child: InkWell(
|
||||||
|
onTap: onTap,
|
||||||
|
child: Padding(
|
||||||
|
padding:
|
||||||
|
const EdgeInsets.only(left: 5, right: 5, bottom: 5, top: 5),
|
||||||
|
child: SvgPicture.asset(
|
||||||
|
status == "invited"
|
||||||
|
? Assets.invitedIcon
|
||||||
|
: status == "active"
|
||||||
|
? Assets.activeUser
|
||||||
|
: Assets.deActiveUser,
|
||||||
|
height: 35,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return BlocBuilder<UserTableBloc, UserTableState>(
|
||||||
|
builder: (context, state) {
|
||||||
|
final screenSize = MediaQuery.of(context).size;
|
||||||
|
final _blocRole = BlocProvider.of<UserTableBloc>(context);
|
||||||
|
if (state is UsersLoadingState) {
|
||||||
|
_blocRole.add(ChangePage(_blocRole.currentPage));
|
||||||
|
return const Center(child: CircularProgressIndicator());
|
||||||
|
} else if (state is UsersLoadedState) {
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.all(20),
|
||||||
|
child: Align(
|
||||||
|
alignment: Alignment.topCenter,
|
||||||
|
child: ListView(
|
||||||
|
shrinkWrap: true,
|
||||||
|
children: [
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
decoration: containerDecoration.copyWith(
|
||||||
|
borderRadius: const BorderRadius.all(
|
||||||
|
Radius.circular(20),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
width: screenSize.width * 0.4,
|
||||||
|
child: TextFormField(
|
||||||
|
controller: searchController,
|
||||||
|
onChanged: (value) {
|
||||||
|
context
|
||||||
|
.read<UserTableBloc>()
|
||||||
|
.add(SearchUsers(value));
|
||||||
|
},
|
||||||
|
style: const TextStyle(color: Colors.black),
|
||||||
|
decoration: textBoxDecoration(radios: 15)!.copyWith(
|
||||||
|
fillColor: ColorsManager.whiteColors,
|
||||||
|
errorStyle: const TextStyle(height: 0),
|
||||||
|
hintStyle: context.textTheme.titleSmall?.copyWith(
|
||||||
|
color: Colors.grey,
|
||||||
|
fontSize: 12,
|
||||||
|
),
|
||||||
|
hintText: 'Search',
|
||||||
|
suffixIcon: SizedBox(
|
||||||
|
child: SvgPicture.asset(
|
||||||
|
Assets.searchIconUser,
|
||||||
|
fit: BoxFit.none,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 20),
|
||||||
|
InkWell(
|
||||||
|
onTap: () {
|
||||||
|
showDialog(
|
||||||
|
context: context,
|
||||||
|
barrierDismissible: false,
|
||||||
|
builder: (BuildContext context) {
|
||||||
|
return const AddNewUserDialog();
|
||||||
|
},
|
||||||
|
).then((v) {
|
||||||
|
if (v != null) {
|
||||||
|
_blocRole.add(const GetUsers());
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
child: Container(
|
||||||
|
decoration: containerWhiteDecoration,
|
||||||
|
width: screenSize.width * 0.18,
|
||||||
|
height: 50,
|
||||||
|
child: const Center(
|
||||||
|
child: Text(
|
||||||
|
'Add New User',
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 16,
|
||||||
|
fontWeight: FontWeight.w700,
|
||||||
|
color: ColorsManager.blueColor,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
const SizedBox(height: 25),
|
||||||
|
DynamicTableScreen(
|
||||||
|
onFilter: (columnIndex) {
|
||||||
|
if (columnIndex == 0) {
|
||||||
|
showNameMenu(
|
||||||
|
context: context,
|
||||||
|
isSelected: _blocRole.currentSortOrder,
|
||||||
|
aToZTap: () {
|
||||||
|
context
|
||||||
|
.read<UserTableBloc>()
|
||||||
|
.add(const SortUsersByNameAsc());
|
||||||
|
},
|
||||||
|
zToaTap: () {
|
||||||
|
context
|
||||||
|
.read<UserTableBloc>()
|
||||||
|
.add(const SortUsersByNameDesc());
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
if (columnIndex == 2) {
|
||||||
|
final Map<String, bool> checkboxStates = {
|
||||||
|
for (var item in _blocRole.jobTitle)
|
||||||
|
item: _blocRole.selectedJobTitles.contains(item),
|
||||||
|
};
|
||||||
|
final RenderBox overlay = Overlay.of(context)
|
||||||
|
.context
|
||||||
|
.findRenderObject() as RenderBox;
|
||||||
|
|
||||||
|
showPopUpFilterMenu(
|
||||||
|
position: RelativeRect.fromLTRB(
|
||||||
|
overlay.size.width / 4,
|
||||||
|
240,
|
||||||
|
overlay.size.width / 4,
|
||||||
|
0,
|
||||||
|
),
|
||||||
|
list: _blocRole.jobTitle,
|
||||||
|
context: context,
|
||||||
|
checkboxStates: checkboxStates,
|
||||||
|
isSelected: _blocRole.currentSortOrder,
|
||||||
|
onOkPressed: () {
|
||||||
|
_blocRole.add(FilterClearEvent());
|
||||||
|
final selectedItems = checkboxStates.entries
|
||||||
|
.where((entry) => entry.value)
|
||||||
|
.map((entry) => entry.key)
|
||||||
|
.toList();
|
||||||
|
Navigator.of(context).pop();
|
||||||
|
_blocRole.add(FilterUsersByJobEvent(
|
||||||
|
selectedJob: selectedItems,
|
||||||
|
sortOrder: _blocRole.currentSortOrder,
|
||||||
|
));
|
||||||
|
},
|
||||||
|
onSortAtoZ: (v) {
|
||||||
|
_blocRole.currentSortOrder = v;
|
||||||
|
},
|
||||||
|
onSortZtoA: (v) {
|
||||||
|
_blocRole.currentSortOrder = v;
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (columnIndex == 3) {
|
||||||
|
final Map<String, bool> checkboxStates = {
|
||||||
|
for (var item in _blocRole.roleTypes)
|
||||||
|
item: _blocRole.selectedRoles.contains(item),
|
||||||
|
};
|
||||||
|
final RenderBox overlay = Overlay.of(context)
|
||||||
|
.context
|
||||||
|
.findRenderObject() as RenderBox;
|
||||||
|
showPopUpFilterMenu(
|
||||||
|
position: RelativeRect.fromLTRB(
|
||||||
|
overlay.size.width / 4,
|
||||||
|
240,
|
||||||
|
overlay.size.width / 4,
|
||||||
|
0,
|
||||||
|
),
|
||||||
|
list: _blocRole.roleTypes,
|
||||||
|
context: context,
|
||||||
|
checkboxStates: checkboxStates,
|
||||||
|
isSelected: _blocRole.currentSortOrder,
|
||||||
|
onOkPressed: () {
|
||||||
|
_blocRole.add(FilterClearEvent());
|
||||||
|
final selectedItems = checkboxStates.entries
|
||||||
|
.where((entry) => entry.value)
|
||||||
|
.map((entry) => entry.key)
|
||||||
|
.toList();
|
||||||
|
Navigator.of(context).pop();
|
||||||
|
context.read<UserTableBloc>().add(
|
||||||
|
FilterUsersByRoleEvent(
|
||||||
|
selectedRoles: selectedItems,
|
||||||
|
sortOrder: _blocRole.currentSortOrder));
|
||||||
|
},
|
||||||
|
onSortAtoZ: (v) {
|
||||||
|
_blocRole.currentSortOrder = v;
|
||||||
|
},
|
||||||
|
onSortZtoA: (v) {
|
||||||
|
_blocRole.currentSortOrder = v;
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
if (columnIndex == 4) {
|
||||||
|
showDateFilterMenu(
|
||||||
|
context: context,
|
||||||
|
isSelected: _blocRole.currentSortOrder,
|
||||||
|
aToZTap: () {
|
||||||
|
context
|
||||||
|
.read<UserTableBloc>()
|
||||||
|
.add(const DateNewestToOldestEvent());
|
||||||
|
},
|
||||||
|
zToaTap: () {
|
||||||
|
context
|
||||||
|
.read<UserTableBloc>()
|
||||||
|
.add(const DateOldestToNewestEvent());
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
if (columnIndex == 6) {
|
||||||
|
final Map<String, bool> checkboxStates = {
|
||||||
|
for (var item in _blocRole.createdBy)
|
||||||
|
item: _blocRole.selectedCreatedBy.contains(item),
|
||||||
|
};
|
||||||
|
final RenderBox overlay = Overlay.of(context)
|
||||||
|
.context
|
||||||
|
.findRenderObject() as RenderBox;
|
||||||
|
showPopUpFilterMenu(
|
||||||
|
position: RelativeRect.fromLTRB(
|
||||||
|
overlay.size.width / 1,
|
||||||
|
240,
|
||||||
|
overlay.size.width / 4,
|
||||||
|
0,
|
||||||
|
),
|
||||||
|
list: _blocRole.createdBy,
|
||||||
|
context: context,
|
||||||
|
checkboxStates: checkboxStates,
|
||||||
|
isSelected: _blocRole.currentSortOrder,
|
||||||
|
onOkPressed: () {
|
||||||
|
_blocRole.add(FilterClearEvent());
|
||||||
|
final selectedItems = checkboxStates.entries
|
||||||
|
.where((entry) => entry.value)
|
||||||
|
.map((entry) => entry.key)
|
||||||
|
.toList();
|
||||||
|
Navigator.of(context).pop();
|
||||||
|
_blocRole.add(FilterUsersByCreatedEvent(
|
||||||
|
selectedCreatedBy: selectedItems,
|
||||||
|
sortOrder: _blocRole.currentSortOrder));
|
||||||
|
},
|
||||||
|
onSortAtoZ: (v) {
|
||||||
|
_blocRole.currentSortOrder = v;
|
||||||
|
},
|
||||||
|
onSortZtoA: (v) {
|
||||||
|
_blocRole.currentSortOrder = v;
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
if (columnIndex == 7) {
|
||||||
|
final Map<String, bool> checkboxStates = {
|
||||||
|
for (var item in _blocRole.status)
|
||||||
|
item: _blocRole.selectedStatuses.contains(item),
|
||||||
|
};
|
||||||
|
final RenderBox overlay = Overlay.of(context)
|
||||||
|
.context
|
||||||
|
.findRenderObject() as RenderBox;
|
||||||
|
showPopUpFilterMenu(
|
||||||
|
position: RelativeRect.fromLTRB(
|
||||||
|
overlay.size.width / 0,
|
||||||
|
240,
|
||||||
|
overlay.size.width / 4,
|
||||||
|
0,
|
||||||
|
),
|
||||||
|
list: _blocRole.status,
|
||||||
|
context: context,
|
||||||
|
checkboxStates: checkboxStates,
|
||||||
|
isSelected: _blocRole.currentSortOrder,
|
||||||
|
onOkPressed: () {
|
||||||
|
_blocRole.add(FilterClearEvent());
|
||||||
|
|
||||||
|
final selectedItems = checkboxStates.entries
|
||||||
|
.where((entry) => entry.value)
|
||||||
|
.map((entry) => entry.key)
|
||||||
|
.toList();
|
||||||
|
Navigator.of(context).pop();
|
||||||
|
_blocRole.add(FilterUsersByDeActevateEvent(
|
||||||
|
selectedActivate: selectedItems,
|
||||||
|
sortOrder: _blocRole.currentSortOrder));
|
||||||
|
},
|
||||||
|
onSortAtoZ: (v) {
|
||||||
|
_blocRole.currentSortOrder = v;
|
||||||
|
},
|
||||||
|
onSortZtoA: (v) {
|
||||||
|
_blocRole.currentSortOrder = v;
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
if (columnIndex == 8) {
|
||||||
|
showDeActivateFilterMenu(
|
||||||
|
context: context,
|
||||||
|
isSelected: _blocRole.currentSortOrderDate,
|
||||||
|
aToZTap: () {
|
||||||
|
context
|
||||||
|
.read<UserTableBloc>()
|
||||||
|
.add(const DateNewestToOldestEvent());
|
||||||
|
},
|
||||||
|
zToaTap: () {
|
||||||
|
context
|
||||||
|
.read<UserTableBloc>()
|
||||||
|
.add(const DateOldestToNewestEvent());
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
titles: const [
|
||||||
|
"Full Name",
|
||||||
|
"Email Address",
|
||||||
|
"Job Title",
|
||||||
|
"Role",
|
||||||
|
"Creation Date",
|
||||||
|
"Creation Time",
|
||||||
|
"Created By",
|
||||||
|
"Status",
|
||||||
|
"De/Activate",
|
||||||
|
"Action"
|
||||||
|
],
|
||||||
|
rows: state.users.map((user) {
|
||||||
|
return [
|
||||||
|
Text('${user.firstName} ${user.lastName}'),
|
||||||
|
Text(user.email),
|
||||||
|
Text(user.jobTitle ?? '-'),
|
||||||
|
Text(user.roleType ?? ''),
|
||||||
|
Text(user.createdDate ?? ''),
|
||||||
|
Text(user.createdTime ?? ''),
|
||||||
|
Text(user.invitedBy),
|
||||||
|
status(
|
||||||
|
status: user.isEnabled == false
|
||||||
|
? 'disabled'
|
||||||
|
: user.status,
|
||||||
|
),
|
||||||
|
changeIconStatus(
|
||||||
|
status: user.isEnabled == false
|
||||||
|
? 'disabled'
|
||||||
|
: user.status,
|
||||||
|
userId: user.uuid,
|
||||||
|
onTap: user.status != "invited"
|
||||||
|
? () {
|
||||||
|
// final newStatus = user.status == 'active'
|
||||||
|
// ? 'disabled'
|
||||||
|
// : user.status == 'disabled'
|
||||||
|
// ? 'invited'
|
||||||
|
// : 'active';
|
||||||
|
context.read<UserTableBloc>().add(
|
||||||
|
ChangeUserStatus(
|
||||||
|
userId: user.uuid,
|
||||||
|
newStatus: user.isEnabled == false
|
||||||
|
? 'disabled'
|
||||||
|
: user.status));
|
||||||
|
}
|
||||||
|
: null,
|
||||||
|
),
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
// actionButton(
|
||||||
|
// title: "Activity Log",
|
||||||
|
// onTap: () {},
|
||||||
|
// ),
|
||||||
|
actionButton(
|
||||||
|
title: "Edit",
|
||||||
|
onTap: () {
|
||||||
|
showDialog(
|
||||||
|
context: context,
|
||||||
|
barrierDismissible: false,
|
||||||
|
builder: (BuildContext context) {
|
||||||
|
return EditUserDialog(userId: user.uuid);
|
||||||
|
},
|
||||||
|
).then((v) {
|
||||||
|
if (v != null) {
|
||||||
|
if (v != null) {
|
||||||
|
_blocRole.add(const GetUsers());
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
),
|
||||||
|
actionButton(
|
||||||
|
title: "Delete",
|
||||||
|
onTap: () {
|
||||||
|
showDialog(
|
||||||
|
context: context,
|
||||||
|
barrierDismissible: false,
|
||||||
|
builder: (BuildContext context) {
|
||||||
|
return DeleteUserDialog(
|
||||||
|
onTapDelete: () async {
|
||||||
|
try {
|
||||||
|
_blocRole.add(DeleteUserEvent(
|
||||||
|
user.uuid, context));
|
||||||
|
await Future.delayed(
|
||||||
|
const Duration(seconds: 2));
|
||||||
|
return true;
|
||||||
|
} catch (e) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
).then((v) {
|
||||||
|
if (v != null) {
|
||||||
|
if (v != null) {
|
||||||
|
_blocRole.add(const GetUsers());
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
];
|
||||||
|
}).toList(),
|
||||||
|
),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.end,
|
||||||
|
children: [
|
||||||
|
SizedBox(
|
||||||
|
width: 500,
|
||||||
|
child: NumberPagination(
|
||||||
|
visiblePagesCount: 4,
|
||||||
|
buttonRadius: 10,
|
||||||
|
selectedButtonColor: ColorsManager.secondaryColor,
|
||||||
|
buttonUnSelectedBorderColor:
|
||||||
|
ColorsManager.grayBorder,
|
||||||
|
lastPageIcon:
|
||||||
|
const Icon(Icons.keyboard_double_arrow_right),
|
||||||
|
firstPageIcon:
|
||||||
|
const Icon(Icons.keyboard_double_arrow_left),
|
||||||
|
totalPages: (_blocRole.users.length /
|
||||||
|
_blocRole.itemsPerPage)
|
||||||
|
.ceil(),
|
||||||
|
currentPage: _blocRole.currentPage,
|
||||||
|
onPageChanged: (int pageNumber) {
|
||||||
|
_blocRole.currentPage = pageNumber;
|
||||||
|
context
|
||||||
|
.read<UserTableBloc>()
|
||||||
|
.add(ChangePage(pageNumber));
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
} else if (state is ErrorState) {
|
||||||
|
return Center(child: Text(state.message));
|
||||||
|
} else {
|
||||||
|
return const Center(child: Text('No data available.'));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
57
lib/pages/roles_and_permission/view/role_card.dart
Normal file
57
lib/pages/roles_and_permission/view/role_card.dart
Normal file
@ -0,0 +1,57 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
|
||||||
|
class RoleCard extends StatelessWidget {
|
||||||
|
final String name;
|
||||||
|
const RoleCard({super.key, required this.name});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Container(
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: ColorsManager.whiteColors, // Card background color
|
||||||
|
borderRadius: BorderRadius.circular(20), // Rounded corners
|
||||||
|
boxShadow: [
|
||||||
|
BoxShadow(
|
||||||
|
color: ColorsManager.blackColor.withOpacity(0.2), // Shadow color
|
||||||
|
blurRadius: 20, // Spread of the shadow
|
||||||
|
offset: const Offset(2, 2), // No directional bias
|
||||||
|
spreadRadius: 1, // Ensures the shadow is more noticeable
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
child: Container(
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: ColorsManager.whiteColors,
|
||||||
|
borderRadius: BorderRadius.circular(20),
|
||||||
|
),
|
||||||
|
child: Column(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||||
|
children: [
|
||||||
|
const CircleAvatar(
|
||||||
|
backgroundColor: ColorsManager.neutralGray,
|
||||||
|
radius: 65,
|
||||||
|
child: CircleAvatar(
|
||||||
|
backgroundColor: ColorsManager.circleRolesBackground,
|
||||||
|
radius: 62,
|
||||||
|
child: Icon(
|
||||||
|
Icons.admin_panel_settings,
|
||||||
|
size: 40,
|
||||||
|
color: Colors.blue,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Text(
|
||||||
|
name,
|
||||||
|
style: const TextStyle(
|
||||||
|
fontSize: 18,
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
color: Colors.black87,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,94 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/device_managment/shared/navigate_home_grid_view.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/bloc/roles_permission_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/bloc/roles_permission_state.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/users_table/bloc/user_table_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/users_table/bloc/user_table_event.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/users_page/users_table/view/users_page.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
import 'package:syncrow_web/utils/extension/build_context_x.dart';
|
||||||
|
import 'package:syncrow_web/web_layout/web_scaffold.dart';
|
||||||
|
|
||||||
|
class RolesAndPermissionPage extends StatelessWidget {
|
||||||
|
const RolesAndPermissionPage({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return BlocProvider(
|
||||||
|
create: (BuildContext context) => RolesPermissionBloc(),
|
||||||
|
child: BlocConsumer<RolesPermissionBloc, RolesPermissionState>(
|
||||||
|
listener: (context, state) {},
|
||||||
|
builder: (context, state) {
|
||||||
|
final _blocRole = BlocProvider.of<RolesPermissionBloc>(context);
|
||||||
|
|
||||||
|
return state is RolesLoadingState
|
||||||
|
? const Center(child: CircularProgressIndicator())
|
||||||
|
: WebScaffold(
|
||||||
|
enableMenuSidebar: false,
|
||||||
|
appBarTitle: FittedBox(
|
||||||
|
child: Text(
|
||||||
|
'Roles & Permissions',
|
||||||
|
style: Theme.of(context).textTheme.headlineLarge,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
rightBody: const NavigateHomeGridView(),
|
||||||
|
centerBody: Row(
|
||||||
|
children: [
|
||||||
|
// TextButton(
|
||||||
|
// style: TextButton.styleFrom(
|
||||||
|
// backgroundColor: null,
|
||||||
|
// ),
|
||||||
|
// onPressed: () {
|
||||||
|
// _blocRole.add(const ChangeTapSelected(true));
|
||||||
|
// },
|
||||||
|
// child: Text(
|
||||||
|
// 'Roles',
|
||||||
|
// style: context.textTheme.titleMedium?.copyWith(
|
||||||
|
// color: (_blocRole.tapSelect == true)
|
||||||
|
// ? ColorsManager.whiteColors
|
||||||
|
// : ColorsManager.grayColor,
|
||||||
|
// fontWeight: (_blocRole.tapSelect == true)
|
||||||
|
// ? FontWeight.w700
|
||||||
|
// : FontWeight.w400,
|
||||||
|
// ),
|
||||||
|
// ),
|
||||||
|
// ),
|
||||||
|
TextButton(
|
||||||
|
style: TextButton.styleFrom(
|
||||||
|
backgroundColor: null,
|
||||||
|
),
|
||||||
|
onPressed: () {
|
||||||
|
// _blocRole.add(const ChangeTapSelected(false));
|
||||||
|
},
|
||||||
|
child: Text(
|
||||||
|
'Users',
|
||||||
|
style: context.textTheme.titleMedium?.copyWith(
|
||||||
|
color: (_blocRole.tapSelect == true)
|
||||||
|
? ColorsManager.whiteColors
|
||||||
|
: ColorsManager.grayColor,
|
||||||
|
fontWeight: (_blocRole.tapSelect == true)
|
||||||
|
? FontWeight.w700
|
||||||
|
: FontWeight.w400,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
scaffoldBody: BlocProvider<UserTableBloc>(
|
||||||
|
create: (context) => UserTableBloc()..add(const GetUsers()),
|
||||||
|
child: UsersPage(),
|
||||||
|
)
|
||||||
|
// _blocRole.tapSelect == false
|
||||||
|
// ? UsersPage(
|
||||||
|
// blocRole: _blocRole,
|
||||||
|
// )
|
||||||
|
// : RolesPage(
|
||||||
|
// blocRole: _blocRole,
|
||||||
|
// )
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
69
lib/pages/roles_and_permission/view/roles_page.dart
Normal file
69
lib/pages/roles_and_permission/view/roles_page.dart
Normal file
@ -0,0 +1,69 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_svg/flutter_svg.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/bloc/roles_permission_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/roles_and_permission/view/role_card.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
import 'package:syncrow_web/utils/constants/assets.dart';
|
||||||
|
import 'package:syncrow_web/utils/extension/build_context_x.dart';
|
||||||
|
import 'package:syncrow_web/utils/style.dart';
|
||||||
|
|
||||||
|
class RolesPage extends StatelessWidget {
|
||||||
|
final RolesPermissionBloc blocRole;
|
||||||
|
const RolesPage({super.key, required this.blocRole});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final TextEditingController searchController = TextEditingController();
|
||||||
|
double screenWidth = MediaQuery.of(context).size.width;
|
||||||
|
|
||||||
|
int crossAxisCount = (screenWidth ~/ 200).clamp(1, 6);
|
||||||
|
|
||||||
|
return Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
decoration: containerDecoration.copyWith(
|
||||||
|
borderRadius: const BorderRadius.all(
|
||||||
|
Radius.circular(20),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
width: 250,
|
||||||
|
child: TextFormField(
|
||||||
|
controller: searchController,
|
||||||
|
style: const TextStyle(color: Colors.black),
|
||||||
|
decoration: textBoxDecoration(radios: 15)!.copyWith(
|
||||||
|
fillColor: ColorsManager.whiteColors,
|
||||||
|
errorStyle: const TextStyle(height: 0),
|
||||||
|
hintStyle: context.textTheme.titleSmall?.copyWith(
|
||||||
|
color: Colors.grey,
|
||||||
|
fontSize: 12,
|
||||||
|
),
|
||||||
|
hintText: 'Search',
|
||||||
|
suffixIcon: SvgPicture.asset(Assets.searchIconUser)),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Expanded(
|
||||||
|
child: GridView.builder(
|
||||||
|
padding: const EdgeInsets.all(10),
|
||||||
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
||||||
|
crossAxisCount: crossAxisCount,
|
||||||
|
crossAxisSpacing: 16,
|
||||||
|
mainAxisSpacing: 16,
|
||||||
|
childAspectRatio: 2 / 2.5,
|
||||||
|
),
|
||||||
|
itemCount: blocRole.roleModel.length ?? 0,
|
||||||
|
itemBuilder: (context, index) {
|
||||||
|
final role = blocRole.roleModel[index];
|
||||||
|
if (role == null) {
|
||||||
|
return const SizedBox.shrink();
|
||||||
|
}
|
||||||
|
return RoleCard(
|
||||||
|
name: role.roleName ?? 'Unknown',
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -83,7 +83,7 @@ class DraggableCard extends StatelessWidget {
|
|||||||
height: 50,
|
height: 50,
|
||||||
width: 50,
|
width: 50,
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
color: ColorsManager.CircleImageBackground,
|
color: ColorsManager.circleImageBackground,
|
||||||
borderRadius: BorderRadius.circular(90),
|
borderRadius: BorderRadius.circular(90),
|
||||||
border: Border.all(
|
border: Border.all(
|
||||||
color: ColorsManager.graysColor,
|
color: ColorsManager.graysColor,
|
||||||
|
|||||||
@ -0,0 +1,38 @@
|
|||||||
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/selected_product_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/add_device_type/bloc/add_device_type_model_event.dart';
|
||||||
|
|
||||||
|
class AddDeviceTypeBloc
|
||||||
|
extends Bloc<AddDeviceTypeEvent, List<SelectedProduct>> {
|
||||||
|
AddDeviceTypeBloc(List<SelectedProduct> initialProducts)
|
||||||
|
: super(initialProducts) {
|
||||||
|
on<UpdateProductCountEvent>(_onUpdateProductCount);
|
||||||
|
}
|
||||||
|
|
||||||
|
void _onUpdateProductCount(
|
||||||
|
UpdateProductCountEvent event, Emitter<List<SelectedProduct>> emit) {
|
||||||
|
final existingProduct = state.firstWhere(
|
||||||
|
(p) => p.productId == event.productId,
|
||||||
|
orElse: () => SelectedProduct(productId: event.productId, count: 0,productName: event.productName,product: event.product ),
|
||||||
|
);
|
||||||
|
|
||||||
|
if (event.count > 0) {
|
||||||
|
if (!state.contains(existingProduct)) {
|
||||||
|
emit([
|
||||||
|
...state,
|
||||||
|
SelectedProduct(productId: event.productId, count: event.count, productName: event.productName, product: event.product)
|
||||||
|
]);
|
||||||
|
} else {
|
||||||
|
final updatedList = state.map((p) {
|
||||||
|
if (p.productId == event.productId) {
|
||||||
|
return SelectedProduct(productId: p.productId, count: event.count, productName: p.productName,product: p.product);
|
||||||
|
}
|
||||||
|
return p;
|
||||||
|
}).toList();
|
||||||
|
emit(updatedList);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
emit(state.where((p) => p.productId != event.productId).toList());
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,19 @@
|
|||||||
|
import 'package:equatable/equatable.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/product_model.dart';
|
||||||
|
|
||||||
|
abstract class AddDeviceTypeEvent extends Equatable {
|
||||||
|
@override
|
||||||
|
List<Object> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
class UpdateProductCountEvent extends AddDeviceTypeEvent {
|
||||||
|
final String productId;
|
||||||
|
final int count;
|
||||||
|
final String productName;
|
||||||
|
final ProductModel product;
|
||||||
|
|
||||||
|
UpdateProductCountEvent({required this.productId, required this.count, required this.productName, required this.product});
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object> get props => [productId, count];
|
||||||
|
}
|
||||||
@ -0,0 +1,149 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/common/buttons/cancel_button.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/add_device_type/bloc/add_device_model_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/add_device_type/widgets/scrollable_grid_view_widget.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/subspace_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/tag.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/product_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/selected_product_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/assign_tag/views/assign_tag_dialog.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/tag_model/widgets/action_button_widget.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
|
||||||
|
|
||||||
|
class AddDeviceTypeWidget extends StatelessWidget {
|
||||||
|
final List<ProductModel>? products;
|
||||||
|
final ValueChanged<List<SelectedProduct>>? onProductsSelected;
|
||||||
|
final List<SelectedProduct>? initialSelectedProducts;
|
||||||
|
final List<SubspaceModel>? subspaces;
|
||||||
|
final List<Tag>? spaceTags;
|
||||||
|
final List<String>? allTags;
|
||||||
|
final String spaceName;
|
||||||
|
final Function(List<Tag>,List<SubspaceModel>?)? onSave;
|
||||||
|
|
||||||
|
|
||||||
|
const AddDeviceTypeWidget(
|
||||||
|
{super.key,
|
||||||
|
this.products,
|
||||||
|
this.initialSelectedProducts,
|
||||||
|
this.onProductsSelected,
|
||||||
|
this.subspaces,
|
||||||
|
this.allTags,
|
||||||
|
this.spaceTags,
|
||||||
|
this.onSave,
|
||||||
|
required this.spaceName});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final size = MediaQuery.of(context).size;
|
||||||
|
final crossAxisCount = size.width > 1200
|
||||||
|
? 8
|
||||||
|
: size.width > 800
|
||||||
|
? 5
|
||||||
|
: 3;
|
||||||
|
|
||||||
|
return BlocProvider(
|
||||||
|
create: (_) => AddDeviceTypeBloc(initialSelectedProducts ?? []),
|
||||||
|
child: Builder(
|
||||||
|
builder: (context) => AlertDialog(
|
||||||
|
title: const Text('Add Devices'),
|
||||||
|
backgroundColor: ColorsManager.whiteColors,
|
||||||
|
content: SingleChildScrollView(
|
||||||
|
child: Container(
|
||||||
|
width: size.width * 0.9,
|
||||||
|
height: size.height * 0.65,
|
||||||
|
color: ColorsManager.textFieldGreyColor,
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
const SizedBox(height: 16),
|
||||||
|
Expanded(
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 20.0),
|
||||||
|
child: ScrollableGridViewWidget(
|
||||||
|
products: products, crossAxisCount: crossAxisCount),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
actions: [
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||||
|
children: [
|
||||||
|
CancelButton(
|
||||||
|
label: 'Cancel',
|
||||||
|
onPressed: () async {
|
||||||
|
Navigator.of(context).pop();
|
||||||
|
},
|
||||||
|
),
|
||||||
|
ActionButton(
|
||||||
|
label: 'Continue',
|
||||||
|
backgroundColor: ColorsManager.secondaryColor,
|
||||||
|
foregroundColor: ColorsManager.whiteColors,
|
||||||
|
onPressed: () async {
|
||||||
|
final currentState =
|
||||||
|
context.read<AddDeviceTypeBloc>().state;
|
||||||
|
Navigator.of(context).pop();
|
||||||
|
|
||||||
|
if (currentState.isNotEmpty) {
|
||||||
|
final initialTags = generateInitialTags(
|
||||||
|
spaceTags: spaceTags,
|
||||||
|
subspaces: subspaces,
|
||||||
|
);
|
||||||
|
|
||||||
|
final dialogTitle = initialTags.isNotEmpty
|
||||||
|
? 'Edit Device'
|
||||||
|
: 'Assign Tags';
|
||||||
|
await showDialog<bool>(
|
||||||
|
barrierDismissible: false,
|
||||||
|
context: context,
|
||||||
|
builder: (context) => AssignTagDialog(
|
||||||
|
products: products,
|
||||||
|
subspaces: subspaces,
|
||||||
|
addedProducts: currentState,
|
||||||
|
allTags: allTags,
|
||||||
|
spaceName: spaceName,
|
||||||
|
initialTags: initialTags,
|
||||||
|
title: dialogTitle,
|
||||||
|
onSave: (tags,subspaces){
|
||||||
|
onSave!(tags,subspaces);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
));
|
||||||
|
}
|
||||||
|
|
||||||
|
List<Tag> generateInitialTags({
|
||||||
|
List<Tag>? spaceTags,
|
||||||
|
List<SubspaceModel>? subspaces,
|
||||||
|
}) {
|
||||||
|
final List<Tag> initialTags = [];
|
||||||
|
|
||||||
|
if (spaceTags != null) {
|
||||||
|
initialTags.addAll(spaceTags);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (subspaces != null) {
|
||||||
|
for (var subspace in subspaces) {
|
||||||
|
if (subspace.tags != null) {
|
||||||
|
initialTags.addAll(
|
||||||
|
subspace.tags!.map(
|
||||||
|
(tag) => tag.copyWith(location: subspace.subspaceName),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return initialTags;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,68 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/add_device_type/bloc/add_device_model_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/add_device_type/bloc/add_device_type_model_event.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/product_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/selected_product_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/counter_widget.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/tag_model/widgets/device_icon_widget.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/tag_model/widgets/device_name_widget.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
import 'package:syncrow_web/utils/constants/assets.dart';
|
||||||
|
|
||||||
|
class DeviceTypeTileWidget extends StatelessWidget {
|
||||||
|
final ProductModel product;
|
||||||
|
final List<SelectedProduct> productCounts;
|
||||||
|
|
||||||
|
const DeviceTypeTileWidget({
|
||||||
|
super.key,
|
||||||
|
required this.product,
|
||||||
|
required this.productCounts,
|
||||||
|
});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final selectedProduct = productCounts.firstWhere(
|
||||||
|
(p) => p.productId == product.uuid,
|
||||||
|
orElse: () => SelectedProduct(
|
||||||
|
productId: product.uuid,
|
||||||
|
count: 0,
|
||||||
|
productName: product.catName,
|
||||||
|
product: product),
|
||||||
|
);
|
||||||
|
|
||||||
|
return Card(
|
||||||
|
elevation: 2,
|
||||||
|
color: ColorsManager.whiteColors,
|
||||||
|
shape: RoundedRectangleBorder(
|
||||||
|
borderRadius: BorderRadius.circular(8),
|
||||||
|
),
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.all(4.0),
|
||||||
|
child: Column(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.start,
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.center,
|
||||||
|
children: [
|
||||||
|
DeviceIconWidget(icon: product.icon ?? Assets.doorSensor),
|
||||||
|
const SizedBox(height: 4),
|
||||||
|
DeviceNameWidget(name: product.name),
|
||||||
|
const SizedBox(height: 4),
|
||||||
|
CounterWidget(
|
||||||
|
isCreate: false,
|
||||||
|
initialCount: selectedProduct.count,
|
||||||
|
onCountChanged: (newCount) {
|
||||||
|
context.read<AddDeviceTypeBloc>().add(
|
||||||
|
UpdateProductCountEvent(
|
||||||
|
productId: product.uuid,
|
||||||
|
count: newCount,
|
||||||
|
productName: product.catName,
|
||||||
|
product: product),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,70 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/add_device_type/bloc/add_device_model_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/add_device_type/widgets/device_type_tile_widget.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/product_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/selected_product_model.dart';
|
||||||
|
|
||||||
|
class ScrollableGridViewWidget extends StatelessWidget {
|
||||||
|
final List<ProductModel>? products;
|
||||||
|
final int crossAxisCount;
|
||||||
|
final List<SelectedProduct>? initialProductCounts;
|
||||||
|
|
||||||
|
const ScrollableGridViewWidget({
|
||||||
|
super.key,
|
||||||
|
required this.products,
|
||||||
|
required this.crossAxisCount,
|
||||||
|
this.initialProductCounts,
|
||||||
|
});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final scrollController = ScrollController();
|
||||||
|
|
||||||
|
return Scrollbar(
|
||||||
|
controller: scrollController,
|
||||||
|
thumbVisibility: true,
|
||||||
|
child: BlocBuilder<AddDeviceTypeBloc, List<SelectedProduct>>(
|
||||||
|
builder: (context, productCounts) {
|
||||||
|
return GridView.builder(
|
||||||
|
controller: scrollController,
|
||||||
|
shrinkWrap: true,
|
||||||
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
||||||
|
crossAxisCount: crossAxisCount,
|
||||||
|
mainAxisSpacing: 6,
|
||||||
|
crossAxisSpacing: 4,
|
||||||
|
childAspectRatio: .8,
|
||||||
|
),
|
||||||
|
itemCount: products?.length ?? 0,
|
||||||
|
itemBuilder: (context, index) {
|
||||||
|
final product = products![index];
|
||||||
|
final initialProductCount = _findInitialProductCount(product);
|
||||||
|
|
||||||
|
return DeviceTypeTileWidget(
|
||||||
|
product: product,
|
||||||
|
productCounts: initialProductCount != null
|
||||||
|
? [...productCounts, initialProductCount]
|
||||||
|
: productCounts,
|
||||||
|
);
|
||||||
|
},
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
SelectedProduct? _findInitialProductCount(ProductModel product) {
|
||||||
|
if (initialProductCounts == null) return null;
|
||||||
|
final matchingProduct = initialProductCounts!.firstWhere(
|
||||||
|
(selectedProduct) => selectedProduct.productId == product.uuid,
|
||||||
|
orElse: () => SelectedProduct(
|
||||||
|
productId: '',
|
||||||
|
count: 0,
|
||||||
|
productName: '',
|
||||||
|
product: null,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
|
||||||
|
return matchingProduct.productId.isNotEmpty ? matchingProduct : null;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -1,20 +1,26 @@
|
|||||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/community_model.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/community_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/create_subspace_model.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/product_model.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/product_model.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/space_model.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/space_model.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/bloc/space_management_event.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/bloc/space_management_event.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/bloc/space_management_state.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/bloc/space_management_state.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/tag.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/space_model/models/space_template_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/space_model/models/tag_body_model.dart';
|
||||||
import 'package:syncrow_web/services/product_api.dart';
|
import 'package:syncrow_web/services/product_api.dart';
|
||||||
import 'package:syncrow_web/services/space_mana_api.dart';
|
import 'package:syncrow_web/services/space_mana_api.dart';
|
||||||
|
import 'package:syncrow_web/services/space_model_mang_api.dart';
|
||||||
|
|
||||||
class SpaceManagementBloc
|
class SpaceManagementBloc
|
||||||
extends Bloc<SpaceManagementEvent, SpaceManagementState> {
|
extends Bloc<SpaceManagementEvent, SpaceManagementState> {
|
||||||
final CommunitySpaceManagementApi _api;
|
final CommunitySpaceManagementApi _api;
|
||||||
final ProductApi _productApi;
|
final ProductApi _productApi;
|
||||||
|
final SpaceModelManagementApi _spaceModelApi;
|
||||||
|
|
||||||
List<ProductModel>? _cachedProducts;
|
List<ProductModel>? _cachedProducts;
|
||||||
|
|
||||||
SpaceManagementBloc(this._api, this._productApi)
|
SpaceManagementBloc(this._api, this._productApi, this._spaceModelApi)
|
||||||
: super(SpaceManagementInitial()) {
|
: super(SpaceManagementInitial()) {
|
||||||
on<LoadCommunityAndSpacesEvent>(_onLoadCommunityAndSpaces);
|
on<LoadCommunityAndSpacesEvent>(_onLoadCommunityAndSpaces);
|
||||||
on<UpdateSpacePositionEvent>(_onUpdateSpacePosition);
|
on<UpdateSpacePositionEvent>(_onUpdateSpacePosition);
|
||||||
@ -26,6 +32,8 @@ class SpaceManagementBloc
|
|||||||
on<FetchProductsEvent>(_onFetchProducts);
|
on<FetchProductsEvent>(_onFetchProducts);
|
||||||
on<SelectSpaceEvent>(_onSelectSpace);
|
on<SelectSpaceEvent>(_onSelectSpace);
|
||||||
on<NewCommunityEvent>(_onNewCommunity);
|
on<NewCommunityEvent>(_onNewCommunity);
|
||||||
|
on<BlankStateEvent>(_onBlankState);
|
||||||
|
on<SpaceModelLoadEvent>(_onLoadSpaceModel);
|
||||||
}
|
}
|
||||||
|
|
||||||
void _onUpdateCommunity(
|
void _onUpdateCommunity(
|
||||||
@ -47,10 +55,14 @@ class SpaceManagementBloc
|
|||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
var prevSpaceModels = await fetchSpaceModels(previousState);
|
||||||
|
|
||||||
emit(SpaceManagementLoaded(
|
emit(SpaceManagementLoaded(
|
||||||
communities: updatedCommunities,
|
communities: updatedCommunities,
|
||||||
products: previousState.products,
|
products: previousState.products,
|
||||||
selectedCommunity: previousState.selectedCommunity,
|
selectedCommunity: previousState.selectedCommunity,
|
||||||
|
spaceModels: prevSpaceModels,
|
||||||
));
|
));
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
@ -61,6 +73,41 @@ class SpaceManagementBloc
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Future<List<SpaceTemplateModel>> fetchSpaceModels(
|
||||||
|
SpaceManagementState previousState) async {
|
||||||
|
try {
|
||||||
|
List<SpaceTemplateModel> allSpaces = [];
|
||||||
|
List<SpaceTemplateModel> prevSpaceModels = [];
|
||||||
|
|
||||||
|
if (previousState is SpaceManagementLoaded ||
|
||||||
|
previousState is BlankState) {
|
||||||
|
prevSpaceModels = List<SpaceTemplateModel>.from(
|
||||||
|
(previousState as dynamic).spaceModels ?? [],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (prevSpaceModels.isEmpty) {
|
||||||
|
bool hasNext = true;
|
||||||
|
int page = 1;
|
||||||
|
|
||||||
|
while (hasNext) {
|
||||||
|
final spaces = await _spaceModelApi.listSpaceModels(page: page);
|
||||||
|
if (spaces.isNotEmpty) {
|
||||||
|
allSpaces.addAll(spaces);
|
||||||
|
page++;
|
||||||
|
} else {
|
||||||
|
hasNext = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
prevSpaceModels = await _spaceModelApi.listSpaceModels(page: 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
return allSpaces;
|
||||||
|
} catch (e) {
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
void _onloadProducts() async {
|
void _onloadProducts() async {
|
||||||
if (_cachedProducts == null) {
|
if (_cachedProducts == null) {
|
||||||
final products = await _productApi.fetchProducts();
|
final products = await _productApi.fetchProducts();
|
||||||
@ -84,19 +131,66 @@ class SpaceManagementBloc
|
|||||||
return await _api.getSpaceHierarchy(communityUuid);
|
return await _api.getSpaceHierarchy(communityUuid);
|
||||||
}
|
}
|
||||||
|
|
||||||
void _onNewCommunity(
|
Future<void> _onNewCommunity(
|
||||||
NewCommunityEvent event,
|
NewCommunityEvent event,
|
||||||
Emitter<SpaceManagementState> emit,
|
Emitter<SpaceManagementState> emit,
|
||||||
) {
|
) async {
|
||||||
try {
|
try {
|
||||||
|
final previousState = state;
|
||||||
|
|
||||||
if (event.communities.isEmpty) {
|
if (event.communities.isEmpty) {
|
||||||
emit(const SpaceManagementError('No communities provided.'));
|
emit(const SpaceManagementError('No communities provided.'));
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
var prevSpaceModels = await fetchSpaceModels(previousState);
|
||||||
|
|
||||||
emit(BlankState(
|
emit(BlankState(
|
||||||
communities: event.communities,
|
communities: event.communities,
|
||||||
products: _cachedProducts ?? [],
|
products: _cachedProducts ?? [],
|
||||||
|
spaceModels: prevSpaceModels,
|
||||||
|
));
|
||||||
|
} catch (error) {
|
||||||
|
emit(SpaceManagementError('Error loading communities: $error'));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> _onBlankState(
|
||||||
|
BlankStateEvent event, Emitter<SpaceManagementState> emit) async {
|
||||||
|
try {
|
||||||
|
final previousState = state;
|
||||||
|
var prevSpaceModels = await fetchSpaceModels(previousState);
|
||||||
|
|
||||||
|
if (previousState is SpaceManagementLoaded ||
|
||||||
|
previousState is BlankState) {
|
||||||
|
final prevCommunities = (previousState as dynamic).communities ?? [];
|
||||||
|
emit(BlankState(
|
||||||
|
communities: List<CommunityModel>.from(prevCommunities),
|
||||||
|
products: _cachedProducts ?? [],
|
||||||
|
spaceModels: prevSpaceModels,
|
||||||
|
));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
final communities = await _api.fetchCommunities();
|
||||||
|
final updatedCommunities =
|
||||||
|
await Future.wait(communities.map((community) async {
|
||||||
|
final spaces = await _fetchSpacesForCommunity(community.uuid);
|
||||||
|
return CommunityModel(
|
||||||
|
uuid: community.uuid,
|
||||||
|
createdAt: community.createdAt,
|
||||||
|
updatedAt: community.updatedAt,
|
||||||
|
name: community.name,
|
||||||
|
description: community.description,
|
||||||
|
spaces: spaces,
|
||||||
|
region: community.region,
|
||||||
|
);
|
||||||
|
}));
|
||||||
|
|
||||||
|
emit(BlankState(
|
||||||
|
spaceModels: prevSpaceModels,
|
||||||
|
communities: updatedCommunities,
|
||||||
|
products: _cachedProducts ?? [],
|
||||||
));
|
));
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
emit(SpaceManagementError('Error loading communities: $error'));
|
emit(SpaceManagementError('Error loading communities: $error'));
|
||||||
@ -107,6 +201,7 @@ class SpaceManagementBloc
|
|||||||
LoadCommunityAndSpacesEvent event,
|
LoadCommunityAndSpacesEvent event,
|
||||||
Emitter<SpaceManagementState> emit,
|
Emitter<SpaceManagementState> emit,
|
||||||
) async {
|
) async {
|
||||||
|
var prevState = state;
|
||||||
emit(SpaceManagementLoading());
|
emit(SpaceManagementLoading());
|
||||||
try {
|
try {
|
||||||
_onloadProducts();
|
_onloadProducts();
|
||||||
@ -128,8 +223,11 @@ class SpaceManagementBloc
|
|||||||
}).toList(),
|
}).toList(),
|
||||||
);
|
);
|
||||||
|
|
||||||
|
final prevSpaceModels = await fetchSpaceModels(prevState);
|
||||||
emit(SpaceManagementLoaded(
|
emit(SpaceManagementLoaded(
|
||||||
communities: updatedCommunities, products: _cachedProducts ?? []));
|
communities: updatedCommunities,
|
||||||
|
products: _cachedProducts ?? [],
|
||||||
|
spaceModels: prevSpaceModels));
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
emit(SpaceManagementError('Error loading communities and spaces: $e'));
|
emit(SpaceManagementError('Error loading communities and spaces: $e'));
|
||||||
}
|
}
|
||||||
@ -169,6 +267,7 @@ class SpaceManagementBloc
|
|||||||
try {
|
try {
|
||||||
CommunityModel? newCommunity =
|
CommunityModel? newCommunity =
|
||||||
await _api.createCommunity(event.name, event.description);
|
await _api.createCommunity(event.name, event.description);
|
||||||
|
var prevSpaceModels = await fetchSpaceModels(previousState);
|
||||||
|
|
||||||
if (newCommunity != null) {
|
if (newCommunity != null) {
|
||||||
if (previousState is SpaceManagementLoaded ||
|
if (previousState is SpaceManagementLoaded ||
|
||||||
@ -178,6 +277,7 @@ class SpaceManagementBloc
|
|||||||
);
|
);
|
||||||
final updatedCommunities = prevCommunities..add(newCommunity);
|
final updatedCommunities = prevCommunities..add(newCommunity);
|
||||||
emit(SpaceManagementLoaded(
|
emit(SpaceManagementLoaded(
|
||||||
|
spaceModels: prevSpaceModels,
|
||||||
communities: updatedCommunities,
|
communities: updatedCommunities,
|
||||||
products: _cachedProducts ?? [],
|
products: _cachedProducts ?? [],
|
||||||
selectedCommunity: newCommunity,
|
selectedCommunity: newCommunity,
|
||||||
@ -195,11 +295,15 @@ class SpaceManagementBloc
|
|||||||
SelectCommunityEvent event,
|
SelectCommunityEvent event,
|
||||||
Emitter<SpaceManagementState> emit,
|
Emitter<SpaceManagementState> emit,
|
||||||
) async {
|
) async {
|
||||||
|
try {
|
||||||
_handleCommunitySpaceStateUpdate(
|
_handleCommunitySpaceStateUpdate(
|
||||||
emit: emit,
|
emit: emit,
|
||||||
selectedCommunity: event.selectedCommunity,
|
selectedCommunity: event.selectedCommunity,
|
||||||
selectedSpace: null,
|
selectedSpace: null,
|
||||||
);
|
);
|
||||||
|
} catch (e) {
|
||||||
|
emit(SpaceManagementError('Error updating state: $e'));
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
void _onSelectSpace(
|
void _onSelectSpace(
|
||||||
@ -223,16 +327,21 @@ class SpaceManagementBloc
|
|||||||
|
|
||||||
try {
|
try {
|
||||||
if (previousState is SpaceManagementLoaded ||
|
if (previousState is SpaceManagementLoaded ||
|
||||||
previousState is BlankState) {
|
previousState is BlankState ||
|
||||||
|
previousState is SpaceModelLoaded) {
|
||||||
final communities = List<CommunityModel>.from(
|
final communities = List<CommunityModel>.from(
|
||||||
(previousState as dynamic).communities,
|
(previousState as dynamic).communities,
|
||||||
);
|
);
|
||||||
|
|
||||||
|
final spaceModels = List<SpaceTemplateModel>.from(
|
||||||
|
(previousState as dynamic).spaceModels,
|
||||||
|
);
|
||||||
emit(SpaceManagementLoaded(
|
emit(SpaceManagementLoaded(
|
||||||
communities: communities,
|
communities: communities,
|
||||||
products: _cachedProducts ?? [],
|
products: _cachedProducts ?? [],
|
||||||
selectedCommunity: selectedCommunity,
|
selectedCommunity: selectedCommunity,
|
||||||
selectedSpace: selectedSpace,
|
selectedSpace: selectedSpace,
|
||||||
));
|
spaceModels: spaceModels ?? []));
|
||||||
}
|
}
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
emit(SpaceManagementError('Error updating state: $e'));
|
emit(SpaceManagementError('Error updating state: $e'));
|
||||||
@ -255,7 +364,7 @@ class SpaceManagementBloc
|
|||||||
emit(SpaceCreationSuccess(spaces: updatedSpaces));
|
emit(SpaceCreationSuccess(spaces: updatedSpaces));
|
||||||
|
|
||||||
if (previousState is SpaceManagementLoaded) {
|
if (previousState is SpaceManagementLoaded) {
|
||||||
_updateLoadedState(
|
await _updateLoadedState(
|
||||||
previousState,
|
previousState,
|
||||||
allSpaces,
|
allSpaces,
|
||||||
event.communityUuid,
|
event.communityUuid,
|
||||||
@ -273,12 +382,14 @@ class SpaceManagementBloc
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
void _updateLoadedState(
|
Future<void> _updateLoadedState(
|
||||||
SpaceManagementLoaded previousState,
|
SpaceManagementLoaded previousState,
|
||||||
List<SpaceModel> allSpaces,
|
List<SpaceModel> allSpaces,
|
||||||
String communityUuid,
|
String communityUuid,
|
||||||
Emitter<SpaceManagementState> emit,
|
Emitter<SpaceManagementState> emit,
|
||||||
) {
|
) async {
|
||||||
|
var prevSpaceModels = await fetchSpaceModels(previousState);
|
||||||
|
|
||||||
final communities = List<CommunityModel>.from(previousState.communities);
|
final communities = List<CommunityModel>.from(previousState.communities);
|
||||||
|
|
||||||
for (var community in communities) {
|
for (var community in communities) {
|
||||||
@ -289,7 +400,7 @@ class SpaceManagementBloc
|
|||||||
products: _cachedProducts ?? [],
|
products: _cachedProducts ?? [],
|
||||||
selectedCommunity: community,
|
selectedCommunity: community,
|
||||||
selectedSpace: null,
|
selectedSpace: null,
|
||||||
));
|
spaceModels: prevSpaceModels));
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -309,9 +420,10 @@ class SpaceManagementBloc
|
|||||||
await _api.deleteSpace(communityUuid, parent.uuid!);
|
await _api.deleteSpace(communityUuid, parent.uuid!);
|
||||||
}
|
}
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
rethrow; // Decide whether to stop execution or continue
|
rethrow;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
orderedSpaces.removeWhere((space) => parentsToDelete.contains(space));
|
||||||
|
|
||||||
for (var space in orderedSpaces) {
|
for (var space in orderedSpaces) {
|
||||||
try {
|
try {
|
||||||
@ -325,9 +437,24 @@ class SpaceManagementBloc
|
|||||||
position: space.position,
|
position: space.position,
|
||||||
icon: space.icon,
|
icon: space.icon,
|
||||||
direction: space.incomingConnection?.direction,
|
direction: space.incomingConnection?.direction,
|
||||||
products: space.selectedProducts);
|
);
|
||||||
} else {
|
} else {
|
||||||
// Call create if the space does not have a UUID
|
// Call create if the space does not have a UUID
|
||||||
|
final List<CreateTagBodyModel> tagBodyModels = space.tags != null
|
||||||
|
? space.tags!.map((tag) => tag.toCreateTagBodyModel()).toList()
|
||||||
|
: [];
|
||||||
|
|
||||||
|
final createSubspaceBodyModels = space.subspaces?.map((subspace) {
|
||||||
|
final tagBodyModels = subspace.tags
|
||||||
|
?.map((tag) => tag.toCreateTagBodyModel())
|
||||||
|
.toList() ??
|
||||||
|
[];
|
||||||
|
return CreateSubspaceModel()
|
||||||
|
..subspaceName = subspace.subspaceName
|
||||||
|
..tags = tagBodyModels;
|
||||||
|
}).toList() ??
|
||||||
|
[];
|
||||||
|
|
||||||
final response = await _api.createSpace(
|
final response = await _api.createSpace(
|
||||||
communityId: communityUuid,
|
communityId: communityUuid,
|
||||||
name: space.name,
|
name: space.name,
|
||||||
@ -336,7 +463,10 @@ class SpaceManagementBloc
|
|||||||
position: space.position,
|
position: space.position,
|
||||||
icon: space.icon,
|
icon: space.icon,
|
||||||
direction: space.incomingConnection?.direction,
|
direction: space.incomingConnection?.direction,
|
||||||
products: space.selectedProducts);
|
spaceModelUuid: space.spaceModel?.uuid,
|
||||||
|
tags: tagBodyModels,
|
||||||
|
subspaces: createSubspaceBodyModels,
|
||||||
|
);
|
||||||
space.uuid = response?.uuid;
|
space.uuid = response?.uuid;
|
||||||
}
|
}
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
@ -370,4 +500,39 @@ class SpaceManagementBloc
|
|||||||
}
|
}
|
||||||
return result.toList(); // Convert back to a list
|
return result.toList(); // Convert back to a list
|
||||||
}
|
}
|
||||||
|
|
||||||
|
void _onLoadSpaceModel(
|
||||||
|
SpaceModelLoadEvent event, Emitter<SpaceManagementState> emit) async {
|
||||||
|
emit(SpaceManagementLoading());
|
||||||
|
try {
|
||||||
|
var prevState = state;
|
||||||
|
|
||||||
|
List<CommunityModel> communities = await _api.fetchCommunities();
|
||||||
|
|
||||||
|
List<CommunityModel> updatedCommunities = await Future.wait(
|
||||||
|
communities.map((community) async {
|
||||||
|
List<SpaceModel> spaces =
|
||||||
|
await _fetchSpacesForCommunity(community.uuid);
|
||||||
|
return CommunityModel(
|
||||||
|
uuid: community.uuid,
|
||||||
|
createdAt: community.createdAt,
|
||||||
|
updatedAt: community.updatedAt,
|
||||||
|
name: community.name,
|
||||||
|
description: community.description,
|
||||||
|
spaces: spaces, // New spaces list
|
||||||
|
region: community.region,
|
||||||
|
);
|
||||||
|
}).toList(),
|
||||||
|
);
|
||||||
|
|
||||||
|
var prevSpaceModels = await fetchSpaceModels(prevState);
|
||||||
|
|
||||||
|
emit(SpaceModelLoaded(
|
||||||
|
communities: updatedCommunities,
|
||||||
|
products: _cachedProducts ?? [],
|
||||||
|
spaceModels: prevSpaceModels));
|
||||||
|
} catch (e) {
|
||||||
|
emit(SpaceManagementError('Error loading communities and spaces: $e'));
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -140,3 +140,8 @@ class LoadSpaceHierarchyEvent extends SpaceManagementEvent {
|
|||||||
@override
|
@override
|
||||||
List<Object> get props => [communityId];
|
List<Object> get props => [communityId];
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
class BlankStateEvent extends SpaceManagementEvent {}
|
||||||
|
|
||||||
|
class SpaceModelLoadEvent extends SpaceManagementEvent {}
|
||||||
|
|||||||
@ -2,6 +2,7 @@ import 'package:equatable/equatable.dart';
|
|||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/community_model.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/community_model.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/product_model.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/product_model.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/space_model.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/space_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/space_model/models/space_template_model.dart';
|
||||||
|
|
||||||
abstract class SpaceManagementState extends Equatable {
|
abstract class SpaceManagementState extends Equatable {
|
||||||
const SpaceManagementState();
|
const SpaceManagementState();
|
||||||
@ -19,22 +20,27 @@ class SpaceManagementLoaded extends SpaceManagementState {
|
|||||||
final List<ProductModel> products;
|
final List<ProductModel> products;
|
||||||
CommunityModel? selectedCommunity;
|
CommunityModel? selectedCommunity;
|
||||||
SpaceModel? selectedSpace;
|
SpaceModel? selectedSpace;
|
||||||
|
List<SpaceTemplateModel>? spaceModels;
|
||||||
|
|
||||||
SpaceManagementLoaded(
|
SpaceManagementLoaded(
|
||||||
{required this.communities,
|
{required this.communities,
|
||||||
required this.products,
|
required this.products,
|
||||||
this.selectedCommunity,
|
this.selectedCommunity,
|
||||||
this.selectedSpace});
|
this.selectedSpace,
|
||||||
|
this.spaceModels});
|
||||||
|
}
|
||||||
|
|
||||||
|
class SpaceModelManagenetLoaded extends SpaceManagementState {
|
||||||
|
SpaceModelManagenetLoaded();
|
||||||
}
|
}
|
||||||
|
|
||||||
class BlankState extends SpaceManagementState {
|
class BlankState extends SpaceManagementState {
|
||||||
final List<CommunityModel> communities;
|
final List<CommunityModel> communities;
|
||||||
final List<ProductModel> products;
|
final List<ProductModel> products;
|
||||||
|
List<SpaceTemplateModel>? spaceModels;
|
||||||
|
|
||||||
BlankState({
|
BlankState(
|
||||||
required this.communities,
|
{required this.communities, required this.products, this.spaceModels});
|
||||||
required this.products,
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
class SpaceCreationSuccess extends SpaceManagementState {
|
class SpaceCreationSuccess extends SpaceManagementState {
|
||||||
@ -54,3 +60,18 @@ class SpaceManagementError extends SpaceManagementState {
|
|||||||
@override
|
@override
|
||||||
List<Object> get props => [errorMessage];
|
List<Object> get props => [errorMessage];
|
||||||
}
|
}
|
||||||
|
|
||||||
|
class SpaceModelLoaded extends SpaceManagementState {
|
||||||
|
List<SpaceTemplateModel> spaceModels;
|
||||||
|
final List<ProductModel> products;
|
||||||
|
final List<CommunityModel> communities;
|
||||||
|
|
||||||
|
SpaceModelLoaded({
|
||||||
|
required this.communities,
|
||||||
|
required this.products,
|
||||||
|
required this.spaceModels,
|
||||||
|
});
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object> get props => [communities, products, spaceModels];
|
||||||
|
}
|
||||||
|
|||||||
@ -0,0 +1,13 @@
|
|||||||
|
import 'package:syncrow_web/pages/spaces_management/space_model/models/tag_body_model.dart';
|
||||||
|
|
||||||
|
class CreateSubspaceModel {
|
||||||
|
late String subspaceName;
|
||||||
|
late List<CreateTagBodyModel>? tags;
|
||||||
|
|
||||||
|
Map<String, dynamic> toJson() {
|
||||||
|
return {
|
||||||
|
'subspaceName': subspaceName,
|
||||||
|
'tags': tags?.map((tag) => tag.toJson()).toList(),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -19,7 +19,6 @@ class ProductModel {
|
|||||||
|
|
||||||
// Factory method to create a Product from JSON
|
// Factory method to create a Product from JSON
|
||||||
factory ProductModel.fromMap(Map<String, dynamic> json) {
|
factory ProductModel.fromMap(Map<String, dynamic> json) {
|
||||||
String icon = _mapIconToProduct(json['prodType']);
|
|
||||||
return ProductModel(
|
return ProductModel(
|
||||||
uuid: json['uuid'],
|
uuid: json['uuid'],
|
||||||
catName: json['catName'],
|
catName: json['catName'],
|
||||||
@ -67,4 +66,25 @@ class ProductModel {
|
|||||||
String toString() {
|
String toString() {
|
||||||
return 'ProductModel(uuid: $uuid, catName: $catName, prodId: $prodId, prodType: $prodType, name: $name, icon: $icon)';
|
return 'ProductModel(uuid: $uuid, catName: $catName, prodId: $prodId, prodType: $prodType, name: $name, icon: $icon)';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
bool operator ==(Object other) =>
|
||||||
|
identical(this, other) ||
|
||||||
|
other is ProductModel &&
|
||||||
|
runtimeType == other.runtimeType &&
|
||||||
|
uuid == other.uuid &&
|
||||||
|
catName == other.catName &&
|
||||||
|
prodId == other.prodId &&
|
||||||
|
prodType == other.prodType &&
|
||||||
|
name == other.name &&
|
||||||
|
icon == other.icon;
|
||||||
|
|
||||||
|
@override
|
||||||
|
int get hashCode =>
|
||||||
|
uuid.hashCode ^
|
||||||
|
catName.hashCode ^
|
||||||
|
prodId.hashCode ^
|
||||||
|
prodType.hashCode ^
|
||||||
|
name.hashCode ^
|
||||||
|
icon.hashCode;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,13 +1,18 @@
|
|||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/product_model.dart';
|
||||||
|
|
||||||
class SelectedProduct {
|
class SelectedProduct {
|
||||||
final String productId;
|
final String productId;
|
||||||
int count;
|
int count;
|
||||||
|
final String productName;
|
||||||
|
final ProductModel? product;
|
||||||
|
|
||||||
SelectedProduct({required this.productId, required this.count});
|
SelectedProduct({required this.productId, required this.count, required this.productName, this.product});
|
||||||
|
|
||||||
Map<String, dynamic> toJson() {
|
Map<String, dynamic> toJson() {
|
||||||
return {
|
return {
|
||||||
'productId': productId,
|
'productId': productId,
|
||||||
'count': count,
|
'count': count,
|
||||||
|
'productName': productName,
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,11 +1,13 @@
|
|||||||
import 'dart:ui';
|
import 'dart:ui';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/community_model.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/community_model.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/connection_model.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/connection_model.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/selected_product_model.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/subspace_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/tag.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/space_model/models/space_template_model.dart';
|
||||||
import 'package:syncrow_web/utils/constants/assets.dart';
|
import 'package:syncrow_web/utils/constants/assets.dart';
|
||||||
import 'package:uuid/uuid.dart';
|
import 'package:uuid/uuid.dart';
|
||||||
|
|
||||||
enum SpaceStatus { newSpace, modified, unchanged, deleted }
|
enum SpaceStatus { newSpace, modified, unchanged, deleted, parentDeleted }
|
||||||
|
|
||||||
class SpaceModel {
|
class SpaceModel {
|
||||||
String? uuid;
|
String? uuid;
|
||||||
@ -20,8 +22,10 @@ class SpaceModel {
|
|||||||
Offset position;
|
Offset position;
|
||||||
bool isHovered;
|
bool isHovered;
|
||||||
SpaceStatus status;
|
SpaceStatus status;
|
||||||
List<SelectedProduct> selectedProducts;
|
|
||||||
String internalId;
|
String internalId;
|
||||||
|
SpaceTemplateModel? spaceModel;
|
||||||
|
List<Tag>? tags;
|
||||||
|
List<SubspaceModel>? subspaces;
|
||||||
|
|
||||||
List<Connection> outgoingConnections = []; // Connections from this space
|
List<Connection> outgoingConnections = []; // Connections from this space
|
||||||
Connection? incomingConnection; // Connections to this space
|
Connection? incomingConnection; // Connections to this space
|
||||||
@ -41,7 +45,9 @@ class SpaceModel {
|
|||||||
this.isHovered = false,
|
this.isHovered = false,
|
||||||
this.incomingConnection,
|
this.incomingConnection,
|
||||||
this.status = SpaceStatus.unchanged,
|
this.status = SpaceStatus.unchanged,
|
||||||
this.selectedProducts = const [],
|
this.spaceModel,
|
||||||
|
this.tags,
|
||||||
|
this.subspaces,
|
||||||
}) : internalId = internalId ?? const Uuid().v4();
|
}) : internalId = internalId ?? const Uuid().v4();
|
||||||
|
|
||||||
factory SpaceModel.fromJson(Map<String, dynamic> json,
|
factory SpaceModel.fromJson(Map<String, dynamic> json,
|
||||||
@ -64,6 +70,11 @@ class SpaceModel {
|
|||||||
name: json['spaceName'],
|
name: json['spaceName'],
|
||||||
isPrivate: json['isPrivate'] ?? false,
|
isPrivate: json['isPrivate'] ?? false,
|
||||||
invitationCode: json['invitationCode'],
|
invitationCode: json['invitationCode'],
|
||||||
|
subspaces: (json['subspaces'] as List<dynamic>?)
|
||||||
|
?.where((e) => e is Map<String, dynamic>) // Validate type
|
||||||
|
.map((e) => SubspaceModel.fromJson(e as Map<String, dynamic>))
|
||||||
|
.toList() ??
|
||||||
|
[],
|
||||||
parent: parentInternalId != null
|
parent: parentInternalId != null
|
||||||
? SpaceModel(
|
? SpaceModel(
|
||||||
internalId: parentInternalId,
|
internalId: parentInternalId,
|
||||||
@ -85,14 +96,11 @@ class SpaceModel {
|
|||||||
icon: json['icon'] ?? Assets.location,
|
icon: json['icon'] ?? Assets.location,
|
||||||
position: Offset(json['x'] ?? 0, json['y'] ?? 0),
|
position: Offset(json['x'] ?? 0, json['y'] ?? 0),
|
||||||
isHovered: false,
|
isHovered: false,
|
||||||
selectedProducts: json['spaceProducts'] != null
|
tags: (json['tags'] as List<dynamic>?)
|
||||||
? (json['spaceProducts'] as List).map((product) {
|
?.where((item) => item is Map<String, dynamic>) // Validate type
|
||||||
return SelectedProduct(
|
.map((item) => Tag.fromJson(item as Map<String, dynamic>))
|
||||||
productId: product['product']['uuid'],
|
.toList() ??
|
||||||
count: product['productCount'],
|
[],
|
||||||
);
|
|
||||||
}).toList()
|
|
||||||
: [],
|
|
||||||
);
|
);
|
||||||
|
|
||||||
if (json['incomingConnections'] != null &&
|
if (json['incomingConnections'] != null &&
|
||||||
@ -118,6 +126,7 @@ class SpaceModel {
|
|||||||
'isPrivate': isPrivate,
|
'isPrivate': isPrivate,
|
||||||
'invitationCode': invitationCode,
|
'invitationCode': invitationCode,
|
||||||
'parent': parent?.uuid,
|
'parent': parent?.uuid,
|
||||||
|
'subspaces': subspaces?.map((e) => e.toJson()).toList(),
|
||||||
'community': community?.toMap(),
|
'community': community?.toMap(),
|
||||||
'children': children.map((child) => child.toMap()).toList(),
|
'children': children.map((child) => child.toMap()).toList(),
|
||||||
'icon': icon,
|
'icon': icon,
|
||||||
@ -125,6 +134,7 @@ class SpaceModel {
|
|||||||
'isHovered': isHovered,
|
'isHovered': isHovered,
|
||||||
'outgoingConnections': outgoingConnections.map((c) => c.toMap()).toList(),
|
'outgoingConnections': outgoingConnections.map((c) => c.toMap()).toList(),
|
||||||
'incomingConnection': incomingConnection?.toMap(),
|
'incomingConnection': incomingConnection?.toMap(),
|
||||||
|
'tags': tags?.map((e) => e.toJson()).toList(),
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -132,3 +142,28 @@ class SpaceModel {
|
|||||||
outgoingConnections.add(connection);
|
outgoingConnections.add(connection);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
extension SpaceExtensions on SpaceModel {
|
||||||
|
List<String> listAllTagValues() {
|
||||||
|
final List<String> tagValues = [];
|
||||||
|
|
||||||
|
if (tags != null) {
|
||||||
|
tagValues.addAll(
|
||||||
|
tags!.map((tag) => tag.tag ?? '').where((tag) => tag.isNotEmpty));
|
||||||
|
}
|
||||||
|
|
||||||
|
if (subspaces != null) {
|
||||||
|
for (final subspace in subspaces!) {
|
||||||
|
if (subspace.tags != null) {
|
||||||
|
tagValues.addAll(
|
||||||
|
subspace.tags!
|
||||||
|
.map((tag) => tag.tag ?? '')
|
||||||
|
.where((tag) => tag.isNotEmpty),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return tagValues;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
110
lib/pages/spaces_management/all_spaces/model/subspace_model.dart
Normal file
110
lib/pages/spaces_management/all_spaces/model/subspace_model.dart
Normal file
@ -0,0 +1,110 @@
|
|||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/product_model.dart';
|
||||||
|
import 'package:syncrow_web/utils/constants/action_enum.dart';
|
||||||
|
|
||||||
|
import 'tag.dart';
|
||||||
|
|
||||||
|
class SubspaceModel {
|
||||||
|
final String? uuid;
|
||||||
|
String subspaceName;
|
||||||
|
final bool disabled;
|
||||||
|
List<Tag>? tags;
|
||||||
|
|
||||||
|
SubspaceModel({
|
||||||
|
this.uuid,
|
||||||
|
required this.subspaceName,
|
||||||
|
required this.disabled,
|
||||||
|
this.tags,
|
||||||
|
});
|
||||||
|
|
||||||
|
factory SubspaceModel.fromJson(Map<String, dynamic> json) {
|
||||||
|
return SubspaceModel(
|
||||||
|
uuid: json['uuid'] ?? '',
|
||||||
|
subspaceName: json['subspaceName'] ?? '',
|
||||||
|
disabled: json['disabled'] ?? false,
|
||||||
|
tags: (json['tags'] as List<dynamic>?)
|
||||||
|
?.map((item) => Tag.fromJson(item))
|
||||||
|
.toList() ??
|
||||||
|
[],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Map<String, dynamic> toJson() {
|
||||||
|
return {
|
||||||
|
'uuid': uuid,
|
||||||
|
'subspaceName': subspaceName,
|
||||||
|
'disabled': disabled,
|
||||||
|
'tags': tags?.map((e) => e.toJson()).toList() ?? [],
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class UpdateSubspaceModel {
|
||||||
|
final String uuid;
|
||||||
|
final Action action;
|
||||||
|
final String? subspaceName;
|
||||||
|
final List<UpdateTag>? tags;
|
||||||
|
UpdateSubspaceModel({
|
||||||
|
required this.action,
|
||||||
|
required this.uuid,
|
||||||
|
this.subspaceName,
|
||||||
|
this.tags,
|
||||||
|
});
|
||||||
|
|
||||||
|
factory UpdateSubspaceModel.fromJson(Map<String, dynamic> json) {
|
||||||
|
return UpdateSubspaceModel(
|
||||||
|
action: ActionExtension.fromValue(json['action']),
|
||||||
|
uuid: json['uuid'] ?? '',
|
||||||
|
subspaceName: json['subspaceName'] ?? '',
|
||||||
|
tags: (json['tags'] as List)
|
||||||
|
.map((item) => UpdateTag.fromJson(item))
|
||||||
|
.toList(),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Map<String, dynamic> toJson() {
|
||||||
|
return {
|
||||||
|
'action': action.value,
|
||||||
|
'uuid': uuid,
|
||||||
|
'subspaceName': subspaceName,
|
||||||
|
'tags': tags?.map((e) => e.toJson()).toList() ?? [],
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class UpdateTag {
|
||||||
|
final Action action;
|
||||||
|
final String? uuid;
|
||||||
|
final String tag;
|
||||||
|
final bool disabled;
|
||||||
|
final ProductModel? product;
|
||||||
|
|
||||||
|
UpdateTag({
|
||||||
|
required this.action,
|
||||||
|
this.uuid,
|
||||||
|
required this.tag,
|
||||||
|
required this.disabled,
|
||||||
|
this.product,
|
||||||
|
});
|
||||||
|
|
||||||
|
factory UpdateTag.fromJson(Map<String, dynamic> json) {
|
||||||
|
return UpdateTag(
|
||||||
|
action: ActionExtension.fromValue(json['action']),
|
||||||
|
uuid: json['uuid'] ?? '',
|
||||||
|
tag: json['tag'] ?? '',
|
||||||
|
disabled: json['disabled'] ?? false,
|
||||||
|
product: json['product'] != null
|
||||||
|
? ProductModel.fromMap(json['product'])
|
||||||
|
: null,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Map<String, dynamic> toJson() {
|
||||||
|
return {
|
||||||
|
'action': action.value,
|
||||||
|
'uuid': uuid,
|
||||||
|
'tag': tag,
|
||||||
|
'disabled': disabled,
|
||||||
|
'product': product?.toMap(),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
68
lib/pages/spaces_management/all_spaces/model/tag.dart
Normal file
68
lib/pages/spaces_management/all_spaces/model/tag.dart
Normal file
@ -0,0 +1,68 @@
|
|||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/product_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/space_model/models/create_space_template_body_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/space_model/models/tag_body_model.dart';
|
||||||
|
import 'package:uuid/uuid.dart';
|
||||||
|
|
||||||
|
class Tag {
|
||||||
|
String? uuid;
|
||||||
|
String? tag;
|
||||||
|
final ProductModel? product;
|
||||||
|
String internalId;
|
||||||
|
String? location;
|
||||||
|
|
||||||
|
Tag(
|
||||||
|
{this.uuid,
|
||||||
|
required this.tag,
|
||||||
|
this.product,
|
||||||
|
String? internalId,
|
||||||
|
this.location})
|
||||||
|
: internalId = internalId ?? const Uuid().v4();
|
||||||
|
|
||||||
|
factory Tag.fromJson(Map<String, dynamic> json) {
|
||||||
|
final String internalId = json['internalId'] ?? const Uuid().v4();
|
||||||
|
|
||||||
|
return Tag(
|
||||||
|
uuid: json['uuid'] ?? '',
|
||||||
|
internalId: internalId,
|
||||||
|
tag: json['tag'] ?? '',
|
||||||
|
product: json['product'] != null
|
||||||
|
? ProductModel.fromMap(json['product'])
|
||||||
|
: null,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Tag copyWith({
|
||||||
|
String? tag,
|
||||||
|
ProductModel? product,
|
||||||
|
String? location,
|
||||||
|
}) {
|
||||||
|
return Tag(
|
||||||
|
tag: tag ?? this.tag,
|
||||||
|
product: product ?? this.product,
|
||||||
|
location: location ?? this.location,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Map<String, dynamic> toJson() {
|
||||||
|
return {
|
||||||
|
'uuid': uuid,
|
||||||
|
'tag': tag,
|
||||||
|
'product': product?.toMap(),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
extension TagModelExtensions on Tag {
|
||||||
|
TagBodyModel toTagBodyModel() {
|
||||||
|
return TagBodyModel()
|
||||||
|
..uuid = uuid ?? ''
|
||||||
|
..tag = tag ?? ''
|
||||||
|
..productUuid = product?.uuid;
|
||||||
|
}
|
||||||
|
|
||||||
|
CreateTagBodyModel toCreateTagBodyModel() {
|
||||||
|
return CreateTagBodyModel()
|
||||||
|
..tag = tag ?? ''
|
||||||
|
..productUuid = product?.uuid;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -1,15 +1,15 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/shared/navigate_home_grid_view.dart';
|
import 'package:syncrow_web/pages/device_managment/shared/navigate_home_grid_view.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/structure_selector/bloc/center_body_bloc.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/bloc/space_management_bloc.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/bloc/space_management_bloc.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/bloc/space_management_event.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/bloc/space_management_event.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/bloc/space_management_state.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/bloc/space_management_state.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/community_model.dart';
|
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/product_model.dart';
|
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/space_model.dart';
|
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/loaded_space_widget.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/loaded_space_widget.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/structure_selector/view/center_body_widget.dart';
|
||||||
import 'package:syncrow_web/services/product_api.dart';
|
import 'package:syncrow_web/services/product_api.dart';
|
||||||
import 'package:syncrow_web/services/space_mana_api.dart';
|
import 'package:syncrow_web/services/space_mana_api.dart';
|
||||||
|
import 'package:syncrow_web/services/space_model_mang_api.dart';
|
||||||
import 'package:syncrow_web/web_layout/web_scaffold.dart';
|
import 'package:syncrow_web/web_layout/web_scaffold.dart';
|
||||||
|
|
||||||
class SpaceManagementPage extends StatefulWidget {
|
class SpaceManagementPage extends StatefulWidget {
|
||||||
@ -22,24 +22,24 @@ class SpaceManagementPage extends StatefulWidget {
|
|||||||
class SpaceManagementPageState extends State<SpaceManagementPage> {
|
class SpaceManagementPageState extends State<SpaceManagementPage> {
|
||||||
final CommunitySpaceManagementApi _api = CommunitySpaceManagementApi();
|
final CommunitySpaceManagementApi _api = CommunitySpaceManagementApi();
|
||||||
final ProductApi _productApi = ProductApi();
|
final ProductApi _productApi = ProductApi();
|
||||||
Map<String, List<SpaceModel>> communitySpaces = {};
|
final SpaceModelManagementApi _spaceModelApi = SpaceModelManagementApi();
|
||||||
List<ProductModel> products = [];
|
|
||||||
bool isProductDataLoaded = false;
|
|
||||||
|
|
||||||
@override
|
|
||||||
void initState() {
|
|
||||||
super.initState();
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return BlocProvider(
|
return MultiBlocProvider(
|
||||||
create: (context) => SpaceManagementBloc(_api, _productApi)
|
providers: [
|
||||||
|
BlocProvider(
|
||||||
|
create: (_) => SpaceManagementBloc(_api, _productApi, _spaceModelApi)
|
||||||
..add(LoadCommunityAndSpacesEvent()),
|
..add(LoadCommunityAndSpacesEvent()),
|
||||||
|
),
|
||||||
|
BlocProvider(
|
||||||
|
create: (_) => CenterBodyBloc(),
|
||||||
|
),
|
||||||
|
],
|
||||||
child: WebScaffold(
|
child: WebScaffold(
|
||||||
appBarTitle: Text('Space Management',
|
appBarTitle: Text('Space Management',
|
||||||
style: Theme.of(context).textTheme.headlineLarge),
|
style: Theme.of(context).textTheme.headlineLarge),
|
||||||
enableMenuSidebar: false,
|
enableMenuSidebar: false,
|
||||||
|
centerBody: CenterBodyWidget(),
|
||||||
rightBody: const NavigateHomeGridView(),
|
rightBody: const NavigateHomeGridView(),
|
||||||
scaffoldBody: BlocBuilder<SpaceManagementBloc, SpaceManagementState>(
|
scaffoldBody: BlocBuilder<SpaceManagementBloc, SpaceManagementState>(
|
||||||
builder: (context, state) {
|
builder: (context, state) {
|
||||||
@ -51,6 +51,7 @@ class SpaceManagementPageState extends State<SpaceManagementPage> {
|
|||||||
selectedCommunity: null,
|
selectedCommunity: null,
|
||||||
selectedSpace: null,
|
selectedSpace: null,
|
||||||
products: state.products,
|
products: state.products,
|
||||||
|
shouldNavigateToSpaceModelPage: false,
|
||||||
);
|
);
|
||||||
} else if (state is SpaceManagementLoaded) {
|
} else if (state is SpaceManagementLoaded) {
|
||||||
return LoadedSpaceView(
|
return LoadedSpaceView(
|
||||||
@ -58,12 +59,22 @@ class SpaceManagementPageState extends State<SpaceManagementPage> {
|
|||||||
selectedCommunity: state.selectedCommunity,
|
selectedCommunity: state.selectedCommunity,
|
||||||
selectedSpace: state.selectedSpace,
|
selectedSpace: state.selectedSpace,
|
||||||
products: state.products,
|
products: state.products,
|
||||||
|
spaceModels: state.spaceModels,
|
||||||
|
shouldNavigateToSpaceModelPage: false,
|
||||||
|
);
|
||||||
|
} else if (state is SpaceModelLoaded) {
|
||||||
|
return LoadedSpaceView(
|
||||||
|
communities: state.communities,
|
||||||
|
products: state.products,
|
||||||
|
spaceModels: state.spaceModels,
|
||||||
|
shouldNavigateToSpaceModelPage: true,
|
||||||
);
|
);
|
||||||
} else if (state is SpaceManagementError) {
|
} else if (state is SpaceManagementError) {
|
||||||
return Center(child: Text('Error: ${state.errorMessage}'));
|
return Center(child: Text('Error: ${state.errorMessage}'));
|
||||||
}
|
}
|
||||||
return Container();
|
return Container();
|
||||||
}),
|
},
|
||||||
|
),
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -99,7 +99,7 @@ class _AddDeviceWidgetState extends State<AddDeviceWidget> {
|
|||||||
_buildActionButton('Cancel', ColorsManager.boxColor, ColorsManager.blackColor, () {
|
_buildActionButton('Cancel', ColorsManager.boxColor, ColorsManager.blackColor, () {
|
||||||
Navigator.of(context).pop();
|
Navigator.of(context).pop();
|
||||||
}),
|
}),
|
||||||
_buildActionButton('Continue', ColorsManager.secondaryColor, Colors.white, () {
|
_buildActionButton('Continue', ColorsManager.secondaryColor, ColorsManager.whiteColors, () {
|
||||||
Navigator.of(context).pop();
|
Navigator.of(context).pop();
|
||||||
if (widget.onProductsSelected != null) {
|
if (widget.onProductsSelected != null) {
|
||||||
widget.onProductsSelected!(productCounts);
|
widget.onProductsSelected!(productCounts);
|
||||||
@ -114,7 +114,7 @@ class _AddDeviceWidgetState extends State<AddDeviceWidget> {
|
|||||||
Widget _buildDeviceTypeTile(ProductModel product, Size size) {
|
Widget _buildDeviceTypeTile(ProductModel product, Size size) {
|
||||||
final selectedProduct = productCounts.firstWhere(
|
final selectedProduct = productCounts.firstWhere(
|
||||||
(p) => p.productId == product.uuid,
|
(p) => p.productId == product.uuid,
|
||||||
orElse: () => SelectedProduct(productId: product.uuid, count: 0),
|
orElse: () => SelectedProduct(productId: product.uuid, count: 0, productName: product.catName, product: product),
|
||||||
);
|
);
|
||||||
|
|
||||||
return SizedBox(
|
return SizedBox(
|
||||||
@ -137,13 +137,14 @@ class _AddDeviceWidgetState extends State<AddDeviceWidget> {
|
|||||||
_buildDeviceName(product, size),
|
_buildDeviceName(product, size),
|
||||||
const SizedBox(height: 4),
|
const SizedBox(height: 4),
|
||||||
CounterWidget(
|
CounterWidget(
|
||||||
|
isCreate: false,
|
||||||
initialCount: selectedProduct.count,
|
initialCount: selectedProduct.count,
|
||||||
onCountChanged: (newCount) {
|
onCountChanged: (newCount) {
|
||||||
setState(() {
|
setState(() {
|
||||||
if (newCount > 0) {
|
if (newCount > 0) {
|
||||||
if (!productCounts.contains(selectedProduct)) {
|
if (!productCounts.contains(selectedProduct)) {
|
||||||
productCounts
|
productCounts
|
||||||
.add(SelectedProduct(productId: product.uuid, count: newCount));
|
.add(SelectedProduct(productId: product.uuid, count: newCount, productName: product.catName, product: product));
|
||||||
} else {
|
} else {
|
||||||
selectedProduct.count = newCount;
|
selectedProduct.count = newCount;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
|
|||||||
import 'package:flutter_svg/flutter_svg.dart';
|
import 'package:flutter_svg/flutter_svg.dart';
|
||||||
import 'package:syncrow_web/pages/common/buttons/default_button.dart';
|
import 'package:syncrow_web/pages/common/buttons/default_button.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/community_model.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/community_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/space_model.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/create_community/view/create_community_dialog.dart';
|
import 'package:syncrow_web/pages/spaces_management/create_community/view/create_community_dialog.dart';
|
||||||
import 'package:syncrow_web/utils/color_manager.dart';
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
import 'package:syncrow_web/utils/constants/assets.dart';
|
import 'package:syncrow_web/utils/constants/assets.dart';
|
||||||
@ -17,6 +18,7 @@ class CommunityStructureHeader extends StatefulWidget {
|
|||||||
final ValueChanged<String> onNameSubmitted;
|
final ValueChanged<String> onNameSubmitted;
|
||||||
final List<CommunityModel> communities;
|
final List<CommunityModel> communities;
|
||||||
final CommunityModel? community;
|
final CommunityModel? community;
|
||||||
|
final SpaceModel? selectedSpace;
|
||||||
|
|
||||||
const CommunityStructureHeader(
|
const CommunityStructureHeader(
|
||||||
{super.key,
|
{super.key,
|
||||||
@ -29,7 +31,8 @@ class CommunityStructureHeader extends StatefulWidget {
|
|||||||
required this.onEditName,
|
required this.onEditName,
|
||||||
required this.onNameSubmitted,
|
required this.onNameSubmitted,
|
||||||
this.community,
|
this.community,
|
||||||
required this.communities});
|
required this.communities,
|
||||||
|
this.selectedSpace});
|
||||||
|
|
||||||
@override
|
@override
|
||||||
State<CommunityStructureHeader> createState() =>
|
State<CommunityStructureHeader> createState() =>
|
||||||
@ -137,11 +140,9 @@ class _CommunityStructureHeaderState extends State<CommunityStructureHeader> {
|
|||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
if (widget.isSave) ...[
|
|
||||||
const SizedBox(width: 8),
|
const SizedBox(width: 8),
|
||||||
_buildActionButtons(theme),
|
_buildActionButtons(theme),
|
||||||
],
|
],
|
||||||
],
|
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
);
|
);
|
||||||
@ -152,12 +153,20 @@ class _CommunityStructureHeaderState extends State<CommunityStructureHeader> {
|
|||||||
alignment: WrapAlignment.end,
|
alignment: WrapAlignment.end,
|
||||||
spacing: 10,
|
spacing: 10,
|
||||||
children: [
|
children: [
|
||||||
|
if (widget.isSave)
|
||||||
_buildButton(
|
_buildButton(
|
||||||
label: "Save",
|
label: "Save",
|
||||||
icon: const Icon(Icons.save,
|
icon: const Icon(Icons.save,
|
||||||
size: 18, color: ColorsManager.spaceColor),
|
size: 18, color: ColorsManager.spaceColor),
|
||||||
onPressed: widget.onSave,
|
onPressed: widget.onSave,
|
||||||
theme: theme),
|
theme: theme),
|
||||||
|
if(widget.selectedSpace!= null)
|
||||||
|
_buildButton(
|
||||||
|
label: "Delete",
|
||||||
|
icon: const Icon(Icons.delete,
|
||||||
|
size: 18, color: ColorsManager.warningRed),
|
||||||
|
onPressed: widget.onDelete,
|
||||||
|
theme: theme),
|
||||||
],
|
],
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@ -178,7 +187,7 @@ class _CommunityStructureHeaderState extends State<CommunityStructureHeader> {
|
|||||||
padding: 2.0,
|
padding: 2.0,
|
||||||
height: buttonHeight,
|
height: buttonHeight,
|
||||||
elevation: 0,
|
elevation: 0,
|
||||||
borderColor: Colors.grey.shade300,
|
borderColor: ColorsManager.lightGrayColor,
|
||||||
child: Row(
|
child: Row(
|
||||||
mainAxisSize: MainAxisSize.min,
|
mainAxisSize: MainAxisSize.min,
|
||||||
children: [
|
children: [
|
||||||
|
|||||||
@ -11,12 +11,15 @@ import 'package:syncrow_web/pages/spaces_management/all_spaces/model/selected_pr
|
|||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/space_model.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/space_model.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/community_model.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/community_model.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/connection_model.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/connection_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/subspace_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/tag.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/blank_community_widget.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/blank_community_widget.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/community_structure_header_widget.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/community_structure_header_widget.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/dialogs/create_space_dialog.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/dialogs/create_space_dialog.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/curved_line_painter.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/curved_line_painter.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/space_card_widget.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/space_card_widget.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/space_container_widget.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/space_container_widget.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/space_model/models/space_template_model.dart';
|
||||||
import 'package:syncrow_web/utils/color_manager.dart';
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
|
||||||
class CommunityStructureArea extends StatefulWidget {
|
class CommunityStructureArea extends StatefulWidget {
|
||||||
@ -26,6 +29,7 @@ class CommunityStructureArea extends StatefulWidget {
|
|||||||
final ValueChanged<SpaceModel?>? onSpaceSelected;
|
final ValueChanged<SpaceModel?>? onSpaceSelected;
|
||||||
final List<CommunityModel> communities;
|
final List<CommunityModel> communities;
|
||||||
final List<SpaceModel> spaces;
|
final List<SpaceModel> spaces;
|
||||||
|
final List<SpaceTemplateModel>? spaceModels;
|
||||||
|
|
||||||
CommunityStructureArea({
|
CommunityStructureArea({
|
||||||
this.selectedCommunity,
|
this.selectedCommunity,
|
||||||
@ -34,6 +38,7 @@ class CommunityStructureArea extends StatefulWidget {
|
|||||||
this.products,
|
this.products,
|
||||||
required this.spaces,
|
required this.spaces,
|
||||||
this.onSpaceSelected,
|
this.onSpaceSelected,
|
||||||
|
this.spaceModels,
|
||||||
});
|
});
|
||||||
|
|
||||||
@override
|
@override
|
||||||
@ -126,6 +131,7 @@ class _CommunityStructureAreaState extends State<CommunityStructureArea> {
|
|||||||
isEditingName: isEditingName,
|
isEditingName: isEditingName,
|
||||||
nameController: _nameController,
|
nameController: _nameController,
|
||||||
onSave: _saveSpaces,
|
onSave: _saveSpaces,
|
||||||
|
selectedSpace: widget.selectedSpace,
|
||||||
onDelete: _onDelete,
|
onDelete: _onDelete,
|
||||||
onEditName: () {
|
onEditName: () {
|
||||||
setState(() {
|
setState(() {
|
||||||
@ -171,7 +177,8 @@ class _CommunityStructureAreaState extends State<CommunityStructureArea> {
|
|||||||
painter: CurvedLinePainter([connection])),
|
painter: CurvedLinePainter([connection])),
|
||||||
),
|
),
|
||||||
for (var entry in spaces.asMap().entries)
|
for (var entry in spaces.asMap().entries)
|
||||||
if (entry.value.status != SpaceStatus.deleted)
|
if (entry.value.status != SpaceStatus.deleted &&
|
||||||
|
entry.value.status != SpaceStatus.parentDeleted)
|
||||||
Positioned(
|
Positioned(
|
||||||
left: entry.value.position.dx,
|
left: entry.value.position.dx,
|
||||||
top: entry.value.position.dy,
|
top: entry.value.position.dy,
|
||||||
@ -284,12 +291,16 @@ class _CommunityStructureAreaState extends State<CommunityStructureArea> {
|
|||||||
builder: (BuildContext context) {
|
builder: (BuildContext context) {
|
||||||
return CreateSpaceDialog(
|
return CreateSpaceDialog(
|
||||||
products: widget.products,
|
products: widget.products,
|
||||||
|
spaceModels: widget.spaceModels,
|
||||||
parentSpace: parentIndex != null ? spaces[parentIndex] : null,
|
parentSpace: parentIndex != null ? spaces[parentIndex] : null,
|
||||||
onCreateSpace: (String name, String icon,
|
onCreateSpace: (String name,
|
||||||
List<SelectedProduct> selectedProducts) {
|
String icon,
|
||||||
|
List<SelectedProduct> selectedProducts,
|
||||||
|
SpaceTemplateModel? spaceModel,
|
||||||
|
List<SubspaceModel>? subspaces,
|
||||||
|
List<Tag>? tags) {
|
||||||
setState(() {
|
setState(() {
|
||||||
// Set the first space in the center or use passed position
|
// Set the first space in the center or use passed position
|
||||||
|
|
||||||
Offset centerPosition =
|
Offset centerPosition =
|
||||||
position ?? _getCenterPosition(screenSize);
|
position ?? _getCenterPosition(screenSize);
|
||||||
SpaceModel newSpace = SpaceModel(
|
SpaceModel newSpace = SpaceModel(
|
||||||
@ -299,7 +310,9 @@ class _CommunityStructureAreaState extends State<CommunityStructureArea> {
|
|||||||
isPrivate: false,
|
isPrivate: false,
|
||||||
children: [],
|
children: [],
|
||||||
status: SpaceStatus.newSpace,
|
status: SpaceStatus.newSpace,
|
||||||
selectedProducts: selectedProducts);
|
spaceModel: spaceModel,
|
||||||
|
subspaces: subspaces,
|
||||||
|
tags: tags);
|
||||||
|
|
||||||
if (parentIndex != null && direction != null) {
|
if (parentIndex != null && direction != null) {
|
||||||
SpaceModel parentSpace = spaces[parentIndex];
|
SpaceModel parentSpace = spaces[parentIndex];
|
||||||
@ -335,14 +348,19 @@ class _CommunityStructureAreaState extends State<CommunityStructureArea> {
|
|||||||
icon: space.icon,
|
icon: space.icon,
|
||||||
editSpace: space,
|
editSpace: space,
|
||||||
isEdit: true,
|
isEdit: true,
|
||||||
selectedProducts: space.selectedProducts,
|
onCreateSpace: (String name,
|
||||||
onCreateSpace: (String name, String icon,
|
String icon,
|
||||||
List<SelectedProduct> selectedProducts) {
|
List<SelectedProduct> selectedProducts,
|
||||||
|
SpaceTemplateModel? spaceModel,
|
||||||
|
List<SubspaceModel>? subspaces,
|
||||||
|
List<Tag>? tags) {
|
||||||
setState(() {
|
setState(() {
|
||||||
// Update the space's properties
|
// Update the space's properties
|
||||||
space.name = name;
|
space.name = name;
|
||||||
space.icon = icon;
|
space.icon = icon;
|
||||||
space.selectedProducts = selectedProducts;
|
space.spaceModel = spaceModel;
|
||||||
|
space.subspaces = subspaces;
|
||||||
|
space.tags = tags;
|
||||||
|
|
||||||
if (space.status != SpaceStatus.newSpace) {
|
if (space.status != SpaceStatus.newSpace) {
|
||||||
space.status = SpaceStatus.modified; // Mark as modified
|
space.status = SpaceStatus.modified; // Mark as modified
|
||||||
@ -365,10 +383,11 @@ class _CommunityStructureAreaState extends State<CommunityStructureArea> {
|
|||||||
List<SpaceModel> result = [];
|
List<SpaceModel> result = [];
|
||||||
|
|
||||||
void flatten(SpaceModel space) {
|
void flatten(SpaceModel space) {
|
||||||
if (space.status == SpaceStatus.deleted) return;
|
if (space.status == SpaceStatus.deleted ||
|
||||||
|
space.status == SpaceStatus.parentDeleted) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
result.add(space);
|
result.add(space);
|
||||||
|
|
||||||
for (var child in space.children) {
|
for (var child in space.children) {
|
||||||
flatten(child);
|
flatten(child);
|
||||||
}
|
}
|
||||||
@ -436,21 +455,15 @@ class _CommunityStructureAreaState extends State<CommunityStructureArea> {
|
|||||||
}
|
}
|
||||||
|
|
||||||
void _onDelete() {
|
void _onDelete() {
|
||||||
if (widget.selectedCommunity != null &&
|
|
||||||
widget.selectedCommunity?.uuid != null &&
|
|
||||||
widget.selectedSpace == null) {
|
|
||||||
context.read<SpaceManagementBloc>().add(DeleteCommunityEvent(
|
|
||||||
communityUuid: widget.selectedCommunity!.uuid,
|
|
||||||
));
|
|
||||||
}
|
|
||||||
if (widget.selectedSpace != null) {
|
if (widget.selectedSpace != null) {
|
||||||
setState(() {
|
setState(() {
|
||||||
for (var space in spaces) {
|
for (var space in spaces) {
|
||||||
if (space.uuid == widget.selectedSpace?.uuid) {
|
if (space.internalId == widget.selectedSpace?.internalId) {
|
||||||
space.status = SpaceStatus.deleted;
|
space.status = SpaceStatus.deleted;
|
||||||
_markChildrenAsDeleted(space);
|
_markChildrenAsDeleted(space);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
_removeConnectionsForDeletedSpaces();
|
_removeConnectionsForDeletedSpaces();
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@ -458,7 +471,8 @@ class _CommunityStructureAreaState extends State<CommunityStructureArea> {
|
|||||||
|
|
||||||
void _markChildrenAsDeleted(SpaceModel parent) {
|
void _markChildrenAsDeleted(SpaceModel parent) {
|
||||||
for (var child in parent.children) {
|
for (var child in parent.children) {
|
||||||
child.status = SpaceStatus.deleted;
|
child.status = SpaceStatus.parentDeleted;
|
||||||
|
|
||||||
_markChildrenAsDeleted(child);
|
_markChildrenAsDeleted(child);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -466,7 +480,9 @@ class _CommunityStructureAreaState extends State<CommunityStructureArea> {
|
|||||||
void _removeConnectionsForDeletedSpaces() {
|
void _removeConnectionsForDeletedSpaces() {
|
||||||
connections.removeWhere((connection) {
|
connections.removeWhere((connection) {
|
||||||
return connection.startSpace.status == SpaceStatus.deleted ||
|
return connection.startSpace.status == SpaceStatus.deleted ||
|
||||||
connection.endSpace.status == SpaceStatus.deleted;
|
connection.endSpace.status == SpaceStatus.deleted ||
|
||||||
|
connection.startSpace.status == SpaceStatus.parentDeleted ||
|
||||||
|
connection.endSpace.status == SpaceStatus.parentDeleted;
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -4,12 +4,14 @@ import 'package:syncrow_web/utils/color_manager.dart';
|
|||||||
class CounterWidget extends StatefulWidget {
|
class CounterWidget extends StatefulWidget {
|
||||||
final int initialCount;
|
final int initialCount;
|
||||||
final ValueChanged<int> onCountChanged;
|
final ValueChanged<int> onCountChanged;
|
||||||
|
final bool isCreate;
|
||||||
|
|
||||||
const CounterWidget({
|
const CounterWidget(
|
||||||
Key? key,
|
{Key? key,
|
||||||
this.initialCount = 0,
|
this.initialCount = 0,
|
||||||
required this.onCountChanged,
|
required this.onCountChanged,
|
||||||
}) : super(key: key);
|
required this.isCreate})
|
||||||
|
: super(key: key);
|
||||||
|
|
||||||
@override
|
@override
|
||||||
State<CounterWidget> createState() => _CounterWidgetState();
|
State<CounterWidget> createState() => _CounterWidgetState();
|
||||||
@ -53,25 +55,26 @@ class _CounterWidgetState extends State<CounterWidget> {
|
|||||||
child: Row(
|
child: Row(
|
||||||
mainAxisSize: MainAxisSize.min,
|
mainAxisSize: MainAxisSize.min,
|
||||||
children: [
|
children: [
|
||||||
_buildCounterButton(Icons.remove, _decrementCounter),
|
_buildCounterButton(Icons.remove, _decrementCounter,!widget.isCreate ),
|
||||||
const SizedBox(width: 8),
|
const SizedBox(width: 8),
|
||||||
Text(
|
Text(
|
||||||
'$_counter',
|
'$_counter',
|
||||||
style: theme.textTheme.bodyLarge?.copyWith(color: ColorsManager.spaceColor),
|
style: theme.textTheme.bodyLarge
|
||||||
|
?.copyWith(color: ColorsManager.spaceColor),
|
||||||
),
|
),
|
||||||
const SizedBox(width: 8),
|
const SizedBox(width: 8),
|
||||||
_buildCounterButton(Icons.add, _incrementCounter),
|
_buildCounterButton(Icons.add, _incrementCounter, false),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
Widget _buildCounterButton(IconData icon, VoidCallback onPressed) {
|
Widget _buildCounterButton(IconData icon, VoidCallback onPressed, bool isDisabled) {
|
||||||
return GestureDetector(
|
return GestureDetector(
|
||||||
onTap: onPressed,
|
onTap: isDisabled? null: onPressed,
|
||||||
child: Icon(
|
child: Icon(
|
||||||
icon,
|
icon,
|
||||||
color: ColorsManager.spaceColor,
|
color: isDisabled? ColorsManager.spaceColor.withOpacity(0.3): ColorsManager.spaceColor,
|
||||||
size: 18,
|
size: 18,
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
|
|||||||
@ -2,19 +2,23 @@ import 'package:flutter/material.dart';
|
|||||||
import 'package:flutter_svg/flutter_svg.dart';
|
import 'package:flutter_svg/flutter_svg.dart';
|
||||||
import 'package:syncrow_web/pages/common/buttons/cancel_button.dart';
|
import 'package:syncrow_web/pages/common/buttons/cancel_button.dart';
|
||||||
import 'package:syncrow_web/pages/common/buttons/default_button.dart';
|
import 'package:syncrow_web/pages/common/buttons/default_button.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/add_device_type/views/add_device_type_widget.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/product_model.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/product_model.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/selected_product_model.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/selected_product_model.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/space_model.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/space_model.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/add_device_type_widget.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/subspace_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/tag.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/dialogs/icon_selection_dialog.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/dialogs/icon_selection_dialog.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/hoverable_button.dart';
|
import 'package:syncrow_web/pages/spaces_management/create_subspace/views/create_subspace_model_dialog.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/link_space_model/view/link_space_model_dialog.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/space_model/models/space_template_model.dart';
|
||||||
import 'package:syncrow_web/utils/color_manager.dart';
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
import 'package:syncrow_web/utils/constants/assets.dart';
|
import 'package:syncrow_web/utils/constants/assets.dart';
|
||||||
import 'package:syncrow_web/utils/constants/space_icon_const.dart';
|
import 'package:syncrow_web/utils/constants/space_icon_const.dart';
|
||||||
|
|
||||||
class CreateSpaceDialog extends StatefulWidget {
|
class CreateSpaceDialog extends StatefulWidget {
|
||||||
final Function(String, String, List<SelectedProduct> selectedProducts)
|
final Function(String, String, List<SelectedProduct> selectedProducts,
|
||||||
onCreateSpace;
|
SpaceTemplateModel? spaceModel, List<SubspaceModel>? subspaces, List<Tag>? tags) onCreateSpace;
|
||||||
final List<ProductModel>? products;
|
final List<ProductModel>? products;
|
||||||
final String? name;
|
final String? name;
|
||||||
final String? icon;
|
final String? icon;
|
||||||
@ -22,6 +26,9 @@ class CreateSpaceDialog extends StatefulWidget {
|
|||||||
final List<SelectedProduct> selectedProducts;
|
final List<SelectedProduct> selectedProducts;
|
||||||
final SpaceModel? parentSpace;
|
final SpaceModel? parentSpace;
|
||||||
final SpaceModel? editSpace;
|
final SpaceModel? editSpace;
|
||||||
|
final List<SpaceTemplateModel>? spaceModels;
|
||||||
|
final List<SubspaceModel>? subspaces;
|
||||||
|
final List<Tag>? tags;
|
||||||
|
|
||||||
const CreateSpaceDialog(
|
const CreateSpaceDialog(
|
||||||
{super.key,
|
{super.key,
|
||||||
@ -32,7 +39,10 @@ class CreateSpaceDialog extends StatefulWidget {
|
|||||||
this.icon,
|
this.icon,
|
||||||
this.isEdit = false,
|
this.isEdit = false,
|
||||||
this.editSpace,
|
this.editSpace,
|
||||||
this.selectedProducts = const []});
|
this.selectedProducts = const [],
|
||||||
|
this.spaceModels,
|
||||||
|
this.subspaces,
|
||||||
|
this.tags});
|
||||||
|
|
||||||
@override
|
@override
|
||||||
CreateSpaceDialogState createState() => CreateSpaceDialogState();
|
CreateSpaceDialogState createState() => CreateSpaceDialogState();
|
||||||
@ -40,12 +50,15 @@ class CreateSpaceDialog extends StatefulWidget {
|
|||||||
|
|
||||||
class CreateSpaceDialogState extends State<CreateSpaceDialog> {
|
class CreateSpaceDialogState extends State<CreateSpaceDialog> {
|
||||||
String selectedIcon = Assets.location;
|
String selectedIcon = Assets.location;
|
||||||
|
SpaceTemplateModel? selectedSpaceModel;
|
||||||
String enteredName = '';
|
String enteredName = '';
|
||||||
List<SelectedProduct> selectedProducts = [];
|
List<SelectedProduct> selectedProducts = [];
|
||||||
late TextEditingController nameController;
|
late TextEditingController nameController;
|
||||||
bool isOkButtonEnabled = false;
|
bool isOkButtonEnabled = false;
|
||||||
bool isNameFieldInvalid = false;
|
bool isNameFieldInvalid = false;
|
||||||
bool isNameFieldExist = false;
|
bool isNameFieldExist = false;
|
||||||
|
List<SubspaceModel>? subspaces;
|
||||||
|
List<Tag>? tags;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
void initState() {
|
void initState() {
|
||||||
@ -58,33 +71,33 @@ class CreateSpaceDialogState extends State<CreateSpaceDialog> {
|
|||||||
enteredName.isNotEmpty || nameController.text.isNotEmpty;
|
enteredName.isNotEmpty || nameController.text.isNotEmpty;
|
||||||
}
|
}
|
||||||
|
|
||||||
@override
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
final screenWidth = MediaQuery.of(context).size.width;
|
final screenWidth = MediaQuery.of(context).size.width;
|
||||||
|
|
||||||
return AlertDialog(
|
return AlertDialog(
|
||||||
title: widget.isEdit
|
title: widget.isEdit
|
||||||
? const Text('Edit Space')
|
? const Text('Edit Space')
|
||||||
: const Text('Create New Space'),
|
: const Text('Create New Space'),
|
||||||
backgroundColor: ColorsManager.whiteColors,
|
backgroundColor: ColorsManager.whiteColors,
|
||||||
content: SizedBox(
|
content: SizedBox(
|
||||||
width: screenWidth * 0.5, // Limit dialog width
|
width: screenWidth * 0.5,
|
||||||
child: SingleChildScrollView(
|
child: SingleChildScrollView(
|
||||||
// Scrollable content to prevent overflow
|
child: Row(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
flex: 1,
|
||||||
child: Column(
|
child: Column(
|
||||||
mainAxisSize: MainAxisSize.min,
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
// crossAxisAlignment: CrossAxisAlignment.center,
|
||||||
children: [
|
|
||||||
Row(
|
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
|
||||||
children: [
|
children: [
|
||||||
|
const SizedBox(height: 50),
|
||||||
Stack(
|
Stack(
|
||||||
alignment: Alignment.center,
|
alignment: Alignment.center,
|
||||||
children: [
|
children: [
|
||||||
Container(
|
Container(
|
||||||
width: screenWidth * 0.1, // Adjusted width
|
width: screenWidth * 0.1,
|
||||||
height: screenWidth * 0.1, // Adjusted height
|
height: screenWidth * 0.1,
|
||||||
decoration: const BoxDecoration(
|
decoration: const BoxDecoration(
|
||||||
color: ColorsManager.boxColor,
|
color: ColorsManager.boxColor,
|
||||||
shape: BoxShape.circle,
|
shape: BoxShape.circle,
|
||||||
@ -96,30 +109,33 @@ class CreateSpaceDialogState extends State<CreateSpaceDialog> {
|
|||||||
height: screenWidth * 0.04,
|
height: screenWidth * 0.04,
|
||||||
),
|
),
|
||||||
Positioned(
|
Positioned(
|
||||||
top: 6,
|
top: 20,
|
||||||
right: 6,
|
right: 20,
|
||||||
child: InkWell(
|
child: InkWell(
|
||||||
onTap: _showIconSelectionDialog,
|
onTap: _showIconSelectionDialog,
|
||||||
child: Container(
|
child: Container(
|
||||||
width: screenWidth * 0.020,
|
width: 24,
|
||||||
height: screenWidth * 0.020,
|
height: 24,
|
||||||
decoration: const BoxDecoration(
|
decoration: const BoxDecoration(
|
||||||
color: Colors.white,
|
color: Colors.white,
|
||||||
shape: BoxShape.circle,
|
shape: BoxShape.circle,
|
||||||
),
|
),
|
||||||
child: SvgPicture.asset(
|
child: SvgPicture.asset(
|
||||||
Assets.iconEdit,
|
Assets.iconEdit,
|
||||||
width: screenWidth * 0.06,
|
width: 16,
|
||||||
height: screenWidth * 0.06,
|
height: 16,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
const SizedBox(width: 16),
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 20),
|
||||||
Expanded(
|
Expanded(
|
||||||
// Ensure the text field expands responsively
|
flex: 2,
|
||||||
child: Column(
|
child: Column(
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
children: [
|
children: [
|
||||||
@ -193,23 +209,127 @@ class CreateSpaceDialogState extends State<CreateSpaceDialog> {
|
|||||||
?.copyWith(color: ColorsManager.red),
|
?.copyWith(color: ColorsManager.red),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
const SizedBox(height: 16),
|
const SizedBox(height: 10),
|
||||||
if (selectedProducts.isNotEmpty)
|
selectedSpaceModel == null
|
||||||
_buildSelectedProductsButtons(widget.products ?? [])
|
? DefaultButton(
|
||||||
else
|
|
||||||
DefaultButton(
|
|
||||||
onPressed: () {
|
onPressed: () {
|
||||||
showDialog(
|
_showLinkSpaceModelDialog(context);
|
||||||
context: context,
|
|
||||||
builder: (context) => AddDeviceWidget(
|
|
||||||
products: widget.products,
|
|
||||||
onProductsSelected: (selectedProductsMap) {
|
|
||||||
setState(() {
|
|
||||||
selectedProducts = selectedProductsMap;
|
|
||||||
});
|
|
||||||
},
|
},
|
||||||
|
backgroundColor: ColorsManager.textFieldGreyColor,
|
||||||
|
foregroundColor: Colors.black,
|
||||||
|
borderColor: ColorsManager.neutralGray,
|
||||||
|
borderRadius: 16.0,
|
||||||
|
padding: 10.0, // Reduced padding for smaller size
|
||||||
|
child: Align(
|
||||||
|
alignment: Alignment.centerLeft,
|
||||||
|
child: Row(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(left: 6.0),
|
||||||
|
child: SvgPicture.asset(
|
||||||
|
Assets.link,
|
||||||
|
width: screenWidth *
|
||||||
|
0.015, // Adjust icon size
|
||||||
|
height: screenWidth * 0.015,
|
||||||
),
|
),
|
||||||
);
|
),
|
||||||
|
const SizedBox(width: 3),
|
||||||
|
Flexible(
|
||||||
|
child: Text(
|
||||||
|
'Link a space model',
|
||||||
|
overflow: TextOverflow
|
||||||
|
.ellipsis, // Prevent overflow
|
||||||
|
style: Theme.of(context)
|
||||||
|
.textTheme
|
||||||
|
.bodyMedium,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
: Container(
|
||||||
|
width: screenWidth * 0.35,
|
||||||
|
padding: const EdgeInsets.symmetric(
|
||||||
|
vertical: 10.0, horizontal: 16.0),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: ColorsManager.boxColor,
|
||||||
|
borderRadius: BorderRadius.circular(10),
|
||||||
|
),
|
||||||
|
child: Wrap(
|
||||||
|
spacing: 8.0,
|
||||||
|
runSpacing: 8.0,
|
||||||
|
children: [
|
||||||
|
Chip(
|
||||||
|
label: Text(
|
||||||
|
selectedSpaceModel?.modelName ?? '',
|
||||||
|
style: const TextStyle(
|
||||||
|
color: ColorsManager.spaceColor),
|
||||||
|
),
|
||||||
|
backgroundColor: ColorsManager.whiteColors,
|
||||||
|
shape: RoundedRectangleBorder(
|
||||||
|
borderRadius: BorderRadius.circular(8),
|
||||||
|
side: const BorderSide(
|
||||||
|
color: ColorsManager.transparentColor,
|
||||||
|
width: 0,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
deleteIcon: Container(
|
||||||
|
width: 24,
|
||||||
|
height: 24,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
shape: BoxShape.circle,
|
||||||
|
border: Border.all(
|
||||||
|
color: ColorsManager.lightGrayColor,
|
||||||
|
width: 1.5,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: const Icon(
|
||||||
|
Icons.close,
|
||||||
|
size: 16,
|
||||||
|
color: ColorsManager.lightGrayColor,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
onDeleted: () => setState(() {
|
||||||
|
this.selectedSpaceModel = null;
|
||||||
|
})),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 25),
|
||||||
|
const Row(
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
child: Divider(
|
||||||
|
color: ColorsManager.neutralGray,
|
||||||
|
thickness: 1.0,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Padding(
|
||||||
|
padding: EdgeInsets.symmetric(horizontal: 8.0),
|
||||||
|
child: Text(
|
||||||
|
'OR',
|
||||||
|
style: TextStyle(
|
||||||
|
color: Colors.black,
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Expanded(
|
||||||
|
child: Divider(
|
||||||
|
color: ColorsManager.neutralGray,
|
||||||
|
thickness: 1.0,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
const SizedBox(height: 25),
|
||||||
|
subspaces == null
|
||||||
|
? DefaultButton(
|
||||||
|
onPressed: () {
|
||||||
|
_showSubSpaceDialog(context, enteredName, [],
|
||||||
|
false, widget.products, subspaces);
|
||||||
},
|
},
|
||||||
backgroundColor: ColorsManager.textFieldGreyColor,
|
backgroundColor: ColorsManager.textFieldGreyColor,
|
||||||
foregroundColor: Colors.black,
|
foregroundColor: Colors.black,
|
||||||
@ -233,7 +353,7 @@ class CreateSpaceDialogState extends State<CreateSpaceDialog> {
|
|||||||
const SizedBox(width: 3),
|
const SizedBox(width: 3),
|
||||||
Flexible(
|
Flexible(
|
||||||
child: Text(
|
child: Text(
|
||||||
'Add devices / Assign a space model',
|
'Create sub space',
|
||||||
overflow: TextOverflow
|
overflow: TextOverflow
|
||||||
.ellipsis, // Prevent overflow
|
.ellipsis, // Prevent overflow
|
||||||
style: Theme.of(context)
|
style: Theme.of(context)
|
||||||
@ -243,12 +363,194 @@ class CreateSpaceDialogState extends State<CreateSpaceDialog> {
|
|||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
)),
|
),
|
||||||
],
|
)
|
||||||
|
: SizedBox(
|
||||||
|
width: screenWidth * 0.35,
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: ColorsManager.textFieldGreyColor,
|
||||||
|
borderRadius: BorderRadius.circular(15),
|
||||||
|
border: Border.all(
|
||||||
|
color: ColorsManager.textFieldGreyColor,
|
||||||
|
width: 3.0, // Border width
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: Wrap(
|
||||||
|
spacing: 8.0,
|
||||||
|
runSpacing: 8.0,
|
||||||
|
children: [
|
||||||
|
if (subspaces != null)
|
||||||
|
...subspaces!.map(
|
||||||
|
(subspace) => Chip(
|
||||||
|
label: Text(
|
||||||
|
subspace.subspaceName,
|
||||||
|
style: const TextStyle(
|
||||||
|
color: ColorsManager
|
||||||
|
.spaceColor), // Text color
|
||||||
|
),
|
||||||
|
backgroundColor: ColorsManager
|
||||||
|
.whiteColors, // Chip background color
|
||||||
|
shape: RoundedRectangleBorder(
|
||||||
|
borderRadius: BorderRadius.circular(
|
||||||
|
16), // Rounded chip
|
||||||
|
side: const BorderSide(
|
||||||
|
color: ColorsManager
|
||||||
|
.spaceColor), // Border color
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
GestureDetector(
|
||||||
|
onTap: () async {
|
||||||
|
_showSubSpaceDialog(
|
||||||
|
context,
|
||||||
|
enteredName,
|
||||||
|
[],
|
||||||
|
false,
|
||||||
|
widget.products,
|
||||||
|
subspaces);
|
||||||
|
},
|
||||||
|
child: Chip(
|
||||||
|
label: const Text(
|
||||||
|
'Edit',
|
||||||
|
style: TextStyle(
|
||||||
|
color: ColorsManager.spaceColor),
|
||||||
|
),
|
||||||
|
backgroundColor:
|
||||||
|
ColorsManager.whiteColors,
|
||||||
|
shape: RoundedRectangleBorder(
|
||||||
|
borderRadius: BorderRadius.circular(16),
|
||||||
|
side: const BorderSide(
|
||||||
|
color: ColorsManager.spaceColor),
|
||||||
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 10),
|
||||||
|
(tags?.isNotEmpty == true ||
|
||||||
|
subspaces?.any((subspace) =>
|
||||||
|
subspace.tags?.isNotEmpty == true) ==
|
||||||
|
true)
|
||||||
|
? SizedBox(
|
||||||
|
width: screenWidth * 0.25,
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: ColorsManager.textFieldGreyColor,
|
||||||
|
borderRadius: BorderRadius.circular(15),
|
||||||
|
border: Border.all(
|
||||||
|
color: ColorsManager.textFieldGreyColor,
|
||||||
|
width: 3.0, // Border width
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: Wrap(
|
||||||
|
spacing: 8.0,
|
||||||
|
runSpacing: 8.0,
|
||||||
|
children: [
|
||||||
|
// Combine tags from spaceModel and subspaces
|
||||||
|
..._groupTags([
|
||||||
|
...?tags,
|
||||||
|
...?subspaces?.expand(
|
||||||
|
(subspace) => subspace.tags ?? [])
|
||||||
|
]).entries.map(
|
||||||
|
(entry) => Chip(
|
||||||
|
avatar: SizedBox(
|
||||||
|
width: 24,
|
||||||
|
height: 24,
|
||||||
|
child: SvgPicture.asset(
|
||||||
|
entry.key.icon ??
|
||||||
|
'assets/icons/gateway.svg',
|
||||||
|
fit: BoxFit.contain,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
label: Text(
|
||||||
|
'x${entry.value}', // Show count
|
||||||
|
style: const TextStyle(
|
||||||
|
color: ColorsManager.spaceColor,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
backgroundColor:
|
||||||
|
ColorsManager.whiteColors,
|
||||||
|
shape: RoundedRectangleBorder(
|
||||||
|
borderRadius:
|
||||||
|
BorderRadius.circular(16),
|
||||||
|
side: const BorderSide(
|
||||||
|
color: ColorsManager.spaceColor,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
GestureDetector(
|
||||||
|
onTap: () async {
|
||||||
|
_showTagCreateDialog(context, enteredName,
|
||||||
|
widget.products);
|
||||||
|
// Edit action
|
||||||
|
},
|
||||||
|
child: Chip(
|
||||||
|
label: const Text(
|
||||||
|
'Edit',
|
||||||
|
style: TextStyle(
|
||||||
|
color: ColorsManager.spaceColor),
|
||||||
|
),
|
||||||
|
backgroundColor:
|
||||||
|
ColorsManager.whiteColors,
|
||||||
|
shape: RoundedRectangleBorder(
|
||||||
|
borderRadius: BorderRadius.circular(16),
|
||||||
|
side: const BorderSide(
|
||||||
|
color: ColorsManager.spaceColor),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
: DefaultButton(
|
||||||
|
onPressed: () {
|
||||||
|
_showTagCreateDialog(
|
||||||
|
context, enteredName, widget.products);
|
||||||
|
},
|
||||||
|
backgroundColor: ColorsManager.textFieldGreyColor,
|
||||||
|
foregroundColor: Colors.black,
|
||||||
|
borderColor: ColorsManager.neutralGray,
|
||||||
|
borderRadius: 16.0,
|
||||||
|
padding: 10.0, // Reduced padding for smaller size
|
||||||
|
child: Align(
|
||||||
|
alignment: Alignment.centerLeft,
|
||||||
|
child: Row(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(left: 6.0),
|
||||||
|
child: SvgPicture.asset(
|
||||||
|
Assets.addIcon,
|
||||||
|
width: screenWidth *
|
||||||
|
0.015, // Adjust icon size
|
||||||
|
height: screenWidth * 0.015,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 3),
|
||||||
|
Flexible(
|
||||||
|
child: Text(
|
||||||
|
'Add devices',
|
||||||
|
overflow: TextOverflow
|
||||||
|
.ellipsis, // Prevent overflow
|
||||||
|
style: Theme.of(context)
|
||||||
|
.textTheme
|
||||||
|
.bodyMedium,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
@ -277,8 +579,8 @@ class CreateSpaceDialogState extends State<CreateSpaceDialog> {
|
|||||||
? enteredName
|
? enteredName
|
||||||
: (widget.name ?? '');
|
: (widget.name ?? '');
|
||||||
if (newName.isNotEmpty) {
|
if (newName.isNotEmpty) {
|
||||||
widget.onCreateSpace(
|
widget.onCreateSpace(newName, selectedIcon,
|
||||||
newName, selectedIcon, selectedProducts);
|
selectedProducts, selectedSpaceModel,subspaces,tags);
|
||||||
Navigator.of(context).pop();
|
Navigator.of(context).pop();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -313,74 +615,6 @@ class CreateSpaceDialogState extends State<CreateSpaceDialog> {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
Widget _buildSelectedProductsButtons(List<ProductModel> products) {
|
|
||||||
final screenWidth = MediaQuery.of(context).size.width;
|
|
||||||
|
|
||||||
return Container(
|
|
||||||
width: screenWidth * 0.6,
|
|
||||||
padding: const EdgeInsets.all(8),
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
color: ColorsManager.textFieldGreyColor,
|
|
||||||
borderRadius: BorderRadius.circular(12),
|
|
||||||
border: Border.all(
|
|
||||||
color: ColorsManager.neutralGray,
|
|
||||||
width: 2,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
child: Wrap(
|
|
||||||
spacing: 8,
|
|
||||||
runSpacing: 8,
|
|
||||||
children: [
|
|
||||||
for (var i = 0; i < selectedProducts.length; i++) ...[
|
|
||||||
HoverableButton(
|
|
||||||
iconPath:
|
|
||||||
_mapIconToProduct(selectedProducts[i].productId, products),
|
|
||||||
text: 'x${selectedProducts[i].count}',
|
|
||||||
onTap: () {
|
|
||||||
setState(() {
|
|
||||||
selectedProducts.remove(selectedProducts[i]);
|
|
||||||
});
|
|
||||||
// Handle button tap
|
|
||||||
},
|
|
||||||
),
|
|
||||||
if (i < selectedProducts.length - 1)
|
|
||||||
const SizedBox(
|
|
||||||
width: 2), // Add space except after the last button
|
|
||||||
],
|
|
||||||
const SizedBox(width: 2),
|
|
||||||
GestureDetector(
|
|
||||||
onTap: () {
|
|
||||||
showDialog(
|
|
||||||
context: context,
|
|
||||||
builder: (context) => AddDeviceWidget(
|
|
||||||
products: widget.products,
|
|
||||||
initialSelectedProducts: selectedProducts,
|
|
||||||
onProductsSelected: (selectedProductsMap) {
|
|
||||||
setState(() {
|
|
||||||
selectedProducts = selectedProductsMap;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
),
|
|
||||||
);
|
|
||||||
},
|
|
||||||
child: Container(
|
|
||||||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
color: ColorsManager.whiteColors,
|
|
||||||
borderRadius: BorderRadius.circular(16),
|
|
||||||
),
|
|
||||||
child: const Icon(
|
|
||||||
Icons.add,
|
|
||||||
color: ColorsManager.spaceColor,
|
|
||||||
size: 24,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
bool _isNameConflict(String value) {
|
bool _isNameConflict(String value) {
|
||||||
return (widget.parentSpace?.children.any((child) => child.name == value) ??
|
return (widget.parentSpace?.children.any((child) => child.name == value) ??
|
||||||
false) ||
|
false) ||
|
||||||
@ -390,20 +624,133 @@ class CreateSpaceDialogState extends State<CreateSpaceDialog> {
|
|||||||
false);
|
false);
|
||||||
}
|
}
|
||||||
|
|
||||||
String _mapIconToProduct(String uuid, List<ProductModel> products) {
|
void _showLinkSpaceModelDialog(BuildContext context) {
|
||||||
// Find the product with the matching UUID
|
showDialog(
|
||||||
final product = products.firstWhere(
|
context: context,
|
||||||
(product) => product.uuid == uuid,
|
builder: (BuildContext context) {
|
||||||
orElse: () => ProductModel(
|
return LinkSpaceModelDialog(
|
||||||
uuid: '',
|
spaceModels: widget.spaceModels ?? [],
|
||||||
catName: '',
|
onSave: (selectedModel) {
|
||||||
prodId: '',
|
if (selectedModel != null) {
|
||||||
prodType: '',
|
setState(() {
|
||||||
name: '',
|
selectedSpaceModel = selectedModel;
|
||||||
icon: Assets.presenceSensor,
|
subspaces = null;
|
||||||
),
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
);
|
);
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
return product.icon ?? Assets.presenceSensor;
|
void _showSubSpaceDialog(
|
||||||
|
BuildContext context,
|
||||||
|
String name,
|
||||||
|
final List<Tag>? spaceTags,
|
||||||
|
bool isEdit,
|
||||||
|
List<ProductModel>? products,
|
||||||
|
final List<SubspaceModel>? existingSubSpaces) {
|
||||||
|
showDialog(
|
||||||
|
context: context,
|
||||||
|
builder: (BuildContext context) {
|
||||||
|
return CreateSubSpaceDialog(
|
||||||
|
spaceName: name,
|
||||||
|
dialogTitle: 'Create Sub-space',
|
||||||
|
spaceTags: spaceTags,
|
||||||
|
isEdit: isEdit,
|
||||||
|
products: products,
|
||||||
|
existingSubSpaces: existingSubSpaces,
|
||||||
|
onSave: (slectedSubspaces) {
|
||||||
|
if (slectedSubspaces != null) {
|
||||||
|
setState(() {
|
||||||
|
subspaces = slectedSubspaces;
|
||||||
|
selectedSpaceModel = null;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
void _showTagCreateDialog(
|
||||||
|
BuildContext context, String name, List<ProductModel>? products) {
|
||||||
|
showDialog(
|
||||||
|
context: context,
|
||||||
|
builder: (BuildContext context) {
|
||||||
|
return AddDeviceTypeWidget(
|
||||||
|
spaceName: name,
|
||||||
|
products: products,
|
||||||
|
subspaces: subspaces,
|
||||||
|
spaceTags: tags,
|
||||||
|
allTags: [],
|
||||||
|
initialSelectedProducts:
|
||||||
|
createInitialSelectedProducts(tags, subspaces),
|
||||||
|
onSave: (selectedSpaceTags, selectedSubspaces) {
|
||||||
|
setState(() {
|
||||||
|
tags = selectedSpaceTags;
|
||||||
|
selectedSpaceModel = null;
|
||||||
|
|
||||||
|
if (selectedSubspaces != null) {
|
||||||
|
if (subspaces != null) {
|
||||||
|
for (final subspace in subspaces!) {
|
||||||
|
for (final selectedSubspace in selectedSubspaces) {
|
||||||
|
if (subspace.subspaceName ==
|
||||||
|
selectedSubspace.subspaceName) {
|
||||||
|
subspace.tags = selectedSubspace.tags;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
);
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
List<SelectedProduct> createInitialSelectedProducts(
|
||||||
|
List<Tag>? tags, List<SubspaceModel>? subspaces) {
|
||||||
|
final Map<ProductModel, int> productCounts = {};
|
||||||
|
|
||||||
|
if (tags != null) {
|
||||||
|
for (var tag in tags) {
|
||||||
|
if (tag.product != null) {
|
||||||
|
productCounts[tag.product!] = (productCounts[tag.product!] ?? 0) + 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (subspaces != null) {
|
||||||
|
for (var subspace in subspaces) {
|
||||||
|
if (subspace.tags != null) {
|
||||||
|
for (var tag in subspace.tags!) {
|
||||||
|
if (tag.product != null) {
|
||||||
|
productCounts[tag.product!] =
|
||||||
|
(productCounts[tag.product!] ?? 0) + 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return productCounts.entries
|
||||||
|
.map((entry) => SelectedProduct(
|
||||||
|
productId: entry.key.uuid,
|
||||||
|
count: entry.value,
|
||||||
|
productName: entry.key.name ?? 'Unnamed',
|
||||||
|
product: entry.key,
|
||||||
|
))
|
||||||
|
.toList();
|
||||||
|
}
|
||||||
|
|
||||||
|
Map<ProductModel, int> _groupTags(List<Tag> tags) {
|
||||||
|
final Map<ProductModel, int> groupedTags = {};
|
||||||
|
for (var tag in tags) {
|
||||||
|
if (tag.product != null) {
|
||||||
|
groupedTags[tag.product!] = (groupedTags[tag.product!] ?? 0) + 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return groupedTags;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -40,8 +40,8 @@ void showDeleteConfirmationDialog(BuildContext context, VoidCallback onConfirm,
|
|||||||
Navigator.of(context).pop(); // Close the first dialog
|
Navigator.of(context).pop(); // Close the first dialog
|
||||||
showProcessingPopup(context, isSpace, onConfirm);
|
showProcessingPopup(context, isSpace, onConfirm);
|
||||||
},
|
},
|
||||||
style: _dialogButtonStyle(Colors.blue),
|
style: _dialogButtonStyle(ColorsManager.spaceColor),
|
||||||
child: const Text('Continue', style: TextStyle(color: Colors.white)),
|
child: const Text('Continue', style: TextStyle(color: ColorsManager.whiteColors)),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
@ -83,7 +83,7 @@ void showProcessingPopup(BuildContext context, bool isSpace, VoidCallback onDele
|
|||||||
ElevatedButton(
|
ElevatedButton(
|
||||||
onPressed: onDelete,
|
onPressed: onDelete,
|
||||||
style: _dialogButtonStyle(ColorsManager.warningRed),
|
style: _dialogButtonStyle(ColorsManager.warningRed),
|
||||||
child: const Text('Delete', style: TextStyle(color: Colors.white)),
|
child: const Text('Delete', style: TextStyle(color: ColorsManager.whiteColors)),
|
||||||
),
|
),
|
||||||
CancelButton(
|
CancelButton(
|
||||||
label: 'Cancel',
|
label: 'Cancel',
|
||||||
@ -108,7 +108,7 @@ Widget _buildWarningIcon() {
|
|||||||
color: ColorsManager.warningRed,
|
color: ColorsManager.warningRed,
|
||||||
shape: BoxShape.circle,
|
shape: BoxShape.circle,
|
||||||
),
|
),
|
||||||
child: const Icon(Icons.close, color: Colors.white, size: 40),
|
child: const Icon(Icons.close, color: ColorsManager.whiteColors, size: 40),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -28,7 +28,7 @@ class IconSelectionDialog extends StatelessWidget {
|
|||||||
borderRadius: BorderRadius.circular(12),
|
borderRadius: BorderRadius.circular(12),
|
||||||
boxShadow: [
|
boxShadow: [
|
||||||
BoxShadow(
|
BoxShadow(
|
||||||
color: Colors.black.withOpacity(0.2), // Shadow color
|
color: ColorsManager.blackColor.withOpacity(0.2), // Shadow color
|
||||||
blurRadius: 20, // Spread of the blur
|
blurRadius: 20, // Spread of the blur
|
||||||
offset: const Offset(0, 8), // Offset of the shadow
|
offset: const Offset(0, 8), // Offset of the shadow
|
||||||
),
|
),
|
||||||
|
|||||||
@ -1,16 +1,23 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/community_model.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/community_model.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/product_model.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/product_model.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/space_model.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/space_model.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/community_structure_widget.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/community_structure_widget.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/gradient_canvas_border_widget.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/gradient_canvas_border_widget.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/sidebar_widget.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/sidebar_widget.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/space_model/bloc/space_model_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/space_model/models/space_template_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/space_model/view/space_model_page.dart';
|
||||||
|
import 'package:syncrow_web/services/space_model_mang_api.dart';
|
||||||
|
|
||||||
class LoadedSpaceView extends StatefulWidget {
|
class LoadedSpaceView extends StatelessWidget {
|
||||||
final List<CommunityModel> communities;
|
final List<CommunityModel> communities;
|
||||||
final CommunityModel? selectedCommunity;
|
final CommunityModel? selectedCommunity;
|
||||||
final SpaceModel? selectedSpace;
|
final SpaceModel? selectedSpace;
|
||||||
final List<ProductModel>? products;
|
final List<ProductModel>? products;
|
||||||
|
final List<SpaceTemplateModel>? spaceModels;
|
||||||
|
final bool shouldNavigateToSpaceModelPage;
|
||||||
|
|
||||||
const LoadedSpaceView({
|
const LoadedSpaceView({
|
||||||
super.key,
|
super.key,
|
||||||
@ -18,32 +25,42 @@ class LoadedSpaceView extends StatefulWidget {
|
|||||||
this.selectedCommunity,
|
this.selectedCommunity,
|
||||||
this.selectedSpace,
|
this.selectedSpace,
|
||||||
this.products,
|
this.products,
|
||||||
|
this.spaceModels,
|
||||||
|
required this.shouldNavigateToSpaceModelPage
|
||||||
});
|
});
|
||||||
|
|
||||||
@override
|
|
||||||
_LoadedStateViewState createState() => _LoadedStateViewState();
|
|
||||||
}
|
|
||||||
|
|
||||||
class _LoadedStateViewState extends State<LoadedSpaceView> {
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
|
|
||||||
return Stack(
|
return Stack(
|
||||||
clipBehavior: Clip.none,
|
clipBehavior: Clip.none,
|
||||||
children: [
|
children: [
|
||||||
Row(
|
Row(
|
||||||
children: [
|
children: [
|
||||||
SidebarWidget(
|
SidebarWidget(
|
||||||
communities: widget.communities,
|
communities: communities,
|
||||||
selectedSpaceUuid: widget.selectedSpace?.uuid ??
|
selectedSpaceUuid:
|
||||||
widget.selectedCommunity?.uuid ??
|
selectedSpace?.uuid ?? selectedCommunity?.uuid ?? '',
|
||||||
'',
|
|
||||||
),
|
),
|
||||||
CommunityStructureArea(
|
shouldNavigateToSpaceModelPage
|
||||||
selectedCommunity: widget.selectedCommunity,
|
? Expanded(
|
||||||
selectedSpace: widget.selectedSpace,
|
child: BlocProvider(
|
||||||
spaces: widget.selectedCommunity?.spaces ?? [],
|
create: (context) => SpaceModelBloc(
|
||||||
products: widget.products,
|
api: SpaceModelManagementApi(),
|
||||||
communities: widget.communities,
|
initialSpaceModels: spaceModels ?? [],
|
||||||
|
),
|
||||||
|
child: SpaceModelPage(
|
||||||
|
products: products,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
: CommunityStructureArea(
|
||||||
|
selectedCommunity: selectedCommunity,
|
||||||
|
selectedSpace: selectedSpace,
|
||||||
|
spaces: selectedCommunity?.spaces ?? [],
|
||||||
|
products: products,
|
||||||
|
communities: communities,
|
||||||
|
spaceModels: spaceModels,
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
|
|||||||
@ -45,7 +45,7 @@ class PlusButtonWidget extends StatelessWidget {
|
|||||||
color: ColorsManager.spaceColor,
|
color: ColorsManager.spaceColor,
|
||||||
shape: BoxShape.circle,
|
shape: BoxShape.circle,
|
||||||
),
|
),
|
||||||
child: const Icon(Icons.add, color: Colors.white, size: 20),
|
child: const Icon(Icons.add, color: ColorsManager.whiteColors, size: 20),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
|
|||||||
@ -0,0 +1,118 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/product_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/selected_product_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/add_device_type_widget.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/hoverable_button.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
import 'package:syncrow_web/utils/constants/assets.dart';
|
||||||
|
|
||||||
|
class SelectedProductsButtons extends StatelessWidget {
|
||||||
|
final List<ProductModel> products;
|
||||||
|
final List<SelectedProduct> selectedProducts;
|
||||||
|
final Function(List<SelectedProduct>) onProductsUpdated;
|
||||||
|
final BuildContext context;
|
||||||
|
|
||||||
|
const SelectedProductsButtons({
|
||||||
|
Key? key,
|
||||||
|
required this.products,
|
||||||
|
required this.selectedProducts,
|
||||||
|
required this.onProductsUpdated,
|
||||||
|
required this.context,
|
||||||
|
}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final screenWidth = MediaQuery.of(context).size.width;
|
||||||
|
|
||||||
|
return Container(
|
||||||
|
width: screenWidth * 0.6,
|
||||||
|
padding: const EdgeInsets.all(8),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: ColorsManager.textFieldGreyColor,
|
||||||
|
borderRadius: BorderRadius.circular(12),
|
||||||
|
border: Border.all(
|
||||||
|
color: ColorsManager.neutralGray,
|
||||||
|
width: 2,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: Wrap(
|
||||||
|
spacing: 8,
|
||||||
|
runSpacing: 8,
|
||||||
|
children: [
|
||||||
|
..._buildSelectedProductButtons(),
|
||||||
|
_buildAddButton(),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
List<Widget> _buildSelectedProductButtons() {
|
||||||
|
return [
|
||||||
|
for (var i = 0; i < selectedProducts.length; i++) ...[
|
||||||
|
HoverableButton(
|
||||||
|
iconPath: _mapIconToProduct(selectedProducts[i].productId, products),
|
||||||
|
text: 'x${selectedProducts[i].count}',
|
||||||
|
onTap: () {
|
||||||
|
_removeProduct(i);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
if (i < selectedProducts.length - 1)
|
||||||
|
const SizedBox(width: 2), // Add space except after the last button
|
||||||
|
],
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildAddButton() {
|
||||||
|
return GestureDetector(
|
||||||
|
onTap: _showAddDeviceDialog,
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: ColorsManager.whiteColors,
|
||||||
|
borderRadius: BorderRadius.circular(16),
|
||||||
|
),
|
||||||
|
child: const Icon(
|
||||||
|
Icons.add,
|
||||||
|
color: ColorsManager.spaceColor,
|
||||||
|
size: 24,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
void _showAddDeviceDialog() {
|
||||||
|
showDialog(
|
||||||
|
context: context,
|
||||||
|
builder: (context) => AddDeviceWidget(
|
||||||
|
products: products,
|
||||||
|
initialSelectedProducts: selectedProducts,
|
||||||
|
onProductsSelected: (selectedProductsMap) {
|
||||||
|
onProductsUpdated(selectedProductsMap);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
void _removeProduct(int index) {
|
||||||
|
final updatedProducts = [...selectedProducts];
|
||||||
|
updatedProducts.removeAt(index);
|
||||||
|
onProductsUpdated(updatedProducts);
|
||||||
|
}
|
||||||
|
|
||||||
|
String _mapIconToProduct(String uuid, List<ProductModel> products) {
|
||||||
|
// Find the product with the matching UUID
|
||||||
|
final product = products.firstWhere(
|
||||||
|
(product) => product.uuid == uuid,
|
||||||
|
orElse: () => ProductModel(
|
||||||
|
uuid: '',
|
||||||
|
catName: '',
|
||||||
|
prodId: '',
|
||||||
|
prodType: '',
|
||||||
|
name: '',
|
||||||
|
icon: Assets.presenceSensor,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
|
||||||
|
return product.icon ?? Assets.presenceSensor;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -8,6 +8,8 @@ import 'package:syncrow_web/pages/spaces_management/all_spaces/model/community_m
|
|||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/space_model.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/space_model.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/community_tile.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/community_tile.dart';
|
||||||
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/space_tile_widget.dart';
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/widgets/space_tile_widget.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/structure_selector/bloc/center_body_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/structure_selector/bloc/center_body_event.dart';
|
||||||
import 'package:syncrow_web/utils/color_manager.dart';
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
import 'package:syncrow_web/utils/constants/assets.dart';
|
import 'package:syncrow_web/utils/constants/assets.dart';
|
||||||
import 'package:syncrow_web/utils/style.dart';
|
import 'package:syncrow_web/utils/style.dart';
|
||||||
@ -116,7 +118,7 @@ class _SidebarWidgetState extends State<SidebarWidget> {
|
|||||||
children: [
|
children: [
|
||||||
Text('Communities',
|
Text('Communities',
|
||||||
style: Theme.of(context).textTheme.titleMedium?.copyWith(
|
style: Theme.of(context).textTheme.titleMedium?.copyWith(
|
||||||
color: Colors.black,
|
color: ColorsManager.blackColor,
|
||||||
)),
|
)),
|
||||||
GestureDetector(
|
GestureDetector(
|
||||||
onTap: () => _navigateToBlank(context),
|
onTap: () => _navigateToBlank(context),
|
||||||
@ -184,6 +186,8 @@ class _SidebarWidgetState extends State<SidebarWidget> {
|
|||||||
_selectedSpaceUuid = null; // Update the selected community
|
_selectedSpaceUuid = null; // Update the selected community
|
||||||
});
|
});
|
||||||
|
|
||||||
|
context.read<CenterBodyBloc>().add(CommunitySelectedEvent());
|
||||||
|
|
||||||
context.read<SpaceManagementBloc>().add(
|
context.read<SpaceManagementBloc>().add(
|
||||||
SelectCommunityEvent(selectedCommunity: community),
|
SelectCommunityEvent(selectedCommunity: community),
|
||||||
);
|
);
|
||||||
|
|||||||
@ -78,7 +78,7 @@ class SpaceContainerWidget extends StatelessWidget {
|
|||||||
borderRadius: BorderRadius.circular(15),
|
borderRadius: BorderRadius.circular(15),
|
||||||
boxShadow: [
|
boxShadow: [
|
||||||
BoxShadow(
|
BoxShadow(
|
||||||
color: Colors.grey.withOpacity(0.5),
|
color: ColorsManager.lightGrayColor.withOpacity(0.5),
|
||||||
spreadRadius: 2,
|
spreadRadius: 2,
|
||||||
blurRadius: 5,
|
blurRadius: 5,
|
||||||
offset: const Offset(0, 3), // Shadow position
|
offset: const Offset(0, 3), // Shadow position
|
||||||
|
|||||||
@ -1,4 +1,5 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
|
||||||
class SpaceWidget extends StatelessWidget {
|
class SpaceWidget extends StatelessWidget {
|
||||||
final String name;
|
final String name;
|
||||||
@ -23,11 +24,11 @@ class SpaceWidget extends StatelessWidget {
|
|||||||
Container(
|
Container(
|
||||||
padding: const EdgeInsets.all(8.0),
|
padding: const EdgeInsets.all(8.0),
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
color: Colors.white,
|
color: ColorsManager.whiteColors,
|
||||||
borderRadius: BorderRadius.circular(8),
|
borderRadius: BorderRadius.circular(8),
|
||||||
boxShadow: [
|
boxShadow: [
|
||||||
BoxShadow(
|
BoxShadow(
|
||||||
color: Colors.grey.withOpacity(0.5),
|
color: ColorsManager.lightGrayColor.withOpacity(0.5),
|
||||||
spreadRadius: 5,
|
spreadRadius: 5,
|
||||||
blurRadius: 7,
|
blurRadius: 7,
|
||||||
offset: const Offset(0, 3),
|
offset: const Offset(0, 3),
|
||||||
@ -36,7 +37,7 @@ class SpaceWidget extends StatelessWidget {
|
|||||||
),
|
),
|
||||||
child: Row(
|
child: Row(
|
||||||
children: [
|
children: [
|
||||||
const Icon(Icons.location_on, color: Colors.blue),
|
const Icon(Icons.location_on, color: ColorsManager.spaceColor),
|
||||||
const SizedBox(width: 8),
|
const SizedBox(width: 8),
|
||||||
Text(name, style: const TextStyle(fontSize: 16)),
|
Text(name, style: const TextStyle(fontSize: 16)),
|
||||||
],
|
],
|
||||||
|
|||||||
148
lib/pages/spaces_management/assign_tag/bloc/assign_tag_bloc.dart
Normal file
148
lib/pages/spaces_management/assign_tag/bloc/assign_tag_bloc.dart
Normal file
@ -0,0 +1,148 @@
|
|||||||
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/tag.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/assign_tag/bloc/assign_tag_event.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/assign_tag/bloc/assign_tag_state.dart';
|
||||||
|
|
||||||
|
class AssignTagBloc extends Bloc<AssignTagEvent, AssignTagState> {
|
||||||
|
AssignTagBloc() : super(AssignTagInitial()) {
|
||||||
|
on<InitializeTags>((event, emit) {
|
||||||
|
final initialTags = event.initialTags ?? [];
|
||||||
|
|
||||||
|
final existingTagCounts = <String, int>{};
|
||||||
|
for (var tag in initialTags) {
|
||||||
|
if (tag.product != null) {
|
||||||
|
existingTagCounts[tag.product!.uuid] =
|
||||||
|
(existingTagCounts[tag.product!.uuid] ?? 0) + 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
final allTags = <Tag>[];
|
||||||
|
|
||||||
|
for (var selectedProduct in event.addedProducts) {
|
||||||
|
final existingCount = existingTagCounts[selectedProduct.productId] ?? 0;
|
||||||
|
|
||||||
|
if (selectedProduct.count == 0 ||
|
||||||
|
selectedProduct.count <= existingCount) {
|
||||||
|
allTags.addAll(initialTags
|
||||||
|
.where((tag) => tag.product?.uuid == selectedProduct.productId));
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
final missingCount = selectedProduct.count - existingCount;
|
||||||
|
|
||||||
|
allTags.addAll(initialTags
|
||||||
|
.where((tag) => tag.product?.uuid == selectedProduct.productId));
|
||||||
|
|
||||||
|
if (missingCount > 0) {
|
||||||
|
allTags.addAll(List.generate(
|
||||||
|
missingCount,
|
||||||
|
(index) => Tag(
|
||||||
|
tag: '',
|
||||||
|
product: selectedProduct.product,
|
||||||
|
location: 'Main Space',
|
||||||
|
),
|
||||||
|
));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
emit(AssignTagLoaded(
|
||||||
|
tags: allTags,
|
||||||
|
isSaveEnabled: _validateTags(allTags),
|
||||||
|
));
|
||||||
|
});
|
||||||
|
|
||||||
|
on<UpdateTagEvent>((event, emit) {
|
||||||
|
final currentState = state;
|
||||||
|
|
||||||
|
if (currentState is AssignTagLoaded && currentState.tags.isNotEmpty) {
|
||||||
|
final tags = List<Tag>.from(currentState.tags);
|
||||||
|
tags[event.index].tag = event.tag;
|
||||||
|
emit(AssignTagLoaded(
|
||||||
|
tags: tags,
|
||||||
|
isSaveEnabled: _validateTags(tags),
|
||||||
|
errorMessage: _getValidationError(tags),
|
||||||
|
));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
on<UpdateLocation>((event, emit) {
|
||||||
|
final currentState = state;
|
||||||
|
|
||||||
|
if (currentState is AssignTagLoaded && currentState.tags.isNotEmpty) {
|
||||||
|
final tags = List<Tag>.from(currentState.tags);
|
||||||
|
|
||||||
|
// Use copyWith for immutability
|
||||||
|
tags[event.index] =
|
||||||
|
tags[event.index].copyWith(location: event.location);
|
||||||
|
|
||||||
|
emit(AssignTagLoaded(
|
||||||
|
tags: tags,
|
||||||
|
isSaveEnabled: _validateTags(tags),
|
||||||
|
));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
on<ValidateTags>((event, emit) {
|
||||||
|
final currentState = state;
|
||||||
|
|
||||||
|
if (currentState is AssignTagLoaded && currentState.tags.isNotEmpty) {
|
||||||
|
final tags = List<Tag>.from(currentState.tags);
|
||||||
|
|
||||||
|
emit(AssignTagLoaded(
|
||||||
|
tags: tags,
|
||||||
|
isSaveEnabled: _validateTags(tags),
|
||||||
|
errorMessage: _getValidationError(tags),
|
||||||
|
));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
on<DeleteTag>((event, emit) {
|
||||||
|
final currentState = state;
|
||||||
|
|
||||||
|
if (currentState is AssignTagLoaded && currentState.tags.isNotEmpty) {
|
||||||
|
final updatedTags = List<Tag>.from(currentState.tags)
|
||||||
|
..remove(event.tagToDelete);
|
||||||
|
|
||||||
|
emit(AssignTagLoaded(
|
||||||
|
tags: updatedTags,
|
||||||
|
isSaveEnabled: _validateTags(updatedTags),
|
||||||
|
));
|
||||||
|
} else {
|
||||||
|
emit(const AssignTagLoaded(
|
||||||
|
tags: [],
|
||||||
|
isSaveEnabled: false,
|
||||||
|
));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
bool _validateTags(List<Tag> tags) {
|
||||||
|
if (tags.isEmpty) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
final uniqueTags = tags.map((tag) => tag.tag?.trim() ?? '').toSet();
|
||||||
|
final hasEmptyTag = tags.any((tag) => (tag.tag?.trim() ?? '').isEmpty);
|
||||||
|
return uniqueTags.length == tags.length && !hasEmptyTag;
|
||||||
|
}
|
||||||
|
|
||||||
|
String? _getValidationError(List<Tag> tags) {
|
||||||
|
final hasEmptyTag = tags.any((tag) => (tag.tag?.trim() ?? '').isEmpty);
|
||||||
|
if (hasEmptyTag) return 'Tags cannot be empty.';
|
||||||
|
final duplicateTags = tags
|
||||||
|
.map((tag) => tag.tag?.trim() ?? '')
|
||||||
|
.fold<Map<String, int>>({}, (map, tag) {
|
||||||
|
map[tag] = (map[tag] ?? 0) + 1;
|
||||||
|
return map;
|
||||||
|
})
|
||||||
|
.entries
|
||||||
|
.where((entry) => entry.value > 1)
|
||||||
|
.map((entry) => entry.key)
|
||||||
|
.toList();
|
||||||
|
|
||||||
|
if (duplicateTags.isNotEmpty) {
|
||||||
|
return 'Duplicate tags found: ${duplicateTags.join(', ')}';
|
||||||
|
}
|
||||||
|
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,55 @@
|
|||||||
|
import 'package:equatable/equatable.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/tag.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/selected_product_model.dart';
|
||||||
|
|
||||||
|
abstract class AssignTagEvent extends Equatable {
|
||||||
|
const AssignTagEvent();
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
class InitializeTags extends AssignTagEvent {
|
||||||
|
final List<Tag>? initialTags;
|
||||||
|
final List<SelectedProduct> addedProducts;
|
||||||
|
|
||||||
|
const InitializeTags({
|
||||||
|
required this.initialTags,
|
||||||
|
required this.addedProducts,
|
||||||
|
});
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object> get props => [initialTags ?? [], addedProducts];
|
||||||
|
}
|
||||||
|
|
||||||
|
class UpdateTagEvent extends AssignTagEvent {
|
||||||
|
final int index;
|
||||||
|
final String tag;
|
||||||
|
|
||||||
|
const UpdateTagEvent({required this.index, required this.tag});
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object> get props => [index, tag];
|
||||||
|
}
|
||||||
|
|
||||||
|
class UpdateLocation extends AssignTagEvent {
|
||||||
|
final int index;
|
||||||
|
final String location;
|
||||||
|
|
||||||
|
const UpdateLocation({required this.index, required this.location});
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object> get props => [index, location];
|
||||||
|
}
|
||||||
|
|
||||||
|
class ValidateTags extends AssignTagEvent {}
|
||||||
|
|
||||||
|
class DeleteTag extends AssignTagEvent {
|
||||||
|
final Tag tagToDelete;
|
||||||
|
final List<Tag> tags;
|
||||||
|
|
||||||
|
const DeleteTag({required this.tagToDelete, required this.tags});
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object> get props => [tagToDelete, tags];
|
||||||
|
}
|
||||||
@ -0,0 +1,38 @@
|
|||||||
|
import 'package:equatable/equatable.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/tag.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/space_model/models/tag_model.dart';
|
||||||
|
|
||||||
|
abstract class AssignTagState extends Equatable {
|
||||||
|
const AssignTagState();
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
class AssignTagInitial extends AssignTagState {}
|
||||||
|
|
||||||
|
class AssignTagLoading extends AssignTagState {}
|
||||||
|
|
||||||
|
class AssignTagLoaded extends AssignTagState {
|
||||||
|
final List<Tag> tags;
|
||||||
|
final bool isSaveEnabled;
|
||||||
|
final String? errorMessage;
|
||||||
|
|
||||||
|
const AssignTagLoaded({
|
||||||
|
required this.tags,
|
||||||
|
required this.isSaveEnabled,
|
||||||
|
this.errorMessage,
|
||||||
|
});
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object> get props => [tags, isSaveEnabled];
|
||||||
|
}
|
||||||
|
|
||||||
|
class AssignTagError extends AssignTagState {
|
||||||
|
final String errorMessage;
|
||||||
|
|
||||||
|
const AssignTagError(this.errorMessage);
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object> get props => [errorMessage];
|
||||||
|
}
|
||||||
@ -0,0 +1,340 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/common/buttons/cancel_button.dart';
|
||||||
|
import 'package:syncrow_web/pages/common/buttons/default_button.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/product_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/selected_product_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/subspace_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/tag.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/assign_tag/bloc/assign_tag_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/assign_tag/bloc/assign_tag_event.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/assign_tag/bloc/assign_tag_state.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
|
||||||
|
class AssignTagDialog extends StatelessWidget {
|
||||||
|
final List<ProductModel>? products;
|
||||||
|
final List<SubspaceModel>? subspaces;
|
||||||
|
final List<Tag>? initialTags;
|
||||||
|
final ValueChanged<List<Tag>>? onTagsAssigned;
|
||||||
|
final List<SelectedProduct> addedProducts;
|
||||||
|
final List<String>? allTags;
|
||||||
|
final String spaceName;
|
||||||
|
final String title;
|
||||||
|
final Function(List<Tag>, List<SubspaceModel>?)? onSave;
|
||||||
|
|
||||||
|
const AssignTagDialog(
|
||||||
|
{Key? key,
|
||||||
|
required this.products,
|
||||||
|
required this.subspaces,
|
||||||
|
required this.addedProducts,
|
||||||
|
this.initialTags,
|
||||||
|
this.onTagsAssigned,
|
||||||
|
this.allTags,
|
||||||
|
required this.spaceName,
|
||||||
|
required this.title,
|
||||||
|
this.onSave})
|
||||||
|
: super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final List<String> locations =
|
||||||
|
(subspaces ?? []).map((subspace) => subspace.subspaceName).toList();
|
||||||
|
return BlocProvider(
|
||||||
|
create: (_) => AssignTagBloc()
|
||||||
|
..add(InitializeTags(
|
||||||
|
initialTags: initialTags,
|
||||||
|
addedProducts: addedProducts,
|
||||||
|
)),
|
||||||
|
child: BlocBuilder<AssignTagBloc, AssignTagState>(
|
||||||
|
builder: (context, state) {
|
||||||
|
if (state is AssignTagLoaded) {
|
||||||
|
final controllers = List.generate(
|
||||||
|
state.tags.length,
|
||||||
|
(index) => TextEditingController(text: state.tags[index].tag),
|
||||||
|
);
|
||||||
|
|
||||||
|
return AlertDialog(
|
||||||
|
title: Text(title),
|
||||||
|
backgroundColor: ColorsManager.whiteColors,
|
||||||
|
content: SingleChildScrollView(
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
ClipRRect(
|
||||||
|
borderRadius: BorderRadius.circular(20),
|
||||||
|
child: DataTable(
|
||||||
|
headingRowColor: WidgetStateProperty.all(
|
||||||
|
ColorsManager.dataHeaderGrey),
|
||||||
|
border: TableBorder.all(
|
||||||
|
color: ColorsManager.dataHeaderGrey,
|
||||||
|
width: 1,
|
||||||
|
borderRadius: BorderRadius.circular(20),
|
||||||
|
),
|
||||||
|
columns: [
|
||||||
|
DataColumn(
|
||||||
|
label: Text('#',
|
||||||
|
style:
|
||||||
|
Theme.of(context).textTheme.bodyMedium)),
|
||||||
|
DataColumn(
|
||||||
|
label: Text('Device',
|
||||||
|
style:
|
||||||
|
Theme.of(context).textTheme.bodyMedium)),
|
||||||
|
DataColumn(
|
||||||
|
label: Text('Tag',
|
||||||
|
style:
|
||||||
|
Theme.of(context).textTheme.bodyMedium)),
|
||||||
|
DataColumn(
|
||||||
|
label: Text('Location',
|
||||||
|
style:
|
||||||
|
Theme.of(context).textTheme.bodyMedium)),
|
||||||
|
],
|
||||||
|
rows: state.tags.isEmpty
|
||||||
|
? [
|
||||||
|
const DataRow(cells: [
|
||||||
|
DataCell(
|
||||||
|
Center(
|
||||||
|
child: Text(
|
||||||
|
'No Data Available',
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 14,
|
||||||
|
color: ColorsManager.lightGrayColor,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
DataCell(SizedBox()),
|
||||||
|
DataCell(SizedBox()),
|
||||||
|
DataCell(SizedBox()),
|
||||||
|
])
|
||||||
|
]
|
||||||
|
: List.generate(state.tags.length, (index) {
|
||||||
|
final tag = state.tags[index];
|
||||||
|
final controller = controllers[index];
|
||||||
|
|
||||||
|
return DataRow(
|
||||||
|
cells: [
|
||||||
|
DataCell(Text(index.toString())),
|
||||||
|
DataCell(
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment:
|
||||||
|
MainAxisAlignment.spaceBetween,
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
child: Text(
|
||||||
|
tag.product?.name ?? 'Unknown',
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
)),
|
||||||
|
IconButton(
|
||||||
|
icon: const Icon(Icons.close,
|
||||||
|
color: ColorsManager.warningRed,
|
||||||
|
size: 16),
|
||||||
|
onPressed: () {
|
||||||
|
context.read<AssignTagBloc>().add(
|
||||||
|
DeleteTag(
|
||||||
|
tagToDelete: tag,
|
||||||
|
tags: state.tags));
|
||||||
|
},
|
||||||
|
tooltip: 'Delete Tag',
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
DataCell(
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
child: TextFormField(
|
||||||
|
controller: controller,
|
||||||
|
onChanged: (value) {
|
||||||
|
context
|
||||||
|
.read<AssignTagBloc>()
|
||||||
|
.add(UpdateTagEvent(
|
||||||
|
index: index,
|
||||||
|
tag: value.trim(),
|
||||||
|
));
|
||||||
|
},
|
||||||
|
decoration: const InputDecoration(
|
||||||
|
hintText: 'Enter Tag',
|
||||||
|
border: InputBorder.none,
|
||||||
|
),
|
||||||
|
style: const TextStyle(
|
||||||
|
fontSize: 14,
|
||||||
|
color: ColorsManager.blackColor,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
SizedBox(
|
||||||
|
width: MediaQuery.of(context)
|
||||||
|
.size
|
||||||
|
.width *
|
||||||
|
0.15,
|
||||||
|
child: PopupMenuButton<String>(
|
||||||
|
color: ColorsManager.whiteColors,
|
||||||
|
icon: const Icon(
|
||||||
|
Icons.arrow_drop_down,
|
||||||
|
color:
|
||||||
|
ColorsManager.blackColor),
|
||||||
|
onSelected: (value) {
|
||||||
|
controller.text = value;
|
||||||
|
context
|
||||||
|
.read<AssignTagBloc>()
|
||||||
|
.add(UpdateTagEvent(
|
||||||
|
index: index,
|
||||||
|
tag: value,
|
||||||
|
));
|
||||||
|
},
|
||||||
|
itemBuilder: (context) {
|
||||||
|
return (allTags ?? [])
|
||||||
|
.where((tagValue) => !state
|
||||||
|
.tags
|
||||||
|
.map((e) => e.tag)
|
||||||
|
.contains(tagValue))
|
||||||
|
.map((tagValue) {
|
||||||
|
return PopupMenuItem<String>(
|
||||||
|
textStyle: const TextStyle(
|
||||||
|
color: ColorsManager
|
||||||
|
.textPrimaryColor),
|
||||||
|
value: tagValue,
|
||||||
|
child: ConstrainedBox(
|
||||||
|
constraints:
|
||||||
|
BoxConstraints(
|
||||||
|
minWidth: MediaQuery.of(
|
||||||
|
context)
|
||||||
|
.size
|
||||||
|
.width *
|
||||||
|
0.15,
|
||||||
|
maxWidth: MediaQuery.of(
|
||||||
|
context)
|
||||||
|
.size
|
||||||
|
.width *
|
||||||
|
0.15,
|
||||||
|
),
|
||||||
|
child: Text(
|
||||||
|
tagValue,
|
||||||
|
overflow: TextOverflow
|
||||||
|
.ellipsis,
|
||||||
|
),
|
||||||
|
));
|
||||||
|
}).toList();
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
DataCell(
|
||||||
|
DropdownButtonHideUnderline(
|
||||||
|
child: DropdownButton<String>(
|
||||||
|
value: tag.location ?? 'Main',
|
||||||
|
dropdownColor: ColorsManager
|
||||||
|
.whiteColors, // Dropdown background
|
||||||
|
style: const TextStyle(
|
||||||
|
color: Colors
|
||||||
|
.black), // Style for selected text
|
||||||
|
items: [
|
||||||
|
const DropdownMenuItem<String>(
|
||||||
|
value: 'Main Space',
|
||||||
|
child: Text(
|
||||||
|
'Main Space',
|
||||||
|
style: TextStyle(
|
||||||
|
color: ColorsManager
|
||||||
|
.textPrimaryColor),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
...locations.map((location) {
|
||||||
|
return DropdownMenuItem<String>(
|
||||||
|
value: location,
|
||||||
|
child: Text(
|
||||||
|
location,
|
||||||
|
style: const TextStyle(
|
||||||
|
color: ColorsManager
|
||||||
|
.textPrimaryColor),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}).toList(),
|
||||||
|
],
|
||||||
|
onChanged: (value) {
|
||||||
|
if (value != null) {
|
||||||
|
context
|
||||||
|
.read<AssignTagBloc>()
|
||||||
|
.add(UpdateLocation(
|
||||||
|
index: index,
|
||||||
|
location: value,
|
||||||
|
));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
if (state.errorMessage != null)
|
||||||
|
Text(
|
||||||
|
state.errorMessage!,
|
||||||
|
style: const TextStyle(color: ColorsManager.warningRed),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
actions: [
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
||||||
|
children: [
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
Expanded(
|
||||||
|
child: CancelButton(
|
||||||
|
label: 'Cancel',
|
||||||
|
onPressed: () async {
|
||||||
|
Navigator.of(context).pop();
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
Expanded(
|
||||||
|
child: DefaultButton(
|
||||||
|
borderRadius: 10,
|
||||||
|
backgroundColor: state.isSaveEnabled
|
||||||
|
? ColorsManager.secondaryColor
|
||||||
|
: ColorsManager.grayColor,
|
||||||
|
foregroundColor: ColorsManager.whiteColors,
|
||||||
|
onPressed: state.isSaveEnabled
|
||||||
|
? () async {
|
||||||
|
Navigator.of(context).pop();
|
||||||
|
final assignedTags = <Tag>{};
|
||||||
|
for (var tag in state.tags) {
|
||||||
|
if (tag.location == null ||
|
||||||
|
subspaces == null) {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
for (var subspace in subspaces!) {
|
||||||
|
if (tag.location == subspace.subspaceName) {
|
||||||
|
subspace.tags ??= [];
|
||||||
|
subspace.tags!.add(tag);
|
||||||
|
assignedTags.add(tag);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
onSave!(state.tags,subspaces);
|
||||||
|
}
|
||||||
|
: null,
|
||||||
|
child: const Text('Save'),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
} else if (state is AssignTagLoading) {
|
||||||
|
return const Center(child: CircularProgressIndicator());
|
||||||
|
} else {
|
||||||
|
return const Center(child: Text('Something went wrong.'));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,155 @@
|
|||||||
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/assign_tag_models/bloc/assign_tag_model_event.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/assign_tag_models/bloc/assign_tag_model_state.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/space_model/models/tag_model.dart';
|
||||||
|
|
||||||
|
class AssignTagModelBloc
|
||||||
|
extends Bloc<AssignTagModelEvent, AssignTagModelState> {
|
||||||
|
AssignTagModelBloc() : super(AssignTagModelInitial()) {
|
||||||
|
on<InitializeTagModels>((event, emit) {
|
||||||
|
final initialTags = event.initialTags ?? [];
|
||||||
|
|
||||||
|
final existingTagCounts = <String, int>{};
|
||||||
|
for (var tag in initialTags) {
|
||||||
|
if (tag.product != null) {
|
||||||
|
existingTagCounts[tag.product!.uuid] =
|
||||||
|
(existingTagCounts[tag.product!.uuid] ?? 0) + 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
final allTags = <TagModel>[];
|
||||||
|
|
||||||
|
for (var selectedProduct in event.addedProducts) {
|
||||||
|
final existingCount = existingTagCounts[selectedProduct.productId] ?? 0;
|
||||||
|
|
||||||
|
if (selectedProduct.count == 0 ||
|
||||||
|
selectedProduct.count <= existingCount) {
|
||||||
|
allTags.addAll(initialTags
|
||||||
|
.where((tag) => tag.product?.uuid == selectedProduct.productId));
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
final missingCount = selectedProduct.count - existingCount;
|
||||||
|
|
||||||
|
allTags.addAll(initialTags
|
||||||
|
.where((tag) => tag.product?.uuid == selectedProduct.productId));
|
||||||
|
|
||||||
|
if (missingCount > 0) {
|
||||||
|
allTags.addAll(List.generate(
|
||||||
|
missingCount,
|
||||||
|
(index) => TagModel(
|
||||||
|
tag: '',
|
||||||
|
product: selectedProduct.product,
|
||||||
|
location: 'Main Space',
|
||||||
|
),
|
||||||
|
));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
emit(AssignTagModelLoaded(
|
||||||
|
tags: allTags,
|
||||||
|
isSaveEnabled: _validateTags(allTags),
|
||||||
|
errorMessage: ''));
|
||||||
|
});
|
||||||
|
|
||||||
|
on<UpdateTag>((event, emit) {
|
||||||
|
final currentState = state;
|
||||||
|
if (currentState is AssignTagModelLoaded &&
|
||||||
|
currentState.tags.isNotEmpty) {
|
||||||
|
final tags = List<TagModel>.from(currentState.tags);
|
||||||
|
tags[event.index].tag = event.tag;
|
||||||
|
emit(AssignTagModelLoaded(
|
||||||
|
tags: tags,
|
||||||
|
isSaveEnabled: _validateTags(tags),
|
||||||
|
errorMessage: _getValidationError(tags),
|
||||||
|
));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
on<UpdateLocation>((event, emit) {
|
||||||
|
final currentState = state;
|
||||||
|
|
||||||
|
if (currentState is AssignTagModelLoaded &&
|
||||||
|
currentState.tags.isNotEmpty) {
|
||||||
|
final tags = List<TagModel>.from(currentState.tags);
|
||||||
|
|
||||||
|
// Use copyWith for immutability
|
||||||
|
tags[event.index] =
|
||||||
|
tags[event.index].copyWith(location: event.location);
|
||||||
|
|
||||||
|
emit(AssignTagModelLoaded(
|
||||||
|
tags: tags,
|
||||||
|
isSaveEnabled: _validateTags(tags),
|
||||||
|
));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
on<ValidateTagModels>((event, emit) {
|
||||||
|
final currentState = state;
|
||||||
|
|
||||||
|
if (currentState is AssignTagModelLoaded &&
|
||||||
|
currentState.tags.isNotEmpty) {
|
||||||
|
final tags = List<TagModel>.from(currentState.tags);
|
||||||
|
|
||||||
|
emit(AssignTagModelLoaded(
|
||||||
|
tags: tags,
|
||||||
|
isSaveEnabled: _validateTags(tags),
|
||||||
|
errorMessage: _getValidationError(tags),
|
||||||
|
));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
on<DeleteTagModel>((event, emit) {
|
||||||
|
final currentState = state;
|
||||||
|
|
||||||
|
if (currentState is AssignTagModelLoaded &&
|
||||||
|
currentState.tags.isNotEmpty) {
|
||||||
|
final updatedTags = List<TagModel>.from(currentState.tags)
|
||||||
|
..remove(event.tagToDelete);
|
||||||
|
|
||||||
|
emit(AssignTagModelLoaded(
|
||||||
|
tags: updatedTags,
|
||||||
|
isSaveEnabled: _validateTags(updatedTags),
|
||||||
|
));
|
||||||
|
} else {
|
||||||
|
emit(const AssignTagModelLoaded(
|
||||||
|
tags: [],
|
||||||
|
isSaveEnabled: false,
|
||||||
|
));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
bool _validateTags(List<TagModel> tags) {
|
||||||
|
|
||||||
|
final uniqueTags = tags.map((tag) => tag.tag?.trim() ?? '').toSet();
|
||||||
|
final hasEmptyTag = tags.any((tag) => (tag.tag?.trim() ?? '').isEmpty);
|
||||||
|
final isValid = uniqueTags.length == tags.length && !hasEmptyTag;
|
||||||
|
return isValid;
|
||||||
|
}
|
||||||
|
|
||||||
|
String? _getValidationError(List<TagModel> tags) {
|
||||||
|
final hasEmptyTag = tags.any((tag) => (tag.tag?.trim() ?? '').isEmpty);
|
||||||
|
if (hasEmptyTag) {
|
||||||
|
return 'Tags cannot be empty.';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Check for duplicate tags
|
||||||
|
final duplicateTags = tags
|
||||||
|
.map((tag) => tag.tag?.trim() ?? '')
|
||||||
|
.fold<Map<String, int>>({}, (map, tag) {
|
||||||
|
map[tag] = (map[tag] ?? 0) + 1;
|
||||||
|
return map;
|
||||||
|
})
|
||||||
|
.entries
|
||||||
|
.where((entry) => entry.value > 1)
|
||||||
|
.map((entry) => entry.key)
|
||||||
|
.toList();
|
||||||
|
|
||||||
|
if (duplicateTags.isNotEmpty) {
|
||||||
|
return 'Duplicate tags found: ${duplicateTags.join(', ')}';
|
||||||
|
}
|
||||||
|
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,55 @@
|
|||||||
|
import 'package:equatable/equatable.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/space_model/models/tag_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/selected_product_model.dart';
|
||||||
|
|
||||||
|
abstract class AssignTagModelEvent extends Equatable {
|
||||||
|
const AssignTagModelEvent();
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
class InitializeTagModels extends AssignTagModelEvent {
|
||||||
|
final List<TagModel> initialTags;
|
||||||
|
final List<SelectedProduct> addedProducts;
|
||||||
|
|
||||||
|
const InitializeTagModels({
|
||||||
|
this.initialTags = const [],
|
||||||
|
required this.addedProducts,
|
||||||
|
});
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object> get props => [initialTags, addedProducts];
|
||||||
|
}
|
||||||
|
|
||||||
|
class UpdateTag extends AssignTagModelEvent {
|
||||||
|
final int index;
|
||||||
|
final String tag;
|
||||||
|
|
||||||
|
const UpdateTag({required this.index, required this.tag});
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object> get props => [index, tag];
|
||||||
|
}
|
||||||
|
|
||||||
|
class UpdateLocation extends AssignTagModelEvent {
|
||||||
|
final int index;
|
||||||
|
final String location;
|
||||||
|
|
||||||
|
const UpdateLocation({required this.index, required this.location});
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object> get props => [index, location];
|
||||||
|
}
|
||||||
|
|
||||||
|
class ValidateTagModels extends AssignTagModelEvent {}
|
||||||
|
|
||||||
|
class DeleteTagModel extends AssignTagModelEvent {
|
||||||
|
final TagModel tagToDelete;
|
||||||
|
final List<TagModel> tags;
|
||||||
|
|
||||||
|
const DeleteTagModel({required this.tagToDelete, required this.tags});
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object> get props => [tagToDelete, tags];
|
||||||
|
}
|
||||||
@ -0,0 +1,37 @@
|
|||||||
|
import 'package:equatable/equatable.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/space_model/models/tag_model.dart';
|
||||||
|
|
||||||
|
abstract class AssignTagModelState extends Equatable {
|
||||||
|
const AssignTagModelState();
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [];
|
||||||
|
}
|
||||||
|
|
||||||
|
class AssignTagModelInitial extends AssignTagModelState {}
|
||||||
|
|
||||||
|
class AssignTagModelLoading extends AssignTagModelState {}
|
||||||
|
|
||||||
|
class AssignTagModelLoaded extends AssignTagModelState {
|
||||||
|
final List<TagModel> tags;
|
||||||
|
final bool isSaveEnabled;
|
||||||
|
final String? errorMessage;
|
||||||
|
|
||||||
|
const AssignTagModelLoaded({
|
||||||
|
required this.tags,
|
||||||
|
required this.isSaveEnabled,
|
||||||
|
this.errorMessage,
|
||||||
|
});
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [tags, isSaveEnabled, errorMessage];
|
||||||
|
}
|
||||||
|
|
||||||
|
class AssignTagModelError extends AssignTagModelState {
|
||||||
|
final String errorMessage;
|
||||||
|
|
||||||
|
const AssignTagModelError(this.errorMessage);
|
||||||
|
|
||||||
|
@override
|
||||||
|
List<Object?> get props => [errorMessage];
|
||||||
|
}
|
||||||
@ -0,0 +1,433 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
|
import 'package:syncrow_web/common/dialog_dropdown.dart';
|
||||||
|
import 'package:syncrow_web/common/dialog_textfield_dropdown.dart';
|
||||||
|
import 'package:syncrow_web/pages/common/buttons/cancel_button.dart';
|
||||||
|
import 'package:syncrow_web/pages/common/buttons/default_button.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/product_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/selected_product_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/assign_tag_models/bloc/assign_tag_model_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/assign_tag_models/bloc/assign_tag_model_event.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/assign_tag_models/bloc/assign_tag_model_state.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/space_model/models/space_template_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/space_model/models/subspace_template_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/space_model/models/tag_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/space_model/widgets/dialog/create_space_model_dialog.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/tag_model/views/add_device_type_model_widget.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
|
||||||
|
class AssignTagModelsDialog extends StatelessWidget {
|
||||||
|
final List<ProductModel>? products;
|
||||||
|
final List<SubspaceTemplateModel>? subspaces;
|
||||||
|
final SpaceTemplateModel? spaceModel;
|
||||||
|
|
||||||
|
final List<TagModel> initialTags;
|
||||||
|
final ValueChanged<List<TagModel>>? onTagsAssigned;
|
||||||
|
final List<SelectedProduct> addedProducts;
|
||||||
|
final List<String>? allTags;
|
||||||
|
final String spaceName;
|
||||||
|
final String title;
|
||||||
|
final BuildContext? pageContext;
|
||||||
|
final List<String>? otherSpaceModels;
|
||||||
|
|
||||||
|
const AssignTagModelsDialog(
|
||||||
|
{Key? key,
|
||||||
|
required this.products,
|
||||||
|
required this.subspaces,
|
||||||
|
required this.addedProducts,
|
||||||
|
required this.initialTags,
|
||||||
|
this.onTagsAssigned,
|
||||||
|
this.allTags,
|
||||||
|
required this.spaceName,
|
||||||
|
required this.title,
|
||||||
|
this.pageContext,
|
||||||
|
this.otherSpaceModels,
|
||||||
|
this.spaceModel})
|
||||||
|
: super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final List<String> locations = (subspaces ?? [])
|
||||||
|
.map((subspace) => subspace.subspaceName)
|
||||||
|
.toList()
|
||||||
|
..add('Main Space');
|
||||||
|
|
||||||
|
return BlocProvider(
|
||||||
|
create: (_) => AssignTagModelBloc()
|
||||||
|
..add(InitializeTagModels(
|
||||||
|
initialTags: initialTags,
|
||||||
|
addedProducts: addedProducts,
|
||||||
|
)),
|
||||||
|
child: BlocListener<AssignTagModelBloc, AssignTagModelState>(
|
||||||
|
listener: (context, state) {},
|
||||||
|
child: BlocBuilder<AssignTagModelBloc, AssignTagModelState>(
|
||||||
|
builder: (context, state) {
|
||||||
|
if (state is AssignTagModelLoaded) {
|
||||||
|
final controllers = List.generate(
|
||||||
|
state.tags.length,
|
||||||
|
(index) => TextEditingController(text: state.tags[index].tag),
|
||||||
|
);
|
||||||
|
|
||||||
|
return AlertDialog(
|
||||||
|
title: Text(title),
|
||||||
|
backgroundColor: ColorsManager.whiteColors,
|
||||||
|
content: SingleChildScrollView(
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
ClipRRect(
|
||||||
|
borderRadius: BorderRadius.circular(20),
|
||||||
|
child: DataTable(
|
||||||
|
headingRowColor: WidgetStateProperty.all(
|
||||||
|
ColorsManager.dataHeaderGrey),
|
||||||
|
border: TableBorder.all(
|
||||||
|
color: ColorsManager.dataHeaderGrey,
|
||||||
|
width: 1,
|
||||||
|
borderRadius: BorderRadius.circular(20),
|
||||||
|
),
|
||||||
|
columns: [
|
||||||
|
DataColumn(
|
||||||
|
label: Text('#',
|
||||||
|
style: Theme.of(context)
|
||||||
|
.textTheme
|
||||||
|
.bodyMedium)),
|
||||||
|
DataColumn(
|
||||||
|
label: Text('Device',
|
||||||
|
style: Theme.of(context)
|
||||||
|
.textTheme
|
||||||
|
.bodyMedium)),
|
||||||
|
DataColumn(
|
||||||
|
numeric: false,
|
||||||
|
headingRowAlignment: MainAxisAlignment.start,
|
||||||
|
label: Text('Tag',
|
||||||
|
style: Theme.of(context)
|
||||||
|
.textTheme
|
||||||
|
.bodyMedium)),
|
||||||
|
DataColumn(
|
||||||
|
label: Text('Location',
|
||||||
|
style: Theme.of(context)
|
||||||
|
.textTheme
|
||||||
|
.bodyMedium)),
|
||||||
|
],
|
||||||
|
rows: state.tags.isEmpty
|
||||||
|
? [
|
||||||
|
const DataRow(cells: [
|
||||||
|
DataCell(
|
||||||
|
Center(
|
||||||
|
child: Text(
|
||||||
|
'No Data Available',
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 14,
|
||||||
|
color:
|
||||||
|
ColorsManager.lightGrayColor,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
DataCell(SizedBox()),
|
||||||
|
DataCell(SizedBox()),
|
||||||
|
DataCell(SizedBox()),
|
||||||
|
])
|
||||||
|
]
|
||||||
|
: List.generate(state.tags.length, (index) {
|
||||||
|
final tag = state.tags[index];
|
||||||
|
final controller = controllers[index];
|
||||||
|
final availableTags = getAvailableTags(
|
||||||
|
allTags ?? [], state.tags, tag);
|
||||||
|
|
||||||
|
return DataRow(
|
||||||
|
cells: [
|
||||||
|
DataCell(Text((index + 1).toString())),
|
||||||
|
DataCell(
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment:
|
||||||
|
MainAxisAlignment.spaceBetween,
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
child: Text(
|
||||||
|
tag.product?.name ?? 'Unknown',
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
)),
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
Container(
|
||||||
|
width: 20.0,
|
||||||
|
height: 20.0,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
shape: BoxShape.circle,
|
||||||
|
border: Border.all(
|
||||||
|
color: ColorsManager
|
||||||
|
.lightGrayColor,
|
||||||
|
width: 1.0,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: IconButton(
|
||||||
|
icon: const Icon(
|
||||||
|
Icons.close,
|
||||||
|
color: ColorsManager
|
||||||
|
.lightGreyColor,
|
||||||
|
size: 16,
|
||||||
|
),
|
||||||
|
onPressed: () {
|
||||||
|
context
|
||||||
|
.read<
|
||||||
|
AssignTagModelBloc>()
|
||||||
|
.add(DeleteTagModel(
|
||||||
|
tagToDelete: tag,
|
||||||
|
tags: state.tags));
|
||||||
|
},
|
||||||
|
tooltip: 'Delete Tag',
|
||||||
|
padding: EdgeInsets.zero,
|
||||||
|
constraints:
|
||||||
|
const BoxConstraints(),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
DataCell(
|
||||||
|
Container(
|
||||||
|
alignment: Alignment
|
||||||
|
.centerLeft, // Align cell content to the left
|
||||||
|
child: SizedBox(
|
||||||
|
width: double
|
||||||
|
.infinity, // Ensure full width for dropdown
|
||||||
|
child: DialogTextfieldDropdown(
|
||||||
|
items: availableTags,
|
||||||
|
initialValue: tag.tag,
|
||||||
|
onSelected: (value) {
|
||||||
|
controller.text = value;
|
||||||
|
context
|
||||||
|
.read<
|
||||||
|
AssignTagModelBloc>()
|
||||||
|
.add(UpdateTag(
|
||||||
|
index: index,
|
||||||
|
tag: value,
|
||||||
|
));
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
DataCell(
|
||||||
|
SizedBox(
|
||||||
|
width: double.infinity,
|
||||||
|
child: DialogDropdown(
|
||||||
|
items: locations,
|
||||||
|
selectedValue:
|
||||||
|
tag.location ?? 'Main Space',
|
||||||
|
onSelected: (value) {
|
||||||
|
context
|
||||||
|
.read<
|
||||||
|
AssignTagModelBloc>()
|
||||||
|
.add(UpdateLocation(
|
||||||
|
index: index,
|
||||||
|
location: value,
|
||||||
|
));
|
||||||
|
},
|
||||||
|
)),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
if (state.errorMessage != null)
|
||||||
|
Text(
|
||||||
|
state.errorMessage!,
|
||||||
|
style: const TextStyle(
|
||||||
|
color: ColorsManager.warningRed),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
actions: [
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
||||||
|
children: [
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
Expanded(
|
||||||
|
child: Builder(
|
||||||
|
builder: (buttonContext) => CancelButton(
|
||||||
|
label: 'Add New Device',
|
||||||
|
onPressed: () async {
|
||||||
|
for (var tag in state.tags) {
|
||||||
|
if (tag.location == null ||
|
||||||
|
subspaces == null) {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
final previousTagSubspace =
|
||||||
|
checkTagExistInSubspace(
|
||||||
|
tag, subspaces ?? []);
|
||||||
|
|
||||||
|
if (tag.location == 'Main Space') {
|
||||||
|
removeTagFromSubspace(
|
||||||
|
tag, previousTagSubspace);
|
||||||
|
} else if (tag.location !=
|
||||||
|
previousTagSubspace?.subspaceName) {
|
||||||
|
removeTagFromSubspace(
|
||||||
|
tag, previousTagSubspace);
|
||||||
|
moveToNewSubspace(tag, subspaces ?? []);
|
||||||
|
state.tags.removeWhere(
|
||||||
|
(t) => t.internalId == tag.internalId);
|
||||||
|
} else {
|
||||||
|
updateTagInSubspace(
|
||||||
|
tag, previousTagSubspace);
|
||||||
|
state.tags.removeWhere(
|
||||||
|
(t) => t.internalId == tag.internalId);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (context.mounted) {
|
||||||
|
Navigator.of(context).pop();
|
||||||
|
|
||||||
|
await showDialog<bool>(
|
||||||
|
barrierDismissible: false,
|
||||||
|
context: context,
|
||||||
|
builder: (dialogContext) =>
|
||||||
|
AddDeviceTypeModelWidget(
|
||||||
|
products: products,
|
||||||
|
subspaces: subspaces,
|
||||||
|
isCreate: false,
|
||||||
|
initialSelectedProducts:
|
||||||
|
addedProducts,
|
||||||
|
allTags: allTags,
|
||||||
|
spaceName: spaceName,
|
||||||
|
otherSpaceModels: otherSpaceModels,
|
||||||
|
spaceTagModels: state.tags,
|
||||||
|
pageContext: pageContext,
|
||||||
|
spaceModel: SpaceTemplateModel(
|
||||||
|
modelName: spaceName,
|
||||||
|
tags: state.tags,
|
||||||
|
uuid: spaceModel?.uuid,
|
||||||
|
internalId:
|
||||||
|
spaceModel?.internalId,
|
||||||
|
subspaceModels: subspaces)),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
Expanded(
|
||||||
|
child: DefaultButton(
|
||||||
|
borderRadius: 10,
|
||||||
|
backgroundColor: state.isSaveEnabled
|
||||||
|
? ColorsManager.secondaryColor
|
||||||
|
: ColorsManager.grayColor,
|
||||||
|
foregroundColor: ColorsManager.whiteColors,
|
||||||
|
onPressed: state.isSaveEnabled
|
||||||
|
? () async {
|
||||||
|
for (var tag in state.tags) {
|
||||||
|
if (tag.location == null ||
|
||||||
|
subspaces == null) {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
final previousTagSubspace =
|
||||||
|
checkTagExistInSubspace(
|
||||||
|
tag, subspaces ?? []);
|
||||||
|
|
||||||
|
if (tag.location == 'Main Space') {
|
||||||
|
removeTagFromSubspace(
|
||||||
|
tag, previousTagSubspace);
|
||||||
|
} else if (tag.location !=
|
||||||
|
previousTagSubspace?.subspaceName) {
|
||||||
|
removeTagFromSubspace(
|
||||||
|
tag, previousTagSubspace);
|
||||||
|
moveToNewSubspace(tag, subspaces ?? []);
|
||||||
|
state.tags.removeWhere((t) =>
|
||||||
|
t.internalId == tag.internalId);
|
||||||
|
} else {
|
||||||
|
updateTagInSubspace(
|
||||||
|
tag, previousTagSubspace);
|
||||||
|
state.tags.removeWhere((t) =>
|
||||||
|
t.internalId == tag.internalId);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Navigator.of(context)
|
||||||
|
.popUntil((route) => route.isFirst);
|
||||||
|
|
||||||
|
await showDialog(
|
||||||
|
context: context,
|
||||||
|
builder: (BuildContext dialogContext) {
|
||||||
|
return CreateSpaceModelDialog(
|
||||||
|
products: products,
|
||||||
|
allTags: allTags,
|
||||||
|
pageContext: pageContext,
|
||||||
|
otherSpaceModels: otherSpaceModels,
|
||||||
|
spaceModel: SpaceTemplateModel(
|
||||||
|
modelName: spaceName,
|
||||||
|
tags: state.tags,
|
||||||
|
uuid: spaceModel?.uuid,
|
||||||
|
internalId:
|
||||||
|
spaceModel?.internalId,
|
||||||
|
subspaceModels: subspaces),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
: null,
|
||||||
|
child: const Text('Save'),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
} else if (state is AssignTagModelLoading) {
|
||||||
|
return const Center(child: CircularProgressIndicator());
|
||||||
|
} else {
|
||||||
|
return const Center(child: Text('Something went wrong.'));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
),
|
||||||
|
));
|
||||||
|
}
|
||||||
|
|
||||||
|
List<String> getAvailableTags(
|
||||||
|
List<String> allTags, List<TagModel> currentTags, TagModel currentTag) {
|
||||||
|
return allTags
|
||||||
|
.where((tagValue) => !currentTags
|
||||||
|
.where((e) => e != currentTag) // Exclude the current row
|
||||||
|
.map((e) => e.tag)
|
||||||
|
.contains(tagValue))
|
||||||
|
.toList();
|
||||||
|
}
|
||||||
|
|
||||||
|
void removeTagFromSubspace(TagModel tag, SubspaceTemplateModel? subspace) {
|
||||||
|
subspace?.tags?.removeWhere((t) => t.internalId == tag.internalId);
|
||||||
|
}
|
||||||
|
|
||||||
|
SubspaceTemplateModel? checkTagExistInSubspace(
|
||||||
|
TagModel tag, List<SubspaceTemplateModel>? subspaces) {
|
||||||
|
if (subspaces == null) return null;
|
||||||
|
for (var subspace in subspaces) {
|
||||||
|
if (subspace.tags == null) return null;
|
||||||
|
for (var t in subspace.tags!) {
|
||||||
|
if (tag.internalId == t.internalId) return subspace;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
void moveToNewSubspace(TagModel tag, List<SubspaceTemplateModel> subspaces) {
|
||||||
|
final targetSubspace = subspaces
|
||||||
|
.firstWhere((subspace) => subspace.subspaceName == tag.location);
|
||||||
|
|
||||||
|
targetSubspace.tags ??= [];
|
||||||
|
if (targetSubspace.tags?.any((t) => t.internalId == tag.internalId) !=
|
||||||
|
true) {
|
||||||
|
targetSubspace.tags?.add(tag);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void updateTagInSubspace(TagModel tag, SubspaceTemplateModel? subspace) {
|
||||||
|
final currentTag = subspace?.tags?.firstWhere(
|
||||||
|
(t) => t.internalId == tag.internalId,
|
||||||
|
);
|
||||||
|
if (currentTag != null) {
|
||||||
|
currentTag.tag = tag.tag;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,57 @@
|
|||||||
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/spaces_management/all_spaces/model/subspace_model.dart';
|
||||||
|
import 'package:syncrow_web/utils/constants/action_enum.dart';
|
||||||
|
|
||||||
|
import 'subspace_event.dart';
|
||||||
|
import 'subspace_state.dart';
|
||||||
|
|
||||||
|
class SubSpaceBloc extends Bloc<SubSpaceEvent, SubSpaceState> {
|
||||||
|
SubSpaceBloc() : super(SubSpaceState([], [], '')) {
|
||||||
|
on<AddSubSpace>((event, emit) {
|
||||||
|
final existingNames =
|
||||||
|
state.subSpaces.map((e) => e.subspaceName).toSet();
|
||||||
|
|
||||||
|
if (existingNames.contains(event.subSpace.subspaceName.toLowerCase())) {
|
||||||
|
emit(SubSpaceState(
|
||||||
|
state.subSpaces,
|
||||||
|
state.updatedSubSpaceModels,
|
||||||
|
'Subspace name already exists.',
|
||||||
|
));
|
||||||
|
} else {
|
||||||
|
final updatedSubSpaces = List<SubspaceModel>.from(state.subSpaces)
|
||||||
|
..add(event.subSpace);
|
||||||
|
|
||||||
|
emit(SubSpaceState(
|
||||||
|
updatedSubSpaces,
|
||||||
|
state.updatedSubSpaceModels,
|
||||||
|
'',
|
||||||
|
));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Handle RemoveSubSpace Event
|
||||||
|
on<RemoveSubSpace>((event, emit) {
|
||||||
|
final updatedSubSpaces = List<SubspaceModel>.from(state.subSpaces)
|
||||||
|
..remove(event.subSpace);
|
||||||
|
|
||||||
|
final updatedSubspaceModels = List<UpdateSubspaceModel>.from(
|
||||||
|
state.updatedSubSpaceModels,
|
||||||
|
);
|
||||||
|
|
||||||
|
if (event.subSpace.uuid?.isNotEmpty ?? false) {
|
||||||
|
updatedSubspaceModels.add(UpdateSubspaceModel(
|
||||||
|
action: Action.delete,
|
||||||
|
uuid: event.subSpace.uuid!,
|
||||||
|
));
|
||||||
|
}
|
||||||
|
|
||||||
|
emit(SubSpaceState(
|
||||||
|
updatedSubSpaces,
|
||||||
|
updatedSubspaceModels,
|
||||||
|
'', // Clear error message
|
||||||
|
));
|
||||||
|
});
|
||||||
|
|
||||||
|
// Handle UpdateSubSpace Event
|
||||||
|
}
|
||||||
|
}
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user