Web: Common: Opening GroupSelector/PeopleSelector in aside panel if section Width small
This commit is contained in:
parent
8e4a1a4053
commit
14f125f6e4
@ -159,6 +159,7 @@ class FilterItem extends React.Component {
|
|||||||
defaultOptionLabel,
|
defaultOptionLabel,
|
||||||
groupsCaption,
|
groupsCaption,
|
||||||
defaultOption,
|
defaultOption,
|
||||||
|
asideView,
|
||||||
} = this.props;
|
} = this.props;
|
||||||
return (
|
return (
|
||||||
<StyledFilterItem key={id} id={id} block={block} opened={opened}>
|
<StyledFilterItem key={id} id={id} block={block} opened={opened}>
|
||||||
@ -185,7 +186,7 @@ class FilterItem extends React.Component {
|
|||||||
isMultiSelect={false}
|
isMultiSelect={false}
|
||||||
onCancel={this.onCancelSelector}
|
onCancel={this.onCancelSelector}
|
||||||
onSelect={this.onSelectGroup}
|
onSelect={this.onSelectGroup}
|
||||||
displayType={"auto"}
|
displayType={asideView ? "aside" : "auto"}
|
||||||
/>
|
/>
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
@ -213,7 +214,7 @@ class FilterItem extends React.Component {
|
|||||||
defaultOptionLabel={defaultOptionLabel}
|
defaultOptionLabel={defaultOptionLabel}
|
||||||
onCancel={this.onCancelSelector}
|
onCancel={this.onCancelSelector}
|
||||||
onSelect={this.onSelectGroup}
|
onSelect={this.onSelectGroup}
|
||||||
displayType={"auto"}
|
displayType={asideView ? "aside" : "auto"}
|
||||||
/>
|
/>
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
@ -330,6 +331,7 @@ class FilterBlock extends React.Component {
|
|||||||
};
|
};
|
||||||
getFilterItems = () => {
|
getFilterItems = () => {
|
||||||
const { openFilterItems, hiddenFilterItems } = this.state;
|
const { openFilterItems, hiddenFilterItems } = this.state;
|
||||||
|
const { asideView } = this.props;
|
||||||
const _this = this;
|
const _this = this;
|
||||||
let result = [];
|
let result = [];
|
||||||
let openItems = [];
|
let openItems = [];
|
||||||
@ -369,6 +371,7 @@ class FilterBlock extends React.Component {
|
|||||||
defaultSelectLabel={defaultSelectLabel}
|
defaultSelectLabel={defaultSelectLabel}
|
||||||
selectedItem={selectedItem}
|
selectedItem={selectedItem}
|
||||||
onFilterRender={_this.props.onFilterRender}
|
onFilterRender={_this.props.onFilterRender}
|
||||||
|
asideView={asideView}
|
||||||
></FilterItem>
|
></FilterItem>
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
@ -410,6 +413,7 @@ class FilterBlock extends React.Component {
|
|||||||
defaultSelectLabel={defaultSelectLabel}
|
defaultSelectLabel={defaultSelectLabel}
|
||||||
selectedItem={selectedItem}
|
selectedItem={selectedItem}
|
||||||
onFilterRender={_this.props.onFilterRender}
|
onFilterRender={_this.props.onFilterRender}
|
||||||
|
asideView={asideView}
|
||||||
></FilterItem>
|
></FilterItem>
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
Loading…
Reference in New Issue
Block a user