llvy.ltd/casdoor
1
0
Fork 0
mirror of https://github.com/casdoor/casdoor.git synced 2025-05-22 18:25:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

Use react links.

Browse Source
This commit is contained in:
Yang Luo 2021-02-12 00:31:53 +08:00
parent 8790e95147
commit ee1e08ae20
5 changed files with 40 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
web/src/App.js
View File

@ -17,7 +17,7 @@ import './App.css';
import * as Setting from "./Setting";
import {DownOutlined, LogoutOutlined, SettingOutlined} from '@ant-design/icons';
import {Avatar, BackTop, Dropdown, Layout, Menu} from 'antd';
import {Switch, Route, withRouter, Redirect} from 'react-router-dom'
import {Switch, Route, withRouter, Redirect, Link} from 'react-router-dom'
import * as AccountBackend from "./backend/AccountBackend";
import OrganizationListPage from "./OrganizationListPage";
import OrganizationEditPage from "./OrganizationEditPage";
@ -80,16 +80,9 @@ class App extends Component {
AccountBackend.getAccount()
.then((res) => {
const account = Setting.parseJson(res.data);
if (window.location.pathname === '/' && account === null) {
Setting.goToLink("/");
}
this.setState({
account: account,
});
if (account !== undefined && account !== null) {
window.mouselogUserId = account.username;
}
});
}
@ -161,24 +154,17 @@ class App extends Component {
res.push(this.renderRightDropdown());
} else {
res.push(
<Menu.Item key="1" style={{float: 'right', marginRight: '20px'}}>
<a href="/register">
<Menu.Item key="100" style={{float: 'right', marginRight: '20px'}}>
<Link to="/register">
Register
</a>
</Link>
</Menu.Item>
);
res.push(
<Menu.Item key="2" style={{float: 'right'}}>
<a href="/login">
<Menu.Item key="101" style={{float: 'right'}}>
<Link to="/login">
Login
</a>
</Menu.Item>
);
res.push(
<Menu.Item key="4" style={{float: 'right'}}>
<a href="/">
Home
</a>
</Link>
</Menu.Item>
);
}
@ -195,37 +181,37 @@ class App extends Component {
res.push(
<Menu.Item key="0">
<a href="/">
<Link to="/">
Home
</a>
</Link>
</Menu.Item>
);
res.push(
<Menu.Item key="1">
<a href="/organizations">
<Link to="/organizations">
Organizations
</a>
</Link>
</Menu.Item>
);
res.push(
<Menu.Item key="2">
<a href="/users">
<Link to="/users">
Users
</a>
</Link>
</Menu.Item>
);
res.push(
<Menu.Item key="3">
<a href="/providers">
<Link to="/providers">
Providers
</a>
</Link>
</Menu.Item>
);
res.push(
<Menu.Item key="4">
<a href="/applications">
<Link to="/applications">
Applications
</a>
</Link>
</Menu.Item>
);

11
web/src/ApplicationListPage.js
View File

@ -1,4 +1,5 @@
import React from "react";
import {Link} from "react-router-dom";
import {Button, Col, Popconfirm, Row, Table} from 'antd';
import moment from "moment";
import * as Setting from "./Setting";
@ -76,7 +77,9 @@ class ApplicationListPage extends React.Component {
sorter: (a, b) => a.name.localeCompare(b.name),
render: (text, record, index) => {
return (
<a href={`/applications/${text}`}>{text}</a>
<Link to={`/applications/${text}`}>
{text}
</Link>
)
}
},
@ -104,11 +107,9 @@ class ApplicationListPage extends React.Component {
width: '100px',
render: (text, record, index) => {
return (
<div>
<a target="_blank" href={text}>
<img src={text} alt={text} width={150} style={{marginBottom: '20px'}}/>
<img src={text} alt={text} width={150} />
</a>
</div>
)
}
},
@ -127,7 +128,7 @@ class ApplicationListPage extends React.Component {
render: (text, record, index) => {
return (
<div>
<Button style={{marginTop: '10px', marginBottom: '10px', marginRight: '10px'}} type="primary" onClick={() => Setting.goToLink(`/applications/${record.name}`)}>Edit</Button>
<Button style={{marginTop: '10px', marginBottom: '10px', marginRight: '10px'}} type="primary" onClick={() => this.props.history.push(`/applications/${record.name}`)}>Edit</Button>
<Popconfirm
title={`Sure to delete application: ${record.name} ?`}
onConfirm={() => this.deleteApplication(index)}

7
web/src/OrganizationListPage.js
View File

@ -1,4 +1,5 @@
import React from "react";
import {Link} from "react-router-dom";
import {Button, Col, Popconfirm, Row, Table} from 'antd';
import moment from "moment";
import * as Setting from "./Setting";
@ -75,7 +76,9 @@ class OrganizationListPage extends React.Component {
sorter: (a, b) => a.name.localeCompare(b.name),
render: (text, record, index) => {
return (
<a href={`/organizations/${text}`}>{text}</a>
<Link to={`/organizations/${text}`}>
{text}
</Link>
)
}
},
@ -111,7 +114,7 @@ class OrganizationListPage extends React.Component {
render: (text, record, index) => {
return (
<div>
<Button style={{marginTop: '10px', marginBottom: '10px', marginRight: '10px'}} type="primary" onClick={() => Setting.goToLink(`/organizations/${record.name}`)}>Edit</Button>
<Button style={{marginTop: '10px', marginBottom: '10px', marginRight: '10px'}} type="primary" onClick={() => this.props.history.push(`/organizations/${record.name}`)}>Edit</Button>
<Popconfirm
title={`Sure to delete organization: ${record.name} ?`}
onConfirm={() => this.deleteOrganization(index)}

7
web/src/ProviderListPage.js
View File

@ -1,4 +1,5 @@
import React from "react";
import {Link} from "react-router-dom";
import {Button, Col, Popconfirm, Row, Table} from 'antd';
import moment from "moment";
import * as Setting from "./Setting";
@ -78,7 +79,9 @@ class ProviderListPage extends React.Component {
sorter: (a, b) => a.name.localeCompare(b.name),
render: (text, record, index) => {
return (
<a href={`/providers/${text}`}>{text}</a>
<Link to={`/providers/${text}`}>
{text}
</Link>
)
}
},
@ -135,7 +138,7 @@ class ProviderListPage extends React.Component {
render: (text, record, index) => {
return (
<div>
<Button style={{marginTop: '10px', marginBottom: '10px', marginRight: '10px'}} type="primary" onClick={() => Setting.goToLink(`/providers/${record.name}`)}>Edit</Button>
<Button style={{marginTop: '10px', marginBottom: '10px', marginRight: '10px'}} type="primary" onClick={() => this.props.history.push(`/providers/${record.name}`)}>Edit</Button>
<Popconfirm
title={`Sure to delete provider: ${record.name} ?`}
onConfirm={() => this.deleteProvider(index)}

7
web/src/UserListPage.js
View File

@ -1,4 +1,5 @@
import React from "react";
import {Link} from "react-router-dom";
import {Button, Col, Popconfirm, Row, Table} from 'antd';
import moment from "moment";
import * as Setting from "./Setting";
@ -78,7 +79,9 @@ class UserListPage extends React.Component {
sorter: (a, b) => a.name.localeCompare(b.name),
render: (text, record, index) => {
return (
<a href={`/users/${text}`}>{text}</a>
<Link to={`/users/${text}`}>
{text}
</Link>
)
}
},
@ -135,7 +138,7 @@ class UserListPage extends React.Component {
render: (text, record, index) => {
return (
<div>
<Button style={{marginTop: '10px', marginBottom: '10px', marginRight: '10px'}} type="primary" onClick={() => Setting.goToLink(`/users/${record.name}`)}>Edit</Button>
<Button style={{marginTop: '10px', marginBottom: '10px', marginRight: '10px'}} type="primary" onClick={() => this.props.history.push(`/users/${record.name}`)}>Edit</Button>
<Popconfirm
title={`Sure to delete user: ${record.name} ?`}
onConfirm={() => this.deleteUser(index)}