2014-08-16 00:05:37 +00:00
<!doctype html>
< html >
< head >
< meta charset = "utf-8" >
2014-09-28 22:46:32 +00:00
< meta name = "viewport" content = "width=device-width, user-scalable=no" >
2014-08-16 00:05:37 +00:00
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
2014-10-13 10:04:56 +00:00
< meta name = "apple-mobile-web-app-capable" content = "yes" >
< meta name = "apple-mobile-web-app-status-bar-style" content = "black-translucent" >
2014-09-28 22:46:32 +00:00
< meta name = "mobile-web-app-capable" content = "yes" >
2015-07-22 23:48:49 +00:00
< meta name = "referrer" content = "no-referrer" >
2016-05-10 10:14:51 +00:00
< meta name = "theme-color" content = "#455164" >
2014-08-16 00:05:37 +00:00
2016-02-10 05:45:21 +00:00
< title > The Lounge< / title >
2014-08-16 00:05:37 +00:00
< link rel = "stylesheet" href = "css/bootstrap.css" >
< link rel = "stylesheet" href = "css/style.css" >
2016-08-17 05:52:29 +00:00
< link id = "theme" rel = "stylesheet" href = "<%= theme %>" >
2016-02-28 07:54:10 +00:00
< style id = "user-specified-css" > < / style >
2014-08-16 00:05:37 +00:00
2016-02-24 17:19:05 +00:00
< link rel = "shortcut icon" href = "img/favicon.png" data-other = "img/favicon-notification.png" data-toggled = "false" id = "favicon" >
2016-02-13 21:24:43 +00:00
< link rel = "apple-touch-icon" sizes = "120x120" href = "img/apple-touch-icon-120x120.png" >
2016-05-10 10:14:51 +00:00
< link rel = "manifest" href = "manifest.json" >
2014-08-16 00:05:37 +00:00
< / head >
2016-06-21 04:59:39 +00:00
< body class = "signed-out <%= public ? " public " : " " % > ">
2014-08-16 00:05:37 +00:00
< div id = "wrap" >
< div id = "viewport" >
2016-06-22 20:05:25 +00:00
< aside id = "sidebar" >
< div class = "networks" > < / div >
< div class = "empty" >
You're not connected to any networks yet.
2014-08-16 00:05:37 +00:00
< / div >
< / aside >
2014-09-19 23:12:17 +00:00
< footer id = "footer" >
2016-05-07 23:38:55 +00:00
< span class = "tooltipped tooltipped-n" aria-label = "Sign in" > < button class = "icon sign-in" data-target = "#sign-in" aria-label = "Sign in" > < / button > < / span >
< span class = "tooltipped tooltipped-n" aria-label = "Connect to network" > < button class = "icon connect" data-target = "#connect" aria-label = "Connect to network" > < / button > < / span >
< span class = "tooltipped tooltipped-n" aria-label = "Client settings" > < button class = "icon settings" data-target = "#settings" aria-label = "Client settings" > < / button > < / span >
< span class = "tooltipped tooltipped-n" aria-label = "Sign out" > < button class = "icon sign-out" id = "sign-out" aria-label = "Sign out" > < / button > < / span >
2014-09-19 23:12:17 +00:00
< / footer >
2014-08-16 00:05:37 +00:00
< div id = "main" >
< div id = "windows" >
2016-06-21 05:52:18 +00:00
< div id = "loading" class = "window active" >
< div class = "container" >
< div class = "row" >
< div class = "col-xs-12" >
< h1 class = "title" > The Lounge is loading…< / h1 >
< / div >
< div class = "col-xs-12" >
< p id = "loading-page-message" > Loading the app… < a href = "http://enable-javascript.com/" target = "_blank" > Make sure to have JavaScript enabled.< / a > < / p >
< p id = "loading-slow" > This is taking longer than it should, there might be connectivity issues.< / p >
< script async src = "js/loading-slow-alert.js" > < / script >
2016-06-07 17:56:49 +00:00
< / div >
< / div >
< / div >
< / div >
2016-07-05 23:23:46 +00:00
< div id = "chat-container" class = "window" >
< div id = "chat" > < / div >
2016-12-13 06:27:56 +00:00
< button id = "connection-error" class = "btn btn-reconnect" > Client connection lost — Click here to reconnect< / button >
2016-07-05 23:23:46 +00:00
< form id = "form" method = "post" action = "" >
< div class = "input" >
2016-07-29 06:10:29 +00:00
< span id = "nick" >
< span id = "nick-value" spellcheck = "false" > < / span > <!-- Comments here remove spaces between elements
2016-08-03 05:06:58 +00:00
-->< span id = "set-nick-tooltip" class = "tooltipped tooltipped-e" aria-label = "Change nick" > < button id = "set-nick" type = "button" aria-label = "Change nick" > < / button > < / span > <!--
-->< span id = "cancel-nick-tooltip" class = "tooltipped tooltipped-e" aria-label = "Cancel" > < button id = "cancel-nick" type = "button" aria-label = "Cancel" > < / button > < / span > <!--
-->< span id = "save-nick-tooltip" class = "tooltipped tooltipped-e" aria-label = "Save" > < button id = "submit-nick" type = "button" aria-label = "Save" > < / button > < / span >
2016-07-29 06:10:29 +00:00
< / span >
2016-07-05 23:23:46 +00:00
< textarea id = "input" class = "mousetrap" > < / textarea >
2016-10-06 23:42:05 +00:00
< span id = "cycle-nicks-tooltip" class = "tooltipped tooltipped-w" aria-label = "Cycle through nicks" >
< button id = "cycle-nicks" type = "button" aria-label = "Cycle through nicks" > < / button >
< / span >
2016-10-23 08:16:55 +00:00
< span id = "submit-tooltip" class = "tooltipped tooltipped-w" aria-label = "Send message" >
2016-08-03 05:10:22 +00:00
< button id = "submit" type = "submit" aria-label = "Send message" > < / button >
< / span >
2016-07-05 23:23:46 +00:00
< / div >
< / form >
< / div >
2016-02-20 14:33:47 +00:00
< div id = "sign-in" class = "window" >
2016-02-11 05:40:44 +00:00
< form class = "container" method = "post" action = "" >
2014-08-16 00:05:37 +00:00
< div class = "row" >
< div class = "col-xs-12" >
2016-07-11 00:46:20 +00:00
< h1 class = "title" > Sign in to The Lounge< / h1 >
2014-08-16 00:05:37 +00:00
< / div >
< div class = "col-xs-12" >
< label >
Username
< input class = "input" name = "user" >
< / label >
< / div >
< div class = "col-xs-12" >
2016-11-19 10:15:57 +00:00
< label >
2014-08-16 00:05:37 +00:00
Password
< input class = "input" type = "password" name = "password" >
< / label >
< / div >
2014-09-15 21:13:03 +00:00
< div class = "col-xs-12" >
< label class = "remember" >
2016-05-31 21:28:31 +00:00
< input type = "checkbox" name = "remember" id = "sign-in-remember" checked >
2014-09-15 21:13:03 +00:00
Stay signed in
< / label >
< / div >
2014-08-16 00:05:37 +00:00
< div class = "col-xs-12 error" style = "display: none;" >
Authentication failed.
< / div >
< div class = "col-xs-12" >
< button type = "submit" class = "btn" >
Sign in
< / button >
< / div >
< / div >
< / form >
< / div >
2016-02-20 14:33:47 +00:00
< div id = "connect" class = "window" >
2014-09-13 01:03:16 +00:00
< div class = "header" >
2016-05-07 23:38:55 +00:00
< button class = "lt" aria-label = "Toggle channel list" > < / button >
2014-09-13 01:03:16 +00:00
< / div >
2016-02-11 05:40:44 +00:00
< form class = "container" method = "post" action = "" >
2014-08-16 00:05:37 +00:00
< div class = "row" >
2014-09-13 01:03:16 +00:00
< div class = "col-sm-12" >
2016-07-11 00:46:20 +00:00
< h1 class = "title" >
< %= public ? "The Lounge - " : "" %>
Connect
2016-07-11 01:24:04 +00:00
< %= !displayNetwork & & lockNetwork ? "to " + defaults.name : "" %>
2016-07-11 00:46:20 +00:00
< / h1 >
2014-08-16 00:05:37 +00:00
< / div >
2015-04-16 08:14:37 +00:00
< div < % = typeof ( displayNetwork ) ! = = " undefined " & & ! displayNetwork ? ' style = "display: none;" ' : ' ' % > >
2015-03-22 13:32:01 +00:00
< div class = "col-sm-12" >
< h2 > Network settings< / h2 >
< / div >
< div class = "col-sm-3" >
2016-05-07 09:19:52 +00:00
< label for = "connect:name" > Name< / label >
< / div >
2015-03-22 13:32:01 +00:00
< div class = "col-sm-9" >
2016-05-07 09:19:52 +00:00
< input class = "input" id = "connect:name" name = "name" value = "<%= defaults.name %>" >
2014-09-13 01:03:16 +00:00
< / div >
2015-03-22 13:32:01 +00:00
< div class = "col-sm-3" >
2016-05-07 09:19:52 +00:00
< label for = "connect:host" > Server< / label >
2015-03-22 13:32:01 +00:00
< / div >
< div class = "col-sm-6 col-xs-8" >
2016-05-07 09:19:52 +00:00
< input class = "input" id = "connect:host" name = "host" value = "<%= defaults.host %>" aria-label = "Server address" < % = typeof ( lockNetwork ) ! = = " undefined " & & lockNetwork ? " disabled " : " " % > >
2015-03-22 13:32:01 +00:00
< / div >
< div class = "col-sm-3 col-xs-4" >
< div class = "port" >
2016-05-07 09:19:52 +00:00
< input class = "input" type = "number" min = "1" max = "65535" name = "port" value = "<%= defaults.port %>" aria-label = "Server port" < % = typeof ( lockNetwork ) ! = = " undefined " & & lockNetwork ? " disabled " : " " % > >
2015-03-22 13:32:01 +00:00
< / div >
< / div >
< div class = "clearfix" > < / div >
< div class = "col-sm-3" >
2016-05-07 09:19:52 +00:00
< label for = "connect:password" > Password< / label >
2015-03-22 13:32:01 +00:00
< / div >
< div class = "col-sm-9" >
2016-05-07 09:19:52 +00:00
< input class = "input" id = "connect:password" type = "password" name = "password" value = "<%= defaults.password %>" >
2015-03-22 13:32:01 +00:00
< / div >
2016-05-07 09:19:52 +00:00
< div class = "col-sm-9 col-sm-offset-3" >
2015-03-22 13:32:01 +00:00
< label class = "tls" >
2016-03-02 05:59:05 +00:00
< input type = "checkbox" name = "tls" < % = defaults . tls ? " checked " : " " % > < %= typeof(lockNetwork) !== "undefined" & & lockNetwork ? "disabled" : "" %>>
2015-03-22 13:32:01 +00:00
Enable TLS/SSL
< / label >
< / div >
< div class = "clearfix" > < / div >
2014-08-16 00:05:37 +00:00
< / div >
2014-09-13 01:03:16 +00:00
< div class = "col-sm-12" >
< h2 > User preferences< / h2 >
2014-09-10 15:56:19 +00:00
< / div >
2014-09-13 01:03:16 +00:00
< div class = "col-sm-3" >
2016-05-07 09:19:52 +00:00
< label for = "connect:nick" > Nick< / label >
2014-09-13 01:03:16 +00:00
< / div >
2016-05-07 09:19:52 +00:00
< div class = "col-sm-9" >
< input class = "input nick" id = "connect:nick" name = "nick" value = "<%= defaults.nick %>" >
2014-08-16 00:05:37 +00:00
< / div >
2016-12-19 13:19:06 +00:00
< % if (!useHexIp) { %>
2014-11-02 15:44:52 +00:00
< div class = "col-sm-3" >
2016-05-07 09:19:52 +00:00
< label for = "connect:username" > Username< / label >
2014-11-02 15:44:52 +00:00
< / div >
2016-05-07 09:19:52 +00:00
< div class = "col-sm-9" >
< input class = "input username" id = "connect:username" name = "username" value = "<%= defaults.username %>" >
2014-11-02 15:44:52 +00:00
< / div >
2016-12-19 13:19:06 +00:00
< % } %>
2014-09-13 01:03:16 +00:00
< div class = "col-sm-3" >
2016-05-07 09:19:52 +00:00
< label for = "connect:realname" > Real name< / label >
2014-09-13 01:03:16 +00:00
< / div >
< div class = "col-sm-9" >
2016-05-07 09:19:52 +00:00
< input class = "input" id = "connect:realname" name = "realname" value = "<%= defaults.realname %>" >
2014-08-16 00:05:37 +00:00
< / div >
2014-09-13 01:03:16 +00:00
< div class = "col-sm-3" >
2016-05-07 09:19:52 +00:00
< label for = "connect:channels" > Channels< / label >
2014-08-16 00:05:37 +00:00
< / div >
2014-09-13 01:03:16 +00:00
< div class = "col-sm-9" >
2016-05-07 09:19:52 +00:00
< input class = "input" id = "connect:channels" name = "join" value = "<%= defaults.join %>" >
2014-09-13 01:03:16 +00:00
< / div >
2016-05-07 09:19:52 +00:00
< div class = "col-sm-9 col-sm-offset-3" >
< button type = "submit" class = "btn" > Connect< / button >
2014-08-16 00:05:37 +00:00
< / div >
< / div >
< / form >
< / div >
2016-02-20 14:33:47 +00:00
< div id = "settings" class = "window" >
2014-09-13 01:03:16 +00:00
< div class = "header" >
2016-05-07 23:38:55 +00:00
< button class = "lt" aria-label = "Toggle channel list" > < / button >
2014-09-13 01:03:16 +00:00
< / div >
2014-08-16 00:05:37 +00:00
< div class = "container" >
< div class = "row" >
< div class = "col-sm-12" >
< h1 class = "title" > Settings< / h1 >
< / div >
2014-09-10 20:08:32 +00:00
< div class = "col-sm-12" >
< h2 > Messages< / h2 >
< / div >
< div class = "col-sm-6" >
< label class = "opt" >
< input type = "checkbox" name = "join" >
Show joins
< / label >
< / div >
2014-09-11 17:24:32 +00:00
< div class = "col-sm-6" >
< label class = "opt" >
< input type = "checkbox" name = "motd" >
2016-05-08 00:08:08 +00:00
Show < abbr title = "Message Of The Day" > MOTD< / abbr >
2014-09-11 17:24:32 +00:00
< / label >
< / div >
2014-09-10 20:08:32 +00:00
< div class = "col-sm-6" >
< label class = "opt" >
2014-09-11 18:05:33 +00:00
< input type = "checkbox" name = "part" >
Show parts
2014-09-10 20:08:32 +00:00
< / label >
< / div >
< div class = "col-sm-6" >
< label class = "opt" >
2014-09-11 18:05:33 +00:00
< input type = "checkbox" name = "nick" >
Show nick changes
2014-09-10 20:08:32 +00:00
< / label >
< / div >
< div class = "col-sm-6" >
< label class = "opt" >
< input type = "checkbox" name = "mode" >
Show mode
< / label >
< / div >
< div class = "col-sm-6" >
< label class = "opt" >
< input type = "checkbox" name = "quit" >
Show quits
< / label >
< / div >
2014-09-30 18:00:23 +00:00
< div class = "col-sm-12" >
< h2 > Visual Aids< / h2 >
< / div >
< div class = "col-sm-12" >
< label class = "opt" >
2016-05-15 19:56:48 +00:00
< input type = "checkbox" name = "coloredNicks" >
2014-09-30 18:00:23 +00:00
Enable colored nicknames
< / label >
< / div >
2016-08-17 05:52:29 +00:00
< div class = "col-sm-12" >
< h2 > Theme< / h2 >
< / div >
< div class = "col-sm-12" >
< label for = "theme-select" class = "sr-only" > Theme< / label >
< select id = "theme-select" name = "theme" class = "input" >
< % themes.forEach(function(themeName) { %>
< option value = "<%= themeName %>" >
< %= themeName.charAt(0).toUpperCase() + themeName.slice(1) %>
< / option >
< % }) %>
< / select >
< / div >
2014-10-10 21:12:01 +00:00
< % if (typeof prefetch === "undefined" || prefetch !== false) { %>
2014-09-27 23:22:34 +00:00
< div class = "col-sm-12" >
< h2 > Links and URLs< / h2 >
< / div >
< div class = "col-sm-6" >
< label class = "opt" >
< input type = "checkbox" name = "thumbnails" >
2014-09-30 18:00:23 +00:00
Auto-expand thumbnails
2014-09-27 23:22:34 +00:00
< / label >
< / div >
< div class = "col-sm-6" >
< label class = "opt" >
< input type = "checkbox" name = "links" >
2014-09-30 18:00:23 +00:00
Auto-expand links
2014-09-27 23:22:34 +00:00
< / label >
< / div >
2014-10-10 21:12:01 +00:00
< % } %>
2014-08-16 00:05:37 +00:00
< div class = "col-sm-12" >
2014-09-15 18:16:45 +00:00
< h2 > Notifications< / h2 >
< / div >
< div class = "col-sm-12" >
< label class = "opt" >
2016-03-03 16:43:30 +00:00
< input id = "desktopNotifications" type = "checkbox" name = "desktopNotifications" >
Enable desktop notifications< br >
2016-10-20 04:41:30 +00:00
< div class = "error" id = "warnUnsupportedDesktopNotifications" >
< strong > Warning< / strong > :
Desktop notifications are not supported by your browser.
< / div >
< div class = "error" id = "warnBlockedDesktopNotifications" >
< strong > Warning< / strong > :
Desktop notifications are blocked by your browser.
< / div >
2014-09-15 18:16:45 +00:00
< / label >
2014-08-16 00:05:37 +00:00
< / div >
< div class = "col-sm-12" >
< label class = "opt" >
< input type = "checkbox" name = "notification" >
Enable notification sound
< / label >
< / div >
< div class = "col-sm-12" >
< div class = "opt" >
< button id = "play" > Play sound< / button >
< / div >
< / div >
2015-11-14 16:57:19 +00:00
< div class = "col-sm-12" >
< label class = "opt" >
< input type = "checkbox" name = "notifyAllMessages" >
Enable notification for all messages
< / label >
< / div >
2016-06-21 19:27:49 +00:00
< div class = "col-sm-12" >
< label class = "opt" >
< label for = "highlights" class = "sr-only" > Custom highlights (comma-separated keywords)< / label >
< input type = "text" id = "highlights" name = "highlights" class = "input" placeholder = "Custom highlights (comma-separated keywords)" >
< / label >
< / div >
2016-07-30 01:20:38 +00:00
< % if (!public & & !ldap.enable) { %>
2016-02-17 00:14:43 +00:00
< div id = "change-password" >
< form action = "" method = "post" >
< div class = "col-sm-12" >
< h2 > Change password< / h2 >
< / div >
< div class = "col-sm-12" >
2016-03-02 05:59:05 +00:00
< label for = "old_password_input" class = "sr-only" > Enter current password< / label >
< input type = "password" id = "old_password_input" name = "old_password" class = "input" placeholder = "Enter current password" >
2016-02-17 00:14:43 +00:00
< / div >
< div class = "col-sm-12" >
2016-03-02 05:59:05 +00:00
< label for = "new_password_input" class = "sr-only" > Enter desired new password< / label >
< input type = "password" id = "new_password_input" name = "new_password" class = "input" placeholder = "Enter desired new password" >
2016-02-17 00:14:43 +00:00
< / div >
< div class = "col-sm-12" >
2016-03-02 05:59:05 +00:00
< label for = "verify_password_input" class = "sr-only" > Repeat new password< / label >
< input type = "password" id = "verify_password_input" name = "verify_password" class = "input" placeholder = "Repeat new password" >
2016-02-17 00:14:43 +00:00
< / div >
< div class = "col-sm-12 feedback" > < / div >
< div class = "col-sm-12" >
< button type = "submit" class = "btn" > Change password< / button >
< / div >
< / form >
< / div >
< % } %>
2016-02-28 07:54:10 +00:00
< div class = "col-sm-12" >
< h2 > Custom Stylesheet< / h2 >
< / div >
< div class = "col-sm-12" >
< textarea class = "input" name = "userStyles" id = "user-specified-css-input" placeholder = "You can override any style with CSS here" > < / textarea >
< / div >
2014-08-16 00:05:37 +00:00
< div class = "col-sm-12" >
2016-02-10 05:45:21 +00:00
< h2 > About The Lounge< / h2 >
2014-08-16 00:05:37 +00:00
< / div >
< div class = "col-sm-12" >
< p class = "about" >
2016-07-13 07:17:55 +00:00
< % if (gitCommit) { %>
The Lounge is running from source
(< a href = "https://github.com/thelounge/lounge/tree/<%= gitCommit %>" target = "_blank" > < code > < %= gitCommit %>< / code > < / a > ).< br >
< % } else { %>
The Lounge is in version < strong > < %= version %>< / strong >
(< a href = "https://github.com/thelounge/lounge/releases/tag/v<%= version %>" target = "_blank" > See release notes< / a > ).< br >
< % } %>
2016-07-13 06:10:26 +00:00
< a href = "https://thelounge.github.io/" target = "_blank" > Website< / a > < br >
< a href = "https://thelounge.github.io/docs/" target = "_blank" > Documentation< / a > < br >
< a href = "https://github.com/thelounge/lounge/issues/new" target = "_blank" > Report a bug< / a >
2014-08-16 00:05:37 +00:00
< / p >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
2016-02-12 11:34:10 +00:00
< div id = "context-menu-container" >
< ul id = "context-menu" > < / ul >
< / div >
2016-12-18 15:53:28 +00:00
< script src = "js/bundle.vendor.js" > < / script >
< script src = "js/bundle.js" > < / script >
2014-08-16 00:05:37 +00:00
< / body >
< / html >
