diff options
| author | yo mama <pepper@scannerjammer.com> | 2015-03-20 17:33:43 -0700 |
|---|---|---|
| committer | yo mama <pepper@scannerjammer.com> | 2015-03-20 17:33:43 -0700 |
| commit | 2afbcf4e7d000d99fdbc582d7113684ee00e80cc (patch) | |
| tree | 6ba3313b78625735fb295e3d375e59054c31e558 /views | |
first
Diffstat (limited to 'views')
| -rw-r--r-- | views/index.html | 47 | ||||
| -rw-r--r-- | views/main.html | 64 |
2 files changed, 111 insertions, 0 deletions
diff --git a/views/index.html b/views/index.html new file mode 100644 index 0000000..40cf026 --- /dev/null +++ b/views/index.html @@ -0,0 +1,47 @@ +<!DOCTYPE html>
+<html>
+<meta charset="utf-8" />
+<title>Pepper Chat</title>
+<link rel="stylesheet" href="/css/styles.css" type="text/css">
+<link rel="stylesheet" type="text/css" href="/javascripts/themes/default/easyui.css">
+<link rel="stylesheet" type="text/css" href="/javascripts/themes/icon.css">
+<script type="text/javascript" src="/javascripts/jquery.min.js"></script>
+<script type="text/javascript" src="/javascripts/jquery.easyui.min.js"></script>
+<body>
+<div id="wrapper">
+ <div id="login-content">
+ <form name="aform" method="post" action="/enter" >
+ <input type="text" id="username" name="username" /><br />
+ <input type="text" id="roomname" name="roomname" /><br />
+ <button class="button" onclick="createNewRoom();">Enter room</button>
+ </form>
+ </div>
+</div>
+<script type="text/javascript">
+$('#username').focus();
+$('#username').bind('keypress', function(event){
+ var key = event.which || event.keyCode;
+ if(key === 13) {
+ $('#roomname').focus();
+ event.preventDefault();
+ }
+});
+function checkfield() {
+ if ($('#username').val() == '') {
+ alert('Please type user name.!');
+ $('#username').focus();
+ return false;
+ }
+ if ($('#roomname').val() == '') {
+ alert('Please type room name.!');
+ $('#roomname').focus();
+ return false;
+ }
+ return true;
+}
+function createNewRoom(event) {
+ if (checkfield() == false){ event.preventDefault(); }
+}
+</script>
+</body>
+</html>
\ No newline at end of file diff --git a/views/main.html b/views/main.html new file mode 100644 index 0000000..a38bcc3 --- /dev/null +++ b/views/main.html @@ -0,0 +1,64 @@ +<!DOCTYPE html>
+<html>
+<meta charset="utf-8" />
+<title>Pepper Chat</title>
+<link rel="stylesheet" href="/css/styles.css" type="text/css">
+<link rel="stylesheet" type="text/css" href="/javascripts/themes/default/easyui.css">
+<link rel="stylesheet" type="text/css" href="/javascripts/themes/icon.css">
+<script type="text/javascript" src="/javascripts/jquery.min.js"></script>
+<script type="text/javascript" src="/javascripts/jquery.easyui.min.js"></script>
+<script src="/javascripts/rtc-io.js"></script>
+<script type="text/javascript">
+ window.location.hash = '<%= roomname %>';
+</script>
+<body >
+<input type="hidden" id="username" value="<%= username %>" />
+<div id="chat-wrapper" class="easyui-window" title="Main Window">
+ <div class="easyui-layout window-content">
+ <div data-options="region:'north'" id="chat-toolbox">
+ <a class="easyui-linkbutton btnsend" data-options="iconCls:'icon-help'" >Help</a>
+ <a class="easyui-linkbutton btnsend" data-options="iconCls:'icon-capture'" id="shutter" >Take picture</a>
+ </div>
+ <div data-options="region:'south',split:true" id="chat-sendbox">
+ <div class="sendbox-left">
+ <label class="function_note">Press Ctrl + Enter to send the message.</label> <br />
+ <textarea id="sendtext" cols="60"></textarea>
+ <a class="easyui-linkbutton btnsend" data-options="iconCls:'icon-ok'" id="btnSend" >Send</a>
+ <label style="clear:both;"></label>
+ </div>
+ <div class="sendbox-right">
+ <video id="you" class="flip" autoplay></video>
+ </div>
+ <div style="clear:both;"></div>
+ </div>
+ <div data-options="region:'west',split:true" title="Contacts" id="chat-users">
+ <div id="users">
+ <span id="useryou"><%= username %></span>
+ </div>
+ </div>
+ <div data-options="region:'east',split:true" title="WebCam Videos" id="chat-webcam">
+ <div class="easyui-accordion" data-options="selected:true,fit:true,border:false">
+ <div title="Videos" id="webcam-videos" style="padding:10px;">
+ </div>
+ <div title="" style="padding:10px;">
+ <canvas id="canvas"></canvas>
+ </div>
+ </div>
+ </div>
+ <div data-options="region:'center',title:'Message Board'">
+ <div class="easyui-tabs" data-options="fit:true,border:false,plain:true">
+ <div title="Room : ( <%= roomname %> )" id="msgboard" data-options="" style="padding:10px">
+ </div>
+ </div>
+ </div>
+</div>
+<script src="/javascripts/client.js"></script>
+<script src="/javascripts/file-utils.js"></script>
+<script type="text/javascript">
+ $(function(){
+ ppChat.init();
+ ppChat.WebRTC.init();
+ });
+</script>
+</body>
+</html>
\ No newline at end of file |