Skip to content

Commit

Permalink
[frontend] WIP (#5636)
Browse files Browse the repository at this point in the history
  • Loading branch information
@CelineSebe
CelineSebe committed Jan 26, 2024
1 parent c2f08cd commit 5895f5b
Showing 1 changed file with 76 additions and 78 deletions.
154 changes: 76 additions & 78 deletions ...opencti-front/src/private/components/common/containers/ContainertKnowledgeTimeLineBar.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -97,96 +97,94 @@ const ContentKnowledgeTimeLineBar = ({
}}
>

<div
style={{
verticalAlign: 'top',
width: '100%',
height: 54,
// paddingTop: 3,
}}
>
<div
style={{
float: 'left',
height: '100%',
display: 'flex',
verticalAlign: 'top',
transition: 'height 0.2s linear',
}}
>
<Tooltip
title={
<div
style={{
verticalAlign: 'top',
width: '100%',
height: 54,
// paddingTop: 3,
}}
>
<div
style={{
float: 'left',
height: '100%',
display: 'flex',
verticalAlign: 'top',
transition: 'height 0.2s linear',
}}
>
<Tooltip
title={
timeLineDisplayRelationships
? t_i18n('Do not display relationships')
: t_i18n('Display relationships')
}
>
<span>
<IconButton
color={timeLineDisplayRelationships ? 'secondary' : 'primary'}
size="large"
onClick={() => handleToggleTimeLineDisplayRelationships()}
>
<span>
<IconButton
color={timeLineDisplayRelationships ? 'secondary' : 'primary'}
size="large"
onClick={() => handleToggleTimeLineDisplayRelationships()}
>
<RelationManyToMany/>
</IconButton>
</span>
</Tooltip>
<Tooltip
title={
<RelationManyToMany/>
</IconButton>
</span>
</Tooltip>
<Tooltip
title={
timeLineFunctionalDate
? t_i18n('Use technical dates')
: t_i18n('Use functional dates')
}
>
<span>
<IconButton
color={timeLineFunctionalDate ? 'secondary' : 'primary'}
size="large"
onClick={() => handleToggleTimeLineFunctionalDate()}
>
<span>
<IconButton
color={timeLineFunctionalDate ? 'secondary' : 'primary'}
size="large"
onClick={() => handleToggleTimeLineFunctionalDate()}
>
<CalendarMultiselectOutline/>
</IconButton>
</span>
</Tooltip>
<Divider className={classes.divider} orientation="vertical" />
<div style={{ margin: '9px 10px 0 10px' }}>
<SearchInput
variant="thin"
onSubmit={handleTimeLineSearch}
keyword={timeLineSearchTerm}
/>
</div>
<Divider className={classes.divider} orientation="vertical" />
<AccordionDetails>
<Typography>
<Filters
availableFilterKeys={[
'entity_type',
'objectMarking',
'objectLabel',
'createdBy',
'relationship_type',
]}
availableEntityTypes={[
'Stix-Domain-Object',
'Stix-Cyber-Observable',
]}
handleAddFilter={handleAddTimeLineFilter}
/>
</Typography>
</AccordionDetails>
<FilterIconButton
filters={timeLineFilters}
handleRemoveFilter={handleRemoveTimeLineFilter}
handleSwitchLocalMode={handleSwitchFilterLocalMode}
handleSwitchGlobalMode={handleSwitchFilterGlobalMode}
redirection
/>
</div>
<CalendarMultiselectOutline/>
</IconButton>
</span>
</Tooltip>
<Divider className={classes.divider} orientation="vertical" />
<div style={{ margin: '9px 10px 0 10px' }}>
<SearchInput
variant="thin"
onSubmit={handleTimeLineSearch}
keyword={timeLineSearchTerm}
/>
</div>
<Divider className={classes.divider} orientation="vertical" />
<AccordionDetails>
<Typography>
<Filters
availableFilterKeys={[
'entity_type',
'objectMarking',
'objectLabel',
'createdBy',
'relationship_type',
]}
availableEntityTypes={[
'Stix-Domain-Object',
'Stix-Cyber-Observable',
]}
handleAddFilter={handleAddTimeLineFilter}
/>
</Typography>
</AccordionDetails>
<FilterIconButton
filters={timeLineFilters}
handleRemoveFilter={handleRemoveTimeLineFilter}
handleSwitchLocalMode={handleSwitchFilterLocalMode}
handleSwitchGlobalMode={handleSwitchFilterGlobalMode}
redirection
/>
</div>
</AccordionSummary>
</Accordion>
</div>
</div>
</Drawer>

)}
Expand Down

0 comments on commit 5895f5b

Please sign in to comment.