From 5a63a8ce6150af3cdd5de8b189776b606a85c65c Mon Sep 17 00:00:00 2001
From: tanshu <github@tanshu.com>
Date: Sat, 9 Jun 2018 17:34:57 +0530
Subject: [PATCH] Attach Files is now an image placeholder and the actual
 control is hidden.

---
 overlord/src/app/journal/journal.component.html          | 9 ++++++++-
 overlord/src/app/payment/payment.component.html          | 9 ++++++++-
 .../app/purchase-return/purchase-return.component.html   | 9 ++++++++-
 overlord/src/app/purchase/purchase.component.html        | 9 ++++++++-
 overlord/src/app/receipt/receipt.component.html          | 9 ++++++++-
 5 files changed, 40 insertions(+), 5 deletions(-)

diff --git a/overlord/src/app/journal/journal.component.html b/overlord/src/app/journal/journal.component.html
index 31149824..c1c7853b 100644
--- a/overlord/src/app/journal/journal.component.html
+++ b/overlord/src/app/journal/journal.component.html
@@ -87,8 +87,15 @@
             <mat-icon>delete</mat-icon>
           </button>
         </div>
+        <div class="img-container" fxFlex="20%">
+          <label ng-href for="fileUp">
+            <img
+              src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTUwIj48cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjE1MCIgZmlsbD0iI2VlZSIvPjx0ZXh0IHRleHQtYW5jaG9yPSJtaWRkbGUiIHg9IjUwIiB5PSI3NSIgc3R5bGU9ImZpbGw6I2FhYTtmb250LXdlaWdodDpib2xkO2ZvbnQtc2l6ZToxMDBweDtmb250LWZhbWlseTpBcmlhbCxIZWx2ZXRpY2Esc2Fucy1zZXJpZjtkb21pbmFudC1iYXNlbGluZTpjZW50cmFsIj4rPC90ZXh0Pjwvc3ZnPg==">
+          </label>
+          <input type="file" id="fileUp" multiple accept="image/*" style="display: none;"
+                 (change)="detectFiles($event)">
+        </div>
       </div>
-      <input type="file" multiple accept="image/*" (change)="detectFiles($event)">
     </form>
   </mat-card-content>
   <mat-card-actions>
diff --git a/overlord/src/app/payment/payment.component.html b/overlord/src/app/payment/payment.component.html
index 47fdb29b..f048884b 100644
--- a/overlord/src/app/payment/payment.component.html
+++ b/overlord/src/app/payment/payment.component.html
@@ -89,8 +89,15 @@
             <mat-icon>delete</mat-icon>
           </button>
         </div>
+        <div class="img-container" fxFlex="20%">
+          <label ng-href for="fileUp">
+            <img
+              src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTUwIj48cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjE1MCIgZmlsbD0iI2VlZSIvPjx0ZXh0IHRleHQtYW5jaG9yPSJtaWRkbGUiIHg9IjUwIiB5PSI3NSIgc3R5bGU9ImZpbGw6I2FhYTtmb250LXdlaWdodDpib2xkO2ZvbnQtc2l6ZToxMDBweDtmb250LWZhbWlseTpBcmlhbCxIZWx2ZXRpY2Esc2Fucy1zZXJpZjtkb21pbmFudC1iYXNlbGluZTpjZW50cmFsIj4rPC90ZXh0Pjwvc3ZnPg==">
+          </label>
+          <input type="file" id="fileUp" multiple accept="image/*" style="display: none;"
+                 (change)="detectFiles($event)">
+        </div>
       </div>
-      <input type="file" multiple accept="image/*" (change)="detectFiles($event)">
     </form>
   </mat-card-content>
   <mat-card-actions>
diff --git a/overlord/src/app/purchase-return/purchase-return.component.html b/overlord/src/app/purchase-return/purchase-return.component.html
index 10a725f3..0f44518f 100644
--- a/overlord/src/app/purchase-return/purchase-return.component.html
+++ b/overlord/src/app/purchase-return/purchase-return.component.html
@@ -113,8 +113,15 @@
             <mat-icon>delete</mat-icon>
           </button>
         </div>
+        <div class="img-container" fxFlex="20%">
+          <label ng-href for="fileUp">
+            <img
+              src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTUwIj48cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjE1MCIgZmlsbD0iI2VlZSIvPjx0ZXh0IHRleHQtYW5jaG9yPSJtaWRkbGUiIHg9IjUwIiB5PSI3NSIgc3R5bGU9ImZpbGw6I2FhYTtmb250LXdlaWdodDpib2xkO2ZvbnQtc2l6ZToxMDBweDtmb250LWZhbWlseTpBcmlhbCxIZWx2ZXRpY2Esc2Fucy1zZXJpZjtkb21pbmFudC1iYXNlbGluZTpjZW50cmFsIj4rPC90ZXh0Pjwvc3ZnPg==">
+          </label>
+          <input type="file" id="fileUp" multiple accept="image/*" style="display: none;"
+                 (change)="detectFiles($event)">
+        </div>
       </div>
-      <input type="file" multiple accept="image/*" (change)="detectFiles($event)">
     </form>
   </mat-card-content>
   <mat-card-actions>
diff --git a/overlord/src/app/purchase/purchase.component.html b/overlord/src/app/purchase/purchase.component.html
index b51e78d5..2b967320 100644
--- a/overlord/src/app/purchase/purchase.component.html
+++ b/overlord/src/app/purchase/purchase.component.html
@@ -125,8 +125,15 @@
             <mat-icon>delete</mat-icon>
           </button>
         </div>
+        <div class="img-container" fxFlex="20%">
+          <label ng-href for="fileUp">
+            <img
+              src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTUwIj48cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjE1MCIgZmlsbD0iI2VlZSIvPjx0ZXh0IHRleHQtYW5jaG9yPSJtaWRkbGUiIHg9IjUwIiB5PSI3NSIgc3R5bGU9ImZpbGw6I2FhYTtmb250LXdlaWdodDpib2xkO2ZvbnQtc2l6ZToxMDBweDtmb250LWZhbWlseTpBcmlhbCxIZWx2ZXRpY2Esc2Fucy1zZXJpZjtkb21pbmFudC1iYXNlbGluZTpjZW50cmFsIj4rPC90ZXh0Pjwvc3ZnPg==">
+          </label>
+          <input type="file" id="fileUp" multiple accept="image/*" style="display: none;"
+                 (change)="detectFiles($event)">
+        </div>
       </div>
-      <input type="file" multiple accept="image/*" (change)="detectFiles($event)">
     </form>
   </mat-card-content>
   <mat-card-actions>
diff --git a/overlord/src/app/receipt/receipt.component.html b/overlord/src/app/receipt/receipt.component.html
index c71115e4..081fa75e 100644
--- a/overlord/src/app/receipt/receipt.component.html
+++ b/overlord/src/app/receipt/receipt.component.html
@@ -89,8 +89,15 @@
             <mat-icon>delete</mat-icon>
           </button>
         </div>
+        <div class="img-container" fxFlex="20%">
+          <label ng-href for="fileUp">
+            <img
+              src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTUwIj48cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjE1MCIgZmlsbD0iI2VlZSIvPjx0ZXh0IHRleHQtYW5jaG9yPSJtaWRkbGUiIHg9IjUwIiB5PSI3NSIgc3R5bGU9ImZpbGw6I2FhYTtmb250LXdlaWdodDpib2xkO2ZvbnQtc2l6ZToxMDBweDtmb250LWZhbWlseTpBcmlhbCxIZWx2ZXRpY2Esc2Fucy1zZXJpZjtkb21pbmFudC1iYXNlbGluZTpjZW50cmFsIj4rPC90ZXh0Pjwvc3ZnPg==">
+          </label>
+          <input type="file" id="fileUp" multiple accept="image/*" style="display: none;"
+                 (change)="detectFiles($event)">
+        </div>
       </div>
-      <input type="file" multiple accept="image/*" (change)="detectFiles($event)">
     </form>
   </mat-card-content>
   <mat-card-actions>