Add the base Franco's gui

72635d14 · Franco (nextime) Lanza · bad30449 · 72635d14 · 72635d14 · 72635d14
Commit 72635d14 authored 12 years ago by Franco (nextime) Lanza
6 changed files
--- a/gui/franco/SkyliveX.js
+++ b/gui/franco/SkyliveX.js
+function changeContent(id, content)
+{
+   var n=document.getElementById(id);
+   if(typeof(n)!="undefined")
+     n.innerHTML=content;
+}
+function notify(content)
+{
+   if(typeof(notifycb)=="function")
+      notifycb(content);
+}
+function msgalert(content)
+{
+   if(typeof(alertcb)=="function")
+      alertcb(content);
+   else
+      alert(content);
+}
+function publicReceived(user, msg)
+{
+   if(typeof(public_received)=="function")
+   {
+      public_received(user, msg);
+   } else {
+      n = document.getElementById("chatarea");
+      if(typeof(n)!="undefined")
+      {
+         var newel = document.createElement('p');
+         newel.innerHTML="&lt;"+user+"&gt; "+msg;
+         n.appendChild(newel);
+         n.scollTop = n.scrollHeight;
+      }
+   }
+}
+
+SkyliveX.changeContent.connect(changeContent);
+SkyliveX.notify.connect(notify);
+SkyliveX.alertmsg.connect(msgalert);
+SkyliveX.public_received.connect(publicReceived);
--- a/gui/franco/firebug-lite.js
+++ b/gui/franco/firebug-lite.js
--- a/gui/franco/img/logo.png
+++ b/gui/franco/img/logo.png
--- a/gui/franco/login.html
+++ b/gui/franco/login.html
+<html>
+   <head>
+      <title>SkyliveX</title>
+      <script type="text/javascript" src="SkyliveX.js"></script>
+      <script type="text/javascript">
+         function sendLogin()
+         {
+            SkyliveX.pushLogin(document.forms.loginform.user.value, document.forms.loginform.pass.value);
+         }
+         function notifycb(msg)
+         {
+            document.getElementById("res").innerHTML=msg;
+         }
+         function alertcb(msg)
+         {
+            document.getElementById("alert").innerHTML=msg;
+         }
+      </script>
+      <style>
+         #page {
+            background-color: #0000FF;
+            color: #FFFFFF;
+            text-align: center;
+            margin: 0 auto;
+         }
+      </style>
+   </head>
+   <body>
+      <div id="page">
+         <b>SkyliveX 0.1.0 Login</b>
+         <div id="res"></div>
+         <div id="alert"></div>
+         <form id="login" name="loginform">
+            Username: <input type="text" value="" name="user" placeholder="username">
+            Password: <input type="password" value="" name="pass" placeholder="password">
+            <input type="submit" value="Login" onClick="sendLogin();">
+         </form>
+      </div>
+   </body>
+</html>
+
--- a/gui/franco/maingui.html
+++ b/gui/franco/maingui.html
+<html>
+   <head>
+      <title>SkyliveX 0.1.0</title>
+      <script type="text/javascript" src="SkyliveX.js"></script>
+      <style>
+         #page {
+            background-color: #FFFFFF;
+            color: #000000;
+            text-align: center;
+            margin: 0 auto;
+            overflow:hidden;
+         }
+         #top {
+            height:40px;
+            border: 1px solid #000000;
+				width:auto;
+				position: absolute;
+				top: 8px;
+				right: 8px;
+				left: 8px;
+         }  
+
+         #left {
+            width: 330px;
+				position: absolute;
+				top:48px;
+				left: 8px;
+				right: 8px;
+				bottom: 8px;
+				border: 1px solid #FF0000;
+         }
+         #livearea {
+            border: 1px solid #00FF00;           
+				position: relative;
+         }
+
+			#toolsarea {
+				 border: 1px solid #0000FF;
+				 position: absolute;
+				 bottom: 0px;
+				 right: 0px;
+				 left: 0px;
+				 top: 242px;
+		   }
+         #right {
+			   position: absolute;
+				top: 48px;
+				left: 338px;
+				right: 8px;
+				bottom: 8px;
+				border: 1px solid #FF0FF0;
+         }
+         #chatarea {
+            overflow-y: auto;
+				border: 1px solid #00FF00;
+				position: absolute;
+				bottom: 70px;
+				top: 0px;
+				right: 130px;
+				left: 0px;
+         }
+         #chatlist {
+            overflow-y: auto;
+            width: 130px;
+            position: absolute;
+            border: 1px solid #00FF00;
+            bottom: 70px;
+            top: 0px;
+            right: 0px;
+         }
+         #chatinput {
+				position: absolute;
+            height: 70px;
+				bottom: 0px;
+				right: 0px;
+				left: 0px;
+				border: 1px solid #0000FF;
+         }
+
+      </style>
+   </head>
+   <body>
+      <div id="page">
+         <div id="top">
+         </div>
+         <div id="left">
+            <div id="livearea">
+               <img src="http://live1.skylive.name/tele1/live640.jpg"></img>
+            </div>
+				<div id="toolsarea">
+					TOOL
+			   </div>
+         </div>
+         <div id="right">
+            <div id="chatarea">
+            </div>
+            <div id="chatlist">
+               <p>user1</p>
+               <p>user2</p>
+            </div>
+            <div id="chatinput">
+               <p>INPUT</p>
+            </div>
+         </div>
+      </div>
+   </body>
+</html>
+
--- a/gui/franco/splash.html
+++ b/gui/franco/splash.html
+<html>
+   <head>
+      <title>SkyliveX</title>
+      <script type="text/javascript">
+         function notifycb(c)
+         {
+            document.getElementById("loadstring").innerHTML=c;
+         }
+      </script>
+      <script type="text/javascript" src="SkyliveX.js"></script>
+      <style>
+         #loading {
+            color: #FFFFFF;
+            text-align: center;
+            margin: 0 auto;
+         }
+         #loading h3 {
+            background-color: #0000ff;
+            width:100%;
+            text-align: center;
+            padding-bottom:5px;
+            padding-top: 3px;
+         }
+      </style>
+   </head>
+   <body>
+      <div id="loading">
+         <img src="img/logo.png"></img>
+         <h3 id="loadstring">Loading...</h3>
+      </div>
+   </body>
+</html>