Ticket #5513: bulk_notifications_management.6.diff

src/bp-notifications/bp-notifications-template.php

@@ -1057 +1057 @@
  */
 function bp_notifications_bulk_management_dropdown() {
         ?>
+        <label class="bp-screen-reader-text" for="notification-select"><?php _e( 'Select Bulk Actions', 'buddypress' ); ?></label>
         <select name="notification_bulk_action" id="notification-select">
                 <option value="" selected="selected"><?php _e( 'Bulk Actions', 'buddypress' ); ?></option>
 

src/bp-templates/bp-legacy/buddypress/members/single/notifications/notifications-loop.php

@@ -3 +3 @@
                 <thead>
                         <tr>
                                 <th class="icon"></th>
-                                <th><label for="select-all-notifications"><?php _e( 'Select all', 'buddypress' ); ?></label><input id="select-all-notifications" type="checkbox"></th>
+                                <th><label class="bp-screen-reader-text" for="select-all-notifications"><?php _e( 'Select all', 'buddypress' ); ?></label><input id="select-all-notifications" type="checkbox"></th>
                                 <th class="title"><?php _e( 'Notification', 'buddypress' ); ?></th>
                                 <th class="date"><?php _e( 'Date Received', 'buddypress' ); ?></th>
                                 <th class="actions"><?php _e( 'Actions',    'buddypress' ); ?></th>

src/bp-templates/bp-legacy/css/buddypress.css

@@ -728 +728 @@
 #buddypress .standard-form #profile-details-section {
         float: right;
 }
-#buddypress .standard-form #blog-details-section {
-        clear: left;
-}
-#buddypress label[for="select-all-notifications"] {
-        display: none;
-}
+#buddypress .standard-form #blog-details-section,
 #buddypress #notifications-bulk-management {
         clear: left;
 }
+body.no-js #buddypress #notifications-bulk-management #select-all-notifications,
+body.no-js #buddypress label[for="message-type-select"],
+body.no-js #buddypress #message-type-select,
+body.no-js #buddypress #delete_inbox_messages,
+body.no-js #buddypress #delete_sentbox_messages,
 body.no-js #buddypress #notifications-bulk-management #select-all-notifications {
         display: none;
 }
@@ -827 +827 @@
 #buddypress .wp-editor-wrap input[type=reset] {
         padding: 0 10px 1px;
 }
+
+/* Form classes & generic attr styling */
+#buddypress form *[disabled="disabled"]{
+        cursor: default;
+        opacity: .4;
+ }
+.bp-screen-reader-text {
+        clip: rect(1px, 1px, 1px, 1px);
+        position: absolute;
+}
+
 /*--------------------------------------------------------------
 3.6 - Ajax Loading
 --------------------------------------------------------------*/
@@ -871 +882 @@
 #buddypress input[type="submit"].disabled,
 #buddypress input[type="button"].disabled,
 #buddypress input[type="reset"].disabled,
+#buddypress input[type="submit"][disabled=disabled],
 #buddypress button.pending,
 #buddypress button.disabled,
 #buddypress div.pending a,
@@ -885 +897 @@
 #buddypress input[type="submit"]:hover.disabled,
 #buddypress input[type="button"]:hover.disabled,
 #buddypress input[type="reset"]:hover.disabled,
+#buddypress input[type="submit"][disabled=disabled]:hover,
+#buddypress form input[type=submit][disabled="disabled"]:focus,
 #buddypress button.pending:hover,
 #buddypress button.disabled:hover,
 #buddypress div.pending a:hover,
 #buddypress a.disabled:hover {
         border-color: #eee;
-    color: #bbb;
+        color: #bbb;
 }
 
 /*--------------------------------------------------------------

src/bp-templates/bp-legacy/js/buddypress.js

@@ -1538 +1538 @@
                 }
         });
 
+        /* Make sure a 'Bulk Action' is choosed before submiting the form */
+        jq('#notification-bulk-manage').attr('disabled', 'disabled');
+
+
+        /* Remove the disabled attribute from the form submit button when bulk action has a value */
+        jq('#notification-select').on('change', function(){
+                jq('#notification-bulk-manage').attr('disabled', jq(this).val().length <= 0);
+        });
+
         /* Close site wide notices in the sidebar */
         jq('#close-notice').on( 'click', function() {
                 jq(this).addClass('loading');