Merge pull request #142 from assureclaims/feature/RMA-fileinput

feature/RMA-fileinput : checkin on behalf of prakash

Author: assureclaims

projects/dxc-ngx-cdk/src/lib/dxc-file-input/dxc-file-input.component.html

@@ -27,12 +27,19 @@
     (dragover)="dragOver($event)"
   >
     <dxc-button
-      [label]="buttonLabel"
       mode="secondary"
       [disabled]="disabled"
       [tabIndexValue]="tabIndexValue"
       (onClick)="fileInput.click()"
-    ></dxc-button>
+    >
+    <dxc-button-icon>
+      <span class="icon-dxc-wrapper">
+        <mat-icon class="mat-icon material-icons">
+          file_upload
+          </mat-icon>
+      </span>
+    </dxc-button-icon>
+  </dxc-button>
     <span *ngIf="mode === 'filedrop' || mode === 'dropzone'" class="dropLabel"
       >or drop files</span
     >

projects/dxc-ngx-cdk/src/lib/dxc-file-input/dxc-file-input.module.ts

@@ -5,9 +5,10 @@ import { DxcButtonModule } from "../dxc-button/dxc-button.module";
 import { DxcFileComponent } from './dxc-file/dxc-file.component';
 import { DxcFileErrorComponent } from './dxc-file-error/dxc-file-error.component';
 import { FileFormatDirective } from './directives/file-format.directive';
+import { MatIconModule } from "@angular/material/icon";
 @NgModule({
   declarations: [DxcFileInputComponent, DxcFileComponent, DxcFileErrorComponent, FileFormatDirective],
-  imports: [CommonModule, DxcButtonModule],
+  imports: [CommonModule, DxcButtonModule,MatIconModule],
   exports: [DxcFileInputComponent],
 })
 export class DxcFileInputModule { }

projects/dxc-ngx-cdk/src/lib/dxc-file-input/dxc-file/dxc-file.component.html

@@ -15,10 +15,10 @@
   <img [src]="file.image" *ngIf="hasShowPreviewImage" />
 </div>
 
-<div class="infoContainer">
-  <div class="fileContainer">
+<div class="infoContainer w-100 justify-content-center align-items-center">
+  <div class="fileContainer w-100 justify-content-center align-items-center">
     <span class="fileName">{{ file.data.name }}</span>
-    <div class="fileIcons">
+    <div class="fileIcons" >
       <span *ngIf="hasError" aria-label="Error" class="errorIcon">
         <svg
           fill="currentColor"
@@ -54,7 +54,7 @@
       </span>
     </div>
   </div>
-  <div class="errorContainer">
-    <span *ngIf="hasShowError" class="errorMessage">{{ file.error }}</span>
+  <div class="errorContainer" *ngIf="hasShowError">
+    <span class="errorMessage">{{ file.error }}</span>
   </div>
 </div>