From: Alexander Ebert <ebert@woltlab.com>
Date: Sat, 23 Mar 2019 18:14:03 +0000 (+0100)
Subject: Generic components for cover photo uploads
X-Git-Tag: 5.2.0_Alpha_1~181^2~2
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=702589e4f8e7551fc516c274e972682ecf8df443;p=GitHub%2FWoltLab%2FWCF.git

Generic components for cover photo uploads
---

diff --git a/wcfsetup/install/files/style/ui/contentItem.scss b/wcfsetup/install/files/style/ui/contentItem.scss
index ada677ecd7..505398fd60 100644
--- a/wcfsetup/install/files/style/ui/contentItem.scss
+++ b/wcfsetup/install/files/style/ui/contentItem.scss
@@ -176,6 +176,29 @@
 	}
 }
 
+.contentItemImagePreview {
+	border-radius: 3px;
+	box-shadow: 0 0 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
+	margin-bottom: 10px;
+	max-width: 100%;
+}
+
+.contentItemImagePreviewButtons {
+	display: flex;
+	flex-wrap: wrap;
+	margin-left: -10px;
+	
+	> .button {
+		flex: 0 auto;
+		margin-left: 10px;
+	}
+	
+	> .innerError {
+		flex: 0 0 100%;
+		margin-left: 10px;
+	}
+}
+
 @include screen-lg {
 	/* There are no sidebars, use a three column layout. */
 	.content:first-child:last-child {
diff --git a/wcfsetup/install/lang/de.xml b/wcfsetup/install/lang/de.xml
index 0bb6802a39..4bbc52ec30 100644
--- a/wcfsetup/install/lang/de.xml
+++ b/wcfsetup/install/lang/de.xml
@@ -3869,6 +3869,23 @@ Dateianhänge:
 		<item name="wcf.form.field.className.description.parentClass"><![CDATA[Die angegebene Klasse (ohne führenden Backslash) muss von der Klasse <kbd>{$parentClass}</kbd> erben.]]></item>
 		<item name="wcf.form.fieldValidator.dotSeparatedString.error.invalidSegments"><![CDATA[Die folgenden Abschnitte sind ungültig: {implode from=$invalidSegments key=segmentNumber item=segment}{if $segment !== ''}<kbd>{$segment}</kbd>{else}(empty){/if} (segment {#$segmentNumber + 1}){/implode}.]]></item>
 	</category>
+	<category name="wcf.image">
+		<item name="wcf.image.coverPhoto"><![CDATA[Titelbild]]></item>
+		<item name="wcf.image.coverPhoto.delete"><![CDATA[Titelbild löschen]]></item>
+		<item name="wcf.image.coverPhoto.delete.confirmMessage"><![CDATA[{if LANGUAGE_USE_INFORMAL_VARIANT}Willst du{else}Wollen Sie{/if} das Titelbild wirklich löschen? Nach dem Löschen wird wieder das Standard-Bild angezeigt.]]></item>
+		<item name="wcf.image.coverPhoto.edit"><![CDATA[Titelbild bearbeiten]]></item>
+		<item name="wcf.image.coverPhoto.upload"><![CDATA[Titelbild hochladen]]></item>
+		<item name="wcf.image.coverPhoto.upload.error.badImage"><![CDATA[{if LANGUAGE_USE_INFORMAL_VARIANT}Du hast{else}Sie haben{/if} kein gültiges Bild hochgeladen.]]></item>
+		<item name="wcf.image.coverPhoto.upload.error.fileExtension"><![CDATA[Die Datei hat eine ungültige Dateiendung.]]></item>
+		<item name="wcf.image.coverPhoto.upload.error.maxHeight"><![CDATA[Das Bild ist zu hoch.]]></item>
+		<item name="wcf.image.coverPhoto.upload.error.maxSize"><![CDATA[Die Datei ist zu groß.]]></item>
+		<item name="wcf.image.coverPhoto.upload.error.maxWidth"><![CDATA[Das Bild ist zu breit.]]></item>
+		<item name="wcf.image.coverPhoto.upload.error.minHeight"><![CDATA[Das Bild ist zu niedrig.]]></item>
+		<item name="wcf.image.coverPhoto.upload.error.minWidth"><![CDATA[Das Bild ist zu schmal.]]></item>
+		<item name="wcf.image.coverPhoto.upload.error.uploadFailed"><![CDATA[Beim Hochladen der Datei ist ein unbekannter Fehler aufgetreten.]]></item>
+		<item name="wcf.image.coverPhoto.upload.error.invalidExtension"><![CDATA[Die Datei hat eine ungültige Dateiendung.]]></item>
+		<item name="wcf.image.coverPhoto.upload.limits"><![CDATA[Minimale Bildgröße: {$coverPhotoDimensions.min.width}×{$coverPhotoDimensions.min.height} Pixel<br>Maximale Bildgröße: {$coverPhotoDimensions.max.width}×{$coverPhotoDimensions.max.height} Pixel<br>Erlaubte Dateiendungen: gif, jpg, jpeg, png<br>Maximale Dateigröße: {$__wcf->session->getPermission($coverPhotoPermissionMaxSize)|filesize}]]></item>
+	</category>
 	<category name="wcf.imageViewer">
 		<item name="wcf.imageViewer.button.enlarge"><![CDATA[Vollbild-Modus]]></item>
 		<item name="wcf.imageViewer.button.full"><![CDATA[Originalversion aufrufen]]></item>
diff --git a/wcfsetup/install/lang/en.xml b/wcfsetup/install/lang/en.xml
index 546b437e1a..83f1170937 100644
--- a/wcfsetup/install/lang/en.xml
+++ b/wcfsetup/install/lang/en.xml
@@ -3815,6 +3815,23 @@ Attachments:
 		<item name="wcf.form.fieldValidator.dotSeparatedString.error.invalidSegments"><![CDATA[The following segments are invalid: {implode from=$invalidSegments key=segmentNumber item=segment}{if $segment !== ''}<kbd>{$segment}</kbd>{else}(empty){/if} (segment {#$segmentNumber + 1}){/implode}.]]></item>
 		<item name="wcf.form.field.url.error.invalid"><![CDATA[The entered link is invalid.]]></item>
 	</category>
+	<category name="wcf.image">
+		<item name="wcf.image.coverPhoto"><![CDATA[Cover Photo]]></item>
+		<item name="wcf.image.coverPhoto.delete"><![CDATA[Delete Cover Photo]]></item>
+		<item name="wcf.image.coverPhoto.delete.confirmMessage"><![CDATA[Do you really want to delete this cover photo? This will replace the current photo with the default image.]]></item>
+		<item name="wcf.image.coverPhoto.edit"><![CDATA[Edit Cover Photo]]></item>
+		<item name="wcf.image.coverPhoto.upload"><![CDATA[Upload Cover Photo]]></item>
+		<item name="wcf.image.coverPhoto.upload.error.badImage"><![CDATA[The uploaded file is not an image.]]></item>
+		<item name="wcf.image.coverPhoto.upload.error.fileExtension"><![CDATA[The file has an invalid extension.]]></item>
+		<item name="wcf.image.coverPhoto.upload.error.maxHeight"><![CDATA[The image is too tall.]]></item>
+		<item name="wcf.image.coverPhoto.upload.error.maxSize"><![CDATA[The file is too big.]]></item>
+		<item name="wcf.image.coverPhoto.upload.error.maxWidth"><![CDATA[The image is too wide.]]></item>
+		<item name="wcf.image.coverPhoto.upload.error.minHeight"><![CDATA[The image is too small.]]></item>
+		<item name="wcf.image.coverPhoto.upload.error.minWidth"><![CDATA[The image is too small.]]></item>
+		<item name="wcf.image.coverPhoto.upload.error.uploadFailed"><![CDATA[An unknown error occurred during the upload.]]></item>
+		<item name="wcf.image.coverPhoto.upload.error.invalidExtension"><![CDATA[The file extension is invalid.]]></item>
+		<item name="wcf.image.coverPhoto.upload.limits"><![CDATA[Minimum Image Size: {$coverPhotoDimensions.min.width}×{$coverPhotoDimensions.min.height} pixels<br>Maximum Image Size: {$coverPhotoDimensions.max.width}×{$coverPhotoDimensions.max.height} pixels<br>Allowed File Extensions: gif, jpg, jpeg, png<br>Maximum Filesize: {$__wcf->session->getPermission($coverPhotoPermissionMaxSize)|filesize}]]></item>
+	</category>
 	<category name="wcf.imageViewer">
 		<item name="wcf.imageViewer.button.enlarge"><![CDATA[Full Screen Mode]]></item>
 		<item name="wcf.imageViewer.button.full"><![CDATA[View Source Image]]></item>