aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/collections/collectionSchema/SchemaTableCell.tsx
blob: 4cfc5850c2f123d86b8e3ba14b958cf7cbd3a30d (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
import React = require('react');
import { observer } from 'mobx-react';
import { Doc, DocListCast, Field } from '../../../../fields/Doc';
import './CollectionSchemaView.scss';
import { type } from 'jquery';
import { action } from 'mobx';
import { ComputedField } from '../../../../fields/ScriptField';
import { FieldValue } from '../../../../fields/Types';
import { CompileScript } from '../../../util/Scripting';
import { EditableView } from '../../EditableView';
import { MAX_ROW_HEIGHT } from '../../global/globalCssVariables.scss';

export interface SchemaTableCellProps {
    Document: Doc;
    fieldKey: string;
    columnWidth: number;
}

@observer
export class SchemaTableCell extends React.Component<SchemaTableCellProps> {
    render() {
        return (
            <div className="schema-table-cell" style={{ width: this.props.columnWidth }}>
                {Field.toString(this.props.Document[this.props.fieldKey] as Field)}
                {/* <EditableView contents={Field.toString(this.props.Document[this.props.fieldKey] as Field)} GetValue={() => Field.toKeyValueString(this.props.Document, this.props.fieldKey)} SetValue={(value: string) => true} /> */}
            </div>
        );
    }
}