225 | this.toggleSidebar() } />
226 | this.hideDialog() }
253 | fields={selected.toTypeFields}
254 | values={this.getOperationValues(this.props.name)}
255 | onChange={args => this.onOperationChange(opName, args) }
256 | />
257 | )}
258 |
259 | );
260 | }
261 | }
262 |
--------------------------------------------------------------------------------
/src/ServiceStack.Admin.Web/src/ColumnPrefsDialog.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import { render } from 'react-dom';
3 |
4 | export default class ColumnPrefsDialog extends React.Component
227 |
250 |
251 | {this.state.dialog !== "column-prefs-dialog" ? null : (
252 |
228 | this.onOperationChange(opName, args)}
241 | onAddCondition={e => this.addCondition(opName)}
242 | onRemoveCondition={c => this.removeCondition(opName, c) }
243 | onShowDialog={id => this.showDialog(id) }
244 | onSaveQuery={() => this.saveQuery(opName) }
245 | onRemoveQuery={x => this.removeQuery(opName, x) }
246 | onLoadQuery={x => this.loadQuery(opName, x) }
247 | />
248 |
249 |
35 |
70 | );
71 | }
72 | }
--------------------------------------------------------------------------------
/src/ServiceStack.Admin.Web/src/Header.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | export default class Header extends React.Component this.props.onClose()}>
36 |
69 | e.stopPropagation() }>
37 |
38 |
68 |
39 |
41 |
42 | Column Preferences
40 |
43 |
61 |
62 | this.resetFields()} style={{
44 | borderBottom: '1px solid #ccc', padding: '0 0 10px 0', margin: '0 0 15px 0', cursor: 'pointer'
45 | }}>
46 |
47 | {fields.length === 0 ? 'radio_button_checked' : 'radio_button_unchecked'}
48 |
49 | Show all columns
50 |
51 |
52 | {this.props.fields.map(f => (
53 | this.selectField(f.name)} style={{ margin: '0 0 5px 0', cursor: 'pointer' }}>
54 |
55 | {fields.indexOf(f.name) >= 0 ? 'check_box' : 'check_box_outline_blank'}
56 |
57 | {f.name}
58 |
59 | ))}
60 |
63 |
67 | this.props.onClose()}>
64 | DONE
65 |
66 |
7 | this.props.onSidebarToggle() }>
8 | menu
9 |
10 |
21 | );
22 | }
23 | }
--------------------------------------------------------------------------------
/src/ServiceStack.Admin.Web/src/Results.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import { render } from 'react-dom';
3 | import { Link } from 'react-router-dom';
4 | import { getField } from './shared';
5 |
6 | import { humanize } from 'servicestack-client';
7 |
8 | export default class Results extends React.ComponentAutoQuery
11 | {this.props.title == null ? : ( 12 |
13 |
19 | )}
20 |
14 |
15 |
16 | {this.props.title}
17 | 18 |There were no results
;
35 |
36 | var results = this.props.results;
37 | if (results && results.length > 0) {
38 | var fieldNames = this.props.values.fields || [];
39 | if (fieldNames.length === 0) {
40 | fieldNames = this.props.fieldNames ||
41 | this.props.selected.toTypeFields.map(x => x.name);
42 | }
43 |
44 | var fieldWidths = this.props.fieldWidths || {};
45 |
46 | var orderBy = (this.props.values.orderBy || '');
47 | var orderByName = orderBy.startsWith('-') ? orderBy.substr(1) : orderBy;
48 |
49 | Results = (
50 | | this.props.onOrderByChange(f !== orderByName ? '-' + f : !orderBy.startsWith('-') ? '' : orderByName) }> 54 | 55 | { humanize(f) } 56 | 57 | { f !== orderByName ? null : 58 | {orderBy.startsWith('-') ? "arrow_drop_down" : "arrow_drop_up"}} 59 | | 60 | ))}
|---|
| 66 | { this.formatString(this.renderValue(getField(r,f))) } 67 | | 68 | )) } 69 |
25 |
26 |
27 | } />
28 |
31 |