john/deighton-ar
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added System page

Browse Source
This commit is contained in:
John Lyon-Smith
2018-03-26 13:14:07 -07:00
parent ad32653633
commit fb5b6823db
4 changed files with 108 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
website/src/System/System.js Normal file
View File

@@ -0,0 +1,104 @@
import React, { Component, Fragment } from 'react'
import PropTypes from 'prop-types'
import { Box, Image, Column, Row, Button } from 'ui'
import { MessageModal, WaitModal } from '../Modal'
// import { api } from 'src/API'
import { sizeInfo, colorInfo } from 'ui/style'
import headerLogo from 'images/deighton.png'
export class System extends Component {
static propTypes = {
changeTitle: PropTypes.func.isRequired,
}
constructor(props) {
super(props)
this.state = {
messageModal: null,
waitModal: null,
}
}
componentDidMount(props) {
this.props.changeTitle('System')
}
componentWillUnmount() {
this.props.changeTitle('')
}
render() {
const { messageModal, waitModal } = this.state
return (
<Fragment>
<Column.Item grow />
<Column.Item>
<Row>
<Row.Item grow />
<Row.Item width={sizeInfo.formRowSpacing} />
<Row.Item width={sizeInfo.modalWidth}>
<Box border={{ width: sizeInfo.headerBorderWidth, color: colorInfo.headerBorder }} radius={sizeInfo.formBoxRadius}>
<Column>
<Column.Item minHeight={sizeInfo.formColumnSpacing} />
<Column.Item>
<Row>
<Row.Item grow />
<Row.Item>
<Image source={headerLogo} width={sizeInfo.loginLogoWidth} />
</Row.Item>
<Row.Item grow />
</Row>
</Column.Item>
<Column.Item minHeight={sizeInfo.formColumnSpacing} />
<Column.Item>
<Row>
<Row.Item grow />
<Row.Item>
<Button text='Delete All Activities' width={sizeInfo.buttonWideWidth} />
</Row.Item>
<Row.Item grow />
</Row>
</Column.Item>
<Column.Item minHeight={sizeInfo.formColumnSpacing} />
<Column.Item>
<Row>
<Row.Item grow />
<Row.Item>
<Button text='Delete All Work Items' width={sizeInfo.buttonWideWidth} />
</Row.Item>
<Row.Item grow />
</Row>
</Column.Item>
<Column.Item minHeight={sizeInfo.formColumnSpacing} />
<Column.Item>
<Row>
<Row.Item grow />
<Row.Item>
<Button text='Delete All Teams' width={sizeInfo.buttonWideWidth} />
</Row.Item>
<Row.Item grow />
</Row>
</Column.Item>
<Column.Item height={sizeInfo.formColumnSpacing} />
</Column>
</Box>
</Row.Item>
<Row.Item grow />
</Row>
</Column.Item>
<Column.Item grow>
<MessageModal
open={!!messageModal}
icon={messageModal ? messageModal.icon : ''}
message={messageModal ? messageModal.message : ''}
detail={messageModal ? messageModal.title : ''}
onDismiss={this.handleMessageModalDismiss} />
<WaitModal active={!!waitModal}
message={waitModal ? waitModal.message : ''} />
</Column.Item>
</Fragment>
)
}
}