Replace magic numbers by enum

apps/web/src/app/settings/change-kdf.component.html

@@ -46,7 +46,7 @@ <h1>{{ "encKeySettings" | i18n }}</h1>
     </div>
     <div class="col-6">
       <div class="form-group mb-0">
-        <ng-container *ngIf="kdf == 0">
+        <ng-container *ngIf="kdf == kdfType.PBKDF2_SHA256">
           <label for="kdfIterations">{{ "kdfIterations" | i18n }}</label>
           <a
             class="ml-auto"
@@ -68,7 +68,7 @@ <h1>{{ "encKeySettings" | i18n }}</h1>
             required
           />
         </ng-container>
-        <ng-container *ngIf="kdf == 1">
+        <ng-container *ngIf="kdf == kdfType.Argon2id">
           <label for="kdfIterations">KDF Iterations</label>
           <a
             class="ml-auto"
@@ -95,12 +95,12 @@ <h1>{{ "encKeySettings" | i18n }}</h1>
     <div class="col-12">
       <div class="form-group">
         <div class="small form-text text-muted">
-          <ng-container *ngIf="kdf == 0">
+          <ng-container *ngIf="kdf == kdfType.PBKDF2_SHA256">
             <p>{{ "kdfIterationsDesc" | i18n: (recommendedPBKDF2Iterations | number) }}</p>
             <strong>{{ "warning" | i18n }}</strong
             >: {{ "kdfIterationsWarning" | i18n: (50000 | number) }}
           </ng-container>
-          <ng-container *ngIf="kdf == 1">
+          <ng-container *ngIf="kdf == kdfType.Argon2id">
             <p>
               {{ "argon2MemoryDesc" | i18n }}
             </p>

apps/web/src/app/settings/change-kdf.component.ts

@@ -22,6 +22,7 @@ export class ChangeKdfComponent implements OnInit {
   masterPassword: string;
   kdf = KdfType.PBKDF2_SHA256;
   kdfIterations = DEFAULT_PBKDF2_ITERATIONS;
+  kdfType = KdfType;
   kdfOptions: any[] = [];
   formPromise: Promise<any>;
   recommendedPBKDF2Iterations = DEFAULT_PBKDF2_ITERATIONS;