update,
This commit is contained in:
louiscklaw
@@ -0,0 +1,37 @@
|
||||
import React from 'react';
|
||||
import { BrowserRouter, Route, Switch } from "react-router-dom";
|
||||
import LoginForm from './login/LoginForm';
|
||||
import SignUpForm from './login/SignUpForm';
|
||||
import ManagerTemplate from './user/manager/ManagerTemplate';
|
||||
//import SignUp from './SignUp';
|
||||
|
||||
|
||||
class AppRouter extends React.Component {
|
||||
|
||||
render() {
|
||||
return (
|
||||
<BrowserRouter>
|
||||
<Switch>
|
||||
<Route exact path="/" component={LoginForm} />
|
||||
<Route path="/index" component={LoginForm} />
|
||||
<Route path="/signup" component={SignUpForm}/>
|
||||
<Route path="/manager/home" component={ManagerTemplate}/>
|
||||
<Route path="/manager/profile" component={ManagerTemplate}/>
|
||||
<Route path="/manager/appointment/:id" component={ManagerTemplate}/>
|
||||
<Route path="/manager/appointment" component={ManagerTemplate}/>
|
||||
<Route path="/manager/comment" component={ManagerTemplate}/>
|
||||
<Route path="/manager/customer/:id" component={ManagerTemplate}/>
|
||||
<Route path="/manager/customer" component={ManagerTemplate}/>
|
||||
<Route path="/manager/property" component={ManagerTemplate}/>
|
||||
<Route path="/manager/agent" component={ManagerTemplate}/>
|
||||
<Route path='/manager/logout' component={ManagerTemplate} />
|
||||
<Route path='/user/home' render={() => window.location.href = "http://localhost:8080/html/user-property.html?u=" + localStorage.getItem("username")}/>
|
||||
<Route path='/agent/home' render={() => window.location.href = "http://localhost:8080/html/agent-property.html?u=" + localStorage.getItem("username")}/>
|
||||
</Switch>
|
||||
</BrowserRouter>
|
||||
);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
export default AppRouter;
|
||||
13
_resources/it114105/itp4506/Assignment/20-21/src/index.css
Normal file
13
_resources/it114105/itp4506/Assignment/20-21/src/index.css
Normal file
@@ -0,0 +1,13 @@
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
||||
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
|
||||
sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
|
||||
monospace;
|
||||
}
|
||||
17
_resources/it114105/itp4506/Assignment/20-21/src/index.js
Normal file
17
_resources/it114105/itp4506/Assignment/20-21/src/index.js
Normal file
@@ -0,0 +1,17 @@
|
||||
import React from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import './index.css';
|
||||
import Router from './AppRouter';
|
||||
import * as serviceWorker from './serviceWorker';
|
||||
|
||||
ReactDOM.render(
|
||||
<React.StrictMode>
|
||||
<Router />
|
||||
</React.StrictMode>,
|
||||
document.getElementById('root')
|
||||
);
|
||||
|
||||
// If you want your app to work offline and load faster, you can change
|
||||
// unregister() to register() below. Note this comes with some pitfalls.
|
||||
// Learn more about service workers: https://bit.ly/CRA-PWA
|
||||
serviceWorker.unregister();
|
||||
196
_resources/it114105/itp4506/Assignment/20-21/src/login/Login.css
Normal file
196
_resources/it114105/itp4506/Assignment/20-21/src/login/Login.css
Normal file
@@ -0,0 +1,196 @@
|
||||
*{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
body{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
button, input[type='button']{
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
img{
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
a{
|
||||
font-size: 10px;
|
||||
color: black;
|
||||
margin-top: 40px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.login-form-btnLogin{
|
||||
margin: 20px 0;
|
||||
width: 100px;
|
||||
background: black;
|
||||
border-radius: 4px;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
padding: 10px;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
margin-top: 30px;
|
||||
margin-right: -20px;
|
||||
}
|
||||
|
||||
input{
|
||||
display: block;
|
||||
width: 100%;
|
||||
border: 1px solid #efefef;
|
||||
border-radius: 5px;
|
||||
font-size: 12px;
|
||||
color: #262626;
|
||||
background: #fafafa;
|
||||
padding: 12px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.signup-form input{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
input[name='lastName']{
|
||||
flex-direction:row;
|
||||
justify-content:flex-start;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.input-container{
|
||||
display: flex;
|
||||
width: 107%;
|
||||
}
|
||||
input[name='firstName'], input[name='lastName']{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.login-container{
|
||||
flex-wrap: nowrap;
|
||||
margin-top: 75px;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin: 200px auto;
|
||||
}
|
||||
|
||||
.login-form, .signup-form{
|
||||
width: 50%;
|
||||
margin: 0 auto;
|
||||
padding: 50px;
|
||||
border: 1px solid #d8dee2;
|
||||
border-radius: 3px;
|
||||
background-color: white;
|
||||
width:400px;
|
||||
height:auto;
|
||||
}
|
||||
|
||||
|
||||
.signup-form{
|
||||
height: auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.signup-form input[type='button']{
|
||||
width: 106%;
|
||||
background: #3897f0;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
|
||||
h1{
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.login-form hr{
|
||||
overflow: visible;
|
||||
padding: 0;
|
||||
border: none;
|
||||
border-top: medium double #333;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
|
||||
.login-form-detial-row{
|
||||
display: flex;
|
||||
margin-top: 70px;
|
||||
}
|
||||
|
||||
.signup-form-detial-row{
|
||||
margin-top: 40px;
|
||||
width: 90%;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.login-form-detial-col-role{
|
||||
flex: 30%;
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
.login-form-detial-col-input{
|
||||
flex: 70%;
|
||||
padding: 0 50px 0 50px ;
|
||||
|
||||
}
|
||||
|
||||
.login-form-detial-col-role button{
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
padding: 10px;
|
||||
background-color: white;
|
||||
border: 0;
|
||||
border-right: 1px solid #d8dee2;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.login-form-detial-col-role button:hover{
|
||||
background-color: #333;
|
||||
color: white;
|
||||
opacity: 0.6;
|
||||
transition: 0.9s;
|
||||
}
|
||||
|
||||
.login-form-detial-col-role .selected{
|
||||
background-color: black;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.signup-form span{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: grey;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.bs-callout {
|
||||
padding: 20px;
|
||||
border: 1px solid #BEBEBE;
|
||||
border-left-width: 5px;
|
||||
border-radius: 1px;
|
||||
background-color: white;
|
||||
width: 5;
|
||||
margin: 10px auto 0px 0px;
|
||||
}
|
||||
|
||||
.bs-callout-danger {
|
||||
border-left-color: #d9534f;
|
||||
}
|
||||
|
||||
.signup-message, .login-message{
|
||||
width: 50%;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.bs-callout-success {
|
||||
border-left-color: #5cb85c;
|
||||
}
|
||||
@@ -0,0 +1,70 @@
|
||||
import React, { Component } from 'react';
|
||||
import queryString from 'query-string';
|
||||
import './Login.css';
|
||||
import UserLoginForm from './UserLoginForm';
|
||||
|
||||
class LoginForm extends Component {
|
||||
|
||||
constructor(props) {
|
||||
super(props);
|
||||
this.state = {
|
||||
errMess: [],
|
||||
sucMess: []
|
||||
};
|
||||
}
|
||||
|
||||
showErrMessage = (mes, type) => {
|
||||
//0: error, 1:succesful
|
||||
if (mes == null) {
|
||||
this.setState({ sucMess: [], errMess:[] });
|
||||
} else {
|
||||
switch (type) {
|
||||
case 1:
|
||||
this.setState({
|
||||
sucMess: this.state.sucMess.concat(mes)
|
||||
});
|
||||
break;
|
||||
|
||||
default:
|
||||
this.setState({
|
||||
errMess: this.state.errMess.concat(mes)
|
||||
});
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
componentDidMount = () =>{
|
||||
const values = queryString.parse(this.props.location.search)
|
||||
let username = values.reg;
|
||||
if(username !== undefined){
|
||||
this.setState({
|
||||
sucMess: this.state.sucMess.concat("username: " + decodeURI(username) + " is created")
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
render = () => {
|
||||
var mesList = null;
|
||||
if (this.state.errMess.length > 0) {
|
||||
mesList = <div className="bs-callout bs-callout-danger"><h4>Login Failed</h4>{this.state.errMess[this.state.errMess.length - 1]}</div>;
|
||||
}else if(this.state.sucMess.length > 0){
|
||||
mesList = <div className="bs-callout bs-callout-success"><h4>Registration Successful</h4>{this.state.sucMess[this.state.sucMess.length - 1]}</div>;
|
||||
}
|
||||
return (
|
||||
<div className="login-container">
|
||||
<div className="login-form">
|
||||
{mesList}
|
||||
<h1>Dream House Online</h1>
|
||||
<div className="login-form-detial">
|
||||
<UserLoginForm argue={this.showErrMessage} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
export default LoginForm;
|
||||
@@ -0,0 +1,46 @@
|
||||
import React, {Component} from 'react';
|
||||
import UserSignUpForm from './UserSignUpForm';
|
||||
|
||||
class SignUpForm extends Component {
|
||||
|
||||
constructor(props){
|
||||
super(props);
|
||||
this.state = {
|
||||
errMess: []
|
||||
}
|
||||
}
|
||||
|
||||
showErrMessage = (mes) => {
|
||||
if (mes === null){
|
||||
let newList = [];
|
||||
this.setState({errMess: newList});
|
||||
}else{
|
||||
this.setState({
|
||||
errMess: this.state.errMess.concat(mes)
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
render = () => {
|
||||
var mesList = null;
|
||||
if(this.state.errMess.length > 0){
|
||||
mesList = <div className="bs-callout bs-callout-danger"><h4>Registration Failed</h4>{this.state.errMess[this.state.errMess.length - 1]}</div>;
|
||||
}
|
||||
return(
|
||||
<div className="login-container">
|
||||
|
||||
<div className="signup-form">
|
||||
{mesList}
|
||||
<h1>Dream House Online</h1>
|
||||
<span>Create the customer account</span>
|
||||
<div className="login-form-detial">
|
||||
<UserSignUpForm argue={this.showErrMessage}/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
export default SignUpForm;
|
||||
@@ -0,0 +1,101 @@
|
||||
import React, {Component} from 'react';
|
||||
import { Link, Redirect } from 'react-router-dom';
|
||||
import './Login.css';
|
||||
import userJson from '../server/user.json';
|
||||
import managerJson from '../server/manager.json';
|
||||
import agentJson from '../server/agent.json';
|
||||
|
||||
class UserLoginForm extends Component{
|
||||
constructor(props){
|
||||
super(props);
|
||||
this.state = {
|
||||
role: 'customer',
|
||||
username: '',
|
||||
password: '',
|
||||
redirect: null
|
||||
}
|
||||
}
|
||||
|
||||
changeRole = (roleName) =>{
|
||||
this.props.argue(null);
|
||||
this.setState({role: roleName});
|
||||
}
|
||||
|
||||
handleChange = (event) => {
|
||||
let eleName = event.target.name;
|
||||
this.setState({[eleName]: event.target.value});
|
||||
}
|
||||
|
||||
handleLogin = (event) => {
|
||||
event.preventDefault();
|
||||
this.props.argue(null);
|
||||
var user = null;
|
||||
var route = null;
|
||||
if(this.state.role === "customer"){
|
||||
user = userJson;
|
||||
route = "user/home";
|
||||
}else if(this.state.role === "agent"){
|
||||
user = agentJson;
|
||||
route = "/agent/home"
|
||||
}else if(this.state.role === "manager"){
|
||||
user = managerJson;
|
||||
route = "/manager/home"
|
||||
}
|
||||
var isNotFound = true;
|
||||
user.forEach((userObj, index) => {
|
||||
if(userObj.username === this.state.username && userObj.password === this.state.password){
|
||||
this.setState({redirect: route});
|
||||
isNotFound = false;
|
||||
localStorage.setItem('username', this.state.username);
|
||||
localStorage.setItem('id', userObj.id);
|
||||
return;
|
||||
}else{
|
||||
if(userObj.username === this.state.username && userObj.password !== this.state.password){
|
||||
this.props.argue("Password is not correct", 0);
|
||||
this.setState({redirect: null});
|
||||
isNotFound = false;
|
||||
}
|
||||
}
|
||||
});
|
||||
if(isNotFound){
|
||||
this.props.argue("Username or Password is not correct");
|
||||
this.setState({redirect: null});
|
||||
}
|
||||
}
|
||||
|
||||
SignUp = () => {
|
||||
if(this.state.role === "customer"){
|
||||
return <Link style={{fontSize: "10px", color: "black", right: 0}} to="/signup">Click here to create account</Link>
|
||||
}
|
||||
}
|
||||
|
||||
render = () => {
|
||||
const { redirect } = this.state;
|
||||
if (redirect != null) {
|
||||
return <Redirect to={this.state.redirect} />;
|
||||
}
|
||||
return(
|
||||
<div className="login-form-detial-row">
|
||||
<div className="login-form-detial-col-role">
|
||||
<button className={(this.state.role === "customer")? "selected": ""} onClick={ () => this.changeRole("customer")}>Customer</button>
|
||||
<button className={(this.state.role === "agent")? "selected": ""} onClick={ () => this.changeRole("agent")}>Agent</button>
|
||||
<button className={(this.state.role === "manager")? "selected": ""} onClick={ () => this.changeRole("manager")}>Manager</button>
|
||||
</div>
|
||||
<div className="login-form-detial-col-input">
|
||||
<form>
|
||||
<input type="text" name="username" onChange={this.handleChange} value={this.state.username} placeholder="Username" required/>
|
||||
<input type="password" name="password" onChange={this.handleChange} value={this.state.password} placeholder="Password" required/>
|
||||
<input type="hidden" name="role" value={this.state.role} />
|
||||
{
|
||||
(this.state.role === "customer") && <Link to="signup">Click here to create account</Link>
|
||||
}
|
||||
<input type="button" className="login-form-btnLogin" value="Login" onClick={this.handleLogin}/>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
export default UserLoginForm;
|
||||
@@ -0,0 +1,80 @@
|
||||
import React, {Component} from 'react';
|
||||
import './Login.css';
|
||||
import { Link, Redirect } from 'react-router-dom';
|
||||
|
||||
|
||||
class UserSignUpForm extends Component{
|
||||
|
||||
constructor(props){
|
||||
super(props);
|
||||
this.state = {
|
||||
username: "",
|
||||
password: "",
|
||||
cpwd: "",
|
||||
email: "",
|
||||
phone: "",
|
||||
firstName: "",
|
||||
lastName: "",
|
||||
redirect: null
|
||||
}
|
||||
}
|
||||
|
||||
handleChange = (event) => {
|
||||
let changeName = event.target.name;
|
||||
this.setState({[changeName]: event.target.value});
|
||||
}
|
||||
|
||||
handleSignUp = () => {
|
||||
var isVaild = true;
|
||||
this.props.argue(null);
|
||||
const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
|
||||
if(this.state.username === "" || this.state.password === ""
|
||||
|| this.state.cpwd === "" || this.state.email === ""
|
||||
|| this.state.phone === "" || this.state.firstName === ""
|
||||
|| this.state.lastName === ""){
|
||||
this.props.argue("Missing the required fields");
|
||||
isVaild = false;
|
||||
}else if(this.state.password !== this.state.cpwd){
|
||||
this.props.argue("Password is not match");
|
||||
isVaild = false;
|
||||
}else if (!re.test(String(this.state.email).toLowerCase())) {
|
||||
this.props.argue("Email format is incorrect");
|
||||
isVaild = false;
|
||||
}
|
||||
|
||||
if(!isVaild){
|
||||
this.setState({password: "", cpwd: "" });
|
||||
}else{
|
||||
this.setState({redirect: "/index?reg=" + encodeURI(this.state.username)});
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
render = () => {
|
||||
const { redirect } = this.state;
|
||||
if (redirect != null) {
|
||||
return <Redirect to={this.state.redirect} />;
|
||||
}
|
||||
return(
|
||||
<div className="signup-form-detial-row">
|
||||
<input type="text" name="username" onChange={this.handleChange} value={this.state.username} placeholder="Username"/>
|
||||
<input type="password" name="password" onChange={this.handleChange} value={this.state.password} placeholder="Password"/>
|
||||
<input type="password" name="cpwd" onChange={this.handleChange} value={this.state.cpwd} placeholder="Confirm Passoword"/>
|
||||
<input type="email" name="email" onChange={this.handleChange} value={this.state.email} placeholder="Email"/>
|
||||
<input type="tel" name="phone" onChange={this.handleChange} value={this.state.phone} placeholder="Phone Number"/>
|
||||
<div className="input-container">
|
||||
<input type="text" name="firstName" onChange={this.handleChange} value={this.state.firstName} placeholder="First Name"/>
|
||||
<input type="text" name="lastName" onChange={this.handleChange} value={this.state.lastName} placeholder="Last Name"/>
|
||||
</div>
|
||||
<br/>
|
||||
<Link to="index">Already have account?</Link>
|
||||
<input type="button" onClick={this.handleSignUp} value="Sign Up"/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
export default UserSignUpForm;
|
||||
@@ -0,0 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3">
|
||||
<g fill="#61DAFB">
|
||||
<path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/>
|
||||
<circle cx="420.9" cy="296.5" r="45.7"/>
|
||||
<path d="M520.5 78.1z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
@@ -0,0 +1,39 @@
|
||||
[
|
||||
{
|
||||
"id": 1,
|
||||
"username": "agent1",
|
||||
"firstName": "Ivy",
|
||||
"lastName": "Cheung",
|
||||
"email": "ivy01@gmail.com",
|
||||
"password": "qwer1234",
|
||||
"tel": "12345678",
|
||||
"properties": [
|
||||
"hh1RScdeZlcLtQoo",
|
||||
"sjG0x0Vzr6QLVE5i"
|
||||
],
|
||||
"appointments": [
|
||||
"abcdp2kUDcAxSack",
|
||||
"8snJp2kUDcAxSack",
|
||||
"YbS7dTegCLRP8R6H",
|
||||
"vnHaTIENSxJYXFYY",
|
||||
"u6Y0dwFj3M0jUoPb",
|
||||
"FwhUYsTLrQ6eNeFO",
|
||||
"VxvqQ0NnYxFjlkvh"
|
||||
],
|
||||
"enable": true
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"username": "agent2",
|
||||
"firstName": "Max",
|
||||
"lastName": "Wong",
|
||||
"email": "maxwong@gmail.com",
|
||||
"password": "qwer1234",
|
||||
"tel": "12345678",
|
||||
"properties": [],
|
||||
"appointments": [
|
||||
"rFN7Aj5bOV1i0Coy"
|
||||
],
|
||||
"enable": false
|
||||
}
|
||||
]
|
||||
@@ -0,0 +1,80 @@
|
||||
[{
|
||||
"uid": "abcdp2kUDcAxSack",
|
||||
"status": "waiting",
|
||||
"date": "",
|
||||
"place": "",
|
||||
"rfa": "",
|
||||
"rfu": "",
|
||||
"cfu": "",
|
||||
"cfa": ""
|
||||
},
|
||||
{
|
||||
"uid": "8snJp2kUDcAxSack",
|
||||
"status": "confirmed",
|
||||
"date": "2010-10-10 11:11:11",
|
||||
"place": "park",
|
||||
"rfa": "",
|
||||
"rfu": "",
|
||||
"cfu": "",
|
||||
"cfa": ""
|
||||
},
|
||||
{
|
||||
"uid": "rFN7Aj5bOV1i0Coy",
|
||||
"status": "finished",
|
||||
"date": "2010-10-10 11:11:11",
|
||||
"place": "park",
|
||||
"rfa": "0",
|
||||
"rfu": "0",
|
||||
"cfu": "?",
|
||||
"cfa": "?"
|
||||
},
|
||||
{
|
||||
"uid": "YbS7dTegCLRP8R6H",
|
||||
"status": "finished",
|
||||
"date": "2010-10-10 10:10:10",
|
||||
"place": "park",
|
||||
"rfa": "",
|
||||
"rfu": "9",
|
||||
"cfu": "good",
|
||||
"cfa": ""
|
||||
}, {
|
||||
"uid": "vnHaTIENSxJYXFYY",
|
||||
"status": "finished",
|
||||
"date": "2010-10-10 11:11:11",
|
||||
"place": "park",
|
||||
"rfa": "8",
|
||||
"rfu": "8",
|
||||
"cfu": "ok",
|
||||
"cfa": "ok"
|
||||
},
|
||||
{
|
||||
"uid": "u6Y0dwFj3M0jUoPb",
|
||||
"status": "finished",
|
||||
"date": "2010-10-10 11:11:11",
|
||||
"place": "park",
|
||||
"rfa": "8",
|
||||
"rfu": "8",
|
||||
"cfu": "look good to me",
|
||||
"cfa": "look good to me"
|
||||
},
|
||||
{
|
||||
"uid": "FwhUYsTLrQ6eNeFO",
|
||||
"status": "finished",
|
||||
"date": "2010-10-10 11:11:11",
|
||||
"place": "park",
|
||||
"rfa": "2",
|
||||
"rfu": "2",
|
||||
"cfu": "bad",
|
||||
"cfa": "bad"
|
||||
},
|
||||
{
|
||||
"uid": "VxvqQ0NnYxFjlkvh",
|
||||
"status": "finished",
|
||||
"date": "2010-10-10 11:11:11",
|
||||
"place": "park",
|
||||
"rfa": "1",
|
||||
"rfu": "1",
|
||||
"cfu": "very bad",
|
||||
"cfa": "very bad"
|
||||
}
|
||||
]
|
||||
@@ -0,0 +1,10 @@
|
||||
[
|
||||
{
|
||||
"mid": 1,
|
||||
"aid": 1
|
||||
},
|
||||
{
|
||||
"mid": 1,
|
||||
"aid": 2
|
||||
}
|
||||
]
|
||||
@@ -0,0 +1,20 @@
|
||||
[
|
||||
{
|
||||
"id": 1,
|
||||
"username": "manager1",
|
||||
"firstName": "Mary",
|
||||
"lastName": "Wong",
|
||||
"email": "jerry@gmail.com",
|
||||
"password": "password",
|
||||
"tel": "12345678"
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"username": "manager2",
|
||||
"firstName": "Iris",
|
||||
"lastName": "Kwan",
|
||||
"email": "iriskwan@gmail.com",
|
||||
"password": "password",
|
||||
"tel": "12345678"
|
||||
}
|
||||
]
|
||||
@@ -0,0 +1,50 @@
|
||||
[
|
||||
{
|
||||
"uid": "hh1RScdeZlcLtQoo",
|
||||
"agent": "abc123",
|
||||
"rental": 9000,
|
||||
"sale": null,
|
||||
"address": "荔枝角道1號",
|
||||
"district": "Sham Shui Po",
|
||||
"hidden": true,
|
||||
"pin": true,
|
||||
"comment": "交通方便",
|
||||
"size": 390
|
||||
},
|
||||
{
|
||||
"uid": "sjG0x0Vzr6QLVE5i",
|
||||
"agent": "abc123",
|
||||
"rental": "",
|
||||
"sale": 400,
|
||||
"address": "荔枝角道2號",
|
||||
"district": "Wong Tai Sin",
|
||||
"hidden": false,
|
||||
"pin": false,
|
||||
"comment": "高層",
|
||||
"size": 391
|
||||
},
|
||||
{
|
||||
"uid": "6YfdJK8JZYyyccCd",
|
||||
"agent": "agent2",
|
||||
"rental": "",
|
||||
"sale": 400,
|
||||
"address": "馬仔坑道1號",
|
||||
"district": "Wong Tai Sin",
|
||||
"hidden": false,
|
||||
"pin": false,
|
||||
"comment": "高層",
|
||||
"size": 391
|
||||
},
|
||||
{
|
||||
"uid": "ctsicFxEFv1ikmNr",
|
||||
"agent": "agent2",
|
||||
"rental": "",
|
||||
"sale": 400,
|
||||
"address": "馬仔坑道2號",
|
||||
"district": "Wong Tai Sin",
|
||||
"hidden": false,
|
||||
"pin": false,
|
||||
"comment": "空氣清新",
|
||||
"size": 391
|
||||
}
|
||||
]
|
||||
@@ -0,0 +1,141 @@
|
||||
// This optional code is used to register a service worker.
|
||||
// register() is not called by default.
|
||||
|
||||
// This lets the app load faster on subsequent visits in production, and gives
|
||||
// it offline capabilities. However, it also means that developers (and users)
|
||||
// will only see deployed updates on subsequent visits to a page, after all the
|
||||
// existing tabs open on the page have been closed, since previously cached
|
||||
// resources are updated in the background.
|
||||
|
||||
// To learn more about the benefits of this model and instructions on how to
|
||||
// opt-in, read https://bit.ly/CRA-PWA
|
||||
|
||||
const isLocalhost = Boolean(
|
||||
window.location.hostname === 'localhost' ||
|
||||
// [::1] is the IPv6 localhost address.
|
||||
window.location.hostname === '[::1]' ||
|
||||
// 127.0.0.0/8 are considered localhost for IPv4.
|
||||
window.location.hostname.match(
|
||||
/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
|
||||
)
|
||||
);
|
||||
|
||||
export function register(config) {
|
||||
if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
|
||||
// The URL constructor is available in all browsers that support SW.
|
||||
const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);
|
||||
if (publicUrl.origin !== window.location.origin) {
|
||||
// Our service worker won't work if PUBLIC_URL is on a different origin
|
||||
// from what our page is served on. This might happen if a CDN is used to
|
||||
// serve assets; see https://github.com/facebook/create-react-app/issues/2374
|
||||
return;
|
||||
}
|
||||
|
||||
window.addEventListener('load', () => {
|
||||
const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
|
||||
|
||||
if (isLocalhost) {
|
||||
// This is running on localhost. Let's check if a service worker still exists or not.
|
||||
checkValidServiceWorker(swUrl, config);
|
||||
|
||||
// Add some additional logging to localhost, pointing developers to the
|
||||
// service worker/PWA documentation.
|
||||
navigator.serviceWorker.ready.then(() => {
|
||||
console.log(
|
||||
'This web app is being served cache-first by a service ' +
|
||||
'worker. To learn more, visit https://bit.ly/CRA-PWA'
|
||||
);
|
||||
});
|
||||
} else {
|
||||
// Is not localhost. Just register service worker
|
||||
registerValidSW(swUrl, config);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function registerValidSW(swUrl, config) {
|
||||
navigator.serviceWorker
|
||||
.register(swUrl)
|
||||
.then(registration => {
|
||||
registration.onupdatefound = () => {
|
||||
const installingWorker = registration.installing;
|
||||
if (installingWorker == null) {
|
||||
return;
|
||||
}
|
||||
installingWorker.onstatechange = () => {
|
||||
if (installingWorker.state === 'installed') {
|
||||
if (navigator.serviceWorker.controller) {
|
||||
// At this point, the updated precached content has been fetched,
|
||||
// but the previous service worker will still serve the older
|
||||
// content until all client tabs are closed.
|
||||
console.log(
|
||||
'New content is available and will be used when all ' +
|
||||
'tabs for this page are closed. See https://bit.ly/CRA-PWA.'
|
||||
);
|
||||
|
||||
// Execute callback
|
||||
if (config && config.onUpdate) {
|
||||
config.onUpdate(registration);
|
||||
}
|
||||
} else {
|
||||
// At this point, everything has been precached.
|
||||
// It's the perfect time to display a
|
||||
// "Content is cached for offline use." message.
|
||||
console.log('Content is cached for offline use.');
|
||||
|
||||
// Execute callback
|
||||
if (config && config.onSuccess) {
|
||||
config.onSuccess(registration);
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
};
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Error during service worker registration:', error);
|
||||
});
|
||||
}
|
||||
|
||||
function checkValidServiceWorker(swUrl, config) {
|
||||
// Check if the service worker can be found. If it can't reload the page.
|
||||
fetch(swUrl, {
|
||||
headers: { 'Service-Worker': 'script' },
|
||||
})
|
||||
.then(response => {
|
||||
// Ensure service worker exists, and that we really are getting a JS file.
|
||||
const contentType = response.headers.get('content-type');
|
||||
if (
|
||||
response.status === 404 ||
|
||||
(contentType != null && contentType.indexOf('javascript') === -1)
|
||||
) {
|
||||
// No service worker found. Probably a different app. Reload the page.
|
||||
navigator.serviceWorker.ready.then(registration => {
|
||||
registration.unregister().then(() => {
|
||||
window.location.reload();
|
||||
});
|
||||
});
|
||||
} else {
|
||||
// Service worker found. Proceed as normal.
|
||||
registerValidSW(swUrl, config);
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
console.log(
|
||||
'No internet connection found. App is running in offline mode.'
|
||||
);
|
||||
});
|
||||
}
|
||||
|
||||
export function unregister() {
|
||||
if ('serviceWorker' in navigator) {
|
||||
navigator.serviceWorker.ready
|
||||
.then(registration => {
|
||||
registration.unregister();
|
||||
})
|
||||
.catch(error => {
|
||||
console.error(error.message);
|
||||
});
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
// jest-dom adds custom jest matchers for asserting on DOM nodes.
|
||||
// allows you to do things like:
|
||||
// expect(element).toHaveTextContent(/react/i)
|
||||
// learn more: https://github.com/testing-library/jest-dom
|
||||
import '@testing-library/jest-dom/extend-expect';
|
||||
Reference in New Issue
Block a user