hiro/Vulcan
1
0
Fork 0
mirror of https://github.com/vale981/Vulcan synced 2025-03-05 17:41:43 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Only show Edit and New buttons if user has proper permissions

Browse source
This commit is contained in:
SachaG 2018-01-25 18:20:29 +09:00
parent 4985ba2571
commit 55494d3de2
1 changed files with 21 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
packages/vulcan-core/lib/modules/components/Datatable.jsx
View file

@ -6,6 +6,7 @@ import withList from '../containers/withList.js';
import { FormattedMessage, intlShape } from 'meteor/vulcan:i18n';
import Button from 'react-bootstrap/lib/Button';
import { getFieldValue } from './Card.jsx';
/*
Datatable Component
@ -54,10 +55,11 @@ class Datatable extends PureComponent {
const DatatableWithList = withList(options)(Components.DatatableContents);
const canInsert = this.props.collection.options && this.props.collection.options.mutations && this.props.collection.options.mutations.new && this.props.collection.options.mutations.new.check(this.props.currentUser);
return (
<div className={`datatable datatable-${this.props.collection._name}`}>
{this.props.showSearch && <input className="datatable-search form-control" placeholder="Search…" type="text" name="datatableSearchQuery" value={this.state.value} onChange={this.updateQuery} />}
{this.props.showNew && <Components.NewButton collection={this.props.collection}/>}
<Components.DatatableAbove {...this.props} canInsert={canInsert} value={this.state.value} updateQuery={this.updateQuery} />
<DatatableWithList {...this.props} terms={{query: this.state.query}} currentUser={this.props.currentUser}/>
</div>
)
@ -80,6 +82,19 @@ Datatable.defaultProps = {
}
registerComponent('Datatable', Datatable, withCurrentUser);
/*
DatatableAbove Component
*/
const DatatableAbove = ({ showSearch, showNew, canInsert, collection, value, updateQuery }) =>
<div className="datatable-above">
{showSearch && <input className="datatable-search form-control" placeholder="Search…" type="text" name="datatableSearchQuery" value={value} onChange={updateQuery} />}
{showNew && canInsert && <Components.NewButton collection={collection}/>}
</div>
registerComponent('DatatableAbove', DatatableAbove);
/*
DatatableHeader Component
@ -158,12 +173,15 @@ DatatableRow Component
*/
const DatatableRow = ({ collection, columns, document, showEdit, currentUser }, { intl }) => {
const canEdit = collection.options && collection.options.mutations && collection.options.mutations.edit && collection.options.mutations.edit.check(currentUser, document);
return (
<tr className="datatable-item">
{_.sortBy(columns, column => column.order).map((column, index) => <Components.DatatableCell key={index} column={column} document={document} currentUser={currentUser} />)}
{showEdit ?
{showEdit && canEdit ?
<td>
<Components.ModalTrigger
label={intl.formatMessage({id: 'datatable.edit'})}