GNUsocial
/
gnu-social
4
0
Fork 1
Code Issues Releases Wiki Activity

Extended profile - add fancy JQuery UI confirm dialog when deleting items

This commit is contained in:
Zach Copley 2011-03-15 23:51:28 -07:00
parent b9065d7bc1
commit bda9d43c56
2 changed files with 35 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
plugins/ExtendedProfile/extendedprofilewidget.php
View File

@ -77,6 +77,13 @@ class ExtendedProfileWidget extends Form
*/
public function formData()
{
// For JQuery UI modal dialog
$this->out->elementStart(
'div',
array('id' => 'confirm-dialog', 'title' => 'Confirmation Required')
);
$this->out->text('Really delete this entry?');
$this->out->elementEnd('div');
$this->showSections();
}

36
plugins/ExtendedProfile/js/profiledetail.js
View File

@ -44,7 +44,7 @@ SN_EXTENDED.replaceIndex = function(elem, oldIndex, newIndex) {
}
SN_EXTENDED.resetRow = function(elem) {
$(elem).find('input').attr('value', '');
$(elem).find('input, textarea').attr('value', '');
$(elem).find("select option[value='office']").attr("selected", true);
};
@ -63,27 +63,47 @@ SN_EXTENDED.addRow = function() {
};
SN_EXTENDED.removeRow = function() {
var div = $(this).closest('div');
var id = $(div).attr('id');
var cls = $(div).attr('class');
var cnt = SN_EXTENDED.rowCount(cls);
var that = this;
$("#confirm-dialog").dialog({
buttons : {
"Confirm" : function() {
var target = $(that).closest('tr');
target.fadeOut("slow", function() {
$(that).remove();
});
SN_EXTENDED.reorder(cls);
$(this).dialog("close");
},
"Cancel" : function() {
$(this).dialog("close");
}
}
});
if (cnt > 1) {
var target = $(this).closest('tr');
target.remove();
SN_EXTENDED.reorder(cls);
$("#confirm-dialog").dialog("open");
}
};
$(document).ready(function() {
$("#confirm-dialog").dialog({
autoOpen: false,
modal: true
});
$("input#extprofile-manager").autocomplete({
source: 'finduser',
minLength: 2 });
$.datepicker.formatDate('yy-mm-dd');
$("input[name$=-start], input[name$=-end], #extprofile-birthday").datepicker({ dateFormat: 'd M yy' });
$("input[name$=-start], input[name$=-end], #extprofile-birthday").datepicker({ dateFormat: 'd M yy' });
var multifields = ["phone-item", "experience-item", "education-item", "im-item"];