15308555518/ frontend
1
0
Fork 0
mirror of https://github.com/cloudreve/frontend.git synced 2025-12-25 19:52:48 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update: material-ui from 3.x to 4.x

This commit is contained in:
HFO4 2019-11-22 17:37:25 +08:00
parent 581ffcab76
commit bd90ecfc44
59 changed files with 3136 additions and 949 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

88
config/webpack.config.dev.js
View File

@ -89,19 +89,8 @@ module.exports = {
// require.resolve('webpack/hot/dev-server'),
hot:require.resolve('react-dev-utils/webpackHotDevClient'),
// Finally, this is your app's code:
index:paths.appIndexJs,
video:'./src/pages/video.js',
markdown:'./src/pages/markdown.js',
folderShare:'./src/pages/folderShare.js',
lock:'./src/pages/lock.js',
fileShare:'./src/pages/fileShare.js',
setting:'./src/pages/setting.js',
profile:'./src/pages/profile.js',
myShare:'./src/pages/myShare.js',
search:'./src/pages/search.js',
download:'./src/pages/download.js',
login:'./src/pages/login.js',
quota:'./src/pages/quota.js',
index:'./src/index.js',
// We include the app code last so that if there is a runtime error during
// initialization, it doesn't blow up the WebpackDevServer client, and
// changing JS code would still trigger a refresh.
@ -344,80 +333,9 @@ module.exports = {
inject: true,
filename:"index.html",
chunks:['index'],
template: './public/dev/index.html',
}),
new HtmlWebpackPlugin({
inject: true,
chunks:['video'],
filename:"video.html",
template: './public/video.html',
}),
new HtmlWebpackPlugin({
inject: true,
chunks:['markdown'],
filename:"markdown.html",
template: './public/markdown.html',
}),
new HtmlWebpackPlugin({
inject: true,
chunks:['folderShare'],
filename:"folderShare.html",
template: './public/folderShare.html',
}),
new HtmlWebpackPlugin({
inject: true,
chunks:['fileShare'],
filename:"fileShare.html",
template: './public/fileShare.html',
}),
new HtmlWebpackPlugin({
inject: true,
chunks:['lock'],
filename:"lock.html",
template: './public/lock.html',
}),
new HtmlWebpackPlugin({
inject: true,
chunks:['setting'],
filename:"setting.html",
template: './public/setting.html',
}),
new HtmlWebpackPlugin({
inject: true,
chunks:['profile'],
filename:"profile.html",
template: './public/profile.html',
}),
new HtmlWebpackPlugin({
inject: true,
chunks:['myShare'],
filename:"myShare.html",
template: './public/myShare.html',
}),
new HtmlWebpackPlugin({
inject: true,
chunks:['search'],
filename:"search.html",
template: './public/explore/result.html',
}),
new HtmlWebpackPlugin({
inject: true,
chunks:['download'],
filename:"download.html",
template: './public/home/download.html',
}),
new HtmlWebpackPlugin({
inject: true,
chunks:['quota'],
filename:"quota.html",
template: './public/home/quota.html',
}),
new HtmlWebpackPlugin({
inject: true,
chunks:['login'],
filename:"login.html",
template: './public/member/login.html',
}),
// Makes some environment variables available in index.html.
// The public URL is available as %PUBLIC_URL% in index.html, e.g.:
// <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">

2801
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

22
package.json
View File

@ -4,11 +4,12 @@
"private": true,
"dependencies": {
"@babel/core": "7.1.0",
"@material-ui/core": "^3.9.2",
"@material-ui/codemod": "^4.5.0",
"@material-ui/core": "^4.0.0",
"@material-ui/icons": "^3.0.2",
"@material-ui/lab": "^3.0.0-alpha.30",
"@svgr/webpack": "2.4.1",
"axios": "^0.18.0",
"axios": "^0.18.1",
"babel-core": "7.0.0-bridge.0",
"babel-eslint": "9.0.0",
"babel-jest": "23.6.0",
@ -22,7 +23,7 @@
"dotenv": "6.0.0",
"dotenv-expand": "4.2.0",
"eslint": "5.6.0",
"eslint-config-react-app": "^3.0.7",
"eslint-config-react-app": "^3.0.8",
"eslint-loader": "2.1.1",
"eslint-plugin-flowtype": "2.50.1",
"eslint-plugin-import": "2.14.0",
@ -37,27 +38,28 @@
"jest-pnp-resolver": "1.0.1",
"jest-resolve": "23.6.0",
"material-ui": "^0.20.2",
"mdi-material-ui": "^5.10.0",
"mdi-material-ui": "^5.19.0",
"mini-css-extract-plugin": "0.4.3",
"node-sass": "^4.11.0",
"node-sass": "^4.13.0",
"optimize-css-assets-webpack-plugin": "5.0.1",
"pnp-webpack-plugin": "1.1.0",
"postcss-flexbugs-fixes": "4.1.0",
"postcss-loader": "3.0.0",
"postcss-preset-env": "6.0.6",
"postcss-safe-parser": "4.0.1",
"react": "^16.8.3",
"react": "^16.12.0",
"react-app-polyfill": "^0.1.3",
"react-async-script-loader": "^0.3.0",
"react-content-loader": "^4.0.1",
"react-content-loader": "^4.3.2",
"react-dev-utils": "^6.1.1",
"react-dom": "^16.8.3",
"react-dom": "^16.12.0",
"react-lazy-load-image-component": "^1.3.2",
"react-photoswipe": "^1.3.0",
"react-redux": "^6.0.1",
"redux": "^4.0.1",
"react-router-dom": "^5.1.2",
"redux": "^4.0.4",
"resolve": "1.8.1",
"sass-loader": "^7.1.0",
"sass-loader": "^7.3.1",
"style-loader": "0.23.0",
"terser-webpack-plugin": "1.1.0",
"url-loader": "1.1.1",

17
public/member/login.html
View File

@ -1,19 +1,16 @@
<!doctype html><html lang="zh-cn"><head><meta charset="utf-8"><link rel="shortcut icon" href="/favicon.ico"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="{$options.themeColor}"/><link rel="manifest" href="/manifest.json"><title>{eq name="pageId" value="resetPwdForm"}找回密码{/eq}{eq name="pageId" value="resetPwd"}找回密码{/eq}{eq name="pageId" value="emailActivate"}激活成功{/eq}{eq name="pageId" value="login"}登录{/eq}{eq name="pageId" value="register"}注册{/eq}{eq name="pageId" value="TwoStep"}二步验证{/eq} - {$options.siteName}</title><script type="text/javascript">colorTheme = {:json_encode($options["themeConfig"])};
<!doctype html><html lang="zh-cn"><head><meta charset="utf-8"><link rel="shortcut icon" href="/favicon.ico"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="{$options.themeColor}"/><link rel="manifest" href="/manifest.json"><title>标题</title><script type="text/javascript">colorTheme = {"palette":{"common":{"black":"#000","white":"#fff"},"background":{"paper":"#fff","default":"#fafafa"},"primary":{"light":"#7986cb","main":"#3f51b5","dark":"#303f9f","contrastText":"#fff"},"secondary":{"light":"#ff4081","main":"#f50057","dark":"#c51162","contrastText":"#fff"},"error":{"light":"#e57373","main":"#f44336","dark":"#d32f2f","contrastText":"#fff"},"text":{"primary":"rgba(0, 0, 0, 0.87)","secondary":"rgba(0, 0, 0, 0.54)","disabled":"rgba(0, 0, 0, 0.38)","hint":"rgba(0, 0, 0, 0.38)"},"explorer":{"filename":"#474849","icon":"#8f8f8f","bgSelected":"#D5DAF0","emptyIcon":"#e8e8e8"}}};
isHomePage = false;
isSharePage = false;
captcha = "{$RegOptions.login_captcha}";
regCaptcha = "{$RegOptions.reg_captcha}";
findPwdCaptcha = "{$RegOptions.forget_captcha}";
qqLogin = "{$RegOptions.qq_login}";
{if isset($key)}
resetKey = '{$key}';
{/if}
pageId="{$pageId}";
captcha = "0";
regCaptcha = "0";
findPwdCaptcha = "1";
qqLogin = "1";
pageId="login";
userInfo = {
uid: -1,
};
siteInfo = {
mainTitle: "{$options.siteName}",
mainTitle: "Cloudreve演示站",
};
uploadConfig = {
allowSource: false,

69
src/App.js
View File

@ -1,18 +1,23 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import CssBaseline from '@material-ui/core/CssBaseline';
import { withStyles } from '@material-ui/core/styles';
import AuthRoute from "./middleware/AuthRoute"
import Navbar from "./component/Navbar.js"
import FileManager from "./component/FileManager/FileManager.js"
import AlertBar from "./component/Snackbar"
import LoginForm from "./component/Login/LoginForm"
import { createMuiTheme } from '@material-ui/core/styles';
import {
BrowserRouter as Router,
Switch,
Route,
Link,
useParams,
useRouteMatch
} from "react-router-dom";
import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';
import { CssBaseline, makeStyles, ThemeProvider } from '@material-ui/core';
const theme = createMuiTheme(window.colorTheme);
const styles = theme => ({
const useStyles = makeStyles(theme=>({
root: {
display: 'flex',
},
@ -22,31 +27,27 @@ const styles = theme => ({
minWidth: 0,
},
toolbar: theme.mixins.toolbar,
});
}));
class App extends Component {
export default function App(){
render() {
const { classes } = this.props;
return (
<React.Fragment>
<MuiThemeProvider theme={theme}>
<div className={classes.root} id="container">
<CssBaseline />
<AlertBar/>
<Navbar />
<main className={classes.content}>
<div className={classes.toolbar} />
<FileManager/>
</main>
</div></MuiThemeProvider>
</React.Fragment>
);
}
}
App.propTypes = {
classes: PropTypes.object.isRequired,
};
export default withStyles(styles)(App);
const classes = useStyles();
let { path, url } = useRouteMatch();
return (
<React.Fragment>
<ThemeProvider theme={theme}>
<div className={classes.root} id="container">
<CssBaseline />
<AlertBar/>
<Navbar />
<main className={classes.content}>
<div className={classes.toolbar} />
<Switch>
<AuthRoute exact path={path}>我是私有页面</AuthRoute>
<Route path={`${path}Login`}><LoginForm/></Route>
</Switch>
</main>
</div></ThemeProvider >
</React.Fragment>
);
}

57
src/component/BuyQuota.js
View File

@ -1,39 +1,42 @@
import React, { Component } from 'react'
import { withStyles } from '@material-ui/core/styles';
import { connect } from 'react-redux'
import AppBar from '@material-ui/core/AppBar';
import Tabs from '@material-ui/core/Tabs';
import Tab from '@material-ui/core/Tab';
import { toggleSnackbar, } from "../actions/index"
import Typography from '@material-ui/core/Typography';
import Paper from '@material-ui/core/Paper';
import SdStorage from '@material-ui/icons/SdStorage'
import ShopIcon from '@material-ui/icons/ShoppingCart'
import Button from '@material-ui/core/Button';
import TextField from '@material-ui/core/TextField'
import Grid from '@material-ui/core/Grid';
import axios from 'axios'
import PackSelect from './PackSelect'
import Dialog from '@material-ui/core/Dialog';
import DialogActions from '@material-ui/core/DialogActions';
import DialogContent from '@material-ui/core/DialogContent';
import DialogContentText from '@material-ui/core/DialogContentText';
import DialogTitle from '@material-ui/core/DialogTitle';
import SupervisedUserCircle from '@material-ui/icons/SupervisedUserCircle'
import Card from '@material-ui/core/Card';
import CardActions from '@material-ui/core/CardActions';
import CardContent from '@material-ui/core/CardContent';
import CardHeader from '@material-ui/core/CardHeader';
import StarIcon from '@material-ui/icons/StarBorder';
import LocalPlay from '@material-ui/icons/LocalPlay'
import {
withStyles,
AppBar,
Tabs,
Tab,
Typography,
Paper,
Button,
TextField,
Grid,
Dialog,
DialogActions,
DialogContent,
DialogContentText,
DialogTitle,
Card,
CardActions,
CardContent,
CardHeader,
} from '@material-ui/core';
const styles = theme => ({
layout: {
width: 'auto',
marginTop: '50px',
marginLeft: theme.spacing.unit * 3,
marginRight: theme.spacing.unit * 3,
[theme.breakpoints.up(1100 + theme.spacing.unit * 3 * 2)]: {
marginLeft: theme.spacing(3),
marginRight: theme.spacing(3),
[theme.breakpoints.up(1100 + theme.spacing(3) * 2)]: {
width: 1100,
marginLeft: 'auto',
marginRight: 'auto',
@ -45,7 +48,7 @@ const styles = theme => ({
marginTop: "30px",
},
paper: {
padding: theme.spacing.unit * 2,
padding: theme.spacing(2),
color: theme.palette.text.secondary,
},
title:{
@ -53,15 +56,15 @@ const styles = theme => ({
marginBottom: "30px",
},
button: {
margin: theme.spacing.unit,
margin: theme.spacing(1),
},
action:{
textAlign:"right",
marginTop:"20px",
},
textField: {
marginLeft: theme.spacing.unit,
marginRight: theme.spacing.unit,
marginLeft: theme.spacing(1),
marginRight: theme.spacing(1),
width: 70,
textAlign:"center!important",
},
@ -80,11 +83,11 @@ const styles = theme => ({
display: 'flex',
justifyContent: 'center',
alignItems: 'baseline',
marginBottom: theme.spacing.unit * 2,
marginBottom: theme.spacing(2),
},
cardActions: {
[theme.breakpoints.up('sm')]: {
paddingBottom: theme.spacing.unit * 2,
paddingBottom: theme.spacing(2),
},
},
redeemContainer:{

25
src/component/Download.js
View File

@ -1,8 +1,5 @@
import React, { Component } from 'react'
import { withStyles } from '@material-ui/core/styles';
import { connect } from 'react-redux'
import Card from '@material-ui/core/Card';
import LinearProgress from '@material-ui/core/LinearProgress';
import ImageIcon from '@material-ui/icons/PhotoSizeSelectActual'
import VideoIcon from '@material-ui/icons/Videocam'
import AudioIcon from '@material-ui/icons/Audiotrack'
@ -11,15 +8,21 @@ import RefreshIcon from "@material-ui/icons/Refresh"
import DeleteIcon from "@material-ui/icons/Delete"
import FileShowIcon from "@material-ui/icons/InsertDriveFile"
import {FileWordBox,FilePowerpointBox,FileExcelBox,ScriptText,MagnetOn,ZipBox,WindowRestore,Android} from 'mdi-material-ui'
import CardContent from '@material-ui/core/CardContent';
import { toggleSnackbar,}from "../actions/index"
import Typography from '@material-ui/core/Typography';
import Button from '@material-ui/core/Button';
import axios from 'axios'
import IconButton from '@material-ui/core/IconButton';
import {sizeToString} from '../untils/index'
import {mediaType} from "../config"
import {
withStyles,
Card,
LinearProgress,
CardContent,
Typography,
Button,
IconButton,
} from '@material-ui/core';
const styles = theme => ({
card: {
marginTop:"20px",
@ -35,9 +38,9 @@ const styles = theme => ({
layout: {
width: 'auto',
marginTop:'30px',
marginLeft: theme.spacing.unit * 3,
marginRight: theme.spacing.unit * 3,
[theme.breakpoints.up(1100 + theme.spacing.unit * 3 * 2)]: {
marginLeft: theme.spacing(3),
marginRight: theme.spacing(3),
[theme.breakpoints.up(1100 + theme.spacing(3) * 2)]: {
width: 700,
marginLeft: 'auto',
marginRight: 'auto',
@ -351,5 +354,5 @@ const Download = connect(
mapStateToProps,
mapDispatchToProps
)( withStyles(styles)(DownloadCompoment))
export default Download

11
src/component/FileManager/ContextMenu.js
View File

@ -19,13 +19,6 @@ import {
} from "../../actions/index"
import {isPreviewable,isTorrent} from "../../config"
import {allowSharePreview} from "../../untils/index"
import { withStyles } from '@material-ui/core/styles';
import Popover from '@material-ui/core/Popover';
import Typography from '@material-ui/core/Typography';
import MenuList from '@material-ui/core/MenuList';
import MenuItem from '@material-ui/core/MenuItem';
import Divider from '@material-ui/core/Divider';
import ListItemIcon from '@material-ui/core/ListItemIcon';
import UploadIcon from '@material-ui/icons/CloudUpload'
import DownloadIcon from '@material-ui/icons/CloudDownload'
import NewFolderIcon from '@material-ui/icons/CreateNewFolder'
@ -38,6 +31,8 @@ import DeleteIcon from '@material-ui/icons/Delete'
import OpenIcon from '@material-ui/icons/OpenInNew'
import {MagnetOn} from 'mdi-material-ui'
import { withStyles, Popover, Typography, MenuList, MenuItem, Divider, ListItemIcon } from '@material-ui/core';
const styles = theme => ({
propover:{
minWidth:"200px!important",
@ -337,5 +332,5 @@ const ContextMenu = connect(
mapStateToProps,
mapDispatchToProps
)( withStyles(styles)(ContextMenuCompoment))
export default ContextMenu

33
src/component/FileManager/Explorer.js
View File

@ -5,26 +5,29 @@ import { connect } from 'react-redux'
import {navitateTo,changeContextMenu,navitateUp} from "../../actions/index"
import ObjectIcon from "./ObjectIcon"
import ContextMenu from "./ContextMenu"
import Table from '@material-ui/core/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 { withStyles } from '@material-ui/core/styles';
import Typography from '@material-ui/core/Typography';
import Grid from '@material-ui/core/Grid';
import CircularProgress from '@material-ui/core/CircularProgress';
import Paper from '@material-ui/core/Paper'
import EmptyIcon from "@material-ui/icons/Unarchive"
import SadIcon from "@material-ui/icons/SentimentVeryDissatisfied"
import classNames from 'classnames';
import ImgPreivew from "./ImgPreview"
import Button from '@material-ui/core/Button';
import UpIcon from '@material-ui/icons/ArrowUpward'
import {
Table,
TableBody,
TableCell,
TableHead,
TableRow,
withStyles,
Typography,
Grid,
CircularProgress,
Paper,
Button,
} from '@material-ui/core';
const styles = theme => ({
paper: {
padding: theme.spacing.unit * 2,
padding: theme.spacing(2),
textAlign: 'center',
color: theme.palette.text.secondary,
margin:"10px",
@ -65,7 +68,7 @@ const styles = theme => ({
marginTop:"40px",
},
errorBox:{
padding: theme.spacing.unit * 4,
padding: theme.spacing(4),
},
errorMsg:{
marginTop:"10px",
@ -266,6 +269,6 @@ ExplorerCompoment.propTypes = {
const Explorer = connect(
mapStateToProps,
mapDispatchToProps
)( withStyles(styles)(ExplorerCompoment))
)( withStyles(styles)(ExplorerCompoment))
export default Explorer

8
src/component/FileManager/FileIcon.js
View File

@ -1,24 +1,20 @@
import React, { Component } from 'react'
import PropTypes from 'prop-types';
import { connect } from 'react-redux'
import { withStyles } from '@material-ui/core/styles';
import ButtonBase from '@material-ui/core/ButtonBase';
import Typography from '@material-ui/core/Typography';
import classNames from 'classnames';
import {allowSharePreview} from "../../untils/index"
import ImageIcon from '@material-ui/icons/PhotoSizeSelectActual'
import VideoIcon from '@material-ui/icons/Videocam'
import AudioIcon from '@material-ui/icons/Audiotrack'
import PdfIcon from "@material-ui/icons/PictureAsPdf"
import Divider from "@material-ui/core/Divider"
import FileShowIcon from "@material-ui/icons/InsertDriveFile"
import Tooltip from '@material-ui/core/Tooltip';
import {FileWordBox,FilePowerpointBox,FileExcelBox,ScriptText,MagnetOn,ZipBox,WindowRestore,Android} from 'mdi-material-ui'
import { LazyLoadImage } from 'react-lazy-load-image-component';
import ContentLoader from 'react-content-loader'
import {mediaType} from "../../config"
import { withStyles, ButtonBase, Typography, Divider, Tooltip } from '@material-ui/core';
const styles = theme => ({
container: {
padding: "7px",

4
src/component/FileManager/FileManager.js
View File

@ -1,11 +1,11 @@
import React, { Component } from 'react'
import { withStyles } from '@material-ui/core/styles';
import Navigator from "./Navigator"
import Explorer from "./Explorer"
import Modals from "./Modals"
import {decode} from "../../untils/index"
import { withStyles } from '@material-ui/core';
const styles = theme => ({
})

6
src/component/FileManager/Folder.js
View File

@ -2,13 +2,9 @@ import React, { Component } from 'react'
import PropTypes from 'prop-types';
import { connect } from 'react-redux'
import { withStyles } from '@material-ui/core/styles';
import ButtonBase from '@material-ui/core/ButtonBase';
import Typography from '@material-ui/core/Typography';
import FolderIcon from '@material-ui/icons/Folder'
import classNames from 'classnames';
import Tooltip from '@material-ui/core/Tooltip';
import { withStyles, ButtonBase, Typography, Tooltip } from '@material-ui/core';
const styles = theme => ({
container: {

2
src/component/FileManager/ImgPreview.js
View File

@ -2,12 +2,12 @@ import React, { Component } from 'react'
import PropTypes from 'prop-types';
import { connect } from 'react-redux'
import { withStyles } from '@material-ui/core/styles';
import {
showImgPreivew,
}from "../../actions/index"
import {imgPreviewSuffix} from "../../config"
import PhotoSwipe from'react-photoswipe';
import { withStyles } from '@material-ui/core';
import('react-photoswipe/lib/photoswipe.css')
const styles = theme => ({

31
src/component/FileManager/Modals.js
View File

@ -9,23 +9,26 @@ import {
refreshStorage,
} from "../../actions/index"
import PathSelector from "./PathSelector"
import { withStyles } from '@material-ui/core/styles';
import Button from '@material-ui/core/Button';
import TextField from '@material-ui/core/TextField';
import Dialog from '@material-ui/core/Dialog';
import DialogActions from '@material-ui/core/DialogActions';
import DialogContent from '@material-ui/core/DialogContent';
import DialogTitle from '@material-ui/core/DialogTitle';
import DialogContentText from '@material-ui/core/DialogContentText';
import CircularProgress from '@material-ui/core/CircularProgress';
import Checkbox from '@material-ui/core/Checkbox';
import axios from 'axios'
import FormControl from '@material-ui/core/FormControl';
import FormControlLabel from '@material-ui/core/FormControlLabel';
import {
withStyles,
Button,
TextField,
Dialog,
DialogActions,
DialogContent,
DialogTitle,
DialogContentText,
CircularProgress,
Checkbox,
FormControl,
FormControlLabel,
} from '@material-ui/core';
const styles = theme => ({
wrapper: {
margin: theme.spacing.unit,
margin: theme.spacing(1),
position: 'relative',
},
buttonProgress: {
@ -763,5 +766,5 @@ const Modals = connect(
mapStateToProps,
mapDispatchToProps
)( withStyles(styles)(ModalsCompoment))
export default Modals

21
src/component/FileManager/Navigator.js
View File

@ -2,9 +2,6 @@ import React, { Component } from 'react'
import PropTypes from 'prop-types';
import { connect } from 'react-redux'
import { withStyles } from '@material-ui/core/styles';
import Divider from '@material-ui/core/Divider';
import Button from '@material-ui/core/Button';
import RightIcon from '@material-ui/icons/KeyboardArrowRight'
import MoreIcon from '@material-ui/icons/MoreHoriz'
import ViewListIcon from '@material-ui/icons/ViewList'
@ -13,11 +10,6 @@ import ViewSmallIcon from '@material-ui/icons/ViewComfy'
import TextTotateVerticalIcon from '@material-ui/icons/TextRotateVertical'
import FolderIcon from '@material-ui/icons/Folder'
import ExpandMore from '@material-ui/icons/ExpandMore';
import Menu from '@material-ui/core/Menu';
import MenuItem from '@material-ui/core/MenuItem';
import ListItemIcon from '@material-ui/core/ListItemIcon';
import ListItemText from '@material-ui/core/ListItemText';
import IconButton from '@material-ui/core/IconButton';
import ShareIcon from '@material-ui/icons/Share'
import NewFolderIcon from '@material-ui/icons/CreateNewFolder'
import RefreshIcon from '@material-ui/icons/Refresh'
@ -37,6 +29,17 @@ import {
import axios from 'axios'
import {setCookie,setGetParameter} from "../../untils/index"
import {
withStyles,
Divider,
Button,
Menu,
MenuItem,
ListItemIcon,
ListItemText,
IconButton,
} from '@material-ui/core';
const mapStateToProps = state => {
return {
path: state.navigator.path,
@ -460,5 +463,5 @@ const Navigator = connect(
mapStateToProps,
mapDispatchToProps
)( withStyles(styles)(NavigatorCompoment))
export default Navigator

2
src/component/FileManager/ObjectIcon.js
View File

@ -12,7 +12,6 @@ import {
openMusicDialog,
toggleSnackbar
} from "../../actions/index"
import { withStyles } from '@material-ui/core/styles';
import Folder from "./Folder"
import FileIcon from "./FileIcon"
import SmallIcon from "./SmallIcon"
@ -20,6 +19,7 @@ import TableItem from "./TableRow"
import classNames from 'classnames';
import {isPreviewable} from "../../config"
import {allowSharePreview} from "../../untils/index"
import { withStyles } from '@material-ui/core';
const styles = theme => ({
container: {
padding: "7px",

19
src/component/FileManager/PathSelector.js
View File

@ -1,13 +1,6 @@
import React, { Component } from 'react'
import PropTypes from 'prop-types';
import MenuList from '@material-ui/core/MenuList';
import MenuItem from '@material-ui/core/MenuItem';
import IconButton from '@material-ui/core/IconButton';
import ListItemIcon from '@material-ui/core/ListItemIcon';
import ListItemText from '@material-ui/core/ListItemText';
import FolderIcon from '@material-ui/icons/Folder'
import { withStyles } from '@material-ui/core/styles';
import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';
import RightIcon from "@material-ui/icons/KeyboardArrowRight"
import UpIcon from "@material-ui/icons/ArrowUpward"
import { connect } from 'react-redux'
@ -17,6 +10,16 @@ import {
} from "../../actions/index"
import axios from 'axios'
import {
MenuList,
MenuItem,
IconButton,
ListItemIcon,
ListItemText,
withStyles,
ListItemSecondaryAction,
} from '@material-ui/core';
const mapStateToProps = state => {
return {
}
@ -149,7 +152,7 @@ PathSelectorCompoment.propTypes = {
presentPath:PropTypes.string.isRequired,
selected:PropTypes.array.isRequired,
};
export default connect(
mapStateToProps,
mapDispatchToProps

7
src/component/FileManager/SmallIcon.js
View File

@ -2,12 +2,7 @@ import React, { Component } from 'react'
import PropTypes from 'prop-types';
import { connect } from 'react-redux'
import { withStyles } from '@material-ui/core/styles';
import ButtonBase from '@material-ui/core/ButtonBase';
import Typography from '@material-ui/core/Typography';
import classNames from 'classnames';
import Tooltip from '@material-ui/core/Tooltip';
import ImageIcon from '@material-ui/icons/PhotoSizeSelectActual'
import VideoIcon from '@material-ui/icons/Videocam'
import AudioIcon from '@material-ui/icons/Audiotrack'
@ -16,6 +11,8 @@ import {FileWordBox,FilePowerpointBox,FileExcelBox,ScriptText,MagnetOn,ZipBox,Wi
import FileShowIcon from "@material-ui/icons/InsertDriveFile"
import {mediaType} from "../../config"
import { withStyles, ButtonBase, Typography, Tooltip } from '@material-ui/core';
const styles = theme => ({
container: {
padding: "7px",

7
src/component/FileManager/TableRow.js
View File

@ -2,11 +2,6 @@ import React, { Component } from 'react'
import PropTypes from 'prop-types';
import { connect } from 'react-redux'
import { withStyles } from '@material-ui/core/styles';
import TableCell from '@material-ui/core/TableCell';
import TableRow from '@material-ui/core/TableRow';
import Typography from '@material-ui/core/Typography';
import FolderIcon from '@material-ui/icons/Folder'
import classNames from 'classnames';
import ImageIcon from '@material-ui/icons/PhotoSizeSelectActual'
@ -18,6 +13,8 @@ import FileShowIcon from "@material-ui/icons/InsertDriveFile"
import {sizeToString} from "../../untils/index"
import {mediaType} from "../../config"
import { withStyles, TableCell, TableRow, Typography } from '@material-ui/core';
const styles = theme => ({
selected: {
"&:hover": {

30
src/component/LockedFile.js
View File

@ -1,16 +1,20 @@
import React, { Component } from 'react'
import { withStyles } from '@material-ui/core/styles';
import { connect } from 'react-redux'
import Button from '@material-ui/core/Button';
import Card from '@material-ui/core/Card';
import Divider from '@material-ui/core/Divider';
import CardHeader from '@material-ui/core/CardHeader';
import CardContent from '@material-ui/core/CardContent';
import CardActions from '@material-ui/core/CardActions';
import TextField from '@material-ui/core/TextField';
import Avatar from '@material-ui/core/Avatar';
import { toggleSnackbar,}from "../actions/index"
import axios from 'axios'
import {
withStyles,
Button,
Card,
Divider,
CardHeader,
CardContent,
CardActions,
TextField,
Avatar,
} from '@material-ui/core';
const styles = theme => ({
card: {
maxWidth: 400,
@ -22,9 +26,9 @@ const styles = theme => ({
layout: {
width: 'auto',
marginTop:'110px',
marginLeft: theme.spacing.unit * 3,
marginRight: theme.spacing.unit * 3,
[theme.breakpoints.up(1100 + theme.spacing.unit * 3 * 2)]: {
marginLeft: theme.spacing(3),
marginRight: theme.spacing(3),
[theme.breakpoints.up(1100 + theme.spacing(3) * 2)]: {
width: 1100,
marginLeft: 'auto',
marginRight: 'auto',
@ -136,5 +140,5 @@ const LockedFile = connect(
mapStateToProps,
mapDispatchToProps
)( withStyles(styles)(LockedFileCompoment))
export default LockedFile

24
src/component/Login/EmailActivication.js
View File

@ -1,46 +1,42 @@
import React, { Component } from 'react'
import { withStyles } from '@material-ui/core/styles';
import { connect } from 'react-redux'
import Button from '@material-ui/core/Button';
import EmailIcon from '@material-ui/icons/EmailOutlined';
import Paper from '@material-ui/core/Paper';
import Avatar from '@material-ui/core/Avatar';
import { toggleSnackbar, } from "../../actions/index"
import Typography from '@material-ui/core/Typography';
import { withStyles, Button, Paper, Avatar, Typography } from '@material-ui/core';
const styles = theme => ({
layout: {
width: 'auto',
marginTop: '110px',
marginLeft: theme.spacing.unit * 3,
marginRight: theme.spacing.unit * 3,
[theme.breakpoints.up(1100 + theme.spacing.unit * 3 * 2)]: {
marginLeft: theme.spacing(3),
marginRight: theme.spacing(3),
[theme.breakpoints.up(1100 + theme.spacing(3) * 2)]: {
width: 400,
marginLeft: 'auto',
marginRight: 'auto',
},
},
paper: {
marginTop: theme.spacing.unit * 8,
marginTop: theme.spacing(8),
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
padding: `${theme.spacing.unit * 2}px ${theme.spacing.unit * 3}px ${theme.spacing.unit * 3}px`,
padding: `${theme.spacing(2)}px ${theme.spacing(3)}px ${theme.spacing(3)}px`,
},
avatar: {
margin: theme.spacing.unit,
margin: theme.spacing(1),
backgroundColor: theme.palette.secondary.main,
},
avatarSuccess:{
margin: theme.spacing.unit,
margin: theme.spacing(1),
backgroundColor: theme.palette.primary.main,
},
form: {
width: '100%', // Fix IE 11 issue.
marginTop: theme.spacing.unit,
marginTop: theme.spacing(1),
},
submit: {
marginTop: theme.spacing.unit * 3,
marginTop: theme.spacing(3),
},
link: {
marginTop: "10px",

40
src/component/Login/LoginForm.js
View File

@ -1,47 +1,51 @@
import React, { Component } from 'react'
import { withStyles } from '@material-ui/core/styles';
import { connect } from 'react-redux'
import Button from '@material-ui/core/Button';
import FormControl from '@material-ui/core/FormControl';
import Divider from '@material-ui/core/Divider';
import Link from '@material-ui/core/Link';
import Input from '@material-ui/core/Input';
import InputLabel from '@material-ui/core/InputLabel';
import LockOutlinedIcon from '@material-ui/icons/LockOutlined';
import Paper from '@material-ui/core/Paper';
import Avatar from '@material-ui/core/Avatar';
import { toggleSnackbar, } from "../../actions/index"
import Typography from '@material-ui/core/Typography';
import axios from 'axios'
import {
withStyles,
Button,
FormControl,
Divider,
Link,
Input,
InputLabel,
Paper,
Avatar,
Typography,
} from '@material-ui/core';
const styles = theme => ({
layout: {
width: 'auto',
marginTop: '110px',
marginLeft: theme.spacing.unit * 3,
marginRight: theme.spacing.unit * 3,
[theme.breakpoints.up(1100 + theme.spacing.unit * 3 * 2)]: {
marginLeft: theme.spacing(3),
marginRight: theme.spacing(3),
[theme.breakpoints.up(1100 + theme.spacing(3) * 2)]: {
width: 400,
marginLeft: 'auto',
marginRight: 'auto',
},
},
paper: {
marginTop: theme.spacing.unit * 8,
marginTop: theme.spacing(8),
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
padding: `${theme.spacing.unit * 2}px ${theme.spacing.unit * 3}px ${theme.spacing.unit * 3}px`,
padding: `${theme.spacing(2)}px ${theme.spacing(3)}px ${theme.spacing(3)}px`,
},
avatar: {
margin: theme.spacing.unit,
margin: theme.spacing(1),
backgroundColor: theme.palette.secondary.main,
},
form: {
width: '100%', // Fix IE 11 issue.
marginTop: theme.spacing.unit,
marginTop: theme.spacing(1),
},
submit: {
marginTop: theme.spacing.unit * 3,
marginTop: theme.spacing(3),
},
link: {
marginTop: "10px",

41
src/component/Login/RegisterForm.js
View File

@ -1,53 +1,56 @@
import React, { Component } from 'react'
import { withStyles } from '@material-ui/core/styles';
import { connect } from 'react-redux'
import Button from '@material-ui/core/Button';
import FormControl from '@material-ui/core/FormControl';
import Divider from '@material-ui/core/Divider';
import Link from '@material-ui/core/Link';
import Input from '@material-ui/core/Input';
import InputLabel from '@material-ui/core/InputLabel';
import RegIcon from '@material-ui/icons/AssignmentIndOutlined';
import EmailIcon from '@material-ui/icons/EmailOutlined';
import Paper from '@material-ui/core/Paper';
import Avatar from '@material-ui/core/Avatar';
import { toggleSnackbar, } from "../../actions/index"
import Typography from '@material-ui/core/Typography';
import axios from 'axios'
import {
withStyles,
Button,
FormControl,
Divider,
Link,
Input,
InputLabel,
Paper,
Avatar,
Typography,
} from '@material-ui/core';
const styles = theme => ({
layout: {
width: 'auto',
marginTop: '110px',
marginLeft: theme.spacing.unit * 3,
marginRight: theme.spacing.unit * 3,
[theme.breakpoints.up(1100 + theme.spacing.unit * 3 * 2)]: {
marginLeft: theme.spacing(3),
marginRight: theme.spacing(3),
[theme.breakpoints.up(1100 + theme.spacing(3) * 2)]: {
width: 400,
marginLeft: 'auto',
marginRight: 'auto',
},
},
paper: {
marginTop: theme.spacing.unit * 8,
marginTop: theme.spacing(8),
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
padding: `${theme.spacing.unit * 2}px ${theme.spacing.unit * 3}px ${theme.spacing.unit * 3}px`,
padding: `${theme.spacing(2)}px ${theme.spacing(3)}px ${theme.spacing(3)}px`,
},
avatar: {
margin: theme.spacing.unit,
margin: theme.spacing(1),
backgroundColor: theme.palette.secondary.main,
},
avatarSuccess:{
margin: theme.spacing.unit,
margin: theme.spacing(1),
backgroundColor: theme.palette.primary.main,
},
form: {
width: '100%', // Fix IE 11 issue.
marginTop: theme.spacing.unit,
marginTop: theme.spacing(1),
},
submit: {
marginTop: theme.spacing.unit * 3,
marginTop: theme.spacing(3),
},
link: {
marginTop: "10px",

40
src/component/Login/ResetPwd.js
View File

@ -1,47 +1,51 @@
import React, { Component } from 'react'
import { withStyles } from '@material-ui/core/styles';
import { connect } from 'react-redux'
import Button from '@material-ui/core/Button';
import FormControl from '@material-ui/core/FormControl';
import Divider from '@material-ui/core/Divider';
import Link from '@material-ui/core/Link';
import Input from '@material-ui/core/Input';
import InputLabel from '@material-ui/core/InputLabel';
import KeyIcon from '@material-ui/icons/VpnKeyOutlined';
import Paper from '@material-ui/core/Paper';
import Avatar from '@material-ui/core/Avatar';
import { toggleSnackbar, } from "../../actions/index"
import Typography from '@material-ui/core/Typography';
import axios from 'axios'
import {
withStyles,
Button,
FormControl,
Divider,
Link,
Input,
InputLabel,
Paper,
Avatar,
Typography,
} from '@material-ui/core';
const styles = theme => ({
layout: {
width: 'auto',
marginTop: '110px',
marginLeft: theme.spacing.unit * 3,
marginRight: theme.spacing.unit * 3,
[theme.breakpoints.up(1100 + theme.spacing.unit * 3 * 2)]: {
marginLeft: theme.spacing(3),
marginRight: theme.spacing(3),
[theme.breakpoints.up(1100 + theme.spacing(3) * 2)]: {
width: 400,
marginLeft: 'auto',
marginRight: 'auto',
},
},
paper: {
marginTop: theme.spacing.unit * 8,
marginTop: theme.spacing(8),
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
padding: `${theme.spacing.unit * 2}px ${theme.spacing.unit * 3}px ${theme.spacing.unit * 3}px`,
padding: `${theme.spacing(2)}px ${theme.spacing(3)}px ${theme.spacing(3)}px`,
},
avatar: {
margin: theme.spacing.unit,
margin: theme.spacing(1),
backgroundColor: theme.palette.secondary.main,
},
form: {
width: '100%', // Fix IE 11 issue.
marginTop: theme.spacing.unit,
marginTop: theme.spacing(1),
},
submit: {
marginTop: theme.spacing.unit * 3,
marginTop: theme.spacing(3),
},
link: {
marginTop: "10px",

40
src/component/Login/ResetPwdForm.js
View File

@ -1,47 +1,51 @@
import React, { Component } from 'react'
import { withStyles } from '@material-ui/core/styles';
import { connect } from 'react-redux'
import Button from '@material-ui/core/Button';
import FormControl from '@material-ui/core/FormControl';
import Divider from '@material-ui/core/Divider';
import Link from '@material-ui/core/Link';
import Input from '@material-ui/core/Input';
import InputLabel from '@material-ui/core/InputLabel';
import KeyIcon from '@material-ui/icons/VpnKeyOutlined';
import Paper from '@material-ui/core/Paper';
import Avatar from '@material-ui/core/Avatar';
import { toggleSnackbar, } from "../../actions/index"
import Typography from '@material-ui/core/Typography';
import axios from 'axios'
import {
withStyles,
Button,
FormControl,
Divider,
Link,
Input,
InputLabel,
Paper,
Avatar,
Typography,
} from '@material-ui/core';
const styles = theme => ({
layout: {
width: 'auto',
marginTop: '110px',
marginLeft: theme.spacing.unit * 3,
marginRight: theme.spacing.unit * 3,
[theme.breakpoints.up(1100 + theme.spacing.unit * 3 * 2)]: {
marginLeft: theme.spacing(3),
marginRight: theme.spacing(3),
[theme.breakpoints.up(1100 + theme.spacing(3) * 2)]: {
width: 400,
marginLeft: 'auto',
marginRight: 'auto',
},
},
paper: {
marginTop: theme.spacing.unit * 8,
marginTop: theme.spacing(8),
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
padding: `${theme.spacing.unit * 2}px ${theme.spacing.unit * 3}px ${theme.spacing.unit * 3}px`,
padding: `${theme.spacing(2)}px ${theme.spacing(3)}px ${theme.spacing(3)}px`,
},
avatar: {
margin: theme.spacing.unit,
margin: theme.spacing(1),
backgroundColor: theme.palette.secondary.main,
},
form: {
width: '100%', // Fix IE 11 issue.
marginTop: theme.spacing.unit,
marginTop: theme.spacing(1),
},
submit: {
marginTop: theme.spacing.unit * 3,
marginTop: theme.spacing(3),
},
link: {
marginTop: "10px",

38
src/component/Login/TwoStep.js
View File

@ -1,46 +1,50 @@
import React, { Component } from 'react'
import { withStyles } from '@material-ui/core/styles';
import { connect } from 'react-redux'
import Button from '@material-ui/core/Button';
import FormControl from '@material-ui/core/FormControl';
import Divider from '@material-ui/core/Divider';
import Input from '@material-ui/core/Input';
import InputLabel from '@material-ui/core/InputLabel';
import VpnIcon from '@material-ui/icons/VpnKeyOutlined';
import Paper from '@material-ui/core/Paper';
import Avatar from '@material-ui/core/Avatar';
import { toggleSnackbar, } from "../../actions/index"
import Typography from '@material-ui/core/Typography';
import axios from 'axios'
import {
withStyles,
Button,
FormControl,
Divider,
Input,
InputLabel,
Paper,
Avatar,
Typography,
} from '@material-ui/core';
const styles = theme => ({
layout: {
width: 'auto',
marginTop: '110px',
marginLeft: theme.spacing.unit * 3,
marginRight: theme.spacing.unit * 3,
[theme.breakpoints.up(1100 + theme.spacing.unit * 3 * 2)]: {
marginLeft: theme.spacing(3),
marginRight: theme.spacing(3),
[theme.breakpoints.up(1100 + theme.spacing(3) * 2)]: {
width: 400,
marginLeft: 'auto',
marginRight: 'auto',
},
},
paper: {
marginTop: theme.spacing.unit * 8,
marginTop: theme.spacing(8),
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
padding: `${theme.spacing.unit * 2}px ${theme.spacing.unit * 3}px ${theme.spacing.unit * 3}px`,
padding: `${theme.spacing(2)}px ${theme.spacing(3)}px ${theme.spacing(3)}px`,
},
avatar: {
margin: theme.spacing.unit,
margin: theme.spacing(1),
backgroundColor: theme.palette.secondary.main,
},
form: {
width: '100%', // Fix IE 11 issue.
marginTop: theme.spacing.unit,
marginTop: theme.spacing(1),
},
submit: {
marginTop: theme.spacing.unit * 3,
marginTop: theme.spacing(3),
},
link: {
marginTop: "10px",

41
src/component/MyShare.js
View File

@ -1,16 +1,7 @@
import React, { Component } from 'react'
import { withStyles } from '@material-ui/core/styles';
import { connect } from 'react-redux'
import Tooltip from '@material-ui/core/Tooltip';
import Card from '@material-ui/core/Card';
import Avatar from '@material-ui/core/Avatar';
import CardHeader from '@material-ui/core/CardHeader';
import CardActions from '@material-ui/core/CardActions';
import { toggleSnackbar,}from "../actions/index"
import Typography from '@material-ui/core/Typography';
import axios from 'axios'
import Grid from '@material-ui/core/Grid';
import IconButton from '@material-ui/core/IconButton';
import OpenIcon from '@material-ui/icons/OpenInNew';
import FileIcon from '@material-ui/icons/InsertDriveFile';
import FolderIcon from '@material-ui/icons/Folder';
@ -18,12 +9,24 @@ import LockIcon from '@material-ui/icons/Lock';
import UnlockIcon from '@material-ui/icons/LockOpen';
import EyeIcon from '@material-ui/icons/RemoveRedEye';
import DeleteIcon from '@material-ui/icons/Delete';
import Dialog from '@material-ui/core/Dialog';
import DialogActions from '@material-ui/core/DialogActions';
import DialogContent from '@material-ui/core/DialogContent';
import DialogTitle from '@material-ui/core/DialogTitle';
import Button from '@material-ui/core/Button';
import TextField from '@material-ui/core/TextField';
import {
withStyles,
Tooltip,
Card,
Avatar,
CardHeader,
CardActions,
Typography,
Grid,
IconButton,
Dialog,
DialogActions,
DialogContent,
DialogTitle,
Button,
TextField,
} from '@material-ui/core';
const styles = theme => ({
card: {
@ -36,9 +39,9 @@ const styles = theme => ({
layout: {
width: 'auto',
marginTop:'50px',
marginLeft: theme.spacing.unit * 3,
marginRight: theme.spacing.unit * 3,
[theme.breakpoints.up(1100 + theme.spacing.unit * 3 * 2)]: {
marginLeft: theme.spacing(3),
marginRight: theme.spacing(3),
[theme.breakpoints.up(1100 + theme.spacing(3) * 2)]: {
width: 1100,
marginLeft: 'auto',
marginRight: 'auto',
@ -266,5 +269,5 @@ const MyShare = connect(
mapStateToProps,
mapDispatchToProps
)( withStyles(styles)(MyShareCompoment))
export default MyShare

54
src/component/Navbar.js
View File

@ -1,10 +1,5 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import AppBar from '@material-ui/core/AppBar';
import Toolbar from '@material-ui/core/Toolbar';
import Typography from '@material-ui/core/Typography';
import { withStyles } from '@material-ui/core/styles';
import { withTheme } from '@material-ui/core/styles';
import classNames from 'classnames';
import { connect } from 'react-redux'
import VideoIcon from '@material-ui/icons/VideoLibrary';
@ -21,24 +16,10 @@ import OpenFolderIcon from '@material-ui/icons/FolderOpen'
import RenameIcon from '@material-ui/icons/BorderColor'
import MoveIcon from '@material-ui/icons/Input'
import DeleteIcon from '@material-ui/icons/Delete'
import Button from '@material-ui/core/Button';
import Drawer from '@material-ui/core/Drawer';
import SwipeableDrawer from '@material-ui/core/SwipeableDrawer'
import IconButton from '@material-ui/core/IconButton';
import Hidden from '@material-ui/core/Hidden';
import Avatar from '@material-ui/core/Avatar';
import Divider from '@material-ui/core/Divider';
import ListItem from '@material-ui/core/ListItem';
import ListItemIcon from '@material-ui/core/ListItemIcon';
import ListItemText from '@material-ui/core/ListItemText';
import UploadIcon from '@material-ui/icons/CloudUpload';
import FolderShared from '@material-ui/icons/FolderShared';
import SaveIcon from '@material-ui/icons/Save';
import List from '@material-ui/core/List';
import MenuIcon from '@material-ui/icons/Menu';
import Badge from '@material-ui/core/Badge';
import Grow from '@material-ui/core/Grow';
import Tooltip from '@material-ui/core/Tooltip';
import {isPreviewable} from "../config"
import {
drawerToggleAction,
@ -67,6 +48,29 @@ import {
AccountArrowRight,
AccountPlus
} from 'mdi-material-ui'
import {
AppBar,
Toolbar,
Typography,
withStyles,
withTheme,
Button,
Drawer,
SwipeableDrawer,
IconButton,
Hidden,
Avatar,
Divider,
ListItem,
ListItemIcon,
ListItemText,
List,
Badge,
Grow,
Tooltip,
} from '@material-ui/core';
const drawerWidth = 240;
const drawerWidthMobile = 270;
@ -148,7 +152,7 @@ const styles = theme => ({
flexShrink: 0,
},
icon: {
marginRight: theme.spacing.unit * 2,
marginRight: theme.spacing(2),
},
menuButton: {
marginRight: 20,
@ -187,7 +191,7 @@ const styles = theme => ({
},
content: {
flexGrow: 1,
padding: theme.spacing.unit * 3,
padding: theme.spacing(3),
},
hiddenButton: {
display: "none",
@ -201,7 +205,7 @@ const styles = theme => ({
},
nested: {
paddingLeft: theme.spacing.unit * 4,
paddingLeft: theme.spacing(4),
},
sectionForFile:{
@ -210,7 +214,7 @@ const styles = theme => ({
},
extendedIcon: {
marginRight: theme.spacing.unit,
marginRight: theme.spacing(1),
},
addButton:{
marginLeft: "40px",
@ -680,6 +684,6 @@ NavbarCompoment.propTypes = {
const Navbar = connect(
mapStateToProps,
mapDispatchToProps
)( withTheme()(withStyles(styles)(NavbarCompoment)))
)( withTheme(withStyles(styles)(NavbarCompoment)))
export default Navbar

4
src/component/PackSelect.js
View File

@ -1,8 +1,6 @@
import React, { Component } from 'react'
import { withStyles } from '@material-ui/core/styles';
import ButtonBase from '@material-ui/core/ButtonBase';
import Typography from '@material-ui/core/Typography';
import classNames from 'classnames';
import { withStyles, ButtonBase, Typography } from '@material-ui/core';
const styles = theme => ({
container:{
border:" 1px solid #e6e9eb",

35
src/component/Profile.js
View File

@ -1,29 +1,32 @@
import React, { Component } from 'react'
import { withStyles } from '@material-ui/core/styles';
import { connect } from 'react-redux'
import Paper from '@material-ui/core/Paper';
import Avatar from '@material-ui/core/Avatar';
import { toggleSnackbar,}from "../actions/index"
import Typography from '@material-ui/core/Typography';
import axios from 'axios'
import Tabs from '@material-ui/core/Tabs';
import Tab from '@material-ui/core/Tab';
import Table from '@material-ui/core/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 IconButton from '@material-ui/core/IconButton';
import LeftIcon from '@material-ui/icons/KeyboardArrowLeft'
import RighttIcon from '@material-ui/icons/KeyboardArrowRight'
import Grid from '@material-ui/core/Grid';
import {
withStyles,
Paper,
Avatar,
Typography,
Tabs,
Tab,
Table,
TableBody,
TableCell,
TableHead,
TableRow,
IconButton,
Grid,
} from '@material-ui/core';
const styles = theme => ({
layout: {
width: 'auto',
marginTop:'50px',
marginLeft: theme.spacing.unit * 3,
marginRight: theme.spacing.unit * 3,
marginLeft: theme.spacing(3),
marginRight: theme.spacing(3),
marginBottom: "30px",
[theme.breakpoints.up("sm")]: {
width: 700,
@ -249,5 +252,5 @@ const Profile = connect(
mapStateToProps,
mapDispatchToProps
)( withStyles(styles)(ProfileCompoment))
export default Profile

34
src/component/Quota.js
View File

@ -1,27 +1,31 @@
import React, { Component } from 'react'
import { withStyles } from '@material-ui/core/styles';
import { connect } from 'react-redux'
import classNames from 'classnames';
import { toggleSnackbar, } from "../actions/index"
import Typography from '@material-ui/core/Typography';
import Paper from '@material-ui/core/Paper';
import Button from '@material-ui/core/Button';
import Grid from '@material-ui/core/Grid';
import Table from '@material-ui/core/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 axios from 'axios'
import {
withStyles,
Typography,
Paper,
Button,
Grid,
Table,
TableBody,
TableCell,
TableHead,
TableRow,
} from '@material-ui/core';
const styles = theme => ({
layout: {
width: 'auto',
marginTop: '50px',
marginLeft: theme.spacing.unit * 3,
marginRight: theme.spacing.unit * 3,
[theme.breakpoints.up(1100 + theme.spacing.unit * 3 * 2)]: {
marginLeft: theme.spacing(3),
marginRight: theme.spacing(3),
[theme.breakpoints.up(1100 + theme.spacing(3) * 2)]: {
width: 1100,
marginLeft: 'auto',
marginRight: 'auto',
@ -33,7 +37,7 @@ const styles = theme => ({
marginTop: "30px",
},
paper: {
padding: theme.spacing.unit * 2,
padding: theme.spacing(2),
color: theme.palette.text.secondary,
},
data: {
@ -89,7 +93,7 @@ const styles = theme => ({
marginBottom: "30px",
},
button: {
margin: theme.spacing.unit,
margin: theme.spacing(1),
},
table:{
overflowX:"auto",

28
src/component/Search.js
View File

@ -1,19 +1,23 @@
import React, { Component } from 'react'
import { withStyles } from '@material-ui/core/styles';
import { connect } from 'react-redux'
import Tooltip from '@material-ui/core/Tooltip';
import Card from '@material-ui/core/Card';
import Avatar from '@material-ui/core/Avatar';
import CardHeader from '@material-ui/core/CardHeader';
import { toggleSnackbar,}from "../actions/index"
import Typography from '@material-ui/core/Typography';
import Grid from '@material-ui/core/Grid';
import IconButton from '@material-ui/core/IconButton';
import OpenIcon from '@material-ui/icons/OpenInNew';
import FileIcon from '@material-ui/icons/InsertDriveFile';
import FolderIcon from '@material-ui/icons/Folder';
import {
withStyles,
Tooltip,
Card,
Avatar,
CardHeader,
Typography,
Grid,
IconButton,
} from '@material-ui/core';
const styles = theme => ({
card: {
maxWidth: 400,
@ -25,9 +29,9 @@ const styles = theme => ({
layout: {
width: 'auto',
marginTop:'50px',
marginLeft: theme.spacing.unit * 3,
marginRight: theme.spacing.unit * 3,
[theme.breakpoints.up(1100 + theme.spacing.unit * 3 * 2)]: {
marginLeft: theme.spacing(3),
marginRight: theme.spacing(3),
[theme.breakpoints.up(1100 + theme.spacing(3) * 2)]: {
width: 1100,
marginLeft: 'auto',
marginRight: 'auto',
@ -116,5 +120,5 @@ const Search = connect(
mapStateToProps,
mapDispatchToProps
)( withStyles(styles)(SearchCompoment))
export default Search

37
src/component/SearchBar.js
View File

@ -1,16 +1,7 @@
import React, { Component } from 'react'
import PropTypes from 'prop-types';
import { withStyles } from '@material-ui/core/styles';
import SearchIcon from '@material-ui/icons/Search';
import { fade } from '@material-ui/core/styles/colorManipulator';
import InputBase from '@material-ui/core/InputBase';
import Popper from '@material-ui/core/Popper';
import Fade from '@material-ui/core/Fade';
import Paper from '@material-ui/core/Paper';
import MenuItem from '@material-ui/core/MenuItem';
import ListItemIcon from '@material-ui/core/ListItemIcon';
import ListItemText from '@material-ui/core/ListItemText';
import Typography from '@material-ui/core/Typography';
import FileIcon from '@material-ui/icons/InsertDriveFile'
import ShareIcon from '@material-ui/icons/Share'
import { connect } from 'react-redux'
@ -18,6 +9,18 @@ import {
searchMyFile,
}from "../actions/index"
import {
withStyles,
InputBase,
Popper,
Fade,
Paper,
MenuItem,
ListItemIcon,
ListItemText,
Typography,
} from '@material-ui/core';
const mapStateToProps = state => {
return {
}
@ -42,16 +45,16 @@ const styles = theme => ({
'&:hover': {
backgroundColor: fade(theme.palette.common.white, 0.25),
},
marginRight: theme.spacing.unit * 2,
marginRight: theme.spacing(2),
marginLeft: 0,
width: '100%',
[theme.breakpoints.up('sm')]: {
marginLeft: theme.spacing.unit * 7.2,
marginLeft: theme.spacing(7.2),
width: 'auto',
},
},
searchIcon: {
width: theme.spacing.unit * 9,
width: theme.spacing(9),
height: '100%',
position: 'absolute',
pointerEvents: 'none',
@ -64,10 +67,10 @@ const styles = theme => ({
width: '100%',
},
inputInput: {
paddingTop: theme.spacing.unit,
paddingRight: theme.spacing.unit,
paddingBottom: theme.spacing.unit,
paddingLeft: theme.spacing.unit * 7,
paddingTop: theme.spacing(1),
paddingRight: theme.spacing(1),
paddingBottom: theme.spacing(1),
paddingLeft: theme.spacing(7),
transition: theme.transitions.create('width'),
width: '100%',
[theme.breakpoints.up('md')]: {
@ -176,5 +179,5 @@ const SearchBar = connect(
mapStateToProps,
mapDispatchToProps
)( withStyles(styles)(SearchBarCompoment))
export default SearchBar

21
src/component/SharedFile.js
View File

@ -1,27 +1,22 @@
import React, { Component } from 'react'
import { withStyles } from '@material-ui/core/styles';
import { connect } from 'react-redux'
import FileIcon from "../component/FileManager/FileIcon"
import PreviewIcon from "@material-ui/icons/RemoveRedEye"
import InfoIcon from "@material-ui/icons/Info"
import DownloadIcon from "@material-ui/icons/CloudDownload"
import Button from '@material-ui/core/Button';
import {allowSharePreview,sizeToString} from "../untils/index"
import { toggleSnackbar,}from "../actions/index"
import { isPreviewable,}from "../config"
import Popper from '@material-ui/core/Popper';
import Typography from '@material-ui/core/Typography';
import Fade from '@material-ui/core/Fade';
import Paper from '@material-ui/core/Paper';
import Modals from "./FileManager/Modals"
import axios from 'axios'
import { withStyles, Button, Popper, Typography, Fade, Paper } from '@material-ui/core';
const styles = theme => ({
layout: {
width: 'auto',
marginTop:'110px',
marginLeft: theme.spacing.unit * 3,
marginRight: theme.spacing.unit * 3,
[theme.breakpoints.up(1100 + theme.spacing.unit * 3 * 2)]: {
marginLeft: theme.spacing(3),
marginRight: theme.spacing(3),
[theme.breakpoints.up(1100 + theme.spacing(3) * 2)]: {
width: 1100,
marginLeft: 'auto',
marginRight: 'auto',
@ -41,13 +36,13 @@ const styles = theme => ({
marginTop: "20px",
},
button: {
margin: theme.spacing.unit,
margin: theme.spacing(1),
},
paper: {
padding: theme.spacing.unit * 2,
padding: theme.spacing(2),
},
icon:{
marginRight: theme.spacing.unit,
marginRight: theme.spacing(1),
}
})
const mapStateToProps = state => {
@ -176,5 +171,5 @@ const SharedFile = connect(
mapStateToProps,
mapDispatchToProps
)( withStyles(styles)(SharedFileCompoment))
export default SharedFile

8
src/component/SideDrawer.js
View File

@ -1,13 +1,7 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import Drawer from '@material-ui/core/Drawer';
import { withStyles } from '@material-ui/core/styles';
import Divider from '@material-ui/core/Divider';
import ListItem from '@material-ui/core/ListItem';
import ListItemIcon from '@material-ui/core/ListItemIcon';
import ListItemText from '@material-ui/core/ListItemText';
import UploadIcon from '@material-ui/icons/CloudUpload';
import List from '@material-ui/core/List';
import { Drawer, withStyles, Divider, ListItem, ListItemIcon, ListItemText, List } from '@material-ui/core';
const drawerWidth = 240;
const styles = theme => ({
drawer: {

34
src/component/Snackbar.js
View File

@ -4,18 +4,16 @@ import { connect } from 'react-redux'
import {
} from "../actions/index"
import classNames from 'classnames';
import { withStyles } from '@material-ui/core/styles';
import SnackbarContent from '@material-ui/core/SnackbarContent';
import Snackbar from '@material-ui/core/Snackbar'
import ErrorIcon from '@material-ui/icons/Error';
import InfoIcon from '@material-ui/icons/Info';
import CloseIcon from '@material-ui/icons/Close';
import green from '@material-ui/core/colors/green';
import CheckCircleIcon from '@material-ui/icons/CheckCircle';
import amber from '@material-ui/core/colors/amber';
import IconButton from '@material-ui/core/IconButton';
import WarningIcon from '@material-ui/icons/Warning';
import { green, amber } from '@material-ui/core/colors';
import { withStyles, SnackbarContent, Snackbar, IconButton } from '@material-ui/core';
const mapStateToProps = state => {
return {
snackbar:state.viewUpdate.snackbar,
@ -52,7 +50,7 @@ const styles1 = theme => ({
},
iconVariant: {
opacity: 0.9,
marginRight: theme.spacing.unit,
marginRight: theme.spacing(1),
},
message: {
display: 'flex',
@ -89,18 +87,18 @@ function MySnackbarContent(props) {
/>
);
}
MySnackbarContent.propTypes = {
classes: PropTypes.object.isRequired,
className: PropTypes.string,
message: PropTypes.node,
onClose: PropTypes.func,
variant: PropTypes.oneOf(['success', 'warning', 'error', 'info']).isRequired,
};
const MySnackbarContentWrapper = withStyles(styles1)(MySnackbarContent);
MySnackbarContent.propTypes = {
classes: PropTypes.object.isRequired,
className: PropTypes.string,
message: PropTypes.node,
onClose: PropTypes.func,
variant: PropTypes.oneOf(['success', 'warning', 'error', 'info']).isRequired,
};
const MySnackbarContentWrapper = withStyles(styles1)(MySnackbarContent);
const styles = theme => ({
margin: {
margin: theme.spacing.unit,
margin: theme.spacing(1),
},
})
class SnackbarCompoment extends Component {
@ -146,5 +144,5 @@ const AlertBar = connect(
mapStateToProps,
mapDispatchToProps
)( withStyles(styles)(SnackbarCompoment))
export default AlertBar

9
src/component/StorageBar.js
View File

@ -1,17 +1,14 @@
import React, { Component } from 'react'
import PropTypes from 'prop-types';
import { withStyles } from '@material-ui/core/styles';
import LinearProgress from '@material-ui/core/LinearProgress';
import Typography from '@material-ui/core/Typography';
import Divider from '@material-ui/core/Divider';
import StorageIcon from '@material-ui/icons/Storage'
import { connect } from 'react-redux'
import axios from 'axios'
import Tooltip from '@material-ui/core/Tooltip';
import {
toggleSnackbar,
}from "../actions/index"
import { withStyles, LinearProgress, Typography, Divider, Tooltip } from '@material-ui/core';
const mapStateToProps = state => {
return {
refresh:state.viewUpdate.storageRefresh,
@ -149,5 +146,5 @@ const StorageBar = connect(
mapStateToProps,
mapDispatchToProps
)( withStyles(styles)(StorageBarCompoment))
export default StorageBar

36
src/component/Upload/FileList.js
View File

@ -1,27 +1,31 @@
import React, { Component } from 'react';
import { withStyles } from '@material-ui/core/styles';
import Dialog from '@material-ui/core/Dialog';
import ListItemText from '@material-ui/core/ListItemText';
import ListItem from '@material-ui/core/ListItem';
import List from '@material-ui/core/List';
import Divider from '@material-ui/core/Divider';
import AppBar from '@material-ui/core/AppBar';
import Toolbar from '@material-ui/core/Toolbar';
import IconButton from '@material-ui/core/IconButton';
import Typography from '@material-ui/core/Typography';
import CloseIcon from '@material-ui/icons/Close';
import FileIcon from '@material-ui/icons/InsertDriveFile';
import PhotoIcon from '@material-ui/icons/MusicNote';
import VideoIcon from '@material-ui/icons/Videocam';
import AddIcon from '@material-ui/icons/AddCircleOutline';
import MusicIcon from '@material-ui/icons/MusicNote';
import LinearProgress from '@material-ui/core/LinearProgress';
import Slide from '@material-ui/core/Slide';
import Avatar from '@material-ui/core/Avatar';
import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';
import DeleteIcon from '@material-ui/icons/Delete';
import withWidth, { isWidthDown } from '@material-ui/core/withWidth';
import DialogContent from '@material-ui/core/DialogContent';
import { isWidthDown } from '@material-ui/core/withWidth';
import {
withStyles,
Dialog,
ListItemText,
ListItem,
List,
Divider,
AppBar,
Toolbar,
IconButton,
Typography,
LinearProgress,
Slide,
Avatar,
ListItemSecondaryAction,
withWidth,
DialogContent,
} from '@material-ui/core';
const styles = theme => ({
appBar: {

9
src/component/UserAvatar.js
View File

@ -1,13 +1,8 @@
import React, { Component } from 'react'
import PropTypes from 'prop-types';
import { withStyles } from '@material-ui/core/styles';
import Grow from '@material-ui/core/Grow';
import { connect } from 'react-redux'
import Avatar from '@material-ui/core/Avatar';
import IconButton from '@material-ui/core/IconButton';
import SettingIcon from '@material-ui/icons/Settings'
import SaveIcon from '@material-ui/icons/Save';
import Tooltip from '@material-ui/core/Tooltip';
import UserAvatarPopover from './UserAvatarPopover';
import {
AccountCircle,
@ -17,6 +12,8 @@ import {
setUserPopover
}from "../actions/index"
import { withStyles, Grow, Avatar, IconButton, Tooltip } from '@material-ui/core';
const mapStateToProps = state => {
return {
selected:state.explorer.selected,
@ -125,5 +122,5 @@ const UserAvatar = connect(
mapStateToProps,
mapDispatchToProps
)( withStyles(styles)(UserAvatarCompoment))
export default UserAvatar

21
src/component/UserAvatarPopover.js
View File

@ -1,14 +1,6 @@
import React, { Component } from 'react'
import PropTypes from 'prop-types';
import { withStyles } from '@material-ui/core/styles';
import { connect } from 'react-redux'
import Avatar from '@material-ui/core/Avatar';
import Popover from '@material-ui/core/Popover';
import Typography from '@material-ui/core/Typography';
import Chip from '@material-ui/core/Chip';
import ListItemIcon from '@material-ui/core/ListItemIcon';
import MenuItem from '@material-ui/core/MenuItem';
import Divider from '@material-ui/core/Divider';
import {
LogoutVariant,
HomeAccount,
@ -20,6 +12,17 @@ import {
setUserPopover
}from "../actions/index"
import {
withStyles,
Avatar,
Popover,
Typography,
Chip,
ListItemIcon,
MenuItem,
Divider,
} from '@material-ui/core';
const mapStateToProps = state => {
return {
anchorEl:state.viewUpdate.userPopoverAnchorEl,
@ -147,5 +150,5 @@ const UserAvatarPopover = connect(
mapStateToProps,
mapDispatchToProps
)( withStyles(styles)(UserAvatarPopoverCompoment))
export default UserAvatarPopover

6
src/component/UserInfo.js
View File

@ -1,13 +1,13 @@
import React, { Component } from 'react'
import PropTypes from 'prop-types';
import { withStyles } from '@material-ui/core/styles';
import { connect } from 'react-redux'
import Typography from '@material-ui/core/Typography';
import {
openResaveDialog,
setUserPopover
}from "../actions/index"
import { withStyles, Typography } from '@material-ui/core';
const mapStateToProps = state => {
return {
}
@ -94,5 +94,5 @@ const UserInfo = connect(
mapStateToProps,
mapDispatchToProps
)( withStyles(styles)(UserInfoCompoment))
export default UserInfo

49
src/component/UserSetting.js
View File

@ -1,9 +1,5 @@
import React, { Component } from 'react'
import { withStyles } from '@material-ui/core/styles';
import { connect } from 'react-redux'
import Button from '@material-ui/core/Button';
import Divider from '@material-ui/core/Divider';
import TextField from '@material-ui/core/TextField';
import PhotoIcon from '@material-ui/icons/InsertPhoto'
import GroupIcon from '@material-ui/icons/Group'
import DateIcon from '@material-ui/icons/DateRange'
@ -17,37 +13,42 @@ import NickIcon from '@material-ui/icons/PermContactCalendar'
import LockIcon from '@material-ui/icons/Lock'
import VerifyIcon from '@material-ui/icons/VpnKey'
import ColorIcon from '@material-ui/icons/Palette'
import Avatar from '@material-ui/core/Avatar';
import Paper from '@material-ui/core/Paper';
import { toggleSnackbar,}from "../actions/index"
import Typography from '@material-ui/core/Typography';
import axios from 'axios'
import FingerprintIcon from '@material-ui/icons/Fingerprint'
import List from '@material-ui/core/List';
import ToggleButton from '@material-ui/lab/ToggleButton';
import ToggleButtonGroup from '@material-ui/lab/ToggleButtonGroup';
import ListItem from '@material-ui/core/ListItem';
import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';
import ListItemText from '@material-ui/core/ListItemText';
import ListItemAvatar from '@material-ui/core/ListItemAvatar';
import RightIcon from '@material-ui/icons/KeyboardArrowRight'
import Dialog from '@material-ui/core/Dialog';
import DialogActions from '@material-ui/core/DialogActions';
import DialogContent from '@material-ui/core/DialogContent';
import DialogTitle from '@material-ui/core/DialogTitle';
import blue from '@material-ui/core/colors/blue';
import yellow from '@material-ui/core/colors/yellow';
import { ListItemIcon } from '@material-ui/core';
import {
ListItemIcon,
withStyles,
Button,
Divider,
TextField,
Avatar,
Paper,
Typography,
List,
ListItem,
ListItemSecondaryAction,
ListItemText,
ListItemAvatar,
Dialog,
DialogActions,
DialogContent,
DialogTitle,
Switch,
} from '@material-ui/core';
import Backup from '@material-ui/icons/Backup'
import Switch from '@material-ui/core/Switch';
import SettingsInputHdmi from '@material-ui/icons/SettingsInputHdmi'
import { blue, yellow } from '@material-ui/core/colors';
const styles = theme => ({
layout: {
width: 'auto',
marginLeft: theme.spacing.unit * 3,
marginRight: theme.spacing.unit * 3,
[theme.breakpoints.up(1100 + theme.spacing.unit * 3 * 2)]: {
marginLeft: theme.spacing(3),
marginRight: theme.spacing(3),
[theme.breakpoints.up(1100 + theme.spacing(3) * 2)]: {
width: 700,
marginLeft: 'auto',
marginRight: 'auto',
@ -877,5 +878,5 @@ const UserSetting = connect(
mapStateToProps,
mapDispatchToProps
)( withStyles(styles)(UserSettingCompoment))
export default UserSetting

11
src/component/Viewer/markdown.js
View File

@ -1,19 +1,18 @@
import React, { Component } from 'react'
import Paper from '@material-ui/core/Paper';
import { withStyles } from '@material-ui/core/styles';
import {
toggleSnackbar,
} from "../../actions/index"
import axios from 'axios'
import { connect } from 'react-redux'
import {editSuffix} from "../../config"
import { Paper, withStyles } from '@material-ui/core';
const styles = theme => ({
layout: {
width: 'auto',
marginTop:'30px',
marginLeft: theme.spacing.unit * 3,
marginRight: theme.spacing.unit * 3,
[theme.breakpoints.up(1100 + theme.spacing.unit * 3 * 2)]: {
marginLeft: theme.spacing(3),
marginRight: theme.spacing(3),
[theme.breakpoints.up(1100 + theme.spacing(3) * 2)]: {
width: 1100,
marginLeft: 'auto',
marginRight: 'auto',
@ -155,5 +154,5 @@ const MarkdownViewer = connect(
mapStateToProps,
mapDispatchToProps
)( withStyles(styles)(MarkdownViewerCompoment))
export default MarkdownViewer

11
src/component/Viewer/video.js
View File

@ -1,16 +1,17 @@
import React, { Component } from 'react'
import Paper from '@material-ui/core/Paper';
import { withStyles } from '@material-ui/core/styles';
import DPlayer from "react-dplayer";
import { Paper, withStyles } from '@material-ui/core';
const styles = theme => ({
layout: {
width: 'auto',
marginTop:'30px',
marginLeft: theme.spacing.unit * 3,
marginRight: theme.spacing.unit * 3,
[theme.breakpoints.up(1100 + theme.spacing.unit * 3 * 2)]: {
marginLeft: theme.spacing(3),
marginRight: theme.spacing(3),
[theme.breakpoints.up(1100 + theme.spacing(3) * 2)]: {
width: 1100,
marginLeft: 'auto',
marginRight: 'auto',

22
src/index.js
View File

@ -1,12 +1,18 @@
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import * as serviceWorker from './serviceWorker';
import {
HashRouter as Router,
Switch,
Route,
} from "react-router-dom";
import { Provider } from 'react-redux'
import { createStore } from 'redux'
import App from "./App"
import cloureveApp from './reducers'
serviceWorker.register();
const defaultStatus = {
navigator:{
path:window.path,
@ -61,13 +67,17 @@ const defaultStatus = {
keywords:null,
}
};
let store = createStore(cloureveApp,defaultStatus)
ReactDOM.render(
<Provider store={store}>
<App />
<Router>
<Switch>
<Route path="">
<App/>
</Route>
</Switch>
</Router>
</Provider>
, document.getElementById('root'));

11
src/middleware/Auth.js Normal file
View File

@ -0,0 +1,11 @@
const fakeAuth = {
isAuthenticated: true,
authenticate(cb) {
fakeAuth.isAuthenticated = true;
setTimeout(cb, 100); // fake async
},
signout(cb) {
fakeAuth.isAuthenticated = false;
setTimeout(cb, 100);
}
};

29
src/middleware/AuthRoute.js Normal file
View File

@ -0,0 +1,29 @@
import React from "react";
import fakeAuth from "./Auth"
import {
BrowserRouter as Router,
Route,
Redirect,
} from "react-router-dom";
function AuthRoute({ children, ...rest }) {
return (
<Route
{...rest}
render={({ location }) =>
fakeAuth.isAuthenticated ? (
children
) : (
<Redirect
to={{
pathname: "/Login",
state: { from: location }
}}
/>
)
}
/>
);
}
export default AuthRoute

7
src/pages/download.app.js
View File

@ -1,11 +1,10 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import CssBaseline from '@material-ui/core/CssBaseline';
import { withStyles } from '@material-ui/core/styles';
import Navbar from "../component/Navbar.js"
import AlertBar from "../component/Snackbar"
import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';
import { createMuiTheme } from '@material-ui/core/styles';
import Download from '../component/Download'
import { CssBaseline, withStyles, MuiThemeProvider } from '@material-ui/core';
const theme = createMuiTheme(window.colorTheme);
const styles = theme => ({
@ -14,7 +13,7 @@ const styles = theme => ({
},
content: {
flexGrow: 1,
padding: theme.spacing.unit * 0,
padding: theme.spacing(0),
minWidth: 0,
},
toolbar: theme.mixins.toolbar,

7
src/pages/fileShare.app.js
View File

@ -1,11 +1,10 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import CssBaseline from '@material-ui/core/CssBaseline';
import { withStyles } from '@material-ui/core/styles';
import Navbar from "../component/Navbar.js"
import AlertBar from "../component/Snackbar"
import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';
import { createMuiTheme } from '@material-ui/core/styles';
import SharedFile from '../component/SharedFile'
import { CssBaseline, withStyles, MuiThemeProvider } from '@material-ui/core';
const theme = createMuiTheme(window.colorTheme);
const styles = theme => ({
@ -14,7 +13,7 @@ const styles = theme => ({
},
content: {
flexGrow: 1,
padding: theme.spacing.unit * 0,
padding: theme.spacing(0),
minWidth: 0,
},
toolbar: theme.mixins.toolbar,

9
src/pages/folderShare.app.js
View File

@ -1,13 +1,12 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import CssBaseline from '@material-ui/core/CssBaseline';
import { withStyles } from '@material-ui/core/styles';
import Navbar from "../component/Navbar.js"
import AlertBar from "../component/Snackbar"
import FileManager from "../component/FileManager/FileManager"
import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';
import { createMuiTheme } from '@material-ui/core/styles';
import { CssBaseline, withStyles, MuiThemeProvider } from '@material-ui/core';
const theme = createMuiTheme(window.colorTheme);
const styles = theme => ({
@ -17,7 +16,7 @@ const styles = theme => ({
},
content: {
flexGrow: 1,
padding: theme.spacing.unit * 0,
padding: theme.spacing(0),
minWidth: 0,
},
toolbar: theme.mixins.toolbar,

7
src/pages/lock.app.js
View File

@ -1,11 +1,10 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import CssBaseline from '@material-ui/core/CssBaseline';
import { withStyles } from '@material-ui/core/styles';
import Navbar from "../component/Navbar.js"
import AlertBar from "../component/Snackbar"
import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';
import { createMuiTheme } from '@material-ui/core/styles';
import LockedFile from '../component/LockedFile'
import { CssBaseline, withStyles, MuiThemeProvider } from '@material-ui/core';
const theme = createMuiTheme(window.colorTheme);
const styles = theme => ({
@ -14,7 +13,7 @@ const styles = theme => ({
},
content: {
flexGrow: 1,
padding: theme.spacing.unit * 0,
padding: theme.spacing(0),
minWidth: 0,
},
toolbar: theme.mixins.toolbar,

8
src/pages/login.app.js
View File

@ -1,10 +1,8 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import CssBaseline from '@material-ui/core/CssBaseline';
import { withStyles } from '@material-ui/core/styles';
import Navbar from "../component/Navbar.js"
import AlertBar from "../component/Snackbar"
import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';
import { createMuiTheme } from '@material-ui/core/styles';
import LoginForm from "../component/Login/LoginForm"
import TwoStep from "../component/Login/TwoStep"
import RegisterForm from "../component/Login/RegisterForm"
@ -12,6 +10,8 @@ import EmailActivication from "../component/Login/EmailActivication"
import ResetPwd from "../component/Login/ResetPwd"
import ResetPwdForm from "../component/Login/ResetPwdForm"
import { CssBaseline, withStyles, MuiThemeProvider } from '@material-ui/core';
const theme = createMuiTheme(window.colorTheme);
const styles = theme => ({
@ -20,7 +20,7 @@ const styles = theme => ({
},
content: {
flexGrow: 1,
padding: theme.spacing.unit * 0,
padding: theme.spacing(0),
minWidth: 0,
},
toolbar: theme.mixins.toolbar,

9
src/pages/markdown.app.js
View File

@ -1,13 +1,12 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import CssBaseline from '@material-ui/core/CssBaseline';
import { withStyles } from '@material-ui/core/styles';
import Navbar from "../component/Navbar.js"
import AlertBar from "../component/Snackbar"
import MarkdownViewer from "../component/Viewer/markdown"
import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';
import { createMuiTheme } from '@material-ui/core/styles';
import { CssBaseline, withStyles, MuiThemeProvider } from '@material-ui/core';
const theme = createMuiTheme(window.colorTheme);
const styles = theme => ({
@ -17,7 +16,7 @@ const styles = theme => ({
},
content: {
flexGrow: 1,
padding: theme.spacing.unit * 0,
padding: theme.spacing(0),
minWidth: 0,
},
toolbar: theme.mixins.toolbar,

7
src/pages/myShare.app.js
View File

@ -1,11 +1,10 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import CssBaseline from '@material-ui/core/CssBaseline';
import { withStyles } from '@material-ui/core/styles';
import Navbar from "../component/Navbar.js"
import AlertBar from "../component/Snackbar"
import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';
import { createMuiTheme } from '@material-ui/core/styles';
import MyShare from '../component/MyShare'
import { CssBaseline, withStyles, MuiThemeProvider } from '@material-ui/core';
const theme = createMuiTheme(window.colorTheme);
const styles = theme => ({
@ -14,7 +13,7 @@ const styles = theme => ({
},
content: {
flexGrow: 1,
padding: theme.spacing.unit * 0,
padding: theme.spacing(0),
minWidth: 0,
},
toolbar: theme.mixins.toolbar,

7
src/pages/profile.app.js
View File

@ -1,11 +1,10 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import CssBaseline from '@material-ui/core/CssBaseline';
import { withStyles } from '@material-ui/core/styles';
import Navbar from "../component/Navbar.js"
import AlertBar from "../component/Snackbar"
import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';
import { createMuiTheme } from '@material-ui/core/styles';
import Profile from '../component/Profile'
import { CssBaseline, withStyles, MuiThemeProvider } from '@material-ui/core';
const theme = createMuiTheme(window.colorTheme);
const styles = theme => ({
@ -14,7 +13,7 @@ const styles = theme => ({
},
content: {
flexGrow: 1,
padding: theme.spacing.unit * 0,
padding: theme.spacing(0),
minWidth: 0,
},
toolbar: theme.mixins.toolbar,

8
src/pages/quota.app.js
View File

@ -1,14 +1,14 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import CssBaseline from '@material-ui/core/CssBaseline';
import { withStyles } from '@material-ui/core/styles';
import Navbar from "../component/Navbar.js"
import AlertBar from "../component/Snackbar"
import Quota from "../component/Quota"
import BuyQuota from "../component/BuyQuota"
import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';
import { createMuiTheme } from '@material-ui/core/styles';
import { checkGetParameters } from '../untils/index';
import { CssBaseline, withStyles, MuiThemeProvider } from '@material-ui/core';
const theme = createMuiTheme(window.colorTheme);
const styles = theme => ({
@ -17,7 +17,7 @@ const styles = theme => ({
},
content: {
flexGrow: 1,
padding: theme.spacing.unit * 0,
padding: theme.spacing(0),
minWidth: 0,
},
toolbar: theme.mixins.toolbar,

7
src/pages/search.app.js
View File

@ -1,11 +1,10 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import CssBaseline from '@material-ui/core/CssBaseline';
import { withStyles } from '@material-ui/core/styles';
import Navbar from "../component/Navbar.js"
import AlertBar from "../component/Snackbar"
import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';
import { createMuiTheme } from '@material-ui/core/styles';
import Search from '../component/Search'
import { CssBaseline, withStyles, MuiThemeProvider } from '@material-ui/core';
const theme = createMuiTheme(window.colorTheme);
const styles = theme => ({
@ -14,7 +13,7 @@ const styles = theme => ({
},
content: {
flexGrow: 1,
padding: theme.spacing.unit * 0,
padding: theme.spacing(0),
minWidth: 0,
},
toolbar: theme.mixins.toolbar,

7
src/pages/setting.app.js
View File

@ -1,11 +1,10 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import CssBaseline from '@material-ui/core/CssBaseline';
import { withStyles } from '@material-ui/core/styles';
import Navbar from "../component/Navbar.js"
import AlertBar from "../component/Snackbar"
import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';
import { createMuiTheme } from '@material-ui/core/styles';
import UserSetting from '../component/UserSetting'
import { CssBaseline, withStyles, MuiThemeProvider } from '@material-ui/core';
const theme = createMuiTheme(window.colorTheme);
const styles = theme => ({
@ -14,7 +13,7 @@ const styles = theme => ({
},
content: {
flexGrow: 1,
padding: theme.spacing.unit * 0,
padding: theme.spacing(0),
minWidth: 0,
},
toolbar: theme.mixins.toolbar,

9
src/pages/video.app.js
View File

@ -1,13 +1,12 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import CssBaseline from '@material-ui/core/CssBaseline';
import { withStyles } from '@material-ui/core/styles';
import Navbar from "../component/Navbar.js"
import AlertBar from "../component/Snackbar"
import VideoViewer from "../component/Viewer/video"
import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';
import { createMuiTheme } from '@material-ui/core/styles';
import { CssBaseline, withStyles, MuiThemeProvider } from '@material-ui/core';
const theme = createMuiTheme(window.colorTheme);
const styles = theme => ({
@ -17,7 +16,7 @@ const styles = theme => ({
},
content: {
flexGrow: 1,
padding: theme.spacing.unit * 0,
padding: theme.spacing(0),
minWidth: 0,
},
toolbar: theme.mixins.toolbar,