From 312cc3a14c64c14e1d26c1092611924e4b34f474 Mon Sep 17 00:00:00 2001
From: HenriT <henri.toivar@gmail.com>
Date: Sat, 27 Feb 2021 00:59:47 +0200
Subject: [PATCH] Either choose logo from disk or from web.

---
 src/components/form/AppFileInput.vue    |  2 +-
 src/components/invoices/InvoiceForm.vue | 20 +++++++++++---------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/components/form/AppFileInput.vue b/src/components/form/AppFileInput.vue
index 9b50b35..1b6673b 100644
--- a/src/components/form/AppFileInput.vue
+++ b/src/components/form/AppFileInput.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <label :for="inputRef" class="btn btn-sm btn-link pointer mb-0">
+        <label :for="inputRef" class="btn btn-secondary pointer mb-0">
             <i class="material-icons md-18 mr-2 va-tt">cloud_upload</i>{{ buttonText }}
         </label>
         <input v-if="ready" class="d-none" :accept="accept" type="file" :id="inputRef" :ref="inputRef"
diff --git a/src/components/invoices/InvoiceForm.vue b/src/components/invoices/InvoiceForm.vue
index b73bc59..e5b3126 100644
--- a/src/components/invoices/InvoiceForm.vue
+++ b/src/components/invoices/InvoiceForm.vue
@@ -6,13 +6,9 @@
                     <img v-if="team.logo_url"
                          v-b-modal.team_logo_url
                          :src="team.logo_url" style="width:100%; max-width:200px;">
-                    <AppFileInput :class="{'text-muted': !!team.logo_url }"
-                                  accept="image/*"
-                                  class="d-print-none" @selected="logoSelected"
-                                  button-text="Select logo" output-type="base64"/>
-                    <!--<button class="btn btn-sm" v-b-modal.team_logo_url v-else>
+                    <button class="btn btn-sm" v-b-modal.team_logo_url v-else>
                         <i class="material-icons material-icons-round md-36">file_upload</i>
-                    </button>-->
+                    </button>
                     <AppError :errors="errors" field="logo_url"/>
                 </div>
                 <InvoiceHeader :invoice="invoice" :errors="errors" @update="updateProp"
@@ -66,13 +62,19 @@
         </div>
         <BModal id="team_logo_url"
                 centered
-                title="Insert logo url"
+                title="Choose logo"
                 hide-footer
                 size="sm"
-                content-class="bg-base dp--24">
+                content-class="bg-base dp--24 text-center">
+            <AppFileInput :class="{'text-muted': !!team.logo_url }"
+                          accept="image/*"
+                          class="d-print-none mb-4" @selected="logoSelected"
+                          button-text="Select from files" output-type="base64"/>
+            or
             <AppInput :value="team.logo_url"
+                      class="mt-4"
                       @change="updateTeam({ logo_url: $event })"
-                      label="Logo url"
+                      label="Insert web url"
                       field="logo_url"
                       :errors="errors"
                       type="url"/>