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