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.Router.generate( 'contacts_address_book_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 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); } cb(response); }); }; /** * Delete address book from data store and remove it from the DOM * @param cb Optional callback function which * @return An object with a boolean variable 'error'. */ AddressBook.prototype.destroy = function(cb) { 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.$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(e) { self.buildImportSelect(); }); 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.Router.generate( 'contacts_import_upload', {addressBookId:value, backend: $(this).find('option:selected').data('backend')} ); self.$importFileInput.fileupload('option', 'url', url); //self.$importFileInput.attr('data-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', 'Uploading...')); }, done: function (e, data) { self.$importStatusText.text(t('contacts', 'Importing...')); console.log('Upload done:', data); self.doImport(self.storage.formatResponse(data.result, 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, path, fileName) { console.log('prepareImport', backend, addressBookId, path, fileName); this.$importProgress.progressbar({value:false}); this.$importStatusText.text(t('contacts', 'Preparing...')); return this.storage.prepareImport( backend, addressBookId, {filename:fileName, path:path} ); }; AddressBookList.prototype.doImport = function(response) { console.log('doImport'); 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'); } }, 5000); }; if(!response.error) { this.importCount = response.data.count; this.$importProgress.progressbar('value', 0); this.$importProgress.progressbar('option', 'max', this.importCount); var data = response.data; var getStatus = function(backend, addressbookid, progresskey, interval, done) { if(done) { clearInterval(interval); closeImport(); return; } if(isChecking) { return; } isChecking = true; $.when( self.storage.importStatus( backend, addressbookid, {progresskey:progresskey} )) .then(function(response) { if(!response.error) { self.$importProgress.progressbar('value', Number(response.data.progress)); self.$importStatusText.text(t('contacts', 'Imported {count} of {total} contacts', {count:response.data.progress, total: self.importCount})); } 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, {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', 'Imported {imported} contacts. {failed} failed.', {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.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 = $('