define([ "jquery", "underscore", "classes/Extension", "text!html/dialogManageSynchronizationLocation.html", ], function($, _, Extension, dialogManageSynchronizationLocationHTML) { var dialogManageSynchronization = new Extension("dialogManageSynchronization", 'Dialog "Manage synchronization"', false, true); var eventMgr = undefined; dialogManageSynchronization.onEventMgrCreated = function(eventMgrParameter) { eventMgr = eventMgrParameter; }; var synchronizer = undefined; dialogManageSynchronization.onSynchronizerCreated = function(synchronizerParameter) { synchronizer = synchronizerParameter; }; var fileDesc = undefined; var syncListElt = undefined; var $msgSyncListElt = undefined; var $msgNoSyncElt = undefined; var refreshDialog = function(fileDescParameter) { if(fileDescParameter !== undefined && fileDescParameter !== fileDesc) { return; } if(_.size(fileDesc.syncLocations) > 0) { $msgSyncListElt.removeClass("hide"); $msgNoSyncElt.addClass("hide"); } else { $msgSyncListElt.addClass("hide"); $msgNoSyncElt.removeClass("hide"); } var syncListHtml = _.reduce(fileDesc.syncLocations, function(result, syncAttributes) { return result + _.template(dialogManageSynchronizationLocationHTML, { syncAttributes: syncAttributes, syncDesc: syncAttributes.id || syncAttributes.path }); }, ''); syncListElt.innerHTML = syncListHtml; _.each(syncListElt.querySelectorAll('.remove-button'), function(removeButtonElt) { var $removeButtonElt = $(removeButtonElt); var syncAttributes = fileDesc.syncLocations[$removeButtonElt.data('syncIndex')]; $removeButtonElt.click(function() { synchronizer.tryStopRealtimeSync(); fileDesc.removeSyncLocation(syncAttributes); eventMgr.onSyncRemoved(fileDesc, syncAttributes); }); }); }; dialogManageSynchronization.onFileSelected = function(fileDescParameter) { fileDesc = fileDescParameter; refreshDialog(fileDescParameter); }; dialogManageSynchronization.onSyncExportSuccess = refreshDialog; dialogManageSynchronization.onSyncRemoved = refreshDialog; dialogManageSynchronization.onReady = function() { var modalElt = document.querySelector(".modal-manage-sync"); syncListElt = modalElt.querySelector(".sync-list"); $msgSyncListElt = $(modalElt.querySelectorAll(".msg-sync-list")); $msgNoSyncElt = $(modalElt.querySelectorAll(".msg-no-sync")); }; return dialogManageSynchronization; });