Skip to content

Commit 2e9e515

Browse files
mjarpitanandmjarpitanand
committed
Intial commit
1 parent 91ae9f2 commit 2e9e515

26 files changed

+1326
-0
lines changed

‎src/assets/images/404.jpg

140 KB
Loading

‎src/assets/images/welcome.jpg

304 KB
Loading

‎src/components/AppBar/AppBar.css

Whitespace-only changes.

‎src/components/AppBar/AppBar.js

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
import React, { Component } from 'react'
2+
import AppBar from '@material-ui/core/AppBar';
3+
import Toolbar from '@material-ui/core/Toolbar';
4+
import Typography from '@material-ui/core/Typography';
5+
import IconButton from '@material-ui/core/IconButton';
6+
7+
const AppBarMain = (props) => {
8+
console.log(props);
9+
return (
10+
<div>
11+
<AppBar position="static">
12+
<Toolbar variant="dense">
13+
<IconButton edge="start" color="inherit" aria-label="Menu">
14+
<i className="material-icons">playlist_add</i>
15+
</IconButton>
16+
<Typography variant="h6" color="inherit" className="appbar-headtext">
17+
Bugify
18+
</Typography>
19+
<div className="pull-right1">
20+
<div>
21+
<IconButton edge="start" color="inherit" aria-label="Menu" className="pull-right">
22+
<i className="material-icons">people</i>
23+
</IconButton>
24+
<IconButton edge="start" color="inherit" aria-label="Menu" className="pull-right new">
25+
<p className="new"> Hi!&nbsp;{localStorage.getItem('name')}</p>
26+
</IconButton>
27+
</div>
28+
</div>
29+
</Toolbar>
30+
</AppBar>
31+
</div>
32+
);
33+
};
34+
35+
export default AppBarMain;

‎src/components/Create/Create.css

Whitespace-only changes.

‎src/components/Create/Create.js

Whitespace-only changes.

‎src/components/List/List.css

Whitespace-only changes.

‎src/components/List/List.js

Lines changed: 104 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,104 @@
1+
import React, { Component } from 'react';
2+
import Card from '@material-ui/core/Card';
3+
import CardActions from '@material-ui/core/CardActions';
4+
import CardContent from '@material-ui/core/CardContent';
5+
import Button from '@material-ui/core/Button';
6+
import Typography from '@material-ui/core/Typography';
7+
import { Chip } from '@material-ui/core';
8+
import Avatar from '@material-ui/core/Avatar';
9+
import Grid from '@material-ui/core/Grid';
10+
import getTeamByObject from '../../middlewares/getTeamByObject';
11+
import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
12+
import IconButton from '@material-ui/core/IconButton';
13+
// import Chip from '@material-ui/core/Chip';
14+
import Menu from '@material-ui/core/Menu';
15+
import MenuItem from '@material-ui/core/MenuItem';
16+
import UpdateList from '../../containers/UpdateList/UpdateList';
17+
18+
const List = (props) => {
19+
const [anchorEl, setAnchorEl] = React.useState(null);
20+
function handleClick(event) {
21+
setAnchorEl(event.currentTarget);
22+
}
23+
function handleClose() {
24+
setAnchorEl(null);
25+
}
26+
const deleteHandler = (x) => {
27+
props.delete(x);
28+
}
29+
30+
const UpdateList = (x) => {
31+
props.update(x);
32+
}
33+
console.log('Aewwe' , props);
34+
const items = (props.data.fields.Attachments ) ? props.data.fields.Attachments : []
35+
let name;
36+
if(props.data.fields['Assigned to'] && props.team.length > 0){
37+
// console.log(props.team , props.data.fields['Assigned to']);
38+
// console.log('How');
39+
name = getTeamByObject(props.team , props.data.fields['Assigned to'][0]);
40+
}
41+
// alert(props.key);
42+
return (
43+
// <Draggable draggableId={props.i} index={props.index}>
44+
// {
45+
// (provided) => (
46+
// <Grid {...provided.draggableProps} {...provided.dragHandleProps} innerRef={provided.innerRef}>
47+
<div className="ListOne-Main">
48+
<Card className="ListOne">
49+
<CardContent>
50+
<div className="text-align-left">
51+
<div className="ListOne-name pull-left">
52+
<p>{props.data.fields.Name ? props.data.fields.Name : 'Unnamed' }</p>
53+
</div>
54+
<br />
55+
<div className="ListOne-status">
56+
<Chip label={props.data.fields.Priority}/>
57+
</div>
58+
<div className="ListOne-priority">
59+
<p>{props.data.fields['Opened Date']}</p>
60+
</div>
61+
<br />
62+
<div className="ListOne-status">
63+
{name ? <Chip label={name.fields.Name}/> : <Chip label="Not Assigned"/> }
64+
</div>
65+
<IconButton aria-label="Settings" className="pull-right io" onClick={handleClick} aria-controls="simple-menu" aria-haspopup="true" >
66+
<i className="material-icons">more_vert</i>
67+
</IconButton>
68+
<Menu
69+
id="simple-menu"
70+
anchorEl={anchorEl}
71+
keepMounted
72+
open={Boolean(anchorEl)}
73+
onClose={handleClose}
74+
75+
>
76+
<MenuItem onClick={() => deleteHandler(props.data.id)}>Delete Record</MenuItem>
77+
<MenuItem onClick={() => UpdateList(props.data.id)}>Expand</MenuItem>
78+
{/* <MenuItem>Collapse</MenuItem> */}
79+
</Menu>
80+
</div>
81+
<br />
82+
<Grid container justify="center" alignItems="center">
83+
{
84+
85+
items.map((x , index) => {
86+
87+
return<img key={index} alt="Remy Sharp" className="loop-images" src={x.thumbnails.large.url} />
88+
})
89+
}
90+
</Grid>
91+
</CardContent>
92+
{/* <CardActions>
93+
<Button size="small">Learn More</Button>
94+
</CardActions> */}
95+
</Card>
96+
</div>
97+
// </Grid>
98+
// )
99+
// }
100+
// </Draggable>
101+
);
102+
}
103+
104+
export default List;

‎src/components/ListBar/ListBar.css

Whitespace-only changes.

‎src/components/ListBar/ListBar.js

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
import React, {Component} from 'react';
2+
import Card from '@material-ui/core/Card';
3+
import IconButton from '@material-ui/core/IconButton';
4+
import Chip from '@material-ui/core/Chip';
5+
import Menu from '@material-ui/core/Menu';
6+
import MenuItem from '@material-ui/core/MenuItem';
7+
import List from '../List/List';
8+
import CreateList from '../../containers/CreateList/CreateList';
9+
import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
10+
import Grid from '@material-ui/core/Grid';
11+
12+
const ListBar = (props) => {
13+
const [anchorEl, setAnchorEl] = React.useState(null);
14+
function handleClick(event) {
15+
setAnchorEl(event.currentTarget);
16+
}
17+
function handleClose() {
18+
setAnchorEl(null);
19+
}
20+
console.log('N' , props);
21+
22+
return (
23+
<div className="ListBarScroll">
24+
{/* <Droppable droppableId="droppable"> */}
25+
<Card className="card-new">
26+
<Chip label={props.name} className="pull-left listbar-chip" />
27+
<IconButton aria-label="Settings" className="pull-right" onClick={handleClick} aria-controls="simple-menu" aria-haspopup="true" >
28+
<i className="material-icons">expand_more</i>
29+
</IconButton>
30+
<Menu
31+
id="simple-menu"
32+
anchorEl={anchorEl}
33+
keepMounted
34+
open={Boolean(anchorEl)}
35+
onClose={handleClose}
36+
37+
>
38+
<MenuItem>New Record</MenuItem>
39+
<MenuItem>Send Record</MenuItem>
40+
<MenuItem>Collapse</MenuItem>
41+
</Menu>
42+
<div className="clear"></div>
43+
<br />
44+
{props.data && props.team_member && props.data.map((x , index) => { const i = `draggable${index}`; return <List className="margin-top-2" team={props.team_member} update={props.update} delete={props.delete} data={x} key={index} i={i} index={index}/> })}
45+
{/* <Droppable droppableId={props.name}>
46+
{ provided => (
47+
<Grid innerRef={provided.innerRef} {...provided.droppableProps}>
48+
{props.data && props.team_member && props.data.map((x , index) => { const i = `draggable${index}`; return <List team={props.team_member} data={x} key={index} i={i} index={index}/> })}
49+
{provided.placeholder}
50+
</Grid>
51+
52+
)
53+
}
54+
55+
</Droppable> */}
56+
</Card>
57+
<CreateList trigger={props.trigger} prio={props.name} nameList={props.nameList} priorities={props.priorities}/>
58+
</div>
59+
);
60+
}
61+
62+
export default ListBar;

‎src/components/Loading/Loading.js

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
import React from 'react';
2+
import Loader from 'react-loader-spinner'
3+
const Loading = () => {
4+
const [progress, setProgress] = React.useState(0);
5+
return (
6+
<div className="loading">
7+
<div className="isLo">
8+
<Loader
9+
type="Puff"
10+
color="#00BFFF"
11+
height="100"
12+
width="100"
13+
/>
14+
</div>
15+
</div>
16+
);
17+
}
18+
19+
export default Loading;

‎src/components/Utility/NotFound/NotFound.css

Whitespace-only changes.

‎src/components/Utility/NotFound/NotFound.js

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
import React, { Component } from 'react';
2+
import Grid from '@material-ui/core/Grid';
3+
import I from '../../../assets/images/404.jpg';
4+
import Fab from '@material-ui/core/Fab';
5+
6+
const notFound = () => {
7+
return (
8+
<div className="not-found__main">
9+
<Grid container>
10+
<Grid item md={12} xs={12}>
11+
12+
<br />
13+
<img src={I} className="image-440"/>
14+
<h1 className="not-found">Looks like the page you are at, does not exist</h1>
15+
<br /><br />
16+
<Fab variant="extended" aria-label="Home" className="not-found__btn">
17+
Home
18+
</Fab>
19+
</Grid>
20+
</Grid>
21+
</div>
22+
);
23+
}
24+
25+
export default notFound;

‎src/containers/CreateList/CreateList.css

Whitespace-only changes.

0 commit comments

Comments
 (0)