adriano.andrade
/
projeto-hit
mirror of https://github.com/AdrianoRobson/projeto-hit.git
1
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Menu Finished. 

Needed yet includes storege function on login.
Yet unable, cuz the Deslog btn don't exist
pull/2/head
RenatoDiGiacomo 2022-07-15 15:55:00 -03:00
parent 5ca38e84a3
commit dbe526cce7
18 changed files with 204 additions and 92 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
frontend/src/assets/icons/Logohit.svg 100644
View File

@ -0,0 +1,46 @@
<svg viewBox="0 0 272 209" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26 1H1V80H26V48H52V80H76V2H52V33H26V1Z" fill="#D9D9D9"/>
<path d="M119 2H94V80H119V2Z" fill="#D9D9D9"/>
<path d="M203 2H128V17H154V80H178V17H203V2Z" fill="#D9D9D9"/>
<path d="M194 73H188V74H190V80H192V74H194V73Z" fill="#D9D9D9"/>
<path d="M198 73H195V80H197V76H198V79H199V80H200V79H201V76H202V80H204V73H201V75H200V78H199V75H198V73Z" fill="#D9D9D9"/>
<path d="M119 89V112H26V152H246V112H154V89H271V176H1V89H119Z" fill="#D9D9D9"/>
<path d="M23 193H18V190H17V189H16V188H9V189H8V190H7V192H6V200H7V202H8V203H9V204H15V203H17V201H18V199H23V201H22V204H21V205H20V206H19V207H17V208H8V207H6V206H5V205H4V204H3V202H2V200H1V191H2V189H3V188H4V187H5V186H6V185H8V184H11V183H14V184H17V185H19V186H20V187H21V188H22V191H23V193Z" fill="#D9D9D9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M33 190H36V191H39V192H40V193H41V194H42V196H43V202H42V205H41V206H40V207H38V208H31V207H29V206H28V205H27V202H26V196H27V194H28V193H29V192H30V191H33V190ZM31 197H30V202H31V204H32V205H37V204H38V202H39V197H38V195H37V194H35V193H34V194H32V195H31V197Z" fill="#D9D9D9"/>
<path d="M47 191V208H52V195H53V194H57V195H58V208H62V197H63V195H64V194H68V195H69V208H73V193H72V192H71V191H68V190H66V191H64V192H63V193H61V192H60V191H58V190H56V191H53V192H52V193H51V191H47Z" fill="#D9D9D9"/>
<path d="M78 191V208H83V195H84V194H88V195H89V208H93V197H94V195H95V194H99V195H100V208H104V193H103V192H102V191H99V190H97V191H95V192H94V193H92V192H91V191H89V190H87V191H84V192H83V193H82V191H78Z" fill="#D9D9D9"/>
<path d="M112 191H108V204H109V206H110V207H111V208H117V207H118V206H120V208H124V191H120V202H119V204H118V205H114V204H113V202H112V191Z" fill="#D9D9D9"/>
<path d="M128 208V191H132V193H133V192H134V191H137V190H139V191H142V192H143V194H144V208H140V196H139V194H134V195H133V197H132V208H128Z" fill="#D9D9D9"/>
<path d="M152 191H148V208H152V191Z" fill="#D9D9D9"/>
<path d="M152 184H148V188H152V184Z" fill="#D9D9D9"/>
<path d="M173 196H168V194H162V195H161V198H160V201H161V204H162V205H167V204H168V203H169V202H173V203H172V205H171V206H170V207H168V208H161V207H159V206H158V204H157V202H156V197H157V194H158V193H159V192H160V191H164V190H166V191H169V192H171V193H172V195H173V196Z" fill="#D9D9D9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M176 196V194H177V192H179V191H182V190H186V191H189V192H190V193H191V207H192V208H187V206H186V207H185V208H178V207H177V206H176V205H175V202H176V200H177V199H180V198H186V197H187V194H186V193H181V194H180V196H176ZM187 200H181V201H180V205H182V206H184V205H186V204H187V200Z" fill="#D9D9D9"/>
<path d="M197 191H194V194H197V207H199V208H204V205H202V204H201V194H204V191H201V186H197V191Z" fill="#D9D9D9"/>
<path d="M212 191H207V208H212V191Z" fill="#D9D9D9"/>
<path d="M212 184H207V188H212V184Z" fill="#D9D9D9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M215 198H216V195H217V193H218V192H220V191H223V190H225V191H229V192H230V193H231V194H232V197H233V202H232V204H231V206H230V207H228V208H220V207H219V206H218V205H217V204H216V201H215V198ZM227 194H221V195H220V203H221V204H222V205H227V204H228V201H229V197H228V195H227V194Z" fill="#D9D9D9"/>
<path d="M237 208V191H241V193H242V192H243V191H245V190H248V191H250V192H251V193H252V208H248V195H247V194H242V195H241V208H237Z" fill="#D9D9D9"/>
<path d="M271 195V194H270V193H269V192H268V191H265V190H262V191H258V192H257V194H256V197H257V199H259V200H263V201H266V202H267V205H265V206H263V205H260V203H256V205H257V206H258V207H259V208H268V207H269V206H270V205H271V200H270V199H268V198H264V197H261V196H260V194H261V193H266V194H267V195H271Z" fill="#D9D9D9"/>
<path d="M26 1H1V80H26V48H52V80H76V2H52V33H26V1Z" stroke="white" stroke-width="0.1"/>
<path d="M119 2H94V80H119V2Z" stroke="white" stroke-width="0.1"/>
<path d="M203 2H128V17H154V80H178V17H203V2Z" stroke="white" stroke-width="0.1"/>
<path d="M194 73H188V74H190V80H192V74H194V73Z" stroke="white" stroke-width="0.1"/>
<path d="M198 73H195V80H197V76H198V79H199V80H200V79H201V76H202V80H204V73H201V75H200V78H199V75H198V73Z" stroke="white" stroke-width="0.1"/>
<path d="M119 89V112H26V152H246V112H154V89H271V176H1V89H119Z" stroke="white" stroke-width="0.1"/>
<path d="M23 193H18V190H17V189H16V188H9V189H8V190H7V192H6V200H7V202H8V203H9V204H15V203H17V201H18V199H23V201H22V204H21V205H20V206H19V207H17V208H8V207H6V206H5V205H4V204H3V202H2V200H1V191H2V189H3V188H4V187H5V186H6V185H8V184H11V183H14V184H17V185H19V186H20V187H21V188H22V191H23V193Z" stroke="white" stroke-width="0.1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M33 190H36V191H39V192H40V193H41V194H42V196H43V202H42V205H41V206H40V207H38V208H31V207H29V206H28V205H27V202H26V196H27V194H28V193H29V192H30V191H33V190ZM31 197H30V202H31V204H32V205H37V204H38V202H39V197H38V195H37V194H35V193H34V194H32V195H31V197Z" stroke="white" stroke-width="0.1"/>
<path d="M47 191V208H52V195H53V194H57V195H58V208H62V197H63V195H64V194H68V195H69V208H73V193H72V192H71V191H68V190H66V191H64V192H63V193H61V192H60V191H58V190H56V191H53V192H52V193H51V191H47Z" stroke="white" stroke-width="0.1"/>
<path d="M78 191V208H83V195H84V194H88V195H89V208H93V197H94V195H95V194H99V195H100V208H104V193H103V192H102V191H99V190H97V191H95V192H94V193H92V192H91V191H89V190H87V191H84V192H83V193H82V191H78Z" stroke="white" stroke-width="0.1"/>
<path d="M112 191H108V204H109V206H110V207H111V208H117V207H118V206H120V208H124V191H120V202H119V204H118V205H114V204H113V202H112V191Z" stroke="white" stroke-width="0.1"/>
<path d="M128 208V191H132V193H133V192H134V191H137V190H139V191H142V192H143V194H144V208H140V196H139V194H134V195H133V197H132V208H128Z" stroke="white" stroke-width="0.1"/>
<path d="M152 191H148V208H152V191Z" stroke="white" stroke-width="0.1"/>
<path d="M152 184H148V188H152V184Z" stroke="white" stroke-width="0.1"/>
<path d="M173 196H168V194H162V195H161V198H160V201H161V204H162V205H167V204H168V203H169V202H173V203H172V205H171V206H170V207H168V208H161V207H159V206H158V204H157V202H156V197H157V194H158V193H159V192H160V191H164V190H166V191H169V192H171V193H172V195H173V196Z" stroke="white" stroke-width="0.1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M176 196V194H177V192H179V191H182V190H186V191H189V192H190V193H191V207H192V208H187V206H186V207H185V208H178V207H177V206H176V205H175V202H176V200H177V199H180V198H186V197H187V194H186V193H181V194H180V196H176ZM187 200H181V201H180V205H182V206H184V205H186V204H187V200Z" stroke="white" stroke-width="0.1"/>
<path d="M197 191H194V194H197V207H199V208H204V205H202V204H201V194H204V191H201V186H197V191Z" stroke="white" stroke-width="0.1"/>
<path d="M212 191H207V208H212V191Z" stroke="white" stroke-width="0.1"/>
<path d="M212 184H207V188H212V184Z" stroke="white" stroke-width="0.1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M215 198H216V195H217V193H218V192H220V191H223V190H225V191H229V192H230V193H231V194H232V197H233V202H232V204H231V206H230V207H228V208H220V207H219V206H218V205H217V204H216V201H215V198ZM227 194H221V195H220V203H221V204H222V205H227V204H228V201H229V197H228V195H227V194Z" stroke="white" stroke-width="0.1"/>
<path d="M237 208V191H241V193H242V192H243V191H245V190H248V191H250V192H251V193H252V208H248V195H247V194H242V195H241V208H237Z" stroke="white" stroke-width="0.1"/>
<path d="M271 195V194H270V193H269V192H268V191H265V190H262V191H258V192H257V194H256V197H257V199H259V200H263V201H266V202H267V205H265V206H263V205H260V203H256V205H257V206H258V207H259V208H268V207H269V206H270V205H271V200H270V199H268V198H264V197H261V196H260V194H261V193H266V194H267V195H271Z" stroke="white" stroke-width="0.1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

2
frontend/src/assets/icons/Menu/Accounttree.svg
View File

@ -1,3 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.5 8.25V2.25H11.25V4.5H6.75V2.25H1.5V8.25H6.75V6H8.25V13.5H11.25V15.75H16.5V9.75H11.25V12H9.75V6H11.25V8.25H16.5ZM5.25 6.75H3V3.75H5.25V6.75ZM12.75 11.25H15V14.25H12.75V11.25ZM12.75 3.75H15V6.75H12.75V3.75Z" fill="white"/>
<path d="M16.5 8.25V2.25H11.25V4.5H6.75V2.25H1.5V8.25H6.75V6H8.25V13.5H11.25V15.75H16.5V9.75H11.25V12H9.75V6H11.25V8.25H16.5ZM5.25 6.75H3V3.75H5.25V6.75ZM12.75 11.25H15V14.25H12.75V11.25ZM12.75 3.75H15V6.75H12.75V3.75Z" fill="current" />
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 338 B

After

Width:  |  Height:  |  Size: 344 B

6
frontend/src/assets/icons/Menu/Configuration.svg
View File

@ -1,5 +1,5 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.625 9C14.625 9.255 14.6025 9.495 14.5725 9.735L16.155 10.9725C16.2975 11.085 16.335 11.2875 16.245 11.4525L14.745 14.0475C14.6775 14.1675 14.55 14.235 14.4225 14.235C14.3775 14.235 14.3325 14.2275 14.2875 14.2125L12.42 13.4625C12.03 13.755 11.61 14.01 11.1525 14.1975L10.8675 16.185C10.845 16.365 10.6875 16.5 10.5 16.5H7.5C7.3125 16.5 7.155 16.365 7.1325 16.185L6.8475 14.1975C6.39 14.01 5.97 13.7625 5.58 13.4625L3.7125 14.2125C3.675 14.2275 3.63 14.235 3.585 14.235C3.45 14.235 3.3225 14.1675 3.255 14.0475L1.755 11.4525C1.665 11.2875 1.7025 11.085 1.845 10.9725L3.4275 9.735C3.3975 9.495 3.375 9.2475 3.375 9C3.375 8.7525 3.3975 8.505 3.4275 8.265L1.845 7.0275C1.7025 6.915 1.6575 6.7125 1.755 6.5475L3.255 3.9525C3.3225 3.8325 3.45 3.765 3.5775 3.765C3.6225 3.765 3.6675 3.7725 3.7125 3.7875L5.58 4.5375C5.97 4.245 6.39 3.99 6.8475 3.8025L7.1325 1.815C7.155 1.635 7.3125 1.5 7.5 1.5H10.5C10.6875 1.5 10.845 1.635 10.8675 1.815L11.1525 3.8025C11.61 3.99 12.03 4.2375 12.42 4.5375L14.2875 3.7875C14.325 3.7725 14.37 3.765 14.415 3.765C14.55 3.765 14.6775 3.8325 14.745 3.9525L16.245 6.5475C16.335 6.7125 16.2975 6.915 16.155 7.0275L14.5725 8.265C14.6025 8.505 14.625 8.745 14.625 9ZM13.125 9C13.125 8.8425 13.1175 8.685 13.0875 8.4525L12.9825 7.605L13.65 7.08L14.4525 6.4425L13.9275 5.535L12.975 5.9175L12.18 6.24L11.4975 5.715C11.1975 5.49 10.8975 5.3175 10.575 5.1825L9.78 4.86L9.66 4.0125L9.5175 3H8.475L8.325 4.0125L8.205 4.86L7.41 5.1825C7.1025 5.31 6.795 5.49 6.4725 5.73L5.7975 6.24L5.0175 5.925L4.065 5.5425L3.54 6.45L4.35 7.08L5.0175 7.605L4.9125 8.4525C4.89 8.6775 4.875 8.85 4.875 9C4.875 9.15 4.89 9.3225 4.9125 9.555L5.0175 10.4025L4.35 10.9275L3.54 11.5575L4.065 12.465L5.0175 12.0825L5.8125 11.76L6.495 12.285C6.795 12.51 7.095 12.6825 7.4175 12.8175L8.2125 13.14L8.3325 13.9875L8.475 15H9.525L9.675 13.9875L9.795 13.14L10.59 12.8175C10.8975 12.69 11.205 12.51 11.5275 12.27L12.2025 11.76L12.9825 12.075L13.935 12.4575L14.46 11.55L13.65 10.92L12.9825 10.395L13.0875 9.5475C13.11 9.3225 13.125 9.1575 13.125 9Z" fill="#F6F6F6"/>
<path d="M9 10.5C8.175 10.5 7.5 9.825 7.5 9C7.5 8.175 8.175 7.5 9 7.5C9.825 7.5 10.5 8.175 10.5 9C10.5 9.825 9.825 10.5 9 10.5Z" fill="#F6F6F6"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.0875 8.4525C13.1175 8.685 13.125 8.8425 13.125 9C13.125 9.1575 13.11 9.3225 13.0875 9.5475L12.9825 10.395L13.65 10.92L14.46 11.55L13.935 12.4575L12.9825 12.075L12.2025 11.76L11.5275 12.27C11.205 12.51 10.8975 12.69 10.59 12.8175L9.795 13.14L9.675 13.9875L9.525 15H8.475L8.3325 13.9875L8.2125 13.14L7.4175 12.8175C7.095 12.6825 6.795 12.51 6.495 12.285L5.8125 11.76L5.0175 12.0825L4.065 12.465L3.54 11.5575L4.35 10.9275L5.0175 10.4025L4.9125 9.555C4.89 9.3225 4.875 9.15 4.875 9C4.875 8.85 4.89 8.6775 4.9125 8.4525L5.0175 7.605L4.35 7.08L3.54 6.45L4.065 5.5425L5.0175 5.925L5.7975 6.24L6.4725 5.73C6.795 5.49 7.1025 5.31 7.41 5.1825L8.205 4.86L8.325 4.0125L8.475 3H9.5175L9.66 4.0125L9.78 4.86L10.575 5.1825C10.8975 5.3175 11.1975 5.49 11.4975 5.715L12.18 6.24L12.975 5.9175L13.9275 5.535L14.4525 6.4425L13.65 7.08L12.9825 7.605L13.0875 8.4525ZM6 9C6 7.3425 7.3425 6 9 6C10.6575 6 12 7.3425 12 9C12 10.6575 10.6575 12 9 12C7.3425 12 6 10.6575 6 9Z" fill="#F6F6F6"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.625 9C14.625 9.255 14.6025 9.495 14.5725 9.735L16.155 10.9725C16.2975 11.085 16.335 11.2875 16.245 11.4525L14.745 14.0475C14.6775 14.1675 14.55 14.235 14.4225 14.235C14.3775 14.235 14.3325 14.2275 14.2875 14.2125L12.42 13.4625C12.03 13.755 11.61 14.01 11.1525 14.1975L10.8675 16.185C10.845 16.365 10.6875 16.5 10.5 16.5H7.5C7.3125 16.5 7.155 16.365 7.1325 16.185L6.8475 14.1975C6.39 14.01 5.97 13.7625 5.58 13.4625L3.7125 14.2125C3.675 14.2275 3.63 14.235 3.585 14.235C3.45 14.235 3.3225 14.1675 3.255 14.0475L1.755 11.4525C1.665 11.2875 1.7025 11.085 1.845 10.9725L3.4275 9.735C3.3975 9.495 3.375 9.2475 3.375 9C3.375 8.7525 3.3975 8.505 3.4275 8.265L1.845 7.0275C1.7025 6.915 1.6575 6.7125 1.755 6.5475L3.255 3.9525C3.3225 3.8325 3.45 3.765 3.5775 3.765C3.6225 3.765 3.6675 3.7725 3.7125 3.7875L5.58 4.5375C5.97 4.245 6.39 3.99 6.8475 3.8025L7.1325 1.815C7.155 1.635 7.3125 1.5 7.5 1.5H10.5C10.6875 1.5 10.845 1.635 10.8675 1.815L11.1525 3.8025C11.61 3.99 12.03 4.2375 12.42 4.5375L14.2875 3.7875C14.325 3.7725 14.37 3.765 14.415 3.765C14.55 3.765 14.6775 3.8325 14.745 3.9525L16.245 6.5475C16.335 6.7125 16.2975 6.915 16.155 7.0275L14.5725 8.265C14.6025 8.505 14.625 8.745 14.625 9ZM13.125 9C13.125 8.8425 13.1175 8.685 13.0875 8.4525L12.9825 7.605L13.65 7.08L14.4525 6.4425L13.9275 5.535L12.975 5.9175L12.18 6.24L11.4975 5.715C11.1975 5.49 10.8975 5.3175 10.575 5.1825L9.78 4.86L9.66 4.0125L9.5175 3H8.475L8.325 4.0125L8.205 4.86L7.41 5.1825C7.1025 5.31 6.795 5.49 6.4725 5.73L5.7975 6.24L5.0175 5.925L4.065 5.5425L3.54 6.45L4.35 7.08L5.0175 7.605L4.9125 8.4525C4.89 8.6775 4.875 8.85 4.875 9C4.875 9.15 4.89 9.3225 4.9125 9.555L5.0175 10.4025L4.35 10.9275L3.54 11.5575L4.065 12.465L5.0175 12.0825L5.8125 11.76L6.495 12.285C6.795 12.51 7.095 12.6825 7.4175 12.8175L8.2125 13.14L8.3325 13.9875L8.475 15H9.525L9.675 13.9875L9.795 13.14L10.59 12.8175C10.8975 12.69 11.205 12.51 11.5275 12.27L12.2025 11.76L12.9825 12.075L13.935 12.4575L14.46 11.55L13.65 10.92L12.9825 10.395L13.0875 9.5475C13.11 9.3225 13.125 9.1575 13.125 9Z" fill="current"/>
<path d="M9 10.5C8.175 10.5 7.5 9.825 7.5 9C7.5 8.175 8.175 7.5 9 7.5C9.825 7.5 10.5 8.175 10.5 9C10.5 9.825 9.825 10.5 9 10.5Z" fill="current"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.0875 8.4525C13.1175 8.685 13.125 8.8425 13.125 9C13.125 9.1575 13.11 9.3225 13.0875 9.5475L12.9825 10.395L13.65 10.92L14.46 11.55L13.935 12.4575L12.9825 12.075L12.2025 11.76L11.5275 12.27C11.205 12.51 10.8975 12.69 10.59 12.8175L9.795 13.14L9.675 13.9875L9.525 15H8.475L8.3325 13.9875L8.2125 13.14L7.4175 12.8175C7.095 12.6825 6.795 12.51 6.495 12.285L5.8125 11.76L5.0175 12.0825L4.065 12.465L3.54 11.5575L4.35 10.9275L5.0175 10.4025L4.9125 9.555C4.89 9.3225 4.875 9.15 4.875 9C4.875 8.85 4.89 8.6775 4.9125 8.4525L5.0175 7.605L4.35 7.08L3.54 6.45L4.065 5.5425L5.0175 5.925L5.7975 6.24L6.4725 5.73C6.795 5.49 7.1025 5.31 7.41 5.1825L8.205 4.86L8.325 4.0125L8.475 3H9.5175L9.66 4.0125L9.78 4.86L10.575 5.1825C10.8975 5.3175 11.1975 5.49 11.4975 5.715L12.18 6.24L12.975 5.9175L13.9275 5.535L14.4525 6.4425L13.65 7.08L12.9825 7.605L13.0875 8.4525ZM6 9C6 7.3425 7.3425 6 9 6C10.6575 6 12 7.3425 12 9C12 10.6575 10.6575 12 9 12C7.3425 12 6 10.6575 6 9Z" fill="current"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

16
frontend/src/assets/icons/Menu/Contact.svg
View File

@ -1,10 +1,10 @@
<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3_608)">
<path d="M15 0H3V1.50146H15V0ZM3 18.0176H15V16.5161H3V18.0176ZM15 3.00293H3C2.175 3.00293 1.5 3.67859 1.5 4.50439V13.5132C1.5 14.339 2.175 15.0146 3 15.0146H15C15.825 15.0146 16.5 14.339 16.5 13.5132V4.50439C16.5 3.67859 15.825 3.00293 15 3.00293ZM9 5.06744C9.93 5.06744 10.6875 5.82568 10.6875 6.75659C10.6875 7.6875 9.93 8.44574 9 8.44574C8.07 8.44574 7.3125 7.6875 7.3125 6.75659C7.3125 5.82568 8.07 5.06744 9 5.06744ZM12.75 12.7625H5.25V11.6364C5.25 10.3826 7.7475 9.75952 9 9.75952C10.2525 9.75952 12.75 10.3826 12.75 11.6364V12.7625Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_3_608">
<rect width="18" height="18.0176" fill="white"/>
</clipPath>
</defs>
<g clip-path="url(#clip0_3_608)">
<path d="M15 0H3V1.50146H15V0ZM3 18.0176H15V16.5161H3V18.0176ZM15 3.00293H3C2.175 3.00293 1.5 3.67859 1.5 4.50439V13.5132C1.5 14.339 2.175 15.0146 3 15.0146H15C15.825 15.0146 16.5 14.339 16.5 13.5132V4.50439C16.5 3.67859 15.825 3.00293 15 3.00293ZM9 5.06744C9.93 5.06744 10.6875 5.82568 10.6875 6.75659C10.6875 7.6875 9.93 8.44574 9 8.44574C8.07 8.44574 7.3125 7.6875 7.3125 6.75659C7.3125 5.82568 8.07 5.06744 9 5.06744ZM12.75 12.7625H5.25V11.6364C5.25 10.3826 7.7475 9.75952 9 9.75952C10.2525 9.75952 12.75 10.3826 12.75 11.6364V12.7625Z" fill="current" />
</g>
<defs>
<clipPath id="clip0_3_608">
<rect width="18" height="18.0176" fill="white" />
</clipPath>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 802 B

After

Width:  |  Height:  |  Size: 857 B

2
frontend/src/assets/icons/Menu/Dashboard.svg
View File

@ -1,3 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.25 3.75V5.25H11.25V3.75H14.25ZM6.75 3.75V8.25H3.75V3.75H6.75ZM14.25 9.75V14.25H11.25V9.75H14.25ZM6.75 12.75V14.25H3.75V12.75H6.75ZM15.75 2.25H9.75V6.75H15.75V2.25ZM8.25 2.25H2.25V9.75H8.25V2.25ZM15.75 8.25H9.75V15.75H15.75V8.25ZM8.25 11.25H2.25V15.75H8.25V11.25Z" fill="white"/>
<path d="M14.25 3.75V5.25H11.25V3.75H14.25ZM6.75 3.75V8.25H3.75V3.75H6.75ZM14.25 9.75V14.25H11.25V9.75H14.25ZM6.75 12.75V14.25H3.75V12.75H6.75ZM15.75 2.25H9.75V6.75H15.75V2.25ZM8.25 2.25H2.25V9.75H8.25V2.25ZM15.75 8.25H9.75V15.75H15.75V8.25ZM8.25 11.25H2.25V15.75H8.25V11.25Z" fill="current"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 395 B

After

Width:  |  Height:  |  Size: 397 B

12
frontend/src/assets/icons/Menu/Graph.svg
View File

@ -1,8 +1,8 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect y="12.8572" width="3.21405" height="5.14286" fill="white"/>
<rect x="4.82104" y="9.42859" width="3.21405" height="8.57143" fill="white"/>
<rect x="8.83862" y="10.2858" width="3.21405" height="7.71429" fill="white"/>
<rect x="13.6597" y="6.85718" width="3.21405" height="11.1429" fill="white"/>
<path d="M1.52958 10.4316L6.2278 5.30322L9.99732 8.15878L14.9687 3.26353" stroke="white"/>
<path d="M16.3949 1.58979L15.7113 5.3475L12.9312 2.5939L16.3949 1.58979Z" fill="white"/>
<rect y="12.8572" width="3.21405" height="5.14286" fill="current"/>
<rect x="4.82104" y="9.42859" width="3.21405" height="8.57143" fill="current"/>
<rect x="8.83862" y="10.2858" width="3.21405" height="7.71429" fill="current"/>
<rect x="13.6597" y="6.85718" width="3.21405" height="11.1429" fill="current"/>
<path d="M1.52958 10.4316L6.2278 5.30322L9.99732 8.15878L14.9687 3.26353" stroke="current"/>
<path d="M16.3949 1.58979L15.7113 5.3475L12.9312 2.5939L16.3949 1.58979Z" fill="current"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 583 B

After

Width:  |  Height:  |  Size: 595 B

8
frontend/src/assets/icons/Menu/Peoplealt.svg
View File

@ -1,6 +1,6 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 9.84747C13.5299 10.545 14.2499 11.49 14.2499 12.75V15H17.2499V12.75C17.2499 11.115 14.5724 10.1475 12.5024 9.84747Z" fill="white"/>
<path d="M6.75 9C8.40685 9 9.75 7.65685 9.75 6C9.75 4.34315 8.40685 3 6.75 3C5.09315 3 3.75 4.34315 3.75 6C3.75 7.65685 5.09315 9 6.75 9Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.2499 9C12.9074 9 14.2499 7.6575 14.2499 6C14.2499 4.3425 12.9074 3 11.2499 3C10.8974 3 10.5674 3.075 10.2524 3.18C10.8749 3.9525 11.2499 4.935 11.2499 6C11.2499 7.065 10.8749 8.0475 10.2524 8.82C10.5674 8.925 10.8974 9 11.2499 9Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.75 9.75C4.7475 9.75 0.75 10.755 0.75 12.75V15H12.75V12.75C12.75 10.755 8.7525 9.75 6.75 9.75Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5024 9.84747C13.5299 10.545 14.2499 11.49 14.2499 12.75V15H17.2499V12.75C17.2499 11.115 14.5724 10.1475 12.5024 9.84747Z" fill="current" />
<path d="M6.75 9C8.40685 9 9.75 7.65685 9.75 6C9.75 4.34315 8.40685 3 6.75 3C5.09315 3 3.75 4.34315 3.75 6C3.75 7.65685 5.09315 9 6.75 9Z" fill="current" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.2499 9C12.9074 9 14.2499 7.6575 14.2499 6C14.2499 4.3425 12.9074 3 11.2499 3C10.8974 3 10.5674 3.075 10.2524 3.18C10.8749 3.9525 11.2499 4.935 11.2499 6C11.2499 7.065 10.8749 8.0475 10.2524 8.82C10.5674 8.925 10.8974 9 11.2499 9Z" fill="current" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.75 9.75C4.7475 9.75 0.75 10.755 0.75 12.75V15H12.75V12.75C12.75 10.755 8.7525 9.75 6.75 9.75Z" fill="current" />
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 908 B

After

Width:  |  Height:  |  Size: 935 B

10
frontend/src/assets/icons/Menu/Send.svg
View File

@ -1,9 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="18" height="18" fill="url(#pattern0)"/>
<defs>
<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_3_609" transform="scale(0.0104167)"/>
</pattern>
<image id="image0_3_609" width="96" height="96" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAABmJLR0QA/wD/AP+gvaeTAAADHUlEQVR4nO3cP4xMURgF8POhIAoRFdHTKFVarUqv1Cq1KiESyRKymyhkExJUQlRKq0GBxip2GwWFYsVm/wRHMW52Ynfmvdm57333z/k12+zu/d49mdk5s28uICIiIiIiIiIi8g/JtyQvkNznPUuVuGWJ5GWSh7xnqgq3WyE5Q/K492xV2CGAYIPkY5KnvWcs2pgAhr0ieY6kec9bnJYBBIskL5Hc7z13MSYMIPhK8grJI97zZ2+XAQRrJOdJnvS+jmxNGUDwm+Qzkme9ryc7kQIYpmI3pPFVC0l2tPYygDkAs2a20tEa+evgEfA/FbtxegggqLLYeT4FjbMA4DqA52bmsX5vUg0g+AzgLoA5M1t3nKMzqQcQfAMwC+C2mX33HiamXAII1gE8AXDVzD55DxNDbgEEfwC8ADBjZi+9h5lGrgEMewfgFoCHZvbLe5hJlRBAkGWxKymA4AeA+wBumNkX72GalBhAsAngKQZBvPEeZpSSAxiWbLGrJYAguWJXWwBBMsWu1gAC92JXewCBW7FTANv1WuwUwGi9FDsF0KzTYtcmgAMAjgI41vD1cOzhEtNJsYt2K2FlQUUrdr3fy1lYUFMXu2Rvps0sqF0Xu2QDaCuxoCYudtkH0FbPQbUudnsiLCajrTV9Q/aPgMSeglYBPABw08wW2/xAsgEktrFN8vkjnNnGNvkA4A6AefeXoYVtbJP+ilhlGzvOJoBHGLwV8THWL9Wbcc06fTNOn1IZbRnADIB7Zrba1SIKYLte/yGjAAZCc71mZgt9Llx7ABMXp9hqDSCZ21JqC2Dq4hRbLQEke2tiyQF0UpxiKzGArG5PLymAXopTbCUEkPVHlHINwK04xZZbAO7FKbZcAkimOMWWegDJFafYUg0g2eIUW0oBZFGcYkshgKyKU++iH8u0ZYmDM0YPel9j0jrYeB3aN4lImx6OrTzjfT3ZmXLjf5KcI3nC+zqytcuN19HFsUy48e9JXqQO746n5cbr+PqujNn0DQ4O5j7lPWPRdth4nXTbp6GNV3HyQPI1yfMk93rPIiIiIiIiIiIikrO/46QeFPLNZ5MAAAAASUVORK5CYII="/>
</defs>
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17 9L2 2V8L13 9L2 10V16L17 9Z" fill="current" />
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 165 B

2
frontend/src/assets/icons/Menu/Swap.svg
View File

@ -1,3 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.99 7.71429L0 12.8571L3.99 18V14.1429H11V11.5714H3.99V7.71429ZM18 5.14286L14.01 0V3.85714H7V6.42857H14.01V10.2857L18 5.14286Z" fill="white"/>
<path d="M3.99 7.71429L0 12.8571L3.99 18V14.1429H11V11.5714H3.99V7.71429ZM18 5.14286L14.01 0V3.85714H7V6.42857H14.01V10.2857L18 5.14286Z" fill="current"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 256 B

After

Width:  |  Height:  |  Size: 258 B

16
frontend/src/components/Base/Divider/DividerStyle.jsx 100644
View File

@ -0,0 +1,16 @@
import styled from "styled-components";
import { color } from "../../../style/varibles";
const Divider = styled.span`
position:relative;
left: 28px;
display: block;
width: 19px;
margin: 21px 0;
border: 1px solid ${color.pricinpal.blanco};
background: ${color.pricinpal.blanco};
`;
export default Divider;

15
frontend/src/components/Menu/MenuBottom.jsx 100644
View File

@ -0,0 +1,15 @@
import React from "react";
import { ReactComponent as LogoHit } from "../../assets/icons/Logohit.svg";
import MenuBottomStyled from "./MenuBottom.style";
const MenuBottom = ({ hover }) => {
return (
<MenuBottomStyled hover={hover}>
<LogoHit />
<p>Copyright © 2022 HIT Communications. Todos os direitos reservados.</p>
</MenuBottomStyled>
);
};
export default MenuBottom;

30
frontend/src/components/Menu/MenuBottom.style.jsx 100644
View File

@ -0,0 +1,30 @@
import styled from "styled-components";
import { color } from "../../style/varibles";
const MenuBottomStyled = styled.div`
display: flex;
position: absolute;
left: 12px;
bottom: 16px;
svg {
max-width: 51px;
max-height: 51px;
min-width: 51px;
min-height: 51px;
}
p {
display: block;
width: 129px;
align-items: center;
margin-left: 12px;
font-family: "HelveticaRoman";
font-size: 10px;
color: ${color.pricinpal.blanco};
display: ${({ hover }) => (hover ? "flex" : "none")};
opacity: ${({ hover }) => (hover ? "1" : "0")};
}
`;
export default MenuBottomStyled;

54
frontend/src/components/Menu/MenuComponent.jsx
View File

@ -1,30 +1,30 @@
import React from "react";
import VideoComponent from "../VideoTag/VideoComponent";
import { WhatsAppsContext } from "../../context/WhatsApp/WhatsAppsContext";
import { AuthContext } from "../../context/Auth/AuthContext";
import { MenuStyled, MenuListStyled } from "./MenuComponent.style";
import { ReactComponent as Tickets } from "../../assets/icons/Menu/Whatsapp.svg";
import { ReactComponent as Contact } from "../../assets/icons/Menu/Contact.svg";
import { ReactComponent as Reminder } from "../../assets/icons/Menu/Send.svg";
import { ReactComponent as FastAanswer } from "../../assets/icons/Menu/Mensage.svg";
import { ReactComponent as Users } from "../../assets/icons/Menu/Peoplealt.svg";
import { ReactComponent as Rows } from "../../assets/icons/Menu/Accounttree.svg";
import { ReactComponent as Conetions } from "../../assets/icons/Menu/Swap.svg";
import { ReactComponent as Dashboard } from "../../assets/icons/Menu/Dashboard.svg";
import { ReactComponent as FastResumes } from "../../assets/icons/Menu/Graph.svg";
import { ReactComponent as Super } from "../../assets/icons/Menu/Super.svg";
import { ReactComponent as Configuration } from "../../assets/icons/Menu/Configuration.svg";
import { MenuStyled, MenuListStyled, MenuListItemStyled } from "./MenuComponent.style";
import { WhatsAppsContext } from "../../context/WhatsApp/WhatsAppsContext";
import { AuthContext } from "../../context/Auth/AuthContext";
import img from "../../assets/images/Logo.png";
import VideoComponent from "../VideoTag/VideoComponent";
import MenuItem from "./MenuItem";
import Divider from "../Base/Divider/DividerStyle";
import MenuBottom from "./MenuBottom";
import MenuTop from "./MenuTop";
const MenuComponent = () => {
const [hover, setHover] = React.useState(false);
const [hover, setHover] = React.useState(true);
const { whatsApps } = React.useContext(WhatsAppsContext);
const { user } = React.useContext(AuthContext);
const [connectionWarning, setConnectionWarning] = React.useState(false);
@ -56,33 +56,25 @@ const MenuComponent = () => {
}, [whatsApps]);
return (
<MenuStyled onMouseEnter={HoverMenu} onMouseLeave={HoverMenu} hover={hover}>
<MenuStyled hover={hover}>
<VideoComponent width={"100%"} zIndex={"-1"} position={"absolute"} />
{/*Menu Top Header*/}
<div style={{ display: "flex", flexDirection: "row", width: "100%" }}>
<div style={{ width: "76px", backgroundColor: "white" }}>
<img src={img} alt="" style={{ width: "100%" }} />
</div>
</div>
{/*Menu Top Header*/}
<MenuTop hover={hover} />
<MenuListStyled>
{/* <MenuItem icon={<Whatsapp />} to="/tickets" text="Tickets" hover={hover} /> */}
<MenuItem icon={<Tickets />} text="Tickets" to="" hover={hover} />
<MenuItem icon={<Contact />} text="Contatos" to="" hover={hover} />
<MenuItem icon={<Reminder />} text="Lembretes" to="" hover={hover} />
<MenuItem icon={<Tickets />} text="Tickets" to="/tickets" hover={hover} />
<MenuItem icon={<Contact />} text="Contatos" to="contacts" hover={hover} />
<MenuItem icon={<Reminder />} text="Lembretes" to="/schedulesReminder" hover={hover} />
<MenuItem icon={<FastAanswer />} text="Respostas" to="" hover={hover} />
<br />
<MenuItem icon={<Users />} text="Usuários" to="" hover={hover} />
<MenuItem icon={<Rows />} text="Filas" to="" hover={hover} />
<MenuItem icon={<Conetions />} text="Conexões" to="" hover={hover} />
<MenuItem icon={<Dashboard />} text="Dashboard" to="" hover={hover} />
<MenuItem icon={<FastResumes />} text="Relatórios" to="" hover={hover} />
<Divider />
<MenuItem icon={<Users />} text="Usuários" to="/users" hover={hover} />
<MenuItem icon={<Rows />} text="Filas" to="/Queues" hover={hover} />
<MenuItem icon={<Conetions />} text="Conexões" to="/connections" hover={hover} />
<MenuItem icon={<Dashboard />} text="Dashboard" to="/" hover={hover} />
<MenuItem icon={<FastResumes />} text="Relatórios" to="report" hover={hover} />
<MenuItem icon={<Super />} text="Supervisão" to="" hover={hover} />
<br />
<MenuItem icon={<Configuration />} text="Configurações" to="" hover={hover} />
<Divider />
<MenuItem icon={<Configuration />} text="Configurações" to="/Settings" hover={hover} />
</MenuListStyled>
<MenuBottom hover={hover} />
</MenuStyled>
);
};

24
frontend/src/components/Menu/MenuComponent.style.jsx
View File

@ -45,20 +45,14 @@ const MenuListItemStyled = styled.li`
margin: 12px 28px;
gap: 6px;
color: ${color.pricinpal.blanco};
transition: all 0.2s linear;
&:hover {
color: ${color.pricinpal.naranja};
}
& a {
transition: all 0.1s linear;
a {
display: flex;
align-items: center;
color: ${color.pricinpal.blanco};
gap: 12px;
text-decoration: none;
& :hover {
color: ${color.pricinpal.naranja};
transition: all 0.2s linear;
}
p {
text-transform: capitalize;
font-family: "HelveticaRoman";
@ -70,12 +64,14 @@ const MenuListItemStyled = styled.li`
width: 18px;
height: 18px;
fill: ${color.pricinpal.blanco};
transition: all 0.2s linear;
& :hover {
transition: all 0.1s linear;
}
}
&:hover a p,
&:hover a svg {
color: ${color.pricinpal.naranja};
fill: ${color.pricinpal.naranja};
transition: all 0.2s linear;
}
}
transition: all 0.1s linear;
}
`;

21
frontend/src/components/Menu/MenuTop.jsx
View File

@ -1,15 +1,18 @@
import React from 'react';
import React from "react";
import img from "../../assets/images/Logo.png";
import { MenuTopStyled } from "./MenuTop.style";
import { MenuTopStyled, MenuTopFrameStyled, MenuTitle } from "./MenuTop.style";
import video from "../../assets/videos/video.mp4"
const MenuTop = () => {
const MenuTop = ({hover}) => {
return (
<MenuTopStyled>
<img src="" alt="" />
<MenuTopFrameStyled>
<img src={img} alt="" style={{ width: "100%" }} />
</MenuTopFrameStyled>
<MenuTitle hover={hover}>OmniHit</MenuTitle>
</MenuTopStyled>
)
}
);
};
export default MenuTop;
export default MenuTop

24
frontend/src/components/Menu/MenuTop.style.jsx
View File

@ -1,8 +1,28 @@
import styled from "styled-components";
import { color } from "../../style/varibles";
const MenuTopStyled = styled.div`
width: 100%;
display: flex;
flex-direction: row;
`;
const MenuTopFrameStyled = styled.div`
min-width: 60px;
max-width: 60px;
padding: 8px;
background-color: ${color.pricinpal.blanco};
`;
export { MenuTopStyled };
const MenuTitle = styled.p`
display: ${({ hover }) => (hover ? "flex" : "none")};
margin-left: 12px;
align-items: center;
font-family: "HelveticaRoman";
color: ${color.pricinpal.naranja};
font-size: 28px;
text-transform: capitalize;
text-align: center;
`;
export { MenuTopStyled, MenuTopFrameStyled, MenuTitle };

0
frontend/src/layout/MainListItems copy.js → frontend/src/layout/MainListItems.OLD.js
View File

0
frontend/src/layout/index copy.js → frontend/src/layout/index.OLD.js
View File