Added dynamic title.
This commit is contained in:
empathicqubit
parent
a96f396054
commit
62589c5a11
10 changed files with 73 additions and 6 deletions
|
|
@ -7,6 +7,7 @@
|
|||
"react": "^16.3.2",
|
||||
"react-dom": "^16.3.2",
|
||||
"react-draggable": "^3.0.5",
|
||||
"react-helmet": "^5.2.0",
|
||||
"react-router": "^4.2.0",
|
||||
"react-router-dom": "^4.2.2",
|
||||
"react-scripts": "1.1.4",
|
||||
|
|
|
|||
|
|
@ -11,6 +11,10 @@ body {
|
|||
background-color: #FCC5A2;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
body, button {
|
||||
color: #00173D;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -27,9 +27,9 @@ const render = () => ReactDOM.render(router(), document.getElementById('root'));
|
|||
let routeSwitch = (
|
||||
<Switch>
|
||||
<Route path="/" exact render={() => <Redirect to="/client" />} />
|
||||
<Route path="/client" render={(routeProps) => <Client {...routeProps} {...clientProps || (clientProps = getClientProps(render))} />} />
|
||||
<Route path="/admin" render={(routeProps) => <Admin {...routeProps} {...adminProps || (adminProps = getAdminProps(render))} />} />
|
||||
<Route path="/simulator" render={(routeProps) => <Simulator {...routeProps} {...simulatorProps || (simulatorProps = getSimulatorProps(render))} />} />
|
||||
<Route title="Client" path="/client" render={(routeProps) => <Client {...routeProps} {...clientProps || (clientProps = getClientProps(render))} />} />
|
||||
<Route title="Admin" path="/admin" render={(routeProps) => <Admin {...routeProps} {...adminProps || (adminProps = getAdminProps(render))} />} />
|
||||
<Route title="Simulator" path="/simulator" render={(routeProps) => <Simulator {...routeProps} {...simulatorProps || (simulatorProps = getSimulatorProps(render))} />} />
|
||||
</Switch>
|
||||
);
|
||||
|
||||
|
|
|
|||
|
|
@ -3,9 +3,27 @@
|
|||
float: left;
|
||||
width: 5em;
|
||||
height: 10em;
|
||||
margin: 1em 0;
|
||||
-webkit-appearance: slider-vertical;
|
||||
}
|
||||
|
||||
.track-controls button {
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.track-controls button:first-child {
|
||||
border-right: none;
|
||||
border-bottom-left-radius: .5em;
|
||||
border-top-left-radius: .5em;
|
||||
}
|
||||
|
||||
.track-controls button:last-child {
|
||||
border-left: none;
|
||||
border-bottom-right-radius: .5em;
|
||||
border-top-right-radius: .5em;
|
||||
}
|
||||
|
||||
.clients {
|
||||
display: flex;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@ import _ from 'lodash';
|
|||
import React from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import Knob from '../Knob';
|
||||
import Helmet from 'react-helmet';
|
||||
|
||||
import './admin.css';
|
||||
|
||||
|
|
@ -171,6 +172,9 @@ class Admin extends React.Component {
|
|||
const state = this.state
|
||||
return (
|
||||
<div>
|
||||
<Helmet>
|
||||
<title>Source Administrator</title>
|
||||
</Helmet>
|
||||
<h1>
|
||||
Source administrator
|
||||
</h1>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
import React from 'react';
|
||||
import { NavLink, Link } from 'react-router-dom';
|
||||
import {Helmet} from 'react-helmet';
|
||||
|
||||
import './app.css';
|
||||
|
||||
|
|
@ -7,6 +8,9 @@ class App extends React.Component {
|
|||
render() {
|
||||
return (
|
||||
<div>
|
||||
<Helmet titleTemplate="Web Audio - %s">
|
||||
<title>Web Audio</title>
|
||||
</Helmet>
|
||||
<header>
|
||||
<nav>
|
||||
<ul>
|
||||
|
|
|
|||
|
|
@ -2,3 +2,7 @@
|
|||
margin: 0 1em;
|
||||
padding: 0 0.5em;
|
||||
}
|
||||
|
||||
.enabled-sources ul {
|
||||
padding-top: .5em;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
'use strict';
|
||||
import BufferClient from './buffer-client.js';
|
||||
import React from 'react';
|
||||
import Helmet from 'react-helmet';
|
||||
|
||||
let e = React.createElement;
|
||||
let n = null;
|
||||
|
|
@ -13,9 +14,12 @@ class Client extends React.Component {
|
|||
this.props.onComponentMount && this.props.onComponentMount();
|
||||
}
|
||||
render() {
|
||||
return (
|
||||
<BufferClient {...this.props} />
|
||||
);
|
||||
return ([
|
||||
<Helmet>
|
||||
<title>Client</title>
|
||||
</Helmet>,
|
||||
<BufferClient {...this.props} />,
|
||||
]);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
import BufferClient from './buffer-client.js';
|
||||
import React from 'react';
|
||||
import Draggable from 'react-draggable';
|
||||
import Helmet from 'react-helmet';
|
||||
|
||||
import './simulator.css';
|
||||
import 'material-design-icons/sprites/svg-sprite/svg-sprite-hardware.css';
|
||||
|
|
@ -15,6 +16,9 @@ class Simulator extends React.Component {
|
|||
render() {
|
||||
return (
|
||||
<div>
|
||||
<Helmet>
|
||||
<title>Simulator</title>
|
||||
</Helmet>
|
||||
<h1>
|
||||
Simulator
|
||||
</h1>
|
||||
|
|
|
|||
|
|
@ -2493,6 +2493,10 @@ execa@^0.7.0:
|
|||
signal-exit "^3.0.0"
|
||||
strip-eof "^1.0.0"
|
||||
|
||||
exenv@^1.2.1:
|
||||
version "1.2.2"
|
||||
resolved "https://registry.yarnpkg.com/exenv/-/exenv-1.2.2.tgz#2ae78e85d9894158670b03d47bec1f03bd91bb9d"
|
||||
|
||||
expand-brackets@^0.1.4:
|
||||
version "0.1.5"
|
||||
resolved "https://registry.yarnpkg.com/expand-brackets/-/expand-brackets-0.1.5.tgz#df07284e342a807cd733ac5af72411e581d1177b"
|
||||
|
|
@ -5575,6 +5579,15 @@ react-error-overlay@^4.0.0:
|
|||
version "4.0.0"
|
||||
resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-4.0.0.tgz#d198408a85b4070937a98667f500c832f86bd5d4"
|
||||
|
||||
react-helmet@^5.2.0:
|
||||
version "5.2.0"
|
||||
resolved "https://registry.yarnpkg.com/react-helmet/-/react-helmet-5.2.0.tgz#a81811df21313a6d55c5f058c4aeba5d6f3d97a7"
|
||||
dependencies:
|
||||
deep-equal "^1.0.1"
|
||||
object-assign "^4.1.1"
|
||||
prop-types "^15.5.4"
|
||||
react-side-effect "^1.1.0"
|
||||
|
||||
react-router-dom@^4.2.2:
|
||||
version "4.2.2"
|
||||
resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-4.2.2.tgz#c8a81df3adc58bba8a76782e946cbd4eae649b8d"
|
||||
|
|
@ -5643,6 +5656,13 @@ react-scripts@1.1.4:
|
|||
optionalDependencies:
|
||||
fsevents "^1.1.3"
|
||||
|
||||
react-side-effect@^1.1.0:
|
||||
version "1.1.5"
|
||||
resolved "https://registry.yarnpkg.com/react-side-effect/-/react-side-effect-1.1.5.tgz#f26059e50ed9c626d91d661b9f3c8bb38cd0ff2d"
|
||||
dependencies:
|
||||
exenv "^1.2.1"
|
||||
shallowequal "^1.0.1"
|
||||
|
||||
react-transform-catch-errors@^1.0.2:
|
||||
version "1.0.2"
|
||||
resolved "https://registry.yarnpkg.com/react-transform-catch-errors/-/react-transform-catch-errors-1.0.2.tgz#1b4d4a76e97271896fc16fe3086c793ec88a9eeb"
|
||||
|
|
@ -6139,6 +6159,10 @@ sha.js@^2.4.0, sha.js@^2.4.8:
|
|||
inherits "^2.0.1"
|
||||
safe-buffer "^5.0.1"
|
||||
|
||||
shallowequal@^1.0.1:
|
||||
version "1.0.2"
|
||||
resolved "https://registry.yarnpkg.com/shallowequal/-/shallowequal-1.0.2.tgz#1561dbdefb8c01408100319085764da3fcf83f8f"
|
||||
|
||||
shebang-command@^1.2.0:
|
||||
version "1.2.0"
|
||||
resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea"
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue