diff --git a/css/share.css b/css/share.css
new file mode 100644
index 00000000..0d687cb7
--- /dev/null
+++ b/css/share.css
@@ -0,0 +1,170 @@
+/* Copyright (c) 2011, Jan-Christoph Borchardt, http://jancborchardt.net
+ This file is licensed under the Affero General Public License version 3 or later.
+ See the COPYING-README file. */
+
+#dropdown {
+ background: #eee;
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+ box-shadow: 0 2px 3px rgba(50, 50, 50, .4);
+ display: block;
+ margin-right: 0;
+ position: absolute;
+ right: 0;
+ width: 420px;
+ z-index: 500;
+ padding: 16px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 990px) {
+ #dropdown {
+ /* this limits the dropdown to float below the sidebar for mid narrow screens */
+ left: 20px;
+ }
+}
+
+#dropdown.shareDropDown .unshare.icon-loading-small {
+ margin-top: 1px;
+}
+
+#dropdown.shareDropDown .shareWithLoading,
+#dropdown.shareDropDown .linkShare .icon-loading-small {
+ display: inline-block !important;
+ padding-left: 10px;
+}
+#dropdown.shareDropDown .shareWithLoading {
+ position: relative;
+ right: 70px;
+ top: 2px;
+}
+#dropdown.shareDropDown .icon-loading-small.hidden {
+ display: none !important;
+}
+
+#dropdown .shareWithRemoteInfo {
+ padding: 11px 20px;
+}
+
+#dropdown .avatar {
+ margin-right: 8px;
+ display: inline-block;
+ overflow: hidden;
+ vertical-align: middle;
+ width: 32px;
+ height: 32px;
+}
+
+#shareWithList {
+ list-style-type:none;
+ padding:8px;
+}
+
+#shareWithList li {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ font-weight: bold;
+ line-height: 21px;
+ white-space: normal;
+}
+
+#shareWithList .unshare img, #shareWithList .showCruds img {
+ vertical-align:text-bottom; /* properly align icons */
+}
+
+#shareWithList label input[type=checkbox]{
+ margin-left: 0;
+ position: relative;
+}
+#shareWithList .username{
+ padding-right: 8px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ max-width: 254px;
+ display: inline-block;
+ overflow: hidden;
+ vertical-align: middle;
+}
+#shareWithList li label{
+ margin-right: 8px;
+}
+#dropdown label {
+ font-weight:400;
+ white-space: nowrap;
+}
+
+#dropdown input[type="checkbox"] {
+ margin:0 3px 0 8px;
+ vertical-align: middle;
+}
+
+a.showCruds {
+ display:inline;
+ opacity:.5;
+}
+
+a.unshare {
+ display:inline;
+ float:right;
+ opacity:.5;
+ padding:5px 0 0 5px !important;
+ margin-top:-5px;
+}
+
+#link {
+ border-top:1px solid #ddd;
+ padding-top:8px;
+}
+
+#dropdown input[type="text"],#dropdown input[type="password"] {
+ width: 86%;
+ margin-left: 7px;
+}
+
+#dropdown form {
+ font-size: 100%;
+ margin-left: 0;
+ margin-right: 0;
+}
+
+#linkText,#linkPass,#expiration {
+ display:none;
+}
+
+#link #showPassword img {
+ padding-left:5px;
+ width:12px;
+}
+
+.reshare,#link label,
+#expiration label {
+ display: inline-block;
+ padding: 6px 4px;
+}
+
+a.showCruds:hover,a.unshare:hover {
+ opacity:1;
+}
+
+#defaultExpireMessage, /* fix expire message going out of box */
+.reshare { /* fix shared by text going out of box */
+ white-space:normal;
+}
+
+#defaultExpireMessage { /* show message on new line */
+ display: block;
+ padding-left: 4px;
+ /* TODO: style the dropdown in a proper way - border-box, etc. */
+ width: 90%;
+}
+
+.ui-autocomplete { /* limit dropdown height to 4 1/2 entries */
+ max-height:103px;
+ overflow-y:auto;
+ overflow-x:hidden;
+}
+
+.notCreatable {
+ padding-left: 12px;
+ padding-top: 12px;
+ color: #999;
+}
diff --git a/js/share.js b/js/share.js
new file mode 100644
index 00000000..9da798bc
--- /dev/null
+++ b/js/share.js
@@ -0,0 +1,1242 @@
+/* global escapeHTML */
+
+(function(OC) {
+ // copied and stripped out from the old core
+ OC.Share = _.extend(OC.Share, {
+ /**
+ * @deprecated use OC.Share.currentShares instead
+ */
+ itemShares:[],
+ /**
+ * Full list of all share statuses
+ */
+ statuses:{},
+ /**
+ * Shares for the currently selected file.
+ * (for which the dropdown is open)
+ *
+ * Key is item type and value is an array or
+ * shares of the given item type.
+ */
+ currentShares: {},
+ /**
+ * Whether the share dropdown is opened.
+ */
+ droppedDown:false,
+ /**
+ * Loads ALL share statuses from server, stores them in
+ * OC.Share.statuses then calls OC.Share.updateIcons() to update the
+ * files "Share" icon to "Shared" according to their share status and
+ * share type.
+ *
+ * If a callback is specified, the update step is skipped.
+ *
+ * @param itemType item type
+ * @param fileList file list instance, defaults to OCA.Files.App.fileList
+ * @param callback function to call after the shares were loaded
+ */
+ loadIcons:function(itemType, fileList, callback) {
+ // Load all share icons
+ $.get(
+ OC.filePath('core', 'ajax', 'share.php'),
+ {
+ fetch: 'getItemsSharedStatuses',
+ itemType: itemType
+ }, function(result) {
+ if (result && result.status === 'success') {
+ OC.Share.statuses = {};
+ $.each(result.data, function(item, data) {
+ OC.Share.statuses[item] = data;
+ });
+ if (_.isFunction(callback)) {
+ callback(OC.Share.statuses);
+ } else {
+ OC.Share.updateIcons(itemType, fileList);
+ }
+ }
+ }
+ );
+ },
+ /**
+ * Updates the files' "Share" icons according to the known
+ * sharing states stored in OC.Share.statuses.
+ * (not reloaded from server)
+ *
+ * @param itemType item type
+ * @param fileList file list instance
+ * defaults to OCA.Files.App.fileList
+ */
+ updateIcons:function(itemType, fileList){
+ var item;
+ var $fileList;
+ var currentDir;
+ if (!fileList && OCA.Files) {
+ fileList = OCA.Files.App.fileList;
+ }
+ // fileList is usually only defined in the files app
+ if (fileList) {
+ $fileList = fileList.$fileList;
+ currentDir = fileList.getCurrentDirectory();
+ }
+ // TODO: iterating over the files might be more efficient
+ for (item in OC.Share.statuses){
+ var image = OC.imagePath('core', 'actions/share');
+ var data = OC.Share.statuses[item];
+ var hasLink = data.link;
+ // Links override shared in terms of icon display
+ if (hasLink) {
+ image = OC.imagePath('core', 'actions/public');
+ }
+ if (itemType !== 'file' && itemType !== 'folder') {
+ $('a.share[data-item="'+item+'"]').css('background', 'url('+image+') no-repeat center');
+ } else {
+ // TODO: ultimately this part should be moved to files_sharing app
+ var file = $fileList.find('tr[data-id="'+item+'"]');
+ var shareFolder = OC.imagePath('core', 'filetypes/folder-shared');
+ var img;
+ if (file.length > 0) {
+ this.markFileAsShared(file, true, hasLink);
+ } else {
+ var dir = currentDir;
+ if (dir.length > 1) {
+ var last = '';
+ var path = dir;
+ // Search for possible parent folders that are shared
+ while (path != last) {
+ if (path === data.path && !data.link) {
+ var actions = $fileList.find('.fileactions .action[data-action="Share"]');
+ var files = $fileList.find('.filename');
+ var i;
+ for (i = 0; i < actions.length; i++) {
+ // TODO: use this.markFileAsShared()
+ img = $(actions[i]).find('img');
+ if (img.attr('src') !== OC.imagePath('core', 'actions/public')) {
+ img.attr('src', image);
+ $(actions[i]).addClass('permanent');
+ $(actions[i]).html(' '+t('core', 'Shared')+'').prepend(img);
+ }
+ }
+ for(i = 0; i < files.length; i++) {
+ if ($(files[i]).closest('tr').data('type') === 'dir') {
+ $(files[i]).find('.thumbnail').css('background-image', 'url('+shareFolder+')');
+ }
+ }
+ }
+ last = path;
+ path = OC.Share.dirname(path);
+ }
+ }
+ }
+ }
+ }
+ },
+ updateIcon:function(itemType, itemSource) {
+ var shares = false;
+ var link = false;
+ var image = OC.imagePath('core', 'actions/share');
+ $.each(OC.Share.itemShares, function(index) {
+ if (OC.Share.itemShares[index]) {
+ if (index == OC.Share.SHARE_TYPE_LINK) {
+ if (OC.Share.itemShares[index] == true) {
+ shares = true;
+ image = OC.imagePath('core', 'actions/public');
+ link = true;
+ return;
+ }
+ } else if (OC.Share.itemShares[index].length > 0) {
+ shares = true;
+ image = OC.imagePath('core', 'actions/share');
+ }
+ }
+ });
+ if (itemType != 'file' && itemType != 'folder') {
+ $('a.share[data-item="'+itemSource+'"]').css('background', 'url('+image+') no-repeat center');
+ } else {
+ var $tr = $('tr').filterAttr('data-id', String(itemSource));
+ if ($tr.length > 0) {
+ // it might happen that multiple lists exist in the DOM
+ // with the same id
+ $tr.each(function() {
+ OC.Share.markFileAsShared($(this), shares, link);
+ });
+ }
+ }
+ if (shares) {
+ OC.Share.statuses[itemSource] = OC.Share.statuses[itemSource] || {};
+ OC.Share.statuses[itemSource]['link'] = link;
+ } else {
+ delete OC.Share.statuses[itemSource];
+ }
+ },
+ /**
+ * Format a remote address
+ *
+ * @param {String} remoteAddress full remote share
+ * @return {String} HTML code to display
+ */
+ _formatRemoteShare: function(remoteAddress) {
+ var parts = this._REMOTE_OWNER_REGEXP.exec(remoteAddress);
+ if (!parts) {
+ // display as is, most likely to be a simple owner name
+ return escapeHTML(remoteAddress);
+ }
+
+ var userName = parts[1];
+ var userDomain = parts[3];
+ var server = parts[4];
+ var dir = parts[6];
+ var tooltip = userName;
+ if (userDomain) {
+ tooltip += '@' + userDomain;
+ }
+ if (server) {
+ if (!userDomain) {
+ userDomain = '…';
+ }
+ tooltip += '@' + server;
+ }
+
+ var html = '';
+ html += '' + escapeHTML(userName) + '';
+ if (userDomain) {
+ html += '@' + escapeHTML(userDomain) + '';
+ }
+ html += '';
+ return html;
+ },
+ /**
+ * Marks/unmarks a given file as shared by changing its action icon
+ * and folder icon.
+ *
+ * @param $tr file element to mark as shared
+ * @param hasShares whether shares are available
+ * @param hasLink whether link share is available
+ */
+ loadItem:function(itemType, itemSource) {
+ var data = '';
+ var checkReshare = true;
+ if (typeof OC.Share.statuses[itemSource] === 'undefined') {
+ // NOTE: Check does not always work and misses some shares, fix later
+ var checkShares = true;
+ } else {
+ var checkShares = true;
+ }
+ $.ajax({type: 'GET', url: OC.filePath('core', 'ajax', 'share.php'), data: { fetch: 'getItem', itemType: itemType, itemSource: itemSource, checkReshare: checkReshare, checkShares: checkShares }, async: false, success: function(result) {
+ if (result && result.status === 'success') {
+ data = result.data;
+ } else {
+ data = false;
+ }
+ }});
+
+ return data;
+ },
+ share:function(itemType, itemSource, shareType, shareWith, permissions, itemSourceName, expirationDate, callback, errorCallback) {
+ // Add a fallback for old share() calls without expirationDate.
+ // We should remove this in a later version,
+ // after the Apps have been updated.
+ if (typeof callback === 'undefined' &&
+ typeof expirationDate === 'function') {
+ callback = expirationDate;
+ expirationDate = '';
+ console.warn(
+ "Call to 'OC.Share.share()' with too few arguments. " +
+ "'expirationDate' was assumed to be 'callback'. " +
+ "Please revisit the call and fix the list of arguments."
+ );
+ }
+
+ return $.post(OC.filePath('core', 'ajax', 'share.php'),
+ {
+ action: 'share',
+ itemType: itemType,
+ itemSource: itemSource,
+ shareType: shareType,
+ shareWith: shareWith,
+ permissions: permissions,
+ itemSourceName: itemSourceName,
+ expirationDate: expirationDate
+ }, function (result) {
+ if (result && result.status === 'success') {
+ if (callback) {
+ callback(result.data);
+ }
+ } else {
+ if (_.isUndefined(errorCallback)) {
+ var msg = t('core', 'Error');
+ if (result.data && result.data.message) {
+ msg = result.data.message;
+ }
+ OC.dialogs.alert(msg, t('core', 'Error while sharing'));
+ } else {
+ errorCallback(result);
+ }
+ }
+ }
+ );
+ },
+ unshare:function(itemType, itemSource, shareType, shareWith, callback) {
+ $.post(OC.filePath('core', 'ajax', 'share.php'), { action: 'unshare', itemType: itemType, itemSource: itemSource, shareType: shareType, shareWith: shareWith }, function(result) {
+ if (result && result.status === 'success') {
+ if (callback) {
+ callback();
+ }
+ } else {
+ OC.dialogs.alert(t('core', 'Error while unsharing'), t('core', 'Error'));
+ }
+ });
+ },
+ setPermissions:function(itemType, itemSource, shareType, shareWith, permissions) {
+ $.post(OC.filePath('core', 'ajax', 'share.php'), { action: 'setPermissions', itemType: itemType, itemSource: itemSource, shareType: shareType, shareWith: shareWith, permissions: permissions }, function(result) {
+ if (!result || result.status !== 'success') {
+ OC.dialogs.alert(t('core', 'Error while changing permissions'), t('core', 'Error'));
+ }
+ });
+ },
+ showDropDown:function(itemType, itemSource, appendTo, link, possiblePermissions, filename) {
+ var data = OC.Share.loadItem(itemType, itemSource);
+ var dropDownEl;
+ var html = '
';
+ if (data !== false && data.reshare !== false && data.reshare.uid_owner !== undefined && data.reshare.uid_owner !== OC.currentUser) {
+ html += '';
+ if (oc_config.enable_avatars === true) {
+ html += ' ';
+ }
+
+ if (data.reshare.share_type == OC.Share.SHARE_TYPE_GROUP) {
+ html += t('core', 'Shared with you and the group {group} by {owner}', {group: data.reshare.share_with, owner: data.reshare.displayname_owner});
+ } else {
+ html += t('core', 'Shared with you by {owner}', {owner: data.reshare.displayname_owner});
+ }
+ html += ' ';
+ // reduce possible permissions to what the original share allowed
+ possiblePermissions = possiblePermissions & data.reshare.permissions;
+ }
+
+ if (possiblePermissions & OC.PERMISSION_SHARE) {
+ // Determine the Allow Public Upload status.
+ // Used later on to determine if the
+ // respective checkbox should be checked or
+ // not.
+
+ var publicUploadEnabled = $('#filestable').data('allow-public-upload');
+ if (typeof publicUploadEnabled == 'undefined') {
+ publicUploadEnabled = 'no';
+ }
+ var allowPublicUploadStatus = false;
+
+ $.each(data.shares, function(key, value) {
+ if (value.share_type === OC.Share.SHARE_TYPE_LINK) {
+ allowPublicUploadStatus = (value.permissions & OC.PERMISSION_CREATE) ? true : false;
+ return true;
+ }
+ });
+
+ var sharePlaceholder = t('core', 'Share with users or groups …');
+ if(oc_appconfig.core.remoteShareAllowed) {
+ sharePlaceholder = t('core', 'Share with users, groups or remote users …');
+ }
+
+ html += '';
+ html += '';
+ if(oc_appconfig.core.remoteShareAllowed) {
+ var federatedCloudSharingDoc = '';
+ html += federatedCloudSharingDoc.replace('{docLink}', oc_appconfig.core.federatedCloudShareDoc);
+ }
+ html += '';
+ html += '
';
+ html += '
';
+ var linksAllowed = $('#allowShareWithLink').val() === 'yes';
+ if (link && linksAllowed) {
+ html += '
';
+ html += '';
+ html += '';
+ html += ' ';
+
+ var defaultExpireMessage = '';
+ if ((itemType === 'folder' || itemType === 'file') && oc_appconfig.core.defaultExpireDateEnforced) {
+ defaultExpireMessage = t('core', 'The public link will expire no later than {days} days after it is created', {'days': oc_appconfig.core.defaultExpireDate}) + ' ';
+ }
+
+ html += '';
+ html += '';
+ html += '';
+ html += '
';
+ html += '';
+ html += '';
+ html += '';
+ html += '
';
+
+ if (itemType === 'folder' && (possiblePermissions & OC.PERMISSION_CREATE) && publicUploadEnabled === 'yes') {
+ html += '
';
+ html += '';
+ html += '';
+ html += '';
+ html += '
';
+ }
+ html += '
';
+ var mailPublicNotificationEnabled = $('input:hidden[name=mailPublicNotificationEnabled]').val();
+ if (mailPublicNotificationEnabled === 'yes') {
+ html += '';
+ }
+ }
+
+ html += '
';
+ html += '';
+ html += '';
+ html += '';
+ html += ''+defaultExpireMessage+'';
+ html += '