paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-14 19:06:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Allow the user to dismiss send errors

Browse Source 
(imported from commit bcce5f0a1cdc0d5eec2586e72f8a5945574697ad)
This commit is contained in:
Keegan McAllister
2012-08-30 15:35:56 -04:00
parent 2313498891
commit 41adbfc92d
2 changed files with 26 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
zephyr/static/js/zephyr.js
View File

@@ -46,6 +46,7 @@ $(function() {
var status_classes = 'alert-error alert-success alert-info'; var status_classes = 'alert-error alert-success alert-info';
var send_status = $('#send-status'); var send_status = $('#send-status');
var buttons = $('#class-message, #personal-message').find('input[type="submit"]'); var buttons = $('#class-message, #personal-message').find('input[type="submit"]');
var options = { var options = {
beforeSubmit: function (form, _options) { beforeSubmit: function (form, _options) {
send_status.removeClass(status_classes) send_status.removeClass(status_classes)
@@ -65,11 +66,16 @@ $(function() {
error: function() { error: function() {
send_status.removeClass(status_classes) send_status.removeClass(status_classes)
.addClass('alert-error') .addClass('alert-error')
.text('Error sending message') .html('Error sending message ')
.append($('<span />')
.addClass('send-status-close').html('&times;')
.click(function () { send_status.stop(true).fadeOut(500); }))
.stop(true).fadeTo(0,1); .stop(true).fadeTo(0,1);
buttons.removeAttr('disabled'); buttons.removeAttr('disabled');
} }
}; };
send_status.hide(); send_status.hide();
$("#class-message form").ajaxForm(options); $("#class-message form").ajaxForm(options);
$("#personal-message form").ajaxForm(options); $("#personal-message form").ajaxForm(options);

19
zephyr/static/styles/zephyr.css
View File

@@ -61,3 +61,22 @@ form.zephyr textarea {
padding: 8px 14px 8px 14px; padding: 8px 14px 8px 14px;
line-height: 20px; line-height: 20px;
} }
/* Like .alert .close */
.send-status-close {
font-size: 17px;
font-weight: bold;
color: black;
text-shadow: 0 1px 0 white;
opacity: .2;
filter: alpha(opacity=20);
margin-left: 5px;
position: relative;
top: 1px;
}
.send-status-close:hover {
cursor: pointer;
opacity: .4;
filter: alpha(opacity=40);
}