Sha256: e871c89bea651ce61a228420e794ef16f51183cae7cbf0e2b98162bde7815969
Contents?: true
Size: 1.9 KB
Versions: 5
Compression:
Stored size: 1.9 KB
Contents
import React from 'react';
import PropTypes from 'prop-types';
import { isNil, toInteger } from 'lodash';
import { observable, action, computed } from 'mobx';
import { observer } from 'mobx-react';
import Heading from 'grommet/components/Heading';
import Screen from 'hippo/components/screen';
import DataTable from 'hippo/components/data-table';
import { UserModel } from 'hippo/user';
import Query from 'hippo/models/query';
import Editor from './user-management/edit-form';
@observer
export default class UserManagement extends React.PureComponent {
@observable editingId;
static contextTypes = {
router: PropTypes.object,
}
@action.bound
onRowEdit(index) {
let id = '';
if (!isNil(index)) {
const row = this.query.results.rows[index];
id = row[this.query.info.identifierField.dataIndex];
}
this.editingId = id;
}
@observable query = new Query({
src: UserModel,
autoFetch: true,
fields: [
{ id: 'id', visible: false },
{ id: 'role_names', visible: false, defaultValue: [] },
{ id: 'login', width: 150, flexGrow: 0 },
'name', 'email',
],
})
@computed get editingRowIndex() {
if (isNil(this.editingId)) return undefined;
const field = this.query.info.identifierField;
const id = (field.isNumeric) ? toInteger(this.editingId) : this.editingId;
return this.query.results.searchFieldValues(field, id).index;
}
render() {
return (
<Screen {...this.props}>
<Heading>Manage User</Heading>
<DataTable
canCreate
query={this.query}
editRowIndex={this.editingRowIndex}
onEdit={this.onRowEdit}
editor={Editor}
/>
</Screen>
);
}
}
Version data entries
5 entries across 5 versions & 1 rubygems