From 97f8f467d833ea9108f8a8f417a58ff9864914f5 Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Thu, 9 Jun 2016 18:35:32 +0200
Subject: [PATCH] Added basic support for code bbcode (WIP!)

---
 com.woltlab.wcf/templates/wysiwyg.tpl         |  2 ++
 .../3rdParty/redactor2/plugins/WoltLabCode.js | 28 +++++++++++++++++++
 wcfsetup/install/files/style/bbcode/code.scss | 20 +++++++++++++
 3 files changed, 50 insertions(+)
 create mode 100644 wcfsetup/install/files/js/3rdParty/redactor2/plugins/WoltLabCode.js
 create mode 100644 wcfsetup/install/files/style/bbcode/code.scss

diff --git a/com.woltlab.wcf/templates/wysiwyg.tpl b/com.woltlab.wcf/templates/wysiwyg.tpl
index 919ccdb602..52bc64755c 100644
--- a/com.woltlab.wcf/templates/wysiwyg.tpl
+++ b/com.woltlab.wcf/templates/wysiwyg.tpl
@@ -20,6 +20,7 @@
 			{* WoltLab *}
 			'{@$__wcf->getPath()}js/3rdParty/redactor2/plugins/WoltLabAttachment.js?v={@LAST_UPDATE_TIME}',
 			'{@$__wcf->getPath()}js/3rdParty/redactor2/plugins/WoltLabButton.js?v={@LAST_UPDATE_TIME}',
+			'{@$__wcf->getPath()}js/3rdParty/redactor2/plugins/WoltLabCode.js?v={@LAST_UPDATE_TIME}',
 			'{@$__wcf->getPath()}js/3rdParty/redactor2/plugins/WoltLabColor.js?v={@LAST_UPDATE_TIME}',
 			'{@$__wcf->getPath()}js/3rdParty/redactor2/plugins/WoltLabDropdown.js?v={@LAST_UPDATE_TIME}',
 			'{@$__wcf->getPath()}js/3rdParty/redactor2/plugins/WoltLabEvent.js?v={@LAST_UPDATE_TIME}',
@@ -73,6 +74,7 @@
 					'source',
 					'table',
 					'WoltLabAttachment',
+					'WoltLabCode',
 					'WoltLabColor',
 					'WoltLabDropdown',
 					'WoltLabEvent',
diff --git a/wcfsetup/install/files/js/3rdParty/redactor2/plugins/WoltLabCode.js b/wcfsetup/install/files/js/3rdParty/redactor2/plugins/WoltLabCode.js
new file mode 100644
index 0000000000..a39af3d664
--- /dev/null
+++ b/wcfsetup/install/files/js/3rdParty/redactor2/plugins/WoltLabCode.js
@@ -0,0 +1,28 @@
+$.Redactor.prototype.WoltLabCode = function() {
+	"use strict";
+	
+	return {
+		init: function() {
+			this.opts.activeButtonsStates.pre = 'code';
+			
+			require(['EventHandler'], (function (EventHandler) {
+				EventHandler.add('com.woltlab.wcf.redactor2', 'bbcode_code_' + this.$element[0].id, (function(data) {
+					data.cancel = true;
+					
+					this.button.toggle({}, 'pre', 'func', 'block.format');
+					
+					var pre = this.selection.block();
+					if (pre && pre.nodeName === 'PRE') {
+						if (pre.textContent === '') {
+							pre.textContent = '\u200B';
+						}
+						
+						if (elData(pre, 'display-value') === '') {
+							elData(pre, 'display-value', 'TODO: source code');
+						}
+					}
+				}).bind(this));
+			}).bind(this));
+		}
+	};
+};
diff --git a/wcfsetup/install/files/style/bbcode/code.scss b/wcfsetup/install/files/style/bbcode/code.scss
new file mode 100644
index 0000000000..92e47e73a0
--- /dev/null
+++ b/wcfsetup/install/files/style/bbcode/code.scss
@@ -0,0 +1,20 @@
+.redactor-editor pre {
+	background-color: rgb(255, 255, 255) !important;
+	border: 1px solid rgb(196, 196, 196) !important;
+	border-radius: 2px;
+	color: rgb(68, 68, 68) !important;
+	font-family: Consolas, 'Courier New', monospace;
+	margin: 1em 0;
+	padding: 10px 20px;
+	position: relative;
+	white-space: pre;
+	
+	&::before {
+		content: attr(data-display-value);
+		display: block;
+		font-family: $wcfFontFamily;
+		margin-bottom: 20px;
+		
+		@include wcfFontHeadline;
+	}
+}
-- 
2.20.1