mirror of
https://github.com/alchemy-fr/Phraseanet.git
synced 2025-10-15 05:53:13 +00:00
Add feedback user infos
This commit is contained in:
@@ -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));
|
Reference in New Issue
Block a user