initial commit
This commit is contained in:
commit
86652e790c
23
Config.go
Normal file
23
Config.go
Normal file
@ -0,0 +1,23 @@
|
||||
package main
|
||||
|
||||
type Config struct {
|
||||
App struct {
|
||||
Name string
|
||||
Version string
|
||||
MotdHTML string
|
||||
Debug bool
|
||||
}
|
||||
|
||||
Web struct {
|
||||
Port int
|
||||
BindTo string
|
||||
Extern string
|
||||
Title string
|
||||
}
|
||||
|
||||
Hub struct {
|
||||
Address string
|
||||
Port int
|
||||
Tag string
|
||||
}
|
||||
}
|
||||
167
build.sh
Normal file
167
build.sh
Normal file
@ -0,0 +1,167 @@
|
||||
#!/bin/bash
|
||||
# godist.sh is a template build script for golang applications.
|
||||
#
|
||||
# Copyright (c) 2016, The godist.sh Author(s)
|
||||
#
|
||||
# Permission to use, copy, modify, and/or distribute this software for any
|
||||
# purpose with or without fee is hereby granted, provided that the above
|
||||
# copyright notice and this permission notice appear in all copies.
|
||||
#
|
||||
# THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
||||
# REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
||||
# AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
||||
# INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
||||
# LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE
|
||||
# OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
||||
# PERFORMANCE OF THIS SOFTWARE.
|
||||
#
|
||||
|
||||
set -eu
|
||||
|
||||
DIST_DIR=./_dist
|
||||
|
||||
get_package_name() {
|
||||
# Binaries are named after the containing folder.
|
||||
pwd | tr / $'\n' | tail -n1
|
||||
}
|
||||
|
||||
check_dependencies() {
|
||||
# `set -e` will take care of killing the application if the dependency
|
||||
# goes unresolved.
|
||||
which 7z > /dev/null
|
||||
which php > /dev/null
|
||||
}
|
||||
|
||||
get_platform_description() {
|
||||
if [[ $GOOS == windows ]] ; then
|
||||
echo -n "win"
|
||||
else
|
||||
echo -n "${GOOS}"
|
||||
fi
|
||||
|
||||
if [[ $GOARCH == 386 ]] ; then
|
||||
echo -n 32
|
||||
elif [[ $GOARCH == amd64 ]] ; then
|
||||
echo -n 64
|
||||
else
|
||||
echo -n "-${GOARCH}"
|
||||
if [[ -v $GOARM ]] ; then
|
||||
echo -n "v${GOARM}"
|
||||
fi
|
||||
fi
|
||||
}
|
||||
|
||||
pathfix() {
|
||||
if [[ $(uname -o) == Cygwin ]] ; then
|
||||
cygpath -w "$1"
|
||||
else
|
||||
echo "$1"
|
||||
fi
|
||||
}
|
||||
|
||||
single_build() {
|
||||
local version="$1"
|
||||
|
||||
# Determine build output name
|
||||
local bin_name=''
|
||||
if [[ $GOOS == windows ]] ; then
|
||||
local_bin_name="$(get_package_name).exe"
|
||||
else
|
||||
local_bin_name="$(get_package_name)"
|
||||
fi
|
||||
|
||||
if [[ -f ./$local_bin_name ]] ; then
|
||||
rm -f "./$local_bin_name"
|
||||
fi
|
||||
|
||||
local tmpdir=$(mktemp -d)
|
||||
|
||||
# Platform identifier
|
||||
local platform="$(get_platform_description)"
|
||||
echo "[INFO] Building ${version} for ${platform}..."
|
||||
|
||||
# Build.
|
||||
# GOARCH/GOOS supplied in function env
|
||||
go build \
|
||||
-a \
|
||||
-ldflags '-s -w' \
|
||||
-gcflags "-trimpath=${GOPATH}" \
|
||||
-asmflags "-trimpath=${GOPATH}" \
|
||||
-o "$(pathfix "${tmpdir}/${local_bin_name}")"
|
||||
|
||||
# Archive.
|
||||
if [[ ! -d $DIST_DIR ]] ; then
|
||||
mkdir "$DIST_DIR"
|
||||
fi
|
||||
local archive_name="${DIST_DIR}/$(get_package_name)-${version}-${platform}"
|
||||
if [[ $GOOS == windows ]] ; then
|
||||
archive_name="${archive_name}.7z"
|
||||
7z a -mx9 "$archive_name" "${tmpdir}/${local_bin_name}" >/dev/null
|
||||
else
|
||||
archive_name="${archive_name}.tar.xz"
|
||||
XZ_OPT='-9' tar caf "$archive_name" -C "${tmpdir}" "${local_bin_name}" --owner=0 --group=0 >/dev/null
|
||||
fi
|
||||
|
||||
# Cleanup
|
||||
rm -f "${tmpdir}/${local_bin_name}"
|
||||
rmdir "$tmpdir"
|
||||
|
||||
}
|
||||
|
||||
datestamp() {
|
||||
( TZ=UTC date +%Y%m%d%H%M%SZ )
|
||||
}
|
||||
|
||||
usage() {
|
||||
cat <<EOD
|
||||
Usage: ./godist.sh [-v VERSION]
|
||||
EOD
|
||||
exit 0
|
||||
}
|
||||
|
||||
main() {
|
||||
|
||||
check_dependencies
|
||||
|
||||
if [[ ! -v GOPATH ]] ; then
|
||||
echo "Please set GOPATH." >&2
|
||||
exit 1
|
||||
fi
|
||||
if [[ ! -d $GOPATH ]] ; then
|
||||
echo "Invalid GOPATH set." >&2
|
||||
exit 1
|
||||
fi
|
||||
|
||||
local version=""
|
||||
while getopts ':v:' flag ; do
|
||||
case "$flag" in
|
||||
v)
|
||||
version="$OPTARG"
|
||||
;;
|
||||
*)
|
||||
usage
|
||||
;;
|
||||
esac
|
||||
done
|
||||
|
||||
if [[ $version == "" ]] ; then
|
||||
read -p "Enter version string (blank for timestamp)> " version
|
||||
if [[ $version == "" ]] ; then
|
||||
version=$(datestamp)
|
||||
fi
|
||||
fi
|
||||
|
||||
if [[ -f ./bindata.go ]] ; then
|
||||
rm ./bindata.go
|
||||
fi
|
||||
go-bindata -nomemcopy -prefix client client
|
||||
|
||||
GOARCH=amd64 GOOS=windows single_build "$version"
|
||||
GOARCH=386 GOOS=windows single_build "$version"
|
||||
GOARCH=amd64 GOOS=linux single_build "$version"
|
||||
GOARCH=386 GOOS=linux single_build "$version"
|
||||
|
||||
echo "[INFO] Build complete."
|
||||
}
|
||||
|
||||
main "$@"
|
||||
BIN
client/apple-touch-icon.png
Normal file
BIN
client/apple-touch-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
396
client/dcwebui.css
Normal file
396
client/dcwebui.css
Normal file
@ -0,0 +1,396 @@
|
||||
/* dcwebui.css */
|
||||
|
||||
* {
|
||||
-webkit-text-size-adjust:100%
|
||||
-moz-text-size-adjust:100%
|
||||
-ms-text-size-adjust:100%
|
||||
}
|
||||
|
||||
html,body {
|
||||
height:100%;
|
||||
width:100%;
|
||||
margin:0;
|
||||
padding:0;
|
||||
border:0;
|
||||
font-family:Geneva,Helvetica,Arial,sans-serif;
|
||||
font-size: 12px;
|
||||
}
|
||||
.placement-top {
|
||||
height:24px;
|
||||
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
right:0;
|
||||
}
|
||||
.placement-mid {
|
||||
position:absolute;
|
||||
top:24px;
|
||||
right:0;
|
||||
bottom:40px;
|
||||
left:0;
|
||||
}
|
||||
.placement-bottom {
|
||||
height:40px;
|
||||
|
||||
position:absolute;
|
||||
bottom:0;
|
||||
left:0;
|
||||
right:0;
|
||||
}
|
||||
.placement-panel {
|
||||
width:150px;
|
||||
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:24px;
|
||||
bottom:40px;
|
||||
}
|
||||
.placement-vary {
|
||||
/* Nothing, at this media query level */
|
||||
}
|
||||
|
||||
/* WiiU placements */
|
||||
.navigator-wiiu .placement-mid {
|
||||
bottom:120px;
|
||||
}
|
||||
.navigator-wiiu .placement-bottom {
|
||||
height:120px;
|
||||
}
|
||||
.navigator-wiiu .placement-panel {
|
||||
bottom:120px;
|
||||
}
|
||||
|
||||
/* Menu button */
|
||||
.menubutton {
|
||||
position:absolute;
|
||||
right:2px;
|
||||
top:2px;
|
||||
|
||||
cursor:pointer;
|
||||
color:black;
|
||||
font-weight:bold;
|
||||
|
||||
line-height:18px;
|
||||
width:18px;
|
||||
text-align:center;
|
||||
}
|
||||
.menubutton:hover {
|
||||
background:white;
|
||||
}
|
||||
/* Menu list */
|
||||
.menu {
|
||||
background:#DDD;
|
||||
|
||||
box-shadow: 0 4px 24px #CCC;
|
||||
|
||||
display:none; /* default state */
|
||||
|
||||
position:absolute; /* but not positioned anywhere specifically */
|
||||
|
||||
width:200px;
|
||||
z-index:10; /* above placement-panel */
|
||||
|
||||
overflow-y:auto;
|
||||
}
|
||||
.menu ul {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
.menu li {
|
||||
list-style-type:none;
|
||||
padding:6px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.menu li:hover {
|
||||
background:#333;
|
||||
color:white;
|
||||
}
|
||||
/* Tabs */
|
||||
.tabbar {
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
|
||||
background:darkgrey;
|
||||
background-image: linear-gradient(bottom,#BBBBBB,#EEEEEE);
|
||||
background-image: -ms-linear-gradient(bottom,#BBBBBB,#EEEEEE);
|
||||
background-image: -moz-linear-gradient(bottom,#BBBBBB,#EEEEEE);
|
||||
background-image: -webkit-linear-gradient(bottom,#BBBBBB,#EEEEEE);
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BBBBBB, endColorstr=#EEEEEE); /* IE 6-8 */
|
||||
}
|
||||
.tabitem {
|
||||
display:inline-block;
|
||||
background:white;
|
||||
|
||||
height:20px;
|
||||
border-top:2px solid white;
|
||||
border-right:1px solid lightgrey;
|
||||
margin-top:2px;
|
||||
padding:0 8px;
|
||||
}
|
||||
.tabitem:hover {
|
||||
border-top:2px solid #EEE;
|
||||
}
|
||||
.tabitem.selected {
|
||||
border-top:2px solid darkgreen;
|
||||
}
|
||||
.tabitem.unread {
|
||||
background:lightyellow;
|
||||
}
|
||||
.tab-label {
|
||||
cursor:pointer;
|
||||
}
|
||||
.tab-closer {
|
||||
background:#F8F8F8;
|
||||
color:grey;
|
||||
font-weight:bold;
|
||||
cursor:pointer;
|
||||
|
||||
display:inline-block;
|
||||
*display:block; /* IE7 */
|
||||
*zoom:1; /* IE7 */
|
||||
|
||||
text-align:center;
|
||||
|
||||
/* Cosmetic */
|
||||
|
||||
padding:0 3px;
|
||||
border-radius:12px;
|
||||
border:1px solid white;
|
||||
line-height:12px;
|
||||
|
||||
position:relative;
|
||||
top:1px;
|
||||
|
||||
-webkit-transition:0.1s linear all;
|
||||
-moz-transition:0.1s linear all;
|
||||
transition:0.1s linear all;
|
||||
}
|
||||
.tab-closer:hover {
|
||||
background:#FFDDDD;
|
||||
border:1px solid red;
|
||||
color:black;
|
||||
}
|
||||
/* */
|
||||
.content {
|
||||
display:block;
|
||||
}
|
||||
.content-inner {
|
||||
overflow:hidden;
|
||||
overflow-y:auto;
|
||||
-webkit-transition: all 0.25s ease-in-out;
|
||||
|
||||
padding:0; /*4px;*/
|
||||
margin:0;
|
||||
box-sizing:border-box;
|
||||
|
||||
position:absolute;
|
||||
top:4px;
|
||||
bottom:0;
|
||||
left:4px;
|
||||
right:0;
|
||||
}
|
||||
/* */
|
||||
#basebar {
|
||||
border-top: 1px solid #999;
|
||||
|
||||
text-align:center;
|
||||
font-weight:bold;
|
||||
color:white;
|
||||
vertical-align:middle;
|
||||
|
||||
background: #ACB9CA;
|
||||
background-image: linear-gradient(bottom,#6E85A2,#ACB9CA);
|
||||
background-image: -ms-linear-gradient(bottom,#6E85A2,#ACB9CA);
|
||||
background-image: -moz-linear-gradient(bottom,#6E85A2,#ACB9CA);
|
||||
background-image: -webkit-linear-gradient(bottom,#6E85A2,#ACB9CA);
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#6E85A2, endColorstr=#ACB9CA); /* IE 6-8 */
|
||||
}
|
||||
#form-none {
|
||||
height:32px;
|
||||
position:absolute;
|
||||
right:4px;
|
||||
left:4px;
|
||||
top:4px;
|
||||
}
|
||||
#chatbox-container {
|
||||
padding:1px;
|
||||
|
||||
padding-right: 15px; /* (6 + 1)*2 plus 1 expected */
|
||||
|
||||
position:absolute;
|
||||
left:0;top:0;bottom:0;right:32px;
|
||||
}
|
||||
#chatbox {
|
||||
font-size:1.2em;
|
||||
font-family:Geneva,Helvetica,Arial,sans-serif;
|
||||
|
||||
border:1px;
|
||||
border-radius:3px;
|
||||
padding:0 6px;
|
||||
margin:0;
|
||||
|
||||
display:block;
|
||||
width:100%;
|
||||
height:100%;
|
||||
}
|
||||
#submit-container {
|
||||
position:absolute;
|
||||
top:0;bottom:0;right:0;width:32px;
|
||||
}
|
||||
#btsubmit {
|
||||
width:100%;
|
||||
height:100%;
|
||||
|
||||
font-size:1.2em;
|
||||
font-family:Geneva,Helvetica,Arial,sans-serif;
|
||||
}
|
||||
|
||||
/* iOS-style list view */
|
||||
|
||||
.ul-large {
|
||||
background-color: #e9e9e9;
|
||||
border: 1px solid #ccc;
|
||||
width: 95%;
|
||||
display: block;
|
||||
position: relative;
|
||||
padding: 0;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
-webkit-border-radius: 12px;
|
||||
-moz-border-radius: 12px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
.ul-large li {
|
||||
color: #333;
|
||||
font: bold 15px Geneva, Arial, Helvetica, sans-serif;
|
||||
vertical-align: middle;
|
||||
border-bottom: 1px solid #ccc;
|
||||
list-style-type: none;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
height: 30px;
|
||||
list-style-type: none;
|
||||
display: block;
|
||||
padding: 15px 5px 5px 10px;
|
||||
}
|
||||
.ul-large li:first-child {
|
||||
border-top: 0;
|
||||
-webkit-border-top-left-radius: 12px;
|
||||
-webkit-border-top-right-radius: 12px;
|
||||
-moz-border-top-left-radius: 12px;
|
||||
-moz-border-top-right-radius: 12px;
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
.ul-large li:last-child {
|
||||
border-bottom: 0;
|
||||
-webkit-border-bottom-left-radius: 12px;
|
||||
-webkit-border-bottom-right-radius: 12px;
|
||||
-moz-border-bottom-left-radius: 12px;
|
||||
-moz-border-bottom-right-radius: 12px;
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
.ul-large li {
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
/* Text */
|
||||
|
||||
.tx-time {
|
||||
color:grey;
|
||||
}
|
||||
.tx-sys {
|
||||
font-weight: bold;
|
||||
color: darkgreen;
|
||||
}
|
||||
.tx-user {
|
||||
font-weight: bold;
|
||||
color: black;
|
||||
}
|
||||
.tx-chat {
|
||||
color: black;
|
||||
}
|
||||
.tx-private {
|
||||
color: red;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* webkit scrollbars */
|
||||
|
||||
::-webkit-scrollbar-track-piece{
|
||||
/*background-color:#fff;*/
|
||||
-webkit-border-radius:0;
|
||||
}
|
||||
::-webkit-scrollbar{
|
||||
width:8px;
|
||||
height:8px;
|
||||
}
|
||||
::-webkit-scrollbar-thumb{
|
||||
height:50px;
|
||||
background-color:#CCC;
|
||||
-webkit-border-radius:4px;
|
||||
outline:2px solid #fff;
|
||||
outline-offset:-2px;
|
||||
border: 2px solid #fff;
|
||||
|
||||
-webkit-transition:background-color 0.1s;
|
||||
transition:background-color 0.1s;
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover{
|
||||
height:50px;
|
||||
background-color:#999;
|
||||
-webkit-border-radius:4px;
|
||||
}
|
||||
|
||||
/* Userlist */
|
||||
|
||||
#panel-userlist {
|
||||
border-left:1px solid #EEE;
|
||||
background:#F8F8F8;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
/* User sprite */
|
||||
|
||||
.ul-mini {
|
||||
padding-left: 4px;
|
||||
margin-top:4px;
|
||||
}
|
||||
.ul-mini li {
|
||||
list-style-type:none;
|
||||
min-height:13px;
|
||||
line-height:13px;
|
||||
padding-left:14px;
|
||||
margin-bottom:5px;
|
||||
cursor:pointer;
|
||||
|
||||
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAANCAYAAACQN/8FAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABh0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzT7MfTgAAAZJJREFUKJFtz71rE2EAgPHnrknbXBKkLWhx0DhoWsEOxk0taMGlQ7cimElK5uroH5DFSUQ3KQpV2qlQEDJ4mKFQ0MVS6kfN1dQP2ss1ydW79y6Xu3udBG36zL/lUaSUVKtVqes6hmGgaRqlUulUoVAw+ScV4P2bFfrEPhnF4+v2NuVy+QFHSjiNXWV2cgzh+dRqX1hsNflcr5/tgcJ14larSdDxCYIOuWEV0c3+7oEAxk4NANu2GUnFFIt3FnvgydxFZb9hSRmFCCGwmjb3i3OVo1AFyF2bZm/PxDRN4rDDo4WHt4+F77RfmKNZ1MQA9ukTPPeXXt14OvXita5f+guVJ+uPZ1brlZUJI08qG/F26AP9chDXO8RpeyzNvMyMnc+7fembmU9WYJFXL7M1YtBNhqRIEYURh1Gb/u+DH69fubqRaLQOcAccHDy++TW0pEaATzcOkFHMxs/NCQD13oV50laaH/EuQdhBhAIRClzF/W9GkVIC8Gx54dZafa3SDmxc1SEdZxgfHmdu+m7y3Jlc+AextbuG6q1RSQAAAABJRU5ErkJggg==') no-repeat 0 0;
|
||||
}
|
||||
.ul-mini li:hover {
|
||||
background-color:#EEE;
|
||||
}
|
||||
|
||||
/* Display userlist alongside main chat for wide screens */
|
||||
|
||||
#panel-userlist {
|
||||
display:none;
|
||||
}
|
||||
@media screen and (min-width: 590px) {
|
||||
|
||||
.placement-vary {
|
||||
right:150px;
|
||||
}
|
||||
#panel-userlist {
|
||||
display:block;
|
||||
}
|
||||
#tabitem-tab-users {
|
||||
display:none;
|
||||
}
|
||||
.position-panel {
|
||||
display:block;
|
||||
}
|
||||
}
|
||||
747
client/dcwebui.js
Normal file
747
client/dcwebui.js
Normal file
@ -0,0 +1,747 @@
|
||||
/* dcwebui.js */
|
||||
//;(function() {
|
||||
|
||||
"use strict";
|
||||
|
||||
var $ = (document.querySelectorAll ?
|
||||
function(s) {
|
||||
var r = document.querySelectorAll(s);
|
||||
return (s[0] === '#' && r.length === 1) ? r[0] : r;
|
||||
} :
|
||||
function(s) {
|
||||
// i'm not writing a selector engine...
|
||||
if (! s.length) return [];
|
||||
if (s[0] === '#') {
|
||||
return document.getElementById(s.slice(1));
|
||||
} else if (s[0] === '.') {
|
||||
return document.getElementsByClassName(s.slice(1));
|
||||
} else {
|
||||
return document.getElementsByTagName(s);
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
var nmdc_escape = function(str) {
|
||||
return (''+str).length ? (''+str).
|
||||
replace(/&/g,'&').replace(/\|/g,'|').replace(/\$/g,'$') :
|
||||
' ';
|
||||
};
|
||||
|
||||
var hesc = function(s) {
|
||||
var filter = {
|
||||
'&': '&', '<': '<', '>': '>', '"': '"', '\'': '''
|
||||
};
|
||||
return s.toString().replace(/[&<>'"]/g, function(s) { return filter[s]; });
|
||||
};
|
||||
|
||||
var nl2br = function(str) { // thanks php.js!
|
||||
return (str+'').replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, '$1<br>$2');
|
||||
};
|
||||
|
||||
var linkify = function(str) {
|
||||
return str.replace(
|
||||
/(https?:\/\/[^\s<]+)/g, "<a target='_blank' href=\"$1\">$1</a>"
|
||||
);
|
||||
};
|
||||
|
||||
var sanitise = function(s) {
|
||||
return linkify(nl2br(hesc(s)));
|
||||
};
|
||||
|
||||
var toggle = function($el) {
|
||||
$el.style.display = ($el.style.display === "block") ? "none" : "block";
|
||||
};
|
||||
|
||||
var textContent = function($el) {
|
||||
if ($el.textContent) return $el.textContent;
|
||||
if ($el.innerText) return $el.innerText;
|
||||
return "";
|
||||
};
|
||||
|
||||
// https://gist.github.com/eligrey/1276030
|
||||
var appendInnerHTML = function($el, html) {
|
||||
var child = document.createElement("span");
|
||||
child.innerHTML = html;
|
||||
|
||||
var node;
|
||||
while ((node = child.firstChild)) {
|
||||
$el.appendChild(node);
|
||||
}
|
||||
};
|
||||
|
||||
// http://stackoverflow.com/a/5598797
|
||||
function getOffsetLeft( elem ) {
|
||||
var offsetLeft = 0;
|
||||
do {
|
||||
if (!isNaN(elem.offsetLeft)) {
|
||||
offsetLeft += elem.offsetLeft;
|
||||
}
|
||||
} while (elem = elem.offsetParent);
|
||||
return offsetLeft;
|
||||
}
|
||||
|
||||
function getOffsetTop( elem ) {
|
||||
var offsetTop = 0;
|
||||
do {
|
||||
if (!isNaN(elem.offsetTop)) {
|
||||
offsetTop += elem.offsetTop;
|
||||
}
|
||||
} while (elem = elem.offsetParent);
|
||||
return offsetTop;
|
||||
}
|
||||
|
||||
/* Tab writers */
|
||||
|
||||
var write = function(tab) {
|
||||
var $tab = $('#inner-'+tab);
|
||||
return {
|
||||
'cls': function() {
|
||||
$tab.innerHTML = '';
|
||||
return this;
|
||||
},
|
||||
'scroll': function() {
|
||||
$tab.scrollTop = $tab.scrollHeight;
|
||||
return this;
|
||||
},
|
||||
'raw': function(s) {
|
||||
appendInnerHTML($tab, s);
|
||||
return this.scroll();
|
||||
},
|
||||
'c': function(c, s) {
|
||||
return this.raw('<span class="'+c+'">'+s+'</span>');
|
||||
},
|
||||
'time': function() {
|
||||
var d = new Date();
|
||||
var pad = function(s) {
|
||||
return (s < 10) ? '0'+s : ''+s ;
|
||||
};
|
||||
return this.raw(
|
||||
'<span class="tx-time">['+
|
||||
pad(d.getHours()) + ":" + pad(d.getMinutes())+
|
||||
"]</span> "
|
||||
);
|
||||
},
|
||||
'system': function(s) {
|
||||
return this.time().c('tx-sys', sanitise(s)).raw('<br/>');
|
||||
},
|
||||
'pubnick': function(u) {
|
||||
return this.raw('<span class="tx-user" ondblclick="switchToPM(\''+hesc(u)+'\');return false;"><'+hesc(u)+'></span>');
|
||||
},
|
||||
'pub': function(u, s) {
|
||||
return this.time().
|
||||
pubnick(u).raw(' ').
|
||||
c('tx-chat', sanitise(s)).raw('<br/>');
|
||||
},
|
||||
'priv': function(f, t, s) {
|
||||
return this.time().
|
||||
c('tx-user', '<'+hesc(f)+' -> '+hesc(t)+'>').
|
||||
raw(' ').
|
||||
c('tx-private', sanitise(s)).
|
||||
raw('<br/>');
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
/* Userlist */
|
||||
|
||||
var switchToPM = function(u) {
|
||||
writerFor(u); // create
|
||||
tab_set(pm_tabs[u]); // switch
|
||||
writerFor(u).scroll(); // scroll
|
||||
};
|
||||
|
||||
var userMenu = function(u, ev) {
|
||||
|
||||
usermenu.hide();
|
||||
usermenu = new MenuList(ev.target);
|
||||
usermenu.add("Send private message...", function() {
|
||||
switchToPM(u);
|
||||
});
|
||||
// Usercommands
|
||||
for (var i = 0; i < user_usercommands.length; i++) (function(i) {
|
||||
var raw = user_usercommands[i].raw;
|
||||
usermenu.add(user_usercommands[i].title, function() {
|
||||
|
||||
var message = usercommand_process( raw .replace(/%\[nick\]/g, u) );
|
||||
sock.emit('raw', {message: message});
|
||||
});
|
||||
})(i);
|
||||
|
||||
// Show
|
||||
usermenu.show();
|
||||
|
||||
//
|
||||
ev.preventDefault();
|
||||
return false;
|
||||
};
|
||||
|
||||
var userlist = {
|
||||
'add': function(u) {
|
||||
if (this.has(u)) return;
|
||||
|
||||
var userlists = $(".userlist");
|
||||
for (var l = 0, e = userlists.length; l !== e; ++l) {
|
||||
var userlist = userlists[l];
|
||||
|
||||
var to_add = document.createElement('li');
|
||||
to_add.innerHTML = hesc(u);
|
||||
|
||||
to_add.onclick = function() { switchToPM(u); };
|
||||
to_add.oncontextmenu = function(ev) { return userMenu(u, ev); };
|
||||
|
||||
var users = userlist.children;
|
||||
var cmp = hesc(u).toUpperCase();
|
||||
|
||||
var found = false;
|
||||
for (var i = 0; i < users.length; i++) {
|
||||
if ((''+users[i].innerHTML).toUpperCase() > cmp) {
|
||||
userlist.insertBefore(to_add, users[i]);
|
||||
found = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (! found) {
|
||||
userlist.appendChild(to_add);
|
||||
}
|
||||
}
|
||||
return this;
|
||||
},
|
||||
'del': function(u) {
|
||||
var userlists = $(".userlist");
|
||||
for (var l = 0, e = userlists.length; l !== e; ++l) {
|
||||
if (! userlists[l].children) continue;
|
||||
var userlist = userlists[l];
|
||||
|
||||
var users = userlist.children;
|
||||
var cmp = hesc(u).toUpperCase();
|
||||
for (var i = 0; i < users.length; i++) {
|
||||
if ((''+users[i].innerHTML).toUpperCase() === cmp) {
|
||||
userlist.removeChild(users[i]);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
return this;
|
||||
},
|
||||
'clear': function() {
|
||||
var userlists = $(".userlist");
|
||||
for (var i in userlists) {
|
||||
if (! userlists[i].children) continue;
|
||||
var userlist = userlists[i];
|
||||
|
||||
var users = userlist.children;
|
||||
for (var j = 0; j < users.length; j++) {
|
||||
userlist.removeChild(users[j]);
|
||||
}
|
||||
}
|
||||
return this;
|
||||
},
|
||||
'names': function() {
|
||||
var userlist = $(".userlist")[0].children;
|
||||
var ret = [];
|
||||
for (var i = 0, e = userlist.length; i < e; ++i) {
|
||||
ret.push( textContent(userlist[i]) );
|
||||
}
|
||||
return ret;
|
||||
},
|
||||
'has': function(u) {
|
||||
var userlist = $(".userlist")[0].children;
|
||||
for (var i = 0, e = userlist.length; i < e; ++i) {
|
||||
if (textContent(userlist[i]) === u) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
},
|
||||
'count': function() {
|
||||
return $(".userlist")[0].children.length;
|
||||
}
|
||||
};
|
||||
|
||||
var submit = function() {
|
||||
var str = $("#chatbox").value;
|
||||
if (! str.length) return;
|
||||
|
||||
if (hub_state === 0) {
|
||||
hub_state = 1;
|
||||
|
||||
var name_parts = str.split(":", 2);
|
||||
hub_last_nick = name_parts[0];
|
||||
|
||||
sock.emit('hello', {'nick' : hub_last_nick, 'pass' : name_parts.length >= 2 ? name_parts[1] : ''});
|
||||
$("#chatbox").disabled = true;
|
||||
write("tab-main").system("Connecting...");
|
||||
|
||||
} else if (hub_state === 2) {
|
||||
if (pm_target !== false) {
|
||||
sock.emit('priv', {'user': pm_target, 'message': str});
|
||||
writerFor(pm_target).pub(hub_last_nick, str );
|
||||
} else {
|
||||
sock.emit('pub', {'message' : str});
|
||||
}
|
||||
|
||||
} else {
|
||||
write("tab-main").system("Invalid internal state.");
|
||||
}
|
||||
|
||||
$("#chatbox").value = '';
|
||||
};
|
||||
|
||||
/* tabs */
|
||||
|
||||
/**
|
||||
* Switch active tab
|
||||
*
|
||||
* @param {String} tab Full tab ID (e.g. tab-main, tab-users, tab-ext-???)
|
||||
*/
|
||||
var tab_set = function(tab) {
|
||||
|
||||
var tabs = $(".tabpane");
|
||||
for (var i in tabs) {
|
||||
try {
|
||||
tabs[i].style.display = (tabs[i].id === tab ? 'block' : 'none');
|
||||
} catch (e) {};
|
||||
}
|
||||
var tabitems = $(".tabitem");
|
||||
for (var i in tabitems) {
|
||||
try {
|
||||
tabitems[i].className = "tabitem" + (tabitems[i].getAttribute('data-tab') === tab ? ' selected' : '');
|
||||
} catch (e) {};
|
||||
}
|
||||
|
||||
pm_target = false;
|
||||
for (var i in pm_tabs) {
|
||||
if (pm_tabs[i] === tab) {
|
||||
pm_target = i;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
updateTitle();
|
||||
|
||||
write(tab).scroll();
|
||||
$("#chatbox").focus();
|
||||
last_tab = tab;
|
||||
};
|
||||
|
||||
var tab_new = function(id, name) {
|
||||
appendInnerHTML($("#bar"),
|
||||
' <div class="tabitem" data-tab="tab-ext-'+id+'" id="tabitem-tab-ext-'+id+'">'+
|
||||
'<span class="tab-label">'+
|
||||
hesc(name)+
|
||||
'</span> '+
|
||||
'<a class="tab-closer" data-tab="tab-ext-'+id+'">×</a>'+
|
||||
'</div> '
|
||||
);
|
||||
appendInnerHTML($("#extratabs"),
|
||||
' <div class="tabpane content placement-mid" id="tab-ext-'+id+'" style="display:none;">'+
|
||||
'<div class="content-inner" id="inner-tab-ext-'+id+'"></div>'+
|
||||
'</div>'
|
||||
);
|
||||
tab_addHandlers();
|
||||
return "tab-ext-"+id;
|
||||
};
|
||||
|
||||
var tab_free = function(id) {
|
||||
if (id === "tab-main") return;
|
||||
|
||||
// remove tab item and body
|
||||
var el = $("#tabitem-"+id);
|
||||
el.parentNode.removeChild(el);
|
||||
|
||||
var el = $("#"+id);
|
||||
el.parentNode.removeChild(el);
|
||||
|
||||
// clear from PM tabs
|
||||
for (var i in pm_tabs) {
|
||||
if (pm_tabs[i] === id) {
|
||||
pm_tabs[i] = false;
|
||||
}
|
||||
}
|
||||
|
||||
// maybe clear the 'new pm' warning
|
||||
updateTitle();
|
||||
|
||||
// don't leave us with no tab displayed
|
||||
if (last_tab === id) {
|
||||
tab_set("tab-main");
|
||||
}
|
||||
};
|
||||
|
||||
var tab_addHandlers = function() {
|
||||
var tabitems = $(".tabitem");
|
||||
for (var i = 0; i < tabitems.length; i++) {
|
||||
if (! tabitems[i]) continue;
|
||||
|
||||
tabitems[i].onclick = function(ev) {
|
||||
tab_set( this.getAttribute('data-tab') );
|
||||
|
||||
// 360nobubble
|
||||
if (ev.stopPropagation) {
|
||||
ev.stopPropagation();
|
||||
} else {
|
||||
ev.cancelBubble = true; // oldIE
|
||||
}
|
||||
return false;
|
||||
};
|
||||
}
|
||||
|
||||
var tabclosers = $(".tab-closer");
|
||||
for (var i = 0; i < tabclosers.length; i++) {
|
||||
if (! tabclosers[i]) continue;
|
||||
|
||||
tabclosers[i].onclick = function(ev) {
|
||||
tab_free( this.getAttribute('data-tab') );
|
||||
|
||||
// 360nobubble
|
||||
if (ev.stopPropagation) {
|
||||
ev.stopPropagation();
|
||||
} else {
|
||||
ev.cancelBubble = true; // oldIE
|
||||
}
|
||||
return false;
|
||||
};
|
||||
}
|
||||
};
|
||||
|
||||
/* */
|
||||
|
||||
var writerFor = function(username) {
|
||||
var tabid = "";
|
||||
if (! username in pm_tabs || ! pm_tabs[username]) {
|
||||
tabid = tab_new(next_tabid++, username);
|
||||
pm_tabs[username] = tabid;
|
||||
} else {
|
||||
tabid = pm_tabs[username];
|
||||
}
|
||||
|
||||
return write(tabid);
|
||||
};
|
||||
|
||||
/* */
|
||||
|
||||
var tabcomplete_state = '';
|
||||
|
||||
var tabcompletion_start = function() {
|
||||
|
||||
var cursor = $("#chatbox").value.replace(/^.*\s([^\s]+)$/, '$1');
|
||||
|
||||
if (tabcomplete_state === '') {
|
||||
// new tab completion
|
||||
tabcomplete_state = cursor;
|
||||
}
|
||||
|
||||
// Find all users who start with tabcomplete_state and retrieve the first
|
||||
// one after cursor
|
||||
|
||||
var users = userlist.names();
|
||||
var match = [];
|
||||
|
||||
for (var i = 0, e = users.length; i !== e; ++i) {
|
||||
if (users[i].toUpperCase().indexOf(tabcomplete_state.toUpperCase()) === 0) {
|
||||
match.push(users[i]);
|
||||
}
|
||||
}
|
||||
|
||||
if (match.length === 0) {
|
||||
// no matches
|
||||
return;
|
||||
}
|
||||
|
||||
// Is cursor in the list?
|
||||
var cpos = -1;
|
||||
for (var i = 0, e = match.length; i !== e; ++i) {
|
||||
if (match[i] === cursor) {
|
||||
cpos = i; break;
|
||||
}
|
||||
}
|
||||
|
||||
var targetName = match[(i + 1) % match.length];
|
||||
|
||||
// Replace in textbox
|
||||
|
||||
var chatprefix = $("#chatbox").value.substr(0, $("#chatbox").value.length - cursor.length);
|
||||
|
||||
$("#chatbox").value = chatprefix + targetName;
|
||||
$("#chatbox").focus();
|
||||
};
|
||||
|
||||
var tabcompletion_inactive = function() {
|
||||
tabcomplete_state = '';
|
||||
};
|
||||
|
||||
/* */
|
||||
|
||||
var MenuList = function(el) {
|
||||
this.el = el;
|
||||
|
||||
this.div = document.createElement("div");
|
||||
this.div.classList.add("menu");
|
||||
this.div.style.position = "absolute";
|
||||
|
||||
this.ul = document.createElement("ul");
|
||||
this.div.appendChild(this.ul);
|
||||
|
||||
document.body.appendChild(this.div);
|
||||
|
||||
};
|
||||
MenuList.prototype.clear = function() {
|
||||
while (this.ul.children.length) {
|
||||
this.ul.children[0].parentNode.removeChild( this.ul.children[0] );
|
||||
}
|
||||
};
|
||||
MenuList.prototype.add = function(txt, cb) {
|
||||
var li = document.createElement("li");
|
||||
li.innerHTML = txt;
|
||||
li.onclick = cb;
|
||||
this.ul.appendChild(li);
|
||||
};
|
||||
MenuList.prototype.show = function() {
|
||||
this.div.style.display = "block";
|
||||
|
||||
this.div.style.top = (getOffsetTop(this.el) + this.el.clientHeight)+"px";
|
||||
this.div.style.left = (getOffsetLeft(this.el) - 200 + this.el.clientWidth)+"px";
|
||||
};
|
||||
MenuList.prototype.hide = function() {
|
||||
this.div.style.display = "none";
|
||||
};
|
||||
MenuList.prototype.toggle = function() {
|
||||
// ES5 strict mode sets `this` to undefined
|
||||
(this.div.style.display === "block" ? this.hide : this.show).call(this);
|
||||
};
|
||||
|
||||
/* */
|
||||
|
||||
var menu = new MenuList($("#menubutton"));
|
||||
|
||||
menu.reset = function() {
|
||||
this.clear();
|
||||
this.add(joinparts_getstr(), toggle_joinparts);
|
||||
};
|
||||
|
||||
var usermenu = new MenuList(document.body);
|
||||
|
||||
/**
|
||||
* Process all substitutions in a usercommand. May prompt the user for input.
|
||||
*
|
||||
* @param {String} str
|
||||
* @returns {String}
|
||||
*/
|
||||
var usercommand_process = function(str) {
|
||||
var message = str
|
||||
.replace(/%\[mynick\]/g, hub_last_nick)
|
||||
;
|
||||
var match = null;
|
||||
for(;;) {
|
||||
match = message.match(/%\[line:([^\]]*)\]/);
|
||||
if (match === null) break;
|
||||
|
||||
var res = prompt(match[1]);
|
||||
if (res === null) return; //cancelled
|
||||
|
||||
message =
|
||||
message.substr(0, match.index) +
|
||||
nmdc_escape(res) +
|
||||
message.substr(match.index + match[0].length)
|
||||
;
|
||||
}
|
||||
|
||||
return message;
|
||||
};
|
||||
|
||||
var user_usercommands = [];
|
||||
|
||||
/**
|
||||
* Called when a $UserCommand is recieved from the server. Register it in all
|
||||
* relevant context menus.
|
||||
*
|
||||
* @param {Object} data Has properties type, context, title, raw
|
||||
* @returns {undefined}
|
||||
*/
|
||||
var process_usercommand = function(data) {
|
||||
switch(data.type) {
|
||||
case 0: { /* USERCOMMAND_TYPE_SEPARATOR */
|
||||
// ignore
|
||||
} break;
|
||||
|
||||
case 1: /* USERCOMMAND_TYPE_RAW */
|
||||
case 2:/* USERCOMMAND_TYPE_NICKLIMITED */
|
||||
{
|
||||
if (data.context & 1) { /* USERCOMMAND_CONTEXT_HUB */
|
||||
menu.add(data.title, function() {
|
||||
sock.emit('raw', {message: usercommand_process(data.raw)});
|
||||
});
|
||||
}
|
||||
|
||||
if (data.context & 2) { /* USERCOMMAND_CONTEXT_USER */
|
||||
user_usercommands.push(data);
|
||||
}
|
||||
} break;
|
||||
|
||||
case 255: { /* USERCOMMAND_TYPE_CLEARALL */
|
||||
if (data.context & 1) {
|
||||
menu.reset();
|
||||
}
|
||||
|
||||
if (data.context & 2) {
|
||||
user_usercommands = []; // clear
|
||||
}
|
||||
} break;
|
||||
}
|
||||
};
|
||||
|
||||
var joinparts_getstr = function() {
|
||||
return (show_joins ? "☑" : "☐") + " Show Joins/Parts";
|
||||
};
|
||||
|
||||
var toggle_joinparts = function(ev) {
|
||||
var $el = ev.target || ev.srcElement;
|
||||
show_joins = ! show_joins;
|
||||
$el.innerHTML = joinparts_getstr();
|
||||
};
|
||||
|
||||
/* */
|
||||
|
||||
var updateTitle = function() {
|
||||
document.title =
|
||||
($(".unread").length ? "[NEW PM] " : "") +
|
||||
"("+userlist.count()+") "+
|
||||
hub_hubname;
|
||||
};
|
||||
|
||||
var sock = {};
|
||||
var hub_state = 0; // [disconnected, sent-nick, connected]
|
||||
var hub_last_nick = '';
|
||||
var hub_hubname = 'DCWebUI';
|
||||
|
||||
var pm_tabs = {}; // nick => tabid
|
||||
var next_tabid = 1;
|
||||
var pm_target = false;
|
||||
|
||||
var last_tab = "tab-main";
|
||||
|
||||
var show_joins = false;
|
||||
|
||||
window.onload = function() {
|
||||
write("tab-main").system("Communicating with server...");
|
||||
|
||||
document.title = DCWEBUI_CONF.title;
|
||||
|
||||
// HTML event handlers
|
||||
|
||||
$("#form-none").onsubmit = function(ev) {
|
||||
submit();
|
||||
|
||||
// don't submit form
|
||||
ev.preventDefault();
|
||||
return false;
|
||||
};
|
||||
|
||||
$("#chatbox").onkeydown = function(ev) {
|
||||
if (ev.keyCode === 9) {
|
||||
// tab
|
||||
tabcompletion_start();
|
||||
ev.preventDefault();
|
||||
return false;
|
||||
|
||||
} else {
|
||||
tabcompletion_inactive();
|
||||
}
|
||||
};
|
||||
|
||||
window.onresize = function() {
|
||||
if (last_tab === "tab-users" && document.documentElement.clientWidth >= 590) {
|
||||
tab_set("tab-main");
|
||||
}
|
||||
|
||||
menu.hide();
|
||||
usermenu.hide();
|
||||
};
|
||||
|
||||
$("#menubutton").onclick = function(ev) {
|
||||
menu.toggle();
|
||||
ev.preventDefault();
|
||||
ev.stopPropagation();
|
||||
return false;
|
||||
};
|
||||
|
||||
window.onclick = function() {
|
||||
menu.hide();
|
||||
usermenu.hide();
|
||||
};
|
||||
|
||||
menu.reset();
|
||||
|
||||
tab_addHandlers();
|
||||
|
||||
// Hacks for WiiU user-agent
|
||||
|
||||
if (navigator && navigator.userAgent && !!navigator.userAgent.match("Nintendo WiiU")) {
|
||||
document.body.className += " navigator-wiiu";
|
||||
}
|
||||
|
||||
// Socket event handlers
|
||||
|
||||
sock = io.connect(DCWEBUI_CONF.extern);
|
||||
sock.on('cls', function() {
|
||||
write("tab-main").cls();
|
||||
userlist.clear();
|
||||
hub_state = 0;
|
||||
});
|
||||
sock.on('hubname', function(s) {
|
||||
write("tab-main").system("Now talking on "+s);
|
||||
hub_hubname = s;
|
||||
updateTitle();
|
||||
});
|
||||
sock.on('sys', function(data) {
|
||||
write("tab-main").system(data);
|
||||
});
|
||||
sock.on('raw', function(data) {
|
||||
write("tab-main").raw(data);
|
||||
});
|
||||
sock.on('pub', function(data) {
|
||||
write("tab-main").pub( data.user, data.message);
|
||||
});
|
||||
sock.on('priv', function(data) {
|
||||
writerFor(data.user).pub( data.user, data.message);
|
||||
if (last_tab !== pm_tabs[data.user] &&
|
||||
($("#tabitem-"+pm_tabs[data.user]).className.indexOf('unread') === -1)
|
||||
) {
|
||||
$("#tabitem-"+pm_tabs[data.user]).className += " unread";
|
||||
updateTitle();
|
||||
}
|
||||
});
|
||||
sock.on('hello', function() {
|
||||
hub_state = 2;
|
||||
$("#chatbox").disabled = false;
|
||||
});
|
||||
sock.on('part', function(u) {
|
||||
userlist.del(u.user);
|
||||
if (show_joins) {
|
||||
write("tab-main").system("*** Parts: "+u.user); // sanitised
|
||||
}
|
||||
updateTitle();
|
||||
});
|
||||
sock.on('join', function(u) {
|
||||
userlist.add(u.user);
|
||||
if (show_joins) {
|
||||
write("tab-main").system("*** Joins: "+u.user);
|
||||
}
|
||||
updateTitle();
|
||||
});
|
||||
sock.on('close', function() {
|
||||
hub_state = 0;
|
||||
userlist.clear();
|
||||
write("tab-main").system("Connection closed by remote host.");
|
||||
});
|
||||
sock.on('disconnect', function() {
|
||||
hub_state = 0;
|
||||
userlist.clear();
|
||||
write("tab-main").system("Lost connection to the server.");
|
||||
});
|
||||
sock.on('usercommand', function(data) {
|
||||
process_usercommand(data);
|
||||
});
|
||||
};
|
||||
|
||||
//})();
|
||||
BIN
client/favicon.ico
Normal file
BIN
client/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
59
client/index.htm
Normal file
59
client/index.htm
Normal file
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||
<link rel="stylesheet" href="/dcwebui.css">
|
||||
<title>Loading...</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="tabbar placement-top" id="bar">
|
||||
<div class="menubutton" id="menubutton">☰</div>
|
||||
<div class="tabitem selected" data-tab="tab-main">
|
||||
<span class="tab-label">
|
||||
Main
|
||||
</span>
|
||||
</div>
|
||||
<div class="tabitem" data-tab="tab-users" id="tabitem-tab-users">
|
||||
<span class="tab-label">
|
||||
Users
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabpane" id="tab-main" style="display:block;">
|
||||
<div class="content placement-mid placement-vary" style="display:block;">
|
||||
<div class="content-inner" id="inner-tab-main"></div>
|
||||
</div>
|
||||
<div class="placement-panel" id="panel-userlist">
|
||||
<ul class="userlist ul-mini"></ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabpane content placement-mid" id="tab-users" style="display:none;">
|
||||
<div class="content-inner" id="inner-tab-users">
|
||||
<ul class="userlist ul-large"></ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="extratabs"></div>
|
||||
|
||||
<div id="basebar" class="placement-bottom">
|
||||
<form id="form-none" method="get" target="about:blank;">
|
||||
<div id="chatbox-container">
|
||||
<input type="text" id="chatbox" autocomplete="off" value="" autofocus>
|
||||
</div>
|
||||
<div id="submit-container">
|
||||
<input type="submit" id="btsubmit" value="»">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="/socket.io-1.4.5.js"></script>
|
||||
<script type="text/javascript" src="/conf"></script>
|
||||
<script type="text/javascript" src="/dcwebui.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
4
client/socket.io-1.4.5.js
Normal file
4
client/socket.io-1.4.5.js
Normal file
File diff suppressed because one or more lines are too long
244
main.go
Normal file
244
main.go
Normal file
@ -0,0 +1,244 @@
|
||||
package main
|
||||
|
||||
import (
|
||||
"encoding/json"
|
||||
"fmt"
|
||||
"io/ioutil"
|
||||
"log"
|
||||
"net/http"
|
||||
"strings"
|
||||
|
||||
"github.com/googollee/go-socket.io"
|
||||
|
||||
"libnmdc"
|
||||
)
|
||||
|
||||
type ActiveConnection struct {
|
||||
s *socketio.Socket
|
||||
h *libnmdc.HubConnection
|
||||
}
|
||||
|
||||
type App struct {
|
||||
cfg *Config
|
||||
}
|
||||
|
||||
func NewApp(ConfigFilePath string) (*App, error) {
|
||||
|
||||
cfgData, err := ioutil.ReadFile(ConfigFilePath)
|
||||
if err != nil {
|
||||
return nil, err
|
||||
}
|
||||
|
||||
cfg := Config{}
|
||||
err = json.Unmarshal(cfgData, &cfg)
|
||||
if err != nil {
|
||||
return nil, err
|
||||
}
|
||||
|
||||
return &App{cfg: &cfg}, nil
|
||||
}
|
||||
|
||||
type UserMessageStruct struct {
|
||||
User string `json:"user"`
|
||||
Message string `json:"message,omitempty"`
|
||||
}
|
||||
|
||||
func (this *App) HubWorker(Nick, Pass string, so socketio.Socket, done chan struct{}) {
|
||||
|
||||
log.Printf("[%s] Connecting to hub\n", so.Id())
|
||||
|
||||
selfUser := libnmdc.NewUserInfo(Nick)
|
||||
selfUser.ClientTag = this.cfg.Hub.Tag
|
||||
|
||||
hco := libnmdc.HubConnectionOptions{
|
||||
Address: libnmdc.HubAddress(fmt.Sprintf("%s:%d", this.cfg.Hub.Address, this.cfg.Hub.Port)),
|
||||
Self: *selfUser,
|
||||
NickPassword: Pass,
|
||||
NumEventsToBuffer: 0,
|
||||
}
|
||||
|
||||
hub := hco.Connect()
|
||||
|
||||
defer func() {
|
||||
hub.Disconnect()
|
||||
so.Emit("disconnect") // necessary? https://github.com/googollee/go-socket.io/issues/117
|
||||
log.Printf("[%s] Leaving worker\n", so.Id())
|
||||
}()
|
||||
|
||||
// Register after-connected SIO handlers
|
||||
|
||||
so.On("pub", func(data map[string]string) {
|
||||
hub.SayPublic(data["message"])
|
||||
})
|
||||
|
||||
so.On("priv", func(data map[string]string) {
|
||||
hub.SayPrivate(data["user"], data["message"])
|
||||
})
|
||||
|
||||
so.On("raw", func(data map[string]string) {
|
||||
hub.SayRaw(data["message"])
|
||||
})
|
||||
|
||||
// Loop hub connection
|
||||
|
||||
for {
|
||||
select {
|
||||
|
||||
case hev, ok := <-hub.OnEvent:
|
||||
if !ok {
|
||||
log.Printf("[%s] hub chan closed\n", so.Id())
|
||||
return // abandon
|
||||
}
|
||||
|
||||
switch hev.EventType {
|
||||
case libnmdc.EVENT_SYSTEM_MESSAGE_FROM_CONN, libnmdc.EVENT_SYSTEM_MESSAGE_FROM_HUB:
|
||||
so.Emit("sys", hev.Message)
|
||||
|
||||
case libnmdc.EVENT_PUBLIC:
|
||||
so.Emit("pub", UserMessageStruct{User: hev.Nick, Message: hev.Message})
|
||||
|
||||
case libnmdc.EVENT_PRIVATE:
|
||||
so.Emit("priv", UserMessageStruct{User: hev.Nick, Message: hev.Message})
|
||||
|
||||
case libnmdc.EVENT_USER_JOINED:
|
||||
so.Emit("join", UserMessageStruct{User: hev.Nick})
|
||||
|
||||
case libnmdc.EVENT_USER_PART:
|
||||
so.Emit("part", UserMessageStruct{User: hev.Nick})
|
||||
|
||||
case libnmdc.EVENT_CONNECTION_STATE_CHANGED:
|
||||
so.Emit("sys", fmt.Sprintf("Connection: %s", hev.StateChange.Format()))
|
||||
if hev.StateChange == libnmdc.CONNECTIONSTATE_CONNECTED {
|
||||
so.Emit("hello")
|
||||
} else {
|
||||
so.Emit("close")
|
||||
}
|
||||
|
||||
case libnmdc.EVENT_HUBNAME_CHANGED:
|
||||
so.Emit("hubname", hev.Nick)
|
||||
|
||||
// FIXME no usercommand support in golang libnmdc??
|
||||
|
||||
default:
|
||||
if this.cfg.App.Debug {
|
||||
log.Printf("[%s] %v\n", so.Id(), hev)
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
case <-done:
|
||||
log.Printf("[%s] done chan closed\n", so.Id())
|
||||
return // abandon
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
func (this *App) SocketIOServer(so socketio.Socket) {
|
||||
log.Printf("[%s] Client connected", so.Id())
|
||||
|
||||
so.Emit("cls")
|
||||
so.Emit("raw", this.cfg.App.MotdHTML+"<br>")
|
||||
so.Emit("sys", "Enter a name to connect as (or name:pass for a registered nick)")
|
||||
|
||||
doneChan := make(chan struct{}, 0)
|
||||
|
||||
so.On("hello", func(data map[string]string) {
|
||||
log.Printf("[%s] Connection request", so.Id())
|
||||
go this.HubWorker(data["nick"], data["pass"], so, doneChan)
|
||||
})
|
||||
|
||||
so.On("disconnection", func() { // n.b. not 'disconnect' (??)
|
||||
log.Printf("[%s] Client dropped", so.Id())
|
||||
close(doneChan)
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
func (this *App) ConfigRequestHandler(w http.ResponseWriter, r *http.Request) {
|
||||
|
||||
confStruct := struct {
|
||||
Extern string `json:"extern"`
|
||||
Title string `json:"title"`
|
||||
}{
|
||||
Extern: this.cfg.Web.Extern,
|
||||
Title: this.cfg.Web.Title,
|
||||
}
|
||||
confBytes, _ := json.Marshal(confStruct)
|
||||
|
||||
//
|
||||
|
||||
w.Header().Set("Content-Type", "text/javascript")
|
||||
w.WriteHeader(200)
|
||||
fmt.Fprintf(w, "var DCWEBUI_CONF = %s;\n", string(confBytes))
|
||||
}
|
||||
|
||||
func (this *App) StaticRequestHandler(w http.ResponseWriter, r *http.Request) {
|
||||
fileName := r.URL.Path[1:]
|
||||
|
||||
data, err := Asset(fileName)
|
||||
if err != nil {
|
||||
w.WriteHeader(404)
|
||||
return
|
||||
}
|
||||
|
||||
knownContentTypes := map[string]string{
|
||||
".htm": "text/html",
|
||||
".css": "text/css",
|
||||
".js": "application/javascript",
|
||||
".png": "image/png",
|
||||
}
|
||||
|
||||
foundMime := false
|
||||
for ext, mimeType := range knownContentTypes {
|
||||
if strings.HasSuffix(fileName, ext) {
|
||||
w.Header().Set("Content-Type", mimeType)
|
||||
foundMime = true
|
||||
break
|
||||
}
|
||||
}
|
||||
if !foundMime {
|
||||
w.Header().Set("Content-Type", "application/x-octet-stream")
|
||||
}
|
||||
dataInfo, _ := AssetInfo(fileName)
|
||||
w.Header().Set("Content-Length", fmt.Sprintf("%d", dataInfo.Size()))
|
||||
|
||||
w.Write(data)
|
||||
}
|
||||
|
||||
func (this *App) RunServer() {
|
||||
|
||||
// Socket.io handler
|
||||
server, err := socketio.NewServer(nil)
|
||||
if err != nil {
|
||||
log.Fatal(err)
|
||||
}
|
||||
server.On("connection", this.SocketIOServer)
|
||||
server.On("error", func(so socketio.Socket, err error) {
|
||||
log.Println("error:", err)
|
||||
})
|
||||
http.Handle("/socket.io/", server)
|
||||
|
||||
// Configuration handler
|
||||
http.HandleFunc("/conf", this.ConfigRequestHandler)
|
||||
|
||||
// Other files: asset handler
|
||||
http.HandleFunc("/", this.StaticRequestHandler)
|
||||
|
||||
// Listen and serve
|
||||
bindAddr := fmt.Sprintf("%s:%d", this.cfg.Web.BindTo, this.cfg.Web.Port)
|
||||
log.Printf("Serving at %s...", bindAddr)
|
||||
log.Fatal(http.ListenAndServe(bindAddr, nil))
|
||||
}
|
||||
|
||||
func main() {
|
||||
|
||||
a, err := NewApp("nmdc-webfrontend.conf")
|
||||
if err != nil {
|
||||
log.Fatal(err.Error())
|
||||
return
|
||||
}
|
||||
|
||||
a.RunServer()
|
||||
}
|
||||
23
nmdc-webfrontend.conf
Normal file
23
nmdc-webfrontend.conf
Normal file
@ -0,0 +1,23 @@
|
||||
{
|
||||
|
||||
"app": {
|
||||
"name" : "DCWebUI2",
|
||||
"version": "1.3.0",
|
||||
"motd" : "Welcome!<br>",
|
||||
"debug" : true
|
||||
},
|
||||
|
||||
"web": {
|
||||
"port" : 8082,
|
||||
"bind_to": "127.0.0.1",
|
||||
"extern" : "http://127.0.0.1:8082",
|
||||
"title" : "DCWebUI"
|
||||
},
|
||||
|
||||
"hub": {
|
||||
"address": "127.0.0.1",
|
||||
"port" : 411,
|
||||
"tag" : "DCWebUI2.js"
|
||||
}
|
||||
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user