This commit is contained in:
2020-08-08 00:08:10 +00:00
parent d2bf0c9000
commit fd40b893a5
2 changed files with 25 additions and 6 deletions

View File

@@ -3,7 +3,20 @@
PRIORITY - ALWAYS Lowest level stuff first, i.e. TODO at server, api route changes etc then back here in order lowest level first as affects the most stuff exponentially so best to do it early
=-=-=-=-
todo: Logo form
Image should show exacty wysiwyg style so user knows how it will look and right now it doesn't do that:
Image size in v-img is always zoomed too much
https://github.com/vuetifyjs/vuetify/issues/10219
Set max width to actual image width and dimensions?
or ditch v-img and just use img tag instead (it won't fuck with the image size)
translations
clear image (remove it)
refresh image after upload (make source dynamic and append nonsense or toggle url?)
Decide upon reasonable maximum sizes for each
(check RI/WBI etc manual what do they take for limits?)
Can it send a placeholder if empty instead of a 404?
or, with the gray background do I even need a placeholder anymore?
Handle too large at client, don't even send to server
todo: AyaNova customer branding to login form / upload logos etc **UPDATED, SEE CASES, WILL IMPLEMENT MIGHT AS WELL DO IT NOW
- https://rockfish.ayanova.com/default.htm#!/rfcaseEdit/3592

View File

@@ -7,7 +7,10 @@
<v-row>
<gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
<v-col cols="12">
<v-img :src="imageUrl('small')"></v-img>
<img :src="test()" />
</v-col>
<v-col cols="12">
<img :src="imageUrl('small')" />
<v-file-input
v-model="uploadSmall"
accept="image/*"
@@ -18,8 +21,8 @@
$ay.t("Upload")
}}</v-btn>
</v-col>
<v-col cols="12">
<v-img :src="imageUrl('medium')"></v-img>
<v-col cols="12" class="mt-10">
<img class="mt-10 grey lighten-2" :src="imageUrl('medium')" />
<v-file-input
v-model="uploadMedium"
accept="image/*"
@@ -30,8 +33,8 @@
$ay.t("Upload")
}}</v-btn>
</v-col>
<v-col cols="12">
<v-img :src="imageUrl('large')"></v-img>
<v-col cols="12" class="mt-10">
<img class="mt-10 grey lighten-2" :src="imageUrl('large')" />
<v-file-input
v-model="uploadLarge"
accept="image/*"
@@ -96,6 +99,9 @@ export default {
};
},
methods: {
test() {
return "https://www.ayanova.com/images/AyaNovaIcon32.png";
},
imageUrl(size) {
return window.$gz.api.logoUrl(size);
},