|
|
|
@ -1,4 +1,4 @@
|
|
|
|
|
import { Button, Card, Checkbox, Classes, HTMLSelect, Intent, IOptionProps, Popover, Position, Radio, RadioGroup } from '@blueprintjs/core';
|
|
|
|
|
import { Button, Card, Checkbox, Classes, HTMLSelect, Intent, IOptionProps, Popover, Position } from '@blueprintjs/core';
|
|
|
|
|
import { action, observable } from 'mobx';
|
|
|
|
|
import { observer } from 'mobx-react';
|
|
|
|
|
import * as React from 'react';
|
|
|
|
@ -107,21 +107,6 @@ export class DrillTypeCom extends React.Component<{ store: DrillStore; }, { type
|
|
|
|
|
observable(store.rules).replace(store.drillConfig.get(store.currentConfigTypeName));
|
|
|
|
|
store.ChangeRules(0);
|
|
|
|
|
});
|
|
|
|
|
private renderRadiosType = () =>
|
|
|
|
|
{
|
|
|
|
|
const store = this.props.store;
|
|
|
|
|
return (
|
|
|
|
|
<RadioGroup
|
|
|
|
|
inline={true}
|
|
|
|
|
selectedValue={store.currentConfigTypeName}
|
|
|
|
|
onChange={this.handleOnChange}
|
|
|
|
|
>
|
|
|
|
|
{
|
|
|
|
|
[...store.drillConfig.keys()].map(type => <Radio label={type} value={type} key={type} />)
|
|
|
|
|
}
|
|
|
|
|
</RadioGroup>
|
|
|
|
|
);
|
|
|
|
|
};
|
|
|
|
|
private renderSelectType = () =>
|
|
|
|
|
{
|
|
|
|
|
const store = this.props.store;
|
|
|
|
@ -200,7 +185,7 @@ export class DrillTypeCom extends React.Component<{ store: DrillStore; }, { type
|
|
|
|
|
return (
|
|
|
|
|
<div className="flex drill-type">
|
|
|
|
|
{
|
|
|
|
|
store.drillConfig.size > 7 ? this.renderSelectType() : this.renderRadiosType()
|
|
|
|
|
this.renderSelectType()
|
|
|
|
|
}
|
|
|
|
|
<div style={{ display: "flex" }}>
|
|
|
|
|
<Popover
|
|
|
|
|