Init UI for Repeat notice option confirmation dialog.

This commit is contained in:
Sarven Capadisli 2009-12-23 15:42:37 -05:00
parent eab6d1c954
commit bc4f1824ea
3 changed files with 70 additions and 1 deletions

View File

@ -316,7 +316,41 @@ var SN = { // StatusNet
}, },
NoticeRepeat: function() { NoticeRepeat: function() {
$('.form_repeat').each(function() { SN.U.FormXHR($(this)); }); $('.form_repeat').each(function() {
SN.U.FormXHR($(this));
SN.U.NoticeRepeatConfirmation($(this));
});
},
NoticeRepeatConfirmation: function(form) {
function NRC() {
form.closest('.notice-options').addClass('opaque');
form.addClass('dialogbox');
form.append('<button class="close">&#215;</button>');
form.find('button.close').click(function(){
$(this).remove();
form.closest('.notice-options').removeClass('opaque');
form.removeClass('dialogbox');
form.find('.submit_dialogbox').remove();
form.find('.submit').show();
return false;
});
};
form.find('.submit').bind('click', function(e) {
e.preventDefault();
var submit = form.find('.submit').clone();
submit.addClass('submit_dialogbox');
form.append(submit);
$(this).hide();
NRC();
});
}, },
NoticeAttachments: function() { NoticeAttachments: function() {

View File

@ -1004,6 +1004,38 @@ top:4px;
left:0; left:0;
} }
.dialogbox {
position:absolute;
top:-4px;
right:29px;
z-index:9;
min-width:199px;
float:none;
background-color:#FFF;
padding:11px;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-style:solid;
border-width:1px;
border-color:#DDDDDD;
-moz-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
}
.dialogbox legend {
display:block !important;
margin-right:18px;
}
.form_repeat.dialogbox legend:after {
content:'?';
}
.dialogbox button {
position:absolute;
right:3px;
top:3px;
}
.notice-options { .notice-options {
position:relative; position:relative;
font-size:0.95em; font-size:0.95em;

View File

@ -350,6 +350,9 @@ opacity:0.4;
.notices li:hover div.notice-options { .notices li:hover div.notice-options {
opacity:1; opacity:1;
} }
.opaque {
opacity:1 !important;
}
.notice-options a, .notice-options a,
.notice-options input { .notice-options input {
font-family:sans-serif; font-family:sans-serif;