mirror of
https://github.com/owncloudarchive/contacts.git
synced 2024-11-29 11:24:11 +01:00
1638 lines
49 KiB
JavaScript
1638 lines
49 KiB
JavaScript
OC.Contacts = OC.Contacts || {};
|
|
|
|
|
|
(function(window, $, OC) {
|
|
'use strict';
|
|
/**
|
|
* An item which binds the appropriate html and event handlers
|
|
* @param parent the parent ContactList
|
|
* @param id The integer contact id.
|
|
* @param access An access object containing and 'owner' string variable and an integer 'permissions' variable.
|
|
* @param data the data used to populate the contact
|
|
* @param listtemplate the jquery object used to render the contact list item
|
|
* @param fulltemplate the jquery object used to render the entire contact
|
|
* @param detailtemplates A map of jquery objects used to render the contact parts e.g. EMAIL, TEL etc.
|
|
*/
|
|
var Contact = function(parent, id, access, data, listtemplate, fulltemplate, detailtemplates) {
|
|
//console.log('contact:', id, access); //parent, id, data, listtemplate, fulltemplate);
|
|
this.parent = parent,
|
|
this.id = id,
|
|
this.access = access,
|
|
this.data = data,
|
|
this.$listTemplate = listtemplate,
|
|
this.$fullTemplate = fulltemplate;
|
|
this.detailTemplates = detailtemplates;
|
|
|
|
this.undoQueue = [];
|
|
this.multi_properties = ['EMAIL', 'TEL', 'IMPP', 'ADR', 'URL'];
|
|
};
|
|
|
|
Contact.prototype.showActions = function(act) {
|
|
this.$footer.children().hide();
|
|
if(act && act.length > 0) {
|
|
this.$footer.children('.'+act.join(',.')).show();
|
|
}
|
|
};
|
|
|
|
Contact.prototype.setAsSaving = function(obj, state) {
|
|
if(!obj) {
|
|
return;
|
|
}
|
|
$(obj).prop('disabled', state);
|
|
$(obj).toggleClass('loading', state);
|
|
/*if(state) {
|
|
$(obj).addClass('loading');
|
|
} else {
|
|
$(obj).removeClass('loading');
|
|
}*/
|
|
};
|
|
|
|
Contact.prototype.pushToUndo = function(params) {
|
|
// Check if the same property has been changed before
|
|
// and update it's checksum if so.
|
|
if(typeof params.oldchecksum !== 'undefined') {
|
|
$.each(this.undoQueue, function(idx, item) {
|
|
if(item.checksum === params.oldchecksum) {
|
|
item.checksum = params.newchecksum;
|
|
if(params.action === 'delete') {
|
|
item.action = 'delete';
|
|
}
|
|
return false; // Break loop
|
|
}
|
|
});
|
|
}
|
|
this.undoQueue.push({
|
|
action:params.action,
|
|
name: params.name,
|
|
checksum: params.newchecksum,
|
|
newvalue: params.newvalue,
|
|
oldvalue: params.oldvalue
|
|
});
|
|
console.log('undoQueue', this.undoQueue);
|
|
}
|
|
|
|
Contact.prototype.addProperty = function($option, name) {
|
|
console.log('Contact.addProperty', name)
|
|
var $elem;
|
|
switch(name) {
|
|
case 'NICKNAME':
|
|
case 'TITLE':
|
|
case 'ORG':
|
|
case 'BDAY':
|
|
case 'NOTE':
|
|
this.$fullelem.find('[data-element="' + name.toLowerCase() + '"]').addClass('new').show();
|
|
$option.prop('disabled', true);
|
|
break;
|
|
case 'TEL':
|
|
case 'URL':
|
|
case 'EMAIL':
|
|
var $elem = this.renderStandardProperty(name.toLowerCase());
|
|
var $list = this.$fullelem.find('ul.' + name.toLowerCase());
|
|
$list.show();
|
|
$list.append($elem);
|
|
$elem.find('input.value').addClass('new');
|
|
break;
|
|
case 'ADR':
|
|
var $elem = this.renderAddressProperty();
|
|
var $list = this.$fullelem.find('ul.' + name.toLowerCase());
|
|
$list.show();
|
|
$list.append($elem);
|
|
$elem.find('.display').trigger('click');
|
|
$elem.find('input.value').addClass('new');
|
|
break;
|
|
case 'IMPP':
|
|
var $elem = this.renderIMProperty();
|
|
var $list = this.$fullelem.find('ul.' + name.toLowerCase());
|
|
$list.show();
|
|
$list.append($elem);
|
|
$elem.find('input.value').addClass('new');
|
|
break;
|
|
}
|
|
|
|
if($elem) {
|
|
$elem.find('select.type[name="parameters[TYPE][]"]')
|
|
.combobox({
|
|
singleclick: true,
|
|
classes: ['propertytype', 'float', 'label'],
|
|
});
|
|
}
|
|
};
|
|
|
|
Contact.prototype.deleteProperty = function(params) {
|
|
var obj = params.obj;
|
|
if(!this.enabled) {
|
|
return;
|
|
}
|
|
var element = this.propertyTypeFor(obj);
|
|
var $container = this.propertyContainerFor(obj);
|
|
console.log('Contact.deleteProperty, element', element, $container);
|
|
var params = {
|
|
name: element,
|
|
id: this.id
|
|
};
|
|
if(this.multi_properties.indexOf(element) !== -1) {
|
|
params['checksum'] = this.checksumFor(obj);
|
|
if(params['checksum'] === 'new' && this.valueFor(obj).trim() === '') {
|
|
$container.remove();
|
|
return;
|
|
}
|
|
}
|
|
this.setAsSaving(obj, true);
|
|
var self = this;
|
|
$.post(OC.filePath('contacts', 'ajax', 'contact/deleteproperty.php'), params, function(jsondata) {
|
|
if(!jsondata) {
|
|
$(document).trigger('status.contact.error', {
|
|
status: 'error',
|
|
message: t('contacts', 'Network or server error. Please inform administrator.')
|
|
});
|
|
self.setAsSaving(obj, false);
|
|
return false;
|
|
}
|
|
if(jsondata.status == 'success') {
|
|
// TODO: Test if removing from internal data structure works
|
|
if(self.multi_properties.indexOf(element) !== -1) {
|
|
// First find out if an existing element by looking for checksum
|
|
var checksum = self.checksumFor(obj);
|
|
self.pushToUndo({
|
|
action:'delete',
|
|
name: element,
|
|
oldchecksum: self.checksumFor(obj),
|
|
newvalue: self.valueFor(obj)
|
|
});
|
|
if(checksum) {
|
|
for(var i in self.data[element]) {
|
|
if(self.data[element][i].checksum === checksum) {
|
|
// Found it
|
|
self.data[element].splice(self.data[element].indexOf(self.data[element][i]), 1);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
$container.remove();
|
|
} else {
|
|
self.pushToUndo({
|
|
action:'delete',
|
|
name: element,
|
|
newvalue: $container.find('input.value').val()
|
|
});
|
|
self.setAsSaving(obj, false);
|
|
self.$fullelem.find('[data-element="' + element.toLowerCase() + '"]').hide();
|
|
$container.find('input.value').val('');
|
|
self.$addMenu.find('option[value="' + element.toUpperCase() + '"]').prop('disabled', false);
|
|
}
|
|
return true;
|
|
} else {
|
|
$(document).trigger('status.contact.error', {
|
|
status: 'error',
|
|
message: jsondata.data.message
|
|
});
|
|
self.setAsSaving(obj, false);
|
|
return false;
|
|
}
|
|
},'json');
|
|
};
|
|
|
|
/**
|
|
* @brief Act on change of a property.
|
|
* If this is a new contact it will first be saved to the datastore and a
|
|
* new datastructure will be added to the object. FIXME: Not implemented yet.
|
|
* If the obj argument is not provided 'name' and 'value' MUST be provided
|
|
* and this is only allowed for single elements like N, FN, CATEGORIES.
|
|
* @param obj. The form form field that has changed.
|
|
* @param name. The optional name of the element.
|
|
* @param value. The optional value.
|
|
*/
|
|
Contact.prototype.saveProperty = function(params) {
|
|
console.log('Contact.saveProperty', params);
|
|
if(!this.id) {
|
|
var self = this;
|
|
this.add({isnew:true}, function(response) {
|
|
if(!response || response.status === 'error') {
|
|
console.warn('No response object');
|
|
return false;
|
|
}
|
|
self.saveProperty(params);
|
|
self.showActions(['close', 'add', 'export', 'delete']);
|
|
});
|
|
return;
|
|
}
|
|
var obj = null;
|
|
var element = null;
|
|
var q = '';
|
|
if(params.obj) {
|
|
obj = params.obj;
|
|
q = this.queryStringFor(obj);
|
|
element = this.propertyTypeFor(obj);
|
|
} else {
|
|
element = params.name;
|
|
var value = utils.isArray(params.value)
|
|
? $.param(params.value)
|
|
: encodeURIComponent(params.value);
|
|
q = 'id=' + this.id + '&value=' + value + '&name=' + element;
|
|
}
|
|
console.log('q', q);
|
|
var self = this;
|
|
this.setAsSaving(obj, true);
|
|
$.post(OC.filePath('contacts', 'ajax', 'contact/saveproperty.php'), q, function(jsondata){
|
|
if(!jsondata) {
|
|
$(document).trigger('status.contact.error', {
|
|
status: 'error',
|
|
message: t('contacts', 'Network or server error. Please inform administrator.')
|
|
});
|
|
$(obj).addClass('error');
|
|
self.setAsSaving(obj, false);
|
|
return false;
|
|
}
|
|
if(jsondata.status == 'success') {
|
|
if(!self.data[element]) {
|
|
self.data[element] = [];
|
|
}
|
|
if(self.multi_properties.indexOf(element) !== -1) {
|
|
// First find out if an existing element by looking for checksum
|
|
var checksum = self.checksumFor(obj);
|
|
var value = self.valueFor(obj);
|
|
var parameters = self.parametersFor(obj);
|
|
if(checksum) {
|
|
self.pushToUndo({
|
|
action:'save',
|
|
name: element,
|
|
newchecksum: jsondata.data.checksum,
|
|
oldchecksum: checksum,
|
|
newvalue: value,
|
|
oldvalue: obj.defaultValue
|
|
});
|
|
for(var i in self.data[element]) {
|
|
if(self.data[element][i].checksum === checksum) {
|
|
self.data[element][i] = {
|
|
name: element,
|
|
value: value,
|
|
parameters: parameters,
|
|
checksum: jsondata.data.checksum,
|
|
};
|
|
break;
|
|
}
|
|
}
|
|
} else {
|
|
$(obj).removeClass('new');
|
|
self.pushToUndo({
|
|
action:'add',
|
|
name: element,
|
|
newchecksum: jsondata.data.checksum,
|
|
newvalue: value,
|
|
});
|
|
self.data[element].push({
|
|
name: element,
|
|
value: value,
|
|
parameters: parameters,
|
|
checksum: jsondata.data.checksum,
|
|
});
|
|
}
|
|
self.propertyContainerFor(obj).data('checksum', jsondata.data.checksum);
|
|
} else {
|
|
// Save value and parameters internally
|
|
var value = obj ? self.valueFor(obj) : params.value;
|
|
self.pushToUndo({
|
|
action: ((obj && obj.defaultValue) || self.data[element].length) ? 'save' : 'add', // FIXME
|
|
name: element,
|
|
newvalue: value,
|
|
});
|
|
switch(element) {
|
|
case 'CATEGORIES':
|
|
// We deal with this in addToGroup()
|
|
break;
|
|
case 'FN':
|
|
if(!self.data.FN || !self.data.FN.length) {
|
|
self.data.FN = [{name:'FN', value:'', parameters:[]}];
|
|
}
|
|
self.data.FN[0]['value'] = value;
|
|
// Update the list element
|
|
self.$listelem.find('.nametext').text(value);
|
|
var nempty = true;
|
|
if(!self.data.N) {
|
|
// TODO: Maybe add a method for constructing new elements?
|
|
self.data.N = [{name:'N',value:['', '', '', '', ''],parameters:[]}];
|
|
}
|
|
$.each(self.data.N[0]['value'], function(idx, val) {
|
|
if(val) {
|
|
nempty = false;
|
|
return false;
|
|
}
|
|
});
|
|
if(nempty) {
|
|
self.data.N[0]['value'] = ['', '', '', '', ''];
|
|
var nvalue = value.split(' ');
|
|
// Very basic western style parsing. I'm not gonna implement
|
|
// https://github.com/android/platform_packages_providers_contactsprovider/blob/master/src/com/android/providers/contacts/NameSplitter.java ;)
|
|
self.data.N[0]['value'][0] = nvalue.length > 2 && nvalue.slice(nvalue.length-1).toString() || nvalue[1] || '';
|
|
self.data.N[0]['value'][1] = nvalue[0] || '';
|
|
self.data.N[0]['value'][2] = nvalue.length > 2 && nvalue.slice(1, nvalue.length-1).join(' ') || '';
|
|
setTimeout(function() {
|
|
// TODO: Hint to user to check if name is properly formatted
|
|
//console.log('auto creating N', self.data.N[0].value)
|
|
self.saveProperty({name:'N', value:self.data.N[0].value.join(';')});
|
|
setTimeout(function() {
|
|
self.$fullelem.find('.fullname').next('.action.edit').trigger('click');
|
|
OC.notify({message:t('contacts', 'Is this correct?')});
|
|
}
|
|
, 1000);
|
|
}
|
|
, 500);
|
|
}
|
|
$(document).trigger('status.contact.renamed', {
|
|
id: self.id,
|
|
contact: self
|
|
});
|
|
break;
|
|
case 'N':
|
|
if(!utils.isArray(value)) {
|
|
value = value.split(';');
|
|
// Then it is auto-generated from FN.
|
|
var $nelems = self.$fullelem.find('.n.editor input');
|
|
$.each(value, function(idx, val) {
|
|
self.$fullelem.find('#n_' + idx).val(val);
|
|
});
|
|
}
|
|
case 'NICKNAME':
|
|
case 'BDAY':
|
|
case 'ORG':
|
|
case 'TITLE':
|
|
case 'NOTE':
|
|
self.data[element][0] = {
|
|
name: element,
|
|
value: value,
|
|
parameters: self.parametersFor(obj),
|
|
checksum: jsondata.data.checksum
|
|
};
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
}
|
|
self.setAsSaving(obj, false);
|
|
return true;
|
|
} else {
|
|
$(document).trigger('status.contact.error', {
|
|
status: 'error',
|
|
message: jsondata.data.message
|
|
});
|
|
self.setAsSaving(obj, false);
|
|
return false;
|
|
}
|
|
},'json');
|
|
};
|
|
|
|
/**
|
|
* Hide contact list element.
|
|
*/
|
|
Contact.prototype.hide = function() {
|
|
this.getListItemElement().hide();
|
|
};
|
|
|
|
/**
|
|
* Remove any open contact from the DOM.
|
|
*/
|
|
Contact.prototype.close = function() {
|
|
console.log('Contact.close', this);
|
|
if(this.$fullelem) {
|
|
this.$fullelem.remove();
|
|
return true;
|
|
} else {
|
|
return false;
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Remove any open contact from the DOM and detach it's list
|
|
* element from the DOM.
|
|
* @returns The contact object.
|
|
*/
|
|
Contact.prototype.detach = function() {
|
|
if(this.$fullelem) {
|
|
this.$fullelem.remove();
|
|
}
|
|
if(this.$listelem) {
|
|
this.$listelem.detach();
|
|
return this;
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Set a contacts list element as (un)checked
|
|
* @returns The contact object.
|
|
*/
|
|
Contact.prototype.setChecked = function(checked) {
|
|
if(this.$listelem) {
|
|
this.$listelem.find('input:checkbox').prop('checked', checked);
|
|
return this;
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Set a contact to en/disabled depending on its permissions.
|
|
* @param boolean enabled
|
|
*/
|
|
Contact.prototype.setEnabled = function(enabled) {
|
|
if(enabled) {
|
|
this.$fullelem.find('#addproperty').show();
|
|
} else {
|
|
this.$fullelem.find('#addproperty').hide();
|
|
}
|
|
this.enabled = enabled;
|
|
this.$fullelem.find('.value,.action,.parameter').each(function () {
|
|
$(this).prop('disabled', !enabled);
|
|
});
|
|
$(document).trigger('status.contact.enabled', enabled);
|
|
};
|
|
|
|
/**
|
|
* Add a contact from data store and remove it from the DOM
|
|
* @params params. An object which can contain the optional properties:
|
|
* aid: The id of the addressbook to add the contact to. Per default it will be added to the first.
|
|
* fn: The formatted name of the contact.
|
|
* @param cb Optional callback function which
|
|
* @returns The callback gets an object as argument with a variable 'status' of either 'success'
|
|
* or 'error'. On success the 'data' property of that object contains the contact id as 'id', the
|
|
* addressbook id as 'aid' and the contact data structure as 'details'.
|
|
*/
|
|
Contact.prototype.add = function(params, cb) {
|
|
var self = this;
|
|
$.post(OC.filePath('contacts', 'ajax', 'contact/add.php'),
|
|
params, function(jsondata) {
|
|
if(!jsondata) {
|
|
$(document).trigger('status.contact.error', {
|
|
status: 'error',
|
|
message: t('contacts', 'Network or server error. Please inform administrator.')
|
|
});
|
|
return false;
|
|
}
|
|
if(jsondata.status === 'success') {
|
|
self.id = parseInt(jsondata.data.id);
|
|
self.access.id = parseInt(jsondata.data.aid);
|
|
self.data = jsondata.data.details;
|
|
// Add contact to current group
|
|
if(self.groupprops && self.groupprops.currentgroup.name !== 'all'
|
|
&& self.groupprops.currentgroup.name !== 'fav') {
|
|
if(!self.data.CATEGORIES) {
|
|
self.data.CATEGORIES = [{value:[self.groupprops.currentgroup.name], parameters:[]}];
|
|
// Save to vCard
|
|
self.saveProperty({name:'CATEGORIES', value:self.data.CATEGORIES[0].value.join(',') });
|
|
// Tell OC.Contacts to save in backend
|
|
$(document).trigger('request.contact.addtogroup', {
|
|
id: self.id,
|
|
groupid: self.groupprops.currentgroup.id
|
|
});
|
|
}
|
|
}
|
|
$(document).trigger('status.contact.added', {
|
|
id: self.id,
|
|
contact: self
|
|
});
|
|
}
|
|
if(typeof cb == 'function') {
|
|
cb(jsondata);
|
|
}
|
|
});
|
|
};
|
|
/**
|
|
* Delete contact from data store and remove it from the DOM
|
|
* @param cb Optional callback function which
|
|
* @returns An object with a variable 'status' of either success
|
|
* or 'error'
|
|
*/
|
|
Contact.prototype.destroy = function(cb) {
|
|
var self = this;
|
|
$.post(OC.filePath('contacts', 'ajax', 'contact/delete.php'),
|
|
{id: this.id}, function(jsondata) {
|
|
if(jsondata && jsondata.status === 'success') {
|
|
if(self.$listelem) {
|
|
self.$listelem.remove();
|
|
}
|
|
if(self.$fullelem) {
|
|
self.$fullelem.remove();
|
|
}
|
|
}
|
|
if(typeof cb == 'function') {
|
|
var retval = {status: jsondata ? jsondata.status : 'error'};
|
|
if(jsondata) {
|
|
if(jsondata.status === 'success') {
|
|
retval['id'] = jsondata.id;
|
|
} else {
|
|
retval['message'] = jsondata.message;
|
|
}
|
|
} else {
|
|
retval['message'] = t('contacts', 'There was an unknown error when trying to delete this contact');
|
|
retval['id'] = self.id;
|
|
}
|
|
cb(retval);
|
|
}
|
|
});
|
|
};
|
|
|
|
Contact.prototype.queryStringFor = function(obj) {
|
|
var q = 'id=' + this.id;
|
|
var ptype = this.propertyTypeFor(obj);
|
|
q += '&name=' + ptype;
|
|
|
|
if(this.multi_properties.indexOf(ptype) !== -1) {
|
|
q += '&checksum=' + this.checksumFor(obj);
|
|
}
|
|
|
|
if($(obj).hasClass('propertycontainer')) {
|
|
q += '&value=' + encodeURIComponent($(obj).val());
|
|
} else {
|
|
var $elements = this.propertyContainerFor(obj)
|
|
.find('input.value,select.value,textarea.value,.parameter');
|
|
if($elements.length > 1) {
|
|
q += '&' + $elements.serialize();
|
|
} else {
|
|
q += '&value=' + encodeURIComponent($elements.val());
|
|
}
|
|
}
|
|
return q;
|
|
};
|
|
|
|
Contact.prototype.propertyContainerFor = function(obj) {
|
|
return $(obj).hasClass('propertycontainer')
|
|
? $(obj)
|
|
: $(obj).parents('.propertycontainer').first();
|
|
};
|
|
|
|
Contact.prototype.checksumFor = function(obj) {
|
|
return this.propertyContainerFor(obj).data('checksum');
|
|
};
|
|
|
|
Contact.prototype.valueFor = function(obj) {
|
|
var $container = this.propertyContainerFor(obj);
|
|
console.assert($container.length > 0, 'Couldn\'t find container for ' + $(obj));
|
|
return $container.is('input')
|
|
? $container.val()
|
|
: (function() {
|
|
var $elem = $container.find('textarea.value,input.value:not(:checkbox)');
|
|
console.assert($elem.length > 0, 'Couldn\'t find value for ' + $container.data('element'));
|
|
if($elem.length === 1) {
|
|
return $elem.val();
|
|
} else if($elem.length > 1) {
|
|
var retval = [];
|
|
$.each($elem, function(idx, e) {
|
|
retval.push($(e).val());
|
|
});
|
|
return retval;
|
|
}
|
|
})();
|
|
};
|
|
|
|
Contact.prototype.parametersFor = function(obj, asText) {
|
|
var parameters = [];
|
|
$.each(this.propertyContainerFor(obj).find('select.parameter,input:checkbox:checked.parameter,textarea'), function(i, elem) {
|
|
var $elem = $(elem);
|
|
var paramname = $elem.data('parameter');
|
|
if(!parameters[paramname]) {
|
|
parameters[paramname] = [];
|
|
}
|
|
var val;
|
|
if(asText) {
|
|
if($elem.is(':checkbox')) {
|
|
val = $elem.attr('title');
|
|
} else if($elem.is('select')) {
|
|
val = $elem.find(':selected').text();
|
|
}
|
|
} else {
|
|
val = $elem.val();
|
|
}
|
|
parameters[paramname].push(val);
|
|
});
|
|
return parameters;
|
|
};
|
|
|
|
Contact.prototype.propertyTypeFor = function(obj) {
|
|
var ptype = this.propertyContainerFor(obj).data('element');
|
|
return ptype ? ptype.toUpperCase() : null;
|
|
};
|
|
|
|
/**
|
|
* Render the list item
|
|
* @return A jquery object to be inserted in the DOM
|
|
*/
|
|
Contact.prototype.renderListItem = function() {
|
|
this.$listelem = this.$listTemplate.octemplate({
|
|
id: this.id,
|
|
name: this.getPreferredValue('FN', ''),
|
|
email: this.getPreferredValue('EMAIL', ''),
|
|
tel: this.getPreferredValue('TEL', ''),
|
|
adr: this.getPreferredValue('ADR', []).clean('').join(', '),
|
|
categories: this.getPreferredValue('CATEGORIES', [])
|
|
.clean('').join(' / ')
|
|
});
|
|
if(this.access.owner !== OC.currentUser
|
|
&& !(this.access.permissions & OC.PERMISSION_UPDATE
|
|
|| this.access.permissions & OC.PERMISSION_DELETE)) {
|
|
this.$listelem.find('input:checkbox').prop('disabled', true).css('opacity', '0');
|
|
}
|
|
return this.$listelem;
|
|
};
|
|
|
|
/**
|
|
* Render the full contact
|
|
* @return A jquery object to be inserted in the DOM
|
|
*/
|
|
Contact.prototype.renderContact = function(groupprops) {
|
|
this.groupprops = groupprops;
|
|
var self = this;
|
|
var n = this.getPreferredValue('N', ['', '', '', '', '']);
|
|
//console.log('Contact.renderContact', this.data);
|
|
var values = this.data
|
|
? {
|
|
id: this.id,
|
|
favorite:groupprops.favorite ? 'active' : '',
|
|
name: this.getPreferredValue('FN', ''),
|
|
n0: n[0]||'', n1: n[1]||'', n2: n[2]||'', n3: n[3]||'', n4: n[4]||'',
|
|
nickname: this.getPreferredValue('NICKNAME', ''),
|
|
title: this.getPreferredValue('TITLE', ''),
|
|
org: this.getPreferredValue('ORG', []).clean('').join(', '), // TODO Add parts if more than one.
|
|
bday: this.getPreferredValue('BDAY', '').length >= 10
|
|
? $.datepicker.formatDate('dd-mm-yy',
|
|
$.datepicker.parseDate('yy-mm-dd',
|
|
this.getPreferredValue('BDAY', '').substring(0, 10)))
|
|
: '',
|
|
note: this.getPreferredValue('NOTE', '')
|
|
}
|
|
: {id:'', favorite:'', name:'', nickname:'', title:'', org:'', bday:'', note:'', n0:'', n1:'', n2:'', n3:'', n4:''};
|
|
this.$fullelem = this.$fullTemplate.octemplate(values).data('contactobject', this);
|
|
|
|
this.$footer = this.$fullelem.find('footer');
|
|
|
|
this.$fullelem.find('.tooltipped.rightwards.onfocus').tipsy({trigger: 'focus', gravity: 'w'});
|
|
this.$fullelem.on('submit', function() {
|
|
return false;
|
|
});
|
|
this.$addMenu = this.$fullelem.find('#addproperty');
|
|
this.$addMenu.on('change', function(event) {
|
|
//console.log('add', $(this).val());
|
|
var $opt = $(this).find('option:selected');
|
|
self.addProperty($opt, $(this).val());
|
|
$(this).val('');
|
|
});
|
|
var $fullname = this.$fullelem.find('.fullname');
|
|
this.$fullelem.find('.singleproperties').on('mouseenter', function() {
|
|
$fullname.next('.edit').css('opacity', '1');
|
|
}).on('mouseleave', function() {
|
|
$fullname.next('.edit').css('opacity', '0');
|
|
});
|
|
$fullname.next('.edit').on('click keydown', function(event) {
|
|
//console.log('edit name', event);
|
|
$('.tipsy').remove();
|
|
if(wrongKey(event)) {
|
|
return;
|
|
}
|
|
$(this).css('opacity', '0');
|
|
var $editor = $(this).next('.n.editor').first();
|
|
var bodyListener = function(e) {
|
|
if($editor.find($(e.target)).length == 0) {
|
|
$editor.toggle('blind');
|
|
$('body').unbind('click', bodyListener);
|
|
}
|
|
};
|
|
$editor.toggle('blind', function() {
|
|
$('body').bind('click', bodyListener);
|
|
});
|
|
});
|
|
|
|
this.$fullelem.on('click keydown', '.delete', function(event) {
|
|
$('.tipsy').remove();
|
|
if(wrongKey(event)) {
|
|
return;
|
|
}
|
|
self.deleteProperty({obj:event.target});
|
|
});
|
|
|
|
this.$footer.on('click keydown', 'button', function(event) {
|
|
$('.tipsy').remove();
|
|
if(wrongKey(event)) {
|
|
return;
|
|
}
|
|
if($(this).is('.close') || $(this).is('.cancel')) {
|
|
$(document).trigger('request.contact.close', {
|
|
id: self.id
|
|
});
|
|
} else if($(this).is('.export')) {
|
|
$(document).trigger('request.contact.export', {
|
|
id: self.id
|
|
});
|
|
} else if($(this).is('.delete')) {
|
|
$(document).trigger('request.contact.delete', {
|
|
id: self.id
|
|
});
|
|
}
|
|
return false;
|
|
});
|
|
this.$fullelem.on('keypress', '.value,.parameter', function(event) {
|
|
if(event.keyCode === 13 && $(this).is('input')) {
|
|
$(this).trigger('change');
|
|
// Prevent a second save on blur.
|
|
this.defaultValue = this.value;
|
|
return false;
|
|
} else if(event.keyCode === 27) {
|
|
$(document).trigger('request.contact.close', {
|
|
id: self.id
|
|
});
|
|
}
|
|
});
|
|
|
|
this.$fullelem.on('change', '.value,.parameter', function(event) {
|
|
if(this.value === this.defaultValue) {
|
|
return;
|
|
}
|
|
self.saveProperty({obj:event.target});
|
|
});
|
|
|
|
this.$fullelem.find('[data-element="bday"]')
|
|
.find('input').datepicker({
|
|
dateFormat : 'dd-mm-yy'
|
|
});
|
|
this.$fullelem.find('.favorite').on('click', function () {
|
|
var state = $(this).hasClass('active');
|
|
if(!self.data) {
|
|
return;
|
|
}
|
|
if(state) {
|
|
$(this).switchClass('active', 'inactive');
|
|
} else {
|
|
$(this).switchClass('inactive', 'active');
|
|
}
|
|
$(document).trigger('request.contact.setasfavorite', {
|
|
id: self.id,
|
|
state: !state
|
|
});
|
|
});
|
|
this.loadPhoto();
|
|
if(!this.data) {
|
|
// A new contact
|
|
this.setEnabled(true);
|
|
this.showActions(['cancel']);
|
|
return this.$fullelem;
|
|
}
|
|
// Loop thru all single occurrence values. If not set hide the
|
|
// element, if set disable the add menu entry.
|
|
$.each(values, function(name, value) {
|
|
if(typeof value === 'undefined') {
|
|
return true; //continue
|
|
}
|
|
value = value.toString();
|
|
if(self.multi_properties.indexOf(value.toUpperCase()) === -1) {
|
|
if(!value.length) {
|
|
self.$fullelem.find('[data-element="' + name + '"]').hide();
|
|
} else {
|
|
self.$addMenu.find('option[value="' + name.toUpperCase() + '"]').prop('disabled', true);
|
|
}
|
|
}
|
|
});
|
|
$.each(this.multi_properties, function(idx, name) {
|
|
if(self.data[name]) {
|
|
var $list = self.$fullelem.find('ul.' + name.toLowerCase());
|
|
$list.show();
|
|
for(var p in self.data[name]) {
|
|
if(typeof self.data[name][p] === 'object') {
|
|
var property = self.data[name][p];
|
|
//console.log(name, p, property);
|
|
var $property = null;
|
|
switch(name) {
|
|
case 'TEL':
|
|
case 'URL':
|
|
case 'EMAIL':
|
|
$property = self.renderStandardProperty(name.toLowerCase(), property);
|
|
if(self.data[name].length >= 1) {
|
|
$property.find('input:checkbox[value="PREF"]').hide();
|
|
}
|
|
break;
|
|
case 'ADR':
|
|
$property = self.renderAddressProperty(idx, property);
|
|
break;
|
|
case 'IMPP':
|
|
$property = self.renderIMProperty(property);
|
|
break;
|
|
}
|
|
if(!$property) {
|
|
continue;
|
|
}
|
|
//console.log('$property', $property);
|
|
var meta = [];
|
|
if(property.label) {
|
|
if(!property.parameters['TYPE']) {
|
|
property.parameters['TYPE'] = [];
|
|
}
|
|
property.parameters['TYPE'].push(property.label);
|
|
meta.push(property.label);
|
|
}
|
|
for(var param in property.parameters) {
|
|
//console.log('param', param);
|
|
if(param.toUpperCase() == 'PREF') {
|
|
var $cb = $property.find('input[type="checkbox"]');
|
|
$cb.attr('checked', 'checked');
|
|
meta.push($cb.attr('title'));
|
|
}
|
|
else if(param.toUpperCase() == 'TYPE') {
|
|
for(var etype in property.parameters[param]) {
|
|
var found = false;
|
|
var et = property.parameters[param][etype];
|
|
if(typeof et !== 'string') {
|
|
continue;
|
|
}
|
|
//console.log('et', et);
|
|
if(et.toUpperCase() === 'INTERNET') {
|
|
continue;
|
|
}
|
|
$property.find('select.type option').each(function() {
|
|
if($(this).val().toUpperCase() === et.toUpperCase()) {
|
|
$(this).attr('selected', 'selected');
|
|
meta.push($(this).text());
|
|
found = true;
|
|
}
|
|
});
|
|
if(!found) {
|
|
$property.find('select.type option:last-child').after('<option value="'+et+'" selected="selected">'+et+'</option>');
|
|
}
|
|
}
|
|
}
|
|
else if(param.toUpperCase() == 'X-SERVICE-TYPE') {
|
|
//console.log('setting', $property.find('select.impp'), 'to', property.parameters[param].toLowerCase());
|
|
$property.find('select.impp').val(property.parameters[param].toLowerCase());
|
|
}
|
|
}
|
|
var $meta = $property.find('.meta');
|
|
if($meta.length) {
|
|
$meta.html(meta.join('/'));
|
|
}
|
|
if(self.access.owner === OC.currentUser
|
|
|| self.access.permissions & OC.PERMISSION_UPDATE
|
|
|| self.access.permissions & OC.PERMISSION_DELETE) {
|
|
$property.find('select.type[name="parameters[TYPE][]"]')
|
|
.combobox({
|
|
singleclick: true,
|
|
classes: ['propertytype', 'float', 'label']
|
|
});
|
|
}
|
|
$list.append($property);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
if(this.access.owner !== OC.currentUser
|
|
&& !(this.access.permissions & OC.PERMISSION_UPDATE
|
|
|| this.access.permissions & OC.PERMISSION_DELETE)) {
|
|
this.setEnabled(false);
|
|
this.showActions(['close', 'export']);
|
|
} else {
|
|
this.setEnabled(true);
|
|
this.showActions(['close', 'add', 'export', 'delete']);
|
|
}
|
|
return this.$fullelem;
|
|
};
|
|
|
|
Contact.prototype.isEditable = function() {
|
|
return ((this.access.owner === OC.currentUser)
|
|
|| (this.access.permissions & OC.PERMISSION_UPDATE
|
|
|| this.access.permissions & OC.PERMISSION_DELETE));
|
|
};
|
|
|
|
/**
|
|
* Render a simple property. Used for EMAIL and TEL.
|
|
* @return A jquery object to be injected in the DOM
|
|
*/
|
|
Contact.prototype.renderStandardProperty = function(name, property) {
|
|
if(!this.detailTemplates[name]) {
|
|
console.error('No template for', name);
|
|
return;
|
|
}
|
|
var values = property
|
|
? { value: property.value, checksum: property.checksum }
|
|
: { value: '', checksum: 'new' };
|
|
return this.detailTemplates[name].octemplate(values);
|
|
};
|
|
|
|
/**
|
|
* Render an ADR (address) property.
|
|
* @return A jquery object to be injected in the DOM
|
|
*/
|
|
Contact.prototype.renderAddressProperty = function(idx, property) {
|
|
if(!this.detailTemplates['adr']) {
|
|
console.warn('No template for adr', this.detailTemplates);
|
|
return;
|
|
}
|
|
if(typeof idx === 'undefined') {
|
|
if(this.data && this.data.ADR && this.data.ADR.length > 0) {
|
|
idx = this.data.ADR.length - 1;
|
|
} else {
|
|
idx = 0;
|
|
}
|
|
}
|
|
var values = property ? {
|
|
value: property.value.clean('').join(', '),
|
|
checksum: property.checksum,
|
|
adr0: property.value[0] || '',
|
|
adr1: property.value[1] || '',
|
|
adr2: property.value[2] || '',
|
|
adr3: property.value[3] || '',
|
|
adr4: property.value[4] || '',
|
|
adr5: property.value[5] || '',
|
|
adr6: property.value[6] || '',
|
|
idx: idx
|
|
}
|
|
: {value:'', checksum:'new', adr0:'', adr1:'', adr2:'', adr3:'', adr4:'', adr5:'', adr6:'', idx: idx};
|
|
var $elem = this.detailTemplates['adr'].octemplate(values);
|
|
var self = this;
|
|
$elem.find('.tooltipped.downwards:not(.onfocus)').tipsy({gravity: 'n'});
|
|
$elem.find('.tooltipped.rightwards.onfocus').tipsy({trigger: 'focus', gravity: 'w'});
|
|
$elem.find('.display').on('click', function() {
|
|
$(this).next('.listactions').hide();
|
|
var $editor = $(this).siblings('.adr.editor').first();
|
|
var $viewer = $(this);
|
|
var bodyListener = function(e) {
|
|
if($editor.find($(e.target)).length == 0) {
|
|
$editor.toggle('blind');
|
|
$viewer.slideDown(400, function() {
|
|
var input = $editor.find('input').first();
|
|
var val = self.valueFor(input);
|
|
var params = self.parametersFor(input, true);
|
|
$(this).find('.meta').html(params['TYPE'].join('/'));
|
|
$(this).find('.adr').html(escapeHTML(self.valueFor($editor.find('input').first()).clean('').join(', ')));
|
|
$(this).next('.listactions').css('display', 'inline-block');
|
|
$('body').unbind('click', bodyListener);
|
|
});
|
|
}
|
|
};
|
|
$viewer.slideUp();
|
|
$editor.toggle('blind', function() {
|
|
$('body').bind('click', bodyListener);
|
|
});
|
|
});
|
|
$elem.find('.value.city')
|
|
.autocomplete({
|
|
source: function( request, response ) {
|
|
$.ajax({
|
|
url: "http://ws.geonames.org/searchJSON",
|
|
dataType: "jsonp",
|
|
data: {
|
|
featureClass: "P",
|
|
style: "full",
|
|
maxRows: 12,
|
|
lang: lang,
|
|
name_startsWith: request.term
|
|
},
|
|
success: function( data ) {
|
|
response( $.map( data.geonames, function( item ) {
|
|
return {
|
|
label: item.name + (item.adminName1 ? ", " + item.adminName1 : "") + ", " + item.countryName,
|
|
value: item.name,
|
|
country: item.countryName
|
|
};
|
|
}));
|
|
}
|
|
});
|
|
},
|
|
minLength: 2,
|
|
select: function( event, ui ) {
|
|
if(ui.item && $elem.find('.value.country').val().trim().length == 0) {
|
|
$elem.find('.value.country').val(ui.item.country);
|
|
}
|
|
}
|
|
});
|
|
$elem.find('.value.country')
|
|
.autocomplete({
|
|
source: function( request, response ) {
|
|
$.ajax({
|
|
url: "http://ws.geonames.org/searchJSON",
|
|
dataType: "jsonp",
|
|
data: {
|
|
/*featureClass: "A",*/
|
|
featureCode: "PCLI",
|
|
/*countryBias: "true",*/
|
|
/*style: "full",*/
|
|
lang: lang,
|
|
maxRows: 12,
|
|
name_startsWith: request.term
|
|
},
|
|
success: function( data ) {
|
|
response( $.map( data.geonames, function( item ) {
|
|
return {
|
|
label: item.name,
|
|
value: item.name
|
|
};
|
|
}));
|
|
}
|
|
});
|
|
},
|
|
minLength: 2
|
|
});
|
|
return $elem;
|
|
};
|
|
|
|
/**
|
|
* Render an IMPP (Instant Messaging) property.
|
|
* @return A jquery object to be injected in the DOM
|
|
*/
|
|
Contact.prototype.renderIMProperty = function(property) {
|
|
if(!this.detailTemplates['impp']) {
|
|
console.warn('No template for impp', this.detailTemplates);
|
|
return;
|
|
}
|
|
var values = property ? {
|
|
value: property.value,
|
|
checksum: property.checksum
|
|
} : {value: '', checksum: 'new'};
|
|
return this.detailTemplates['impp'].octemplate(values);
|
|
};
|
|
|
|
/**
|
|
* Render the PHOTO property.
|
|
*/
|
|
Contact.prototype.loadPhoto = function(dontloadhandlers) {
|
|
var self = this;
|
|
var id = this.id || 'new';
|
|
var refreshstr = '&refresh='+Math.random();
|
|
this.$photowrapper = this.$fullelem.find('#photowrapper');
|
|
this.$photowrapper.addClass('loading').addClass('wait');
|
|
var $phototools = this.$fullelem.find('#phototools');
|
|
delete this.photo;
|
|
$('img.contactphoto').remove();
|
|
this.photo = new Image();
|
|
$(this.photo).load(function () {
|
|
$(this).addClass('contactphoto');
|
|
self.$photowrapper.css({width: $(this).get(0).width + 10, height: $(this).get(0).height + 10});
|
|
self.$photowrapper.removeClass('loading').removeClass('wait');
|
|
$(this).insertAfter($phototools).fadeIn();
|
|
}).error(function () {
|
|
OC.notify({message:t('contacts','Error loading profile picture.')});
|
|
}).attr('src', OC.linkTo('contacts', 'photo.php')+'?id='+id+refreshstr);
|
|
|
|
if(!dontloadhandlers && this.isEditable()) {
|
|
this.$photowrapper.on('mouseenter', function(event) {
|
|
if($(event.target).is('.favorite') || !self.data) {
|
|
return;
|
|
}
|
|
$phototools.slideDown(200);
|
|
}).on('mouseleave', function() {
|
|
$phototools.slideUp(200);
|
|
});
|
|
$phototools.hover( function () {
|
|
$(this).removeClass('transparent');
|
|
}, function () {
|
|
$(this).addClass('transparent');
|
|
});
|
|
$phototools.find('li a').tipsy();
|
|
|
|
$phototools.find('.edit').on('click', function() {
|
|
$(document).trigger('request.edit.contactphoto', {
|
|
id: self.id
|
|
});
|
|
});
|
|
$phototools.find('.cloud').on('click', function() {
|
|
$(document).trigger('request.select.contactphoto.fromcloud', {
|
|
id: self.id
|
|
});
|
|
});
|
|
$phototools.find('.upload').on('click', function() {
|
|
$(document).trigger('request.select.contactphoto.fromlocal', {
|
|
id: self.id
|
|
});
|
|
});
|
|
if(this.data && this.data.PHOTO) {
|
|
$phototools.find('.delete').show();
|
|
$phototools.find('.edit').show();
|
|
} else {
|
|
$phototools.find('.delete').hide();
|
|
$phototools.find('.edit').hide();
|
|
}
|
|
$(document).bind('status.contact.photoupdated', function(e, result) {
|
|
self.loadPhoto(true);
|
|
var refreshstr = '&refresh='+Math.random();
|
|
self.getListItemElement().find('td.name')
|
|
.css('background', 'url(' + OC.filePath('', '', 'remote.php')+'/contactthumbnail?id='+self.id+refreshstr + ')');
|
|
});
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Get the jquery element associated with this object
|
|
*/
|
|
Contact.prototype.getListItemElement = function() {
|
|
if(!this.$listelem) {
|
|
this.renderListItem();
|
|
}
|
|
return this.$listelem;
|
|
};
|
|
|
|
/**
|
|
* Get the preferred value for a property.
|
|
* If a preferred value is not found the first one will be returned.
|
|
* @param string name The name of the property like EMAIL, TEL or ADR.
|
|
* @param def A default value to return if nothing is found.
|
|
*/
|
|
Contact.prototype.getPreferredValue = function(name, def) {
|
|
var pref = def, found = false;
|
|
if(this.data && this.data[name]) {
|
|
var props = this.data[name];
|
|
//console.log('props', props);
|
|
$.each(props, function( i, prop ) {
|
|
//console.log('prop:', i, prop);
|
|
if(i === 0) { // Choose first to start with
|
|
pref = prop.value;
|
|
}
|
|
for(var param in prop.parameters) {
|
|
if(param.toUpperCase() == 'PREF') {
|
|
found = true; //
|
|
break;
|
|
}
|
|
}
|
|
if(found) {
|
|
return false; // break out of loop
|
|
}
|
|
});
|
|
}
|
|
return pref;
|
|
};
|
|
|
|
/**
|
|
* Returns true/false depending on the contact being in the
|
|
* specified group.
|
|
* @param String name The group name (not case-sensitive)
|
|
* @returns Boolean
|
|
*/
|
|
Contact.prototype.inGroup = function(name) {
|
|
if(!this.data.CATEGORIES) {
|
|
return false;
|
|
}
|
|
|
|
categories = this.data.CATEGORIES[0].value;
|
|
for(var i in categories) {
|
|
if(typeof categories[i] === 'string' && (name.toLowerCase() === categories[i].toLowerCase())) {
|
|
return true;
|
|
}
|
|
}
|
|
return false;
|
|
};
|
|
|
|
/**
|
|
* Add this contact to a group
|
|
* @param String name The group name
|
|
*/
|
|
Contact.prototype.addToGroup = function(name) {
|
|
console.log('addToGroup', name);
|
|
if(!this.data.CATEGORIES) {
|
|
this.data.CATEGORIES = [{value:[name]}];
|
|
} else {
|
|
if(this.inGroup(name)) {
|
|
return;
|
|
}
|
|
this.data.CATEGORIES[0].value.push(name);
|
|
if(this.$listelem) {
|
|
this.$listelem.find('td.categories')
|
|
.text(this.getPreferredValue('CATEGORIES', []).clean('').join(' / '));
|
|
}
|
|
}
|
|
this.saveProperty({name:'CATEGORIES', value:this.data.CATEGORIES[0].value.join(',') });
|
|
};
|
|
|
|
/**
|
|
* Remove this contact to a group
|
|
* @param String name The group name
|
|
*/
|
|
Contact.prototype.removeFromGroup = function(name) {
|
|
console.log('removeFromGroup', name);
|
|
if(!this.data.CATEGORIES) {
|
|
return;
|
|
} else {
|
|
var found = false;
|
|
var categories = [];
|
|
$.each(this.data.CATEGORIES[0].value, function(idx, category) {
|
|
if(name.toLowerCase() === category.toLowerCase()) {
|
|
found = true;
|
|
} else {
|
|
categories.push(category);
|
|
}
|
|
});
|
|
if(!found) {
|
|
return;
|
|
}
|
|
this.data.CATEGORIES[0].value = categories;
|
|
//this.data.CATEGORIES[0].value.splice(this.data.CATEGORIES[0].value.indexOf(name), 1);
|
|
if(this.$listelem) {
|
|
this.$listelem.find('td.categories')
|
|
.text(categories.join(' / '));
|
|
}
|
|
}
|
|
this.saveProperty({name:'CATEGORIES', value:this.data.CATEGORIES[0].value.join(',') });
|
|
};
|
|
|
|
Contact.prototype.setCurrent = function(on) {
|
|
if(on) {
|
|
this.$listelem.addClass('active');
|
|
} else {
|
|
this.$listelem.removeClass('active');
|
|
}
|
|
$(document).trigger('status.contact.currentlistitem', {
|
|
id: this.id,
|
|
pos: Math.round(this.$listelem.position().top),
|
|
height: Math.round(this.$listelem.height())
|
|
});
|
|
};
|
|
|
|
Contact.prototype.next = function() {
|
|
var $next = this.$listelem.next('tr');
|
|
if($next.length > 0) {
|
|
this.$listelem.removeClass('active');
|
|
$next.addClass('active');
|
|
$(document).trigger('status.contact.currentlistitem', {
|
|
id: parseInt($next.data('id')),
|
|
pos: Math.round($next.position().top),
|
|
height: Math.round($next.height())
|
|
});
|
|
}
|
|
};
|
|
|
|
Contact.prototype.prev = function() {
|
|
var $prev = this.$listelem.prev('tr');
|
|
if($prev.length > 0) {
|
|
this.$listelem.removeClass('active');
|
|
$prev.addClass('active');
|
|
$(document).trigger('status.contact.currentlistitem', {
|
|
id: parseInt($prev.data('id')),
|
|
pos: Math.round($prev.position().top),
|
|
height: Math.round($prev.height())
|
|
});
|
|
}
|
|
};
|
|
|
|
var ContactList = function(contactlist, contactlistitemtemplate, contactfulltemplate, contactdetailtemplates) {
|
|
//console.log('ContactList', contactlist, contactlistitemtemplate, contactfulltemplate, contactdetailtemplates);
|
|
var self = this;
|
|
this.length = 0;
|
|
this.contacts = {};
|
|
this.deletionQueue = [];
|
|
this.$contactList = contactlist;
|
|
this.$contactListItemTemplate = contactlistitemtemplate;
|
|
this.$contactFullTemplate = contactfulltemplate;
|
|
this.contactDetailTemplates = contactdetailtemplates;
|
|
this.$contactList.scrollTop(0);
|
|
this.loadContacts(0);
|
|
$(document).bind('status.contact.added', function(e, data) {
|
|
self.contacts[parseInt(data.id)] = data.contact;
|
|
self.insertContact(data.contact.renderListItem());
|
|
});
|
|
|
|
$(document).bind('status.contact.renamed', function(e, data) {
|
|
self.insertContact(data.contact.getListItemElement().detach());
|
|
});
|
|
};
|
|
|
|
/**
|
|
* Show/hide contacts belonging to an addressbook.
|
|
* @param int aid. Addressbook id.
|
|
* @param boolean show. Whether to show or hide.
|
|
* @param boolean hideothers. Used when showing shared addressbook as a group.
|
|
*/
|
|
ContactList.prototype.showFromAddressbook = function(aid, show, hideothers) {
|
|
console.log('ContactList.showFromAddressbook', aid, show);
|
|
aid = parseInt(aid);
|
|
for(var contact in this.contacts) {
|
|
if(this.contacts[contact].access.id === aid) {
|
|
this.contacts[contact].getListItemElement().toggle(show);
|
|
} else if(hideothers) {
|
|
this.contacts[contact].getListItemElement().hide();
|
|
}
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Show/hide contacts belonging to shared addressbooks.
|
|
* @param boolean show. Whether to show or hide.
|
|
*/
|
|
ContactList.prototype.showSharedAddressbooks = function(show) {
|
|
console.log('ContactList.showSharedAddressbooks', show);
|
|
for(var contact in this.contacts) {
|
|
if(this.contacts[contact].access.owner !== OC.currentUser) {
|
|
if(show) {
|
|
this.contacts[contact].getListItemElement().show();
|
|
} else {
|
|
this.contacts[contact].getListItemElement().hide();
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Show contacts in list
|
|
* @param Array contacts. A list of contact ids.
|
|
*/
|
|
ContactList.prototype.showContacts = function(contacts) {
|
|
if(contacts.length === 0) {
|
|
// ~5 times faster
|
|
$('tr:visible.contact').hide();
|
|
return;
|
|
}
|
|
if(contacts === 'all') {
|
|
// ~2 times faster
|
|
$('tr.contact:not(:visible)').show();
|
|
return;
|
|
}
|
|
for(var contact in this.contacts) {
|
|
contact = parseInt(contact);
|
|
if(contacts.indexOf(contact) === -1) {
|
|
this.contacts[contact].getListItemElement().hide();
|
|
} else {
|
|
this.contacts[contact].getListItemElement().show();
|
|
}
|
|
}
|
|
};
|
|
|
|
ContactList.prototype.contactPos = function(id) {
|
|
if(!id) {
|
|
console.warn('id missing');
|
|
return false;
|
|
}
|
|
var $elem = this.contacts[parseInt(id)].getListItemElement();
|
|
var pos = $elem.offset().top - this.$contactList.offset().top + this.$contactList.scrollTop();
|
|
return pos;
|
|
};
|
|
|
|
ContactList.prototype.hideContact = function(id) {
|
|
this.contacts[parseInt(id)].hide();
|
|
};
|
|
|
|
ContactList.prototype.closeContact = function(id) {
|
|
this.contacts[parseInt(id)].close();
|
|
};
|
|
|
|
/**
|
|
* Returns a Contact object by searching for its id
|
|
* @param id the id of the node
|
|
* @return the Contact object or undefined if not found.
|
|
* FIXME: If continious loading is reintroduced this will have
|
|
* to load the requested contact if not in list.
|
|
*/
|
|
ContactList.prototype.findById = function(id) {
|
|
return this.contacts[parseInt(id)];
|
|
};
|
|
|
|
ContactList.prototype.delayedDelete = function(id) {
|
|
var self = this;
|
|
if(utils.isUInt(id)) {
|
|
this.currentContact = null;
|
|
self.$contactList.show();
|
|
this.deletionQueue.push(id);
|
|
} else if(utils.isArray(id)) {
|
|
$.extend(this.deletionQueue, id);
|
|
} else {
|
|
throw { name: 'WrongParameterType', message: 'ContactList.delayedDelete only accept integers or arrays.'};
|
|
}
|
|
$.each(this.deletionQueue, function(idx, id) {
|
|
self.contacts[id].detach().setChecked(false);
|
|
});
|
|
console.log('deletionQueue', this.deletionQueue);
|
|
if(!window.onbeforeunload) {
|
|
window.onbeforeunload = function(e) {
|
|
e = e || window.event;
|
|
var warn = t('contacts', 'Some contacts are marked for deletion, but not deleted yet. Please wait for them to be deleted.');
|
|
if (e) {
|
|
e.returnValue = String(warn);
|
|
}
|
|
return warn;
|
|
};
|
|
}
|
|
if(this.$contactList.find('tr:visible').length === 0) {
|
|
$(document).trigger('status.visiblecontacts');
|
|
}
|
|
OC.notify({
|
|
message:t('contacts','Click to undo deletion of {num} contacts', {num: self.deletionQueue.length}),
|
|
//timeout:5,
|
|
timeouthandler:function() {
|
|
console.log('timeout');
|
|
// Don't fire all deletes at once
|
|
self.deletionTimer = setInterval('self.deleteContacts()', 500);
|
|
},
|
|
clickhandler:function() {
|
|
console.log('clickhandler');
|
|
$.each(self.deletionQueue, function(idx, id) {
|
|
self.insertContact(self.contacts[id].getListItemElement());
|
|
});
|
|
OC.notify({cancel:true});
|
|
OC.notify({message:t('contacts', 'Cancelled deletion of {num}', {num: self.deletionQueue.length})});
|
|
self.deletionQueue = [];
|
|
window.onbeforeunload = null;
|
|
}
|
|
});
|
|
};
|
|
|
|
/**
|
|
* Delete a contact with this id
|
|
* @param id the id of the contact
|
|
*/
|
|
ContactList.prototype.deleteContacts = function() {
|
|
var self = this;
|
|
console.log('ContactList.deleteContacts, deletionQueue', this.deletionQueue);
|
|
if(typeof this.deletionTimer === 'undefined') {
|
|
console.log('No deletion timer!');
|
|
window.onbeforeunload = null;
|
|
return;
|
|
}
|
|
|
|
var id = this.deletionQueue.shift();
|
|
if(typeof id === 'undefined') {
|
|
clearInterval(this.deletionTimer);
|
|
delete this.deletionTimer;
|
|
window.onbeforeunload = null;
|
|
return;
|
|
}
|
|
|
|
// Let contact remove itself.
|
|
self.contacts[id].destroy(function(response) {
|
|
console.log('deleteContact', response);
|
|
if(response.status === 'success') {
|
|
delete self.contacts[id];
|
|
$(document).trigger('status.contact.deleted', {
|
|
id: id
|
|
});
|
|
self.length -= 1;
|
|
if(self.length === 0) {
|
|
$(document).trigger('status.nomorecontacts');
|
|
}
|
|
} else {
|
|
OC.notify({message:response.message});
|
|
}
|
|
});
|
|
};
|
|
|
|
/**
|
|
* Opens the contact with this id in edit mode
|
|
* @param id the id of the contact
|
|
* @returns A jquery object to be inserted in the DOM.
|
|
*/
|
|
ContactList.prototype.showContact = function(id, props) {
|
|
console.assert(typeof id === 'number', 'ContactList.showContact called with a non-number');
|
|
this.currentContact = id;
|
|
console.log('Contacts.showContact', id, this.contacts[this.currentContact], this.contacts);
|
|
return this.contacts[this.currentContact].renderContact(props);
|
|
};
|
|
|
|
/**
|
|
* Insert a rendered contact list item into the list
|
|
* @param contact jQuery object.
|
|
*/
|
|
ContactList.prototype.insertContact = function($contact) {
|
|
$contact.draggable({
|
|
distance: 10,
|
|
revert: 'invalid',
|
|
//containment: '#content',
|
|
opacity: 0.8, helper: 'clone',
|
|
zIndex: 1000
|
|
});
|
|
var name = $contact.find('.nametext').text().toLowerCase();
|
|
var added = false;
|
|
this.$contactList.find('tr').each(function() {
|
|
if ($(this).find('.nametext').text().toLowerCase().localeCompare(name) > 0) {
|
|
$(this).before($contact);
|
|
added = true;
|
|
return false;
|
|
}
|
|
});
|
|
if(!added) {
|
|
this.$contactList.append($contact);
|
|
}
|
|
$contact.show();
|
|
return $contact;
|
|
};
|
|
|
|
/**
|
|
* Add contact
|
|
* @param object props
|
|
*/
|
|
ContactList.prototype.addContact = function(props) {
|
|
var contact = new Contact(
|
|
this,
|
|
null,
|
|
{owner:OC.currentUser, permissions: 31},
|
|
null,
|
|
this.$contactListItemTemplate,
|
|
this.$contactFullTemplate,
|
|
this.contactDetailTemplates
|
|
);
|
|
if(this.currentContact) {
|
|
console.assert(typeof this.currentContact == 'number', 'this.currentContact is not a number');
|
|
this.contacts[this.currentContact].close();
|
|
}
|
|
return contact.renderContact(props);
|
|
};
|
|
|
|
/**
|
|
* Get contacts selected in list
|
|
*
|
|
* @returns array of integer contact ids.
|
|
*/
|
|
ContactList.prototype.getSelectedContacts = function() {
|
|
var contacts = [];
|
|
|
|
$.each(this.$contactList.find('tr > td > input:checkbox:visible:checked'), function(a, b) {
|
|
contacts.push(parseInt($(b).parents('tr').first().data('id')));
|
|
});
|
|
return contacts;
|
|
};
|
|
|
|
ContactList.prototype.setCurrent = function(id, deselect_other) {
|
|
self = this;
|
|
if(deselect_other === true) {
|
|
$.each(this.contacts, function(contact) {
|
|
self.contacts[contact].setCurrent(false);
|
|
});
|
|
}
|
|
this.contacts[parseInt(id)].setCurrent(true);
|
|
};
|
|
|
|
// Should only be neccesary with progressive loading, but it's damn fast, so... ;)
|
|
ContactList.prototype.doSort = function() {
|
|
var self = this;
|
|
var rows = this.$contactList.find('tr').get();
|
|
|
|
rows.sort(function(a, b) {
|
|
return $(a).find('td.name').text().toUpperCase().localeCompare($(b).find('td.name').text().toUpperCase());
|
|
});
|
|
|
|
$.each(rows, function(index, row) {
|
|
self.$contactList.append(row);
|
|
});
|
|
};
|
|
|
|
/**
|
|
* Save addressbook data
|
|
* @param int id
|
|
*/
|
|
ContactList.prototype.unsetAddressbook = function(id) {
|
|
delete this.addressbooks[id];
|
|
};
|
|
|
|
/**
|
|
* Save addressbook data
|
|
* @param object book
|
|
*/
|
|
ContactList.prototype.setAddressbook = function(book) {
|
|
this.addressbooks[parseInt(book.id)] = {
|
|
owner: book.userid,
|
|
uri: book.uri,
|
|
permissions: parseInt(book.permissions),
|
|
id: parseInt(book.id),
|
|
displayname: book.displayname,
|
|
description: book.description,
|
|
active: Boolean(parseInt(book.active))
|
|
};
|
|
};
|
|
/**
|
|
* Load contacts
|
|
* @param int offset
|
|
*/
|
|
ContactList.prototype.loadContacts = function(offset, cb) {
|
|
var self = this;
|
|
// Should the actual ajax call be in the controller?
|
|
$.getJSON(OC.filePath('contacts', 'ajax', 'contact/list.php'), {offset: offset}, function(jsondata) {
|
|
if (jsondata && jsondata.status == 'success') {
|
|
//console.log('ContactList.loadContacts', jsondata.data);
|
|
self.addressbooks = {};
|
|
$.each(jsondata.data.addressbooks, function(i, book) {
|
|
self.setAddressbook(book);
|
|
});
|
|
$.each(jsondata.data.contacts, function(c, contact) {
|
|
self.contacts[parseInt(contact.id)]
|
|
= new Contact(
|
|
self,
|
|
contact.id,
|
|
self.addressbooks[parseInt(contact.aid)],
|
|
contact.data,
|
|
self.$contactListItemTemplate,
|
|
self.$contactFullTemplate,
|
|
self.contactDetailTemplates
|
|
);
|
|
self.length +=1;
|
|
var $item = self.contacts[parseInt(contact.id)].renderListItem();
|
|
$item.draggable({
|
|
distance: 10,
|
|
revert: 'invalid',
|
|
//containment: '#content',
|
|
opacity: 0.8, helper: 'clone',
|
|
zIndex: 1000,
|
|
});
|
|
self.$contactList.append($item);
|
|
//self.insertContact(item);
|
|
});
|
|
self.doSort();
|
|
$(document).trigger('status.contacts.loaded', {
|
|
status: true,
|
|
numcontacts: jsondata.data.contacts.length
|
|
});
|
|
self.setCurrent(self.$contactList.find('tr:first-child').data('id'), false);
|
|
}
|
|
if(typeof cb === 'function') {
|
|
cb();
|
|
}
|
|
});
|
|
}
|
|
OC.Contacts.ContactList = ContactList;
|
|
|
|
})(window, jQuery, OC);
|