feat: Memberships (#1032)

* WIP * feat: Add collection.memberships endpoint * feat: Add ability to filter collection.memberships with query * WIP * Merge stashed work * feat: Add ability to filter memberships by permission * continued refactoring * paginated list component * Collection member management * fix: Incorrect policy data sent down after collection.update * Reduce duplication, add empty state * cleanup * fix: Modal close should be a real button * fix: Allow opening edit from modal * fix: remove unused methods * test: fix * Passing test suite * Refactor * fix: Flow UI errors * test: Add collections.update tests * lint * test: moar tests * fix: Missing scopes, more missing tests * fix: Handle collection privacy change over socket * fix: More membership scopes * fix: view endpoint permissions * fix: respond to privacy change on socket event * policy driven menus * fix: share endpoint policies * chore: Use policies to drive documents UI * alignment * fix: Header height * fix: Correct behavior when collection becomes private * fix: Header height for read-only collection * send id's over socket instead of serialized objects * fix: Remote policy change * fix: reduce collection fetching * More websocket efficiencies * fix: Document collection pinning * fix: Restored ability to edit drafts fix: Removed ability to star drafts * fix: Require write permissions to pin doc to collection * fix: Header title overlaying document actions at small screen sizes * fix: Jank on load caused by previous commit * fix: Double collection fetch post-publish * fix: Hide publish button if draft is in no longer accessible collection * fix: Always allow deleting drafts fix: Improved handling of deleted documents * feat: Show collections in drafts view feat: Show more obvious 'draft' badge on documents * fix: incorrect policies after publish to private collection * fix: Duplicating a draft publishes it
2019-10-05 18:42:03 -07:00
parent 4164fc178c
commit b42e9737b6
72 changed files with 2360 additions and 765 deletions
--- a/app/scenes/CollectionMembers/components/MemberListItem.js
+++ b/app/scenes/CollectionMembers/components/MemberListItem.js
@@ -0,0 +1,82 @@
+// @flow
+import * as React from 'react';
+import styled from 'styled-components';
+import Avatar from 'components/Avatar';
+import Flex from 'shared/components/Flex';
+import Time from 'shared/components/Time';
+import Badge from 'components/Badge';
+import Button from 'components/Button';
+import InputSelect from 'components/InputSelect';
+import ListItem from 'components/List/Item';
+import User from 'models/User';
+import Membership from 'models/Membership';
+import { DropdownMenu, DropdownMenuItem } from 'components/DropdownMenu';
+
+const PERMISSIONS = [
+  { label: 'Read only', value: 'read' },
+  { label: 'Read & Edit', value: 'read_write' },
+];
+type Props = {
+  user: User,
+  membership?: ?Membership,
+  canEdit: boolean,
+  onAdd?: () => void,
+  onRemove?: () => void,
+  onUpdate?: (permission: string) => void,
+};
+
+const MemberListItem = ({
+  user,
+  membership,
+  onRemove,
+  onUpdate,
+  onAdd,
+  canEdit,
+}: Props) => {
+  return (
+    <ListItem
+      title={user.name}
+      subtitle={
+        <React.Fragment>
+          Joined <Time dateTime={user.createdAt} /> ago
+          {user.isAdmin && <Badge admin={user.isAdmin}>Admin</Badge>}
+        </React.Fragment>
+      }
+      image={<Avatar src={user.avatarUrl} size={32} />}
+      actions={
+        <Flex align="center">
+          {canEdit &&
+            onUpdate && (
+              <Select
+                label="Permissions"
+                options={PERMISSIONS}
+                value={membership ? membership.permission : undefined}
+                onChange={ev => onUpdate(ev.target.value)}
+                labelHidden
+              />
+            )}
+          &nbsp;&nbsp;
+          {canEdit &&
+            onRemove && (
+              <DropdownMenu>
+                <DropdownMenuItem onClick={onRemove}>Remove</DropdownMenuItem>
+              </DropdownMenu>
+            )}
+          {canEdit &&
+            onAdd && (
+              <Button onClick={onAdd} neutral>
+                Add
+              </Button>
+            )}
+        </Flex>
+      }
+    />
+  );
+};
+
+const Select = styled(InputSelect)`
+  margin: 0;
+  font-size: 14px;
+`;
+
+export default MemberListItem;