Changeset 4814

Timestamp:

07/23/2011 02:17:43 PM (15 years ago)

Author:

djpaul

Message:

Remove hidden delay from posting to the activity stream, and tweak behaviour of the "what's up" form when posting. Fixes #3165. See also #3360

Location:

trunk/bp-themes/bp-default/_inc

Files:

• css/default.css (modified) (3 diffs)
• global.js (modified) (5 diffs)

trunk/bp-themes/bp-default/_inc/css/default.css

@@ -1090 +1090 @@
         overflow: auto;
 }
-
+#aw-whats-new-submit {
+        display: none;
+}
+#whats-new:focus {
+        border-color: rgba(31, 179, 221, 0.9) !important;
+        outline-color: rgba(31, 179, 221, 0.9);
+        box-shadow: 0 0 7px         rgba(31, 179, 221, 0.7);
+        -moz-box-shadow: 0 0 7px    rgba(31, 179, 221, 0.7);
+        -webkit-box-shadow: 0 0 7px rgba(31, 179, 221, 0.7);
+}
 
 /*--------------------------------------------------------------
@@ -1540 +1549 @@
         width: 90%;
 }
+input[type="submit"].pending,
+input[type="button"].pending,
+input[type="reset"].pending,
+input[type="submit"].disabled,
+input[type="button"].disabled,
+input[type="reset"].disabled,
 button.pending,
 button.disabled,
@@ -1548 +1563 @@
         cursor: default;
 }
+input[type="submit"]:hover.pending,
+input[type="button"]:hover.pending,
+input[type="reset"]:hover.pending,
+input[type="submit"]:hover.disabled,
+input[type="button"]:hover.disabled,
+input[type="reset"]:hover.disabled,
 button.pending:hover,
 button.disabled:hover,

trunk/bp-themes/bp-default/_inc/global.js

@@ -22 +22 @@
 
         /* @mention Compose Scrolling */
-        if ( jq.query.get('r') ) {
-                if ( jq('textarea#whats-new').length ) {
-                        jq.scrollTo( jq('textarea#whats-new'), 500, { offset:-125, easing:'easeOutQuad' } );
-                        jq('textarea#whats-new').focus();
-                }
+        if ( jq.query.get('r') && jq('textarea#whats-new').length ) {
+                jq.scrollTo( jq('textarea#whats-new'), 500, { offset:-125, easing:'easeOutQuad' } );
+                jq('textarea#whats-new').focus();
         }
 
         /**** Activity Posting ********************************************************/
+
+        /* Textarea focus */
+        jq('#whats-new').focus( function(){ jq("#aw-whats-new-submit").fadeIn(300); });
 
         /* New posts */
@@ -77 +78 @@
                                 form.prepend( response.substr( 2, response.length ) );
                                 jq( 'form#' + form.attr('id') + ' div.error').hide().fadeIn( 200 );
-                                button.prop("disabled", false);
                         } else {
                                 if ( 0 == jq("ul.activity-list").length ) {
@@ -109 +109 @@
                                 jq("li.new-update").removeClass( 'new-update' );
                                 jq("textarea#whats-new").val('');
-
-                                /* Re-enable the submit button after 8 seconds. */
-                                setTimeout( function() { button.prop("disabled", false); }, 8000 );
-                        }
+                        }
+
+                        button.fadeOut(100, function(){ button.prop("disabled", false); });
                 });
 
@@ -360 +359 @@
                         /* Hide any error messages */
                         jq( 'form#' + form + ' div.error').hide();
-                        target.addClass('loading');
-                        target.prop('disabled', true);
+                        target.addClass('loading').prop('disabled', true);
 
                         jq.post( ajaxurl, {
@@ -398 +396 @@
                                         /* Increase the "Reply (X)" button count */
                                         jq('li#activity-' + form_id[2] + ' a.acomment-reply span').html( Number( jq('li#activity-' + form_id[2] + ' a.acomment-reply span').html() ) + 1 );
-
-                                        /* Re-enable the submit button after 5 seconds. */
-                                        setTimeout( function() { target.prop("disabled", false); }, 5000 );
                                 }
+
+                                target.fadeOut(100, function(){ target.prop("disabled", false); });
                         });