Add feedback user infos

This commit is contained in:
Romain Neutron
2012-02-08 18:30:23 +01:00
parent 818941bc30
commit 06ba35002a
3 changed files with 173 additions and 174 deletions

View File

@@ -1,26 +1,26 @@
;(function(window){
var Feedback = function($container){
this.container = $($container);
this.selection = new Selectable(
$('.user_content .badges', this.container),
$('.user_content .badges', this.container),
{
selector:'.badge'
}
);
var $this = this;
$('.content .options .select-all', this.container).bind('click', function(){
$this.selection.selectAll();
});
$('.content .options .unselect-all', this.container).bind('click', function(){
$this.selection.empty();
});
$('a.user_adder', this.container).bind('click', function(){
@@ -63,104 +63,102 @@
return false;
});
$('#PushBox form[name="FeedBackForm"]').bind('submit', function(){
var $this = $(this);
$.ajax({
type: $this.attr('method'),
url: $this.attr('action'),
dataType: 'json',
data: $this.serializeArray(),
beforeSend:function(){
},
success: function(data){
if(data.success)
{
humane.info(data.message);
p4.Dialog.Close(1);
p4.WorkZone.refresh();
}
else
{
humane.error(data.message);
}
return;
},
error: function(){
return;
},
timeout: function(){
return;
}
});
return false;
});
$('.FeedbackSend', this.container).bind('click', function(){
if($('.badges .badge', $container).length === 0)
{
alert(language.FeedBackNoUsersSelected);
return;
}
if($('#FeedBackSendDialog').length == 0)
{
$('body').append('<div id="FeedBackSendDialog" style="display:none;"></div>');
}
var $dialog = $('#FeedBackSendDialog');
$dialog.addClass('loading').dialog({
buttons:{},
draggable:false,
resizable:false,
modal:true,
closeOnEscape:true,
width:300,
height:400
}).dialog( "moveToTop" );
var $FeedBackForm = $('form[name="FeedBackForm"]', $container);
var buttons = {};
buttons[language.cancel] = function(){
$dialog.dialog('destroy');
$dialog.remove();
};
buttons[language.send] = function(){
$dialog.dialog('destroy');
$dialog.remove();
$dialog.Close();
$('#PushBox form[name="FeedBackForm"]').trigger('submit');
$('input[name="name"]', $FeedBackForm).val($('input[name="name"]', $dialog).val());
$('textarea[name="message"]', $FeedBackForm).val($('textarea[name="message"]', $dialog).val());
};
var options = {
size : 'Small',
buttons : buttons,
loading : true,
title : language.send,
closeOnEscape : true,
cancelButton : true
};
var $dialog = p4.Dialog.Create(options, 2);
var $FeedBackForm = $('form[name="FeedBackForm"]', $container);
var callback = function(rendered){
$('input[name="name"]', rendered).val($('input[name="name"]', $FeedBackForm).val());
$('textarea[name="message"]', rendered).val($('textarea[name="message"]', $FeedBackForm).val());
$dialog.dialog('option', 'buttons', buttons).removeClass('loading').empty().append(rendered);
$dialog.setContent(rendered);
};
p4.Mustache.Render('Feedback-SendForm', { language:language }, callback);
}).button();
$('.user_content .badges', this.container).disableSelection();
$('.user_content .badges .badge .toggle', this.container).live('click', function(event){
var $this = $(this);
$this.toggleClass('status_off status_on');
$this.find('input').val($this.hasClass('status_on') ? '1' : '0');
return false;
});
$('.general_togglers .general_toggler', this.container).bind('click', function(){
var feature = $(this).attr('feature');
var $badges = $('.user_content .badge.selected', this.container);
var toggles = $('.status_off.toggle_' + feature, $badges);
if(toggles.length == 0)
@@ -174,7 +172,7 @@
toggles.trigger('click');
return false;
});
$('.user_content .badges .badge .deleter', this.container).live('click', function(event){
var $elem = $(this).closest('.badge');
$elem.fadeOut(function(){$elem.remove();});
@@ -188,21 +186,21 @@
});
$('.options button', this.container).button();
$('form.list_saver', this.container).bind('submit', function(){
var $form = $(this);
var $input = $('input[name="name"]', $form);
var users = p4.Feedback.getUsers();
if(users.length == 0)
{
humane.error('No users');
return false;
}
p4.Lists.create($input.val(), function(list){$input.val('');list.addUsers(users);});
return false;
});
@@ -236,9 +234,9 @@
}
})
.data( "autocomplete" )._renderItem = function( ul, item ) {
var autocompleter = $('input[name="users-search"]', $this.container);
autocompleter.addClass('loading');
var callback = function(datas){
@@ -247,7 +245,7 @@
autocompleter.data('autocomplete')._resizeMenu();
autocompleter.removeClass('loading');
};
if(item.type == 'USER')
{
var datas = p4.Mustache.Render('List-User-Item', item, callback);
@@ -256,13 +254,13 @@
{
var datas = p4.Mustache.Render('List-List-Item', item, callback);
}
return;
};
return this;
};
Feedback.prototype = {
selectUser : function(user){
if(typeof user !== 'object')
@@ -277,14 +275,14 @@
humane.info('User already selected');
return;
}
p4.Mustache.Render('Feedback-Badge', user, p4.Feedback.appendBadge);
},
appendBadge : function(badge){
$('.user_content .badges', this.container).append(badge);
},
addUser : function($form, callback){
var $this = this;
$.ajax({
type: 'POST',
@@ -314,22 +312,22 @@
});
}
};
var ListManager = function($container) {
this.list = null;
this.container = $container;
$('.back_link', this.container).bind('click', function(){
$('#PushBox').show();
$('#ListManager').hide();
return false;
});
$('a.user_adder', this.container).bind('click', function(){
var $this = $(this);
@@ -371,62 +369,62 @@
return false;
});
var initLeft = function() {
$('a.list_refresh', $container).bind('click', function(event){
var callback = function(datas){
var callback = function(datas){
$('.all-lists', $container).removeClass('loading').append(datas);
initLeft();
initLeft();
};
$('.all-lists', $container).empty().addClass('loading');
$('.all-lists', $container).empty().addClass('loading');
p4.Lists.get(callback, 'html');
return false;
});
var ListDeleterDialogBox = function(callbackDeleter) {
if($('#ListDeleterDialogBox').length > 0)
{
$('#ListDeleterDialogBox').remove();
}
$('body').append('<div id="ListDeleterDialogBox"></div>');
var callbackMustache = function(datas){
var callbackMustache = function(datas){
$('#ListDeleterDialogBox').append(datas);
callbackDeleter($('#ListDeleterDialogBox'));
};
p4.Mustache.Render('ListEditor-DialogDelete', language, callbackMustache);
return false;
};
$('a.deleter', $container).bind('click', function(event){
var list_id = $(this).find('input[name=list_id]').val();
var makeDialog = function (box) {
var buttons = {};
buttons[language.create] = function() {
var callbackOK = function () {
$('a.list_refresh', $container).trigger('click');
box.dialog('close');
var callbackOK = function () {
$('a.list_refresh', $container).trigger('click');
box.dialog('close');
};
var List = new document.List(list_id);
List.remove(callbackOK);
};
box.dialog({
buttons:buttons,
modal:true,
@@ -436,54 +434,54 @@
height:150
});
};
ListDeleterDialogBox(makeDialog);
return false;
});
var ListAdderDialogBox = function(callbackAdder) {
if($('#ListAdderDialogBox').length > 0)
{
$('#ListAdderDialogBox').remove();
}
$('body').append('<div id="ListAdderDialogBox"></div>');
var callbackMustache = function(datas){
var callbackMustache = function(datas){
$('#ListAdderDialogBox').append(datas);
callbackAdder($('#ListAdderDialogBox'));
};
p4.Mustache.Render('ListEditor-DialogAdd', language, callbackMustache);
return false;
};
$('a.list_adder', $container).bind('click', function(event){
var makeDialog = function (box) {
var buttons = {};
buttons[language.valider] = function() {
var callbackOK = function () {
$('a.list_refresh', $container).trigger('click');
box.dialog('close');
var callbackOK = function () {
$('a.list_refresh', $container).trigger('click');
box.dialog('close');
};
var name = $('#ListAdderDialogBox input[name="name"]').val();
if($.trim(name) === '')
{
alert(language.listNameCannotBeEmpty);
return;
}
p4.Lists.create(name, callbackOK);
};
box.dialog({
buttons:buttons,
modal:true,
@@ -493,12 +491,12 @@
height:150
});
};
ListAdderDialogBox(makeDialog);
return false;
});
$('li.list a.link', $container).bind('click', function(event){
var $this = $(this);
@@ -521,11 +519,11 @@
return false;
});
};
var initRight = function(){
var $container = this.container;
$('form[name="list-editor-search"]', this.container).bind('submit', function(){
@@ -548,14 +546,14 @@
});
return false;
});
$('form[name="list-editor-search"] select', this.container).bind('change', function(){
$(this).closest('form').trigger('submit');
});
//
//
// $('.editor input[name="list-add-user"]', this.container).autocomplete({
// minLength: 2,
// source: function( request, response ) {
@@ -610,31 +608,31 @@
// };
};
initLeft();
$('.badges a.deleter', this.container).live('click', function(){
var badge = $(this).closest('.badge');
var usr_id = badge.find('input[name="id"]').val();
var callback = function(list, datas){
var callback = function(list, datas){
$('.counter.current, .list.selected .counter', $('#ListManager')).each(function(){
$(this).text(parseInt($(this).text()) - 1);
});
badge.remove();
badge.remove();
};
p4.ListManager.getList().removeUser(usr_id, callback);
return false;
});
};
ListManager.prototype = {
workOn : function(list_id) {
this.list = new document.List(list_id);
@@ -646,10 +644,10 @@
$('#ListManager .badges').append(datas);
}
};
window.Feedback = Feedback;
window.ListManager = ListManager;
}(window));