colin
/
sharded-gotify
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Apply material-ui changes

This commit is contained in:
Jannis Mattheis 2018-08-23 21:09:20 +02:00
parent 21da31ecab
commit c0ae3dce12
20 changed files with 117 additions and 99 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/src/Layout.tsx
View File

@ -1,6 +1,6 @@
import {createMuiTheme, MuiThemeProvider, Theme, WithStyles, withStyles} from '@material-ui/core';
import CssBaseline from '@material-ui/core/CssBaseline';
import axios, {AxiosResponse} from 'axios'; import axios, {AxiosResponse} from 'axios';
import CssBaseline from 'material-ui/CssBaseline';
import {createMuiTheme, MuiThemeProvider, Theme, WithStyles, withStyles} from 'material-ui/styles';
import * as React from 'react'; import * as React from 'react';
import {HashRouter, Redirect, Route, Switch} from 'react-router-dom'; import {HashRouter, Redirect, Route, Switch} from 'react-router-dom';
import Header from './component/Header'; import Header from './component/Header';

13
ui/src/component/ConfirmDialog.tsx
View File

@ -1,10 +1,9 @@
import Button from 'material-ui/Button'; import Button from '@material-ui/core/Button';
import Dialog, { import Dialog from '@material-ui/core/Dialog';
DialogActions, import DialogActions from '@material-ui/core/DialogActions';
DialogContent, import DialogContent from '@material-ui/core/DialogContent';
DialogContentText, import DialogContentText from '@material-ui/core/DialogContentText';
DialogTitle, import DialogTitle from '@material-ui/core/DialogTitle';
} from 'material-ui/Dialog';
import React from 'react'; import React from 'react';
interface IProps { interface IProps {

5
ui/src/component/Container.tsx
View File

@ -1,6 +1,5 @@
import {WithStyles} from 'material-ui'; import Paper from '@material-ui/core/Paper';
import Paper from 'material-ui/Paper'; import {withStyles, WithStyles} from '@material-ui/core/styles';
import {withStyles} from 'material-ui/styles';
import * as React from 'react'; import * as React from 'react';
const styles = () => ({ const styles = () => ({

6
ui/src/component/DefaultPage.tsx
View File

@ -1,6 +1,6 @@
import Button from 'material-ui/Button'; import Button from '@material-ui/core/Button';
import Grid from 'material-ui/Grid'; import Grid from '@material-ui/core/Grid';
import Typography from 'material-ui/Typography'; import Typography from '@material-ui/core/Typography';
import React, {SFC} from 'react'; import React, {SFC} from 'react';
interface IProps { interface IProps {

28
ui/src/component/Header.tsx
View File

@ -1,16 +1,16 @@
import {Theme, WithStyles} from 'material-ui'; import AppBar from '@material-ui/core/AppBar';
import AccountCircle from 'material-ui-icons/AccountCircle'; import Button from '@material-ui/core/Button';
import Chat from 'material-ui-icons/Chat'; import IconButton from '@material-ui/core/IconButton';
import DevicesOther from 'material-ui-icons/DevicesOther'; import {Theme, WithStyles} from '@material-ui/core/styles';
import ExitToApp from 'material-ui-icons/ExitToApp'; import {withStyles} from '@material-ui/core/styles';
import LightbulbOutline from 'material-ui-icons/LightbulbOutline'; import Toolbar from '@material-ui/core/Toolbar';
import SupervisorAccount from 'material-ui-icons/SupervisorAccount'; import Typography from '@material-ui/core/Typography';
import AppBar from 'material-ui/AppBar'; import AccountCircle from '@material-ui/icons/AccountCircle';
import Button from 'material-ui/Button'; import Chat from '@material-ui/icons/Chat';
import IconButton from 'material-ui/IconButton'; import DevicesOther from '@material-ui/icons/DevicesOther';
import {withStyles} from 'material-ui/styles'; import ExitToApp from '@material-ui/icons/ExitToApp';
import Toolbar from 'material-ui/Toolbar'; import Highlight from '@material-ui/icons/Highlight';
import Typography from 'material-ui/Typography'; import SupervisorAccount from '@material-ui/icons/SupervisorAccount';
import React, {Component} from 'react'; import React, {Component} from 'react';
import {Link} from 'react-router-dom'; import {Link} from 'react-router-dom';
import * as UserAction from '../actions/UserAction'; import * as UserAction from '../actions/UserAction';
@ -70,7 +70,7 @@ class Header extends Component<IProps & Styles> {
</div> </div>
{loggedIn && this.renderButtons(name, admin)} {loggedIn && this.renderButtons(name, admin)}
<IconButton onClick={toggleTheme} color="inherit"> <IconButton onClick={toggleTheme} color="inherit">
<LightbulbOutline /> <Highlight />
</IconButton> </IconButton>
</Toolbar> </Toolbar>
</AppBar> </AppBar>

4
ui/src/component/LoadingSpinner.tsx
View File

@ -1,5 +1,5 @@
import Grid from 'material-ui/Grid'; import CircularProgress from '@material-ui/core/CircularProgress';
import {CircularProgress} from 'material-ui/Progress'; import Grid from '@material-ui/core/Grid';
import React from 'react'; import React from 'react';
import DefaultPage from './DefaultPage'; import DefaultPage from './DefaultPage';

9
ui/src/component/Message.tsx
View File

@ -1,8 +1,7 @@
import {WithStyles} from 'material-ui'; import IconButton from '@material-ui/core/IconButton';
import Delete from 'material-ui-icons/Delete'; import {withStyles, WithStyles} from '@material-ui/core/styles';
import IconButton from 'material-ui/IconButton'; import Typography from '@material-ui/core/Typography';
import {withStyles} from 'material-ui/styles'; import Delete from '@material-ui/icons/Delete';
import Typography from 'material-ui/Typography';
import React from 'react'; import React from 'react';
import TimeAgo from 'react-timeago'; import TimeAgo from 'react-timeago';
import Container from './Container'; import Container from './Container';

12
ui/src/component/Navigation.tsx
View File

@ -1,8 +1,9 @@
import {Theme, WithStyles} from 'material-ui'; import Divider from '@material-ui/core/Divider';
import Divider from 'material-ui/Divider'; import Drawer from '@material-ui/core/Drawer';
import Drawer from 'material-ui/Drawer'; import ListItem from '@material-ui/core/ListItem';
import {ListItem, ListItemText} from 'material-ui/List'; import ListItemText from '@material-ui/core/ListItemText';
import {withStyles} from 'material-ui/styles'; import {Theme, WithStyles} from '@material-ui/core/styles';
import {withStyles} from '@material-ui/core/styles';
import React, {Component} from 'react'; import React, {Component} from 'react';
import {Link} from 'react-router-dom'; import {Link} from 'react-router-dom';
import AppStore from '../stores/AppStore'; import AppStore from '../stores/AppStore';
@ -12,6 +13,7 @@ const styles = (theme: Theme) => ({
position: 'relative' as 'relative', position: 'relative' as 'relative',
width: 250, width: 250,
minHeight: '100%', minHeight: '100%',
height: '100vh',
}, },
toolbar: theme.mixins.toolbar as any, toolbar: theme.mixins.toolbar as any,
link: { link: {

4
ui/src/component/ScrollUpButton.tsx
View File

@ -1,5 +1,5 @@
import KeyboardArrowUp from 'material-ui-icons/KeyboardArrowUp'; import Button from '@material-ui/core/Button';
import Button from 'material-ui/Button'; import KeyboardArrowUp from '@material-ui/icons/KeyboardArrowUp';
import React, {Component} from 'react'; import React, {Component} from 'react';
class ScrollUpButton extends Component { class ScrollUpButton extends Component {

11
ui/src/component/SettingsDialog.tsx
View File

@ -1,7 +1,10 @@
import Button from 'material-ui/Button'; import Button from '@material-ui/core/Button';
import Dialog, {DialogActions, DialogContent, DialogTitle} from 'material-ui/Dialog'; import Dialog from '@material-ui/core/Dialog';
import TextField from 'material-ui/TextField'; import DialogActions from '@material-ui/core/DialogActions';
import Tooltip from 'material-ui/Tooltip'; import DialogContent from '@material-ui/core/DialogContent';
import DialogTitle from '@material-ui/core/DialogTitle';
import TextField from '@material-ui/core/TextField';
import Tooltip from '@material-ui/core/Tooltip';
import React, {ChangeEvent, Component} from 'react'; import React, {ChangeEvent, Component} from 'react';
import * as UserAction from '../actions/UserAction'; import * as UserAction from '../actions/UserAction';

6
ui/src/component/SnackBarHandler.tsx
View File

@ -1,6 +1,6 @@
import Close from 'material-ui-icons/Close'; import IconButton from '@material-ui/core/IconButton';
import IconButton from 'material-ui/IconButton'; import Snackbar from '@material-ui/core/Snackbar';
import Snackbar from 'material-ui/Snackbar'; import Close from '@material-ui/icons/Close';
import React, {Component} from 'react'; import React, {Component} from 'react';
import SnackBarStore from '../stores/SnackBarStore'; import SnackBarStore from '../stores/SnackBarStore';

8
ui/src/component/ToggleVisibility.tsx
View File

@ -1,7 +1,7 @@
import Visibility from 'material-ui-icons/Visibility'; import IconButton from '@material-ui/core/IconButton';
import VisibilityOff from 'material-ui-icons/VisibilityOff'; import Typography from '@material-ui/core/Typography';
import IconButton from 'material-ui/IconButton'; import Visibility from '@material-ui/icons/Visibility';
import Typography from 'material-ui/Typography'; import VisibilityOff from '@material-ui/icons/VisibilityOff';
import React, {Component} from 'react'; import React, {Component} from 'react';
interface IProps { interface IProps {

18
ui/src/pages/Applications.tsx
View File

@ -1,10 +1,14 @@
import Delete from 'material-ui-icons/Delete'; import Avatar from '@material-ui/core/Avatar';
import Edit from 'material-ui-icons/Edit'; import Grid from '@material-ui/core/Grid';
import Avatar from 'material-ui/Avatar'; import IconButton from '@material-ui/core/IconButton';
import Grid from 'material-ui/Grid'; import Paper from '@material-ui/core/Paper';
import IconButton from 'material-ui/IconButton'; import Table from '@material-ui/core/Table';
import Paper from 'material-ui/Paper'; import TableBody from '@material-ui/core/TableBody';
import Table, {TableBody, TableCell, TableHead, TableRow} from 'material-ui/Table'; import TableCell from '@material-ui/core/TableCell';
import TableHead from '@material-ui/core/TableHead';
import TableRow from '@material-ui/core/TableRow';
import Delete from '@material-ui/icons/Delete';
import Edit from '@material-ui/icons/Edit';
import React, {ChangeEvent, Component, SFC} from 'react'; import React, {ChangeEvent, Component, SFC} from 'react';
import * as AppAction from '../actions/AppAction'; import * as AppAction from '../actions/AppAction';
import ConfirmDialog from '../component/ConfirmDialog'; import ConfirmDialog from '../component/ConfirmDialog';

14
ui/src/pages/Clients.tsx
View File

@ -1,8 +1,12 @@
import Delete from 'material-ui-icons/Delete'; import Grid from '@material-ui/core/Grid';
import Grid from 'material-ui/Grid'; import IconButton from '@material-ui/core/IconButton';
import IconButton from 'material-ui/IconButton'; import Paper from '@material-ui/core/Paper';
import Paper from 'material-ui/Paper'; import Table from '@material-ui/core/Table';
import Table, {TableBody, TableCell, TableHead, TableRow} from 'material-ui/Table'; import TableBody from '@material-ui/core/TableBody';
import TableCell from '@material-ui/core/TableCell';
import TableHead from '@material-ui/core/TableHead';
import TableRow from '@material-ui/core/TableRow';
import Delete from '@material-ui/icons/Delete';
import React, {Component, SFC} from 'react'; import React, {Component, SFC} from 'react';
import * as ClientAction from '../actions/ClientAction'; import * as ClientAction from '../actions/ClientAction';
import ConfirmDialog from '../component/ConfirmDialog'; import ConfirmDialog from '../component/ConfirmDialog';

6
ui/src/pages/Login.tsx
View File

@ -1,6 +1,6 @@
import Button from 'material-ui/Button'; import Button from '@material-ui/core/Button';
import Grid from 'material-ui/Grid'; import Grid from '@material-ui/core/Grid';
import TextField from 'material-ui/TextField'; import TextField from '@material-ui/core/TextField';
import React, {ChangeEvent, Component, FormEvent} from 'react'; import React, {ChangeEvent, Component, FormEvent} from 'react';
import * as UserAction from '../actions/UserAction'; import * as UserAction from '../actions/UserAction';
import Container from '../component/Container'; import Container from '../component/Container';

6
ui/src/pages/Messages.tsx
View File

@ -1,6 +1,6 @@
import Grid from 'material-ui/Grid'; import CircularProgress from '@material-ui/core/CircularProgress';
import {CircularProgress} from 'material-ui/Progress'; import Grid from '@material-ui/core/Grid';
import Typography from 'material-ui/Typography'; import Typography from '@material-ui/core/Typography';
import React, {Component} from 'react'; import React, {Component} from 'react';
import {RouteComponentProps} from 'react-router'; import {RouteComponentProps} from 'react-router';
import * as MessageAction from '../actions/MessageAction'; import * as MessageAction from '../actions/MessageAction';

19
ui/src/pages/Users.tsx
View File

@ -1,11 +1,14 @@
import {WithStyles} from 'material-ui'; import Grid from '@material-ui/core/Grid';
import Delete from 'material-ui-icons/Delete'; import IconButton from '@material-ui/core/IconButton';
import Edit from 'material-ui-icons/Edit'; import Paper from '@material-ui/core/Paper';
import Grid from 'material-ui/Grid'; import {withStyles, WithStyles} from '@material-ui/core/styles';
import IconButton from 'material-ui/IconButton'; import Table from '@material-ui/core/Table';
import Paper from 'material-ui/Paper'; import TableBody from '@material-ui/core/TableBody';
import {withStyles} from 'material-ui/styles'; import TableCell from '@material-ui/core/TableCell';
import Table, {TableBody, TableCell, TableHead, TableRow} from 'material-ui/Table'; import TableHead from '@material-ui/core/TableHead';
import TableRow from '@material-ui/core/TableRow';
import Delete from '@material-ui/icons/Delete';
import Edit from '@material-ui/icons/Edit';
import React, {Component, SFC} from 'react'; import React, {Component, SFC} from 'react';
import * as UserAction from '../actions/UserAction'; import * as UserAction from '../actions/UserAction';
import ConfirmDialog from '../component/ConfirmDialog'; import ConfirmDialog from '../component/ConfirmDialog';

17
ui/src/pages/dialog/AddApplicationDialog.tsx
View File

@ -1,12 +1,11 @@
import Button from 'material-ui/Button'; import Button from '@material-ui/core/Button';
import Dialog, { import Dialog from '@material-ui/core/Dialog';
DialogActions, import DialogActions from '@material-ui/core/DialogActions';
DialogContent, import DialogContent from '@material-ui/core/DialogContent';
DialogContentText, import DialogContentText from '@material-ui/core/DialogContentText';
DialogTitle, import DialogTitle from '@material-ui/core/DialogTitle';
} from 'material-ui/Dialog'; import TextField from '@material-ui/core/TextField';
import TextField from 'material-ui/TextField'; import Tooltip from '@material-ui/core/Tooltip';
import Tooltip from 'material-ui/Tooltip';
import React, {Component} from 'react'; import React, {Component} from 'react';
interface IProps { interface IProps {

11
ui/src/pages/dialog/AddClientDialog.tsx
View File

@ -1,7 +1,10 @@
import Button from 'material-ui/Button'; import Button from '@material-ui/core/Button';
import Dialog, {DialogActions, DialogContent, DialogTitle} from 'material-ui/Dialog'; import Dialog from '@material-ui/core/Dialog';
import TextField from 'material-ui/TextField'; import DialogActions from '@material-ui/core/DialogActions';
import Tooltip from 'material-ui/Tooltip'; import DialogContent from '@material-ui/core/DialogContent';
import DialogTitle from '@material-ui/core/DialogTitle';
import TextField from '@material-ui/core/TextField';
import Tooltip from '@material-ui/core/Tooltip';
import React, {Component} from 'react'; import React, {Component} from 'react';
interface IProps { interface IProps {

15
ui/src/pages/dialog/AddEditUserDialog.tsx
View File

@ -1,9 +1,12 @@
import Button from 'material-ui/Button'; import Button from '@material-ui/core/Button';
import Dialog, {DialogActions, DialogContent, DialogTitle} from 'material-ui/Dialog'; import Dialog from '@material-ui/core/Dialog';
import {FormControlLabel} from 'material-ui/Form'; import DialogActions from '@material-ui/core/DialogActions';
import Switch from 'material-ui/Switch'; import DialogContent from '@material-ui/core/DialogContent';
import TextField from 'material-ui/TextField'; import DialogTitle from '@material-ui/core/DialogTitle';
import Tooltip from 'material-ui/Tooltip'; import FormControlLabel from '@material-ui/core/FormControlLabel';
import Switch from '@material-ui/core/Switch';
import TextField from '@material-ui/core/TextField';
import Tooltip from '@material-ui/core/Tooltip';
import React, {ChangeEvent, Component} from 'react'; import React, {ChangeEvent, Component} from 'react';
interface IProps { interface IProps {