Version 2.1.2

styles/CleanSilver/template/event/overall_footer_after.html

@@ -0,0 +1 @@
+{% INCLUDECSS '@dmzx_mchat/mchat_cleansilver.css' %}

styles/CleanSilver/theme/mchat_cleansilver.css

@@ -0,0 +1,26 @@
+/**
+ *
+ * mChat CSS for CleanSilver
+ *
+ * @package phpBB Extension - mChat
+ * @copyright (c) 2017 MannixMD
+ * @copyright (c) 2018 kasimi - https://kasimi.net
+ * @license http://opensource.org/licenses/gpl-license.php GNU Public License
+ *
+ */
+
+.mchat-panel-buttons .icon.fa.fa-smile-o {
+	padding: 3px;
+}
+
+.mchat-wrapper li.header dd {
+	width: 95px;
+}
+
+.mchat-wrapper li.header dd.lastpost {
+	width: 250px;
+}
+
+.mchat-button-is-down {
+	border-style: none;
+}

styles/HexagonReborn/template/event/overall_footer_after.html

@@ -0,0 +1 @@
+{% INCLUDECSS '@dmzx_mchat/mchat_hexagonreborn.css' %}

styles/HexagonReborn/theme/mchat_hexagonreborn.css

@@ -0,0 +1,26 @@
+/**
+ *
+ * mChat CSS for Hexagon Reborn
+ *
+ * @package phpBB Extension - mChat
+ * @copyright (c) 2017 MannixMD
+ * @copyright (c) 2018 kasimi - https://kasimi.net
+ * @license http://opensource.org/licenses/gpl-license.php GNU Public License
+ *
+ */
+
+.mchat-button-down {
+	line-height: 1.6;
+}
+
+.mchat-button-down .icon {
+	padding: 2px;
+}
+
+.mchat-button-is-down {
+	border-style: none;
+}
+
+.mchat-input-control button:hover .icon {
+	color: #de7300;
+}

styles/Project_Durango/template/event/overall_footer_after.html

@@ -0,0 +1 @@
+{% INCLUDECSS '@dmzx_mchat/mchat_projectdurango.css' %}

styles/Project_Durango/theme/mchat_projectdurango.css

@@ -0,0 +1,78 @@
+/**
+ *
+ * mChat CSS for Project Durango
+ *
+ * @package phpBB Extension - mChat
+ * @copyright (c) 2017 MannixMD
+ * @copyright (c) 2018 kasimi - https://kasimi.net
+ * @license http://opensource.org/licenses/gpl-license.php GNU Public License
+ *
+ */
+
+.mchat-panel-buttons .button {
+	border-color: #3a3a3a;
+	background: #3a3a3a;
+}
+
+.mchat-panel-buttons .button:hover {
+	background: #5dc21e;
+	border-color: #5dc21e;
+}
+
+.mchat-panel-button .button .icon {
+	color: #000;
+}
+
+.mchat-panel-buttons .icon {
+	color: #5dc21e;
+}
+
+.mchat-input-control button:hover .icon {
+	color: #5dc21e;
+}
+
+ul#mchat-messages {
+	background: #c2c2c2;
+}
+
+.mchat-messages-top .row {
+	border-bottom-color: #107c10;
+	border-bottom-width: 4px;
+	border-top-width: 0;
+}
+
+.mchat-text {
+	color: #3a3a3a;
+}
+
+ul.mchat-buttons .fa {
+	color: #107c10;
+}
+
+.mchat-wrapper .mchat-buttons li {
+	opacity: .5;
+}
+
+#mchat-main {
+	border-top: 4px solid #107c10;
+}
+
+#mchat-messages li.row:hover {
+	background: #c2c2c2;
+}
+
+.mchat-message-header {
+	color: #3a3a3a;
+}
+
+.mchat-button-add .icon {
+	color: #107c10;
+}
+
+#mchat-confirm textarea {
+	color: #f1f1f1;
+}
+
+#mchat-panel {
+	background-color: #6b6b6b;
+}

styles/all/template/javascript/mchat.js

@@ -335,6 +335,9 @@ jQuery(function($) {
 			mChat.resetSession();
 		},
 		refresh: function(message) {
+			if (mChat.pageIsUnloading) {
+				return $.when();
+			}
 			var isAdd = typeof message !== 'undefined';
 			if (!isAdd) {
 				mChat.sessionLength += mChat.refreshTime;
@@ -348,7 +351,7 @@ jQuery(function($) {
 			}
 			var data = {
 				last: mChat.messageIds.length ? mChat.messageIds.max() : 0,
-				log: mChat.liveUpdates ? mChat.logId : undefined,
+				log: mChat.logId,
 				message: isAdd ? message : undefined
 			};
 			mChat.status('load');
@@ -597,7 +600,6 @@ jQuery(function($) {
 		},
 		updateCharCount: function() {
 			var count = mChat.cleanMessage(mChat.cached('input').val()).length;
-			var exceedCount = Math.max(mChat.mssgLngth - count, -999);
 			if (mChat.showCharCount) {
 				var charCount = mChat.lang.charCount.format({current: count, max: mChat.mssgLngth});
 				var $elem = mChat.cached('character-count').html(charCount).toggleClass('invisible', count === 0);
@@ -605,9 +607,12 @@ jQuery(function($) {
 					$elem.toggleClass('error', count > mChat.mssgLngth);
 				}
 			}
-			mChat.cached('exceed-character-count').text(exceedCount).toggleClass('hidden', exceedCount >= 0);
-			mChat.cached('input').parent().toggleClass('mchat-input-error', exceedCount < 0);
-			mChat.cached('add').toggleClass('hidden', exceedCount < 0);
+			if (mChat.mssgLngth) {
+				var exceedCount = mChat.mssgLngth - count;
+				mChat.cached('exceed-character-count').text(exceedCount).toggleClass('hidden', exceedCount >= 0);
+				mChat.cached('input').parent().toggleClass('mchat-input-error', exceedCount < 0);
+				mChat.cached('add').toggleClass('hidden', exceedCount < 0);
+			}
 		},
 		cleanMessage: function(message) {
 			if (!mChat.maxInputHeight) {
@@ -773,20 +778,38 @@ jQuery(function($) {
 			}
 		});
 
+		var toggleRememberColor = function() {
+			var $this = $(this);
+			var newColor = $this.data('color');
+			if (mChat.storage.get('color') === newColor) {
+				mChat.storage.remove('color');
+			} else {
+				mChat.storage.set('color', newColor);
+				mChat.cached('colour').find('.colour-palette a').removeClass('remember-color');
+			}
+			$this.toggleClass('remember-color');
+		};
+
+		var toggleRememberColorTimer = 0;
+		var isToggledRememberColor = false;
 		mChat.cached('colour').find('.colour-palette').on('click', 'a', function(e) {
-			if (e.ctrlKey || e.metaKey) {
+			if (isToggledRememberColor) {
 				e.preventDefault();
 				e.stopImmediatePropagation();
-				var $this = $(this);
-				var newColor = $this.data('color');
-				if (mChat.storage.get('color') === newColor) {
-					mChat.storage.remove('color');
-				} else {
-					mChat.storage.set('color', newColor);
-					mChat.cached('colour').find('.colour-palette a').removeClass('remember-color');
-				}
-				$this.toggleClass('remember-color');
+				isToggledRememberColor = false;
+			} else if (e.ctrlKey || e.metaKey) {
+				e.preventDefault();
+				e.stopImmediatePropagation();
+				toggleRememberColor.call(this);
 			}
+		}).on('mousedown touchstart', 'a', function() {
+			var that = this;
+			toggleRememberColorTimer = setTimeout(function() {
+				toggleRememberColor.call(that);
+				isToggledRememberColor = true;
+			}, 500);
+		}).on('mouseup touchend', 'a', function() {
+			clearTimeout(toggleRememberColorTimer);
 		});
 
 		var color = mChat.storage.get('color');
@@ -794,6 +817,10 @@ jQuery(function($) {
 			mChat.cached('colour').find('.colour-palette a[data-color="' + color + '"]').addClass('remember-color');
 		}
 
+		mChat.cached('colour').find('.colour-palette a').each(function() {
+			$(this).removeAttr('href');
+		});
+
 		if (mChat.maxInputHeight) {
 			mChat.cached('input').one('focus', function() {
 				autosize(this);
@@ -803,7 +830,8 @@ jQuery(function($) {
 		mChat.cached('form').submit(function(e) {
 			e.preventDefault();
 		}).keypress(function(e) {
-			if ((e.which === 10 || e.which === 13) && mChat.cached('input').is(e.target)) {
+			var isEnter = e.which === 10 || e.which === 13;
+			if (isEnter && mChat.cached('input').is(e.target)) {
 				var isCtrl = e.ctrlKey || e.metaKey;
 				if (!mChat.maxInputHeight || !isCtrl === !mChat.storage.get('no_enter')) {
 					e.preventDefault();
@@ -829,6 +857,9 @@ jQuery(function($) {
 
 	$(window).on('beforeunload', function() {
 		mChat.pageIsUnloading = true;
+		if (mChat.page !== 'archive') {
+			mChat.pauseSession();
+		}
 	});
 
 	$('#phpbb').on('click', '[data-mchat-action]', function(e) {

styles/all/template/mchat_script_data.html

@@ -23,7 +23,6 @@
 		playSound		: {{ MCHAT_SOUND ? 'true' : 'false' }},
 		messageTop		: {{ MCHAT_MESSAGE_TOP ? 'true' : 'false' }},
 		allowBBCodes	: {{ S_BBCODE_ALLOWED ? 'true' : 'false' }},
-		liveUpdates		: {{ MCHAT_LIVE_UPDATES ? 'true' : 'false' }},
 		relativeTime	: {{ MCHAT_RELATIVE_TIME ? 'true' : 'false' }},
 		showCharCount	: {{ MCHAT_CHARACTER_COUNT ? 'true' : 'false' }},
 		jumpTo			: {{ MCHAT_JUMP_TO }},

styles/prosilver/template/event/overall_footer_copyright_append.html

@@ -1,4 +1,5 @@
 {% if MCHAT_PAGE %}
-	<br>
-	<span>{{ MCHAT_DISPLAY_NAME }} &copy; {{ lang('POST_BY_AUTHOR') }} {{ MCHAT_AUTHOR_HOMEPAGES }}</span>
+	<p class="footer-row mchat-copyright">
+		<span>{{ MCHAT_DISPLAY_NAME }} &copy; {{ lang('POST_BY_AUTHOR') }} {{ MCHAT_AUTHOR_HOMEPAGES }}</span>
+	</p>
 {% endif %}

styles/prosilver/template/mchat_panel.html

@@ -9,7 +9,7 @@
 				<div class="mchat-input-container inputbox">
 					<textarea id="mchat-input" name="message" class="no-auto-resize {{ MCHAT_MAX_INPUT_HEIGHT ? 'mchat-multi-line' : 'mchat-single-line' }}" rows="1" autocomplete="off"></textarea>
 					<div class="mchat-input-control">
-						<button class="mchat-button-add" id="mchat-add" data-mchat-action="add" title="{{ lang('MCHAT_ADD') }}">
+						<button type="button" class="mchat-button-add" id="mchat-add" data-mchat-action="add" title="{{ lang('MCHAT_ADD') }}">
 							<i class="icon icon-lightgray fa fa-chevron-right fa-fw" aria-hidden="true"></i><span class="sr-only">{{ lang('MCHAT_ADD') }}</span>
 						</button>
 						{% if MCHAT_MAX_MESSAGE_LENGTH %}
@@ -22,13 +22,13 @@
 					<div class="mchat-panel-buttons">
 						{% EVENT dmzx_mchat_buttons_before %}
 						{% if MCHAT_ALLOW_SMILES and loops.smiley|length %}
-							<button class="button mchat-button-smilies mchat-button-down" data-mchat-action="toggle" data-mchat-element="smilies" title="{{ lang('MCHAT_SMILES') }}">
+							<button type="button" class="button mchat-button-smilies mchat-button-down" data-mchat-action="toggle" data-mchat-element="smilies" title="{{ lang('MCHAT_SMILES') }}">
 								<i class="icon fa fa-smile-o" aria-hidden="true"></i><span class="sr-only">{{ lang('MCHAT_SMILES') }}</span>
 							</button>
 						{% endif %}
 						{% EVENT dmzx_mchat_buttons_mid %}
 						{% if S_BBCODE_ALLOWED %}
-							<button class="button mchat-button-bbcodes mchat-button-down" data-mchat-action="toggle" data-mchat-element="bbcodes" title="{{ lang('MCHAT_BBCODES') }}">
+							<button type="button" class="button mchat-button-bbcodes mchat-button-down" data-mchat-action="toggle" data-mchat-element="bbcodes" title="{{ lang('MCHAT_BBCODES') }}">
 								<i class="icon fa fa-code fa-fw" aria-hidden="true"></i><span class="sr-only">{{ lang('MCHAT_BBCODES') }}</span>
 							</button>
 						{% endif %}

styles/prosilver/theme/mchat.css

@@ -22,9 +22,15 @@
 
 .mchat-header .list-inner {
 	position: relative;
+	display: -webkit-box;
+	display: -ms-flexbox;
 	display: flex;
-	align-items: center;
-	justify-content: left;
+	-webkit-box-align: center;
+	    -ms-flex-align: center;
+	        align-items: center;
+	-webkit-box-pack: left;
+	    -ms-flex-pack: left;
+	        justify-content: left;
 }
 
 .mchat-wrapper li.header dd {
@@ -38,7 +44,8 @@
 }
 
 #mchat-body * {
-	box-sizing: border-box;
+	-webkit-box-sizing: border-box;
+	        box-sizing: border-box;
 }
 
 #mchat-main {
@@ -72,13 +79,29 @@
 }
 
 .mchat-message-flash {
-	animation-name: flash-message;
-	animation-duration: .4s;
-	animation-timing-function: ease-out;
+	-webkit-animation-name: flash-message;
+	        animation-name: flash-message;
+	-webkit-animation-duration: .4s;
+	        animation-duration: .4s;
+	-webkit-animation-timing-function: ease-out;
+	        animation-timing-function: ease-out;
 }
 
 .mchat-message-flash:target {
-	animation-duration: 2s;
+	-webkit-animation-duration: 2s;
+	        animation-duration: 2s;
+}
+
+@-webkit-keyframes flash-message {
+
+	0% {
+		background-color: #FFDC95;
+	}
+
+	100% {
+		background-color: transparent;
+	}
+
 }
 
 @keyframes flash-message {
@@ -149,6 +172,10 @@
 	display: unset;
 }
 
+.mchat-text .text-strong {
+	color: unset;
+}
+
 .mchat-notification-message .mchat-text {
 	font-style: italic;
 }
@@ -228,6 +255,8 @@
 }
 
 .mchat-controls {
+	display: -webkit-box;
+	display: -ms-flexbox;
 	display: flex;
 	margin: 5px 0;
 }
@@ -237,7 +266,9 @@
 }
 
 .mchat-input-container {
-	flex: 1;
+	-webkit-box-flex: 1;
+	    -ms-flex: 1;
+	        flex: 1;
 	position: relative;
 	max-width: 100%;
 	border-radius: 4px;
@@ -270,9 +301,15 @@
 
 .mchat-input-control {
 	position: absolute;
+	display: -webkit-box;
+	display: -ms-flexbox;
 	display: flex;
-	justify-content: center;
-	align-items: center;
+	-webkit-box-pack: center;
+	    -ms-flex-pack: center;
+	        justify-content: center;
+	-webkit-box-align: center;
+	    -ms-flex-align: center;
+	        align-items: center;
 	width: 30px;
 	height: 100%;
 	top: 0;
@@ -297,7 +334,9 @@
 .mchat-status {
 	position: absolute;
 	top: calc(50% - 1px);
-	transform: translateY(-50%);
+	-webkit-transform: translateY(-50%);
+	    -ms-transform: translateY(-50%);
+	        transform: translateY(-50%);
 	text-indent: 0;
 }
 
@@ -320,6 +359,8 @@
 }
 
 .mchat-panel-buttons {
+	display: -webkit-box;
+	display: -ms-flexbox;
 	display: flex;
 	margin-left: 5px;
 }
@@ -354,6 +395,13 @@
 	display: none;
 }
 
+#mchat-bbcodes #colour_palette {
+	-webkit-user-select: none;
+	   -moz-user-select: none;
+	    -ms-user-select: none;
+	        user-select: none;
+}
+
 #mchat-bbcodes #colour_palette label {
 	display: none;
 }
@@ -362,8 +410,14 @@
 	margin: 0 auto 5px;
 }
 
+#mchat-bbcodes #colour_palette a {
+	cursor: pointer;
+}
+
 #mchat-bbcodes #colour_palette td a.remember-color {
-	box-shadow: 0 0 0 1px #F00;
+	position: relative;
+	-webkit-box-shadow: 0 0 2px 2px #F00;
+	        box-shadow: 0 0 2px 2px #F00;
 }
 
 #mchat-smilies {
@@ -384,12 +438,14 @@
 	float: left;
 }
 
-.mchat-copyright {
-	position: relative;
-	top: 1px;
-	font-weight: bold;
-	font-size: 1.1em;
-	cursor: help;
+.mchat-copyright.footer-row {
+	font-size: 10px;
+	line-height: 1.8;
+	margin: 0;
+}
+
+.footer-row + br {
+	display: none;
 }
 
 .mchat-static {
@@ -411,7 +467,10 @@
 	}
 
 	.mchat-controls {
-		flex-direction: column;
+		-webkit-box-orient: vertical;
+		-webkit-box-direction: normal;
+		    -ms-flex-direction: column;
+		        flex-direction: column;
 	}
 
 	.mchat-panel-buttons {

styles/we_universal/template/event/navbar_header_logged_out_content.html

@@ -0,0 +1,3 @@
+{% if U_MCHAT_CUSTOM_PAGE or MCHAT_PAGE %}
+	{% INCLUDE '@dmzx_mchat/mchat_navlink.html' %}
+{% endif %}

styles/we_universal/template/event/navbar_header_user_profile_append.html

@@ -0,0 +1,3 @@
+{% if U_MCHAT_CUSTOM_PAGE or MCHAT_PAGE %}
+	{% INCLUDE '@dmzx_mchat/mchat_navlink.html' %}
+{% endif %}

styles/we_universal/template/event/overall_footer_after.html

@@ -0,0 +1 @@
+{% INCLUDECSS '@dmzx_mchat/mchat_we_universal.css' %}

styles/we_universal/template/event/overall_header_navigation_append.html

@@ -0,0 +1 @@
+{# empty #}

styles/we_universal/theme/mchat_we_universal.css

@@ -0,0 +1,21 @@
+/**
+ *
+ * mChat CSS for we_universal
+ *
+ * @package phpBB Extension - mChat
+ * @copyright (c) 2018 kasimi - https://kasimi.net
+ * @license http://opensource.org/licenses/gpl-license.php GNU Public License
+ *
+ */
+
+.mchat-nav {
+	float: right !important;
+}
+
+.mchat-nav::before {
+	content: none !important;
+}
+
+#mchat-panel .inputbox {
+	height: unset;
+}