pimhwang
/
Video-Call-App
mirror of https://github.com/amirsanni/Video-Call-App.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Random rooms can now be generated

pull/14/merge
Amir 9 years ago
parent
5cca52fbf5
commit
0537ea6c5b
1 changed files with 68 additions and 33 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 101
      index.php

101
index.php
Unescape View File

@ -1,34 +1,69 @@ @@ -1,34 +1,69 @@
<?php
/**
* @fileName index.php
* @author Amir <amirsanni@gmail.com>
* @date 22-Dec-2016
*/
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Chat App</title>
<!-- Favicon -->
<link rel="shortcut icon" href="img/favicon.ico">
<!-- favicon ends -->
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.3/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<input type="button" id='createRoom'>
</body>
<?php
/**
* @fileName index.php
* @author Amir <amirsanni@gmail.com>
* @date 22-Dec-2016
*/
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Chat App</title>
<!-- Favicon -->
<link rel="shortcut icon" href="img/favicon.ico">
<!-- favicon ends -->
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.3/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
.button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
cursor: pointer;
}
</style>
<script src="js/config.js"></script>
</head>
<body>
<input type="button" id='createRoom' class="button" value="Create Random Room">
<div id="roomLink" style="margin-top: 10px"></div>
<script>
var createBtn = document.querySelector("#createRoom");
var linkInput = document.querySelector("#roomLink");
createBtn.onclick = function(){
new Promise(function(resolve, reject){
var room = Math.random().toString(36).slice(2).substring(0, 15);
return room ? resolve(room) : reject(new Error("Could not create room"));
}).then(function(room){
linkInput.innerHTML = appRoot+"comm.php?room="+room;
}).catch(function(err){
linkInput.innerHTML = err;
});
};
</script>
</body>
</html>
Write Preview
Loading…
Cancel
Save