@sapui5/sap.fe.core 1.99.0 → 1.101.1

package/src/sap/fe/core/actions/collaboration/Manage.js

@@ -0,0 +1,264 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+ *      (c) Copyright 2009-2021 SAP SE. All rights reserved
+ */
+sap.ui.define(["sap/fe/core/actions/collaboration/CollaborationCommon", "sap/m/MessageToast", "sap/ui/core/Core", "sap/ui/core/Fragment"], function (CollaborationCommon, MessageToast, Core, Fragment) {
+  "use strict";
+
+  var _exports = {};
+  var CollaborationUtils = CollaborationCommon.CollaborationUtils;
+
+  var createUserDetailsPopover = function (view) {
+    try {
+      var popover = Fragment.load({
+        id: "manageCollaborationDraft",
+        // todo should be view id
+        name: "sap.fe.core.actions.collaboration.UserDetails"
+      });
+      return Promise.resolve(popover.then(function (popover) {
+        view.addDependent(popover);
+        return popover;
+      }).catch(function () {
+        throw "not this time";
+      }));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  var showUserDetails = function (event, view) {
+    try {
+      function _temp7() {
+        popover.setBindingContext(source.getBindingContext("internal"), "internal");
+        popover.openBy(source, false);
+      }
+
+      var source = event.getSource();
+      var popover = byId("userDetails");
+
+      var _temp8 = function () {
+        if (!popover) {
+          return Promise.resolve(createUserDetailsPopover(view)).then(function (_createUserDetailsPop) {
+            popover = _createUserDetailsPop;
+          });
+        }
+      }();
+
+      return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(_temp7) : _temp7(_temp8));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  _exports.showUserDetails = showUserDetails;
+
+  var createManageCollaborationDialog = function (view) {
+    try {
+      var pDialog = view.getController().getExtensionAPI().loadFragment({
+        name: "sap.fe.core.actions.collaboration.ManageDialog",
+        id: "manageCollaborationDraft",
+        controller: {
+          share: share,
+          addUser: addUser,
+          removeUser: removeUser,
+          removeSelectedUsers: removeSelectedUsers,
+          tableSelectionChange: tableSelectionChange,
+          close: closeDialog,
+          addUserChanged: addUserChanged
+        }
+      });
+      return Promise.resolve(pDialog.then(function (dialog) {
+        view.addDependent(dialog);
+        return dialog;
+      }).catch(function () {
+        throw "not this time";
+      }));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  var openManageDialog = function (view) {
+    try {
+      function _temp3() {
+        readInvitedUsers(view);
+        dialog.getBindingContext("internal").setProperty("userSelected", false);
+        dialog.open();
+      }
+
+      var dialog = byId("dialog");
+
+      var _temp4 = function () {
+        if (!dialog) {
+          return Promise.resolve(createManageCollaborationDialog(view)).then(function (_createManageCollabor) {
+            dialog = _createManageCollabor;
+          });
+        }
+      }();
+
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  _exports.openManageDialog = openManageDialog;
+
+  function readInvitedUsers(view) {
+    var model = view.getModel(); // TODO: inform model colleagues on missing TS definition
+
+    var parameters = {
+      $select: "UserID,UserDescription,UserAccessRole,UserAccessRoleDescription"
+    };
+    var invitedUserList = model.bindList("DraftAdministrativeData/DraftAdministrativeUser", view.getBindingContext(), [], [], parameters);
+    var internalModelContext = view.getBindingContext("internal"); // TODO: limit?
+
+    invitedUserList.requestContexts(0, 100).then(function (aContexts) {
+      // todo: convert to User type (also change XML etc.)
+      var invitedUsers = [];
+      var activeUsers = view.getModel("internal").getProperty("/collaboration/activeUsers") || [];
+      var me = CollaborationUtils.getMe(view);
+
+      if ((aContexts === null || aContexts === void 0 ? void 0 : aContexts.length) > 0) {
+        aContexts.forEach(function (oContext) {
+          // TODO: create also type for this friend
+          var userData = oContext.getObject();
+          var isMe = (me === null || me === void 0 ? void 0 : me.id) === userData.UserID;
+          var userDescription = userData.UserDescription || userData.UserID;
+          var initials = CollaborationUtils.formatInitials(userDescription);
+          userDescription += isMe ? " (" + CollaborationUtils.getText("C_COLLABORATIONDRAFT_YOU") + ")" : "";
+          var user = {
+            id: userData.UserID,
+            name: userDescription,
+            role: userData.UserAccessRole,
+            color: CollaborationUtils.getUserColor(userData.UserID, activeUsers, invitedUsers),
+            initials: initials,
+            me: isMe
+          };
+          invitedUsers.push(user);
+        });
+      } else {
+        // not yet shared, just add me
+        invitedUsers.push(me);
+      }
+
+      internalModelContext.setProperty("collaboration/invitedUsers", invitedUsers);
+    }).catch(function () {// TODO: handle this case, close dialog?
+    });
+    internalModelContext.setProperty("collaboration/UserID", "");
+    internalModelContext.setProperty("collaboration/UserRole", "O");
+    internalModelContext.setProperty("collaboration/UserDescription", "");
+  }
+
+  function addUser(event) {
+    var addButton = event.getSource();
+    var internalModelContext = addButton.getBindingContext("internal");
+    var invitedUsers = internalModelContext.getProperty("invitedUsers") || [];
+    var activeUsers = addButton.getModel("internal").getProperty("/collaboration/activeUsers");
+    var newUser = {
+      id: internalModelContext.getProperty("UserID"),
+      name: internalModelContext.getProperty("UserDescription"),
+      role: internalModelContext.getProperty("UserRole")
+    };
+
+    if (invitedUsers.findIndex(function (user) {
+      return user.id === newUser.id;
+    }) > -1 || newUser.id === newUser.name && newUser.id === "") {
+      return;
+    } else {
+      newUser.name = newUser.name || newUser.id;
+      newUser.initials = CollaborationUtils.formatInitials(newUser.name);
+      newUser.color = CollaborationUtils.getUserColor(newUser.id, activeUsers, invitedUsers);
+      invitedUsers.unshift(newUser);
+      internalModelContext.setProperty("invitedUsers", invitedUsers);
+      internalModelContext.setProperty("UserID", "");
+      internalModelContext.setProperty("UserDescription", "");
+    }
+  }
+
+  function addUserChanged(event) {
+    var userInput = event.getSource();
+    event.getParameter("promise").then(function (newUserId) {
+      var internalModelContext = userInput.getBindingContext("internal");
+      var invitedUsers = internalModelContext.getProperty("invitedUsers") || [];
+
+      if (invitedUsers.findIndex(function (user) {
+        return user.id === newUserId;
+      }) > -1) {
+        userInput.setValueState("Error");
+        userInput.setValueStateText("User is already in the list of invited users"); // TODO: i18n
+      } else {
+        userInput.setValueState("None");
+        userInput.setValueStateText("");
+      }
+    }).catch(function () {
+      throw "User couldn't be determined at all";
+    });
+  }
+
+  function removeUser(event) {
+    removeUserFromList(event.getSource());
+  }
+
+  function removeSelectedUsers() {
+    var userList = byId("userList");
+    var selectedItems = userList.getSelectedItems();
+    selectedItems.forEach(function (item) {
+      removeUserFromList(item);
+    });
+    userList.removeSelections(false);
+  }
+
+  function removeUserFromList(item) {
+    var internalModelContext = item.getBindingContext("pageInternal");
+    var deleteUserID = item.getBindingContext("internal").getProperty("id");
+    var invitedUsers = internalModelContext.getProperty("collaboration/invitedUsers");
+    invitedUsers = invitedUsers.filter(function (user) {
+      return user.id !== deleteUserID;
+    });
+    internalModelContext.setProperty("collaboration/invitedUsers", invitedUsers);
+  }
+
+  function byId(id) {
+    return Core.byId("manageCollaborationDraft--" + id);
+  }
+
+  function closeDialog() {
+    byId("dialog").close();
+  }
+
+  function tableSelectionChange(event) {
+    var table = event.getSource();
+    var oneUserSelected = table.getSelectedItems().length > 0;
+    table.getBindingContext("internal").setProperty("userSelected", oneUserSelected);
+  }
+
+  function share(event) {
+    var users = []; // TODO: create DraftAdminUserType
+
+    var source = event.getSource();
+    var model = source.getModel();
+    var bindingContext = source.getBindingContext();
+    var oMetaModel = model.getMetaModel();
+    var contexts = byId("userList").getBinding("items").getContexts();
+    contexts.forEach(function (context) {
+      users.push({
+        UserID: context.getProperty("id"),
+        UserAccessRole: context.getProperty("role")
+      });
+    });
+    var sEntitySet = model.getMetaModel().getMetaPath(bindingContext);
+    var shareActionName = oMetaModel.getObject("".concat(sEntitySet, "@com.sap.vocabularies.Common.v1.DraftRoot/ShareAction"));
+    var shareAction = model.bindContext("".concat(shareActionName, "(...)"), bindingContext);
+    shareAction.setParameter("Users", users);
+    shareAction.execute().then(function () {
+      MessageToast.show("User invited");
+    }).catch(function () {
+      MessageToast.show("Invitation failed due to technical reasons");
+    });
+    closeDialog();
+  }
+
+  return _exports;
+}, false);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1hbmFnZS50cyJdLCJuYW1lcyI6WyJjcmVhdGVVc2VyRGV0YWlsc1BvcG92ZXIiLCJ2aWV3IiwicG9wb3ZlciIsIkZyYWdtZW50IiwibG9hZCIsImlkIiwibmFtZSIsInRoZW4iLCJhZGREZXBlbmRlbnQiLCJjYXRjaCIsInNob3dVc2VyRGV0YWlscyIsImV2ZW50Iiwic2V0QmluZGluZ0NvbnRleHQiLCJzb3VyY2UiLCJnZXRCaW5kaW5nQ29udGV4dCIsIm9wZW5CeSIsImdldFNvdXJjZSIsImJ5SWQiLCJjcmVhdGVNYW5hZ2VDb2xsYWJvcmF0aW9uRGlhbG9nIiwicERpYWxvZyIsImdldENvbnRyb2xsZXIiLCJnZXRFeHRlbnNpb25BUEkiLCJsb2FkRnJhZ21lbnQiLCJjb250cm9sbGVyIiwic2hhcmUiLCJhZGRVc2VyIiwicmVtb3ZlVXNlciIsInJlbW92ZVNlbGVjdGVkVXNlcnMiLCJ0YWJsZVNlbGVjdGlvbkNoYW5nZSIsImNsb3NlIiwiY2xvc2VEaWFsb2ciLCJhZGRVc2VyQ2hhbmdlZCIsImRpYWxvZyIsIm9wZW5NYW5hZ2VEaWFsb2ciLCJyZWFkSW52aXRlZFVzZXJzIiwic2V0UHJvcGVydHkiLCJvcGVuIiwibW9kZWwiLCJnZXRNb2RlbCIsInBhcmFtZXRlcnMiLCIkc2VsZWN0IiwiaW52aXRlZFVzZXJMaXN0IiwiYmluZExpc3QiLCJpbnRlcm5hbE1vZGVsQ29udGV4dCIsInJlcXVlc3RDb250ZXh0cyIsImFDb250ZXh0cyIsImludml0ZWRVc2VycyIsImFjdGl2ZVVzZXJzIiwiZ2V0UHJvcGVydHkiLCJtZSIsIkNvbGxhYm9yYXRpb25VdGlscyIsImdldE1lIiwibGVuZ3RoIiwiZm9yRWFjaCIsIm9Db250ZXh0IiwidXNlckRhdGEiLCJnZXRPYmplY3QiLCJpc01lIiwiVXNlcklEIiwidXNlckRlc2NyaXB0aW9uIiwiVXNlckRlc2NyaXB0aW9uIiwiaW5pdGlhbHMiLCJmb3JtYXRJbml0aWFscyIsImdldFRleHQiLCJ1c2VyIiwicm9sZSIsIlVzZXJBY2Nlc3NSb2xlIiwiY29sb3IiLCJnZXRVc2VyQ29sb3IiLCJwdXNoIiwiYWRkQnV0dG9uIiwibmV3VXNlciIsImZpbmRJbmRleCIsInVuc2hpZnQiLCJ1c2VySW5wdXQiLCJnZXRQYXJhbWV0ZXIiLCJuZXdVc2VySWQiLCJzZXRWYWx1ZVN0YXRlIiwic2V0VmFsdWVTdGF0ZVRleHQiLCJyZW1vdmVVc2VyRnJvbUxpc3QiLCJ1c2VyTGlzdCIsInNlbGVjdGVkSXRlbXMiLCJnZXRTZWxlY3RlZEl0ZW1zIiwiaXRlbSIsInJlbW92ZVNlbGVjdGlvbnMiLCJkZWxldGVVc2VySUQiLCJmaWx0ZXIiLCJDb3JlIiwidGFibGUiLCJvbmVVc2VyU2VsZWN0ZWQiLCJ1c2VycyIsImJpbmRpbmdDb250ZXh0Iiwib01ldGFNb2RlbCIsImdldE1ldGFNb2RlbCIsImNvbnRleHRzIiwiZ2V0QmluZGluZyIsImdldENvbnRleHRzIiwiY29udGV4dCIsInNFbnRpdHlTZXQiLCJnZXRNZXRhUGF0aCIsInNoYXJlQWN0aW9uTmFtZSIsInNoYXJlQWN0aW9uIiwiYmluZENvbnRleHQiLCJzZXRQYXJhbWV0ZXIiLCJleGVjdXRlIiwiTWVzc2FnZVRvYXN0Iiwic2hvdyJdLCJtYXBwaW5ncyI6IjtBQUFBO0FBQ0E7QUFDQTs7Ozs7OztNQXNPZUEsd0IsYUFBeUJDLEk7UUFBWTtBQUNuRCxVQUFNQyxPQUFxQixHQUFHQyxRQUFRLENBQUNDLElBQVQsQ0FBYztBQUMzQ0MsUUFBQUEsRUFBRSxFQUFFLDBCQUR1QztBQUNYO0FBQ2hDQyxRQUFBQSxJQUFJLEVBQUU7QUFGcUMsT0FBZCxDQUE5QjtBQUlBLDZCQUFPSixPQUFPLENBQ1pLLElBREssQ0FDQSxVQUFVTCxPQUFWLEVBQXdCO0FBQzdCRCxRQUFBQSxJQUFJLENBQUNPLFlBQUwsQ0FBa0JOLE9BQWxCO0FBQ0EsZUFBT0EsT0FBUDtBQUNBLE9BSkssRUFLTE8sS0FMSyxDQUtDLFlBQVk7QUFDbEIsY0FBTSxlQUFOO0FBQ0EsT0FQSyxDQUFQO0FBUUEsSzs7Ozs7TUF6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RixHQUVFakcsSUFGRixDQUVPLFlBQVk7QUFDakJrRyxNQUFBQSxZQUFZLENBQUNDLElBQWIsQ0FBa0IsY0FBbEI7QUFDQSxLQUpGLEVBS0VqRyxLQUxGLENBS1EsWUFBWTtBQUNsQmdHLE1BQUFBLFlBQVksQ0FBQ0MsSUFBYixDQUFrQiw0Q0FBbEI7QUFDQSxLQVBGO0FBU0E1RSxJQUFBQSxXQUFXO0FBQ1giLCJzb3VyY2VSb290IjoiLiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbGxhYm9yYXRpb25VdGlscywgVXNlciB9IGZyb20gXCJzYXAvZmUvY29yZS9hY3Rpb25zL2NvbGxhYm9yYXRpb24vQ29sbGFib3JhdGlvbkNvbW1vblwiO1xuaW1wb3J0IHsgSW50ZXJuYWxNb2RlbENvbnRleHQgfSBmcm9tIFwic2FwL2ZlL2NvcmUvaGVscGVycy9Nb2RlbEhlbHBlclwiO1xuaW1wb3J0IERpYWxvZyBmcm9tIFwic2FwL20vRGlhbG9nXCI7XG5pbXBvcnQgSW5wdXQgZnJvbSBcInNhcC9tL0lucHV0XCI7XG5pbXBvcnQgTWVzc2FnZVRvYXN0IGZyb20gXCJzYXAvbS9NZXNzYWdlVG9hc3RcIjtcbmltcG9ydCBQb3BvdmVyIGZyb20gXCJzYXAvbS9Qb3BvdmVyXCI7XG5pbXBvcnQgVGFibGUgZnJvbSBcInNhcC9tL1RhYmxlXCI7XG5pbXBvcnQgRXZlbnQgZnJvbSBcInNhcC91aS9iYXNlL0V2ZW50XCI7XG5pbXBvcnQgQ29udHJvbCBmcm9tIFwic2FwL3VpL2NvcmUvQ29udHJvbFwiO1xuaW1wb3J0IENvcmUgZnJvbSBcInNhcC91aS9jb3JlL0NvcmVcIjtcbmltcG9ydCBGcmFnbWVudCBmcm9tIFwic2FwL3VpL2NvcmUvRnJhZ21lbnRcIjtcbmltcG9ydCBWaWV3IGZyb20gXCJzYXAvdWkvY29yZS9tdmMvVmlld1wiO1xuaW1wb3J0IENvbnRleHQgZnJvbSBcInNhcC91aS9tb2RlbC9vZGF0YS92NC9Db250ZXh0XCI7XG5pbXBvcnQgT0RhdGFMaXN0QmluZGluZyBmcm9tIFwic2FwL3VpL21vZGVsL29kYXRhL3Y0L09EYXRhTGlzdEJpbmRpbmdcIjtcbmltcG9ydCBPRGF0YU1vZGVsIGZyb20gXCJzYXAvdWkvbW9kZWwvb2RhdGEvdjQvT0RhdGFNb2RlbFwiO1xuXG5leHBvcnQgY29uc3Qgb3Blbk1hbmFnZURpYWxvZyA9IGFzeW5jIGZ1bmN0aW9uICh2aWV3OiBWaWV3KSB7XG5cdGxldCBkaWFsb2c6IGFueSA9IGJ5SWQoXCJkaWFsb2dcIik7XG5cblx0aWYgKCFkaWFsb2cpIHtcblx0XHRkaWFsb2cgPSBhd2FpdCBjcmVhdGVNYW5hZ2VDb2xsYWJvcmF0aW9uRGlhbG9nKHZpZXcpO1xuXHR9XG5cblx0cmVhZEludml0ZWRVc2Vycyh2aWV3KTtcblxuXHRkaWFsb2cuZ2V0QmluZGluZ0NvbnRleHQoXCJpbnRlcm5hbFwiKS5zZXRQcm9wZXJ0eShcInVzZXJTZWxlY3RlZFwiLCBmYWxzZSk7XG5cdGRpYWxvZy5vcGVuKCk7XG59O1xuXG5hc3luYyBmdW5jdGlvbiBjcmVhdGVNYW5hZ2VDb2xsYWJvcmF0aW9uRGlhbG9nKHZpZXc6IFZpZXcpIHtcblx0Y29uc3QgcERpYWxvZzogUHJvbWlzZTxhbnk+ID0gKHZpZXcuZ2V0Q29udHJvbGxlcigpIGFzIGFueSkuZ2V0RXh0ZW5zaW9uQVBJKCkubG9hZEZyYWdtZW50KHtcblx0XHRuYW1lOiBcInNhcC5mZS5jb3JlLmFjdGlvbnMuY29sbGFib3JhdGlvbi5NYW5hZ2VEaWFsb2dcIixcblx0XHRpZDogXCJtYW5hZ2VDb2xsYWJvcmF0aW9uRHJhZnRcIixcblx0XHRjb250cm9sbGVyOiB7XG5cdFx0XHRzaGFyZTogc2hhcmUsXG5cdFx0XHRhZGRVc2VyOiBhZGRVc2VyLFxuXHRcdFx0cmVtb3ZlVXNlcjogcmVtb3ZlVXNlcixcblx0XHRcdHJlbW92ZVNlbGVjdGVkVXNlcnM6IHJlbW92ZVNlbGVjdGVkVXNlcnMsXG5cdFx0XHR0YWJsZVNlbGVjdGlvbkNoYW5nZTogdGFibGVTZWxlY3Rpb25DaGFuZ2UsXG5cdFx0XHRjbG9zZTogY2xvc2VEaWFsb2csXG5cdFx0XHRhZGRVc2VyQ2hhbmdlZDogYWRkVXNlckNoYW5nZWRcblx0XHR9XG5cdH0pO1xuXHRyZXR1cm4gcERpYWxvZ1xuXHRcdC50aGVuKGZ1bmN0aW9uIChkaWFsb2c6IGFueSkge1xuXHRcdFx0dmlldy5hZGREZXBlbmRlbnQoZGlhbG9nKTtcblx0XHRcdHJldHVybiBkaWFsb2c7XG5cdFx0fSlcblx0XHQuY2F0Y2goZnVuY3Rpb24gKCkge1xuXHRcdFx0dGhyb3cgXCJub3QgdGhpcyB0aW1lXCI7XG5cdFx0fSk7XG59XG5cbmZ1bmN0aW9uIHJlYWRJbnZpdGVkVXNlcnModmlldzogVmlldykge1xuXHRjb25zdCBtb2RlbCA9IHZpZXcuZ2V0TW9kZWwoKSBhcyBPRGF0YU1vZGVsO1xuXHQvLyBUT0RPOiBpbmZvcm0gbW9kZWwgY29sbGVhZ3VlcyBvbiBtaXNzaW5nIFRTIGRlZmluaXRpb25cblx0Y29uc3QgcGFyYW1ldGVyczogYW55ID0ge1xuXHRcdCRzZWxlY3Q6IFwiVXNlcklELFVzZXJEZXNjcmlwdGlvbixVc2VyQWNjZXNzUm9sZSxVc2VyQWNjZXNzUm9sZURlc2NyaXB0aW9uXCJcblx0fTtcblx0Y29uc3QgaW52aXRlZFVzZXJMaXN0ID0gbW9kZWwuYmluZExpc3QoXG5cdFx0XCJEcmFmdEFkbWluaXN0cmF0aXZlRGF0YS9EcmFmdEFkbWluaXN0cmF0aXZlVXNlclwiLFxuXHRcdHZpZXcuZ2V0QmluZGluZ0NvbnRleHQoKSBhcyBDb250ZXh0LFxuXHRcdFtdLFxuXHRcdFtdLFxuXHRcdHBhcmFtZXRlcnNcblx0KTtcblx0Y29uc3QgaW50ZXJuYWxNb2RlbENvbnRleHQgPSB2aWV3LmdldEJpbmRpbmdDb250ZXh0KFwiaW50ZXJuYWxcIikgYXMgSW50ZXJuYWxNb2RlbENvbnRleHQ7XG5cblx0Ly8gVE9ETzogbGltaXQ/XG5cdGludml0ZWRVc2VyTGlzdFxuXHRcdC5yZXF1ZXN0Q29udGV4dHMoMCwgMTAwKVxuXHRcdC50aGVuKGZ1bmN0aW9uIChhQ29udGV4dHMpIHtcblx0XHRcdC8vIHRvZG86IGNvbnZlcnQgdG8gVXNlciB0eXBlIChhbHNvIGNoYW5nZSBYTUwgZXRjLilcblx0XHRcdGNvbnN0IGludml0ZWRVc2VyczogVXNlcltdID0gW107XG5cdFx0XHRjb25zdCBhY3RpdmVVc2VycyA9IHZpZXcuZ2V0TW9kZWwoXCJpbnRlcm5hbFwiKS5nZXRQcm9wZXJ0eShcIi9jb2xsYWJvcmF0aW9uL2FjdGl2ZVVzZXJzXCIpIHx8IFtdO1xuXHRcdFx0Y29uc3QgbWUgPSBDb2xsYWJvcmF0aW9uVXRpbHMuZ2V0TWUodmlldyk7XG5cdFx0XHRpZiAoYUNvbnRleHRzPy5sZW5ndGggPiAwKSB7XG5cdFx0XHRcdGFDb250ZXh0cy5mb3JFYWNoKGZ1bmN0aW9uIChvQ29udGV4dCkge1xuXHRcdFx0XHRcdC8vIFRPRE86IGNyZWF0ZSBhbHNvIHR5cGUgZm9yIHRoaXMgZnJpZW5kXG5cdFx0XHRcdFx0Y29uc3QgdXNlckRhdGEgPSBvQ29udGV4dC5nZXRPYmplY3QoKTtcblx0XHRcdFx0XHRjb25zdCBpc01lOiBib29sZWFuID0gbWU/LmlkID09PSB1c2VyRGF0YS5Vc2VySUQ7XG5cdFx0XHRcdFx0bGV0IHVzZXJEZXNjcmlwdGlvbiA9IHVzZXJEYXRhLlVzZXJEZXNjcmlwdGlvbiB8fCB1c2VyRGF0YS5Vc2VySUQ7XG5cdFx0XHRcdFx0Y29uc3QgaW5pdGlhbHMgPSBDb2xsYWJvcmF0aW9uVXRpbHMuZm9ybWF0SW5pdGlhbHModXNlckRlc2NyaXB0aW9uKTtcblx0XHRcdFx0XHR1c2VyRGVzY3JpcHRpb24gKz0gaXNNZSA/IFwiIChcIiArIENvbGxhYm9yYXRpb25VdGlscy5nZXRUZXh0KFwiQ19DT0xMQUJPUkFUSU9ORFJBRlRfWU9VXCIpICsgXCIpXCIgOiBcIlwiO1xuXG5cdFx0XHRcdFx0Y29uc3QgdXNlcjogVXNlciA9IHtcblx0XHRcdFx0XHRcdGlkOiB1c2VyRGF0YS5Vc2VySUQsXG5cdFx0XHRcdFx0XHRuYW1lOiB1c2VyRGVzY3JpcHRpb24sXG5cdFx0XHRcdFx0XHRyb2xlOiB1c2VyRGF0YS5Vc2VyQWNjZXNzUm9sZSxcblx0XHRcdFx0XHRcdGNvbG9yOiBDb2xsYWJvcmF0aW9uVXRpbHMuZ2V0VXNlckNvbG9yKHVzZXJEYXRhLlVzZXJJRCwgYWN0aXZlVXNlcnMsIGludml0ZWRVc2VycyksXG5cdFx0XHRcdFx0XHRpbml0aWFsczogaW5pdGlhbHMsXG5cdFx0XHRcdFx0XHRtZTogaXNNZVxuXHRcdFx0XHRcdH07XG5cdFx0XHRcdFx0aW52aXRlZFVzZXJzLnB1c2godXNlcik7XG5cdFx0XHRcdH0pO1xuXHRcdFx0fSBlbHNlIHtcblx0XHRcdFx0Ly8gbm90IHlldCBzaGFyZWQsIGp1c3QgYWRkIG1lXG5cdFx0XHRcdGludml0ZWRVc2Vycy5wdXNoKG1lKTtcblx0XHRcdH1cblxuXHRcdFx0aW50ZXJuYWxNb2RlbENvbnRleHQuc2V0UHJvcGVydHkoXCJjb2xsYWJvcmF0aW9uL2ludml0ZWRVc2Vyc1wiLCBpbnZpdGVkVXNlcnMpO1xuXHRcdH0pXG5cdFx0LmNhdGNoKGZ1bmN0aW9uICgpIHtcblx0XHRcdC8vIFRPRE86IGhhbmRsZSB0aGlzIGNhc2UsIGNsb3NlIGRpYWxvZz9cblx0XHR9KTtcblx0aW50ZXJuYWxNb2RlbENvbnRleHQuc2V0UHJvcGVydHkoXCJjb2xsYWJvcmF0aW9uL1VzZXJJRFwiLCBcIlwiKTtcblx0aW50ZXJuYWxNb2RlbENvbnRleHQuc2V0UHJvcGVydHkoXCJjb2xsYWJvcmF0aW9uL1VzZXJSb2xlXCIsIFwiT1wiKTtcblx0aW50ZXJuYWxNb2RlbENvbnRleHQuc2V0UHJvcGVydHkoXCJjb2xsYWJvcmF0aW9uL1VzZXJEZXNjcmlwdGlvblwiLCBcIlwiKTtcbn1cblxuZnVuY3Rpb24gYWRkVXNlcihldmVudDogYW55KSB7XG5cdGNvbnN0IGFkZEJ1dHRvbiA9IGV2ZW50LmdldFNvdXJjZSgpO1xuXHRjb25zdCBpbnRlcm5hbE1vZGVsQ29udGV4dCA9IGFkZEJ1dHRvbi5nZXRCaW5kaW5nQ29udGV4dChcImludGVybmFsXCIpO1xuXHRjb25zdCBpbnZpdGVkVXNlcnM6IFVzZXJbXSA9IGludGVybmFsTW9kZWxDb250ZXh0LmdldFByb3BlcnR5KFwiaW52aXRlZFVzZXJzXCIpIHx8IFtdO1xuXHRjb25zdCBhY3RpdmVVc2VycyA9IGFkZEJ1dHRvbi5nZXRNb2RlbChcImludGVybmFsXCIpLmdldFByb3BlcnR5KFwiL2NvbGxhYm9yYXRpb24vYWN0aXZlVXNlcnNcIik7XG5cdGNvbnN0IG5ld1VzZXI6IFVzZXIgPSB7XG5cdFx0aWQ6IGludGVybmFsTW9kZWxDb250ZXh0LmdldFByb3BlcnR5KFwiVXNlcklEXCIpLFxuXHRcdG5hbWU6IGludGVybmFsTW9kZWxDb250ZXh0LmdldFByb3BlcnR5KFwiVXNlckRlc2NyaXB0aW9uXCIpLFxuXHRcdHJvbGU6IGludGVybmFsTW9kZWxDb250ZXh0LmdldFByb3BlcnR5KFwiVXNlclJvbGVcIilcblx0fTtcblxuXHRpZiAoaW52aXRlZFVzZXJzLmZpbmRJbmRleCgodXNlcikgPT4gdXNlci5pZCA9PT0gbmV3VXNlci5pZCkgPiAtMSB8fCAobmV3VXNlci5pZCA9PT0gbmV3VXNlci5uYW1lICYmIG5ld1VzZXIuaWQgPT09IFwiXCIpKSB7XG5cdFx0cmV0dXJuO1xuXHR9IGVsc2Uge1xuXHRcdG5ld1VzZXIubmFtZSA9IG5ld1VzZXIubmFtZSB8fCBuZXdVc2VyLmlkO1xuXHRcdG5ld1VzZXIuaW5pdGlhbHMgPSBDb2xsYWJvcmF0aW9uVXRpbHMuZm9ybWF0SW5pdGlhbHMobmV3VXNlci5uYW1lKTtcblx0XHRuZXdVc2VyLmNvbG9yID0gQ29sbGFib3JhdGlvblV0aWxzLmdldFVzZXJDb2xvcihuZXdVc2VyLmlkLCBhY3RpdmVVc2VycywgaW52aXRlZFVzZXJzKTtcblx0XHRpbnZpdGVkVXNlcnMudW5zaGlmdChuZXdVc2VyKTtcblx0XHRpbnRlcm5hbE1vZGVsQ29udGV4dC5zZXRQcm9wZXJ0eShcImludml0ZWRVc2Vyc1wiLCBpbnZpdGVkVXNlcnMpO1xuXHRcdGludGVybmFsTW9kZWxDb250ZXh0LnNldFByb3BlcnR5KFwiVXNlcklEXCIsIFwiXCIpO1xuXHRcdGludGVybmFsTW9kZWxDb250ZXh0LnNldFByb3BlcnR5KFwiVXNlckRlc2NyaXB0aW9uXCIsIFwiXCIpO1xuXHR9XG59XG5cbmZ1bmN0aW9uIGFkZFVzZXJDaGFuZ2VkKGV2ZW50OiBFdmVudCkge1xuXHRjb25zdCB1c2VySW5wdXQgPSBldmVudC5nZXRTb3VyY2UoKSBhcyBJbnB1dDtcblx0ZXZlbnRcblx0XHQuZ2V0UGFyYW1ldGVyKFwicHJvbWlzZVwiKVxuXHRcdC50aGVuKGZ1bmN0aW9uIChuZXdVc2VySWQ6IHN0cmluZykge1xuXHRcdFx0Y29uc3QgaW50ZXJuYWxNb2RlbENvbnRleHQgPSB1c2VySW5wdXQuZ2V0QmluZGluZ0NvbnRleHQoXCJpbnRlcm5hbFwiKSBhcyBJbnRlcm5hbE1vZGVsQ29udGV4dDtcblx0XHRcdGNvbnN0IGludml0ZWRVc2VyczogVXNlcltdID0gaW50ZXJuYWxNb2RlbENvbnRleHQuZ2V0UHJvcGVydHkoXCJpbnZpdGVkVXNlcnNcIikgfHwgW107XG5cdFx0XHRpZiAoaW52aXRlZFVzZXJzLmZpbmRJbmRleCgodXNlcikgPT4gdXNlci5pZCA9PT0gbmV3VXNlcklkKSA+IC0xKSB7XG5cdFx0XHRcdHVzZXJJbnB1dC5zZXRWYWx1ZVN0YXRlKFwiRXJyb3JcIik7XG5cdFx0XHRcdHVzZXJJbnB1dC5zZXRWYWx1ZVN0YXRlVGV4dChcIlVzZXIgaXMgYWxyZWFkeSBpbiB0aGUgbGlzdCBvZiBpbnZpdGVkIHVzZXJzXCIpOyAvLyBUT0RPOiBpMThuXG5cdFx0XHR9IGVsc2Uge1xuXHRcdFx0XHR1c2VySW5wdXQuc2V0VmFsdWVTdGF0ZShcIk5vbmVcIik7XG5cdFx0XHRcdHVzZXJJbnB1dC5zZXRWYWx1ZVN0YXRlVGV4dChcIlwiKTtcblx0XHRcdH1cblx0XHR9KVxuXHRcdC5jYXRjaChmdW5jdGlvbiAoKSB7XG5cdFx0XHR0aHJvdyBcIlVzZXIgY291bGRuJ3QgYmUgZGV0ZXJtaW5lZCBhdCBhbGxcIjtcblx0XHR9KTtcbn1cblxuZnVuY3Rpb24gcmVtb3ZlVXNlcihldmVudDogRXZlbnQpIHtcblx0cmVtb3ZlVXNlckZyb21MaXN0KGV2ZW50LmdldFNvdXJjZSgpKTtcbn1cblxuZnVuY3Rpb24gcmVtb3ZlU2VsZWN0ZWRVc2VycygpIHtcblx0Y29uc3QgdXNlckxpc3QgPSBieUlkKFwidXNlckxpc3RcIikgYXMgVGFibGU7XG5cdGNvbnN0IHNlbGVjdGVkSXRlbXMgPSB1c2VyTGlzdC5nZXRTZWxlY3RlZEl0ZW1zKCkgYXMgYW55W107XG5cdHNlbGVjdGVkSXRlbXMuZm9yRWFjaChmdW5jdGlvbiAoaXRlbTogVXNlcikge1xuXHRcdHJlbW92ZVVzZXJGcm9tTGlzdChpdGVtKTtcblx0fSk7XG5cdHVzZXJMaXN0LnJlbW92ZVNlbGVjdGlvbnMoZmFsc2UpO1xufVxuXG5mdW5jdGlvbiByZW1vdmVVc2VyRnJvbUxpc3QoaXRlbTogYW55KSB7XG5cdGNvbnN0IGludGVybmFsTW9kZWxDb250ZXh0ID0gaXRlbS5nZXRCaW5kaW5nQ29udGV4dChcInBhZ2VJbnRlcm5hbFwiKTtcblx0Y29uc3QgZGVsZXRlVXNlcklEID0gaXRlbS5nZXRCaW5kaW5nQ29udGV4dChcImludGVybmFsXCIpLmdldFByb3BlcnR5KFwiaWRcIik7XG5cdGxldCBpbnZpdGVkVXNlcnM6IFVzZXJbXSA9IGludGVybmFsTW9kZWxDb250ZXh0LmdldFByb3BlcnR5KFwiY29sbGFib3JhdGlvbi9pbnZpdGVkVXNlcnNcIik7XG5cdGludml0ZWRVc2VycyA9IGludml0ZWRVc2Vycy5maWx0ZXIoKHVzZXIpID0+IHVzZXIuaWQgIT09IGRlbGV0ZVVzZXJJRCk7XG5cdGludGVybmFsTW9kZWxDb250ZXh0LnNldFByb3BlcnR5KFwiY29sbGFib3JhdGlvbi9pbnZpdGVkVXNlcnNcIiwgaW52aXRlZFVzZXJzKTtcbn1cblxuZnVuY3Rpb24gYnlJZChpZDogc3RyaW5nKTogYW55IHtcblx0cmV0dXJuIENvcmUuYnlJZChcIm1hbmFnZUNvbGxhYm9yYXRpb25EcmFmdC0tXCIgKyBpZCk7XG59XG5cbmZ1bmN0aW9uIGNsb3NlRGlhbG9nKCkge1xuXHQoYnlJZChcImRpYWxvZ1wiKSBhcyBEaWFsb2cpLmNsb3NlKCk7XG59XG5cbmZ1bmN0aW9uIHRhYmxlU2VsZWN0aW9uQ2hhbmdlKGV2ZW50OiBFdmVudCkge1xuXHRjb25zdCB0YWJsZSA9IGV2ZW50LmdldFNvdXJjZSgpIGFzIFRhYmxlO1xuXHRjb25zdCBvbmVVc2VyU2VsZWN0ZWQgPSB0YWJsZS5nZXRTZWxlY3RlZEl0ZW1zKCkubGVuZ3RoID4gMDtcblxuXHQodGFibGUuZ2V0QmluZGluZ0NvbnRleHQoXCJpbnRlcm5hbFwiKSBhcyBJbnRlcm5hbE1vZGVsQ29udGV4dCkuc2V0UHJvcGVydHkoXCJ1c2VyU2VsZWN0ZWRcIiwgb25lVXNlclNlbGVjdGVkKTtcbn1cblxuZnVuY3Rpb24gc2hhcmUoZXZlbnQ6IEV2ZW50KSB7XG5cdGNvbnN0IHVzZXJzOiBhbnlbXSA9IFtdOyAvLyBUT0RPOiBjcmVhdGUgRHJhZnRBZG1pblVzZXJUeXBlXG5cdGNvbnN0IHNvdXJjZSA9IGV2ZW50LmdldFNvdXJjZSgpIGFzIENvbnRyb2w7XG5cdGNvbnN0IG1vZGVsID0gc291cmNlLmdldE1vZGVsKCkgYXMgT0RhdGFNb2RlbDtcblx0Y29uc3QgYmluZGluZ0NvbnRleHQgPSBzb3VyY2UuZ2V0QmluZGluZ0NvbnRleHQoKSBhcyBDb250ZXh0O1xuXHRjb25zdCBvTWV0YU1vZGVsID0gbW9kZWwuZ2V0TWV0YU1vZGVsKCk7XG5cdGNvbnN0IGNvbnRleHRzID0gKChieUlkKFwidXNlckxpc3RcIikgYXMgVGFibGUpLmdldEJpbmRpbmcoXCJpdGVtc1wiKSBhcyBPRGF0YUxpc3RCaW5kaW5nKS5nZXRDb250ZXh0cygpO1xuXG5cdGNvbnRleHRzLmZvckVhY2goZnVuY3Rpb24gKGNvbnRleHQ6IGFueSkge1xuXHRcdHVzZXJzLnB1c2goe1xuXHRcdFx0VXNlcklEOiBjb250ZXh0LmdldFByb3BlcnR5KFwiaWRcIiksXG5cdFx0XHRVc2VyQWNjZXNzUm9sZTogY29udGV4dC5nZXRQcm9wZXJ0eShcInJvbGVcIilcblx0XHR9KTtcblx0fSk7XG5cdGNvbnN0IHNFbnRpdHlTZXQgPSBtb2RlbC5nZXRNZXRhTW9kZWwoKS5nZXRNZXRhUGF0aChiaW5kaW5nQ29udGV4dCBhcyBhbnkpO1xuXHRjb25zdCBzaGFyZUFjdGlvbk5hbWUgPSBvTWV0YU1vZGVsLmdldE9iamVjdChgJHtzRW50aXR5U2V0fUBjb20uc2FwLnZvY2FidWxhcmllcy5Db21tb24udjEuRHJhZnRSb290L1NoYXJlQWN0aW9uYCk7XG5cdGNvbnN0IHNoYXJlQWN0aW9uID0gbW9kZWwuYmluZENvbnRleHQoYCR7c2hhcmVBY3Rpb25OYW1lfSguLi4pYCwgYmluZGluZ0NvbnRleHQpO1xuXHRzaGFyZUFjdGlvbi5zZXRQYXJhbWV0ZXIoXCJVc2Vyc1wiLCB1c2Vycyk7XG5cdHNoYXJlQWN0aW9uXG5cdFx0LmV4ZWN1dGUoKVxuXHRcdC50aGVuKGZ1bmN0aW9uICgpIHtcblx0XHRcdE1lc3NhZ2VUb2FzdC5zaG93KFwiVXNlciBpbnZpdGVkXCIpO1xuXHRcdH0pXG5cdFx0LmNhdGNoKGZ1bmN0aW9uICgpIHtcblx0XHRcdE1lc3NhZ2VUb2FzdC5zaG93KFwiSW52aXRhdGlvbiBmYWlsZWQgZHVlIHRvIHRlY2huaWNhbCByZWFzb25zXCIpO1xuXHRcdH0pO1xuXG5cdGNsb3NlRGlhbG9nKCk7XG59XG5cbmV4cG9ydCBhc3luYyBmdW5jdGlvbiBzaG93VXNlckRldGFpbHMoZXZlbnQ6IEV2ZW50LCB2aWV3OiBWaWV3KSB7XG5cdGNvbnN0IHNvdXJjZSA9IGV2ZW50LmdldFNvdXJjZSgpIGFzIENvbnRyb2w7XG5cdGxldCBwb3BvdmVyID0gYnlJZChcInVzZXJEZXRhaWxzXCIpIGFzIFBvcG92ZXI7XG5cdGlmICghcG9wb3Zlcikge1xuXHRcdHBvcG92ZXIgPSBhd2FpdCBjcmVhdGVVc2VyRGV0YWlsc1BvcG92ZXIodmlldyk7XG5cdH1cblxuXHRwb3BvdmVyLnNldEJpbmRpbmdDb250ZXh0KHNvdXJjZS5nZXRCaW5kaW5nQ29udGV4dChcImludGVybmFsXCIpIGFzIEludGVybmFsTW9kZWxDb250ZXh0LCBcImludGVybmFsXCIpO1xuXG5cdHBvcG92ZXIub3BlbkJ5KHNvdXJjZSwgZmFsc2UpO1xufVxuXG5hc3luYyBmdW5jdGlvbiBjcmVhdGVVc2VyRGV0YWlsc1BvcG92ZXIodmlldzogVmlldykge1xuXHRjb25zdCBwb3BvdmVyOiBQcm9taXNlPGFueT4gPSBGcmFnbWVudC5sb2FkKHtcblx0XHRpZDogXCJtYW5hZ2VDb2xsYWJvcmF0aW9uRHJhZnRcIiwgLy8gdG9kbyBzaG91bGQgYmUgdmlldyBpZFxuXHRcdG5hbWU6IFwic2FwLmZlLmNvcmUuYWN0aW9ucy5jb2xsYWJvcmF0aW9uLlVzZXJEZXRhaWxzXCJcblx0fSk7XG5cdHJldHVybiBwb3BvdmVyXG5cdFx0LnRoZW4oZnVuY3Rpb24gKHBvcG92ZXI6IGFueSkge1xuXHRcdFx0dmlldy5hZGREZXBlbmRlbnQocG9wb3Zlcik7XG5cdFx0XHRyZXR1cm4gcG9wb3Zlcjtcblx0XHR9KVxuXHRcdC5jYXRjaChmdW5jdGlvbiAoKSB7XG5cdFx0XHR0aHJvdyBcIm5vdCB0aGlzIHRpbWVcIjtcblx0XHR9KTtcbn1cbiJdfQ==

package/src/sap/fe/core/actions/collaboration/Manage.ts

@@ -0,0 +1,246 @@
+import { CollaborationUtils, User } from "sap/fe/core/actions/collaboration/CollaborationCommon";
+import { InternalModelContext } from "sap/fe/core/helpers/ModelHelper";
+import Dialog from "sap/m/Dialog";
+import Input from "sap/m/Input";
+import MessageToast from "sap/m/MessageToast";
+import Popover from "sap/m/Popover";
+import Table from "sap/m/Table";
+import Event from "sap/ui/base/Event";
+import Control from "sap/ui/core/Control";
+import Core from "sap/ui/core/Core";
+import Fragment from "sap/ui/core/Fragment";
+import View from "sap/ui/core/mvc/View";
+import Context from "sap/ui/model/odata/v4/Context";
+import ODataListBinding from "sap/ui/model/odata/v4/ODataListBinding";
+import ODataModel from "sap/ui/model/odata/v4/ODataModel";
+
+export const openManageDialog = async function (view: View) {
+	let dialog: any = byId("dialog");
+
+	if (!dialog) {
+		dialog = await createManageCollaborationDialog(view);
+	}
+
+	readInvitedUsers(view);
+
+	dialog.getBindingContext("internal").setProperty("userSelected", false);
+	dialog.open();
+};
+
+async function createManageCollaborationDialog(view: View) {
+	const pDialog: Promise<any> = (view.getController() as any).getExtensionAPI().loadFragment({
+		name: "sap.fe.core.actions.collaboration.ManageDialog",
+		id: "manageCollaborationDraft",
+		controller: {
+			share: share,
+			addUser: addUser,
+			removeUser: removeUser,
+			removeSelectedUsers: removeSelectedUsers,
+			tableSelectionChange: tableSelectionChange,
+			close: closeDialog,
+			addUserChanged: addUserChanged
+		}
+	});
+	return pDialog
+		.then(function (dialog: any) {
+			view.addDependent(dialog);
+			return dialog;
+		})
+		.catch(function () {
+			throw "not this time";
+		});
+}
+
+function readInvitedUsers(view: View) {
+	const model = view.getModel() as ODataModel;
+	// TODO: inform model colleagues on missing TS definition
+	const parameters: any = {
+		$select: "UserID,UserDescription,UserAccessRole,UserAccessRoleDescription"
+	};
+	const invitedUserList = model.bindList(
+		"DraftAdministrativeData/DraftAdministrativeUser",
+		view.getBindingContext() as Context,
+		[],
+		[],
+		parameters
+	);
+	const internalModelContext = view.getBindingContext("internal") as InternalModelContext;
+
+	// TODO: limit?
+	invitedUserList
+		.requestContexts(0, 100)
+		.then(function (aContexts) {
+			// todo: convert to User type (also change XML etc.)
+			const invitedUsers: User[] = [];
+			const activeUsers = view.getModel("internal").getProperty("/collaboration/activeUsers") || [];
+			const me = CollaborationUtils.getMe(view);
+			if (aContexts?.length > 0) {
+				aContexts.forEach(function (oContext) {
+					// TODO: create also type for this friend
+					const userData = oContext.getObject();
+					const isMe: boolean = me?.id === userData.UserID;
+					let userDescription = userData.UserDescription || userData.UserID;
+					const initials = CollaborationUtils.formatInitials(userDescription);
+					userDescription += isMe ? " (" + CollaborationUtils.getText("C_COLLABORATIONDRAFT_YOU") + ")" : "";
+
+					const user: User = {
+						id: userData.UserID,
+						name: userDescription,
+						role: userData.UserAccessRole,
+						color: CollaborationUtils.getUserColor(userData.UserID, activeUsers, invitedUsers),
+						initials: initials,
+						me: isMe
+					};
+					invitedUsers.push(user);
+				});
+			} else {
+				// not yet shared, just add me
+				invitedUsers.push(me);
+			}
+
+			internalModelContext.setProperty("collaboration/invitedUsers", invitedUsers);
+		})
+		.catch(function () {
+			// TODO: handle this case, close dialog?
+		});
+	internalModelContext.setProperty("collaboration/UserID", "");
+	internalModelContext.setProperty("collaboration/UserRole", "O");
+	internalModelContext.setProperty("collaboration/UserDescription", "");
+}
+
+function addUser(event: any) {
+	const addButton = event.getSource();
+	const internalModelContext = addButton.getBindingContext("internal");
+	const invitedUsers: User[] = internalModelContext.getProperty("invitedUsers") || [];
+	const activeUsers = addButton.getModel("internal").getProperty("/collaboration/activeUsers");
+	const newUser: User = {
+		id: internalModelContext.getProperty("UserID"),
+		name: internalModelContext.getProperty("UserDescription"),
+		role: internalModelContext.getProperty("UserRole")
+	};
+
+	if (invitedUsers.findIndex((user) => user.id === newUser.id) > -1 || (newUser.id === newUser.name && newUser.id === "")) {
+		return;
+	} else {
+		newUser.name = newUser.name || newUser.id;
+		newUser.initials = CollaborationUtils.formatInitials(newUser.name);
+		newUser.color = CollaborationUtils.getUserColor(newUser.id, activeUsers, invitedUsers);
+		invitedUsers.unshift(newUser);
+		internalModelContext.setProperty("invitedUsers", invitedUsers);
+		internalModelContext.setProperty("UserID", "");
+		internalModelContext.setProperty("UserDescription", "");
+	}
+}
+
+function addUserChanged(event: Event) {
+	const userInput = event.getSource() as Input;
+	event
+		.getParameter("promise")
+		.then(function (newUserId: string) {
+			const internalModelContext = userInput.getBindingContext("internal") as InternalModelContext;
+			const invitedUsers: User[] = internalModelContext.getProperty("invitedUsers") || [];
+			if (invitedUsers.findIndex((user) => user.id === newUserId) > -1) {
+				userInput.setValueState("Error");
+				userInput.setValueStateText("User is already in the list of invited users"); // TODO: i18n
+			} else {
+				userInput.setValueState("None");
+				userInput.setValueStateText("");
+			}
+		})
+		.catch(function () {
+			throw "User couldn't be determined at all";
+		});
+}
+
+function removeUser(event: Event) {
+	removeUserFromList(event.getSource());
+}
+
+function removeSelectedUsers() {
+	const userList = byId("userList") as Table;
+	const selectedItems = userList.getSelectedItems() as any[];
+	selectedItems.forEach(function (item: User) {
+		removeUserFromList(item);
+	});
+	userList.removeSelections(false);
+}
+
+function removeUserFromList(item: any) {
+	const internalModelContext = item.getBindingContext("pageInternal");
+	const deleteUserID = item.getBindingContext("internal").getProperty("id");
+	let invitedUsers: User[] = internalModelContext.getProperty("collaboration/invitedUsers");
+	invitedUsers = invitedUsers.filter((user) => user.id !== deleteUserID);
+	internalModelContext.setProperty("collaboration/invitedUsers", invitedUsers);
+}
+
+function byId(id: string): any {
+	return Core.byId("manageCollaborationDraft--" + id);
+}
+
+function closeDialog() {
+	(byId("dialog") as Dialog).close();
+}
+
+function tableSelectionChange(event: Event) {
+	const table = event.getSource() as Table;
+	const oneUserSelected = table.getSelectedItems().length > 0;
+
+	(table.getBindingContext("internal") as InternalModelContext).setProperty("userSelected", oneUserSelected);
+}
+
+function share(event: Event) {
+	const users: any[] = []; // TODO: create DraftAdminUserType
+	const source = event.getSource() as Control;
+	const model = source.getModel() as ODataModel;
+	const bindingContext = source.getBindingContext() as Context;
+	const oMetaModel = model.getMetaModel();
+	const contexts = ((byId("userList") as Table).getBinding("items") as ODataListBinding).getContexts();
+
+	contexts.forEach(function (context: any) {
+		users.push({
+			UserID: context.getProperty("id"),
+			UserAccessRole: context.getProperty("role")
+		});
+	});
+	const sEntitySet = model.getMetaModel().getMetaPath(bindingContext as any);
+	const shareActionName = oMetaModel.getObject(`${sEntitySet}@com.sap.vocabularies.Common.v1.DraftRoot/ShareAction`);
+	const shareAction = model.bindContext(`${shareActionName}(...)`, bindingContext);
+	shareAction.setParameter("Users", users);
+	shareAction
+		.execute()
+		.then(function () {
+			MessageToast.show("User invited");
+		})
+		.catch(function () {
+			MessageToast.show("Invitation failed due to technical reasons");
+		});
+
+	closeDialog();
+}
+
+export async function showUserDetails(event: Event, view: View) {
+	const source = event.getSource() as Control;
+	let popover = byId("userDetails") as Popover;
+	if (!popover) {
+		popover = await createUserDetailsPopover(view);
+	}
+
+	popover.setBindingContext(source.getBindingContext("internal") as InternalModelContext, "internal");
+
+	popover.openBy(source, false);
+}
+
+async function createUserDetailsPopover(view: View) {
+	const popover: Promise<any> = Fragment.load({
+		id: "manageCollaborationDraft", // todo should be view id
+		name: "sap.fe.core.actions.collaboration.UserDetails"
+	});
+	return popover
+		.then(function (popover: any) {
+			view.addDependent(popover);
+			return popover;
+		})
+		.catch(function () {
+			throw "not this time";
+		});
+}

package/src/sap/fe/core/actions/collaboration/ManageDialog.fragment.xml

@@ -0,0 +1,100 @@
+<core:FragmentDefinition
+	xmlns="sap.m"
+	xmlns:mdc="sap.ui.mdc"
+	xmlns:core="sap.ui.core"
+	xmlns:macro="sap.fe.macros"
+	xmlns:template="http://schemas.sap.com/sapui5/extension/sap.ui.core.template/1"
+	template:require="{
+		MODEL: 'sap/ui/model/odata/v4/AnnotationHelper'
+	}"
+>
+	<Dialog
+		id="dialog"
+		title="{= 'Share ' + ${contextPath>./@com.sap.vocabularies.UI.v1.HeaderInfo/Title/Value@@MODEL.format} }"
+		binding="{internal>collaboration}"
+	>
+		<VBox class="sapUiMediumMargin">
+			<Label text="Invite Users by name or ID:" />
+			<HBox class="sapUiMediumMarginBottom" width="100%" id="newUserBox">
+				<mdc:Field
+					id="UserID"
+					value="{internal>UserID}"
+					additionalValue="{internal>UserDescription}"
+					display="DescriptionValue"
+					width="28em"
+					required="true"
+					fieldHelp="userValueHelp"
+					placeholder="Enter user name or ID"
+					change=".addUserChanged"
+				>
+					<mdc:dependents>
+						<template:with path="contextPath>DraftAdministrativeData/DraftAdministrativeUser/UserID" var="vhProperty">
+							<macro:ValueHelp _flexId="userValueHelp" property="{vhProperty>}" />
+						</template:with>
+					</mdc:dependents>
+				</mdc:Field>
+				<Select class="sapUiTinyMarginBegin" width="8em" forceSelection="true" selectedKey="{internal>UserRole}">
+					<core:Item key="O" text="Owner" />
+					<core:Item key="E" text="Can Edit" />
+				</Select>
+				<Button class="sapUiTinyMarginBegin" text="Add" press=".addUser" />
+			</HBox>
+
+			<Table
+				id="userList"
+				mode="MultiSelect"
+				width="40em"
+				noDataText="No user invited yet"
+				items="{internal>invitedUsers}"
+				selectionChange=".tableSelectionChange"
+			>
+				<headerToolbar>
+					<Toolbar width="100%">
+						<content>
+							<Title text="List of Collaborators" level="H3" />
+							<ToolbarSpacer />
+							<SearchField width="15em" />
+							<Button text="Remove" press=".removeSelectedUsers" enabled="{internal>userSelected}" />
+						</content>
+					</Toolbar>
+				</headerToolbar>
+				<columns>
+					<Column width="3em" />
+					<Column width="20em">
+						<Text text="User / Group" />
+					</Column>
+					<Column width="10em">
+						<Text text="Editing Rights" />
+					</Column>
+					<Column width="5em">
+						<Text text="Remove" />
+					</Column>
+				</columns>
+				<items>
+					<ColumnListItem vAlign="Middle" highlight="{internal>transient}">
+						<cells>
+							<Avatar displaySize="XS" backgroundColor="Accent{internal>color}" initials="{internal>initials}" />
+							<Text text="{internal>name}" />
+
+							<Select forceSelection="true" selectedKey="{internal>role}" editable="{= !${internal>me} }">
+								<core:Item key="O" text="Owner" />
+								<core:Item key="E" text="Can Edit" />
+							</Select>
+							<HBox>
+								<Button icon="sap-icon://decline" type="Transparent" press=".removeUser" visible="{= !${internal>me} }" />
+								<!-- TODO: check with UX Button text="Leave" type="Transparent" press=".removeUser" visible="{internal>me}" / -->
+							</HBox>
+						</cells>
+					</ColumnListItem>
+				</items>
+			</Table>
+		</VBox>
+
+		<beginButton>
+			<Button text="OK" press=".share" type="Emphasized" />
+		</beginButton>
+		<endButton>
+			<Button text="Cancel" press=".close" />
+		</endButton>
+	</Dialog>
+</core:FragmentDefinition>

package/src/sap/fe/core/actions/collaboration/UserDetails.fragment.xml

@@ -0,0 +1,13 @@
+<core:FragmentDefinition xmlns="sap.m" xmlns:f="sap.f" xmlns:core="sap.ui.core">
+	<ResponsivePopover id="userDetails" showHeader="false" class="sapUiContentPadding" placement="Bottom">
+
+		<HBox>
+		<f:Avatar initials="{internal>initials}" displaySize="S" />
+		<VBox>
+			<Label class="sapUiMediumMarginBegin" text="{internal>name}" />
+			<Label class="sapUiMediumMarginBegin" text="{internal>id}" />
+		</VBox>
+		</HBox>
+
+	</ResponsivePopover>
+</core:FragmentDefinition>