IF YOU WOULD LIKE TO GET AN ACCOUNT, please write an email to s dot adaszewski at gmail dot com. User accounts are meant only to report issues and/or generate pull requests. This is a purpose-specific Git hosting for ADARED projects. Thank you for your understanding!
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

86 Zeilen
2.6KB

  1. import { h, Component, createRef } from 'preact';
  2. import WBNavbarCommon from 'wb-navbar-common';
  3. import WBArvadosCrumbs from 'wb-arvados-crumbs';
  4. import WBNameAndUuid from 'wb-name-and-uuid';
  5. import WBSelect from 'wb-select';
  6. import WBTable from 'wb-table';
  7. import WBPickObjectDialog from 'wb-pick-object-dialog';
  8. import makeArvadosRequest from 'make-arvados-request';
  9. class WBSharingPage extends Component {
  10. constructor(...args) {
  11. super(...args);
  12. this.state.rows = [];
  13. this.dialogRef = createRef();
  14. }
  15. componentDidMount() {
  16. this.fetchData();
  17. }
  18. fetchData() {
  19. const { app, uuid } = this.props;
  20. const { arvHost, arvToken } = app.state;
  21. let prom = makeArvadosRequest(arvHost, arvToken,
  22. '/arvados/v1/permissions/' + encodeURIComponent(uuid));
  23. prom = prom.then(xhr => this.setState({
  24. 'rows': this.prepareRows(xhr.response.items)
  25. }));
  26. }
  27. deletePermission(uuid) {
  28. throw Error('Not implemented');
  29. }
  30. prepareRows(items) {
  31. const { app } = this.props;
  32. return items.map(it => [
  33. ( <WBNameAndUuid app={ app } uuid={ it.tail_uuid } /> ),
  34. ( <WBSelect value={ it.name } options={ ['can_read', 'can_write', 'can_manage'] } /> ),
  35. ( <button class="btn btn-outline-danger m-1" title="Delete"
  36. onclick={ () => this.deletePermission(it.uuid) }>
  37. <i class="fas fa-trash"></i>
  38. </button> )
  39. ]);
  40. }
  41. addEntry(it) {
  42. throw Error('Not implemented');
  43. }
  44. save() {
  45. throw Error('Not implemented');
  46. }
  47. render({ app, uuid }, { rows }) {
  48. return (
  49. <div>
  50. <WBNavbarCommon app={ app } />
  51. <WBArvadosCrumbs app={ app } uuid={ uuid } />
  52. <div class="container-fluid">
  53. <div class="my-2">
  54. This is the sharing management page for { uuid }
  55. </div>
  56. <WBTable columns={ [ 'Name', 'Permission', '' ] }
  57. headerClasses={ [ null, null, 'w-1' ] }
  58. rows={ rows } />
  59. <WBPickObjectDialog app={ app } ref={ this.dialogRef } />
  60. <button class="btn btn-outline-secondary mr-2"
  61. onclick={ () => this.dialogRef.current.show('Select User', 'user', it => this.addEntry(it)) }>Add User...</button>
  62. <button class="btn btn-outline-secondary mr-2"
  63. onclick={ () => this.dialogRef.current.show('Select Group', 'group', it => this.addEntry(it), [['group_class', '=', 'role']]) }>Add Group...</button>
  64. <button class="btn btn-primary mr-2"
  65. onclick={ () => this.save() }>Save</button>
  66. </div>
  67. </div>
  68. );
  69. }
  70. }
  71. export default WBSharingPage;