TheCloneArmy/serverless-invoices
1
0
Fork 0
mirror of https://github.com/mokuappio/serverless-invoices.git synced 2025-10-27 16:01:07 -04:00
Code Issues Packages Projects Releases Wiki Activity

Either choose logo from disk or from web.

Browse Source
This commit is contained in:
HenriT
2021-02-27 00:59:47 +02:00
parent b1f68d5749
commit 312cc3a14c
2 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/form/AppFileInput.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div> <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 }} <i class="material-icons md-18 mr-2 va-tt">cloud_upload</i>{{ buttonText }}
</label> </label>
<input v-if="ready" class="d-none" :accept="accept" type="file" :id="inputRef" :ref="inputRef" <input v-if="ready" class="d-none" :accept="accept" type="file" :id="inputRef" :ref="inputRef"

20
src/components/invoices/InvoiceForm.vue
View File

@ -6,13 +6,9 @@
<img v-if="team.logo_url" <img v-if="team.logo_url"
v-b-modal.team_logo_url v-b-modal.team_logo_url
:src="team.logo_url" style="width:100%; max-width:200px;"> :src="team.logo_url" style="width:100%; max-width:200px;">
<AppFileInput :class="{'text-muted': !!team.logo_url }" <button class="btn btn-sm" v-b-modal.team_logo_url v-else>
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>
<i class="material-icons material-icons-round md-36">file_upload</i> <i class="material-icons material-icons-round md-36">file_upload</i>
</button>--> </button>
<AppError :errors="errors" field="logo_url"/> <AppError :errors="errors" field="logo_url"/>
</div> </div>
<InvoiceHeader :invoice="invoice" :errors="errors" @update="updateProp" <InvoiceHeader :invoice="invoice" :errors="errors" @update="updateProp"
@ -66,13 +62,19 @@
</div> </div>
<BModal id="team_logo_url" <BModal id="team_logo_url"
centered centered
title="Insert logo url" title="Choose logo"
hide-footer hide-footer
size="sm" 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" <AppInput :value="team.logo_url"
class="mt-4"
@change="updateTeam({ logo_url: $event })" @change="updateTeam({ logo_url: $event })"
label="Logo url" label="Insert web url"
field="logo_url" field="logo_url"
:errors="errors" :errors="errors"
type="url"/> type="url"/>