[TASK] Cleanup and improved styles for the unsent mails

Resources/Private/Templates/Queue/Index.html

@@ -35,13 +35,11 @@
 											<tr data-uid="{mail.uid}">
 										</f:then>
 										<f:else>
-											<tr data-uid="{mail.uid}" style="background-color: #7C7C7C;">
+											<tr data-uid="{mail.uid}" class="recordlist-mail-unsent">
 										</f:else>
 									</f:if>
 									<td nowrap="nowrap" class="col-icon">
-										<f:format.raw>
-											<sgm:backend.icon table="tx_sgmail_domain_model_mail" row="{mail}" />
-										</f:format.raw>
+										<f:format.raw><sgm:backend.icon table="tx_sgmail_domain_model_mail" row="{mail}" /></f:format.raw>
 									</td>
 									<td>
 										<span>{mail.from_address}</span>
@@ -74,29 +72,26 @@
 										</f:if>
 									</td>
 									<td nowrap="nowrap" class="col-control">
-										<f:format.raw>
-											<sgm:backend.control table="tx_sgmail_domain_model_mail" row="{mail}" />
-										</f:format.raw>
+										<f:format.raw><sgm:backend.control table="tx_sgmail_domain_model_mail" row="{mail}" /></f:format.raw>
 									</td>
 									<td>
 										<f:link.action class="btn btn-default btn-send-now" controller="Queue" action="sendMail" arguments="{uid: mail.uid, selectedTemplate: selectedTemplateKey, selectedExtension: selectedExtensionKey}">
-													<span class="t3js-icon icon icon-size-small icon-state-default actions-document-import-t3d">
-														<span class="icon-markup">
-															<img src="/typo3/sysext/core/Resources/Public/Icons/T3Icons/actions/actions-document-import-t3d.svg" width="16" height="16">
-														</span>
-													</span>
+											<span class="t3js-icon icon icon-size-small icon-state-default actions-document-import-t3d">
+												<span class="icon-markup">
+													<img src="/typo3/sysext/core/Resources/Public/Icons/T3Icons/actions/actions-document-import-t3d.svg" width="16" height="16">
+												</span>
+											</span>
 											<f:translate key="backend.send_now" />
 										</f:link.action>
 										<a class="btn btn-default btn-toggle" data-uid="{mail.uid}">
-																							<span class="t3js-icon icon icon-size-small icon-state-default actions-document-view">
-																								<span class="icon-markup">
-																									<img src="/typo3/sysext/core/Resources/Public/Icons/T3Icons/actions/actions-document-view.svg" width="16" height="16">
-																								</span>
-																							</span>
+											<span class="t3js-icon icon icon-size-small icon-state-default actions-document-view">
+												<span class="icon-markup">
+													<img src="/typo3/sysext/core/Resources/Public/Icons/T3Icons/actions/actions-document-view.svg" width="16" height="16">
+												</span>
+											</span>
 											<f:translate key="backend.showBody" />
 										</a>
 									</td>
-									</tr><!-- Modal -->
 									<div class="modal fade" id="toggle-{mail.uid}" tabindex="-1" role="dialog" aria-labelledby="login-modal-label">
 										<div class="modal-dialog" role="document">
 											<div class="modal-content">
@@ -107,9 +102,7 @@
 												</div>
 												<div class="modal-body" id="login-modal-body">
 													<div class="modalcol modalcol-left">
-														<f:format.html>
-															{mail.mail_body}
-														</f:format.html>
+														<f:format.html>{mail.mail_body}</f:format.html>
 													</div>
 												</div>
 											</div>

Resources/Public/Scripts/Backend.js

@@ -36,7 +36,8 @@
 		$('.btn-send-now').on('click', sendMailListener);
 		$('.btn-resend').on('click', resendMailListener);
 		$('.btn-toggle').on('click', toggleMailBody);
-		$('#filter-reset-btn').on('click', function() {
+		$('#filter-reset-btn').on('click', function(event) {
+			event.preventDefault();
 			this.form.reset();
 			$(this).closest('form').find('select').each(function() {
 				this.selectedIndex = 0;
@@ -94,4 +95,4 @@ function gotToPageCallback(path) {
 	if (node) {
 		top.TYPO3.Components.PageTree.Actions.singleClick(node, top.TYPO3.Components.PageTree.Tree);
 	}
-}
\ No newline at end of file
+}

Resources/Public/StyleSheets/backend.css

@@ -15,8 +15,8 @@
 .f3-widget-paginator {
 	display: inline-block;
 	border-radius: 4px;
-	margin: 20px 0px;
-	padding-left: 0px;
+	margin: 20px 0;
+	padding-left: 0;
 	background-color: red;
 }
 
@@ -45,7 +45,7 @@
 
 .f3-widget-paginator > li:first-child > a,
 .f3-widget-paginator > li.current:first-child {
-	margin-left: 0px;
+	margin-left: 0;
 	border-top-left-radius: 4px;
 	border-bottom-left-radius: 4px;
 }
@@ -70,3 +70,7 @@
 	margin: 5px 0;
 	border-top: 1px solid #EAEAEA;
 }
+
+.recordlist-mail-unsent {
+	background-color: #CCC !important;
+}