Massive change. Changed to react-scripts (webpack) for building. Changed to material-ui where applicable. Changed to CSS-in-JS.

2019-03-29 14:12:13 +01:00
parent 36944a9ea7
commit 0449d6ff20
185 changed files with 4564 additions and 6442 deletions
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset='utf-8'>
+		<title>Multiparty Meeting</title>
+	</head>
+	<style>
+		body
+		{
+			margin:auto;
+			padding:0.5vmin;
+			text-align:center;
+			position: fixed;
+			left: 50%;
+			top: 40%;
+			width: 90%;
+			transform: translate(-50%, 0%);
+			background-image: url('/images/background.svg');
+			background-attachment: fixed;
+			background-position: center;
+			background-size: cover;
+			background-repeat: repeat;
+		}
+		input:hover { opacity:0.9; }
+		input[type=text]
+		{
+			font-size: 1.5em;
+			padding: 1.5vmin;
+			background-color: rgba(0,0,0,0.3);
+			border: 0;
+			color: #fff;
+			margin: 0.8vmin;
+			width: 50%;
+		}
+
+		button:hover { background-color: #f5f5f5; }
+		button
+		{
+			font-size: 1.5em;
+			padding: 1.5vmin;
+			margin: 0.8vmin;
+			background-color: #fafafa;
+			border-radius: 1.8vmin;
+			color: #000;
+			border: 0;
+		}
+		img
+		{
+			height: 15vmin;
+		}
+	</style>
+	<body>
+		<a>
+			<img src='/images/logo.svg'></img><br />
+		</a>
+		<input id='room' type='text' onkeypress='checkEnter(event)' value='' placeholder='your room name' />
+		<button onclick = 'start(location.href)'>Go to room</button>
+	</body>
+	<script>
+		let room = document.getElementById('room');
+		let stateObj = { foo: 'bar' };
+
+		room.addEventListener('input', (e) =>
+		{
+			console.log(e.charCode);
+			history.replaceState(stateObj, 'Multiparty Meeting', '/'+room.value);
+		}, true);
+
+		room.focus();
+
+		function start(target)
+		{
+			location.href;history.replaceState(stateObj, 'Multiparty Meeting', '/');
+			window.location = target;
+		}
+
+		function checkEnter(event)
+		{
+			let x = event.charCode || event.keyCode;
+			if (x == 13 )
+			{
+				start(location.href);
+			}
+		}
+	</script>
+</html>
@@ -0,0 +1,20 @@
+var config =
+{
+	loginEnabled    : false,
+	developmentPort : 3443,
+	turnServers : [
+		{
+			urls : [
+				'turn:turn.example.com:443?transport=tcp'
+			],
+			username   : 'example',
+			credential : 'example'
+		}
+	],
+	requestTimeout   : 10000,
+	transportOptions :
+	{
+		tcp : true
+	},
+	lastN : 4
+};
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang='en'>
+	<head>
+		<meta charset='utf-8' />
+		<meta
+			name='viewport'
+			content='width=device-width, initial-scale=1, shrink-to-fit=no'
+		/>
+		<meta name='description' content='multiparty meeting - Simple web meetings'>
+		<meta name='theme-color' content='#000000' />
+
+		<link rel='chrome-webstore-item' href='https://chrome.google.com/webstore/detail/fckajcjdaabdgnbdcmhhebdglogjfodi'>
+		<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
+		<link rel='shortcut icon' href='%PUBLIC_URL%/favicon.ico' />
+		<link rel='manifest' href='%PUBLIC_URL%/manifest.json' />
+
+		<title>Multiparty Meeting</title>
+
+		<script src='%PUBLIC_URL%/config.js' type='text/javascript'></script>
+	</head>
+	<body>
+		<noscript>You need to enable JavaScript to run this app.</noscript>
+		<div id='multiparty-meeting'></div>
+	</body>
+</html>
@@ -0,0 +1,15 @@
+{
+	"short_name": "Multiparty Meeting",
+	"name": "Multiparty Meeting - Simple web meetings",
+	"icons": [
+		{
+		"src": "favicon.ico",
+		"sizes": "64x64 32x32 24x24 16x16",
+		"type": "image/x-icon"
+		}
+	],
+	"start_url": ".",
+	"display": "standalone",
+	"theme_color": "#000000",
+	"background_color": "#ffffff"
+}