Merge pull request #17 from PDF2CASH/release/1.0.0.0

Release/1.0.0.0

.travis.yml

@@ -0,0 +1,31 @@
+sudo: required
+
+language: python
+
+python:
+  - "3.6" 
+
+branches:
+  - master
+  - development
+  - /.*release.*/
+
+services:
+  - docker
+
+before_script:
+  - docker build -t pdf2front .
+
+script:
+  - docker run pdf2front npm run build
+
+deploy:
+  provider: script
+  script: bash scripts/deploy.sh
+  on:
+    branch: development
+
+addons:
+  apt:
+    packages:
+      - docker-ce

Dockerfile

@@ -8,4 +8,6 @@ COPY pdf2cash_front/package.json /app/package.json
 
 RUN npm install 
 
+ADD pdf2cash_front/ /app/
 
+CMD npm run dev

README.md

@@ -1,3 +1,4 @@
+[![Build Status](https://travis-ci.org/PDF2CASH/PDF2CASH_FrontEnd.svg?branch=development)](https://travis-ci.org/PDF2CASH/PDF2CASH_FrontEnd)
 # PDF2CASHFrontEnd
 
 Repositório responsável por armazenar o código fonte do microserviço FrontEnd do projeto _PDF2CASH_.

VERSION

@@ -0,0 +1,3 @@
+1.0.0.0
+pdf2invoice=1.0.0.0
+pdf2gateway=1.0.0.0

docker-compose.yml

@@ -10,4 +10,3 @@ services:
      - "3000:3000"
     environment:
     - NODE_ENV=development
-

pdf2cash_front/comps/layout.js

@@ -0,0 +1,303 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { withStyles } from '@material-ui/core/styles';
+import Drawer from '@material-ui/core/Drawer';
+import AppBar from '@material-ui/core/AppBar';
+import Toolbar from '@material-ui/core/Toolbar';
+import List from '@material-ui/core/List';
+import Typography from '@material-ui/core/Typography';
+import Divider from '@material-ui/core/Divider';
+import IconButton from '@material-ui/core/IconButton';
+import MenuIcon from '@material-ui/icons/Menu';
+import ChevronLeftIcon from '@material-ui/icons/ChevronLeft';
+import ChevronRightIcon from '@material-ui/icons/ChevronRight';
+import AccountCircle from '@material-ui/icons/AccountCircle';
+import Switch from '@material-ui/core/Switch';
+import FormControlLabel from '@material-ui/core/FormControlLabel';
+import FormGroup from '@material-ui/core/FormGroup';
+import MenuItem from '@material-ui/core/MenuItem';
+import Menu from '@material-ui/core/Menu';
+import ListItem from '@material-ui/core/ListItem';
+import ListItemIcon from '@material-ui/core/ListItemIcon';
+import ListItemText from '@material-ui/core/ListItemText';
+import InboxIcon from '@material-ui/icons/MoveToInbox';
+import DraftsIcon from '@material-ui/icons/Drafts';
+import StarIcon from '@material-ui/icons/Star';
+import SendIcon from '@material-ui/icons/Send';
+import MailIcon from '@material-ui/icons/Mail';
+import DeleteIcon from '@material-ui/icons/Delete';
+import ReportIcon from '@material-ui/icons/Report';
+import DescriptionIcon from '@material-ui/icons/Description';
+import GroupIcon from '@material-ui/icons/Group';
+import CreateIcon from '@material-ui/icons/Create';
+import TimelineIcon from '@material-ui/icons/Timeline';
+import Paper from '@material-ui/core/Paper';
+import MenuList from '@material-ui/core/MenuList';
+
+
+
+const drawerWidth = 280;
+
+
+const style = {
+  color:'white',
+}
+
+const styles = theme => ({
+  root: {
+    fontFamily: 'Roboto',
+    flexGrow: 1,
+    height: 1000,
+    zIndex: 1,
+    overflow: 'hidden',
+    position: 'relative',
+    display: 'flex',
+  },
+  appBar: {
+    backgroundColor: '#3f51b5',
+    fontFamily: 'Roboto',
+    zIndex: theme.zIndex.drawer + 1,
+    transition: theme.transitions.create(['width', 'margin'], {
+      easing: theme.transitions.easing.sharp,
+      duration: theme.transitions.duration.leavingScreen,
+    }),
+  },
+  appBarShift: {
+    marginLeft: drawerWidth,
+    width: `calc(100% - ${drawerWidth}px)`,
+    transition: theme.transitions.create(['width', 'margin'], {
+      easing: theme.transitions.easing.sharp,
+      duration: theme.transitions.duration.enteringScreen,
+    }),
+  },
+  loginButton: {
+    marginLeft: -12,
+    marginRight: 20,
+  },
+  menuButton: {
+    marginLeft: 12,
+    marginRight: 36,
+  },
+  grow: {
+    flexGrow: 1,
+  },
+  hide: {
+    display: 'none',
+  },
+  drawerPaper: {
+    backgroundColor: '#3D3D3D',
+    position: 'relative',
+    whiteSpace: 'nowrap',
+    width: drawerWidth,
+    transition: theme.transitions.create('width', {
+      easing: theme.transitions.easing.sharp,
+      duration: theme.transitions.duration.enteringScreen,
+    }),
+  },
+  drawerPaperClose: {
+    overflowX: 'hidden',
+    transition: theme.transitions.create('width', {
+      easing: theme.transitions.easing.sharp,
+      duration: theme.transitions.duration.leavingScreen,
+    }),
+    width: theme.spacing.unit * 7,
+    [theme.breakpoints.up('sm')]: {
+      width: theme.spacing.unit * 9,
+    },
+  },
+  toolbar: {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'flex-end',
+    padding: '0 8px',
+    ...theme.mixins.toolbar,
+  },
+  content: {
+    flexGrow: 1,
+    backgroundColor: '#fffff',
+    padding: theme.spacing.unit * 3,
+  },
+});
+
+class MiniDrawer extends React.Component {
+  state = {
+    open: false,
+    auth: true,
+   anchorEl: null,
+   selectedIndex: 0,
+  };
+
+  handleDrawerOpen = () => {
+    this.setState({ open: true });
+  };
+
+  handleDrawerClose = () => {
+    this.setState({ open: false });
+  };
+  handleChange = event => {
+    this.setState({ auth: event.target.checked });
+  };
+
+  handleMenu = event => {
+    this.setState({ anchorEl: event.currentTarget });
+  };
+
+  handleClose = () => {
+    this.setState({ anchorEl: null });
+  };
+  handleListItemClick = (event, index) => {
+    this.setState({ selectedIndex: index });
+  };
+
+  render() {
+    const { classes, theme } = this.props;
+    const { auth, anchorEl } = this.state;
+    const open = Boolean(anchorEl);
+
+    return (
+      <div className={classes.root}>
+        <AppBar
+          position="absolute"
+          className={classNames(classes.appBar, this.state.open && classes.appBarShift)}
+        >
+          <Toolbar disableGutters={!this.state.open}>
+            <IconButton className={classes.menuButton} onClick={this.handleDrawerOpen} color="inherit" aria-label="Menu">
+              <MenuIcon />
+            </IconButton>
+            <Typography variant="h4" color="inherit" className={classes.grow}>
+                PDF2CA$H
+            </Typography>
+            {auth && (
+              <div>
+                   <IconButton
+                     aria-owns={open ? 'menu-appbar' : null}
+                     position="absolute"
+                     aria-haspopup="true"
+                     onClick={this.handleMenu}
+                     color="inherit"
+                   >
+                     <AccountCircle />
+                   </IconButton>
+                   <Menu
+                     id="menu-appbar"
+                     anchorEl={anchorEl}
+                     anchorOrigin={{
+                       vertical: 'top',
+                       horizontal: 'right',
+                     }}
+                     transformOrigin={{
+                       vertical: 'top',
+                       horizontal: 'right',
+                     }}
+                     open={open}
+                     onClose={this.handleClose}
+                   >
+                     <MenuItem onClick={this.handleClose}>Minha conta</MenuItem>
+                     <MenuItem onClick={this.handleClose}>Logout</MenuItem>
+                   </Menu>
+                 </div>
+           )}
+          </Toolbar>
+        </AppBar>
+        <Drawer
+          variant="permanent"
+          classes={{
+            paper: classNames(classes.drawerPaper, !this.state.open && classes.drawerPaperClose),
+          }}
+          open={this.state.open}
+        >
+          <div className={classes.toolbar}>
+            <IconButton style={style} onClick={this.handleDrawerClose}>
+              {theme.direction === 'rtl' ? <ChevronRightIcon /> : <ChevronLeftIcon />}
+            </IconButton>
+          </div>
+          <List><div>
+          <MenuList>
+            <MenuItem button component="a"
+            href="/worker"
+            className={classes.menuItem}
+            selected={this.state.selectedIndex === 1}
+            onClick={event => this.handleListItemClick(event, 1)}
+            >
+              <ListItemIcon className={classes.icon}>
+                <GroupIcon style={style}/>
+              </ListItemIcon>
+              <ListItemText style={style} disableTypography inset primary="Listar Funcionarios" />
+            </MenuItem>
+            <MenuItem button component="a"
+            href="/invoice"
+            className={classes.menuItem}
+            selected={this.state.selectedIndex === 2}
+            onClick={event => this.handleListItemClick(event, 2)}
+            >
+              <ListItemIcon className={classes.icon}>
+                <DescriptionIcon style={style}/>
+              </ListItemIcon>
+              <ListItemText style={style} disableTypography inset primary="Listar Notas Fiscais" />
+            </MenuItem>
+            <MenuItem button component="a"
+            href="/invoice/create"
+             className={classes.menuItem}
+             selected={this.state.selectedIndex === 3}
+             onClick={event => this.handleListItemClick(event, 3)}
+             >
+              <ListItemIcon className={classes.icon}>
+                <SendIcon style={style}/>
+              </ListItemIcon>
+              <ListItemText style={style} disableTypography inset primary="Criar Nota Fiscal" />
+            </MenuItem>
+            <MenuItem button component="a"
+            href="/"
+            className={classes.menuItem}
+            selected={this.state.selectedIndex === 4}
+            onClick={event => this.handleListItemClick(event, 4)}
+            >
+              <ListItemIcon className={classes.icon}>
+                <CreateIcon style={style}/>
+              </ListItemIcon>
+              <ListItemText style={style} disableTypography inset primary="Criar Funcionarios" />
+            </MenuItem>
+          </MenuList>
+          </div></List>
+          <Divider/>
+          <List><div>
+    <MenuList>
+      <MenuItem button component="a" href="/" className={classes.menuItem}>
+        <ListItemIcon className={classes.icon}>
+          <TimelineIcon style={style}/>
+        </ListItemIcon>
+        <ListItemText style={style} disableTypography inset primary="Visualizar Analise" />
+      </MenuItem>
+      <MenuItem className={classes.menuItem}>
+        <ListItemIcon className={classes.icon}>
+          <DeleteIcon style={style} />
+        </ListItemIcon>
+        <ListItemText style={style} disableTypography inset primary="Lixo" />
+      </MenuItem>
+      <MenuItem className={classes.menuItem}
+      selected={this.state.selectedIndex === 5}
+      onClick={event => this.handleListItemClick(event, 5)}>
+        <ListItemIcon className={classes.icon}>
+          <ReportIcon style={style}/>
+        </ListItemIcon>
+        <ListItemText style={style} disableTypography inset primary="Spam" />
+      </MenuItem>
+    </MenuList>
+          </div></List>
+        </Drawer>
+        <main className={classes.content}>
+          <div className={classes.toolbar} />
+           {this.props.children}
+        </main>
+      </div>
+    );
+  }
+}
+
+MiniDrawer.propTypes = {
+  classes: PropTypes.object.isRequired,
+  theme: PropTypes.object.isRequired,
+};
+
+export default withStyles(styles, { withTheme: true })(MiniDrawer);