Source: core/js/sharedialogshareelistview.js

  1. /* global OC, Handlebars */
  3. /*
  4.  * Copyright (c) 2015
  5.  *
  6.  * This file is licensed under the Affero General Public License version 3
  7.  * or later.
  8.  *
  9.  * See the COPYING-README file.
  10.  *
  11.  */
  13. /* globals Handlebars */
  15. (function() {
  17. 	var PASSWORD_PLACEHOLDER = '**********';
  18. 	var PASSWORD_PLACEHOLDER_MESSAGE = t('core', 'Choose a password for the mail share');
  20. 	if (!OC.Share) {
  21. 		OC.Share = {};
  22. 	}
  24. 	/**
  25. 	 * @class OCA.Share.ShareDialogShareeListView
  26. 	 * @member {OC.Share.ShareItemModel} model
  27. 	 * @member {jQuery} $el
  28. 	 * @memberof OCA.Sharing
  29. 	 * @classdesc
  30. 	 *
  31. 	 * Represents the sharee list part in the GUI of the share dialogue
  32. 	 *
  33. 	 */
  34. 	var ShareDialogShareeListView = OC.Backbone.View.extend({
  35. 		/** @type {string} **/
  36. 		id: 'shareDialogLinkShare',
  38. 		/** @type {OC.Share.ShareConfigModel} **/
  39. 		configModel: undefined,
  41. 		_menuOpen: false,
  43. 		/** @type {boolean|number} **/
  44. 		_renderPermissionChange: false,
  46. 		events: {
  47. 			'click .unshare': 'onUnshare',
  48. 			'click .share-add': 'showNoteForm',
  49. 			'click .share-note-delete': 'deleteNote',
  50. 			'click .share-note-submit': 'updateNote',
  51. 			'click .share-menu .icon-more': 'onToggleMenu',
  52. 			'click .permissions': 'onPermissionChange',
  53. 			'click .expireDate' : 'onExpireDateChange',
  54. 			'click .password' : 'onMailSharePasswordProtectChange',
  55. 			'click .passwordByTalk' : 'onMailSharePasswordProtectByTalkChange',
  56. 			'click .secureDrop' : 'onSecureDropChange',
  57. 			'keyup input.passwordField': 'onMailSharePasswordKeyUp',
  58. 			'focusout input.passwordField': 'onMailSharePasswordEntered',
  59. 			'change .datepicker': 'onChangeExpirationDate',
  60. 			'click .datepicker' : 'showDatePicker'
  61. 		},
  63. 		initialize: function(options) {
  64. 			if(!_.isUndefined(options.configModel)) {
  65. 				this.configModel = options.configModel;
  66. 			} else {
  67. 				throw 'missing OC.Share.ShareConfigModel';
  68. 			}
  70. 			var view = this;
  71. 			this.model.on('change:shares', function() {
  72. 				view.render();
  73. 			});
  74. 		},
  76. 		/**
  77. 		 *
  78. 		 * @param {OC.Share.Types.ShareInfo} shareInfo
  79. 		 * @returns {object}
  80. 		 */
  81. 		getShareeObject: function(shareIndex) {
  82. 			var shareWith = this.model.getShareWith(shareIndex);
  83. 			var shareWithDisplayName = this.model.getShareWithDisplayName(shareIndex);
  84. 			var shareWithAvatar = this.model.getShareWithAvatar(shareIndex);
  85. 			var shareWithTitle = '';
  86. 			var shareType = this.model.getShareType(shareIndex);
  87. 			var sharedBy = this.model.getSharedBy(shareIndex);
  88. 			var sharedByDisplayName = this.model.getSharedByDisplayName(shareIndex);
  90. 			var hasPermissionOverride = {};
  91. 			if (shareType === OC.Share.SHARE_TYPE_GROUP) {
  92. 				shareWithDisplayName = shareWithDisplayName + " (" + t('core', 'group') + ')';
  93. 			} else if (shareType === OC.Share.SHARE_TYPE_REMOTE) {
  94. 				shareWithDisplayName = shareWithDisplayName + " (" + t('core', 'remote') + ')';
  95. 			} else if (shareType === OC.Share.SHARE_TYPE_REMOTE_GROUP) {
  96. 				shareWithDisplayName = shareWithDisplayName + " (" + t('core', 'remote group') + ')';
  97. 			} else if (shareType === OC.Share.SHARE_TYPE_EMAIL) {
  98. 				shareWithDisplayName = shareWithDisplayName + " (" + t('core', 'email') + ')';
  99. 			} else if (shareType === OC.Share.SHARE_TYPE_CIRCLE) {
  100. 			} else if (shareType === OC.Share.SHARE_TYPE_ROOM) {
  101. 				shareWithDisplayName = shareWithDisplayName + " (" + t('core', 'conversation') + ')';
  102. 			}
  104. 			if (shareType === OC.Share.SHARE_TYPE_GROUP) {
  105. 				shareWithTitle = shareWith + " (" + t('core', 'group') + ')';
  106. 			} else if (shareType === OC.Share.SHARE_TYPE_REMOTE) {
  107. 				shareWithTitle = shareWith + " (" + t('core', 'remote') + ')';
  108. 			} else if (shareType === OC.Share.SHARE_TYPE_REMOTE_GROUP) {
  109. 				shareWithTitle = shareWith + " (" + t('core', 'remote group') + ')';
  110. 			}
  111. 			else if (shareType === OC.Share.SHARE_TYPE_EMAIL) {
  112. 				shareWithTitle = shareWith + " (" + t('core', 'email') + ')';
  113. 			} else if (shareType === OC.Share.SHARE_TYPE_CIRCLE) {
  114. 				shareWithTitle = shareWith;
  115. 				// Force "shareWith" in the template to a safe value, as the
  116. 				// original "shareWith" returned by the model may contain
  117. 				// problematic characters like "'".
  118. 				shareWith = 'circle-' + shareIndex;
  119. 			}
  121. 			if (sharedBy !== oc_current_user) {
  122. 				var empty = shareWithTitle === '';
  123. 				if (!empty) {
  124. 					shareWithTitle += ' (';
  125. 				}
  126. 				shareWithTitle += t('core', 'shared by {sharer}', {sharer: sharedByDisplayName});
  127. 				if (!empty) {
  128. 					shareWithTitle += ')';
  129. 				}
  130. 			}
  132. 			var share = this.model.get('shares')[shareIndex];
  133. 			var password = share.password;
  134. 			var hasPassword = password !== null && password !== '';
  135. 			var sendPasswordByTalk = share.send_password_by_talk;
  137. 			return _.extend(hasPermissionOverride, {
  138. 				cid: this.cid,
  139. 				hasSharePermission: this.model.hasSharePermission(shareIndex),
  140. 				editPermissionState: this.model.editPermissionState(shareIndex),
  141. 				hasCreatePermission: this.model.hasCreatePermission(shareIndex),
  142. 				hasUpdatePermission: this.model.hasUpdatePermission(shareIndex),
  143. 				hasDeletePermission: this.model.hasDeletePermission(shareIndex),
  144. 				shareWith: shareWith,
  145. 				shareWithDisplayName: shareWithDisplayName,
  146. 				shareWithAvatar: shareWithAvatar,
  147. 				shareWithTitle: shareWithTitle,
  148. 				shareType: shareType,
  149. 				shareId: this.model.get('shares')[shareIndex].id,
  150. 				modSeed: shareWithAvatar || (shareType !== OC.Share.SHARE_TYPE_USER && shareType !== OC.Share.SHARE_TYPE_CIRCLE && shareType !== OC.Share.SHARE_TYPE_ROOM),
  151. 				isRemoteShare: shareType === OC.Share.SHARE_TYPE_REMOTE,
  152. 				isRemoteGroupShare: shareType === OC.Share.SHARE_TYPE_REMOTE_GROUP,
  153. 				isNoteAvailable: shareType !== OC.Share.SHARE_TYPE_REMOTE && shareType !== OC.Share.SHARE_TYPE_REMOTE_GROUP,
  154. 				isMailShare: shareType === OC.Share.SHARE_TYPE_EMAIL,
  155. 				isCircleShare: shareType === OC.Share.SHARE_TYPE_CIRCLE,
  156. 				isFileSharedByMail: shareType === OC.Share.SHARE_TYPE_EMAIL && !this.model.isFolder(),
  157. 				isPasswordSet: hasPassword && !sendPasswordByTalk,
  158. 				isPasswordByTalkSet: hasPassword && sendPasswordByTalk,
  159. 				isTalkEnabled: oc_appswebroots['spreed'] !== undefined,
  160. 				secureDropMode: !this.model.hasReadPermission(shareIndex),
  161. 				hasExpireDate: this.model.getExpireDate(shareIndex) !== null,
  162. 				shareNote: this.model.getNote(shareIndex),
  163. 				expireDate: moment(this.model.getExpireDate(shareIndex), 'YYYY-MM-DD').format('DD-MM-YYYY'),
  164. 				// The password placeholder does not take into account if
  165. 				// sending the password by Talk is enabled or not; when
  166. 				// switching from sending the password by Talk to sending the
  167. 				// password by email the password is reused and the share
  168. 				// updated, so the placeholder already shows the password in the
  169. 				// brief time between disabling sending the password by email
  170. 				// and receiving the updated share.
  171. 				passwordPlaceholder: hasPassword ? PASSWORD_PLACEHOLDER : PASSWORD_PLACEHOLDER_MESSAGE,
  172. 				passwordByTalkPlaceholder: (hasPassword && sendPasswordByTalk)? PASSWORD_PLACEHOLDER : PASSWORD_PLACEHOLDER_MESSAGE,
  173. 			});
  174. 		},
  176. 		getShareProperties: function() {
  177. 			return {
  178. 				unshareLabel: t('core', 'Unshare'),
  179. 				addNoteLabel: t('core', 'Note to recipient'),
  180. 				canShareLabel: t('core', 'Can reshare'),
  181. 				canEditLabel: t('core', 'Can edit'),
  182. 				createPermissionLabel: t('core', 'Can create'),
  183. 				updatePermissionLabel: t('core', 'Can change'),
  184. 				deletePermissionLabel: t('core', 'Can delete'),
  185. 				secureDropLabel: t('core', 'File drop (upload only)'),
  186. 				expireDateLabel: t('core', 'Set expiration date'),
  187. 				passwordLabel: t('core', 'Password protect'),
  188. 				passwordByTalkLabel: t('core', 'Password protect by Talk'),
  189. 				crudsLabel: t('core', 'Access control'),
  190. 				expirationDatePlaceholder: t('core', 'Expiration date'),
  191. 				defaultExpireDate: moment().add(1, 'day').format('DD-MM-YYYY'), // Can't expire today
  192. 				triangleSImage: OC.imagePath('core', 'actions/triangle-s'),
  193. 				isResharingAllowed: this.configModel.get('isResharingAllowed'),
  194. 				isPasswordForMailSharesRequired: this.configModel.get('isPasswordForMailSharesRequired'),
  195. 				sharePermissionPossible: this.model.sharePermissionPossible(),
  196. 				editPermissionPossible: this.model.editPermissionPossible(),
  197. 				createPermissionPossible: this.model.createPermissionPossible(),
  198. 				updatePermissionPossible: this.model.updatePermissionPossible(),
  199. 				deletePermissionPossible: this.model.deletePermissionPossible(),
  200. 				sharePermission: OC.PERMISSION_SHARE,
  201. 				createPermission: OC.PERMISSION_CREATE,
  202. 				updatePermission: OC.PERMISSION_UPDATE,
  203. 				deletePermission: OC.PERMISSION_DELETE,
  204. 				readPermission: OC.PERMISSION_READ,
  205. 				isFolder: this.model.isFolder()
  206. 			};
  207. 		},
  209. 		/**
  210. 		 * get an array of sharees' share properties
  211. 		 *
  212. 		 * @returns {Array}
  213. 		 */
  214. 		getShareeList: function() {
  215. 			var universal = this.getShareProperties();
  217. 			if(!this.model.hasUserShares()) {
  218. 				return [];
  219. 			}
  221. 			var shares = this.model.get('shares');
  222. 			var list = [];
  223. 			for(var index = 0; index < shares.length; index++) {
  224. 				var share = this.getShareeObject(index);
  226. 				if (share.shareType === OC.Share.SHARE_TYPE_LINK) {
  227. 					continue;
  228. 				}
  229. 				// first empty {} is necessary, otherwise we get in trouble
  230. 				// with references
  231. 				list.push(_.extend({}, universal, share));
  232. 			}
  234. 			return list;
  235. 		},
  237. 		getLinkReshares: function() {
  238. 			var universal = {
  239. 				unshareLabel: t('core', 'Unshare'),
  240. 			};
  242. 			if(!this.model.hasUserShares()) {
  243. 				return [];
  244. 			}
  246. 			var shares = this.model.get('shares');
  247. 			var list = [];
  248. 			for(var index = 0; index < shares.length; index++) {
  249. 				var share = this.getShareeObject(index);
  251. 				if (share.shareType !== OC.Share.SHARE_TYPE_LINK) {
  252. 					continue;
  253. 				}
  254. 				// first empty {} is necessary, otherwise we get in trouble
  255. 				// with references
  256. 				list.push(_.extend({}, universal, share, {
  257. 					shareInitiator: shares[index].uid_owner,
  258. 					shareInitiatorText: t('core', '{shareInitiatorDisplayName} shared via link', {shareInitiatorDisplayName: shares[index].displayname_owner})
  259. 				}));
  260. 			}
  262. 			return list;
  263. 		},
  265. 		render: function() {
  266. 			if(!this._renderPermissionChange) {
  267. 				this.$el.html(this.template({
  268. 					cid: this.cid,
  269. 					sharees: this.getShareeList(),
  270. 					linkReshares: this.getLinkReshares()
  271. 				}));
  273. 				this.$('.avatar').each(function () {
  274. 					var $this = $(this);
  276. 					if ($this.hasClass('imageplaceholderseed')) {
  277. 						$this.css({width: 32, height: 32});
  278. 						if ($this.data('avatar')) {
  279. 							$this.css('border-radius', '0%');
  280. 							$this.css('background', 'url(' + $this.data('avatar') + ') no-repeat');
  281. 							$this.css('background-size', '31px');
  282. 						} else {
  283. 							$this.imageplaceholder($this.data('seed'));
  284. 						}
  285. 					} else {
  286. 						//                         user,   size,  ie8fix, hidedefault,  callback, displayname
  287. 						$this.avatar($this.data('username'), 32, undefined, undefined, undefined, $this.data('displayname'));
  288. 					}
  289. 				});
  291. 				this.$('.has-tooltip').tooltip({
  292. 					placement: 'bottom'
  293. 				});
  295. 				this.$('ul.shareWithList > li').each(function() {
  296. 					var $this = $(this);
  298. 					var shareWith = $this.data('share-with');
  299. 					var shareType = $this.data('share-type');
  301. 					$this.find('div.avatar, span.username').contactsMenu(shareWith, shareType, $this);
  302. 				});
  303. 			} else {
  304. 				var permissionChangeShareId = parseInt(this._renderPermissionChange, 10);
  305. 				var shareWithIndex = this.model.findShareWithIndex(permissionChangeShareId);
  306. 				var sharee = this.getShareeObject(shareWithIndex);
  307. 				$.extend(sharee, this.getShareProperties());
  308. 				var $li = this.$('li[data-share-id=' + permissionChangeShareId + ']');
  309. 				$li.find('.sharingOptionsGroup .popovermenu').replaceWith(this.popoverMenuTemplate(sharee));
  310. 			}
  312. 			var _this = this;
  313. 			this.getShareeList().forEach(function(sharee) {
  314. 				var $edit = _this.$('#canEdit-' + _this.cid + '-' + sharee.shareId);
  315. 				if($edit.length === 1) {
  316. 					$edit.prop('checked', sharee.editPermissionState === 'checked');
  317. 					$edit.prop('indeterminate', sharee.editPermissionState === 'indeterminate');
  318. 				}
  319. 			});
  320. 			this.$('.popovermenu').on('afterHide', function() {
  321. 				_this._menuOpen = false;
  322. 			});
  323. 			this.$('.popovermenu').on('beforeHide', function() {
  324. 				var shareId = parseInt(_this._menuOpen, 10);
  325. 				if(!_.isNaN(shareId)) {
  326. 					var datePickerClass = '.expirationDateContainer-' + _this.cid + '-' + shareId;
  327. 					var datePickerInput = '#expirationDatePicker-' + _this.cid + '-' + shareId;
  328. 					var expireDateCheckbox = '#expireDate-' + _this.cid + '-' + shareId;
  329. 					if ($(expireDateCheckbox).prop('checked')) {
  330. 						$(datePickerInput).removeClass('hidden-visually');
  331. 						$(datePickerClass).removeClass('hasDatepicker');
  332. 						$(datePickerClass + ' .ui-datepicker').hide();
  333. 					}
  334. 				}
  335. 			});
  336. 			if (this._menuOpen !== false) {
  337. 				// Open menu again if it was opened before
  338. 				var shareId = parseInt(this._menuOpen, 10);
  339. 				if(!_.isNaN(shareId)) {
  340. 					var liSelector = 'li[data-share-id=' + shareId + ']';
  341. 					OC.showMenu(null, this.$(liSelector + ' .sharingOptionsGroup .popovermenu'));
  342. 				}
  343. 			}
  345. 			this._renderPermissionChange = false;
  347. 			// new note autosize
  348. 			autosize(this.$el.find('.share-note-form .share-note'));
  350. 			this.delegateEvents();
  352. 			return this;
  353. 		},
  355. 		/**
  356. 		 * @returns {Function} from Handlebars
  357. 		 * @private
  358. 		 */
  359. 		template: function (data) {
  360. 			var sharees = data.sharees;
  361. 			if(_.isArray(sharees)) {
  362. 				for (var i = 0; i < sharees.length; i++) {
  363. 					data.sharees[i].popoverMenu = this.popoverMenuTemplate(sharees[i]);
  364. 				}
  365. 			}
  366. 			return OC.Share.Templates['sharedialogshareelistview'](data);
  367. 		},
  369. 		/**
  370. 		 * renders the popover template and returns the resulting HTML
  371. 		 *
  372. 		 * @param {Object} data
  373. 		 * @returns {string}
  374. 		 */
  375. 		popoverMenuTemplate: function(data) {
  376. 			return OC.Share.Templates['sharedialogshareelistview_popover_menu'](data);
  377. 		},
  379. 		showNoteForm: function(event) {
  380. 			event.preventDefault();
  381. 			event.stopPropagation();
  382. 			var $element = $(event.target);
  383. 			var $menu = $element.closest('li');
  384. 			var $form = $menu.next('li.share-note-form');
  386. 			// show elements
  387. 			$menu.find('.share-note-delete').toggle();
  388. 			$form.toggleClass('hidden');
  389. 			$form.find('textarea').focus();
  390. 		},
  392. 		deleteNote: function(event) {
  393. 			event.preventDefault();
  394. 			event.stopPropagation();
  395. 			var self = this;
  396. 			var $element = $(event.target);
  397. 			var $li = $element.closest('li[data-share-id]');
  398. 			var shareId = $li.data('share-id');
  399. 			var $menu = $element.closest('li');
  400. 			var $form = $menu.next('li.share-note-form');
  402. 			console.log($form.find('.share-note'));
  403. 			$form.find('.share-note').val('');
  404. 			
  405. 			$form.addClass('hidden');
  406. 			$menu.find('.share-note-delete').hide();
  408. 			self.sendNote('', shareId, $menu);
  409. 		},
  411. 		updateNote: function(event) {
  412. 			event.preventDefault();
  413. 			event.stopPropagation();
  414. 			var self = this;
  415. 			var $element = $(event.target);
  416. 			var $li = $element.closest('li[data-share-id]');
  417. 			var shareId = $li.data('share-id');
  418. 			var $form = $element.closest('li.share-note-form');
  419. 			var $menu = $form.prev('li');
  420. 			var message = $form.find('.share-note').val().trim();
  422. 			if (message.length < 1) {
  423. 				return;
  424. 			}
  426. 			self.sendNote(message, shareId, $menu);
  428. 		},
  430. 		sendNote: function(note, shareId, $menu) {
  431. 			var $form = $menu.next('li.share-note-form');
  432. 			var $submit = $form.find('input.share-note-submit');
  433. 			var $error = $form.find('input.share-note-error');
  435. 			$submit.prop('disabled', true);
  436. 			$menu.find('.icon-loading-small').removeClass('hidden');
  437. 			$menu.find('.icon-edit').hide();
  439. 			var complete = function() {
  440. 				$submit.prop('disabled', false);
  441. 				$menu.find('.icon-loading-small').addClass('hidden');
  442. 				$menu.find('.icon-edit').show();
  443. 			};
  444. 			var error = function() {
  445. 				$error.show();
  446. 				setTimeout(function() {
  447. 					$error.hide();
  448. 				}, 3000);
  449. 			};
  451. 			// send data
  452. 			$.ajax({
  453. 				method: 'PUT',
  454. 				url: OC.linkToOCS('apps/files_sharing/api/v1/shares',2) + shareId + '?' + OC.buildQueryString({format: 'json'}),
  455. 				data: { note: note },
  456. 				complete : complete,
  457. 				error: error
  458. 			});
  459. 		},
  461. 		onUnshare: function(event) {
  462. 			event.preventDefault();
  463. 			event.stopPropagation();
  464. 			var self = this;
  465. 			var $element = $(event.target);
  466. 			if (!$element.is('a')) {
  467. 				$element = $element.closest('a');
  468. 			}
  470. 			var $loading = $element.find('.icon-loading-small').eq(0);
  471. 			if(!$loading.hasClass('hidden')) {
  472. 				// in process
  473. 				return false;
  474. 			}
  475. 			$loading.removeClass('hidden');
  477. 			var $li = $element.closest('li[data-share-id]');
  479. 			var shareId = $li.data('share-id');
  481. 			self.model.removeShare(shareId)
  482. 				.done(function() {
  483. 					$li.remove();
  484. 				})
  485. 				.fail(function() {
  486. 					$loading.addClass('hidden');
  487. 					OC.Notification.showTemporary(t('core', 'Could not unshare'));
  488. 				});
  489. 			return false;
  490. 		},
  492. 		onToggleMenu: function(event) {
  493. 			event.preventDefault();
  494. 			event.stopPropagation();
  495. 			var $element = $(event.target);
  496. 			var $li = $element.closest('li[data-share-id]');
  497. 			var $menu = $li.find('.sharingOptionsGroup .popovermenu');
  499. 			OC.showMenu(null, $menu);
  500. 			this._menuOpen = $li.data('share-id');
  501. 		},
  503. 		onExpireDateChange: function(event) {
  504. 			var $element = $(event.target);
  505. 			var li = $element.closest('li[data-share-id]');
  506. 			var shareId = li.data('share-id');
  507. 			var datePickerClass = '.expirationDateContainer-' + this.cid + '-' + shareId;
  508. 			var datePicker = $(datePickerClass);
  509. 			var state = $element.prop('checked');
  510. 			datePicker.toggleClass('hidden', !state);
  511. 			if (!state) {
  512. 				// disabled, let's hide the input and
  513. 				// set the expireDate to nothing
  514. 				$element.closest('li').next('li').addClass('hidden');
  515. 				this.setExpirationDate(shareId, '');
  516. 			} else {
  517. 				// enabled, show the input and the datepicker
  518. 				$element.closest('li').next('li').removeClass('hidden');
  519. 				this.showDatePicker(event);
  521. 			}
  522. 		},
  524. 		showDatePicker: function(event) {
  525. 			var element = $(event.target);
  526. 			var li = element.closest('li[data-share-id]');
  527. 			var shareId = li.data('share-id');
  528. 			var expirationDatePicker = '#expirationDatePicker-' + this.cid + '-' + shareId;
  529. 			var view = this;
  530. 			$(expirationDatePicker).datepicker({
  531. 				dateFormat : 'dd-mm-yy',
  532. 				onSelect: function (expireDate) {
  533. 					view.setExpirationDate(shareId, expireDate);
  534. 				}
  535. 			});
  536. 			$(expirationDatePicker).focus();
  538. 		},
  540. 		setExpirationDate: function(shareId, expireDate) {
  541. 			this.model.updateShare(shareId, {expireDate: expireDate}, {});
  542. 		},
  544. 		onMailSharePasswordProtectChange: function(event) {
  545. 			var element = $(event.target);
  546. 			var li = element.closest('li[data-share-id]');
  547. 			var shareId = li.data('share-id');
  548. 			var passwordContainerClass = '.passwordMenu-' + this.cid + '-' + shareId;
  549. 			var passwordContainer = $(passwordContainerClass);
  550. 			var loading = this.$el.find(passwordContainerClass + ' .icon-loading-small');
  551. 			var inputClass = '#passwordField-' + this.cid + '-' + shareId;
  552. 			var passwordField = $(inputClass);
  553. 			var state = element.prop('checked');
  554. 			var passwordByTalkElement = $('#passwordByTalk-' + this.cid + '-' + shareId);
  555. 			var passwordByTalkState = passwordByTalkElement.prop('checked');
  556. 			if (!state && !passwordByTalkState) {
  557. 				this.model.updateShare(shareId, {password: '', sendPasswordByTalk: false});
  558. 				passwordField.attr('value', '');
  559. 				passwordField.removeClass('error');
  560. 				passwordField.tooltip('hide');
  561. 				loading.addClass('hidden');
  562. 				passwordField.attr('placeholder', PASSWORD_PLACEHOLDER_MESSAGE);
  563. 				// We first need to reset the password field before we hide it
  564. 				passwordContainer.toggleClass('hidden', !state);
  565. 			} else if (state) {
  566. 				if (passwordByTalkState) {
  567. 					// Switching from sending the password by Talk to sending
  568. 					// the password by mail can be done keeping the previous
  569. 					// password sent by Talk.
  570. 					this.model.updateShare(shareId, {sendPasswordByTalk: false});
  572. 					var passwordByTalkContainerClass = '.passwordByTalkMenu-' + this.cid + '-' + shareId;
  573. 					var passwordByTalkContainer = $(passwordByTalkContainerClass);
  574. 					passwordByTalkContainer.addClass('hidden');
  575. 					passwordByTalkElement.prop('checked', false);
  576. 				}
  578. 				passwordContainer.toggleClass('hidden', !state);
  579. 				passwordField = '#passwordField-' + this.cid + '-' + shareId;
  580. 				this.$(passwordField).focus();
  581. 			}
  582. 		},
  584. 		onMailSharePasswordProtectByTalkChange: function(event) {
  585. 			var element = $(event.target);
  586. 			var li = element.closest('li[data-share-id]');
  587. 			var shareId = li.data('share-id');
  588. 			var passwordByTalkContainerClass = '.passwordByTalkMenu-' + this.cid + '-' + shareId;
  589. 			var passwordByTalkContainer = $(passwordByTalkContainerClass);
  590. 			var loading = this.$el.find(passwordByTalkContainerClass + ' .icon-loading-small');
  591. 			var inputClass = '#passwordByTalkField-' + this.cid + '-' + shareId;
  592. 			var passwordByTalkField = $(inputClass);
  593. 			var state = element.prop('checked');
  594. 			var passwordElement = $('#password-' + this.cid + '-' + shareId);
  595. 			var passwordState = passwordElement.prop('checked');
  596. 			if (!state) {
  597. 				this.model.updateShare(shareId, {password: '', sendPasswordByTalk: false});
  598. 				passwordByTalkField.attr('value', '');
  599. 				passwordByTalkField.removeClass('error');
  600. 				passwordByTalkField.tooltip('hide');
  601. 				loading.addClass('hidden');
  602. 				passwordByTalkField.attr('placeholder', PASSWORD_PLACEHOLDER_MESSAGE);
  603. 				// We first need to reset the password field before we hide it
  604. 				passwordByTalkContainer.toggleClass('hidden', !state);
  605. 			} else if (state) {
  606. 				if (passwordState) {
  607. 					// Enabling sending the password by Talk requires a new
  608. 					// password to be given (the one sent by mail is not reused,
  609. 					// as it would defeat the purpose of checking the identity
  610. 					// of the sharee by Talk if it was already sent by mail), so
  611. 					// the share is not updated until the user explicitly gives
  612. 					// the new password.
  614. 					var passwordContainerClass = '.passwordMenu-' + this.cid + '-' + shareId;
  615. 					var passwordContainer = $(passwordContainerClass);
  616. 					passwordContainer.addClass('hidden');
  617. 					passwordElement.prop('checked', false);
  618. 				}
  620. 				passwordByTalkContainer.toggleClass('hidden', !state);
  621. 				passwordByTalkField = '#passwordByTalkField-' + this.cid + '-' + shareId;
  622. 				this.$(passwordByTalkField).focus();
  623. 			}
  624. 		},
  626. 		onMailSharePasswordKeyUp: function(event) {
  627. 			if(event.keyCode === 13) {
  628. 				this.onMailSharePasswordEntered(event);
  629. 			}
  630. 		},
  632. 		onMailSharePasswordEntered: function(event) {
  633. 			var passwordField = $(event.target);
  634. 			var li = passwordField.closest('li[data-share-id]');
  635. 			var shareId = li.data('share-id');
  636. 			var passwordContainerClass = '.passwordMenu-' + this.cid + '-' + shareId;
  637. 			var passwordByTalkContainerClass = '.passwordByTalkMenu-' + this.cid + '-' + shareId;
  638. 			var sendPasswordByTalk = passwordField.attr('id').startsWith('passwordByTalk');
  639. 			var loading;
  640. 			if (sendPasswordByTalk) {
  641. 				loading = this.$el.find(passwordByTalkContainerClass + ' .icon-loading-small');
  642. 			} else {
  643. 				loading = this.$el.find(passwordContainerClass + ' .icon-loading-small');
  644. 			}
  645. 			if (!loading.hasClass('hidden')) {
  646. 				// still in process
  647. 				return;
  648. 			}
  650. 			passwordField.removeClass('error');
  651. 			var password = passwordField.val();
  652. 			// in IE9 the password might be the placeholder due to bugs in the placeholders polyfill
  653. 			if(password === '' || password === PASSWORD_PLACEHOLDER || password === PASSWORD_PLACEHOLDER_MESSAGE) {
  654. 				return;
  655. 			}
  657. 			loading
  658. 				.removeClass('hidden')
  659. 				.addClass('inlineblock');
  662. 			this.model.updateShare(shareId, {
  663. 				password: password,
  664. 				sendPasswordByTalk: sendPasswordByTalk
  665. 			}, {
  666. 				error: function(model, msg) {
  667. 					// destroy old tooltips
  668. 					passwordField.tooltip('destroy');
  669. 					loading.removeClass('inlineblock').addClass('hidden');
  670. 					passwordField.addClass('error');
  671. 					passwordField.attr('title', msg);
  672. 					passwordField.tooltip({placement: 'bottom', trigger: 'manual'});
  673. 					passwordField.tooltip('show');
  674. 				},
  675. 				success: function(model, msg) {
  676. 					passwordField.blur();
  677. 					passwordField.attr('value', '');
  678. 					passwordField.attr('placeholder', PASSWORD_PLACEHOLDER);
  679. 					loading.removeClass('inlineblock').addClass('hidden');
  680. 				}
  681. 			});
  682. 		},
  684. 		onPermissionChange: function(event) {
  685. 			event.preventDefault();
  686. 			event.stopPropagation();
  687. 			var $element = $(event.target);
  688. 			var $li = $element.closest('li[data-share-id]');
  689. 			var shareId = $li.data('share-id');
  691. 			var permissions = OC.PERMISSION_READ;
  693. 			if (this.model.isFolder()) {
  694. 				// adjust checkbox states
  695. 				var $checkboxes = $('.permissions', $li).not('input[name="edit"]').not('input[name="share"]');
  696. 				var checked;
  697. 				if ($element.attr('name') === 'edit') {
  698. 					checked = $element.is(':checked');
  699. 					// Check/uncheck Create, Update, and Delete checkboxes if Edit is checked/unck
  700. 					$($checkboxes).prop('checked', checked);
  701. 					if (checked) {
  702. 						permissions |= OC.PERMISSION_CREATE | OC.PERMISSION_UPDATE | OC.PERMISSION_DELETE;
  703. 					}
  704. 				} else {
  705. 					var numberChecked = $checkboxes.filter(':checked').length;
  706. 					checked = numberChecked === $checkboxes.length;
  707. 					var $editCb = $('input[name="edit"]', $li);
  708. 					$editCb.prop('checked', checked);
  709. 					$editCb.prop('indeterminate', !checked && numberChecked > 0);
  710. 				}
  711. 			} else {
  712. 				if ($element.attr('name') === 'edit' && $element.is(':checked')) {
  713. 					permissions |= OC.PERMISSION_UPDATE;
  714. 				}
  715. 			}
  717. 			$('.permissions', $li).not('input[name="edit"]').filter(':checked').each(function(index, checkbox) {
  718. 				permissions |= $(checkbox).data('permissions');
  719. 			});
  722. 			/** disable checkboxes during save operation to avoid race conditions **/
  723. 			$li.find('input[type=checkbox]').prop('disabled', true);
  724. 			var enableCb = function() {
  725. 				$li.find('input[type=checkbox]').prop('disabled', false);
  726. 			};
  727. 			var errorCb = function(elem, msg) {
  728. 				OC.dialogs.alert(msg, t('core', 'Error while sharing'));
  729. 				enableCb();
  730. 			};
  732. 			this.model.updateShare(shareId, {permissions: permissions}, {error: errorCb, success: enableCb});
  734. 			this._renderPermissionChange = shareId;
  735. 		},
  737. 		onSecureDropChange: function(event) {
  738. 			event.preventDefault();
  739. 			event.stopPropagation();
  740. 			var $element = $(event.target);
  741. 			var $li = $element.closest('li[data-share-id]');
  742. 			var shareId = $li.data('share-id');
  744. 			var permissions = OC.PERMISSION_CREATE | OC.PERMISSION_UPDATE | OC.PERMISSION_DELETE | OC.PERMISSION_READ;
  745. 			if ($element.is(':checked')) {
  746. 				permissions = OC.PERMISSION_CREATE | OC.PERMISSION_UPDATE | OC.PERMISSION_DELETE;
  747. 			}
  749. 			/** disable checkboxes during save operation to avoid race conditions **/
  750. 			$li.find('input[type=checkbox]').prop('disabled', true);
  751. 			var enableCb = function() {
  752. 				$li.find('input[type=checkbox]').prop('disabled', false);
  753. 			};
  754. 			var errorCb = function(elem, msg) {
  755. 				OC.dialogs.alert(msg, t('core', 'Error while sharing'));
  756. 				enableCb();
  757. 			};
  759. 			this.model.updateShare(shareId, {permissions: permissions}, {error: errorCb, success: enableCb});
  761. 			this._renderPermissionChange = shareId;
  762. 		}
  764. 	});
  766. 	OC.Share.ShareDialogShareeListView = ShareDialogShareeListView;
  768. })();