Media overhaul / modernization

com.woltlab.wcf/acpTemplateDelete.xml

@@ -164,5 +164,8 @@
 		<template>userAssignToGroup</template>
 		<template>userEmailAddressExport</template>
 		<template>devtoolsNotificationTestDialog</template>
+		<template>mediaEditor</template>
+		<template>mediaListItems</template>
+		<template>mediaJavaScript</template>
 	</delete>
 </data>

com.woltlab.wcf/bbcode.xml

@@ -202,6 +202,16 @@
 				</attribute>
 			</attributes>
 		</bbcode>
+		<bbcode name="wsmg">
+			<classname>wcf\system\bbcode\WoltLabSuiteMediaGalleryBBCode</classname>
+			<isBlockElement>1</isBlockElement>
+			<attributes>
+				<attribute name="0">
+					<validationpattern><![CDATA[^\d+(,\d+)*$]]></validationpattern>
+					<required>1</required>
+				</attribute>
+			</attributes>
+		</bbcode>
 		<bbcode name="wsp">
 			<classname>wcf\system\bbcode\WoltLabSuitePageBBCode</classname>
 			<attributes>

com.woltlab.wcf/clipboardAction.xml

@@ -1,35 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <data xmlns="http://www.woltlab.com" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.woltlab.com http://www.woltlab.com/XSD/6.0/clipboardAction.xsd">
-	<import>
+	<delete>
 		<!-- com.woltlab.wcf.media -->
 		<action name="insert">
 			<actionclassname>wcf\system\clipboard\action\MediaClipboardAction</actionclassname>
-			<showorder>1</showorder>
-			<pages>
-				<page>menuManagerDialog-editor</page>
-			</pages>
 		</action>
 		<action name="delete">
 			<actionclassname>wcf\system\clipboard\action\MediaClipboardAction</actionclassname>
-			<showorder>2</showorder>
-			<pages>
-				<page>wcf\acp\page\MediaListPage</page>
-				<page>menuManagerDialog-editor</page>
-				<page>menuManagerDialog-select</page>
-			</pages>
 		</action>
 		<action name="setCategory">
 			<actionclassname>wcf\system\clipboard\action\MediaClipboardAction</actionclassname>
-			<showorder>3</showorder>
-			<pages>
-				<page>wcf\acp\page\MediaListPage</page>
-				<page>menuManagerDialog-editor</page>
-				<page>menuManagerDialog-select</page>
-			</pages>
 		</action>
 		<!-- /com.woltlab.wcf.media -->
-	</import>
-	<delete>
 		<!-- com.woltlab.wcf.user -->
 		<action name="assignToGroup">
 			<actionclassname>wcf\system\clipboard\action\UserClipboardAction</actionclassname>

com.woltlab.wcf/fileDelete.xml

@@ -26,6 +26,17 @@
 		<file>js/WoltLabSuite/Core/Acp/Ui/User/Content/Remove/Handler.js</file>
 		<file>js/WoltLabSuite/Core/Ui/User/Editor.js</file>
 		<file>js/WoltLabSuite/Core/Ui/User/Trophy/List.js</file>
+		<file>js/WoltLabSuite/Core/Controller/Media/List.js</file>
+		<file>js/WoltLabSuite/Core/Media/List/Upload.js</file>
+		<file>js/WoltLabSuite/Core/Media/Clipboard.js</file>
+		<file>js/WoltLabSuite/Core/Media/Editor.js</file>
+		<file>js/WoltLabSuite/Core/Media/Manager/Base.js</file>
+		<file>js/WoltLabSuite/Core/Media/Manager/Search.js</file>
+		<file>js/WoltLabSuite/Core/Media/Replace.js</file>
+		<file>js/WoltLabSuite/Core/Media/Upload.js</file>
+		<file>lib/system/clipboard/action/MediaClipboardAction.class.php</file>
+		<file>lib/system/upload/MediaReplaceUploadFileValidationStrategy.class.php</file>
+		<file>lib/system/upload/MediaUploadFileValidationStrategy.class.php</file>
 		<file>lib/acp/action/UserQuickSearchAction.class.php</file>
 		<file>lib/acp/form/UserSearchForm.class.php</file>
 		<file>lib/data/user/UserContentAction.class.php</file>

com.woltlab.wcf/objectType.xml

@@ -1,13 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <data xmlns="http://www.woltlab.com" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.woltlab.com http://www.woltlab.com/XSD/6.0/objectType.xsd">
 	<import>
-		<!-- clipboard items -->
-		<type>
-			<name>com.woltlab.wcf.media</name>
-			<definitionname>com.woltlab.wcf.clipboardItem</definitionname>
-			<listclassname>wcf\data\media\ViewableMediaList</listclassname>
-		</type>
-		<!-- /clipboard items -->
 		<!-- articles -->
 		<type>
 			<name>com.woltlab.wcf.article.category</name>
@@ -1176,8 +1169,16 @@
 			<definitionname>com.woltlab.wcf.file</definitionname>
 			<classname>wcf\system\file\processor\TrophyImageFileProcessor</classname>
 		</type>
+		<type>
+			<name>com.woltlab.wcf.media</name>
+			<definitionname>com.woltlab.wcf.file</definitionname>
+			<classname>wcf\system\file\processor\MediaFileProcessor</classname>
+		</type>
 	</import>
 	<delete>
+		<type name="com.woltlab.wcf.media">
+			<definitionname>com.woltlab.wcf.clipboardItem</definitionname>
+		</type>
 		<!-- sitemap objects are registered through `wcf\event\sitemap\SitemapObjectCollecting` since 6.3 -->
 		<type name="com.woltlab.wcf.sitemap.object.user">
 			<definitionname>com.woltlab.wcf.sitemap.object</definitionname>

com.woltlab.wcf/package.xml

@@ -93,6 +93,7 @@
 	<instruction type="script" run="standalone">acp/update_com.woltlab.wcf_6.3_userOptionCategoryL10n.php</instruction>
 	<instruction type="script" run="standalone">acp/update_com.woltlab.wcf_6.3_captchaQuestionL10n.php</instruction>
 	<instruction type="script" run="standalone">acp/update_com.woltlab.wcf_6.3_userOptionConfiguration.php</instruction>
+	<instruction type="script" run="standalone">acp/update_com.woltlab.wcf_6.3_mediaL10n.php</instruction>
 	<instruction type="database" run="standalone">acp/database/update_com.woltlab.wcf_6.3_step3.php</instruction>
 
 	The following step requires the new files and must run before the `cronjob` PIP, which precedes the `objectType` PIP:

com.woltlab.wcf/templateDelete.xml

@@ -130,5 +130,10 @@
 		<template>messageUserOptionOutput</template>
 		<template>shared_userOptionsCondition</template>
 		<template>groupedUserTrophyList</template>
+		<template>mediaEditor</template>
+		<template>mediaListItems</template>
+		<template>shared_mediaManager</template>
+		<template>shared_mediaSetCategoryDialog</template>
+		<template>mediaJavaScript</template>
 	</delete>
 </data>

com.woltlab.wcf/templates/shared_aclSimple.tpl

@@ -85,6 +85,6 @@
 		{jsphrase name='wcf.acl.access.granted'}
 		{jsphrase name='wcf.acl.access.denied'}
 
-		new UiAclSimple('{$__aclSimplePrefix}', '{unsafe:$__aclInputName|encodeJS}');
+		new UiAclSimple('{unsafe:$__aclSimplePrefix|encodeJS}', '{unsafe:$__aclInputName|encodeJS}');
 	});
 </script>

com.woltlab.wcf/templates/shared_bbcode_wsmg.tpl

@@ -0,0 +1,35 @@
+<div class="mediaGallery">
+	<div class="mediaGallery__track" tabindex="0" role="region" aria-label="{lang}wcf.media.gallery{/lang}">
+		{foreach from=$mediaList item=media}
+			<figure class="mediaGallery__slide">
+				{if !$removeLinks}
+					<a href="{$media->getFullSizeImageSource()}" class="mediaGallery__link" data-caption="{$media->title}" data-type="image" data-fancybox="message-{$activeMessageObjectType}-{$activeMessageID}">
+				{/if}
+						<img src="{$media->getThumbnailLink('large')}" alt="{$media->altText}" title="{$media->title}" width="{$media->getThumbnailWidth('large')}" height="{$media->getThumbnailHeight('large')}" loading="lazy">
+				{if !$removeLinks}
+					</a>
+				{/if}
+
+				{if $media->caption}
+					<figcaption class="mediaGallery__caption">
+						{if $media->captionEnableHtml}
+							{unsafe:$media->caption}
+						{else}
+							{$media->caption}
+						{/if}
+					</figcaption>
+				{/if}
+			</figure>
+		{/foreach}
+	</div>
+
+	<div class="mediaGallery__controls" hidden>
+		<button type="button" class="mediaGallery__button mediaGallery__button--previous jsTooltip" title="{lang}wcf.media.gallery.previous{/lang}">
+			{icon name='chevron-left'}
+		</button>
+		<span class="mediaGallery__counter" aria-live="polite"></span>
+		<button type="button" class="mediaGallery__button mediaGallery__button--next jsTooltip" title="{lang}wcf.media.gallery.next{/lang}">
+			{icon name='chevron-right'}
+		</button>
+	</div>
+</div>