bitwarden-estensione-browser/src/app/accounts/settings.component.html

<div class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body form">
                <div class="box">
                    <div class="box-header">
                        {{'security' | i18n}}
                    </div>
                    <div class="box-content box-content-padded">
                        <div class="form-group">
                            <label for="lockOption">{{'lockOptions' | i18n}}</label>
                            <select id="lockOption" name="LockOption" [(ngModel)]="lockOption"
                                (change)="saveLockOption()">
                                <option *ngFor="let o of lockOptions" [ngValue]="o.value">{{o.name}}</option>
                            </select>
                            <small class="help-block">{{'lockOptionsDesc' | i18n}}</small>
                        </div>
                        <div class="form-group">
                            <div class="checkbox">
                                <label for="pin">
                                    <input id="pin" type="checkbox" name="PIN" [(ngModel)]="pin" (change)="updatePin()">
                                    {{'unlockWithPin' | i18n}}
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="box">
                    <div class="box-header">
                        {{'options' | i18n}}
                    </div>
                    <div class="box-content box-content-padded">
                        <div class="form-group">
                            <div class="checkbox">
                                <label for="disableFavicons">
                                    <input id="disableFavicons" type="checkbox" name="DisableFavicons"
                                        [(ngModel)]="disableFavicons" (change)="saveFavicons()">
                                    {{'disableFavicon' | i18n}}
                                </label>
                            </div>
                            <small class="help-block">{{'disableFaviconDesc' | i18n}}</small>
                        </div>
                        <div class="form-group">
                            <div class="checkbox">
                                <label for="enableTray">
                                    <input id="enableTray" type="checkbox" name="EnableTray" [(ngModel)]="enableTray"
                                        (change)="saveTray()">
                                    {{'enableTray' | i18n}}
                                </label>
                            </div>
                            <small class="help-block">{{'enableTrayDesc' | i18n}}</small>
                        </div>
                        <div class="form-group" *ngIf="showMinToTray">
                            <div class="checkbox">
                                <label for="enableMinToTray">
                                    <input id="enableMinToTray" type="checkbox" name="EnableMinToTray"
                                        [(ngModel)]="enableMinToTray" (change)="saveMinToTray()">
                                    {{'enableMinToTray' | i18n}}
                                </label>
                            </div>
                            <small class="help-block">{{'enableMinToTrayDesc' | i18n}}</small>
                        </div>
                        <div class="form-group" *ngIf="showMinToTray">
                            <div class="checkbox">
                                <label for="enableCloseToTray">
                                    <input id="enableCloseToTray" type="checkbox" name="EnableCloseToTray"
                                        [(ngModel)]="enableCloseToTray" (change)="saveCloseToTray()">
                                    {{'enableCloseToTray' | i18n}}
                                </label>
                            </div>
                            <small class="help-block">{{'enableCloseToTrayDesc' | i18n}}</small>
                        </div>
                        <div class="form-group" *ngIf="showMinToTray">
                            <div class="checkbox">
                                <label for="startToTray">
                                    <input id="startToTray" type="checkbox" name="StartToTray" [(ngModel)]="startToTray"
                                        (change)="saveStartToTray()">
                                    {{'startToTray' | i18n}}
                                </label>
                            </div>
                            <small class="help-block">{{'startToTrayDesc' | i18n}}</small>
                        </div>
                        <div class="form-group">
                            <label for="theme">{{'theme' | i18n}}</label>
                            <select id="theme" name="Theme" [(ngModel)]="theme" (change)="saveTheme()">
                                <option *ngFor="let o of themeOptions" [ngValue]="o.value">{{o.name}}</option>
                            </select>
                            <small class="help-block">{{'themeDesc' | i18n}}</small>
                        </div>
                        <div class="form-group">
                            <label for="locale">{{'language' | i18n}}</label>
                            <select id="locale" name="Locale" [(ngModel)]="locale" (change)="saveLocale()">
                                <option *ngFor="let o of localeOptions" [ngValue]="o.value">{{o.name}}</option>
                            </select>
                            <small class="help-block">{{'languageDesc' | i18n}}</small>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" data-dismiss="modal">{{'close' | i18n}}</button>
            </div>
        </div>
    </div>
</div>