apply true/false directive for boolean fields

src/app/app-routing.module.ts

@@ -11,6 +11,7 @@ import { LockComponent } from './accounts/lock.component';
 import { LoginComponent } from './accounts/login.component';
 import { RegisterComponent } from './accounts/register.component';
 import { TwoFactorComponent } from './accounts/two-factor.component';
+
 import { VaultComponent } from './vault/vault.component';
 
 const routes: Routes = [

src/app/app.module.ts

@@ -35,6 +35,7 @@ import { BoxRowDirective } from 'jslib/angular/directives/box-row.directive';
 import { FallbackSrcDirective } from 'jslib/angular/directives/fallback-src.directive';
 import { StopClickDirective } from 'jslib/angular/directives/stop-click.directive';
 import { StopPropDirective } from 'jslib/angular/directives/stop-prop.directive';
+import { TrueFalseValueDirective } from 'jslib/angular/directives/true-false-value.directive';
 
 import { I18nPipe } from 'jslib/angular/pipes/i18n.pipe';
 import { SearchCiphersPipe } from 'jslib/angular/pipes/search-ciphers.pipe';
@@ -90,6 +91,7 @@ import { ViewComponent } from './vault/view.component';
         SettingsComponent,
         StopClickDirective,
         StopPropDirective,
+        TrueFalseValueDirective,
         TwoFactorComponent,
         TwoFactorOptionsComponent,
         VaultComponent,

src/app/vault/add-edit.component.html

@@ -265,7 +265,8 @@
                                        *ngIf="f.type === fieldType.Hidden" placeholder="{{'value' | i18n}}">
                             </div>
                             <input id="fieldValue{{i}}" name="Field.Value{{i}}" type="checkbox"
-                                   [(ngModel)]="f.value" *ngIf="f.type === fieldType.Boolean">
+                                   [(ngModel)]="f.value" *ngIf="f.type === fieldType.Boolean"
+                                   appTrueFalseValue trueValue="true" falseValue="false">
                             <div class="action-buttons" *ngIf="f.type === fieldType.Hidden">
                                 <a class="row-btn" href="#" appStopClick appBlurClick
                                    title="{{'toggleVisibility' | i18n}}" (click)="toggleFieldValue(f)">