Redo the bbcode order synchronized growl message

iMattPro · Oct 5, 2014 · 02212f9 · 02212f9
1 parent bd20a1b
commit 02212f9
Show file tree

Hide file tree

Showing 6 changed files with 37 additions and 33 deletions.
diff --git a/adm/images/accepted.png b/adm/images/accepted.png
diff --git a/adm/style/acp_abbc3.css b/adm/style/acp_abbc3.css
@@ -0,0 +1,27 @@
+.row3 { background-color: #DBDFE2 !important; }
+
+#abbc3-successbox {
+	box-sizing: border-box;
+	position: fixed;
+	top: 0;
+	right: 20px;
+	width: 260px;
+	margin: 10px 0;
+	padding: 10px 10px 10px 60px;
+	background: #191919 url('../images/accepted.png') no-repeat 8px 10px;
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
+	-webkit-box-shadow: 2px 2px 10px #000000;
+	-moz-box-shadow: 2px 2px 10px #000000;
+	box-shadow: 2px 2px 10px #000000;
+	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
+	opacity: 0.90;
+	font-family: Verdana, Arial, sans-serif;
+	font-size: 13px;
+	text-shadow: 1px 1px 3px #000;
+	text-align: left;
+	color: #fff;
+	z-index: 50;
+	clear: both;
+}
diff --git a/adm/style/event/acp_overall_footer_after.html b/adm/style/event/acp_overall_footer_after.html
@@ -5,41 +5,21 @@
 	<!-- DEFINE $INCLUDEDED_TABLEDNDJS = true -->
 <!-- ENDIF -->
 
+<div style="display: none;" id="abbc3-successbox" class="successbox">
+	<h3>{LA_INFORMATION}</h3>
+	<p>{LA_ABBC3_BBCODE_ORDERED}</p>
+</div>
+
 <script>
 
 (function($) {  // Avoid conflicts with other libraries
 
 'use strict';
 
 $(function() {
-	var msgTimer;
-	var msgSuccessBox = $('<div class="successbox" style="display:none;"><img style="float:left; padding-right:8px;" src="{IMG_AJAX_IMAGE}" width="48" height="48" alt="" /><h3>{LA_INFORMATION}</h3><p>{LA_ABBC3_BBCODE_ORDERED}</p></div>').appendTo("body");
-
-	// Re-style the sucessbox to look like a growl notification
-	msgSuccessBox.css({
-		'position': 'fixed',
-		'top': '0',
-		'right': '20px',
-		'background': '#191919',
-		'-moz-border-radius': '10px',
-		'-webkit-border-radius': '10px',
-		'border-radius': '10px',
-		'-moz-box-shadow': '2px 2px 10px #000000',
-		'-webkit-box-shadow': '2px 2px 10px #000000',
-		'box-shadow': '2px 2px 10px #000000',
-		'opacity': '0.90',
-		'filter': 'alpha(opacity = 90)',
-		'color': '#fff',
-		'font-family': 'Verdana, Arial, sans-serif',
-		'font-size': '13px',
-		'padding': '10px',
-		'text-shadow': '1px 1px 3px #000',
-		'text-align': 'left',
-		'width': '260px',
-		'z-index': '50'
-	});
-
-    var bbcodeTable = $('#down');
+	var msgTimer,
+		bbcodeTable = $('#down'),
+		msgSuccessBox = $('#abbc3-successbox');
 
     // Get BBCode ids from the delete button, and create tr row IDs on the fly for use by tableDnD
     bbcodeTable.find('tbody').find('tr').each(function() {

diff --git a/adm/style/event/acp_overall_header_head_append.html b/adm/style/event/acp_overall_header_head_append.html
@@ -2,7 +2,5 @@
 	<!-- INCLUDECSS ../theme/abbc3.min.css -->
 <!-- ENDIF -->
 <!-- IF .bbcodes -->
-	<style>
-		.row3 { background-color: #DBDFE2 !important; }
-	</style>
+	<!-- INCLUDECSS acp_abbc3.css -->
 <!-- ENDIF -->
diff --git a/event/acp_listener.php b/event/acp_listener.php
@@ -111,8 +111,7 @@ public function acp_bbcodes_custom_sorting($event)
 
 		// Add some additional template variables
 		$template_data = $event['template_data'];
-		$template_data['UA_DRAG_DROP'] = str_replace('&amp;', '&', $event['u_action'] . '&amp;action=drag_drop');
-		$template_data['IMG_AJAX_IMAGE'] = $this->root_path . 'ext/vse/abbc3/images/accepted.png';
+		$template_data['UA_DRAG_DROP'] = str_replace('&amp;', '&', $event['u_action'] . '&action=drag_drop');
 		$event['template_data'] = $template_data;
 
 		// Change SQL so that it orders by bbcode_order

diff --git a/images/accepted.png b/images/accepted.png