Release 1.0.2

rsaenen · rsaenen · commit d630f495ce37 · 2018-02-18T20:54:40.000+01:00
diff --git a/README.md b/README.md
@@ -12,11 +12,11 @@ Style is based on [Bootstrap File Input](http://plugins.krajee.com/file-input/de
 ![Input File screenshot](http://img4.hostingpics.net/pics/206713inputfile2.png)
 
 ## Key features
- - Preview of the file
- - Drag and drop zone
- - Responsive
- - [Bootstrap 4.0.0](https://getbootstrap.com/) required.
- - [Font Awesome](http://fontawesome.io/) support
+- Preview of the file
+- Drag and drop zone
+- Responsive
+- [Bootstrap 4](https://getbootstrap.com/) required.
+- [Font Awesome 5](http://fontawesome.com/) support
 
 ## Installation 
 ```bash
@@ -134,5 +134,7 @@ You're welcome, please fork this repository to a make pull request.
 Clone this repository and run `npm start`.
 
 ## Changelog
+### 1.0.2
+- Drop font awesome 4 support to font awesome 5
 ### 1.0.1 
 - Fix issue #3
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ngx-input-file",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Angular Input File Component",
   "license": "MIT",
   "repository": {
@@ -26,7 +26,9 @@
     "input",
     "file",
     "bootstrap",
-    "upload"
+    "upload",
+    "font",
+    "awesome"
   ],
   "dependencies": {},
   "devDependencies": {
diff --git a/src/app/components/input-file.component.html b/src/app/components/input-file.component.html
@@ -29,25 +29,25 @@
         <div class="col-12 input-group file-caption-main" *ngIf="!isDragOver">
             <div class="form-control">
                 <div class="file-caption-name">
-                    <i class="fa fa-file-o" aria-hidden="true" *ngIf="isNotNullOrEmpty()"></i>
+                    <i class="fas fa-file" aria-hidden="true" *ngIf="isNotNullOrEmpty()"></i>
                     <span>{{ getInputText() }}</span>
                 </div>
             </div>
             <div class="input-group-append">
                 <button class="btn btn-secondary btn-action" type="button" title="Clear selected files" (click)="onRemove()" *ngIf="isNotNullOrEmpty()">
-                    <i class="fa fa-trash-o" aria-hidden="true"></i>  
+                    <i class="fas fa-trash" aria-hidden="true"></i>  
                     <span class="d-none d-md-inline-flex">{{ textRemove }}</span>
                 </button>
             </div>
             <div class="input-group-append" *ngIf="!disableUpload">
                 <button class="btn btn-secondary btn-action" type="button" title="Upload selected files" (click)="onUpload()" *ngIf="isNotNullOrEmpty()">
-                    <i class="fa fa-cloud-upload" aria-hidden="true"></i>  
+                    <i class="fas fa-cloud-upload-alt" aria-hidden="true"></i>  
                     <span class="d-none d-md-inline-flex">{{ textUpload }}</span>
                 </button>
             </div>
             <div class="input-group-append">
                 <div class="btn btn-primary btn-file" [ngClass]="{'disabled': dropZoneDisabled}">
-                    <i class="fa fa-folder-open-o" aria-hidden="true"></i>
+                    <i class="fas fa-folder-open" aria-hidden="true"></i>
                     <span class="d-none d-md-inline-flex">{{ textBrowse }}</span>
                     <input id="{{ inputId }}" class="file" name="input-file-name" type="file" 
                         accept="{{ inputAccept }}" 
diff --git a/src/index.html b/src/index.html
@@ -7,6 +7,7 @@
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
 </head>
 <body>
   <demo></demo>
