Search mat card display

Create blueprint search from db matcard
Change-Id: I411035385930f5637c84426c7b32c20c219aab73
Issue-ID: CCSDK-1275
Signed-off-by: Ezhilarasi <ezhrajam@in.ibm.com>

1 files changed, 22 insertions, 7 deletions

diff --git a/cds-ui/client/src/app/feature-modules/blueprint/select-template/search-template/search-from-database/search-from-database.component.html b/cds-ui/client/src/app/feature-modules/blueprint/select-template/search-template/search-from-database/search-from-database.component.html
index 11c2ff0b6..a3c287254 100644
--- a/cds-ui/client/src/app/feature-modules/blueprint/select-template/search-template/search-from-database/search-from-database.component.html
+++ b/cds-ui/client/src/app/feature-modules/blueprint/select-template/search-template/search-from-database/search-from-database.component.html
@@ -21,11 +21,26 @@ limitations under the License.
 <form class="search-form" [formGroup]="myControl">
     <mat-form-field class="search-full-width">
         <input #resourceSelect type="text" [(ngModel)]="searchText" placeholder="Search Resources" matInput [matAutocomplete]="auto" formControlName="search_input">
-        <button matSuffix mat-icon-button (click)="fetchResourceByName()"><mat-icon>search</mat-icon></button>
-        <mat-autocomplete #auto="matAutocomplete">
-            <mat-option (click)="selected(option)" *ngFor="let option of options" [value]="option.tags">
-                {{option.tags}}
-            </mat-option>
-        </mat-autocomplete>
+        <button matSuffix mat-icon-button (click)="fetchResourceByName()">
+      <mat-icon>search</mat-icon>
+    </button>
+        <!-- <mat-autocomplete #auto="matAutocomplete">
+      <mat-option (click)="selected(option)" *ngFor="let option of options" [value]="option.tags">
+        {{option.tags}}
+      </mat-option>
+    </mat-autocomplete> -->
     </mat-form-field>
-</form>
\ No newline at end of file
+</form>
+<mat-grid-list cols="8">
+    <mat-grid-tile *ngFor="let option of options">
+        <mat-card class="example-card">
+            <mat-card-content class="card-content">
+                {{option}}
+            </mat-card-content>
+            <mat-card-actions>
+                <button mat-menu-item>Edit</button>
+                <button mat-menu-item>Info</button>
+            </mat-card-actions>
+        </mat-card>
+    </mat-grid-tile>
+</mat-grid-list>
\ No newline at end of file