Design UI for managing API backend managers

[bajiat]

Create an UI for adding or deleting managers for a given API backend based on user email.

Wireframe

Definition of done

Display manager emails

• Create apiBackends collection helper to retrieve Meteor users based on the managerIds field
• Create user interface to show of API managers for a given API.
  • Show name if available in user profile
  • Otherwise, show email (user.emails[0].address for example)
• User interface should be in Bootstrap component
  • Each manager in list will have 'delete' or similar button (see below)

Add managers by email

• Create user interface (text input with button) to enter new email address
  • When user inputs email address and clicks button, start invitation flow for new manager
• For adding managers, implement invitation user flow.
  • Manager enters user email.
  • System emails user an invitation.
  • User clicks invitation link.
  • Registration step if user is not registered
  • System adds user ID to array.

Manage existing managers

• Add delete button or trash can or equivalent for deleting managers.
  • Add confirmation for the action.
• Check whether existing managers have update permission on the API backends collection.

Related documentation

• Meteor Users collection (Accounts)
• Collection Helpers
• MongoDB $in
• Bootstrap components

[bajiat]

@ccsr FYI: We needed to remove this task from sprint 9. This means that in MVP any given API endpoint can only have a single API manager. This is not ideal, but the priority of the other tasks was so much higher and we could not fit this in.

[brylie]

You can use dburles:collection helpers to return all Manager users for a given API Backend. We have the collection helpers package installed in our project. Collection helpers take the form of :

CollectionName.helpers({
  "helperName": function () {
    ... do something
     ... return something
  }
});

[mauriciovieira]

Branch feature/manage-apibackend-managers

[mauriciovieira]

I am interested in taking this task.

[bajiat]

@mauriciovieira The task is yours to take. :) I believe you had already planned this task with Brylie. Please estimate the size.