wangchunlin
/
cvat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add dashboard component (#521)

Browse Source 
Allow CORS from `http://localhost:3000`
main
Artyom Zankevich 7 years ago committed by Nikita Manovich
parent 23d7c33667
commit 9eabd1738e
16 changed files with 122 additions and 11067 deletions
Show Stats Download Patch File Download Diff File

5
cvat-ui/package.json
Unescape Escape View File

@ -1,12 +1,14 @@
{ {
"name": "cvat-ui", "name": "cvat-ui",
"version": "0.1.0", "version": "0.1.0",
"license": "MIT",
"private": true, "private": true,
"dependencies": { "dependencies": {
"@types/jest": "24.0.13", "@types/jest": "24.0.13",
"@types/node": "12.0.3", "@types/node": "^12.0.3",
"@types/react": "16.8.19", "@types/react": "16.8.19",
"@types/react-dom": "16.8.4", "@types/react-dom": "16.8.4",
"@types/react-router-dom": "^4.3.4",
"antd": "^3.19.1", "antd": "^3.19.1",
"babel-plugin-import": "^1.11.2", "babel-plugin-import": "^1.11.2",
"customize-cra": "^0.2.12", "customize-cra": "^0.2.12",
@ -15,6 +17,7 @@
"react": "^16.8.6", "react": "^16.8.6",
"react-app-rewired": "^2.1.3", "react-app-rewired": "^2.1.3",
"react-dom": "^16.8.6", "react-dom": "^16.8.6",
"react-router-dom": "^5.0.1",
"react-scripts": "3.0.1", "react-scripts": "3.0.1",
"source-map-explorer": "^1.8.0", "source-map-explorer": "^1.8.0",
"typescript": "3.4.5" "typescript": "3.4.5"

22
cvat-ui/public/cvat.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
cvat-ui/public/index.html
Unescape Escape View File

@ -20,6 +20,8 @@
Learn how to configure a non-root public URL by running `npm run build`. Learn how to configure a non-root public URL by running `npm run build`.
--> -->
<title>React App</title> <title>React App</title>
<script src="./cvat.min.js"></script>
</head> </head>
<body> <body>
<noscript>You need to enable JavaScript to run this app.</noscript> <noscript>You need to enable JavaScript to run this app.</noscript>

6
cvat-ui/src/App.css
Unescape Escape View File

@ -1,6 +0,0 @@
.App {
display: flex;
align-items: center;
justify-content: center;
height: stretch;
}

15
cvat-ui/src/App.tsx
Unescape Escape View File

@ -1,15 +0,0 @@
import React, { Component } from 'react';
import { Button } from 'antd';
import './App.css';
class App extends Component {
render() {
return (
<div className="App">
<Button type="primary">Button</Button>
</div>
);
}
}
export default App;

3
cvat-ui/src/components/app/App.css
Unescape Escape View File

@ -0,0 +1,3 @@
.App {
}

0
cvat-ui/src/App.test.tsx → cvat-ui/src/components/app/App.test.tsx
Unescape Escape View File

21
cvat-ui/src/components/app/App.tsx
Unescape Escape View File

@ -0,0 +1,21 @@
import React, { Component } from 'react';
import { BrowserRouter as Router, Route, Redirect } from 'react-router-dom';
import Dashboard from '../dashboard/Dashboard';
import './App.css';
class App extends Component {
render() {
return(
<Router>
<div>
<Redirect from="/" to="dashboard" />
<Route path="/dashboard" component={Dashboard} />
</div>
</Router>
);
}
}
export default App;

3
cvat-ui/src/components/dashboard/Dashboard.css
Unescape Escape View File

@ -0,0 +1,3 @@
.Dashboard {
}

9
cvat-ui/src/components/dashboard/Dashboard.test.tsx
Unescape Escape View File

@ -0,0 +1,9 @@
import React from 'react';
import ReactDOM from 'react-dom';
import Dashboard from './Dashboard';
it('renders without crashing', () => {
const div = document.createElement('div');
ReactDOM.render(<Dashboard />, div);
ReactDOM.unmountComponentAtNode(div);
});

40
cvat-ui/src/components/dashboard/Dashboard.tsx
Unescape Escape View File

@ -0,0 +1,40 @@
import React, { Component } from 'react';
import './Dashboard.css';
declare const window: any;
class Dashboard extends Component {
constructor(props: any) {
super(props);
}
componentWillMount() {
window.cvat.server.login('admin', 'admin').then(
(response: any) => {
console.log(response);
},
(error: any) => {
console.log(error);
}
);
window.cvat.tasks.get().then(
(response: any) => {
console.log(response);
},
(error: any) => {
console.log(error);
}
);
}
render() {
return(
<div className="Dashboard">
</div>
);
}
}
export default Dashboard;

11
cvat-ui/src/index.tsx
Unescape Escape View File

@ -1,10 +1,15 @@
import React from 'react'; import React from 'react';
import ReactDOM from 'react-dom'; import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker'; import * as serviceWorker from './serviceWorker';
ReactDOM.render(<App />, document.getElementById('root')); import './index.css';
import App from './components/app/App';
ReactDOM.render(
<App />,
document.getElementById('root')
);
// If you want your app to work offline and load faster, you can change // If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls. // unregister() to register() below. Note this comes with some pitfalls.

0
cvat-ui/src/utils/.gitkeep
Unescape Escape View File

11042
cvat-ui/yarn.lock
View File

File diff suppressed because it is too large Load Diff

1
cvat/requirements/development.txt
Unescape Escape View File

@ -12,3 +12,4 @@ wrapt==1.10.11
django-extensions==2.0.6 django-extensions==2.0.6
Werkzeug==0.14.1 Werkzeug==0.14.1
snakeviz==0.4.2 snakeviz==0.4.2
django-cors-headers==3.0.2

9
cvat/settings/development.py
Unescape Escape View File

@ -9,6 +9,15 @@ DEBUG = True
INSTALLED_APPS += [ INSTALLED_APPS += [
'django_extensions', 'django_extensions',
'corsheaders',
]
MIDDLEWARE += [
'corsheaders.middleware.CorsMiddleware',
]
CORS_ORIGIN_WHITELIST = [
"http://localhost:3000",
] ]
ALLOWED_HOSTS.append('testserver') ALLOWED_HOSTS.append('testserver')

Write Preview
Loading…
Cancel
Save