23 changed files with 92 additions and 467 deletions
@ -1,33 +0,0 @@ |
|||||||
import React, { Component } from 'react'; |
|
||||||
import { Button, Col, Container, Input, InputGroup, InputGroupAddon, InputGroupText, Row } from 'reactstrap'; |
|
||||||
|
|
||||||
class Page403 extends Component { |
|
||||||
|
|
||||||
logOut = () => { |
|
||||||
window.localStorage.clear(); |
|
||||||
this.props.history.push('/login') |
|
||||||
} |
|
||||||
|
|
||||||
render() { |
|
||||||
return ( |
|
||||||
<div className="app flex-row align-items-center"> |
|
||||||
<Container> |
|
||||||
<Row className="justify-content-center"> |
|
||||||
<Col md="6"> |
|
||||||
<div className="clearfix"> |
|
||||||
<h1 className="float-left display-3 mr-4">403</h1> |
|
||||||
<h4 className="pt-3">Oops! <br></br>Kamu pergi ke halaman yang terlarang!</h4> |
|
||||||
<p className="text-muted float-left">Halaman tidak bisa di akses!</p> |
|
||||||
</div> |
|
||||||
<div style={{alignItems:'center'}}> |
|
||||||
<Button size="sm" color="warning" onClick={() => this.logOut()}>Back To Login</Button> |
|
||||||
</div> |
|
||||||
</Col> |
|
||||||
</Row> |
|
||||||
</Container> |
|
||||||
</div> |
|
||||||
); |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
export default Page403; |
|
||||||
@ -1,9 +0,0 @@ |
|||||||
import React from 'react'; |
|
||||||
import ReactDOM from 'react-dom'; |
|
||||||
import Page404 from './Page403'; |
|
||||||
|
|
||||||
it('renders without crashing', () => { |
|
||||||
const div = document.createElement('div'); |
|
||||||
ReactDOM.render(<Page403 />, div); |
|
||||||
ReactDOM.unmountComponentAtNode(div); |
|
||||||
}); |
|
||||||
@ -1,6 +0,0 @@ |
|||||||
{ |
|
||||||
"name": "Page403", |
|
||||||
"version": "0.0.0", |
|
||||||
"private": true, |
|
||||||
"main": "./Page403.js" |
|
||||||
} |
|
||||||
@ -1,35 +0,0 @@ |
|||||||
import React, { Component } from 'react'; |
|
||||||
import { Button, Col, Container, Input, InputGroup, InputGroupAddon, InputGroupText, Row } from 'reactstrap'; |
|
||||||
|
|
||||||
class Page404 extends Component { |
|
||||||
render() { |
|
||||||
return ( |
|
||||||
<div className="app flex-row align-items-center"> |
|
||||||
<Container> |
|
||||||
<Row className="justify-content-center"> |
|
||||||
<Col md="6"> |
|
||||||
<div className="clearfix"> |
|
||||||
<h1 className="float-left display-3 mr-4">404</h1> |
|
||||||
<h4 className="pt-3">Oops! You're lost.</h4> |
|
||||||
<p className="text-muted float-left">The page you are looking for was not found.</p> |
|
||||||
</div> |
|
||||||
<InputGroup className="input-prepend"> |
|
||||||
<InputGroupAddon addonType="prepend"> |
|
||||||
<InputGroupText> |
|
||||||
<i className="fa fa-search"></i> |
|
||||||
</InputGroupText> |
|
||||||
</InputGroupAddon> |
|
||||||
<Input size="16" type="text" placeholder="What are you looking for?" /> |
|
||||||
<InputGroupAddon addonType="append"> |
|
||||||
<Button color="info">Search</Button> |
|
||||||
</InputGroupAddon> |
|
||||||
</InputGroup> |
|
||||||
</Col> |
|
||||||
</Row> |
|
||||||
</Container> |
|
||||||
</div> |
|
||||||
); |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
export default Page404; |
|
||||||
@ -1,9 +0,0 @@ |
|||||||
import React from 'react'; |
|
||||||
import ReactDOM from 'react-dom'; |
|
||||||
import Page404 from './Page404'; |
|
||||||
|
|
||||||
it('renders without crashing', () => { |
|
||||||
const div = document.createElement('div'); |
|
||||||
ReactDOM.render(<Page404 />, div); |
|
||||||
ReactDOM.unmountComponentAtNode(div); |
|
||||||
}); |
|
||||||
@ -1,6 +0,0 @@ |
|||||||
{ |
|
||||||
"name": "Page404", |
|
||||||
"version": "0.0.0", |
|
||||||
"private": true, |
|
||||||
"main": "./Page404.js" |
|
||||||
} |
|
||||||
@ -1,35 +0,0 @@ |
|||||||
import React, { Component } from 'react'; |
|
||||||
import { Button, Col, Container, Input, InputGroup, InputGroupAddon, InputGroupText, Row } from 'reactstrap'; |
|
||||||
|
|
||||||
class Page500 extends Component { |
|
||||||
render() { |
|
||||||
return ( |
|
||||||
<div className="app flex-row align-items-center"> |
|
||||||
<Container> |
|
||||||
<Row className="justify-content-center"> |
|
||||||
<Col md="6"> |
|
||||||
<span className="clearfix"> |
|
||||||
<h1 className="float-left display-3 mr-4">500</h1> |
|
||||||
<h4 className="pt-3">Houston, we have a problem!</h4> |
|
||||||
<p className="text-muted float-left">The page you are looking for is temporarily unavailable.</p> |
|
||||||
</span> |
|
||||||
<InputGroup className="input-prepend"> |
|
||||||
<InputGroupAddon addonType="prepend"> |
|
||||||
<InputGroupText> |
|
||||||
<i className="fa fa-search"></i> |
|
||||||
</InputGroupText> |
|
||||||
</InputGroupAddon> |
|
||||||
<Input size="16" type="text" placeholder="What are you looking for?" /> |
|
||||||
<InputGroupAddon addonType="append"> |
|
||||||
<Button color="info">Search</Button> |
|
||||||
</InputGroupAddon> |
|
||||||
</InputGroup> |
|
||||||
</Col> |
|
||||||
</Row> |
|
||||||
</Container> |
|
||||||
</div> |
|
||||||
); |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
export default Page500; |
|
||||||
@ -1,9 +0,0 @@ |
|||||||
import React from 'react'; |
|
||||||
import ReactDOM from 'react-dom'; |
|
||||||
import Page500 from './Page500'; |
|
||||||
|
|
||||||
it('renders without crashing', () => { |
|
||||||
const div = document.createElement('div'); |
|
||||||
ReactDOM.render(<Page500 />, div); |
|
||||||
ReactDOM.unmountComponentAtNode(div); |
|
||||||
}); |
|
||||||
@ -1,6 +0,0 @@ |
|||||||
{ |
|
||||||
"name": "Page500", |
|
||||||
"version": "0.0.0", |
|
||||||
"private": true, |
|
||||||
"main": "./Page500.js" |
|
||||||
} |
|
||||||
@ -1,68 +0,0 @@ |
|||||||
import React, { Component } from 'react'; |
|
||||||
import { Button, Card, CardBody, CardFooter, Col, Container, Form, Input, InputGroup, InputGroupAddon, InputGroupText, Row } from 'reactstrap'; |
|
||||||
|
|
||||||
class Register extends Component { |
|
||||||
render() { |
|
||||||
return ( |
|
||||||
<div className="app flex-row align-items-center"> |
|
||||||
<Container> |
|
||||||
<Row className="justify-content-center"> |
|
||||||
<Col md="9" lg="7" xl="6"> |
|
||||||
<Card className="mx-4"> |
|
||||||
<CardBody className="p-4"> |
|
||||||
<Form> |
|
||||||
<h1>Register</h1> |
|
||||||
<p className="text-muted">Create your account</p> |
|
||||||
<InputGroup className="mb-3"> |
|
||||||
<InputGroupAddon addonType="prepend"> |
|
||||||
<InputGroupText> |
|
||||||
<i className="icon-user"></i> |
|
||||||
</InputGroupText> |
|
||||||
</InputGroupAddon> |
|
||||||
<Input type="text" placeholder="Username" autoComplete="username" /> |
|
||||||
</InputGroup> |
|
||||||
<InputGroup className="mb-3"> |
|
||||||
<InputGroupAddon addonType="prepend"> |
|
||||||
<InputGroupText>@</InputGroupText> |
|
||||||
</InputGroupAddon> |
|
||||||
<Input type="text" placeholder="Email" autoComplete="email" /> |
|
||||||
</InputGroup> |
|
||||||
<InputGroup className="mb-3"> |
|
||||||
<InputGroupAddon addonType="prepend"> |
|
||||||
<InputGroupText> |
|
||||||
<i className="icon-lock"></i> |
|
||||||
</InputGroupText> |
|
||||||
</InputGroupAddon> |
|
||||||
<Input type="password" placeholder="Password" autoComplete="new-password" /> |
|
||||||
</InputGroup> |
|
||||||
<InputGroup className="mb-4"> |
|
||||||
<InputGroupAddon addonType="prepend"> |
|
||||||
<InputGroupText> |
|
||||||
<i className="icon-lock"></i> |
|
||||||
</InputGroupText> |
|
||||||
</InputGroupAddon> |
|
||||||
<Input type="password" placeholder="Repeat password" autoComplete="new-password" /> |
|
||||||
</InputGroup> |
|
||||||
<Button color="success" block>Create Account</Button> |
|
||||||
</Form> |
|
||||||
</CardBody> |
|
||||||
<CardFooter className="p-4"> |
|
||||||
<Row> |
|
||||||
<Col xs="12" sm="6"> |
|
||||||
<Button className="btn-facebook mb-1" block><span>facebook</span></Button> |
|
||||||
</Col> |
|
||||||
<Col xs="12" sm="6"> |
|
||||||
<Button className="btn-twitter mb-1" block><span>twitter</span></Button> |
|
||||||
</Col> |
|
||||||
</Row> |
|
||||||
</CardFooter> |
|
||||||
</Card> |
|
||||||
</Col> |
|
||||||
</Row> |
|
||||||
</Container> |
|
||||||
</div> |
|
||||||
); |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
export default Register; |
|
||||||
@ -1,9 +0,0 @@ |
|||||||
import React from 'react'; |
|
||||||
import ReactDOM from 'react-dom'; |
|
||||||
import Register from './Register'; |
|
||||||
|
|
||||||
it('renders without crashing', () => { |
|
||||||
const div = document.createElement('div'); |
|
||||||
ReactDOM.render(<Register />, div); |
|
||||||
ReactDOM.unmountComponentAtNode(div); |
|
||||||
}); |
|
||||||
@ -1,6 +0,0 @@ |
|||||||
{ |
|
||||||
"name": "Register", |
|
||||||
"version": "0.0.0", |
|
||||||
"private": true, |
|
||||||
"main": "./Register.js" |
|
||||||
} |
|
||||||
@ -1,46 +0,0 @@ |
|||||||
import React, { Component } from 'react'; |
|
||||||
import { Card, CardBody, CardHeader, Col, Row, Table } from 'reactstrap'; |
|
||||||
|
|
||||||
import usersData from './UsersData' |
|
||||||
|
|
||||||
class User extends Component { |
|
||||||
|
|
||||||
render() { |
|
||||||
|
|
||||||
const user = usersData.find(user => user.id.toString() === this.props.match.params.id) |
|
||||||
|
|
||||||
const userDetails = user ? Object.entries(user) : [['id', (<span><i className="text-muted icon-ban"></i> Not found</span>)]] |
|
||||||
|
|
||||||
return ( |
|
||||||
<div className="animated fadeIn"> |
|
||||||
<Row> |
|
||||||
<Col lg={6}> |
|
||||||
<Card> |
|
||||||
<CardHeader> |
|
||||||
<strong><i className="icon-info pr-1"></i>User id: {this.props.match.params.id}</strong> |
|
||||||
</CardHeader> |
|
||||||
<CardBody> |
|
||||||
<Table responsive striped hover> |
|
||||||
<tbody> |
|
||||||
{ |
|
||||||
userDetails.map(([key, value]) => { |
|
||||||
return ( |
|
||||||
<tr key={key}> |
|
||||||
<td>{`${key}:`}</td> |
|
||||||
<td><strong>{value}</strong></td> |
|
||||||
</tr> |
|
||||||
) |
|
||||||
}) |
|
||||||
} |
|
||||||
</tbody> |
|
||||||
</Table> |
|
||||||
</CardBody> |
|
||||||
</Card> |
|
||||||
</Col> |
|
||||||
</Row> |
|
||||||
</div> |
|
||||||
) |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
export default User; |
|
||||||
@ -1,15 +0,0 @@ |
|||||||
import React from 'react'; |
|
||||||
import {MemoryRouter} from 'react-router-dom'; |
|
||||||
import { mount } from 'enzyme' |
|
||||||
import User from './User'; |
|
||||||
|
|
||||||
|
|
||||||
it('renders without crashing', () => { |
|
||||||
const wrapper = mount( |
|
||||||
<MemoryRouter> |
|
||||||
<User match={{params: {id: "1"}, isExact: true, path: "/users/:id", name: "User details"}}/> |
|
||||||
</MemoryRouter> |
|
||||||
); |
|
||||||
expect(wrapper.containsMatchingElement(<strong>Samppa Nori</strong>)).toEqual(true) |
|
||||||
wrapper.unmount() |
|
||||||
}); |
|
||||||
@ -1,78 +0,0 @@ |
|||||||
import React, { Component } from 'react' |
|
||||||
import DataTable from '../../components/DataTableEditDialog' |
|
||||||
import { API_LIST_DATA_USERS, API_INSERT_DATA_USERS, API_UPDATE_DATA_USERS, API_DELETE_DATA_USERS } from '../../const/ApiConst' |
|
||||||
|
|
||||||
const columns = [{ |
|
||||||
dataField: 'id', |
|
||||||
alias: "Id", |
|
||||||
showInput: false, |
|
||||||
type: "number", |
|
||||||
state: 0 |
|
||||||
}, { |
|
||||||
dataField: 'fullname', |
|
||||||
alias: "Fullname", |
|
||||||
showInput: true, |
|
||||||
type: "text", |
|
||||||
state: "" |
|
||||||
}, { |
|
||||||
dataField: 'username', |
|
||||||
alias: "Username", |
|
||||||
showInput: true, |
|
||||||
type: "text", |
|
||||||
state: "" |
|
||||||
}, { |
|
||||||
dataField: 'password', |
|
||||||
alias: "Password", |
|
||||||
showInput: true, |
|
||||||
type: "password", |
|
||||||
state: "" |
|
||||||
}, { |
|
||||||
dataField: 'created_time', |
|
||||||
alias: "Created Time", |
|
||||||
showInput: false, |
|
||||||
type: "text", |
|
||||||
state: "" |
|
||||||
}, { |
|
||||||
dataField: 'modified_time', |
|
||||||
alias: "Modified Time", |
|
||||||
showInput: false, |
|
||||||
type: "text", |
|
||||||
state: "" |
|
||||||
}, { |
|
||||||
dataField: 'created_by', |
|
||||||
alias: "Created By", |
|
||||||
showInput: false, |
|
||||||
type: "text", |
|
||||||
state: "admin" |
|
||||||
}]; |
|
||||||
|
|
||||||
class Users extends Component { |
|
||||||
constructor(props) { |
|
||||||
super(props) |
|
||||||
this.state = { |
|
||||||
columns: null, |
|
||||||
dataTable: [] |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
componentDidMount() { |
|
||||||
} |
|
||||||
|
|
||||||
render() { |
|
||||||
let dataTable = this.state.dataTable |
|
||||||
return ( |
|
||||||
<div> |
|
||||||
<DataTable |
|
||||||
title="User" |
|
||||||
columns={columns} |
|
||||||
urlParamGet={API_LIST_DATA_USERS} |
|
||||||
urlParamInsert={API_INSERT_DATA_USERS} |
|
||||||
urlParamUpdate={API_UPDATE_DATA_USERS} |
|
||||||
urlParamDelete={API_DELETE_DATA_USERS} |
|
||||||
/> |
|
||||||
</div> |
|
||||||
) |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
export default Users; |
|
||||||
@ -1,10 +0,0 @@ |
|||||||
import React from 'react'; |
|
||||||
import ReactDOM from 'react-dom'; |
|
||||||
import { MemoryRouter } from 'react-router-dom'; |
|
||||||
import Users from './Users'; |
|
||||||
|
|
||||||
it('renders without crashing', () => { |
|
||||||
const div = document.createElement('div'); |
|
||||||
ReactDOM.render(<MemoryRouter><Users /></MemoryRouter>, div); |
|
||||||
ReactDOM.unmountComponentAtNode(div); |
|
||||||
}); |
|
||||||
@ -1,31 +0,0 @@ |
|||||||
const usersData = [ |
|
||||||
{id: 0, name: 'John Doe', registered: '2018/01/01', role: 'Guest', status: 'Pending'}, |
|
||||||
{id: 1, name: 'Samppa Nori', registered: '2018/01/01', role: 'Member', status: 'Active'}, |
|
||||||
{id: 2, name: 'Estavan Lykos', registered: '2018/02/01', role: 'Staff', status: 'Banned'}, |
|
||||||
{id: 3, name: 'Chetan Mohamed', registered: '2018/02/01', role: 'Admin', status: 'Inactive'}, |
|
||||||
{id: 4, name: 'Derick Maximinus', registered: '2018/03/01', role: 'Member', status: 'Pending'}, |
|
||||||
{id: 5, name: 'Friderik Dávid', registered: '2018/01/21', role: 'Staff', status: 'Active'}, |
|
||||||
{id: 6, name: 'Yiorgos Avraamu', registered: '2018/01/01', role: 'Member', status: 'Active'}, |
|
||||||
{id: 7, name: 'Avram Tarasios', registered: '2018/02/01', role: 'Staff', status: 'Banned'}, |
|
||||||
{id: 8, name: 'Quintin Ed', registered: '2018/02/01', role: 'Admin', status: 'Inactive'}, |
|
||||||
{id: 9, name: 'Enéas Kwadwo', registered: '2018/03/01', role: 'Member', status: 'Pending'}, |
|
||||||
{id: 10, name: 'Agapetus Tadeáš', registered: '2018/01/21', role: 'Staff', status: 'Active'}, |
|
||||||
{id: 11, name: 'Carwyn Fachtna', registered: '2018/01/01', role: 'Member', status: 'Active'}, |
|
||||||
{id: 12, name: 'Nehemiah Tatius', registered: '2018/02/01', role: 'Staff', status: 'Banned'}, |
|
||||||
{id: 13, name: 'Ebbe Gemariah', registered: '2018/02/01', role: 'Admin', status: 'Inactive'}, |
|
||||||
{id: 14, name: 'Eustorgios Amulius', registered: '2018/03/01', role: 'Member', status: 'Pending'}, |
|
||||||
{id: 15, name: 'Leopold Gáspár', registered: '2018/01/21', role: 'Staff', status: 'Active'}, |
|
||||||
{id: 16, name: 'Pompeius René', registered: '2018/01/01', role: 'Member', status: 'Active'}, |
|
||||||
{id: 17, name: 'Paĉjo Jadon', registered: '2018/02/01', role: 'Staff', status: 'Banned'}, |
|
||||||
{id: 18, name: 'Micheal Mercurius', registered: '2018/02/01', role: 'Admin', status: 'Inactive'}, |
|
||||||
{id: 19, name: 'Ganesha Dubhghall', registered: '2018/03/01', role: 'Member', status: 'Pending'}, |
|
||||||
{id: 20, name: 'Hiroto Šimun', registered: '2018/01/21', role: 'Staff', status: 'Active'}, |
|
||||||
{id: 21, name: 'Vishnu Serghei', registered: '2018/01/01', role: 'Member', status: 'Active'}, |
|
||||||
{id: 22, name: 'Zbyněk Phoibos', registered: '2018/02/01', role: 'Staff', status: 'Banned'}, |
|
||||||
{id: 23, name: 'Einar Randall', registered: '2018/02/01', role: 'Admin', status: 'Inactive'}, |
|
||||||
{id: 24, name: 'Félix Troels', registered: '2018/03/21', role: 'Staff', status: 'Active'}, |
|
||||||
{id: 25, name: 'Aulus Agmundr', registered: '2018/01/01', role: 'Member', status: 'Pending'}, |
|
||||||
{id: 42, name: 'Ford Prefex', registered: '2001/05/21', role: 'Alien', status: 'Don\'t panic!'} |
|
||||||
] |
|
||||||
|
|
||||||
export default usersData |
|
||||||
Loading…
Reference in new issue