toggle uri options

jslib

@@ -1 +1 @@
-Subproject commit 6aef18ee7f54fc5cfb042206eb27e76f2458b60a
+Subproject commit 20389402fc6610ffeaa003cfc663a41dc1061100

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

@@ -193,10 +193,17 @@
                                 <label for="loginUriMatch{{i}}" class="sr-only">
                                     {{'autofillDetection' | i18n}} {{(i + 1)}}
                                 </label>
-                                <select id="loginUriMatch{{i}}" name="Login.Uris[{{i}}].Match" [(ngModel)]="u.match">
+                                <select id="loginUriMatch{{i}}" name="Login.Uris[{{i}}].Match" [(ngModel)]="u.match"
+                                        [hidden]="!u.showOptions">
                                     <option *ngFor="let o of uriMatchOptions" [ngValue]="o.value">{{o.name}}</option>
                                 </select>
                             </div>
+                            <div class="action-buttons">
+                                <a class="row-btn" href="#" appStopClick appBlurClick
+                                   title="{{'toggleOptions' | i18n}}" (click)="toggleUriOptions(u)">
+                                    <i class="fa fa-lg fa-cog"></i>
+                                </a>
+                            </div>
                         </div>
                     </ng-container>
                     <a href="#" appStopClick appBlurClick (click)="addUri()" class="box-content-row">

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

@@ -256,6 +256,11 @@ export class AddEditComponent implements OnChanges {
         f.showValue = !f.showValue;
     }
 
+    toggleUriOptions(uri: LoginUriView) {
+        const u = (uri as any);
+        u.showOptions = !u.showOptions;
+    }
+
     async checkPassword() {
         if (this.cipher.login == null || this.cipher.login.password == null || this.cipher.login.password === '') {
             return;

src/locales/en/messages.json

@@ -1006,5 +1006,8 @@
   "defaultAutofillDetection": {
     "message": "Default auto-fill detection",
     "description": "Default URI auto-fill match detection."
+  },
+  "toggleOptions": {
+    "message": "Toggle Options"
   }
 }