From f2977aab0cfa9f8bbc74d9430b4501d9a8b79134 Mon Sep 17 00:00:00 2001
From: Thomas Rittson <trittson@bitwarden.com>
Date: Fri, 21 May 2021 14:16:18 +1000
Subject: [PATCH] remove ciphers-list.component

---
 src/popup/app.module.ts                       |  2 -
 .../components/ciphers-list.component.html    | 23 ------------
 .../components/ciphers-list.component.ts      | 37 -------------------
 src/popup/vault/current-tab.component.html    | 14 +++----
 src/popup/vault/groupings.component.html      |  4 +-
 5 files changed, 9 insertions(+), 71 deletions(-)
 delete mode 100644 src/popup/components/ciphers-list.component.html
 delete mode 100644 src/popup/components/ciphers-list.component.ts

diff --git a/src/popup/app.module.ts b/src/popup/app.module.ts
index 995c0a34258..9526f1db324 100644
--- a/src/popup/app.module.ts
+++ b/src/popup/app.module.ts
@@ -70,7 +70,6 @@ import { SearchCiphersPipe } from 'jslib/angular/pipes/search-ciphers.pipe';
 
 import { ActionButtonsComponent } from './components/action-buttons.component';
 import { CipherRowComponent } from './components/cipher-row.component';
-import { CiphersListComponent } from './components/ciphers-list.component';
 import { PopOutComponent } from './components/pop-out.component';
 import { SendListComponent } from './components/send-list.component';
 
@@ -189,7 +188,6 @@ registerLocaleData(localeZhTw, 'zh-TW');
         CalloutComponent,
         CipherRowComponent,
         CiphersComponent,
-        CiphersListComponent,
         CollectionsComponent,
         ColorPasswordPipe,
         CurrentTabComponent,
diff --git a/src/popup/components/ciphers-list.component.html b/src/popup/components/ciphers-list.component.html
deleted file mode 100644
index e167d43485c..00000000000
--- a/src/popup/components/ciphers-list.component.html
+++ /dev/null
@@ -1,23 +0,0 @@
-<a *ngFor="let c of ciphers" (click)="selectCipher(c)" (dblclick)="launchCipher(c)" href="#" appStopClick
-    title="{{title}} - {{c.name}}" class="box-content-row box-content-row-flex">
-    <div class="row-main">
-        <app-vault-icon [cipher]="c"></app-vault-icon>
-        <div class="row-main-content">
-            <span class="text">
-                {{c.name}}
-                <ng-container *ngIf="c.organizationId">
-                    <i class="fa fa-share-alt text-muted" title="{{'shared' | i18n}}" aria-hidden="true"></i>
-                    <span class="sr-only">{{'shared' | i18n}}</span>
-                </ng-container>
-                <ng-container *ngIf="c.hasAttachments">
-                    <i class="fa fa-paperclip text-muted" title="{{'attachments' | i18n}}" aria-hidden="true"></i>
-                    <span class="sr-only">{{'attachments' | i18n}}</span>
-                </ng-container>
-            </span>
-            <span class="detail">{{c.subTitle}}</span>
-        </div>
-    </div>
-    <app-action-buttons [cipher]="c" [showView]="showView" (onView)="viewCipher(c)" (launchEvent)="launchCipher(c)"
-        class="action-buttons">
-    </app-action-buttons>
-</a>
diff --git a/src/popup/components/ciphers-list.component.ts b/src/popup/components/ciphers-list.component.ts
deleted file mode 100644
index 4c1101826c6..00000000000
--- a/src/popup/components/ciphers-list.component.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import {
-    Component,
-    EventEmitter,
-    Input,
-    Output,
-} from '@angular/core';
-
-import { CipherType } from 'jslib/enums/cipherType';
-
-import { CipherView } from 'jslib/models/view/cipherView';
-
-@Component({
-    selector: 'app-ciphers-list',
-    templateUrl: 'ciphers-list.component.html',
-})
-export class CiphersListComponent {
-    @Output() onSelected = new EventEmitter<CipherView>();
-    @Output() launchEvent = new EventEmitter<CipherView>();
-    @Output() onView = new EventEmitter<CipherView>();
-    @Input() ciphers: CipherView[];
-    @Input() showView = false;
-    @Input() title: string;
-
-    cipherType = CipherType;
-
-    selectCipher(c: CipherView) {
-        this.onSelected.emit(c);
-    }
-
-    launchCipher(c: CipherView) {
-        this.launchEvent.emit(c);
-    }
-
-    viewCipher(c: CipherView) {
-        this.onView.emit(c);
-    }
-}
diff --git a/src/popup/vault/current-tab.component.html b/src/popup/vault/current-tab.component.html
index 5400c82cc09..a65ec9b6672 100644
--- a/src/popup/vault/current-tab.component.html
+++ b/src/popup/vault/current-tab.component.html
@@ -27,9 +27,9 @@
                 <span class="flex-right">{{loginCiphers.length}}</span>
             </div>
             <div class="box-content">
-                <app-ciphers-list [ciphers]="loginCiphers" title="{{'autoFill' | i18n}}" [showView]="true"
-                    (onSelected)="fillCipher($event)" (onView)="viewCipher($event)" *ngIf="loginCiphers.length">
-                </app-ciphers-list>
+                <app-cipher-row *ngFor="let c of loginCiphers" [cipher]="c" title="{{'autoFill' | i18n}}" [showView]="true"
+                    (onSelected)="fillCipher($event)" (onView)="viewCipher($event)">
+                </app-cipher-row>
                 <div class="box-content-row padded no-hover" *ngIf="!loginCiphers.length">
                     <p class="text-center">{{'autoFillInfo' | i18n}}</p>
                     <button type="button" class="btn primary link block" (click)="addCipher()">
@@ -44,8 +44,8 @@
                 <span class="flex-right">{{cardCiphers.length}}</span>
             </div>
             <div class="box-content">
-                <app-ciphers-list [ciphers]="cardCiphers" title="{{'autoFill' | i18n}}" [showView]="true"
-                    (onSelected)="fillCipher($event)" (onView)="viewCipher($event)"></app-ciphers-list>
+                <app-cipher-row *ngFor="let c of cardCiphers" [cipher]="c" title="{{'autoFill' | i18n}}" [showView]="true"
+                    (onSelected)="fillCipher($event)" (onView)="viewCipher($event)"></app-cipher-row>
             </div>
         </div>
         <div class="box list" *ngIf="identityCiphers && identityCiphers.length">
@@ -54,8 +54,8 @@
                 <span class="flex-right">{{identityCiphers.length}}</span>
             </div>
             <div class="box-content">
-                <app-ciphers-list [ciphers]="identityCiphers" title="{{'autoFill' | i18n}}" [showView]="true"
-                    (onSelected)="fillCipher($event)" (onView)="viewCipher($event)"></app-ciphers-list>
+                <app-cipher-row *ngFor="let c of identityCiphers" [cipher]="c" title="{{'autoFill' | i18n}}" [showView]="true"
+                    (onSelected)="fillCipher($event)" (onView)="viewCipher($event)"></app-cipher-row>
             </div>
         </div>
     </ng-container>
diff --git a/src/popup/vault/groupings.component.html b/src/popup/vault/groupings.component.html
index cdad0e9331c..a679c825547 100644
--- a/src/popup/vault/groupings.component.html
+++ b/src/popup/vault/groupings.component.html
@@ -118,8 +118,8 @@
                     <div class="flex-right">{{noFolderCiphers.length}}</div>
                 </div>
                 <div class="box-content">
-                    <app-ciphers-list [ciphers]="noFolderCiphers" title="{{'viewItem' | i18n}}"
-                        (onSelected)="selectCipher($event)" (launchEvent)="launchCipher($event)"></app-ciphers-list>
+                    <app-cipher-row *ngFor="let c of noFolderCiphers" [cipher]="c" title="{{'viewItem' | i18n}}"
+                        (onSelected)="selectCipher($event)" (launchEvent)="launchCipher($event)"></app-cipher-row>
                 </div>
             </div>
             <div class="box list" *ngIf="deletedCount">