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 ada677ecd708e6e623e144ac8c880f025c94e7ac..505398fd60f7f96c92f5dc07ec3ef7841a9ffc79 100644 (file)
--- 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 0bb6802a3930cee0f9e7928c5c50df0a5635af43..4bbc52ec30e68bd1f88ccbed8a2db57c783771b9 100644 (file)
--- 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 546b437e1a0cc0f94b882700a19890c805348a2c..83f11709373ea0cbb134c67a5d1470a136fd2db6 100644 (file)
--- 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>