FileUpload-Preview: v-img austauschen
Die Bildvorschau in der Fileupload-Komponente soll von v-img (siehe 1.) auf backgroundImage(ähnliche Verwendung siehe 2.) ausgewechselt werden.
- @FileUpload.vue: statt
<v-img
v-bind:lazy-src="GetImageUrl(image)"
v-bind:src="GetImageUrl(image)">
</v-img>
2.siehe NewsTile.vue
v-bind:style="{
backgroundImage: 'url(' + getTitleImageUrl(newsItem.titleImageUrl, titleImageQuality) + ')',
width: '100%',
paddingTop: '56.75%',
height: 'auto',
backgroundSize: 'contain',
backgroundRepeat: 'no-repeat',
backgroundPosition: 'center, center',
position: 'relative'
}"/>
AK
-
Die Fileupload-Komp. verwendet kein v-img sondern backGroundImage -
Die Bildvorschau der Fileupload-Komp. funktioniert (Bilder (eins oder mehrere) werden als Vorschau angezeigt) -
Nach "speichern" wird das Bild als Titelbild (News) übernommen und persistiert -
Nach "speichern" werden die Bilder als Links dargestellt (unterer Bereich News erstellen/editeren und untere Bereich Materialien erstellen/editieren) und können verwendet werden (copy via click) -
Die Funktion/Prop der Fileupload-Komp. das Bild nach Original/medium/small zu erhalten soll weiterhin existieren -
Nach den letzten Commit die Funktionen in der UI durchtesten (auch auf Dev-Tool -> Fehlermeldungen in der Console achten)
Review
-
Die Fileupload-Komp. verwendet kein v-img
sondernbackGroundImage
-
Die Bildvorschau der Fileupload-Komp. funktioniert (Bilder (eins oder mehrere) werden als Vorschau angezeigt) -
Nach "speichern" wird das Bild als Titelbild (News) übernommen und persistiert -
Nach "speichern" werden die Bilder als Links dargestellt (unterer Bereich News erstellen/editeren und untere Bereich Materialien erstellen/editieren) und können verwendet werden (copy via click) -
Die Funktion/Prop der Fileupload-Komp. das Bild nach Original/medium/small zu erhalten soll weiterhin existieren -
Nach den letzten Commit die Funktionen in der UI durchtesten (auch auf Dev-Tool -> Fehlermeldungen in der Console achten)
Edited by Michael Voigt