OC.Contacts = OC.Contacts || {}; (function(window, $, OC) { 'use strict'; var AddressBook = function(storage, book, template, isFileAction) { this.isFileAction = isFileAction || false; this.storage = storage; this.book = book; this.$template = template; }; AddressBook.prototype.render = function() { var self = this; this.$li = this.$template.octemplate({ id: this.book.id, displayname: this.book.displayname, backend: this.book.backend, permissions: this.book.permissions }); if(this.isFileAction) { return this.$li; } this.$li.find('a.action').tipsy({gravity: 'w'}); if(!this.hasPermission(OC.PERMISSION_DELETE)) { this.$li.find('a.action.delete').hide(); } if(!this.hasPermission(OC.PERMISSION_UPDATE)) { this.$li.find('a.action.edit').hide(); } this.$li.find('input:checkbox').prop('checked', this.book.active).on('change', function() { console.log('activate', self.getId()); var checkbox = $(this).get(0); self.setActive(checkbox.checked, function(response) { if(!response.error) { self.book.active = checkbox.checked; } else { checkbox.checked = !checkbox.checked; } }); }); this.$li.find('a.action.download') .attr('href', OC.generateUrl( 'apps/contacts/addressbook/{backend}/{addressBookId}/export', { backend: this.getBackend(), addressBookId: this.getId() } )); this.$li.find('a.action.delete').on('click keypress', function() { $('.tipsy').remove(); console.log('delete', self.getId()); self.destroy(); }); this.$li.find('a.action.globe').on('click keypress', function() { var uri = (self.book.owner === oc_current_user ) ? self.book.uri : self.book.uri + '_shared_by_' + self.book.owner; var link = OC.linkToRemote('carddav')+'/addressbooks/'+encodeURIComponent(oc_current_user)+'/'+encodeURIComponent(uri); var $dropdown = $('
  • ') .octemplate({link:link}).insertAfter(self.$li); var $input = $dropdown.find('input'); $input.focus().get(0).select(); $input.on('blur', function() { $dropdown.hide('blind', function() { $dropdown.remove(); }); }); }); this.$li.find('a.action.edit').on('click keypress', function(event) { if($(this).data('open')) { return; } var editor = this; event.stopPropagation(); event.preventDefault(); var $dropdown = $('
  • ') .octemplate({name:self.getDisplayName()}).insertAfter(self.$li); var $input = $dropdown.find('input'); //$input.focus().get(0).select(); $input.addnew({ autoOpen: true, //autoClose: false, addText: t('contacts', 'Save'), ok: function(event, name) { console.log('edit-address-book ok', name); $input.addClass('loading'); self.update({displayname:name}, function(response) { console.log('response', response); if(response.error) { $(document).trigger('status.contacts.error', response); } else { self.setDisplayName(response.data.displayname); $input.addnew('close'); } $input.removeClass('loading'); }); }, close: function() { $dropdown.remove(); $(editor).data('open', false); } }); $(this).data('open', true); }); return this.$li; }; AddressBook.prototype.getId = function() { return String(this.book.id); }; AddressBook.prototype.getBackend = function() { return this.book.backend; }; AddressBook.prototype.getDisplayName = function() { return this.book.displayname; }; AddressBook.prototype.setDisplayName = function(name) { this.book.displayname = name; this.$li.find('label').text(escapeHTML(name)); }; AddressBook.prototype.getPermissions = function() { return this.book.permissions; }; AddressBook.prototype.hasPermission = function(permission) { return (this.getPermissions() & permission); }; AddressBook.prototype.getOwner = function() { return this.book.owner; }; AddressBook.prototype.getMetaData = function() { return { permissions:this.getPermissions, backend: this.getBackend(), id: this.getId(), displayname: this.getDisplayName() }; }; /** * Update address book in data store * @param object properties An object current only supporting the property 'displayname' * @param cb Optional callback function which * @return An object with a boolean variable 'error'. */ AddressBook.prototype.update = function(properties, cb) { return $.when(this.storage.updateAddressBook(this.getBackend(), this.getId(), {properties:properties})) .then(function(response) { if(response.error) { $(document).trigger('status.contacts.error', response); } cb(response); }); }; AddressBook.prototype.isActive = function() { return this.book.active; }; /** * Save an address books active state to data store. * @param bool state * @param cb Optional callback function which * @return An object with a boolean variable 'error'. */ AddressBook.prototype.setActive = function(state, cb) { var self = this; return $.when(this.storage.activateAddressBook(this.getBackend(), this.getId(), state)) .then(function(response) { if(response.error) { $(document).trigger('status.contacts.error', response); } else { $(document).trigger('status.addressbook.activated', { addressbook: self, state: state }); } cb(response); }); }; /** * Delete a list of contacts from the data store * @param array contactsIds An array of contact ids to be deleted. * @param cb Optional callback function which will be passed: * @return An object with a boolean variable 'error'. */ AddressBook.prototype.deleteContacts = function(contactsIds, cb) { console.log('deleteContacts', contactsIds); return $.when(this.storage.deleteContacts(this.getBackend(), this.getId(), contactsIds)) .then(function(response) { if(response.error) { $(document).trigger('status.contacts.error', response); } if(typeof cb === 'function') { cb(response); } }); }; /** * Delete address book from data store and remove it from the DOM * @return An object with a boolean variable 'error'. */ AddressBook.prototype.destroy = function() { var self = this; $.when(this.storage.deleteAddressBook(this.getBackend(), self.getId())) .then(function(response) { if(!response.error) { self.$li.remove(); $(document).trigger('status.addressbook.removed', { addressbook: self }); } else { $(document).trigger('status.contacts.error', response); } }).fail(function(response) { console.log(response.message); $(document).trigger('status.contacts.error', response); }); }; /** * Controls access to address books */ var AddressBookList = function( storage, bookTemplate, bookItemTemplate, isFileAction ) { var self = this; this.isFileAction = isFileAction || false; this.storage = storage; this.$bookTemplate = bookTemplate; this.$bookList = this.$bookTemplate.find('.addressbooklist'); this.$bookItemTemplate = bookItemTemplate; this.$importIntoSelect = this.$bookTemplate.find('#import_into'); this.$importFormatSelect = this.$bookTemplate.find('#import_format'); this.$importProgress = this.$bookTemplate.find('#import-status-progress'); this.$importStatusText = this.$bookTemplate.find('#import-status-text'); this.addressBooks = []; if(this.isFileAction) { return; } this.$importFileInput = this.$bookTemplate.find('#import_upload_start'); var $addInput = this.$bookTemplate.find('#add-address-book'); $addInput.addnew({ ok: function(event, name) { console.log('add-address-book ok', name); $addInput.addClass('loading'); self.add(name, function(response) { console.log('response', response); if(response.error) { $(document).trigger('status.contacts.error', response); } else { $(this).addnew('close'); } $addInput.removeClass('loading'); }); } }); $(document).bind('status.addressbook.removed', function(e, data) { var addressBook = data.addressbook; self.addressBooks.splice(self.addressBooks.indexOf(addressBook), 1); self.buildImportSelect(); }); $(document).bind('status.addressbook.added', function() { self.buildImportSelect(); }) this.$importFormatSelect.on('change', function() { self.$importIntoSelect.trigger('change'); }); this.$importIntoSelect.on('change', function() { // Disable file input if no address book selected var value = $(this).val(); self.$importFileInput.prop('disabled', value === '-1' ); if(value !== '-1') { var url = OC.generateUrl( 'apps/contacts/addressbook/{backend}/{addressBookId}/{importType}/import/upload', { addressBookId:value, importType:self.$importFormatSelect.find('option:selected').val(), backend: $(this).find('option:selected').data('backend') } ); self.$importFileInput.fileupload('option', 'url', url); } }); this.$importFileInput.fileupload({ dataType: 'json', start: function(e, data) { self.$importProgress.progressbar({value:false}); $('.tipsy').remove(); $('.import-upload').hide(); $('.import-status').show(); self.$importProgress.fadeIn(); self.$importStatusText.text(t('contacts', 'Starting file import')); }, done: function (e, data) { if ($('#import_format').find('option:selected').val() != 'automatic') { $('#import-status-text').text(t('contacts', 'Format selected: {format}', {format: $('#import_format').find('option:selected').text() })); } else { $('#import-status-text').text(t('contacts', 'Automatic format detection')); } console.log('Upload done:', data); self.doImport(self.storage.formatResponse(data.jqXHR)); }, fail: function(e, data) { console.log('fail', data); OC.notify({message:data.errorThrown + ': ' + data.textStatus}); $('.import-upload').show(); $('.import-status').hide(); } }); }; AddressBookList.prototype.count = function() { return this.addressBooks.length; }; /** * For importing from oC filesyatem */ AddressBookList.prototype.prepareImport = function(backend, addressBookId, importType, path, fileName) { console.log('prepareImport', backend, addressBookId, importType, path, fileName); this.$importProgress.progressbar({value:false}); if (importType != 'automatic') { this.$importStatusText.text(t('contacts', 'Format selected: {format}', {format: self.$importFormatSelect.find('option:selected').val() })); } else { this.$importStatusText.text(t('contacts', 'Automatic format detection')); } return this.storage.prepareImport( backend, addressBookId, importType, {filename:fileName, path:path} ); }; AddressBookList.prototype.doImport = function(response) { console.log('doImport', response); var defer = $.Deferred(); var done = false; var interval = null, isChecking = false; var self = this; var closeImport = function() { defer.resolve(); self.$importProgress.fadeOut(); setTimeout(function() { $('.import-upload').show(); $('.import-status').hide(); self.importCount = null; if(self.$importProgress.hasClass('ui-progressbar')) { self.$importProgress.progressbar('destroy'); } }, 3000); }; if(!response.error) { this.$importProgress.progressbar('value', 0); var data = response.data; var getStatus = function(backend, addressbookid, importType, progresskey, interval, done) { if(done) { clearInterval(interval); closeImport(); return; } if(isChecking) { return; } isChecking = true; $.when( self.storage.importStatus( backend, addressbookid, importType, {progresskey:progresskey} )) .then(function(response) { if(!response.error) { console.log('status, response: ', response); if (response.data.total != null && response.data.progress != null) { self.$importProgress.progressbar('option', 'max', Number(response.data.total)); self.$importProgress.progressbar('value', Number(response.data.progress)); self.$importStatusText.text(t('contacts', 'Processing {count}/{total} cards', {count: response.data.progress, total: response.data.total})); } } else { console.warn('Error', response.message); self.$importStatusText.text(response.message); } isChecking = false; }).fail(function(response) { console.log(response.message); $(document).trigger('status.contacts.error', response); isChecking = false; }); }; $.when( self.storage.startImport( data.backend, data.addressBookId, data.importType, {filename:data.filename, progresskey:data.progresskey} ) ) .then(function(response) { console.log('response', response); if(!response.error) { console.log('Import done'); self.$importStatusText.text(t('contacts', 'Total:{total}, Success:{imported}, Errors:{failed}', {total: response.data.total, imported:response.data.imported, failed: response.data.failed})); var addressBook = self.find({id:response.data.addressBookId, backend: response.data.backend}); $(document).trigger('status.addressbook.imported', { addressbook: addressBook }); defer.resolve(); } else { defer.reject(response); self.$importStatusText.text(response.message); $(document).trigger('status.contacts.error', response); } done = true; }).fail(function(response) { defer.reject(response); console.log(response.message); $(document).trigger('status.contacts.error', response); done = true; }); interval = setInterval(function() { getStatus(data.backend, data.addressBookId, data.importType, data.progresskey, interval, done); }, 1500); } else { defer.reject(response); done = true; self.$importStatusText.text(response.message); closeImport(); $(document).trigger('status.contacts.error', response); } return defer; }; /** * Rebuild the select to choose which address book to import into. */ AddressBookList.prototype.buildImportSelect = function() { console.log('buildImportSelect'); var self = this; this.$importIntoSelect.find('option:not([value="-1"])').remove(); var addressBooks = this.selectByPermission(OC.PERMISSION_UPDATE); $.each(addressBooks, function(idx, book) { var $opt = $('