Skip to content

S
skylivex
Commit 72635d14 authored by Franco (nextime) Lanza's avatar Franco (nextime) Lanza
Browse files
Options

Add the base Franco's gui

parent bad30449
Hide whitespace changes
Inline Side-by-side
Showing with 8477 additions and 0 deletions
gui/franco/SkyliveX.js 0 → 100644
View file @ 72635d14
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="<"+user+"> "+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);
gui/franco/firebug-lite.js 0 → 100644
View file @ 72635d14
This source diff could not be displayed because it is too large. You can view the blob instead.
gui/franco/img/logo.png 0 → 100644
View file @ 72635d14
gui/franco/img/logo.png

23.6 KB

gui/franco/login.html 0 → 100644
View file @ 72635d14
<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>
gui/franco/maingui.html 0 → 100644
View file @ 72635d14
<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>
gui/franco/splash.html 0 → 100644
View file @ 72635d14
<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>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment