chore(assets): cleaned form sprite

src/app/form/form-view/global-components/information-step/information-step.component.html

@@ -13,7 +13,7 @@
   <!-- Email just got confirmed, request some info about the user -->
   <ng-container *ngIf="formType === formTypeEnum.profile && step === profileFormStepEnum.profileBeginningInfo">
     <div class="information-step">
-      <img src="../../assets/form/profileSkip.svg" alt="Image profil" />
+      <img src="../../assets/form/profileSkip.svg" alt="" />
       <h3>Pour compléter votre profil, nous aimerions vous poser quelques questions</h3>
       <div class="btnContainer">
         <div class="btnGroup">

src/app/form/form-view/profile-form/profile-structure-choice/profile-structure-choice.component.html

@@ -59,7 +59,7 @@
               [label]="'Créer une structure'"
               [variant]="'primaryBlack'"
               [wide]="true"
-              [iconName]="'add'"
+              [iconName]="'plus'"
               (action)="addStructure()"
             />
           </div>

src/app/form/form-view/structure-form/structure-equipments/structure-equipments.component.html

@@ -13,8 +13,7 @@
           <ng-container *ngIf="equipment.module.id === 'computer'">
             <app-icon-button
               [variant]="'primaryBlack'"
-              [iconFolder]="'form'"
-              [iconName]="'hide'"
+              [iconName]="'minus'"
               [iconColor]="'currentColor'"
               [size]="'medium'"
               [disabled]="structureForm.value.nbComputers === 0"
@@ -34,8 +33,7 @@
           <ng-container *ngIf="equipment.module.id === 'printer'">
             <app-icon-button
               [variant]="'primaryBlack'"
-              [iconFolder]="'form'"
-              [iconName]="'hide'"
+              [iconName]="'minus'"
               [iconColor]="'currentColor'"
               [size]="'medium'"
               [disabled]="structureForm.value.nbPrinters === 0"
@@ -55,8 +53,7 @@
           <ng-container *ngIf="equipment.module.id === 'scanner'">
             <app-icon-button
               [variant]="'primaryBlack'"
-              [iconFolder]="'form'"
-              [iconName]="'hide'"
+              [iconName]="'minus'"
               [iconColor]="'currentColor'"
               [size]="'medium'"
               [disabled]="structureForm.value.nbScanners === 0"
@@ -75,8 +72,7 @@
           </ng-container>
           <app-icon-button
             [variant]="'primaryBlack'"
-            [iconFolder]="'form'"
-            [iconName]="'show'"
+            [iconName]="'plus'"
             [iconColor]="'currentColor'"
             [size]="'medium'"
             (click)="changeValueHandler(equipment.module.id, 1)"

src/app/post/components/post-header/post-header.component.html

@@ -22,7 +22,7 @@
       class="publish-button hide-on-mobile"
       [variant]="'primaryBlack'"
       [label]="'Publier'"
-      [iconName]="'add'"
+      [iconName]="'plus'"
       (action)="togglePublishNews()"
     />
   </div>

src/app/profile/edit/edit.component.html

@@ -283,24 +283,14 @@
         Cette action est définitive, veuillez entrer votre mot de passe afin de supprimer votre compte
       </p>
 
-      <div class="modal-form-group">
-        <label for="oldPassword">Mot de passe</label>
-        <div class="modal-form-item">
-          <input
-            id="oldPassword"
-            class="form-input password"
-            autocomplete="on"
-            [type]="isShowPassword.oldPassword ? 'text' : 'password'"
-            [(ngModel)]="oldPassword"
-          />
-          <app-svg-icon
-            [iconClass]="'icon-32 grey hover'"
-            [folder]="'form'"
-            [icon]="isShowPassword.oldPassword ? 'eyePasswordInvisible' : 'eyePasswordVisible'"
-            (click)="showPassword(ShowPassword.oldPassword)"
-          />
-        </div>
-      </div>
+      <app-input
+        autocomplete="on"
+        [id]="oldPassword"
+        [label]="'Mot de passe'"
+        [type]="'password'"
+        [size]="'large'"
+        [(value)]="oldPassword"
+      />
     </div>
   </app-modal>
 </div>

src/app/profile/edit/edit.component.scss

@@ -173,21 +173,3 @@ p {
     width: 300px;
   }
 }
-
-.modal-form-group {
-  display: flex;
-  flex-direction: column;
-  max-width: fit-content;
-  padding: 8px 0;
-
-  label {
-    text-align: left;
-  }
-
-  .modal-form-item {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    gap: 16px;
-  }
-}

src/app/profile/profile-structure/profile-structure.component.html

@@ -51,7 +51,7 @@
             [variant]="'secondary'"
             [label]="'Voir la structure'"
             [iconFolder]="'form'"
-            [iconName]="'eye'"
+            [iconName]="'visibility'"
             [size]="'small'"
             [queryParams]="{ id: structure._id }"
           />
@@ -62,7 +62,7 @@
             [routerLinkActive]="'active'"
             [variant]="'secondary'"
             [iconFolder]="'form'"
-            [iconName]="'eye'"
+            [iconName]="'visibility'"
             [queryParams]="{ id: structure._id }"
           />
           <app-button
@@ -151,7 +151,7 @@
         [routerLinkActive]="'active'"
         [variant]="'primaryBlack'"
         [label]="'Ajouter une offre'"
-        [iconName]="'add'"
+        [iconName]="'plus'"
         [size]="'small'"
         [wide]="true"
         (click)="goToOffer()"

src/app/profile/profile.component.html

@@ -75,7 +75,7 @@
       [state]="{ data: 'description' }"
       [variant]="'secondary'"
       [label]="'Ajouter une description'"
-      [iconName]="'add'"
+      [iconName]="'plus'"
       [size]="'small'"
       [wide]="true"
     />
@@ -138,7 +138,7 @@
       routerLink="/form/structure"
       [variant]="'secondary'"
       [label]="'Ajouter une structure'"
-      [iconName]="'add'"
+      [iconName]="'plus'"
       [size]="'small'"
       [wide]="true"
     />

src/app/profile/structure-members-management/structure-members-management.component.html

@@ -9,7 +9,7 @@
       tabindex="0"
       [variant]="'primaryBlack'"
       [label]="'Ajouter un membre'"
-      [iconName]="'add'"
+      [iconName]="'plus'"
       [size]="'small'"
       [wide]="true"
       (click)="addMemberModalOpened = true"

src/app/profile/structures-management/structures-management.component.html

@@ -11,7 +11,7 @@
         tabindex="0"
         [variant]="'primaryBlack'"
         [label]="'Ajouter une structure'"
-        [iconName]="'add'"
+        [iconName]="'plus'"
         [size]="'small'"
         [wide]="true"
       />

src/app/shared/components/password-form/password-form.component.html

@@ -15,7 +15,7 @@
             tabindex="0"
             [folder]="'form'"
             [iconClass]="'grey'"
-            [icon]="'eyePassword'"
+            [icon]="'visibility'"
             (click)="showOldPassword()"
             (keyup.enter)="showOldPassword()"
           />
@@ -143,7 +143,7 @@
             tabindex="0"
             [iconClass]="'validation grey hover'"
             [folder]="'form'"
-            [icon]="'eyePassword'"
+            [icon]="'visibility'"
             (click)="showPassword()"
             (keyup.enter)="showPassword()"
           />
@@ -175,7 +175,7 @@
             tabindex="0"
             [iconClass]="'validation grey hover'"
             [folder]="'form'"
-            [icon]="'eyePassword'"
+            [icon]="'visibility'"
             (click)="showConfirmPassword()"
             (keyup.enter)="showConfirmPassword()"
           />

src/app/structure-list/components/card/card.component.html

@@ -45,7 +45,7 @@
         *ngIf="!isSelected"
         [variant]="'secondary'"
         [label]="'Ajouter'"
-        [iconName]="'add'"
+        [iconName]="'plus'"
         (action)="cardAddToList(); $event.stopPropagation()"
       />
       <app-button

src/assets/form/eyePassword.svg

-<svg width="22" height="16" viewBox="0 0 22 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99519 3.00001C8.83101 2.37183 9.87111 2 11 2C13.7667 2 16 4.23333 16 7C16 9.76667 13.7667 12 11 12C8.23333 12 6 9.76667 6 7C6 6.5747 6.05278 6.162 6.15215 5.76809C6.45257 6.49223 7.16566 7 8 7C9.10667 7 10 6.10667 10 5C10 3.89333 9.10667 3 8 3C7.9984 3 7.9968 3 7.99519 3.00001Z" fill="#828282"/>
-<path d="M1 8C2.57273 3.90267 6.45455 1 11 1C15.5455 1 19.4273 3.90267 21 8" stroke="#828282" stroke-width="1.5" stroke-linecap="round"/>
-<path d="M1 8C2.57273 12.0973 6.45455 15 11 15C15.5455 15 19.4273 12.0973 21 8" stroke="#828282" stroke-width="1.5" stroke-linecap="round"/>
-</svg>

src/assets/form/factures.svg

-<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_4810_101286)">
-<g opacity="0.35" filter="url(#filter0_f_4810_101286)">
-<path d="M101.735 29.5946L30.9591 42.3835L27.9013 73.5339L98.677 60.7449L101.735 29.5946Z" fill="#DC2A59"/>
-<path d="M41.607 101.311L37.8076 136.377L108.583 123.589L112.383 88.5224L98.677 60.7449L27.9013 73.5339L41.607 101.311Z" fill="#DC2A59"/>
-</g>
-<path opacity="0.55" d="M30.7813 41.3995L30.0377 41.5338L29.9639 42.2858L26.9061 73.4362L26.8782 73.7203L27.0045 73.9763L40.5815 101.493L36.8134 136.27L36.6693 137.599L37.9854 137.362L108.761 124.573L109.497 124.44L109.577 123.696L113.377 88.6301L113.408 88.3409L113.279 88.0799L99.7001 60.5585L102.73 29.6923L102.859 28.3752L101.557 28.6105L30.7813 41.3995Z" fill="#348899" stroke="#DC2A59" stroke-width="2"/>
-<path d="M41.6069 101.311L112.383 88.5224L108.583 123.589L37.8075 136.377L41.6069 101.311Z" fill="#FDECF0"/>
-<path d="M41.6068 101.311L112.383 88.5225L98.6767 60.745L27.901 73.5339L41.6068 101.311Z" fill="#F3D0D9"/>
-<path d="M30.959 42.3835L101.735 29.5946L98.677 60.7449L27.9013 73.5339L30.959 42.3835Z" fill="#FDECF0"/>
-<mask id="mask0_4810_101286" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="45" y="91" width="59" height="37">
-<path d="M47.7432 101.921L103.836 91.7857L102.852 107.452L80.495 111.491L79.3714 121.647L45.2675 127.81L47.7432 101.921Z" fill="#FF0101"/>
-</mask>
-<g mask="url(#mask0_4810_101286)">
-<rect x="43.2933" y="105.476" width="66.6075" height="2.70654" transform="rotate(-10.2426 43.2933 105.476)" fill="#DC2A59"/>
-<path d="M42.0508 114.01L104.769 102.678L104.751 105.431L42.532 116.674L42.0508 114.01Z" fill="#DC2A59"/>
-<rect x="41.9158" y="122.571" width="66.6075" height="2.70651" transform="rotate(-10.2426 41.9158 122.571)" fill="#DC2A59"/>
-</g>
-<mask id="mask1_4810_101286" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="33" y="36" width="61" height="37">
-<path d="M35.7004 46.6837L93.9863 36.1517L91.5106 62.0399L33.2247 72.572L35.7004 46.6837Z" fill="#FF0101"/>
-</mask>
-<g mask="url(#mask1_4810_101286)">
-<path d="M32.3297 60.0132L56.2856 55.6845L55.5942 58.5598L32.8109 62.6766L32.3297 60.0132Z" fill="#DC2A59"/>
-<rect x="30.9914" y="67.8185" width="66.6075" height="2.70654" transform="rotate(-10.2426 30.9914 67.8185)" fill="#DC2A59"/>
-</g>
-<mask id="mask2_4810_101286" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="34" y="64" width="71" height="35">
-<path d="M93.2625 64.1299L34.9767 74.662L46.3558 98.0467L104.642 87.5146L93.2625 64.1299Z" fill="#FF0101"/>
-</mask>
-<g mask="url(#mask2_4810_101286)">
-<rect x="36.9016" y="85.3156" width="66.6075" height="2.70654" transform="rotate(-10.2426 36.9016 85.3156)" fill="#DC2A59"/>
-<rect x="32.7961" y="77.8063" width="66.6075" height="2.70653" transform="rotate(-10.2426 32.7961 77.8063)" fill="#DC2A59"/>
-<rect x="40.3417" y="92.9451" width="66.6075" height="2.70653" transform="rotate(-10.2426 40.3417 92.9451)" fill="#DC2A59"/>
-</g>
-</g>
-<g clip-path="url(#clip1_4810_101286)">
-<g opacity="0.35" filter="url(#filter1_f_4810_101286)">
-<path d="M159.96 55.7321L90.0298 38.9224L74.6811 66.2007L144.611 83.0105L159.96 55.7321Z" fill="#348899"/>
-<path d="M76.0339 97.1459L58.4288 127.709L128.359 144.519L145.964 113.956L144.611 83.0105L74.6811 66.2007L76.0339 97.1459Z" fill="#348899"/>
-</g>
-<path opacity="0.55" d="M90.2635 37.9501L89.5288 37.7735L89.1583 38.432L73.8096 65.7104L73.6696 65.9592L73.682 66.2444L75.0222 96.8989L57.5623 127.21L56.8948 128.369L58.1951 128.682L128.125 145.491L128.852 145.666L129.225 145.018L146.83 114.455L146.976 114.203L146.963 113.912L145.622 83.252L160.831 56.2224L161.48 55.0691L160.193 54.7598L90.2635 37.9501Z" fill="#348899" stroke="#348899" stroke-width="2"/>
-<path d="M76.034 97.1459L145.964 113.956L128.359 144.519L58.4288 127.709L76.034 97.1459Z" fill="#EAF8FB"/>
-<path d="M76.0338 97.1459L145.964 113.956L144.611 83.0104L74.6808 66.2007L76.0338 97.1459Z" fill="#C9ECF3"/>
-<path d="M90.0299 38.9223L159.96 55.732L144.611 83.0104L74.6812 66.2007L90.0299 38.9223Z" fill="#EAF8FB"/>
-<mask id="mask3_4810_101286" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="68" y="100" width="69" height="31">
-<path d="M81.4043 100.177L136.827 113.499L129.614 127.44L107.525 122.131L102.405 130.973L68.7084 122.873L81.4043 100.177Z" fill="#FF0101"/>
-</mask>
-<g mask="url(#mask3_4810_101286)">
-<rect x="75.8995" y="101.637" width="66.6075" height="2.70654" transform="rotate(13.5163 75.8995 101.637)" fill="#348899"/>
-<path d="M71.3239 108.948L133.292 123.843L132.167 126.357L70.6913 111.579L71.3239 108.948Z" fill="#348899"/>
-<rect x="67.7513" y="116.728" width="66.6075" height="2.70651" transform="rotate(13.5163 67.7513 116.728)" fill="#348899"/>
-</g>
-<mask id="mask4_4810_101286" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="79" y="44" width="72" height="38">
-<path d="M92.6367 44.7684L150.226 58.6116L137.53 81.3084L79.9408 67.4651L92.6367 44.7684Z" fill="#FF0101"/>
-</mask>
-<g mask="url(#mask4_4810_101286)">
-<path d="M84.1814 55.6102L107.851 61.2999L106.06 63.6529L83.5488 58.2417L84.1814 55.6102Z" fill="#348899"/>
-<rect x="79.8118" y="62.2148" width="66.6075" height="2.70654" transform="rotate(13.5163 79.8118 62.2148)" fill="#348899"/>
-</g>
-<mask id="mask5_4810_101286" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="80" y="70" width="60" height="40">
-<path d="M138.292 83.9271L80.7024 70.0838L81.6957 96.0711L139.285 109.914L138.292 83.9271Z" fill="#FF0101"/>
-</mask>
-<g mask="url(#mask5_4810_101286)">
-<rect x="78.1721" y="80.6101" width="66.6075" height="2.70654" transform="rotate(13.5163 78.1721 80.6101)" fill="#117083"/>
-<rect x="77.4398" y="72.0832" width="66.6075" height="2.70653" transform="rotate(13.5163 77.4398 72.0832)" fill="#117083"/>
-<rect x="78.2468" y="88.9789" width="66.6075" height="2.70653" transform="rotate(13.5163 78.2468 88.9789)" fill="#117083"/>
-</g>
-</g>
-<defs>
-<filter id="filter0_f_4810_101286" x="15.9013" y="17.5946" width="108.481" height="130.783" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_4810_101286"/>
-</filter>
-<filter id="filter1_f_4810_101286" x="46.4288" y="26.9224" width="125.531" height="129.597" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_4810_101286"/>
-</filter>
-<clipPath id="clip0_4810_101286">
-<rect width="109.547" height="112.659" fill="white" transform="translate(5 38.4794) rotate(-10.2426)"/>
-</clipPath>
-<clipPath id="clip1_4810_101286">
-<rect width="109.547" height="112.659" fill="white" transform="translate(67.8438 24.8904) rotate(13.5163)"/>
-</clipPath>
-</defs>
-</svg>

src/assets/form/finish.svg

-<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="6.01224" y="2.61237" width="1" height="17" rx="0.5" transform="rotate(15 6.01224 2.61237)" stroke="white"/>
-<rect x="6.90873" y="6.99372" width="1" height="1" transform="rotate(15 6.90873 6.99372)" stroke="white"/>
-<rect x="5.87357" y="10.8574" width="1" height="1" transform="rotate(15 5.87357 10.8574)" stroke="white"/>
-<rect x="10.7725" y="8.029" width="1" height="1" transform="rotate(15 10.7725 8.029)" stroke="white"/>
-<rect x="9.73685" y="11.8926" width="1" height="1" transform="rotate(15 9.73685 11.8926)" stroke="white"/>
-<rect x="14.6363" y="9.06428" width="1" height="1" transform="rotate(15 14.6363 9.06428)" stroke="white"/>
-<rect x="13.6006" y="12.9279" width="1" height="1" transform="rotate(15 13.6006 12.9279)" stroke="white"/>
-<rect x="8.32279" y="9.44318" width="1" height="1" transform="rotate(15 8.32279 9.44318)" stroke="white"/>
-<rect x="12.1866" y="10.4785" width="1" height="1" transform="rotate(15 12.1866 10.4785)" stroke="white"/>
-<rect x="16.0503" y="11.5137" width="1" height="1" transform="rotate(15 16.0503 11.5137)" stroke="white"/>
-<rect x="9.35795" y="5.57941" width="1" height="1" transform="rotate(15 9.35795 5.57941)" stroke="white"/>
-<rect x="13.2217" y="6.61469" width="1" height="1" transform="rotate(15 13.2217 6.61469)" stroke="white"/>
-<rect x="17.0855" y="7.64997" width="1" height="1" transform="rotate(15 17.0855 7.64997)" stroke="white"/>
-<rect x="6.71928" y="3.8371" width="13" height="9" transform="rotate(15 6.71928 3.8371)" stroke="white"/>
-</svg>
\ No newline at end of file

src/assets/form/notValidate.svg

-<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="13" cy="13" r="13" fill="#DA6C2E"/>
-<path d="M13.25 14.5L13.25 6.00001" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M13.25 20.6066L13.25 20" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

src/assets/form/notValidateWithBorder.svg

-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="12" cy="12" r="11.5" fill="#DA6C2E" stroke="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.0835 7.00067C11.0835 6.49441 11.4939 6.084 12.0001 6.08398C12.5064 6.08397 12.9168 6.49437 12.9168 7.00063L12.917 14.0006C12.917 14.5069 12.5066 14.9173 12.0003 14.9173C11.4941 14.9173 11.0837 14.5069 11.0836 14.0007L11.0835 7.00067ZM11.0837 17.6896C11.0837 17.1833 11.4941 16.7729 12.0004 16.7729C12.5066 16.7729 12.917 17.1833 12.917 17.6896L12.917 18.0318C12.917 18.5381 12.5066 18.9485 12.0004 18.9485C11.4941 18.9485 11.0837 18.5381 11.0837 18.0318L11.0837 17.6896Z" fill="white"/>
-</svg>

src/assets/form/redirection.svg

-<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.46967 12.1367C9.17678 12.4296 9.17678 12.9044 9.46967 13.1973C9.76256 13.4902 10.2374 13.4902 10.5303 13.1973L9.46967 12.1367ZM16.8943 6.83336C17.1872 6.54047 17.1872 6.0656 16.8943 5.7727C16.6014 5.47981 16.1265 5.47981 15.8336 5.7727L16.8943 6.83336ZM10.5303 13.1973L16.8943 6.83336L15.8336 5.7727L9.46967 12.1367L10.5303 13.1973Z" fill="#FF7100"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M13.8887 3.82812L19.192 3.47457L18.8384 8.77787L13.8887 3.82812Z" fill="#FF7100"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6 6.75C5.86193 6.75 5.75 6.86193 5.75 7V16C5.75 16.1381 5.86193 16.25 6 16.25H16C16.1381 16.25 16.25 16.1381 16.25 16V11.5L17.75 10.2308V16C17.75 16.9665 16.9665 17.75 16 17.75H6C5.0335 17.75 4.25 16.9665 4.25 16V7C4.25 6.0335 5.0335 5.25 6 5.25H12.7143L11 6.75H6Z" fill="#FF7100"/>
-</svg>