overflow_backup_2018_0455/overflow_app
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

test

Browse Source
This commit is contained in:
insanity 2017-07-27 11:41:51 +09:00
parent d7264c4258
commit ffc08ce4ad
1 changed files with 21 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/ts/@overflow/app/views/layout/TitleBar.tsx
View File

@ -1,5 +1,5 @@
import * as React from 'react';
import { Grid, Container, Breadcrumb, Header, Menu, Input, Segment } from 'semantic-ui-react';
import { Grid, Container, Breadcrumb, Header, Menu, Input, Segment, Dropdown } from 'semantic-ui-react';
export interface StateProps {
@ -49,7 +49,8 @@ export class TitleBar extends React.Component<Props, State> {
public showTitle(): string {
let elems: JSX.Element[] = new Array();
let pathArr = this.props.location.split('/');
return this.capitalizeFirst(pathArr[1]);
let title = pathArr[1].replace(/_/g, ' ');
return title.toUpperCase();
}
public handleBreadcrumb = (path: string) => {
@ -59,6 +60,22 @@ export class TitleBar extends React.Component<Props, State> {
// temporary
public renderBreadcrumb(): JSX.Element[] {
let options = [
{
text: 'Probes',
value: 'probes',
},
{
text: 'Targets',
value: 'targets',
},
{
text: 'Sensors',
value: 'sensors',
},
];
let elems: JSX.Element[] = new Array();
let pathArr = this.props.location.split('/');
let index: number = 0;
@ -69,6 +86,7 @@ export class TitleBar extends React.Component<Props, State> {
elems.push(
<Breadcrumb.Section key={index++} onClick={this.handleBreadcrumb.bind(this, path)}>
{this.capitalizeFirst(item)}
{/* <Dropdown inline options={options} defaultValue={this.capitalizeFirst(item)}/> */}
</Breadcrumb.Section>);
elems.push(<Breadcrumb.Divider key={index++} />);
}