\r\n
\r\n {this.props.items.map((item, index) => (\r\n \r\n {(dragProvided, dragSnapshot) => (\r\n
\r\n )\r\n }\r\n }\r\n\r\nclass InnerList extends React.Component {\r\n render() {\r\n\r\n const { items, dropProvided, showCompleted } = this.props;\r\n const title = this.props.title ? \r\n this.setState({ modelEditItem: !this.state.modelEditItem })} isOpen={this.state.modelEditItem} >\r\n Edit item\r\n {!showCompleted &&\r\n this.deleteItemSubmit()}>
\r\n }\r\n \r\n \r\n \r\n \r\n \r\n {loading ?\r\n :\r\n \r\n {!showCompleted && }\r\n \r\n \r\n }\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {this.state.errors[\"Name\"]}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {(provided, snapshot) => (\r\n \r\n \r\n \r\n {this.state.listId !== list.listId ?\r\n \r\n a.isCompleted === true).slice(0, 10) : items.filter((a) => a.isCompleted !== true)}\r\n showCompleted={showCompleted}\r\n internalScroll={true}\r\n isCombineEnabled={Boolean(this.props.isCombineEnabled)}\r\n />\r\n \r\n )}\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport styled from \"@emotion/styled\";\r\n\r\nimport { colors } from \"@atlaskit/theme\";\r\nimport reorder, { reorderQuoteMap } from \"./reorder\";\r\nimport { DragDropContext, Droppable } from \"react-beautiful-dnd\";\r\nimport Column from \"./column\";\r\nimport { Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport { userService } from \"../../Shared/Services/userService\";\r\n\r\n//const ParentContainer = styled.div`\r\n// /* height: ${({ height }) => height}; */\r\n// /* overflow-x: hidden;\r\n// overflow-y: auto; */\r\n//`;\r\n\r\nconst Container = styled.div`\r\n/* background-color: ${colors.B100};*/\r\n /* min-height: 100vh; */\r\n /* like display:flex but will allow bleeding over the window width */\r\n /* min-width: 100vw; */\r\n display: inline-flex;\r\n/*margin-top: 65px;*/\r\nwidth:100%;\r\n/*overflow-x:auto;*/\r\n`;\r\nclass Dashboard extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n userLists: [],\r\n modelAddList: false,\r\n fields: {\r\n Name: ''\r\n },\r\n errors: {},\r\n loading: false,\r\n error: \"\"\r\n };\r\n //var handleToUpdate = this.handleToUpdate.bind(this);\r\n }\r\n componentDidMount() {\r\n this.getuserList();\r\n setInterval(() => {\r\n this.getuserList();\r\n }, 1800000);\r\n }\r\n\r\n getuserList = () => {\r\n userService.getUserLists().then((resp) => {\r\n if (resp.status === true)\r\n this.setState({ userLists: resp.data })\r\n });\r\n }\r\n\r\n toggleAddListModel = () => {\r\n this.setState({ modelAddList: !this.state.modelAddList });\r\n };\r\n\r\n handleToUpdate(userLists) {\r\n this.setState({ userLists: userLists })\r\n }\r\n\r\n ReorderList() {\r\n userService.reorderUserList(this.state.userLists)\r\n }\r\n\r\n handleValidation() {\r\n let fields = this.state.fields;\r\n let errors = {};\r\n let formIsValid = true;\r\n\r\n if (!fields[\"Name\"]) {\r\n formIsValid = false;\r\n errors[\"Name\"] = \"Please provide list name\";\r\n }\r\n this.setState({ errors: errors });\r\n return formIsValid;\r\n }\r\n\r\n handleItemChange(field, e) {\r\n let fields = this.state.fields;\r\n fields[field] = e.target.value;\r\n this.setState({ fields });\r\n }\r\n\r\n addListSubmit() {\r\n let fields = this.state.fields;\r\n if (this.handleValidation()) {\r\n this.setState({ loading: true });\r\n userService.addNewList({ Name: fields[\"Name\"] }).then((resp) => {\r\n //console.log(resp)\r\n if (resp.status === false) {\r\n this.setState({ error: resp.message });\r\n }\r\n else {\r\n this.setState({\r\n userLists: resp.data,\r\n fields: {\r\n Name: ''\r\n },\r\n modelAddList: false\r\n })\r\n }\r\n this.setState({ loading: false });\r\n });\r\n } else {\r\n }\r\n }\r\n\r\n onDragEnd = result => {\r\n //if (result.combine) {\r\n // if (result.type === \"COLUMN\") {\r\n // const shallow = [...this.state.userLists];\r\n // shallow.splice(result.source.index, 1);\r\n // this.setState({ userLists: shallow });\r\n // return;\r\n // }\r\n\r\n // const column = this.state.columns[result.source.droppableId];\r\n // const withQuoteRemoved = [...column];\r\n // withQuoteRemoved.splice(result.source.index, 1);\r\n // const columns = {\r\n // ...this.state.columns,\r\n // [result.source.droppableId]: withQuoteRemoved\r\n // };\r\n // this.setState({ columns });\r\n // return;\r\n //}\r\n\r\n\r\n // dropped nowhere\r\n if (!result.destination) {\r\n return;\r\n }\r\n\r\n const source = result.source;\r\n const destination = result.destination;\r\n\r\n // did not move anywhere - can bail early\r\n if (\r\n source.droppableId === destination.droppableId &&\r\n source.index === destination.index\r\n ) {\r\n return;\r\n }\r\n\r\n // reordering column\r\n if (result.type === \"COLUMN\") {\r\n const userLists = reorder(\r\n this.state.userLists,\r\n source.index,\r\n destination.index\r\n );\r\n\r\n this.setState({\r\n userLists\r\n }, () => {\r\n this.ReorderList();\r\n });\r\n\r\n\r\n return;\r\n }\r\n const data = reorderQuoteMap({\r\n itemsMap: this.state.userLists,\r\n source,\r\n destination,\r\n draggableId: result.draggableId\r\n });\r\n\r\n this.setState({\r\n userLists: data\r\n });\r\n };\r\n render() {\r\n let lists = this.state.userLists;\r\n let { loading, error } = this.state;\r\n const board = (\r\n \r\n
:\r\n this.toggleTitle(list)}>{this.state.ListName}\r\n\r\n
\r\n \r\n\r\n \r\n 
: \"\"}\r\n \r\n \r\n
\r\n \r\n this.toggleModel()} className=\"dropdown-item\">Share\r\n {this.state.currentUser.userId === list.userId ? (\r\n this.toggleChangeOwnerModel()} className=\"dropdown-item\">Change Owner\r\n ) : null}\r\n this.toggleTitle(list)} className=\"dropdown-item\">Rename\r\n {this.state.currentUser.userId === list.userId ? (\r\n this.toggleDeleteModel(list)} className=\"dropdown-item\">Delete\r\n ) : null}\r\n\r\n
\r\n this.handleBlur()}\r\n onKeyDown={(e) => {\r\n if (e.keyCode === 13) {\r\n e.preventDefault();\r\n this.handleBlur();\r\n }\r\n }}\r\n onChange={this.handleChange.bind(this)} className=\"form-control form-control-sm\" autoFocus value={this.state.ListName} />
\r\n }\r\n\r\n \r\n \r\n this.setState({ modelChangeOwner: !this.state.modelChangeOwner })} isOpen={this.state.modelChangeOwner} >\r\n Change Owner \r\n {this.state.changeOwnerUsers &&\r\n \r\n {success !== \"\" && \r\n }\r\n \r\n {loading ?\r\n :\r\n \r\n }\r\n {' '}\r\n \r\n \r\n \r\n
\r\n \r\n {success}\r\n
}\r\n {error !== \"\" && \r\n {error}\r\n
}\r\n \r\n \r\n {this.state.errors[\"OwnerError\"]}\r\n {this.state.submitted &&\r\n \r\n \r\n \r\n {this.state.errors[\"ConfirmYesCO\"]}\r\n
\r\n }\r\n \r\n this.setState({ model: !this.state.model })} isOpen={this.state.model} >\r\n {list.name} \r\n {this.state.users &&\r\n \r\n \r\n \r\n {this.state.error}\r\n
\r\n \r\n {this.state.sharedUsers.length > 0 && this.state.sharedUsers.map((user, index) => (\r\n \r\n }\r\n \r\n {' '}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {this.state.sharedUsers.length > 0 && this.state.sharedUsers.map((user, index) => (\r\n
{user.firstName + \" \" + user.lastName}
\r\n ))\r\n }\r\n \r\n this.setState({ modelAddItem: !this.state.modelAddItem })} isOpen={this.state.modelAddItem} >\r\n Add new item \r\n \r\n {success !== \"\" && \r\n \r\n {loading ?\r\n :\r\n \r\n }\r\n \r\n \r\n \r\n
\r\n \r\n {success}\r\n
}\r\n {error !== \"\" && \r\n {error}\r\n
}\r\n \r\n \r\n \r\n {this.state.errors[\"Name\"]}\r\n
\r\n \r\n \r\n
\r\n \r\n this.setState({ modelDeleteList: !this.state.modelDeleteList })} isOpen={this.state.modelDeleteList} >\r\n Delete list \r\n \r\n \r\n \r\n {loading ?\r\n :\r\n \r\n }\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {this.state.errors[\"ConfirmYes\"]}\r\n
\r\n \r\n
\r\n );\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n {provided => (\r\n \r\n {lists.length > 0 && lists.map((item, index) => (\r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n
: board\r\n }\r\n \r\n this.setState({ modelAddList: !this.state.modelAddList })} isOpen={this.state.modelAddList} >\r\n Add new list \r\n \r\n {error !== \"\" && \r\n \r\n {loading ?\r\n :\r\n \r\n }\r\n \r\n \r\n \r\n
\r\n \r\n {error}\r\n
}\r\n \r\n \r\n \r\n {this.state.errors[\"Name\"]}\r\n
\r\n \r\n Create new user\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\nexport default Users;","import React, { Component } from 'react';\r\nimport {userService} from '../../Shared/Services';\r\n//import {Link} from 'react-router-dom'\r\nclass AddUser extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n fields: {\r\n FirstName:'',\r\n LastName:'',\r\n Email:'',\r\n Password: '',\r\n CreateLists: null\r\n },\r\n errors: {},\r\n loading: false,\r\n error: \"\",\r\n success:\"\"\r\n };\r\n }\r\n handleValidation() {\r\n let fields = this.state.fields;\r\n let errors = {};\r\n let formIsValid = true;\r\n\r\n //Email\r\n if (!fields[\"FirstName\"]) {\r\n formIsValid = false;\r\n errors[\"FirstName\"] = \"Please provide your first name\";\r\n }\r\n\r\n if (!fields[\"LastName\"]) {\r\n formIsValid = false;\r\n errors[\"LastName\"] = \"Please provide new last name\";\r\n }\r\n if (!fields[\"Email\"]) {\r\n formIsValid = false;\r\n errors[\"Email\"] = \"Please provide email address\";\r\n }\r\n\r\n else if (typeof fields[\"Email\"] !== \"undefined\") {\r\n let lastAtPos = fields[\"Email\"].lastIndexOf(\"@\");\r\n let lastDotPos = fields[\"Email\"].lastIndexOf(\".\");\r\n\r\n if (\r\n !(\r\n lastAtPos < lastDotPos &&\r\n lastAtPos > 0 &&\r\n fields[\"Email\"].indexOf(\"@@\") === -1 &&\r\n lastDotPos > 2 &&\r\n fields[\"Email\"].length - lastDotPos > 2\r\n )\r\n ) {\r\n formIsValid = false;\r\n errors[\"Email\"] = \"Email address is not valid\";\r\n }\r\n }\r\n\r\n if(!fields[\"Password\"]){\r\n formIsValid = false;\r\n errors[\"Password\"] = \"Please provide password\";\r\n }\r\n\r\n this.setState({ errors: errors });\r\n return formIsValid;\r\n }\r\n\r\n addUserSubmit(e) {\r\n this.setState({ success: \"\",error:\"\" });\r\n e.preventDefault();\r\n if (this.handleValidation()) {\r\n this.setState({ loading: true });\r\n userService.addUser(this.state.fields).then((resp) => {\r\n\r\n if (resp.status === false) {\r\n this.setState({ error: resp.message });\r\n }\r\n else{\r\n this.setState({fields: {\r\n FirstName:'',\r\n LastName:'',\r\n Email:'',\r\n Password: '',\r\n CreateLists: null\r\n }\r\n });\r\n this.setState({ success: resp.message });\r\n }\r\n this.setState({ loading: false });\r\n });\r\n } else {\r\n }\r\n }\r\n handleChange(field, e) {\r\n let fields = this.state.fields;\r\n fields[field] = e.target.value;\r\n this.setState({ fields });\r\n }\r\n render() {\r\n let loading = this.state.loading;\r\n let error = this.state.error;\r\n let success = this.state.success;\r\n return (\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n {\r\n users.length === 0 ? \r\n \r\n
\r\n }\r\n\r\n
\r\n Loading...
:\r\n| First name | \r\nLast name | \r\n|
|---|---|---|
| {item.firstName} | \r\n{item.lastName} | \r\n{item.email} | \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n Create new user
\r\n {success !== \"\" &&\r\n {success}\r\n
}\r\n {error !== \"\" && \r\n {error}\r\n
}\r\n {/*Add new User!
*/}\r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\nexport default Requests;","import React, { Component } from 'react';\r\nimport { Router, Route, Switch, Redirect } from \"react-router-dom\";\r\nimport { Layout } from './components/Layout';\r\nimport jwt_decode from \"jwt-decode\";\r\n\r\nimport Login from \"./Pages/Auth/login\";\r\nimport ResetPassword from \"./Pages/Auth/resetpassword\";\r\nimport ResetPasswordUser from \"./Pages/Auth/resetpassworduser\";\r\nimport ForgotPassword from \"./Pages/Auth/forgotpassword\";\r\nimport Dashboard from \"./Pages/Dashboard/dashboard\";\r\nimport Users from \"./Pages/User/users\";\r\nimport AddUser from \"./Pages/User/adduser\";\r\nimport Requests from \"./Pages/Requests/requests\";\r\n\r\nimport { authService } from './Shared/Services';\r\nimport { history } from './Shared/Helpers';\r\nimport './custom.css'\r\n\r\nexport default class App extends Component {\r\n static displayName = App.name;\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n currentUser: null,\r\n loading: true,\r\n isExpired: false\r\n };\r\n this.logout = this.logout.bind(this);\r\n }\r\n logout() {\r\n //this.setState({ isExpired: false }, () => {\r\n authService.logout();\r\n history.push('/login');\r\n //});\r\n\r\n }\r\n\r\n componentDidMount() {\r\n var decoded = null;\r\n authService.currentUser.subscribe(x => this.setState({ currentUser: x, loading: false }, () => {\r\n if (this.state.currentUser !== null) {\r\n decoded = jwt_decode(this.state.currentUser.token);\r\n if (Date.now() / 1000 >= decoded.exp) {\r\n //this.setState({ isExpired: true });\r\n this.logout();\r\n }\r\n if (decoded !== null) {\r\n setInterval(() => {\r\n if (Date.now() / 1000 >= decoded.exp && window.location.pathname !== '/login') {\r\n //this.setState({ isExpired: true });\r\n this.logout();\r\n }\r\n }, 10000);\r\n }\r\n }\r\n else {\r\n //this.setState({ isExpired: true });\r\n //this.logout();\r\n //authService.logout();\r\n history.push('/login');\r\n }\r\n }));\r\n\r\n }\r\n\r\n\r\n render() {\r\n let { currentUser, loading, isExpired } = this.state;\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n loading ? \r\n \r\n
\r\n }\r\n\r\n
\r\n Loading...
:\r\n requests.length === 0 ?No requests available
:\r\n| By User | \r\nList | \r\nCreated On | \r\nStatus | \r\nAction | \r\n
|---|---|---|---|---|
| {item.byUser} | \r\n{item.listName} | \r\n{Moment(item.createdOn).format('MM/DD/YYYY')} | \r\n{item.status} | \r\n{item.status === \"Pending\" ? <>\r\n \r\n \r\n : item.status} | \r\n
*/}\r\n {/* //
*/}\r\n {/*}*/}\r\n {!loading &&\r\n */}\r\n {/* //
*/}\r\n {/* //Your session has been expired, please login.
*/}\r\n {/* // */}\r\n {/* //