Commit bc4f1824 authored by Sarven Capadisli's avatar Sarven Capadisli

Init UI for Repeat notice option confirmation dialog.

parent eab6d1c9
......@@ -316,7 +316,41 @@ var SN = { // StatusNet
},
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() {
......
......@@ -1004,6 +1004,38 @@ top:4px;
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 {
position:relative;
font-size:0.95em;
......
......@@ -350,6 +350,9 @@ opacity:0.4;
.notices li:hover div.notice-options {
opacity:1;
}
.opaque {
opacity:1 !important;
}
.notice-options a,
.notice-options input {
font-family:sans-serif;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment