markus.schubert/quarantale
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

add client copied from nwap

Browse source
This commit is contained in:
Markus Schubert 2020-03-12 18:37:50 +01:00
parent 278415ce32
commit c3ece37824
38 changed files with 13644 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
client/.gitignore vendored Executable file
View file

@ -0,0 +1,23 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
# dependencies
/node_modules
/.pnp
.pnp.js
# testing
/coverage
# production
/build
# misc
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local
npm-debug.log*
yarn-debug.log*
yarn-error.log*

68
client/README.md Executable file
View file

@ -0,0 +1,68 @@
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
## Available Scripts
In the project directory, you can run:
### `npm start`
Runs the app in the development mode.<br>
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
The page will reload if you make edits.<br>
You will also see any lint errors in the console.
### `npm test`
Launches the test runner in the interactive watch mode.<br>
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
### `npm run build`
Builds the app for production to the `build` folder.<br>
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.<br>
Your app is ready to be deployed!
See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
### `npm run eject`
**Note: this is a one-way operation. Once you `eject`, you can’t go back!**
If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
Instead, it will copy all the configuration files and the transitive dependencies (Webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
## Learn More
You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
To learn React, check out the [React documentation](https://reactjs.org/).
### Code Splitting
This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting
### Analyzing the Bundle Size
This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size
### Making a Progressive Web App
This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app
### Advanced Configuration
This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration
### Deployment
This section has moved here: https://facebook.github.io/create-react-app/docs/deployment
### `npm run build` fails to minify
This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

31
client/package.json Normal file
View file

@ -0,0 +1,31 @@
{
"name": "client",
"version": "0.1.0",
"private": true,
"dependencies": {
"antd": "^3.12.3",
"react": "^16.7.0",
"react-dom": "^16.7.0",
"react-redux": "^5.1.0",
"react-router-dom": "^4.3.1",
"react-scripts": "2.1.3",
"redux": "^4.0.1",
"redux-thunk": "^2.3.0"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": [
">0.2%",
"not dead",
"not ie <= 11",
"not op_mini all"
],
"proxy": "http://localhost:3001"
}

BIN
client/public/favicon.ico Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 17 KiB

41
client/public/index.html Executable file
View file

@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<meta name="theme-color" content="#000000" />
<!--
manifest.json provides metadata used when your web app is added to the
homescreen on Android. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<!--
Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>NWAP - Stand der Dinge</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<!--
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.
You can add webfonts, meta tags, or analytics to this file.
The build step will place the bundled scripts into the <body> tag.
To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`.
-->
</body>
</html>

15
client/public/manifest.json Executable file
View file

@ -0,0 +1,15 @@
{
"short_name": "React App",
"name": "Create React App Sample",
"icons": [
{
"src": "favicon.ico",
"sizes": "64x64 32x32 24x24 16x16",
"type": "image/x-icon"
}
],
"start_url": ".",
"display": "standalone",
"theme_color": "#000000",
"background_color": "#ffffff"
}

39
client/src/App.css Executable file
View file

@ -0,0 +1,39 @@
.App {
text-align: center;
}
.App-logo {
animation: App-logo-spin infinite 20s linear;
height: 40vmin;
}
.App-header {
background-color: #282c34;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: calc(10px + 2vmin);
color: white;
}
.App-link {
color: #61dafb;
}
@keyframes App-logo-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@font-face {
font-family: 'Super-FamiFont';
src: url('./fonts/Super-FamiFont.ttf.eot'); /* IE9 Compat Modes */
src: url('./fonts/Super-FamiFont.ttf.woff') format('woff'), /* Pretty Modern Browsers */
url('./fonts/Super-FamiFont.ttf.svg') format('svg'); /* Legacy iOS */
}

17
client/src/App.js Executable file
View file

@ -0,0 +1,17 @@
import React, { Component } from 'react';
import AppRouter from './components/AppRouter';
import { Provider } from 'react-redux';
import store from './store'
import './App.css';
class App extends Component {
render() {
return (
<Provider store={store}>
<AppRouter />
</Provider>
);
}
}
export default App;

9
client/src/App.test.js Executable file
View file

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

218
client/src/actions/appActions.js Normal file
View file

@ -0,0 +1,218 @@
import ApiService from '../services/ApiService';
import {
CONFIG_LOADED,
CONFIG_LOAD_ERROR,
CONFIG_UPDATED,
CONFIG_SAVED,
OBJECT_STARTED,
OBJECT_PAUSED,
OBJECT_STOPPED,
OBJECT_STATUS_LOADED,
FILE_UPLOADED,
FILES_LOADED,
FILE_DELETED,
PARAMS_LOADED,
PARAMS_LOAD_ERROR,
PLAYERS_LOADED,
PLAYERS_LOAD_ERROR
} from './types';
export const loadConfig = (onSuccess, onError) => dispatch => {
const service = new ApiService();
const scb = (data) => {
dispatch({
type: CONFIG_LOADED,
config: data
});
if (onSuccess) onSuccess(data);
}
const ecb = (error) => {
dispatch({
type: CONFIG_LOAD_ERROR,
error: error
});
if (onError) onError(error);
}
service.getConfig(scb, ecb);
};
export const updateConfig = (requestData, onSuccess, onError) => dispatch => {
const service = new ApiService();
const scb = (data) => {
dispatch({
type: CONFIG_UPDATED,
config: data
});
if (onSuccess) onSuccess(data);
}
const ecb = (error) => {
if (onError) onError(error);
}
service.udpateConfig(requestData, scb, ecb);
};
export const saveConfig = (onSuccess, onError) => dispatch => {
const service = new ApiService();
const scb = (data) => {
dispatch({
type: CONFIG_SAVED,
config: data
});
if (onSuccess) onSuccess(data);
}
const ecb = (error) => {
if (onError) onError(error);
}
service.saveConfig(scb, ecb);
};
export const getObjectConfig = (onSuccess, onError) => dispatch => {
const service = new ApiService();
const scb = (data) => {
dispatch({
type: OBJECT_STATUS_LOADED,
status: data.status
});
if (onSuccess) onSuccess(data);
}
const ecb = (error) => {
if (onError) onError(error);
}
service.getObjectStatus(scb, ecb);
};
export const startObject = (onSuccess, onError) => dispatch => {
const service = new ApiService();
const scb = (data) => {
dispatch({
type: OBJECT_STARTED,
status: data.status
});
if (onSuccess) onSuccess(data);
}
const ecb = (error) => {
if (onError) onError(error);
}
service.startObject(scb, ecb);
};
export const pauseObject = (onSuccess, onError) => dispatch => {
const service = new ApiService();
const scb = (data) => {
dispatch({
type: OBJECT_PAUSED,
status: data.status
});
if (onSuccess) onSuccess(data);
}
const ecb = (error) => {
if (onError) onError(error);
}
service.pauseObject(scb, ecb);
};
export const stopObject = (onSuccess, onError) => dispatch => {
const service = new ApiService();
const scb = (data) => {
dispatch({
type: OBJECT_STOPPED,
status: data.status
});
if (onSuccess) onSuccess(data);
}
const ecb = (error) => {
if (onError) onError(error);
}
service.stopObject(scb, ecb);
};
export const fileUploaded = (fileData) => dispatch => {
dispatch({
type: FILE_UPLOADED,
file: fileData
});
}
export const loadFiles = (onSuccess, onError) => dispatch => {
const service = new ApiService();
const scb = (data) => {
dispatch({
type: FILES_LOADED,
files: data
});
if (onSuccess) onSuccess(data);
}
const ecb = (error) => {
if (onError) onError(error);
}
service.getFiles(scb, ecb);
};
export const uploadFile = (formData, onSuccess, onError) => dispatch => {
const service = new ApiService();
const scb = (data) => {
dispatch({
type: FILE_UPLOADED,
file: data
});
if (onSuccess) onSuccess(data);
}
const ecb = (error) => {
if (onError) onError(error);
}
service.uploadFile(formData, scb, ecb);
};
export const deleteFile = (name, onSuccess, onError) => dispatch => {
const service = new ApiService();
const scb = (data) => {
dispatch({
type: FILE_DELETED,
fileName: name
});
if (onSuccess) onSuccess(data);
}
const ecb = (error) => {
if (onError) onError(error);
}
service.deleteFile(name, scb, ecb);
};
export const loadParams = (onSuccess, onError) => dispatch => {
const service = new ApiService();
const scb = (data) => {
dispatch({
type: PARAMS_LOADED,
params: data
});
if (onSuccess) onSuccess(data);
}
const ecb = (error) => {
dispatch({
type: PARAMS_LOAD_ERROR,
error: error
});
if (onError) onError(error);
}
service.getParams(scb, ecb);
};
export const loadPlayers = (showId, onSuccess, onError) => dispatch => {
const service = new ApiService();
const scb = (data) => {
dispatch({
type: PLAYERS_LOADED,
players: data
});
//if (onSuccess) onSuccess(data);
}
const ecb = (error) => {
dispatch({
type: PLAYERS_LOAD_ERROR,
error: error
});
//if (onError) onError(error);
}
service.getPlayers(showId, scb, ecb);
};

15
client/src/actions/types.js Normal file
View file

@ -0,0 +1,15 @@
export const CONFIG_LOADED = 'CONFIG_LOADED';
export const CONFIG_LOAD_ERROR = 'CONFIG_LOAD_ERROR';
export const CONFIG_UPDATED = 'CONFIG_SAVED';
export const CONFIG_SAVED = 'CONFIG_SAVED';
export const OBJECT_STARTED = 'OBJECT_STARTED';
export const OBJECT_PAUSED = 'OBJECT_PAUSED';
export const OBJECT_STOPPED = 'OBJECT_STOPPED';
export const OBJECT_STATUS_LOADED = 'OBJECT_STATUS_LOADED';
export const FILE_UPLOADED = 'FILE_UPLOADED';
export const FILES_LOADED = 'FILES_LOADED';
export const FILE_DELETED = 'FILE_DELETED';
export const PARAMS_LOADED = 'PARAMS_LOADED';
export const PARAMS_LOAD_ERROR = 'PARAMS_LOAD_ERROR';
export const PLAYERS_LOADED = 'PLAYERS_LOADED';
export const PLAYERS_LOAD_ERROR = 'PLAYERS_LOAD_ERROR';

395
client/src/components/AppConfig/AppConfig.js Normal file
View file

@ -0,0 +1,395 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import { loadConfig, updateConfig, saveConfig } from '../../actions/appActions';
import { Form, Switch, Select, Input, Button, Icon, Card, Tooltip } from 'antd';
import FormItem from 'antd/lib/form/FormItem';
import { NumericInput } from '../';
class AppConfig extends Component {
constructor(props) {
super(props);
this.state = {
config: {},
loadingConfig: true,
updatingConfig: false,
savingConfig: false,
configLoadError: false,
configUpdateError: false,
configSaveError: false
}
}
componentWillMount() {
let scb = (data) => {
if (data.custom === undefined) {
data.custom = {};
};
if (data.custom.printer === undefined) {
data.custom.printer = {};
}
if (data.custom.printer.margins === undefined) {
data.custom.printer.margins = {
top: 0,
bottom: 0,
left: 10,
right: 10
};
}
this.setState({
config: data,
loadingConfig: false
});
}
let ecb = (error) => {
this.setState({
configLoadError: error,
loadingConfig: false
});
}
this.props.loadConfig(scb, ecb);
}
updateConfig = (e) => {
e.preventDefault();
this.setState({
updatingConfig: true
});
let scb = (data) => {
this.setState({
config: data,
updatingConfig: false
});
}
let ecb = (error) => {
this.setState({
configUpdateError: error,
updatingConfig: false
});
}
this.props.updateConfig(this.state.config, scb, ecb);
};
saveConfig = (e) => {
e.preventDefault();
this.setState({
savingConfig: true
});
let scb = (data) => {
this.setState({
config: data,
savingConfig: false
});
}
let ecb = (error) => {
this.setState({
configSaveError: error,
savingConfig: false
});
}
this.props.saveConfig(scb, ecb);
};
handleChange = name => event => {
let v = 0;
let c = JSON.parse(JSON.stringify(this.state.config));
switch (name) {
case 'key':
c.objectOptions.key = event.target.value;
break;
case 'objectType':
c.objectType = event;
break;
case 'secret':
c.objectOptions.secret = event.target.value;
break;
case 'server':
c.objectOptions.server = event.target.value;
break;
case 'dataDir':
c.dataDir = event.target.value;
break;
case 'tempDir':
c.tempDir = event.target.value;
break;
case 'polling':
const pi = parseInt(event, 10);
c.objectOptions.pollingInterval = pi;
break;
case 'start':
c.startsImmediately = !c.startsImmediately;
break;
case 'printermargintop':
v = parseInt(event, 10);
c.custom.printer.margins.top = v;
break;
case 'printermarginbottom':
v = parseInt(event, 10);
c.custom.printer.margins.bottom = v;
break;
case 'printermarginleft':
v = parseInt(event, 10);
c.custom.printer.margins.left = v;
break;
case 'printermarginright':
v = parseInt(event, 10);
c.custom.printer.margins.right = v;
break;
case 'printerAdditionalCmdArgs':
c.custom.printer.additionalCmdArgs = event.target.value;
break;
default:
// do nothing
}
this.setState({
config: c
});
};
render() {
const formItemLayout = {
labelCol: {
xs: { span: 24 },
sm: { span: 8 },
},
wrapperCol: {
xs: { span: 24 },
sm: { span: 16 },
},
};
const tailFormItemLayout = {
wrapperCol: {
xs: {
span: 24,
offset: 0,
},
sm: {
span: 16,
offset: 8,
},
},
};
let updateButtonDisabled = JSON.stringify(this.props.config) === JSON.stringify(this.state.config);
let saveButtonDisabled = true;
if (updateButtonDisabled === true && this.state.config.saved === false) saveButtonDisabled = false;
let error = '';
if (this.state.configUpdateError) error = this.state.configUpdateError;
if (this.state.configSaveError) error = this.state.configSaveError;
const Option = Select.Option;
return (
<Card title="application config">
{this.state.loadingConfig &&
<pre>loading config...</pre>
}
{!this.state.loadingConfig &&
<Form>
<Form.Item {...formItemLayout}
label={(
<Tooltip title='Determines if the server should start polling immediately after bootup.'>
<span>starts immediately</span>
</Tooltip>
)}>
<Switch
checked={this.state.config.startsImmediately}
onChange={this.handleChange('start')} />
</Form.Item>
<Form.Item {...formItemLayout}
label={(
<Tooltip title='Select the type of the object.'>
<span>object type</span>
</Tooltip>
)}>
<Select defaultValue={this.state.config.objectType} style={{ width: 150 }} onChange={this.handleChange('objectType')}>
<Option value='default'>Default</Option>
<Option value='osc'>OSC</Option>
<Option value="printer">Printer</Option>
</Select>
</Form.Item>
<Form.Item {...formItemLayout}
label={(
<Tooltip title='Enter the path to the data directory.'>
<span>data directory</span>
</Tooltip>
)}>
<Input
value={this.state.config.dataDir}
onChange={this.handleChange('dataDir')} />
</Form.Item>
<Form.Item {...formItemLayout}
label={(
<Tooltip title='Enter the path to the temp directory.'>
<span>temp directory</span>
</Tooltip>
)}>
<Input
value={this.state.config.tempDir}
onChange={this.handleChange('tempDir')} />
</Form.Item>
<Form.Item {...formItemLayout}
label={(
<Tooltip title='Enter the url of the toto object service instance.'>
<span>server</span>
</Tooltip>
)}>
<Input
value={this.state.config.objectOptions.server}
onChange={this.handleChange('server')} />
</Form.Item>
<Form.Item {...formItemLayout}
label={(
<Tooltip title='Enter the key of the toto object.'>
<span>object key</span>
</Tooltip>
)}>
<Input
value={this.state.config.objectOptions.key}
onChange={this.handleChange('key')} />
</Form.Item>
<Form.Item {...formItemLayout}
label={(
<Tooltip title='Enter the secret of the toto object.'>
<span>object secret</span>
</Tooltip>
)}>
<Input
value={this.state.config.objectOptions.secret}
onChange={this.handleChange('secret')} />
</Form.Item>
<Form.Item {...formItemLayout}
label={(
<Tooltip title='How often should the object ask for new payloads.'>
<span>polling interval</span>
</Tooltip>
)}>
<NumericInput
style={{ width: 80 }}
value={this.state.config.objectOptions.pollingInterval}
onChange={this.handleChange('polling')} />
</Form.Item>
<FormItem {...formItemLayout}
label={(
<Tooltip title='If it is saved on the object so it will automatically load when start the device up.'>
<span>saved</span>
</Tooltip>
)}>
{this.state.config.saved &&
<Icon type="check" />
}
</FormItem>
<hr />
<Form.Item {...formItemLayout}
label={(
<Tooltip title='custom printer processor properties'>
<span>custom printer</span>
</Tooltip>
)}>
</Form.Item>
<Form.Item {...formItemLayout}
label={(
<Tooltip title='Margin top.'>
<span>margin top</span>
</Tooltip>
)}>
<NumericInput
style={{ width: 80 }}
value={this.state.config.custom.printer.margins.top}
onChange={this.handleChange('printermargintop')} />
</Form.Item>
<Form.Item {...formItemLayout}
label={(
<Tooltip title='Margin bottom.'>
<span>margin bottom</span>
</Tooltip>
)}>
<NumericInput
style={{ width: 80 }}
value={this.state.config.custom.printer.margins.bottom}
onChange={this.handleChange('printermarginbottom')} />
</Form.Item>
<Form.Item {...formItemLayout}
label={(
<Tooltip title='Margin left.'>
<span>margin left</span>
</Tooltip>
)}>
<NumericInput
style={{ width: 80 }}
value={this.state.config.custom.printer.margins.left}
onChange={this.handleChange('printermarginleft')} />
</Form.Item>
<Form.Item {...formItemLayout}
label={(
<Tooltip title='Margin right.'>
<span>margin right</span>
</Tooltip>
)}>
<NumericInput
style={{ width: 80 }}
value={this.state.config.custom.printer.margins.right}
onChange={this.handleChange('printermarginright')} />
</Form.Item>
<Form.Item {...formItemLayout}
label={(
<Tooltip title='Enter additional command line arguments.'>
<span>additional cmd args</span>
</Tooltip>
)}>
<Input
value={this.state.config.custom.printer.additionalCmdArgs}
onChange={this.handleChange('printerAdditionalCmdArgs')} />
</Form.Item>
<hr />
<Form.Item {...tailFormItemLayout}>
<Button
style={{ width: 100 }}
disabled={updateButtonDisabled}
type="primary"
onClick={this.updateConfig}>
update
</Button>
<Button
style={{ marginLeft: 20, width: 100 }}
disabled={saveButtonDisabled}
type="primary"
onClick={this.saveConfig}>
save
</Button>
</Form.Item>
<FormItem {...tailFormItemLayout}
validateStatus="error"
help={error.message}>
</FormItem>
</Form>
}
</Card>
)
};
}
AppConfig.propTypes = {
loadConfig: PropTypes.func.isRequired,
updateConfig: PropTypes.func.isRequired,
saveConfig: PropTypes.func.isRequired,
config: PropTypes.object
}
const mapStateToProps = state => ({
config: state.appData.config,
configLoadError: state.appData.configLoadError
});
export default connect(mapStateToProps, { loadConfig, updateConfig, saveConfig })(AppConfig);

99
client/src/components/AppHeader/AppHeader.js Normal file
View file

@ -0,0 +1,99 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import { loadParams } from '../../actions/appActions';
import { Link } from 'react-router-dom';
import { withRouter } from "react-router";
import { Layout, Menu } from 'antd';
import 'antd/dist/antd.css';
const { Header } = Layout;
const styles = {
logo: {
float: 'left',
color: 'white',
fontSize: '1.4em',
marginRight: 30,
fontFamily: 'Super-FamiFont'
},
logoImage: {
float: 'left',
color: 'white',
marginRight: 30,
marginTop: 7,
height: 50,
width: 50
},
hiddenShowId: {
color: '#3399cc'
}
}
class AppHeader extends Component {
reloadParams = () => {
this.props.loadParams();
};
render() {
let selectedKeys = [];
if (this.props.location.pathname === '/controls') selectedKeys = (['controls']);
if (this.props.location.pathname === '/config') selectedKeys = (['config']);
if (this.props.location.pathname === '/files') selectedKeys = (['files']);
let menu;
if (selectedKeys.length > 0) {
menu =
<Menu
theme="dark"
mode="horizontal"
selectedKeys={selectedKeys}
style={{ lineHeight: '64px' }}>
<Menu.Item key="controls">
<Link to="/controls">controls</Link>
</Menu.Item>
<Menu.Item key="config">
<Link to="/config">config</Link>
</Menu.Item>
<Menu.Item key="files">
<Link to="/files">files</Link>
</Menu.Item>
</Menu>
}
let currentShow = this.props.params.find((param) => {
return param.key === 'current show';
});
if (currentShow) {
currentShow = currentShow.value;
} else {
currentShow = '';
}
return (
<Header style={{ position: 'fixed', zIndex: 1, width: '100%', background: '#3399cc' }}>
<div style={styles.logo}>
<img style={styles.logoImage} src='images/nwap_logo.png' alt='' onClick={this.reloadParams} />
<Link style={styles.logo} to="/">Post Labour Index</Link>
<span style={styles.hiddenShowId}>{currentShow}</span>
</div>
{menu}
</Header>
)
}
};
AppHeader.propTypes = {
loadParams: PropTypes.func.isRequired,
params: PropTypes.array
};
const mapStateToProps = state => ({
params: state.appData.params,
paramsLoadError: state.appData.paramsLoadError
});
export default withRouter(connect(mapStateToProps, { loadParams })(AppHeader));

49
client/src/components/AppRouter.js Normal file
View file

@ -0,0 +1,49 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import { loadParams } from '../actions/appActions';
import { BrowserRouter as Router, Route } from 'react-router-dom';
import { ConfigPage, ControlsPage, FilesPage, ScoreboardPage } from '../pages';
import { Layout } from 'antd';
import { AppHeader } from '../components';
import 'antd/dist/antd.css';
const { Content } = Layout;
class AppRouter extends Component {
componentWillMount() {
this.props.loadParams();
};
render() {
return (
<Router>
<Layout style={{height:"100%"}}>
<AppHeader />
<Content style={{ padding: '0 50px', marginTop: 64 }}>
<div style={{ background: '#fff', padding: 24, minHeight: '100%' }}>
<Route exact path='/' component={ScoreboardPage} />
<Route exact path='/controls' component={ControlsPage} />
<Route exact path='/config' component={ConfigPage} />
<Route exact path='/files' component={FilesPage} />
</div>
</Content>
</Layout>
</Router>
)
}
};
AppRouter.propTypes = {
loadParams: PropTypes.func.isRequired,
params: PropTypes.array
};
const mapStateToProps = state => ({
params: state.appData.players,
paramsLoadError: state.appData.paramsLoadError
});
export default connect(mapStateToProps, { loadParams })(AppRouter);

71
client/src/components/FileList/FileList.js Normal file
View file

@ -0,0 +1,71 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import { loadFiles, deleteFile } from '../../actions/appActions';
import { Card, Table, Button, notification } from 'antd';
class FileList extends Component {
componentWillMount() {
this.props.loadFiles();
};
openNotificationWithIcon = (type, title, description) => {
notification[type]({
message: title,
description: description,
});
};
_deleteFile(record) {
let _this = this;
const scb = (data) => {
_this.openNotificationWithIcon('success', 'File deleted', '');
}
const ecb = (error) => {
_this.openNotificationWithIcon('error', 'Error deleting file', error.message);
}
this.props.deleteFile(record.name, scb, ecb);
};
render() {
const _this = this;
const columns = [{
title: 'Name',
dataIndex: 'name',
key: 'name',
}, {
title: 'Action',
key: 'action',
render: (text, record) => (
<Button
type='danger'
size='small'
onClick={() => _this._deleteFile(record)}>
delete
</Button>
)
}];
return (
<Card title='files'>
<Table dataSource={this.props.files} columns={columns} />
</Card>
)
};
};
FileList.propTypes = {
loadFiles: PropTypes.func.isRequired,
deleteFile: PropTypes.func.isRequired,
files: PropTypes.array
}
const mapStateToProps = state => ({
files: state.appData.files
});
export default connect(mapStateToProps, { loadFiles, deleteFile })(FileList);

77
client/src/components/FileUpload/FileUpload.js Normal file
View file

@ -0,0 +1,77 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import { uploadFile, fileUploaded } from '../../actions/appActions';
import { Button, Icon, Card, Upload, notification } from 'antd';
class FileUpload extends Component {
openNotificationWithIcon = (type, title, description) => {
notification[type]({
message: title,
description: description,
});
};
render() {
let _this = this;
const uploadProps = {
action: '/api/files',
multiple: false,
headers: {},
onStart(file) {
},
onSuccess(ret, file) {
_this.openNotificationWithIcon('success', 'Upload successful', '');
},
onError(err) {
_this.openNotificationWithIcon('error', 'Upload failed', err.message);
},
onProgress({ percent }, file) {
console.log('onProgress', `${percent}%`, file.name);
},
customRequest({
action,
data,
file,
filename,
headers,
onError,
onProgress,
onSuccess,
}) {
const formData = new FormData();
formData.append(filename, file);
_this.props.uploadFile(formData, onSuccess, onError);
return {
abort() {
console.log('upload progress is aborted.');
},
};
},
};
return (
<Card title='file upload'>
<Upload {...uploadProps}>
<Button>
<Icon type="upload" /> Click to Upload
</Button>
</Upload>
</Card>
)
}
};
FileUpload.propTypes = {
uploadFile: PropTypes.func.isRequired,
fileUploaded: PropTypes.func.isRequired
}
const mapStateToProps = state => ({});
export default connect(mapStateToProps, {uploadFile, fileUploaded })(FileUpload);

42
client/src/components/NumericInput/NumericInput.js Normal file
View file

@ -0,0 +1,42 @@
import React, { Component } from 'react';
import { Input } from 'antd';
class NumericInput extends Component {
formatNumber = (value) => {
value += '';
const list = value.split('.');
const prefix = list[0].charAt(0) === '-' ? '-' : '';
let num = prefix ? list[0].slice(1) : list[0];
let result = '';
while (num.length > 3) {
result = `,${num.slice(-3)}${result}`;
num = num.slice(0, num.length - 3);
}
if (num) {
result = num + result;
}
return `${prefix}${result}${list[1] ? `.${list[1]}` : ''}`;
}
onChange = (e) => {
const { value } = e.target;
const reg = /^-?(0|[1-9][0-9]*)(\.[0-9]*)?$/;
if ((!Number.isNaN(value) && reg.test(value)) || value === '' || value === '-') {
this.props.onChange(value);
}
}
render() {
return (
<Input
{...this.props}
onChange={this.onChange}
placeholder="Input a number"
maxLength={25}
/>
);
}
};
export default NumericInput;

166
client/src/components/PostLabourIndex/PostLabourIndex.js Normal file
View file

@ -0,0 +1,166 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import { withRouter } from "react-router";
import { loadPlayers, loadParams } from '../../actions/appActions';
import { Avatar } from 'antd';
const styles = {
rowGrundig: {
backgroundColor: '#333',
color: '#eee',
border: '1px solid lightgrey'
},
rowNormal: {
backgroundColor: 'white',
color: '#111',
border: '1px solid lightgrey'
},
tbl: {
border: '1px solid lightgrey',
cellPadding: '4',
cellSpacing: '4'
},
hiddenText: {
color: 'white'
},
textGrundig: {
fontSize: '1.8em',
fontWeight: 'bold'
}
};
class PostLabourIndex extends Component {
constructor(props) {
super(props);
this.state = {
players: [],
playersLoadError: false,
params: []
};
this.loadPlayerInterval = null;
}
componentDidMount() {
this.loadPlayerInterval = setInterval(
() => this.loadPlayers(),
3000
);
};
componentWillUnmount() {
clearInterval(this.loadPlayerInterval);
};
loadPlayers = () => {
let currentShow = this.props.params.find((param) => {
return param.key === 'current show';
});
if (currentShow) {
this.props.loadPlayers(currentShow.value);
}
};
render() {
const tableHeight = window.innerHeight - 150;
const tableContentStyle = {
tblContent: {
overflow: 'scroll',
height: tableHeight
}
}
let orderedPlayers = this.props.players.sort(function (a, b) {
return b.values.score - a.values.score;
});
for (var i = 0; i < orderedPlayers.length; i++) {
orderedPlayers[i].standing = i + 1;
}
const rows = orderedPlayers.map((player) => {
const standing = <td>{player.standing}</td>
const avatar = <td><Avatar size={64} src={'https://platform.thegameisover.de/v2/account/' + player.playerId + '/avatar?v=s'} /></td>
const name = <td>{player.name}</td>
if (player.group === 'grundig') {
return (
<tr style={styles.rowGrundig} key={player.standing}>
{standing}
{avatar}
{name}
<td colSpan="6" align='center'><span style={styles.textGrundig}>G.R.UN.DIG.</span></td>
</tr>
)
} else {
return (
<tr style={styles.rowNormal} key={player.standing}>
{standing}
{avatar}
{name}
<td>{player.cluster}</td>
<td style={styles.hiddenText}>{player.values.lust}</td>
<td>{player.values.power}</td>
<td>{player.values.psyche}</td>
<td>{player.values.structure}</td>
<td><span style={{ fontWeight: 'bold', fontSize: '1.2em' }}>{player.values.score}</span></td>
</tr>
)
}
});
return (
<div>
<table width='100%' cellPadding='5' border='0' style={styles.tbl}>
<thead>
<tr>
<th width="50px"></th>
<th width="100px">Avatar</th>
<th width="25%">Name</th>
<th width="25%">Berufsfeld</th>
<th width="50px"></th>
<th width="100px">Macht</th>
<th width="100px">Psyche</th>
<th width="100px">Struktur</th>
<th width="150px">Post Labour Score</th>
</tr>
</thead>
</table>
<div style={tableContentStyle.tblContent}>
<table width='100%' border='0' cellPadding='5' style={styles.tbl}>
<tbody>
{rows}
<tr style={{ color: 'white' }}>
<td width="50px"></td>
<td width="100px">&nbsp;</td>
<td width="25%">&nbsp;</td>
<td width="25%">num player: {orderedPlayers.length}</td>
<td width="50px">&nbsp;</td>
<td width="100px">&nbsp;</td>
<td width="100px">&nbsp;</td>
<td width="100px">&nbsp;</td>
<td width="150px">&nbsp;</td>
</tr>
</tbody>
</table>
</div>
</div>
)
}
}
PostLabourIndex.propTypes = {
loadPlayers: PropTypes.func.isRequired,
players: PropTypes.array,
loadParams: PropTypes.func.isRequired,
params: PropTypes.array
};
const mapStateToProps = state => ({
players: state.appData.players,
playersLoadError: state.appData.playersLoadError,
params: state.appData.params
});
export default withRouter(connect(mapStateToProps, { loadPlayers, loadParams })(PostLabourIndex));

126
client/src/components/Scoreboard/Scoreboard.js Normal file
View file

@ -0,0 +1,126 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import { loadPlayers, loadParams } from '../../actions/appActions';
import { Avatar, Table } from 'antd';
class Scoreboard extends Component {
constructor(props) {
super(props);
this.state = {
players: [],
playersLoadError: false,
params: []
};
this.loadPlayerInterval = null;
}
componentDidMount() {
this.loadPlayerInterval = setInterval(
() => this.loadPlayers(),
3000
);
};
componentWillUnmount() {
clearInterval(this.loadPlayerInterval);
};
loadPlayers = () => {
let currentShow = this.props.params.find((param) => {
return param.key === 'current show';
});
if (currentShow) {
this.props.loadPlayers(currentShow.value);
}
};
render() {
let orderedPlayers = this.props.players.sort(function (a, b) {
return b.values.score - a.values.score;
});
for (var i = 0; i < orderedPlayers.length; i++) {
orderedPlayers[i].standing = i + 1;
}
const columns = [
{
title: '',
dataIndex: 'standing',
key: 'standing',
width: 50
}, {
title: 'Avatar',
dataIndex: 'playerId',
key: 'playerId',
width: 100,
render: (playerId) => (
<Avatar size={64} src={'https://platform.thegameisover.de/v2/account/' + playerId + '/avatar?v=s'} />
)
}, {
title: 'Name',
dataIndex: 'name',
key: 'name',
style: 'tableHeader'
}, {
title: 'Berufsfeld',
dataIndex: 'cluster',
key: 'cluster'
}, {
title: 'Macht',
dataIndex: 'values.power',
key: 'macht',
width: 100
}, {
title: 'Psyche',
dataIndex: 'values.psyche',
key: 'psyche',
width: 100
}, {
title: 'Struktur',
dataIndex: 'values.structure',
key: 'structure',
width: 100
}, {
title: 'Post Labour Score',
dataIndex: 'values.score',
key: 'score',
width: 200,
render: (score) => (
<span style={{ fontWeight: 'bold', fontSize: '1.2em' }}>{score}</span>
)
}
]
return (
<div>
<Table
columns={columns}
dataSource={orderedPlayers}
pagination={false}
rowKey='id'
size="small"
bordered
/>
</div>
)
}
}
Scoreboard.propTypes = {
loadPlayers: PropTypes.func.isRequired,
players: PropTypes.array,
loadParams: PropTypes.func.isRequired,
params: PropTypes.array
};
const mapStateToProps = state => ({
players: state.appData.players,
playersLoadError: state.appData.playersLoadError,
params: state.appData.params
});
export default connect(mapStateToProps, { loadPlayers, loadParams })(Scoreboard);

101
client/src/components/TotoObjectControls/TotoObjectControls.js Normal file
View file

@ -0,0 +1,101 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import { Card, Button, notification } from 'antd';
import { startObject, pauseObject, stopObject, getObjectConfig } from '../../actions/appActions';
class TotoObjectControls extends Component {
componentWillMount() {
this.props.getObjectConfig();
}
openNotificationWithIcon = (type, title, description) => {
notification[type]({
message: title,
description: description,
});
};
_startObject = () => {
const scb = (data) => {
this.openNotificationWithIcon('success', 'object started', '');
}
const ecb = (error) => {
this.openNotificationWithIcon('error', 'error starting object', error.message);
}
this.props.startObject(scb, ecb);
}
_pauseObject = () => {
const scb = (data) => {
this.openNotificationWithIcon('success', 'object paused', '');
}
const ecb = (error) => {
this.openNotificationWithIcon('error', 'error pausing object', error.message);
}
this.props.pauseObject(scb, ecb);
}
_stopObject = () => {
const scb = (data) => {
this.openNotificationWithIcon('success', 'object stopped', '');
}
const ecb = (error) => {
this.openNotificationWithIcon('error', 'error stopping object', error.message);
}
this.props.stopObject(scb, ecb);
}
render() {
const startObjectDisabled = this.props.status === 'running';
const pauseObjectDisabled = this.props.status === 'paused' || this.props.status === 'stopped';
const stopObjectDisabled = this.props.status === 'stopped';
return (
<Card title="toto-object controlls">
<div style={{marginBottom: 30}}>
<h4>status: {this.props.status}</h4>
</div>
<div>
<Button
style={{ width: 120 }}
onClick={this._startObject}
type='primary'
disabled={startObjectDisabled}>
start
</Button>
<Button
style={{ width: 120, marginLeft: 20 }}
onClick={this._pauseObject}
type='primary'
disabled={pauseObjectDisabled}>
pause
</Button>
<Button
style={{ width: 120, marginLeft: 20 }}
onClick={this._stopObject}
type='primary'
disabled={stopObjectDisabled}>
stop
</Button>
</div>
</Card>
)
}
}
TotoObjectControls.propTypes = {
getObjectConfig: PropTypes.func.isRequired,
startObject: PropTypes.func.isRequired,
pauseObject: PropTypes.func.isRequired,
stopObject: PropTypes.func.isRequired,
status: PropTypes.string
}
const mapStateToProps = state => ({
status: state.appData.status
});
export default connect(mapStateToProps, { startObject, pauseObject, stopObject, getObjectConfig })(TotoObjectControls);

19
client/src/components/index.js Normal file
View file

@ -0,0 +1,19 @@
import AppConfig from './AppConfig/AppConfig';
import AppHeader from './AppHeader/AppHeader';
import FileList from './FileList/FileList';
import FileUpload from './FileUpload/FileUpload';
import NumericInput from './NumericInput/NumericInput';
import PostLabourIndex from './PostLabourIndex/PostLabourIndex';
import Scoreboard from './Scoreboard/Scoreboard';
import TotoObjectControls from './TotoObjectControls/TotoObjectControls';
export {
AppConfig,
AppHeader,
FileList,
FileUpload,
NumericInput,
PostLabourIndex,
Scoreboard,
TotoObjectControls
};

BIN
client/src/fonts/Super-FamiFont.ttf.eot Normal file
View file

Binary file not shown.

518
client/src/fonts/Super-FamiFont.ttf.svg Normal file
View file

@ -0,0 +1,518 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg>
<metadata>
Created by FontForge 20090622 at Mon Jul 2 10:48:03 2018
By ffonts
Made by 629Fonts. 2017. All Rights Reserved
</metadata>
<defs>
<font id="SuperFamiFont" horiz-adv-x="252" >
<font-face
font-family="Super FamiFont"
font-weight="400"
font-stretch="normal"
units-per-em="2048"
panose-1="2 0 5 0 0 0 0 0 0 0"
ascent="1638"
descent="-410"
x-height="1434"
cap-height="1434"
bbox="91 0 2818 1664"
underline-thickness="150"
underline-position="-292"
unicode-range="U+0020-U+F002"
/>
<missing-glyph horiz-adv-x="1914"
d="M381 1664h128v-1408h-128v1408zM637 1664h128v-1408h-128v1408zM1149 384v1280h640v-1664h-1664v1664h128v-1536h640v1536h128v-1280h128zM1021 256v-128h128v128h-128z" />
<glyph glyph-name=".notdef" horiz-adv-x="1914"
d="M381 1664h128v-1408h-128v1408zM637 1664h128v-1408h-128v1408zM1149 384v1280h640v-1664h-1664v1664h128v-1536h640v1536h128v-1280h128zM1021 256v-128h128v128h-128z" />
<glyph glyph-name=".null"
/>
<glyph glyph-name="nonmarkingreturn"
/>
<glyph glyph-name="space" unicode=" " horiz-adv-x="500"
/>
<glyph glyph-name="space" unicode="&#xa0;" horiz-adv-x="500"
/>
<glyph glyph-name="exclam" unicode="!"
/>
<glyph glyph-name="quotedbl" unicode="&#x22;"
/>
<glyph glyph-name="numbersign" unicode="#"
/>
<glyph glyph-name="dollar" unicode="$"
/>
<glyph glyph-name="percent" unicode="%"
/>
<glyph glyph-name="ampersand" unicode="&#x26;"
/>
<glyph glyph-name="quotesingle" unicode="'"
/>
<glyph glyph-name="parenleft" unicode="("
/>
<glyph glyph-name="parenright" unicode=")"
/>
<glyph glyph-name="asterisk" unicode="*"
/>
<glyph glyph-name="plus" unicode="+"
/>
<glyph glyph-name="comma" unicode=","
/>
<glyph glyph-name="hyphen" unicode="-" horiz-adv-x="1223"
d="M208 873h979v-294h-979v294z" />
<glyph glyph-name="hyphen" unicode="&#xad;" horiz-adv-x="1223"
d="M208 873h979v-294h-979v294z" />
<glyph glyph-name="period" unicode="."
/>
<glyph glyph-name="slash" unicode="/"
/>
<glyph glyph-name="zero" unicode="0" horiz-adv-x="2046"
d="M1925 717q0 -186 -62 -321.5t-178.5 -223t-283 -130t-378.5 -42.5t-378.5 42.5t-282.5 130t-178.5 223t-62.5 321.5t62.5 321.5t178.5 223t282.5 130t378.5 42.5t378.5 -42.5t283 -130t178.5 -223t62 -321.5zM1023 303q444 0 444 414t-444 414t-444 -414t444 -414z" />
<glyph glyph-name="one" unicode="1" horiz-adv-x="910"
d="M785 1434v-1434h-459v1134h-207v300h666z" />
<glyph glyph-name="two" unicode="2" horiz-adv-x="1843"
d="M122 0v435q0 209 128 320.5t370 111.5h484q161 0 161 135q0 132 -161 132h-942v300h1063q239 0 368.5 -111.5t129.5 -320.5t-131 -320.5t-381 -111.5h-473q-158 0 -158 -135v-138h1103v-297h-1561z" />
<glyph glyph-name="three" unicode="3" horiz-adv-x="1789"
d="M120 1434h1049q239 0 368.5 -111.5t129.5 -320.5q0 -197 -194 -284q194 -77 194 -286t-129.5 -320.5t-368.5 -111.5h-1049v300h928q161 0 161 132q0 138 -161 138h-828v297h828q161 0 161 135q0 132 -161 132h-928v300z" />
<glyph glyph-name="four" unicode="4" horiz-adv-x="2017"
d="M1213 0v254h-1091v300l907 880h642v-880h227v-300h-227v-254h-458zM1213 1183l-625 -629h625v629z" />
<glyph glyph-name="five" unicode="5" horiz-adv-x="1816"
d="M124 1434h1531v-300h-1073v-267h615q242 0 370 -111.5t128 -320.5q0 -212 -128 -323.5t-370 -111.5h-1073v297h955q158 0 158 138q0 135 -158 135h-955v864z" />
<glyph glyph-name="six" unicode="6" horiz-adv-x="1848"
d="M1024 0q-483 0 -692.5 180.5t-209.5 536.5t209.5 536.5t622.5 180.5h649v-297h-591q-215 0 -310.5 -66t-112.5 -198h641q242 0 370 -124.5t128 -313.5q0 -192 -153 -313.5t-551 -121.5zM589 579q7 -129 102.5 -204t320.5 -75q258 0 258 144q0 135 -158 135h-523z" />
<glyph glyph-name="seven" unicode="7" horiz-adv-x="1811"
d="M1170 1134h-1051v300h1573v-300l-757 -1134h-522z" />
<glyph glyph-name="eight" unicode="8" horiz-adv-x="1816"
d="M759 1134q-161 0 -161 -132q0 -135 161 -135h299q161 0 161 135q0 132 -161 132h-299zM1078 300q161 0 161 132q0 138 -161 138h-339q-161 0 -161 -138q0 -132 161 -132h339zM1179 1434q239 0 363.5 -111.5t124.5 -320.5q0 -187 -234 -284q264 -87 264 -326
q0 -169 -129.5 -280.5t-368.5 -111.5h-581q-239 0 -368.5 111.5t-129.5 280.5q0 239 264 326q-234 97 -234 284q0 209 124.5 320.5t363.5 111.5h541z" />
<glyph glyph-name="nine" unicode="9" horiz-adv-x="1847"
d="M914 1434q423 0 617.5 -180.5t194.5 -536.5t-209.5 -536.5t-622.5 -180.5h-649v297h591q215 0 310.5 66t112.5 198h-641q-242 0 -370 109.5t-128 298.5q0 192 188 328.5t606 136.5zM1259 855q-7 129 -87.5 204t-285.5 75q-308 0 -308 -154q0 -125 158 -125h523z" />
<glyph glyph-name="colon" unicode=":"
/>
<glyph glyph-name="semicolon" unicode=";"
/>
<glyph glyph-name="semicolon" unicode="&#x37e;"
/>
<glyph glyph-name="less" unicode="&#x3c;"
/>
<glyph glyph-name="equal" unicode="="
/>
<glyph glyph-name="greater" unicode="&#x3e;"
/>
<glyph glyph-name="question" unicode="?"
/>
<glyph glyph-name="at" unicode="@"
/>
<glyph glyph-name="A" unicode="A" horiz-adv-x="1845"
d="M630 0q-253 0 -390 117.5t-137 325.5q0 207 137 324.5t390 117.5h636v52q0 109 -51.5 153t-177.5 44h-825v300h842q355 0 512.5 -135t157.5 -441v-858h-1094zM1266 591h-513q-185 0 -185 -148q0 -149 185 -149h513v297z" />
<glyph glyph-name="B" unicode="B" horiz-adv-x="1755"
d="M581 579v-279h414q196 0 196 139q0 140 -196 140h-414zM1140 1434q205 0 323 -95t118 -285q0 -95 -28 -154.5t-65.5 -94t-75 -49.5t-57.5 -20q39 -6 89.5 -25.5t96 -61.5t77 -107t31.5 -162q0 -184 -125 -282t-338 -98h-1063v1434h1017zM934 873q96 0 142.5 31t46.5 101
q0 69 -46.5 100.5t-142.5 31.5h-353v-264h353z" />
<glyph glyph-name="C" unicode="C" horiz-adv-x="1704"
d="M1586 1131h-549q-250 0 -362 -97t-112 -317t110 -317t361 -97h552v-303h-666q-404 0 -609 180.5t-205 536.5q0 355 205 536t609 181h666v-303z" />
<glyph glyph-name="D" unicode="D" horiz-adv-x="1845"
d="M581 1131v-828h224q251 0 366 97t115 317t-117 317t-367 97h-221zM919 1434q404 0 609 -181t205 -536q0 -356 -205 -536.5t-609 -180.5h-796v1434h796z" />
<glyph glyph-name="E" unicode="E" horiz-adv-x="1714"
d="M1587 1137h-591q-215 0 -310.5 -66t-112.5 -198h1014v-294h-1014q7 -129 102.5 -204t320.5 -75h591v-300h-649q-413 0 -622.5 180.5t-209.5 536.5t209.5 536.5t622.5 180.5h649v-297z" />
<glyph glyph-name="F" unicode="F" horiz-adv-x="1721"
d="M116 717q0 356 209.5 536.5t622.5 180.5h649v-297h-591q-215 0 -310.5 -66t-112.5 -198h1014v-294h-1023v-579h-458v717z" />
<glyph glyph-name="G" unicode="G" horiz-adv-x="1813"
d="M1686 854v-854h-766q-404 0 -609 180.5t-205 536.5q0 355 205 536t609 181h766v-293h-649q-250 0 -362 -97t-112 -327q0 -220 110 -317t361 -97h194v267h-296v284h754z" />
<glyph glyph-name="H" unicode="H" horiz-adv-x="1908"
d="M581 567v-567h-458v1434h458v-567h742v567h458v-1434h-458v567h-742z" />
<glyph glyph-name="I" unicode="I" horiz-adv-x="708"
d="M581 1434v-1434h-458v1434h458z" />
<glyph glyph-name="J" unicode="J" horiz-adv-x="1410"
d="M1288 1434v-717q0 -356 -205 -536.5t-609 -180.5h-366v303h252q251 0 361 97t110 317v717h457z" />
<glyph glyph-name="K" unicode="K" horiz-adv-x="1871"
d="M1721 1434l-693 -641l754 -793h-546l-655 696v-696h-458v1434h458v-585l607 585h533z" />
<glyph glyph-name="L" unicode="L" horiz-adv-x="1807"
d="M575 1434v-917q0 -214 251 -214h872v-303h-986q-594 0 -594 517v917h457z" />
<glyph glyph-name="M" unicode="M" horiz-adv-x="2408"
d="M1831 0v858q0 144 -72 205.5t-239 61.5h-95v-1125h-458v1125h-386v-1125h-458v1434h1475q362 0 526 -141t164 -453v-840h-457z" />
<glyph glyph-name="N" unicode="N" horiz-adv-x="1853"
d="M1109 1434q292 0 458 -141t166 -453v-840h-458v843q0 150 -77 216t-201 66h-416v-1125h-458v1434h986z" />
<glyph glyph-name="O" unicode="O" horiz-adv-x="2022"
d="M1910 717q0 -186 -62 -321.5t-178.5 -223t-283 -130t-378.5 -42.5t-378.5 42.5t-282.5 130t-178.5 223t-62.5 321.5t62.5 321.5t178.5 223t282.5 130t378.5 42.5t378.5 -42.5t283 -130t178.5 -223t62 -321.5zM1008 303q444 0 444 414t-444 414t-444 -414t444 -414z" />
<glyph glyph-name="P" unicode="P" horiz-adv-x="1800"
d="M123 0v1434h945q321 0 471.5 -127.5t150.5 -348.5q0 -218 -149 -345.5t-473 -127.5h-487v-485h-458zM1208 957q0 180 -221 180h-406v-358h406q221 0 221 178z" />
<glyph glyph-name="Q" unicode="Q" horiz-adv-x="2028"
d="M1008 303q444 0 444 414t-444 414t-444 -414t444 -414zM1008 0q-212 0 -378.5 42.5t-282.5 130t-178.5 223t-62.5 321.5t62.5 321.5t178.5 223t282.5 130t378.5 42.5t378.5 -42.5t283 -130t178.5 -223t62 -321.5q0 -256 -197 -417h197v-300h-902z" />
<glyph glyph-name="R" unicode="R" horiz-adv-x="1881"
d="M1268 940q0 197 -221 197h-466v-398h466q221 0 221 201zM926 445h-345v-445h-458v1434h1035q301 0 446.5 -137.5t145.5 -355.5q0 -221 -144 -358q-73 -70 -186 -104l363 -479h-537z" />
<glyph glyph-name="S" unicode="S" horiz-adv-x="1817"
d="M145 0v297h945q158 0 158 138q0 135 -158 135h-473q-249 0 -380.5 111.5t-131.5 320.5t129.5 320.5t368.5 111.5h1063v-300h-941q-162 0 -162 -132q0 -135 162 -135h483q243 0 370.5 -111.5t127.5 -320.5q0 -212 -127.5 -323.5t-370.5 -111.5h-1063z" />
<glyph glyph-name="T" unicode="T" horiz-adv-x="1789"
d="M662 1134h-557v300h1573v-300h-557v-1134h-459v1134z" />
<glyph glyph-name="U" unicode="U" horiz-adv-x="1825"
d="M742 0q-292 0 -458 141t-166 453v840h458v-843q0 -150 77 -216t201 -66h386v1125h458v-1434h-956z" />
<glyph glyph-name="V" unicode="V" horiz-adv-x="2073"
d="M777 0l-683 1434h479l468 -1017l468 1017h468l-683 -1434h-517z" />
<glyph glyph-name="W" unicode="W" horiz-adv-x="2916"
d="M1785 0l-329 976l-330 -976h-503l-529 1434h473l339 -981l311 981h502l315 -981l335 981h449l-530 -1434h-503z" />
<glyph glyph-name="X" unicode="X" horiz-adv-x="1984"
d="M1270 726l621 -726h-532l-373 467l-376 -467h-519l623 717l-606 717h516l373 -463l379 463h498z" />
<glyph glyph-name="Y" unicode="Y" horiz-adv-x="1993"
d="M766 462l-674 972h516l394 -637l398 637h498l-674 -972v-462h-458v462z" />
<glyph glyph-name="Z" unicode="Z" horiz-adv-x="1706"
d="M1589 1434v-300l-864 -834h864v-300h-1473v300l864 834h-864v300h1473z" />
<glyph glyph-name="bracketleft" unicode="["
/>
<glyph glyph-name="backslash" unicode="\"
/>
<glyph glyph-name="bracketright" unicode="]"
/>
<glyph glyph-name="asciicircum" unicode="^"
/>
<glyph glyph-name="underscore" unicode="_"
/>
<glyph glyph-name="grave" unicode="`"
/>
<glyph glyph-name="a" unicode="a" horiz-adv-x="1845"
d="M630 0q-253 0 -390 117.5t-137 325.5q0 207 137 324.5t390 117.5h636v52q0 109 -51.5 153t-177.5 44h-825v300h842q355 0 512.5 -135t157.5 -441v-858h-1094zM1266 591h-513q-185 0 -185 -148q0 -149 185 -149h513v297z" />
<glyph glyph-name="b" unicode="b" horiz-adv-x="1755"
d="M581 579v-279h414q196 0 196 139q0 140 -196 140h-414zM1140 1434q205 0 323 -95t118 -285q0 -95 -28 -154.5t-65.5 -94t-75 -49.5t-57.5 -20q39 -6 89.5 -25.5t96 -61.5t77 -107t31.5 -162q0 -184 -125 -282t-338 -98h-1063v1434h1017zM934 873q96 0 142.5 31t46.5 101
q0 69 -46.5 100.5t-142.5 31.5h-353v-264h353z" />
<glyph glyph-name="c" unicode="c" horiz-adv-x="1704"
d="M1586 1131h-549q-250 0 -362 -97t-112 -317t110 -317t361 -97h552v-303h-666q-404 0 -609 180.5t-205 536.5q0 355 205 536t609 181h666v-303z" />
<glyph glyph-name="d" unicode="d" horiz-adv-x="1845"
d="M581 1131v-828h224q251 0 366 97t115 317t-117 317t-367 97h-221zM919 1434q404 0 609 -181t205 -536q0 -356 -205 -536.5t-609 -180.5h-796v1434h796z" />
<glyph glyph-name="e" unicode="e" horiz-adv-x="1714"
d="M1587 1137h-591q-215 0 -310.5 -66t-112.5 -198h1014v-294h-1014q7 -129 102.5 -204t320.5 -75h591v-300h-649q-413 0 -622.5 180.5t-209.5 536.5t209.5 536.5t622.5 180.5h649v-297z" />
<glyph glyph-name="f" unicode="f" horiz-adv-x="1721"
d="M116 717q0 356 209.5 536.5t622.5 180.5h649v-297h-591q-215 0 -310.5 -66t-112.5 -198h1014v-294h-1023v-579h-458v717z" />
<glyph glyph-name="g" unicode="g" horiz-adv-x="1813"
d="M1686 854v-854h-766q-404 0 -609 180.5t-205 536.5q0 355 205 536t609 181h766v-293h-649q-250 0 -362 -97t-112 -327q0 -220 110 -317t361 -97h194v267h-296v284h754z" />
<glyph glyph-name="h" unicode="h" horiz-adv-x="1908"
d="M581 567v-567h-458v1434h458v-567h742v567h458v-1434h-458v567h-742z" />
<glyph glyph-name="i" unicode="i" horiz-adv-x="708"
d="M581 1434v-1434h-458v1434h458z" />
<glyph glyph-name="j" unicode="j" horiz-adv-x="1410"
d="M1288 1434v-717q0 -356 -205 -536.5t-609 -180.5h-366v303h252q251 0 361 97t110 317v717h457z" />
<glyph glyph-name="k" unicode="k" horiz-adv-x="1871"
d="M1721 1434l-693 -641l754 -793h-546l-655 696v-696h-458v1434h458v-585l607 585h533z" />
<glyph glyph-name="l" unicode="l" horiz-adv-x="1807"
d="M575 1434v-917q0 -214 251 -214h872v-303h-986q-594 0 -594 517v917h457z" />
<glyph glyph-name="m" unicode="m" horiz-adv-x="2408"
d="M1831 0v858q0 144 -72 205.5t-239 61.5h-95v-1125h-458v1125h-386v-1125h-458v1434h1475q362 0 526 -141t164 -453v-840h-457z" />
<glyph glyph-name="n" unicode="n" horiz-adv-x="1853"
d="M1109 1434q292 0 458 -141t166 -453v-840h-458v843q0 150 -77 216t-201 66h-416v-1125h-458v1434h986z" />
<glyph glyph-name="o" unicode="o" horiz-adv-x="2022"
d="M1910 717q0 -186 -62 -321.5t-178.5 -223t-283 -130t-378.5 -42.5t-378.5 42.5t-282.5 130t-178.5 223t-62.5 321.5t62.5 321.5t178.5 223t282.5 130t378.5 42.5t378.5 -42.5t283 -130t178.5 -223t62 -321.5zM1008 303q444 0 444 414t-444 414t-444 -414t444 -414z" />
<glyph glyph-name="p" unicode="p" horiz-adv-x="1800"
d="M123 0v1434h945q321 0 471.5 -127.5t150.5 -348.5q0 -218 -149 -345.5t-473 -127.5h-487v-485h-458zM1208 957q0 180 -221 180h-406v-358h406q221 0 221 178z" />
<glyph glyph-name="q" unicode="q" horiz-adv-x="2028"
d="M1008 303q444 0 444 414t-444 414t-444 -414t444 -414zM1008 0q-212 0 -378.5 42.5t-282.5 130t-178.5 223t-62.5 321.5t62.5 321.5t178.5 223t282.5 130t378.5 42.5t378.5 -42.5t283 -130t178.5 -223t62 -321.5q0 -256 -197 -417h197v-300h-902z" />
<glyph glyph-name="r" unicode="r" horiz-adv-x="1881"
d="M1268 940q0 197 -221 197h-466v-398h466q221 0 221 201zM926 445h-345v-445h-458v1434h1035q301 0 446.5 -137.5t145.5 -355.5q0 -221 -144 -358q-73 -70 -186 -104l363 -479h-537z" />
<glyph glyph-name="s" unicode="s" horiz-adv-x="1817"
d="M145 0v297h945q158 0 158 138q0 135 -158 135h-473q-249 0 -380.5 111.5t-131.5 320.5t129.5 320.5t368.5 111.5h1063v-300h-941q-162 0 -162 -132q0 -135 162 -135h483q243 0 370.5 -111.5t127.5 -320.5q0 -212 -127.5 -323.5t-370.5 -111.5h-1063z" />
<glyph glyph-name="t" unicode="t" horiz-adv-x="1789"
d="M662 1134h-557v300h1573v-300h-557v-1134h-459v1134z" />
<glyph glyph-name="u" unicode="u" horiz-adv-x="1825"
d="M742 0q-292 0 -458 141t-166 453v840h458v-843q0 -150 77 -216t201 -66h386v1125h458v-1434h-956z" />
<glyph glyph-name="v" unicode="v" horiz-adv-x="2073"
d="M777 0l-683 1434h479l468 -1017l468 1017h468l-683 -1434h-517z" />
<glyph glyph-name="w" unicode="w" horiz-adv-x="2916"
d="M1785 0l-329 976l-330 -976h-503l-529 1434h473l339 -981l311 981h502l315 -981l335 981h449l-530 -1434h-503z" />
<glyph glyph-name="x" unicode="x" horiz-adv-x="1984"
d="M1270 726l621 -726h-532l-373 467l-376 -467h-519l623 717l-606 717h516l373 -463l379 463h498z" />
<glyph glyph-name="y" unicode="y" horiz-adv-x="1993"
d="M766 462l-674 972h516l394 -637l398 637h498l-674 -972v-462h-458v462z" />
<glyph glyph-name="z" unicode="z" horiz-adv-x="1706"
d="M1589 1434v-300l-864 -834h864v-300h-1473v300l864 834h-864v300h1473z" />
<glyph glyph-name="braceleft" unicode="{"
/>
<glyph glyph-name="bar" unicode="|"
/>
<glyph glyph-name="braceright" unicode="}"
/>
<glyph glyph-name="asciitilde" unicode="~"
/>
<glyph glyph-name="exclamdown" unicode="&#xa1;"
/>
<glyph glyph-name="cent" unicode="&#xa2;"
/>
<glyph glyph-name="sterling" unicode="&#xa3;"
/>
<glyph glyph-name="currency" unicode="&#xa4;"
/>
<glyph glyph-name="yen" unicode="&#xa5;"
/>
<glyph glyph-name="brokenbar" unicode="&#xa6;"
/>
<glyph glyph-name="section" unicode="&#xa7;"
/>
<glyph glyph-name="dieresis" unicode="&#xa8;"
/>
<glyph glyph-name="copyright" unicode="&#xa9;"
/>
<glyph glyph-name="ordfeminine" unicode="&#xaa;"
/>
<glyph glyph-name="guillemotleft" unicode="&#xab;"
/>
<glyph glyph-name="logicalnot" unicode="&#xac;"
/>
<glyph glyph-name="registered" unicode="&#xae;"
/>
<glyph glyph-name="macron" unicode="&#xaf;"
/>
<glyph glyph-name="degree" unicode="&#xb0;"
/>
<glyph glyph-name="plusminus" unicode="&#xb1;"
/>
<glyph glyph-name="uni00B2" unicode="&#xb2;"
/>
<glyph glyph-name="uni00B3" unicode="&#xb3;"
/>
<glyph glyph-name="acute" unicode="&#xb4;"
/>
<glyph glyph-name="mu" unicode="&#xb5;"
/>
<glyph glyph-name="paragraph" unicode="&#xb6;"
/>
<glyph glyph-name="periodcentered" unicode="&#xb7;"
/>
<glyph glyph-name="periodcentered" unicode="&#x2219;"
/>
<glyph glyph-name="cedilla" unicode="&#xb8;"
/>
<glyph glyph-name="uni00B9" unicode="&#xb9;"
/>
<glyph glyph-name="ordmasculine" unicode="&#xba;"
/>
<glyph glyph-name="guillemotright" unicode="&#xbb;"
/>
<glyph glyph-name="onequarter" unicode="&#xbc;"
/>
<glyph glyph-name="onehalf" unicode="&#xbd;"
/>
<glyph glyph-name="threequarters" unicode="&#xbe;"
/>
<glyph glyph-name="questiondown" unicode="&#xbf;"
/>
<glyph glyph-name="Agrave" unicode="&#xc0;" horiz-adv-x="266"
/>
<glyph glyph-name="Aacute" unicode="&#xc1;" horiz-adv-x="266"
/>
<glyph glyph-name="Acircumflex" unicode="&#xc2;" horiz-adv-x="266"
/>
<glyph glyph-name="Atilde" unicode="&#xc3;" horiz-adv-x="266"
/>
<glyph glyph-name="Adieresis" unicode="&#xc4;" horiz-adv-x="266"
/>
<glyph glyph-name="Aring" unicode="&#xc5;" horiz-adv-x="266"
/>
<glyph glyph-name="AE" unicode="&#xc6;" horiz-adv-x="266"
/>
<glyph glyph-name="Ccedilla" unicode="&#xc7;" horiz-adv-x="266"
/>
<glyph glyph-name="Egrave" unicode="&#xc8;" horiz-adv-x="266"
/>
<glyph glyph-name="Eacute" unicode="&#xc9;" horiz-adv-x="266"
/>
<glyph glyph-name="Ecircumflex" unicode="&#xca;" horiz-adv-x="266"
/>
<glyph glyph-name="Edieresis" unicode="&#xcb;" horiz-adv-x="266"
/>
<glyph glyph-name="Igrave" unicode="&#xcc;" horiz-adv-x="266"
/>
<glyph glyph-name="Iacute" unicode="&#xcd;" horiz-adv-x="266"
/>
<glyph glyph-name="Icircumflex" unicode="&#xce;" horiz-adv-x="266"
/>
<glyph glyph-name="Idieresis" unicode="&#xcf;" horiz-adv-x="266"
/>
<glyph glyph-name="Eth" unicode="&#xd0;" horiz-adv-x="266"
/>
<glyph glyph-name="Ntilde" unicode="&#xd1;" horiz-adv-x="266"
/>
<glyph glyph-name="Ograve" unicode="&#xd2;" horiz-adv-x="266"
/>
<glyph glyph-name="Oacute" unicode="&#xd3;" horiz-adv-x="266"
/>
<glyph glyph-name="Ocircumflex" unicode="&#xd4;" horiz-adv-x="266"
/>
<glyph glyph-name="Otilde" unicode="&#xd5;" horiz-adv-x="266"
/>
<glyph glyph-name="Odieresis" unicode="&#xd6;" horiz-adv-x="266"
/>
<glyph glyph-name="multiply" unicode="&#xd7;" horiz-adv-x="266"
/>
<glyph glyph-name="Oslash" unicode="&#xd8;" horiz-adv-x="266"
/>
<glyph glyph-name="Ugrave" unicode="&#xd9;" horiz-adv-x="266"
/>
<glyph glyph-name="Uacute" unicode="&#xda;" horiz-adv-x="266"
/>
<glyph glyph-name="Ucircumflex" unicode="&#xdb;" horiz-adv-x="266"
/>
<glyph glyph-name="Udieresis" unicode="&#xdc;" horiz-adv-x="266"
/>
<glyph glyph-name="Yacute" unicode="&#xdd;" horiz-adv-x="266"
/>
<glyph glyph-name="Thorn" unicode="&#xde;" horiz-adv-x="266"
/>
<glyph glyph-name="germandbls" unicode="&#xdf;" horiz-adv-x="266"
/>
<glyph glyph-name="agrave" unicode="&#xe0;" horiz-adv-x="266"
/>
<glyph glyph-name="aacute" unicode="&#xe1;" horiz-adv-x="266"
/>
<glyph glyph-name="acircumflex" unicode="&#xe2;" horiz-adv-x="266"
/>
<glyph glyph-name="atilde" unicode="&#xe3;" horiz-adv-x="266"
/>
<glyph glyph-name="adieresis" unicode="&#xe4;" horiz-adv-x="266"
/>
<glyph glyph-name="aring" unicode="&#xe5;" horiz-adv-x="266"
/>
<glyph glyph-name="ae" unicode="&#xe6;" horiz-adv-x="266"
/>
<glyph glyph-name="ccedilla" unicode="&#xe7;" horiz-adv-x="266"
/>
<glyph glyph-name="egrave" unicode="&#xe8;" horiz-adv-x="266"
/>
<glyph glyph-name="eacute" unicode="&#xe9;" horiz-adv-x="266"
/>
<glyph glyph-name="ecircumflex" unicode="&#xea;" horiz-adv-x="266"
/>
<glyph glyph-name="edieresis" unicode="&#xeb;" horiz-adv-x="266"
/>
<glyph glyph-name="igrave" unicode="&#xec;" horiz-adv-x="266"
/>
<glyph glyph-name="iacute" unicode="&#xed;" horiz-adv-x="266"
/>
<glyph glyph-name="icircumflex" unicode="&#xee;" horiz-adv-x="266"
/>
<glyph glyph-name="idieresis" unicode="&#xef;" horiz-adv-x="266"
/>
<glyph glyph-name="eth" unicode="&#xf0;" horiz-adv-x="266"
/>
<glyph glyph-name="ntilde" unicode="&#xf1;" horiz-adv-x="266"
/>
<glyph glyph-name="ograve" unicode="&#xf2;" horiz-adv-x="266"
/>
<glyph glyph-name="oacute" unicode="&#xf3;" horiz-adv-x="266"
/>
<glyph glyph-name="ocircumflex" unicode="&#xf4;" horiz-adv-x="266"
/>
<glyph glyph-name="otilde" unicode="&#xf5;" horiz-adv-x="266"
/>
<glyph glyph-name="odieresis" unicode="&#xf6;" horiz-adv-x="266"
/>
<glyph glyph-name="divide" unicode="&#xf7;" horiz-adv-x="266"
/>
<glyph glyph-name="oslash" unicode="&#xf8;" horiz-adv-x="266"
/>
<glyph glyph-name="ugrave" unicode="&#xf9;" horiz-adv-x="266"
/>
<glyph glyph-name="uacute" unicode="&#xfa;" horiz-adv-x="266"
/>
<glyph glyph-name="ucircumflex" unicode="&#xfb;" horiz-adv-x="266"
/>
<glyph glyph-name="udieresis" unicode="&#xfc;" horiz-adv-x="266"
/>
<glyph glyph-name="yacute" unicode="&#xfd;" horiz-adv-x="266"
/>
<glyph glyph-name="thorn" unicode="&#xfe;" horiz-adv-x="266"
/>
<glyph glyph-name="ydieresis" unicode="&#xff;" horiz-adv-x="266"
/>
<glyph glyph-name="dotlessi" unicode="&#x131;" horiz-adv-x="266"
/>
<glyph glyph-name="circumflex" unicode="&#x2c6;"
/>
<glyph glyph-name="caron" unicode="&#x2c7;"
/>
<glyph glyph-name="uni02C9" unicode="&#x2c9;"
/>
<glyph glyph-name="breve" unicode="&#x2d8;"
/>
<glyph glyph-name="dotaccent" unicode="&#x2d9;"
/>
<glyph glyph-name="ring" unicode="&#x2da;"
/>
<glyph glyph-name="ogonek" unicode="&#x2db;"
/>
<glyph glyph-name="tilde" unicode="&#x2dc;"
/>
<glyph glyph-name="hungarumlaut" unicode="&#x2dd;"
/>
<glyph glyph-name="endash" unicode="&#x2013;"
/>
<glyph glyph-name="emdash" unicode="&#x2014;"
/>
<glyph glyph-name="quoteleft" unicode="&#x2018;"
/>
<glyph glyph-name="quoteright" unicode="&#x2019;"
/>
<glyph glyph-name="quotesinglbase" unicode="&#x201a;"
/>
<glyph glyph-name="quotedblleft" unicode="&#x201c;"
/>
<glyph glyph-name="quotedblright" unicode="&#x201d;"
/>
<glyph glyph-name="quotedblbase" unicode="&#x201e;"
/>
<glyph glyph-name="dagger" unicode="&#x2020;"
/>
<glyph glyph-name="daggerdbl" unicode="&#x2021;"
/>
<glyph glyph-name="bullet" unicode="&#x2022;"
/>
<glyph glyph-name="ellipsis" unicode="&#x2026;"
/>
<glyph glyph-name="guilsinglleft" unicode="&#x2039;"
/>
<glyph glyph-name="guilsinglright" unicode="&#x203a;"
/>
<glyph glyph-name="fraction" unicode="&#x2044;"
/>
<glyph glyph-name="fraction" unicode="&#x2215;"
/>
<glyph glyph-name="franc" unicode="&#x20a3;"
/>
<glyph glyph-name="lira" unicode="&#x20a4;"
/>
<glyph glyph-name="peseta" unicode="&#x20a7;"
/>
<glyph glyph-name="Euro" unicode="&#x20ac;"
/>
<glyph glyph-name="afii61352" unicode="&#x2116;"
/>
<glyph glyph-name="trademark" unicode="&#x2122;"
/>
<glyph glyph-name="partialdiff" unicode="&#x2202;"
/>
<glyph glyph-name="Delta" unicode="&#x2206;"
/>
<glyph glyph-name="product" unicode="&#x220f;"
/>
<glyph glyph-name="summation" unicode="&#x2211;"
/>
<glyph glyph-name="minus" unicode="&#x2212;"
/>
<glyph glyph-name="radical" unicode="&#x221a;"
/>
<glyph glyph-name="infinity" unicode="&#x221e;"
/>
<glyph glyph-name="integral" unicode="&#x222b;"
/>
<glyph glyph-name="approxequal" unicode="&#x2248;"
/>
<glyph glyph-name="lessequal" unicode="&#x2264;"
/>
<glyph glyph-name="greaterequal" unicode="&#x2265;"
/>
<glyph glyph-name="uniF001" unicode="&#xf001;"
/>
<glyph glyph-name="uniF001" unicode="&#xfb01;"
/>
<glyph glyph-name="uniF002" unicode="&#xf002;"
/>
<glyph glyph-name="uniF002" unicode="&#xfb02;"
/>
</font>
</defs></svg>
Side by side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
client/src/fonts/Super-FamiFont.ttf.woff Normal file
View file

Binary file not shown.

14
client/src/index.css Executable file
View file

@ -0,0 +1,14 @@
body {
margin: 0;
padding: 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;
}

12
client/src/index.js Executable file
View file

@ -0,0 +1,12 @@
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
ReactDOM.render(<App />, 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: http://bit.ly/CRA-PWA
serviceWorker.unregister();

7
client/src/logo.svg Executable file
View file

@ -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>
Side by side

After

Width:  |  Height:  |  Size: 2.6 KiB

15
client/src/pages/ConfigPage/ConfigPage.js Normal file
View file

@ -0,0 +1,15 @@
import React, { Component } from 'react';
import { AppConfig } from '../../components';
class ConfigPage extends Component {
render() {
return (
<div>
<AppConfig />
</div>
)
}
}
export default ConfigPage;

15
client/src/pages/ControlsPage/ControlsPage.js Normal file
View file

@ -0,0 +1,15 @@
import React, { Component } from 'react';
import { TotoObjectControls } from '../../components';
class ControlsPage extends Component {
render() {
return (
<div>
<TotoObjectControls />
</div>
)
}
}
export default ControlsPage;

17
client/src/pages/FilesPage/FilesPage.js Normal file
View file

@ -0,0 +1,17 @@
import React, { Component } from 'react';
import { FileList, FileUpload } from '../../components';
class FilesPage extends Component {
render() {
return (
<div>
<FileUpload />
<br/>
<FileList />
</div>
);
}
};
export default FilesPage;

16
client/src/pages/ScoreboardPage/ScoreboardPage.js Normal file
View file

@ -0,0 +1,16 @@
import React, { Component } from 'react';
import { PostLabourIndex } from '../../components';
class ScoreboardPage extends Component {
render() {
return (
<div>
<PostLabourIndex />
</div>
)
}
}
export default ScoreboardPage;

11
client/src/pages/index.js Normal file
View file

@ -0,0 +1,11 @@
import ConfigPage from './ConfigPage/ConfigPage';
import ControlsPage from './ControlsPage/ControlsPage';
import FilesPage from './FilesPage/FilesPage';
import ScoreboardPage from './ScoreboardPage/ScoreboardPage';
export {
ConfigPage,
ControlsPage,
FilesPage,
ScoreboardPage
};

137
client/src/reducers/appData.js Normal file
View file

@ -0,0 +1,137 @@
import {
CONFIG_LOADED,
CONFIG_LOAD_ERROR,
CONFIG_UPDATED,
CONFIG_SAVED,
OBJECT_STARTED,
OBJECT_PAUSED,
OBJECT_STOPPED,
OBJECT_STATUS_LOADED,
FILE_UPLOADED,
FILES_LOADED,
FILE_DELETED,
PARAMS_LOADED,
PARAMS_LOAD_ERROR,
PLAYERS_LOADED,
PLAYERS_LOAD_ERROR
} from '../actions/types';
const initialState = {
config: undefined,
params: [],
files: [],
players: []
};
export default function (state = initialState, action) {
switch (action.type) {
case CONFIG_LOADED: {
return {
...state,
config: action.config
}
}
case CONFIG_UPDATED: {
return {
...state,
config: action.config
}
}
case CONFIG_SAVED: {
return {
...state,
config: action.config
}
}
case CONFIG_LOAD_ERROR: {
return {
...state,
configLoadError: action.error
}
}
case OBJECT_STARTED: {
return {
...state,
status: action.status
}
}
case OBJECT_PAUSED: {
return {
...state,
status: action.status
}
}
case OBJECT_STOPPED: {
return {
...state,
status: action.status
}
}
case OBJECT_STATUS_LOADED: {
return {
...state,
status: action.status
};
}
case FILE_UPLOADED: {
let files = JSON.parse(JSON.stringify(state.files));
files.push({
key: action.file.name,
name: action.file.name
});
return {
...state,
files: files
};
}
case FILES_LOADED: {
let files = action.files.map((file) => {
return {
key: file.name,
name: file.name
}
});
return {
...state,
files: files
};
}
case FILE_DELETED: {
let files = state.files.filter((file) => {
return file.name !== action.fileName
});
return {
...state,
files: files
};
}
case PLAYERS_LOADED: {
return {
...state,
players: action.players
};
}
case PLAYERS_LOAD_ERROR: {
return {
...state,
players: [],
playersLoadError: action.error
};
}
case PARAMS_LOADED: {
return {
...state,
params: action.params
};
}
case PARAMS_LOAD_ERROR: {
return {
...state,
paramsLoadError: action.error
}
}
default:
return state;
}
};

7
client/src/reducers/index.js Normal file
View file

@ -0,0 +1,7 @@
import { combineReducers } from 'redux';
import appData from './appData';
export default combineReducers({
appData
});

135
client/src/serviceWorker.js Executable file
View file

@ -0,0 +1,135 @@
// 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 http://bit.ly/CRA-PWA
const isLocalhost = Boolean(
window.location.hostname === 'localhost' ||
// [::1] is the IPv6 localhost address.
window.location.hostname === '[::1]' ||
// 127.0.0.1/8 is 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 http://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 http://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)
.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();
});
}
}

114
client/src/services/ApiService.js Normal file
View file

@ -0,0 +1,114 @@
class ApiService {
getConfig(onSuccess, onError) {
this._get('/api/config', onSuccess, onError);
};
udpateConfig(requestData, onSuccess, onError) {
this._put('/api/config/update', requestData, onSuccess, onError);
};
saveConfig(onSuccess, onError) {
this._post('/api/config/save', {}, onSuccess, onError);
};
startObject(onSuccess, onError) {
this._post('/api/obj/start', {}, onSuccess, onError);
};
pauseObject(onSuccess, onError) {
this._post('/api/obj/pause', {}, onSuccess, onError);
};
stopObject(onSuccess, onError) {
this._post('/api/obj/stop', {}, onSuccess, onError);
};
getObjectStatus(onSuccess, onError) {
this._get('/api/obj/status', onSuccess, onError);
};
getFiles(onSuccess, onError) {
this._get('/api/files', onSuccess, onError);
};
getParams(onSuccess, onError) {
this._get('/api/nwap/params', onSuccess, onError);
};
getPlayers(showId, onSuccess, onError) {
this._get('/api/nwap/show/' + showId, onSuccess, onError);
};
uploadFile(formData, onSuccess, onError) {
fetch('/api/files', {
method: 'POST',
body: formData
})
.then(this._handleResponse(onSuccess, onError))
.catch((error) => {
onError({ error: error.message });
});
};
deleteFile(name, onSuccess, onError) {
const url = '/api/files/' + name;
fetch(url, { method: 'DELETE' })
.then(this._handleResponse(onSuccess, onError))
.catch((error) => {
onError({ error: error.message });
});
}
_get(url, onSuccess, onError) {
fetch(url)
.then(this._handleResponse(onSuccess, onError))
.catch((error) => {
onError({ error: error.message });
});
};
_post(url, requestData, onSuccess, onError) {
fetch(url, {
method: 'POST',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json'
},
body: JSON.stringify(requestData)
})
.then(this._handleResponse(onSuccess, onError))
.catch((error) => {
onError(error);
});
};
_put(url, requestData, onSuccess, onError) {
fetch(url, {
method: 'PUT',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json'
},
body: JSON.stringify(requestData)
}).then(this._handleResponse(onSuccess, onError))
.catch((error) => {
onError(error);
})
};
_handleResponse = (onSuccess, onError) => (response) => {
if (response.status === 200) {
response.json()
.then(onSuccess)
} else if (response.status === 400) {
// JSON Syntax error
response.json().then(onError)
}
else {
onError({ "message": "Backend returned status: " + response.status })
}
};
}
export default ApiService;

23
client/src/store.js Normal file
View file

@ -0,0 +1,23 @@
import { createStore, applyMiddleware, compose } from 'redux';
import thunk from 'redux-thunk';
import rootReducer from './reducers';
const initialState = {};
const middleware = [thunk];
let devTools = window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__();
if (process.env.NODE_ENV === 'test' || process.env.NODE_ENV === 'production' || !devTools) {
devTools = a => a;
}
const store = createStore(
rootReducer,
initialState,
compose(
applyMiddleware(...middleware),
devTools
)
);
export default store;

10982
client/yarn.lock Executable file
View file

File diff suppressed because it is too large Load diff