mirror of
https://github.com/alchemy-fr/Phraseanet.git
synced 2025-10-12 20:43:25 +00:00
704 lines
22 KiB
JavaScript
704 lines
22 KiB
JavaScript
;
|
|
(function (window) {
|
|
|
|
var Feedback = function ($container, context) {
|
|
this.container = $($container);
|
|
|
|
this.Context = context;
|
|
|
|
this.selection = new Selectable(
|
|
$('.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();
|
|
});
|
|
|
|
$('.UserTips', this.container).tooltip();
|
|
|
|
$('a.user_adder', this.container).bind('click', function () {
|
|
|
|
var $this = $(this);
|
|
|
|
$.ajax({
|
|
type: "GET",
|
|
url: $this.attr('href'),
|
|
dataType: 'html',
|
|
beforeSend: function () {
|
|
var options = {
|
|
size: 'Medium',
|
|
title: $this.html()
|
|
};
|
|
p4.Dialog.Create(options, 2).getDomElement().addClass('loading');
|
|
},
|
|
success: function (data) {
|
|
p4.Dialog.get(2).getDomElement().removeClass('loading').empty().append(data);
|
|
return;
|
|
},
|
|
error: function () {
|
|
p4.Dialog.get(2).Close();
|
|
return;
|
|
},
|
|
timeout: function () {
|
|
p4.Dialog.get(2).Close();
|
|
return;
|
|
}
|
|
});
|
|
|
|
return false;
|
|
});
|
|
|
|
$('.recommended_users', this.container).bind('click', function () {
|
|
|
|
var usr_id = $('input[name="usr_id"]', $(this)).val();
|
|
|
|
$this.loadUser(usr_id, $this.selectUser);
|
|
|
|
return false;
|
|
});
|
|
|
|
$('.recommended_users_list', this.container).bind('click', function () {
|
|
|
|
var content = $('#push_user_recommendations').html();
|
|
|
|
var options = {
|
|
size: 'Small',
|
|
title: $(this).attr('title')
|
|
};
|
|
|
|
$dialog = p4.Dialog.Create(options, 2);
|
|
$dialog.setContent(content);
|
|
|
|
$dialog.getDomElement().find('a.adder').bind('click', function () {
|
|
|
|
$(this).addClass('added');
|
|
|
|
var usr_id = $(this).closest('tr').find('input[name="usr_id"]').val();
|
|
|
|
$this.loadUser(usr_id, $this.selectUser);
|
|
|
|
return false;
|
|
});
|
|
|
|
$dialog.getDomElement().find('a.adder').each(function (i, el) {
|
|
|
|
var usr_id = $(this).closest('tr').find('input[name="usr_id"]').val();
|
|
|
|
if ($('.badge_' + usr_id, $this.container).length > 0) {
|
|
$(this).addClass('added');
|
|
}
|
|
|
|
});
|
|
|
|
|
|
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;
|
|
}
|
|
|
|
var buttons = {};
|
|
|
|
buttons[language.send] = function () {
|
|
if ($.trim($('input[name="name"]', $dialog.getDomElement()).val()) === '') {
|
|
var options = {
|
|
size: 'Alert',
|
|
closeButton: true,
|
|
title: language.warning
|
|
}
|
|
var $dialogAlert = p4.Dialog.Create(options, 3);
|
|
$dialogAlert.setContent(language.FeedBackNameMandatory);
|
|
|
|
return false;
|
|
}
|
|
|
|
$dialog.Close();
|
|
|
|
$('input[name="name"]', $FeedBackForm).val($('input[name="name"]', $dialog.getDomElement()).val());
|
|
$('input[name="duration"]', $FeedBackForm).val($('select[name="duration"]', $dialog.getDomElement()).val());
|
|
$('textarea[name="message"]', $FeedBackForm).val($('textarea[name="message"]', $dialog.getDomElement()).val());
|
|
$('input[name="recept"]', $FeedBackForm).attr('checked', $('input[name="recept"]', $dialog.getDomElement()).attr('checked'));
|
|
$('input[name="force_authentication"]', $FeedBackForm).attr('checked', $('input[name="force_authentication"]', $dialog.getDomElement()).attr('checked'));
|
|
|
|
$FeedBackForm.trigger('submit');
|
|
};
|
|
|
|
var options = {
|
|
size: 'Medium',
|
|
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 html = _.template($("#feedback_sendform_tpl").html());
|
|
|
|
$dialog.setContent(html);
|
|
|
|
$('input[name="name"]', $dialog.getDomElement()).val($('input[name="name"]', $FeedBackForm).val());
|
|
$('textarea[name="message"]', $dialog.getDomElement()).val($('textarea[name="message"]', $FeedBackForm).val());
|
|
$('.' + $this.Context, $dialog.getDomElement()).show();
|
|
|
|
$('form', $dialog.getDomElement()).submit(function () {
|
|
return false;
|
|
});
|
|
});
|
|
|
|
$('.user_content .badges', this.container).disableSelection();
|
|
|
|
$('.user_content .badges .badge .toggle', this.container).die('click').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) {
|
|
var toggles = $('.status_on.toggle_' + feature, $badges);
|
|
}
|
|
if (toggles.length === 0) {
|
|
humane.info('No user selected');
|
|
}
|
|
|
|
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();
|
|
});
|
|
return;
|
|
});
|
|
|
|
$('.list_manager', this.container).bind('click', function () {
|
|
$('#PushBox').hide();
|
|
$('#ListManager').show();
|
|
return false;
|
|
});
|
|
|
|
$('a.list_loader', this.container).bind('click', function () {
|
|
var url = $(this).attr('href');
|
|
|
|
var callbackList = function (list) {
|
|
for (var i in list.entries) {
|
|
this.selectUser(list.entries[i].User);
|
|
}
|
|
};
|
|
|
|
$this.loadList(url, callbackList);
|
|
|
|
return false;
|
|
});
|
|
|
|
$('.options button', this.container);
|
|
|
|
$('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;
|
|
});
|
|
|
|
$('input[name="users-search"]', this.container).autocomplete({
|
|
minLength: 2,
|
|
source: function (request, response) {
|
|
$.ajax({
|
|
url: '/prod/push/search-user/',
|
|
dataType: "json",
|
|
data: {
|
|
query: request.term
|
|
},
|
|
success: function (data) {
|
|
response(data);
|
|
}
|
|
});
|
|
},
|
|
focus: function (event, ui) {
|
|
$('input[name="users-search"]').val(ui.item.label);
|
|
},
|
|
select: function (event, ui) {
|
|
if (ui.item.type === 'USER') {
|
|
$this.selectUser(ui.item);
|
|
} else if (ui.item.type === 'LIST') {
|
|
for (var e in ui.item.entries) {
|
|
$this.selectUser(ui.item.entries[e].User);
|
|
}
|
|
}
|
|
return false;
|
|
}
|
|
})
|
|
.data("ui-autocomplete")._renderItem = function (ul, item) {
|
|
var html = "";
|
|
|
|
if (item.type === 'USER') {
|
|
html = _.template($("#list_user_tpl").html(), {
|
|
|
|
item: item
|
|
});
|
|
} else if (item.type === 'LIST') {
|
|
html = _.template($("#list_list_tpl").html(), {
|
|
item: item
|
|
});
|
|
}
|
|
|
|
return $(html).data("ui-autocomplete-item", item).appendTo(ul);
|
|
};
|
|
|
|
return this;
|
|
};
|
|
|
|
Feedback.prototype = {
|
|
selectUser: function (user) {
|
|
if (typeof user !== 'object') {
|
|
if (window.console) {
|
|
console.log('trying to select a user with wrong datas');
|
|
}
|
|
}
|
|
if ($('.badge_' + user.usr_id, this.container).length > 0) {
|
|
humane.info('User already selected');
|
|
return;
|
|
}
|
|
|
|
if (window.console) {
|
|
console.log('Selecting', user);
|
|
}
|
|
|
|
var html = _.template($("#" + this.Context.toLowerCase() + "_badge_tpl").html(), {
|
|
user: user
|
|
});
|
|
|
|
p4.Feedback.appendBadge(html);
|
|
},
|
|
loadUser: function (usr_id, callback) {
|
|
var $this = this;
|
|
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: '/prod/push/user/' + usr_id + '/',
|
|
dataType: 'json',
|
|
data: {
|
|
usr_id: usr_id
|
|
},
|
|
success: function (data) {
|
|
if (typeof callback === 'function') {
|
|
callback.call($this, data);
|
|
}
|
|
}
|
|
});
|
|
},
|
|
loadList: function (url, callback) {
|
|
var $this = this;
|
|
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: url,
|
|
dataType: 'json',
|
|
success: function (data) {
|
|
if (typeof callback === 'function') {
|
|
callback.call($this, data);
|
|
}
|
|
}
|
|
});
|
|
},
|
|
appendBadge: function (badge) {
|
|
$('.user_content .badges', this.container).append(badge);
|
|
},
|
|
addUser: function ($form, callback) {
|
|
|
|
var $this = this;
|
|
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: '/prod/push/add-user/',
|
|
dataType: 'json',
|
|
data: $form.serializeArray(),
|
|
success: function (data) {
|
|
if (data.success) {
|
|
humane.info(data.message);
|
|
$this.selectUser(data.user);
|
|
callback();
|
|
}
|
|
else {
|
|
humane.error(data.message);
|
|
}
|
|
}
|
|
});
|
|
},
|
|
getSelection: function () {
|
|
return this.selection;
|
|
},
|
|
getUsers: function () {
|
|
return $('.user_content .badge', this.container).map(function () {
|
|
return $('input[name="id"]', $(this)).val();
|
|
});
|
|
}
|
|
};
|
|
|
|
|
|
var ListManager = function ($container) {
|
|
|
|
this.list = null;
|
|
this.container = $container;
|
|
|
|
$('.back_link', this.container).bind('click', function () {
|
|
$('#PushBox').show();
|
|
$('#ListManager').hide();
|
|
return false;
|
|
});
|
|
|
|
$('a.list_sharer', this.container).die('click').live('click', function () {
|
|
|
|
var $this = $(this),
|
|
options = {
|
|
size: 'Small',
|
|
closeButton: true,
|
|
title: $this.attr('title')
|
|
},
|
|
$dialog = p4.Dialog.Create(options, 2);
|
|
|
|
$dialog.load($this.attr('href'), 'GET');
|
|
|
|
return false;
|
|
});
|
|
|
|
|
|
$('a.user_adder', this.container).bind('click', function () {
|
|
|
|
var $this = $(this);
|
|
|
|
$.ajax({
|
|
type: "GET",
|
|
url: $this.attr('href'),
|
|
dataType: 'html',
|
|
beforeSend: function () {
|
|
var options = {
|
|
size: 'Medium',
|
|
title: $this.html()
|
|
};
|
|
p4.Dialog.Create(options, 2).getDomElement().addClass('loading');
|
|
},
|
|
success: function (data) {
|
|
p4.Dialog.get(2).getDomElement().removeClass('loading').empty().append(data);
|
|
return;
|
|
},
|
|
error: function () {
|
|
p4.Dialog.get(2).Close();
|
|
return;
|
|
},
|
|
timeout: function () {
|
|
p4.Dialog.get(2).Close();
|
|
return;
|
|
}
|
|
});
|
|
|
|
return false;
|
|
});
|
|
|
|
|
|
var initLeft = function () {
|
|
$('a.list_refresh', $container).bind('click', function (event) {
|
|
|
|
var callback = function (datas) {
|
|
$('.all-lists', $container).removeClass('loading').append(datas);
|
|
initLeft();
|
|
};
|
|
|
|
$('.all-lists', $container).empty().addClass('loading');
|
|
|
|
p4.Lists.get(callback, 'html');
|
|
|
|
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');
|
|
p4.Dialog.get(2).Close();
|
|
};
|
|
|
|
var name = $('input[name="name"]', p4.Dialog.get(2).getDomElement()).val();
|
|
|
|
if ($.trim(name) === '') {
|
|
alert(language.listNameCannotBeEmpty);
|
|
return;
|
|
}
|
|
|
|
p4.Lists.create(name, callbackOK);
|
|
};
|
|
|
|
var options = {
|
|
cancelButton: true,
|
|
buttons: buttons,
|
|
size: '700x170'
|
|
};
|
|
|
|
p4.Dialog.Create(options, 2).setContent(box);
|
|
};
|
|
|
|
var html = _.template($("#list_editor_dialog_add_tpl").html());
|
|
|
|
makeDialog(html);
|
|
|
|
return false;
|
|
});
|
|
|
|
$('li.list a.list_link', $container).bind('click', function (event) {
|
|
|
|
var $this = $(this);
|
|
|
|
$this.closest('.lists').find('.list.selected').removeClass('selected');
|
|
$this.parent('li.list').addClass('selected');
|
|
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: $this.attr('href'),
|
|
dataType: 'html',
|
|
success: function (data) {
|
|
$('.editor', $container).removeClass('loading').append(data);
|
|
initRight();
|
|
},
|
|
beforeSend: function () {
|
|
$('.editor', $container).empty().addClass('loading');
|
|
}
|
|
});
|
|
|
|
return false;
|
|
});
|
|
};
|
|
|
|
var initRight = function () {
|
|
|
|
var $container = $('#ListManager .editor');
|
|
|
|
$('form[name="list-editor-search"]', $container).bind('submit', function () {
|
|
|
|
var $this = $(this);
|
|
var dest = $('.list-editor-results', $container);
|
|
|
|
$.ajax({
|
|
url: $this.attr('action'),
|
|
type: $this.attr('method'),
|
|
dataType: "html",
|
|
data: $this.serializeArray(),
|
|
beforeSend: function () {
|
|
dest.empty().addClass('loading');
|
|
},
|
|
success: function (datas) {
|
|
|
|
dest.empty().removeClass('loading').append(datas);
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
|
|
$('form[name="list-editor-search"] select, form[name="list-editor-search"] input[name="ListUser"]', $container).bind('change', function () {
|
|
$(this).closest('form').trigger('submit');
|
|
});
|
|
|
|
$('.EditToggle', $container).bind('click', function () {
|
|
$('.content.readonly, .content.readwrite', $('#ListManager')).toggle();
|
|
return false;
|
|
});
|
|
$('.Refresher', $container).bind('click', function () {
|
|
$('#ListManager ul.lists .list.selected a').trigger('click');
|
|
return false;
|
|
});
|
|
|
|
$('form[name="SaveName"]', $container).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);
|
|
$('#ListManager .lists .list_refresh').trigger('click');
|
|
}
|
|
else {
|
|
humane.error(data.message);
|
|
}
|
|
return;
|
|
},
|
|
error: function () {
|
|
|
|
return;
|
|
},
|
|
timeout: function () {
|
|
|
|
return;
|
|
}
|
|
});
|
|
|
|
return false;
|
|
});
|
|
|
|
|
|
$('button.deleter', $container).bind('click', function (event) {
|
|
|
|
var list_id = $(this).data("list-id");
|
|
|
|
var makeDialog = function (box) {
|
|
|
|
var buttons = {};
|
|
|
|
buttons[language.valider] = function () {
|
|
|
|
var callbackOK = function () {
|
|
$('#ListManager .all-lists a.list_refresh').trigger('click');
|
|
p4.Dialog.get(2).Close();
|
|
};
|
|
|
|
var List = new document.List(list_id);
|
|
List.remove(callbackOK);
|
|
};
|
|
|
|
var options = {
|
|
cancelButton: true,
|
|
buttons: buttons,
|
|
size: 'Alert'
|
|
};
|
|
|
|
p4.Dialog.Create(options, 2).setContent(box);
|
|
};
|
|
|
|
var html = _.template($("#list_editor_dialog_delete_tpl").html());
|
|
|
|
makeDialog(html);
|
|
|
|
return false;
|
|
});
|
|
};
|
|
|
|
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) {
|
|
$('.counter.current, .list.selected .counter', $('#ListManager')).each(function () {
|
|
$(this).text(parseInt($(this).text()) - 1);
|
|
});
|
|
|
|
badge.remove();
|
|
};
|
|
|
|
p4.ListManager.getList().removeUser(usr_id, callback);
|
|
|
|
return false;
|
|
});
|
|
|
|
};
|
|
|
|
ListManager.prototype = {
|
|
workOn: function (list_id) {
|
|
this.list = new document.List(list_id);
|
|
},
|
|
getList: function () {
|
|
return this.list;
|
|
},
|
|
appendBadge: function (datas) {
|
|
$('#ListManager .badges').append(datas);
|
|
}
|
|
};
|
|
|
|
|
|
window.Feedback = Feedback;
|
|
window.ListManager = ListManager;
|
|
|
|
}(window));
|