2018-02-27 16:20:49 +00:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
<head>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<link rel="stylesheet" type="text/css" href="../css/modals.scss"/>
|
2018-02-27 16:20:49 +00:00
|
|
|
|
<meta charset="UTF-8">
|
2018-03-24 22:38:01 +00:00
|
|
|
|
<title>TeaSpeak-Web client templates</title>
|
2018-02-27 16:20:49 +00:00
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
2018-10-14 11:27:48 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_main" type="text/html">
|
2018-10-03 20:04:29 +00:00
|
|
|
|
<div class="app-container">
|
|
|
|
|
|
<div class="app">
|
2019-01-19 12:03:51 +00:00
|
|
|
|
<!-- navigation bar -->
|
|
|
|
|
|
<div class="container-control-bar">
|
2018-10-03 20:04:29 +00:00
|
|
|
|
<div id="control_bar" class="control_bar">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
{{if multi_session}}
|
|
|
|
|
|
<div class="button-dropdown container-connect" title="{{tr 'Connect to a server' /}}">
|
|
|
|
|
|
<div class="buttons">
|
|
|
|
|
|
<div class="button btn_connect">
|
|
|
|
|
|
<div class="icon_em client-connect"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="dropdown-arrow">
|
|
|
|
|
|
<div class="arrow down"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="dropdown" style="width: 350px">
|
|
|
|
|
|
<div class="btn_connect">
|
|
|
|
|
|
<div class="icon client-connect"></div>
|
|
|
|
|
|
<a>{{tr "Connect to a server" /}}</a></div>
|
|
|
|
|
|
<div class="btn_connect_new_tab">
|
|
|
|
|
|
<div class="icon client-connect"></div>
|
|
|
|
|
|
<a>{{tr "Connect to a server in another tab" /}}</a></div>
|
|
|
|
|
|
</div>
|
2018-10-03 20:04:29 +00:00
|
|
|
|
</div>
|
2019-04-04 19:47:52 +00:00
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="button-dropdown container-disconnect" title="{{tr 'Disconnect from server' /}}"
|
|
|
|
|
|
style="display: none">
|
2019-04-04 19:47:52 +00:00
|
|
|
|
<div class="buttons">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="button btn_disconnect">
|
|
|
|
|
|
<div class="icon_em client-disconnect"></div>
|
|
|
|
|
|
</div>
|
2019-07-09 22:52:08 +00:00
|
|
|
|
<div class="dropdown-arrow">
|
2019-04-04 19:47:52 +00:00
|
|
|
|
<div class="arrow down"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="dropdown" style="width: 350px">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="btn_disconnect">
|
|
|
|
|
|
<div class="icon client-disconnect"></div>
|
|
|
|
|
|
<a>{{tr "Disconnect from current server" /}}</a></div>
|
|
|
|
|
|
<div class="btn_connect">
|
|
|
|
|
|
<div class="icon client-connect"></div>
|
|
|
|
|
|
<a>{{tr "Connect to a server" /}}</a></div>
|
2019-04-04 19:47:52 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
{{else}}
|
|
|
|
|
|
<div class="button container-connect btn_connect">
|
|
|
|
|
|
<div class="icon_em client-connect" title="{{tr 'Connect to a server' /}}"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="button container-disconnect btn_disconnect">
|
|
|
|
|
|
<div class="icon_em client-disconnect" title="{{tr 'Disconnect from server' /}}"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
{{/if}}
|
2018-12-18 19:00:29 +00:00
|
|
|
|
<div class="button-dropdown btn_bookmark" title="{{tr 'Bookmarks' /}}">
|
|
|
|
|
|
<div class="buttons">
|
2019-07-09 22:52:08 +00:00
|
|
|
|
<div class="button btn_bookmark_list">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="icon_em client-bookmark_manager"></div>
|
2019-07-09 22:52:08 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="dropdown-arrow">
|
2018-12-28 14:39:23 +00:00
|
|
|
|
<div class="arrow down"></div>
|
2018-12-18 19:00:29 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="dropdown bookmark-dropdown" style="width: 350px;">
|
|
|
|
|
|
<div class="btn_bookmark_list">
|
|
|
|
|
|
<div class="icon client-bookmark_manager"></div>
|
|
|
|
|
|
<a>{{tr "Manage bookmarks" /}}</a></div>
|
|
|
|
|
|
<div class="btn_bookmark_add">
|
|
|
|
|
|
<div class="icon client-bookmark_add"></div>
|
|
|
|
|
|
<a>{{tr "Add current server to bookmarks" /}}</a></div>
|
|
|
|
|
|
<div class="btn_bookmark_remove">
|
|
|
|
|
|
<div class="icon client-bookmark_remove"></div>
|
|
|
|
|
|
<a>{{tr "Remove current server to bookmarks" /}}</a></div>
|
2018-12-18 19:00:29 +00:00
|
|
|
|
<hr>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2018-12-28 14:39:23 +00:00
|
|
|
|
|
2018-10-03 20:04:29 +00:00
|
|
|
|
<div class="divider"></div>
|
|
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="button-dropdown btn_away" title="{{tr 'Toggle away status' /}}">
|
2018-10-03 20:04:29 +00:00
|
|
|
|
<div class="buttons">
|
2019-07-09 22:52:08 +00:00
|
|
|
|
<div class="button btn_away_toggle">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="icon_em client-away"></div>
|
2019-07-09 22:52:08 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="dropdown-arrow">
|
2018-12-28 14:39:23 +00:00
|
|
|
|
<div class="arrow down"></div>
|
2018-10-03 20:04:29 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-04-04 19:47:52 +00:00
|
|
|
|
<div class="dropdown" style="width: 350px">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="btn_away_disable">
|
|
|
|
|
|
<div class="icon client-present"></div>
|
|
|
|
|
|
<a>{{tr "Go online" /}}</a></div>
|
|
|
|
|
|
<div class="btn_away_enable">
|
|
|
|
|
|
<div class="icon client-away"></div>
|
|
|
|
|
|
<a>{{tr "Set away on this server" /}}</a></div>
|
|
|
|
|
|
<div class="btn_away_message">
|
|
|
|
|
|
<div class="icon client-away"></div>
|
|
|
|
|
|
<a>{{tr "Set away message on this server" /}}</a></div>
|
|
|
|
|
|
<hr class="btn_away_message_global">
|
|
|
|
|
|
<!-- applied to this HR this class because it needs to get hidden as well if we dont have global settings -->
|
|
|
|
|
|
<div class="btn_away_enable_global">
|
|
|
|
|
|
<div class="icon client-away"></div>
|
|
|
|
|
|
<a>{{tr "Set away for all servers" /}}</a></div>
|
|
|
|
|
|
<div class="btn_away_message_global">
|
|
|
|
|
|
<div class="icon client-away"></div>
|
|
|
|
|
|
<a>{{tr "Set away message for all servers" /}}</a></div>
|
|
|
|
|
|
<div class="btn_away_disable_global">
|
|
|
|
|
|
<div class="icon client-present"></div>
|
|
|
|
|
|
<a>{{tr "Go online for all servers" /}}</a></div>
|
2018-10-03 20:04:29 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="button button-red btn_mute_input">
|
|
|
|
|
|
<div class="icon_em client-input_muted" title="{{tr 'Mute/unmute microphone' /}}"></div>
|
2018-10-03 20:04:29 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="button button-red btn_mute_output">
|
|
|
|
|
|
<div class="icon_em client-output_muted"
|
|
|
|
|
|
title="{{tr 'Mute/unmute headphones' /}}"></div>
|
2018-10-03 20:04:29 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<!--
|
2019-03-17 11:15:39 +00:00
|
|
|
|
<div class="show-small button-dropdown dropdown-audio" title="{{tr 'Audio settings' /}}">
|
|
|
|
|
|
<div class="buttons">
|
2019-07-09 22:52:08 +00:00
|
|
|
|
<div class="button button-display">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="icon_em client-music"></div>
|
2019-07-09 22:52:08 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="dropdown-arrow">
|
2019-03-17 11:15:39 +00:00
|
|
|
|
<div class="arrow down"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="dropdown">
|
|
|
|
|
|
<div class="btn_mute_input" title="{{tr 'Mute/unmute microphone' /}}">
|
|
|
|
|
|
<div class="icon client-input_muted"></div>
|
|
|
|
|
|
<a>{{tr "Mute/unmute microphone" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="btn_mute_output" title="{{tr 'Mute/unmute headphones' /}}">
|
|
|
|
|
|
<div class="icon client-output_muted"></div>
|
|
|
|
|
|
<a>{{tr "Mute/unmute headphones" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="divider"></div>
|
|
|
|
|
|
<div class="button button-subscribe-mode">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="icon_em" title="{{tr 'Toggle channel subscribe mode' /}}"></div>
|
2018-10-03 20:04:29 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
-->
|
2018-12-18 19:00:29 +00:00
|
|
|
|
|
|
|
|
|
|
<!-- the query button -->
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="button-dropdown btn_query" title="{{tr 'Show/hide server queries' /}}">
|
2018-12-18 19:00:29 +00:00
|
|
|
|
<div class="buttons">
|
2019-07-09 22:52:08 +00:00
|
|
|
|
<div class="button btn_query_toggle">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="icon_em client-server_query"></div>
|
2019-07-09 22:52:08 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="dropdown-arrow">
|
2018-12-28 14:39:23 +00:00
|
|
|
|
<div class="arrow down"></div>
|
2018-12-18 19:00:29 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="dropdown">
|
|
|
|
|
|
<div class="btn_query_toggle">
|
|
|
|
|
|
<div class="icon client-toggle_server_query_clients"></div>
|
|
|
|
|
|
<a class="query-text"></a></div>
|
|
|
|
|
|
<div class="btn_query_manage">
|
|
|
|
|
|
<div class="icon client-server_query"></div>
|
|
|
|
|
|
<a>{{tr "Manage server queries" /}}</a></div>
|
2018-12-23 16:41:14 +00:00
|
|
|
|
<!-- <div class="btn_query_create"><div class="icon client-away"></div><a>{{tr "Create server query login" /}}</a></div> -->
|
2018-12-18 19:00:29 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
|
|
|
|
|
|
<div style="width: 100%"></div>
|
|
|
|
|
|
<!-- -->
|
|
|
|
|
|
<div class="button button-hostbutton" title="{{tr 'Hostbutton' /}}">
|
|
|
|
|
|
<img alt="{{tr 'hostbutton' /}}">
|
2018-10-03 20:04:29 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-04-04 19:47:52 +00:00
|
|
|
|
<div class="container-connection-handlers scrollbar" id="connection-handlers">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="connection-handlers"></div>
|
2019-04-04 19:47:52 +00:00
|
|
|
|
<div class="container-scroll">
|
|
|
|
|
|
<div class="button-scroll button-scroll-left">
|
|
|
|
|
|
<div class="icon client-arrow_left"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="button-scroll button-scroll-right disabled">
|
|
|
|
|
|
<div class="icon client-arrow_right"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2018-10-03 20:04:29 +00:00
|
|
|
|
|
2019-01-19 12:03:51 +00:00
|
|
|
|
<div class="container-app-main">
|
2018-11-03 11:16:13 +00:00
|
|
|
|
<div class="container-channel-chat">
|
2019-01-19 12:03:51 +00:00
|
|
|
|
<!-- Channel tree -->
|
2019-07-09 22:52:08 +00:00
|
|
|
|
<div class="container-channel-tree">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="hostbanner" id="hostbanner"></div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="channel-tree" id="channelTree"></div>
|
2018-11-03 11:16:13 +00:00
|
|
|
|
</div>
|
2019-01-19 12:03:51 +00:00
|
|
|
|
|
2019-07-09 22:52:08 +00:00
|
|
|
|
<div class="container-seperator vertical" seperator-id="seperator-channel-chat"></div>
|
2019-01-19 12:03:51 +00:00
|
|
|
|
<!-- Chat window -->
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-chat" id="chat"></div>
|
2018-10-03 20:04:29 +00:00
|
|
|
|
</div>
|
2019-07-09 22:52:08 +00:00
|
|
|
|
<div class="container-seperator horizontal" seperator-id="seperator-main-log"></div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-bottom">
|
|
|
|
|
|
<div class="container-server-log" id="server-log"></div>
|
|
|
|
|
|
<div class="container-footer">
|
|
|
|
|
|
<div class="hide-small">
|
|
|
|
|
|
Open source on <a href="https://github.com/TeaSpeak/TeaSpeak-Web"
|
|
|
|
|
|
style="display: inline-block; position: relative">github.com</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a>{{tr "Version:" /}} {{>app_version}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div> <!-- Selection info -->
|
2018-10-03 20:04:29 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div id="contextMenu" class="context-menu"></div>
|
|
|
|
|
|
</script>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
|
2019-07-09 22:52:08 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_frame_chat" type="text/html">
|
|
|
|
|
|
<div class="container-chat-frame">
|
|
|
|
|
|
<div class="container-info"></div>
|
|
|
|
|
|
<div class="container-chat"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<script class="jsrender-template" id="tmpl_frame_chat_info" type="text/html">
|
|
|
|
|
|
<div class="lane">
|
|
|
|
|
|
<div class="block left">
|
|
|
|
|
|
<div class="title">{{tr "You're talking in Channel" /}}</div>
|
|
|
|
|
|
<div class="value value-voice-channel"></div>
|
|
|
|
|
|
<div class="small-value value-voice-limit"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="block right">
|
|
|
|
|
|
<div class="title">{{tr "Your ping" /}}</div>
|
|
|
|
|
|
<div class="value value-ping">11 ms</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="lane">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="block left mode-based mode-channel_chat">
|
|
|
|
|
|
<div class="title"></div>
|
|
|
|
|
|
<div class="value value-text-channel"></div>
|
|
|
|
|
|
<div class="small-value value-text-limit"></div>
|
2019-07-09 22:52:08 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="block left mode-based mode-private_chat">
|
|
|
|
|
|
<div class="button button-switch-chat-channel">{{tr "Switch to channel chat" /}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="block left mode-based mode-client_info">
|
|
|
|
|
|
<div class="spacer-client-info"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
2019-07-09 22:52:08 +00:00
|
|
|
|
<div class="block right">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="title">{{tr "Private chats" /}}
|
|
|
|
|
|
<div class="container-indicator">
|
|
|
|
|
|
<div class="chat-unread-counter">-1</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="value button chat-counter">Hmm... Something seems to be wrong!</div>
|
2019-07-09 22:52:08 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<script class="jsrender-template" id="tmpl_frame_chat_private" type="text/html">
|
|
|
|
|
|
<div class="container-private-conversations">
|
|
|
|
|
|
<div class="conversation-list">
|
|
|
|
|
|
<div class="no-chats">
|
|
|
|
|
|
<div>{{tr "You dont have any chats yet!" /}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-seperator vertical" seperator-id="seperator-conversation-list-messages"></div>
|
|
|
|
|
|
<div class="conversation">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="spacer"></div>
|
2019-07-09 22:52:08 +00:00
|
|
|
|
<div class="messages"></div>
|
|
|
|
|
|
<div class="chatbox"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<script class="jsrender-template" id="tmpl_frame_chat_private_entry" type="text/html">
|
|
|
|
|
|
<div class="conversation-entry">
|
|
|
|
|
|
<div class="container-avatar">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<node key="avatar"></node>
|
2019-07-09 22:52:08 +00:00
|
|
|
|
<div class="chat-unread"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="info">
|
|
|
|
|
|
<a class="client-name">{{>client_name}}</a>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<a class="last-message">{{>last_time}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="button-close">
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<script class="jsrender-template" id="tmpl_frame_chat_private_message" type="text/html">
|
|
|
|
|
|
<div class="message-entry" message-id="{{>message_id}}">
|
|
|
|
|
|
<div class="container-avatar">
|
|
|
|
|
|
<node key="avatar"></node>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-message">
|
|
|
|
|
|
<div class="info">
|
|
|
|
|
|
<a class="client-name">
|
|
|
|
|
|
<node key="client_name"/>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
<a class="timestamp">{{>timestamp}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="message">
|
|
|
|
|
|
<node key="message"></node>
|
|
|
|
|
|
</div>
|
2019-07-09 22:52:08 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_frame_chat_private_spacer" type="text/html">
|
|
|
|
|
|
<div class="spacer-entry">
|
|
|
|
|
|
{{>message}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
2019-07-09 22:52:08 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_frame_chat_chatbox" type="text/html">
|
|
|
|
|
|
<div class="container-chatbox">
|
|
|
|
|
|
{{if emojy_support}}
|
|
|
|
|
|
<div class="container-emojis">
|
|
|
|
|
|
<div class="button-emoji">
|
|
|
|
|
|
<div class="container-icon">
|
|
|
|
|
|
<img src="img/smiley-smile.svg">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
{{/if}}
|
|
|
|
|
|
<div class="container-input">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="textarea" contenteditable="true"
|
|
|
|
|
|
placeholder="{{tr 'Type your message here...' /}}"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<script class="jsrender-template" id="tmpl_frame_chat_channel" type="text/html">
|
|
|
|
|
|
<div class="container-channel-chat">
|
|
|
|
|
|
<div class="container-chat"></div>
|
|
|
|
|
|
<node key="chatbox"></node>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<script class="jsrender-template" id="tmpl_frame_chat_channel_messages" type="text/html">
|
|
|
|
|
|
<div class="container-channel-chat-messages">
|
|
|
|
|
|
<div class="container-messages"></div>
|
|
|
|
|
|
<div class="new-message">
|
|
|
|
|
|
<a>{{tr "Scroll to new messages" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="no-permissions">
|
|
|
|
|
|
<div>{{tr "You don't have permissions to participate in this conversation!" /}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="private-conversation">
|
|
|
|
|
|
<div>{{tr "Conversation is private. Join the channel to participate!" /}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<script class="jsrender-template" id="tmpl_frame_chat_channel_message" type="text/html">
|
|
|
|
|
|
<div class="message-entry" message-id="{{>message_id}}">
|
|
|
|
|
|
<div class="container-avatar">
|
|
|
|
|
|
<node key="avatar"></node>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-message">
|
|
|
|
|
|
<div class="info">
|
|
|
|
|
|
<div class="button-delete">
|
|
|
|
|
|
<img src="img/icon_conversation_message_delete.svg" alt="X"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a class="client-name">
|
|
|
|
|
|
<node key="client_name"></node>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
<a class="timestamp">{{>timestamp}}</a>
|
|
|
|
|
|
<br> <!-- Only for copy purposes -->
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="message">
|
|
|
|
|
|
<node key="message"></node>
|
|
|
|
|
|
<br> <!-- Only for copy purposes -->
|
|
|
|
|
|
</div>
|
2019-07-09 22:52:08 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_frame_chat_client_info" type="text/html">
|
|
|
|
|
|
<div class="container-client-info">
|
|
|
|
|
|
<div class="heading">
|
|
|
|
|
|
<div class="container-avatar">
|
|
|
|
|
|
<div class="avatar">
|
|
|
|
|
|
<img src="img/style/avatar.png" style="height: 100%; width: 100%">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-avatar-edit" title="{{tr 'Upload Avatar' /}}">
|
|
|
|
|
|
<img src="img/photo-camera.svg">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a class="client-name"></a>
|
|
|
|
|
|
<div class="container-description">
|
|
|
|
|
|
<a class="client-description">error: description</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="general-info">
|
|
|
|
|
|
<div class="block block-left">
|
|
|
|
|
|
<div class="container-property">
|
|
|
|
|
|
<div class="icon_em client-home"></div>
|
|
|
|
|
|
<div class="property">
|
|
|
|
|
|
<div class="title">{{tr "Online since" /}}</div>
|
|
|
|
|
|
<div class="value client-online-time">error: online-time</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-property">
|
|
|
|
|
|
<div class="icon_em client-home"></div>
|
|
|
|
|
|
<div class="property">
|
|
|
|
|
|
<div class="title">{{tr "Country" /}}</div>
|
|
|
|
|
|
<div class="value client-country"><a>error: country</a></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-property container-teaforo">
|
|
|
|
|
|
<div class="icon_em client-home"></div>
|
|
|
|
|
|
<div class="property">
|
|
|
|
|
|
<div class="title">{{tr "TeaSpeak Forum Account" /}}</div>
|
|
|
|
|
|
<div class="value client-teaforo-account"><a>error: online-time</a></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-property">
|
|
|
|
|
|
<div class="icon_em client-home"></div>
|
|
|
|
|
|
<div class="property">
|
|
|
|
|
|
<div class="title">{{tr "Version" /}}</div>
|
|
|
|
|
|
<div class="value client-version"><a>error: version</a></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-property">
|
|
|
|
|
|
<div class="icon_em client-home"></div>
|
|
|
|
|
|
<div class="property">
|
|
|
|
|
|
<div class="title">{{tr "Volume" /}}</div>
|
|
|
|
|
|
<div class="value client-local-volume">error: local volume</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-property list container-client-status">
|
|
|
|
|
|
<div class="icon_em client-home"></div>
|
|
|
|
|
|
<div class="property">
|
|
|
|
|
|
<div class="title">{{tr "Status" /}}</div>
|
|
|
|
|
|
<div class="value client-status">
|
|
|
|
|
|
<div>error: client status</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="block block-right">
|
|
|
|
|
|
<div class="container-property">
|
|
|
|
|
|
<div class="icon_em client-permission_server_groups"></div>
|
|
|
|
|
|
<div class="property">
|
|
|
|
|
|
<div class="title">{{tr "Channel Group" /}}</div>
|
|
|
|
|
|
<div class="value client-group-channel"><a>error: channel group</a></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-property list">
|
|
|
|
|
|
<div class="icon_em client-permission_channel"></div>
|
|
|
|
|
|
<div class="property">
|
|
|
|
|
|
<div class="title">{{tr "Server Groups" /}}</div>
|
|
|
|
|
|
<div class="value client-group-server">
|
|
|
|
|
|
<div>error: client server groups</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="button-close"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
2019-07-09 22:52:08 +00:00
|
|
|
|
|
2019-04-04 19:47:52 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_select_info" type="text/html">
|
|
|
|
|
|
<div class="select_info" style="width: 100%; max-width: 100%">
|
2019-05-24 20:14:02 +00:00
|
|
|
|
<button type="button" class="close button-modal-close" aria-label="Close">
|
2019-04-04 19:47:52 +00:00
|
|
|
|
<span aria-hidden="true">×</span>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
<div class="container-banner"></div>
|
|
|
|
|
|
<div class="container-select-info"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="template-group-modals">
|
|
|
|
|
|
<script class="jsrender-template" id="tmpl_modal" type="text/html">
|
|
|
|
|
|
<div class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
|
|
|
|
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
|
|
|
|
<div class="modal-content" style="{{if full_size}}flex-grow: 1{{/if}}">
|
|
|
|
|
|
<div class="modal-header {{if header_class}}{{:header_class}}{{/if}}">
|
|
|
|
|
|
<div class="container-icon">
|
|
|
|
|
|
<img src="img/favicon/teacup.png">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<node key="modal_header"></node>
|
|
|
|
|
|
<div class="container-close">
|
|
|
|
|
|
<div class="button-modal-close icon_em client-close_button"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="modal-body">
|
|
|
|
|
|
<node key="modal_body"></node>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
{{if modal_footer}}
|
|
|
|
|
|
<div class="modal-footer">
|
|
|
|
|
|
<node key="modal_footer"></node>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
{{/if}}
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2018-09-30 19:50:59 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</script>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_modal_input" type="text/html">
|
|
|
|
|
|
<div class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
|
|
|
|
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
|
<div class="container-icon">
|
|
|
|
|
|
<img src="img/favicon/teacup.png">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<node key="modal_header"></node>
|
|
|
|
|
|
<div class="container-close">
|
|
|
|
|
|
<div class="button-modal-close icon_em client-close_button"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="modal-body modal-body-input modal-green">
|
|
|
|
|
|
<node key="question"></node>
|
|
|
|
|
|
<div class="form-group container-value {{if field_title}}with-title{{/if}}">
|
|
|
|
|
|
{{if field_title}}
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<label for="input-modal-input" class="bmd-label-floating">{{>field_title}}</label>
|
|
|
|
|
|
{{/if}}
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<!-- placeholder="ts.teaspeak.de" -->
|
|
|
|
|
|
<!-- aria-describedby="input-connect-address-help" -->
|
|
|
|
|
|
<input id="input-modal-input"
|
|
|
|
|
|
type="text"
|
|
|
|
|
|
class="form-control"
|
|
|
|
|
|
{{if field_placeholder}} placeholder="{{>field_placeholder}}" {{/if}}
|
|
|
|
|
|
autocomplete="off"
|
|
|
|
|
|
>
|
|
|
|
|
|
{{if error_message || field_label}}
|
|
|
|
|
|
<div class="container-help-feedback">
|
|
|
|
|
|
{{if error_message}}
|
|
|
|
|
|
<div class="invalid-feedback">{{>error_message}}</div>
|
|
|
|
|
|
{{/if}}
|
|
|
|
|
|
{{if field_label}}
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<span class="bmd-help">{{>field_label}}</span>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
{{/if}}
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
{{/if}}
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="buttons">
|
|
|
|
|
|
<button type="button" class="btn btn-warning button-cancel">{{tr "Cancel" /}}
|
|
|
|
|
|
</button>
|
|
|
|
|
|
<button type="button" class="btn btn-raised btn-success button-submit">{{tr "Ok"
|
|
|
|
|
|
/}}
|
|
|
|
|
|
</button>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-01-28 19:36:11 +00:00
|
|
|
|
</div>
|
2018-12-28 14:39:23 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</script>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_modal_yesno" type="text/html">
|
|
|
|
|
|
<div class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
|
|
|
|
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
|
<div class="container-icon">
|
|
|
|
|
|
<img src="img/favicon/teacup.png">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<node key="modal_header"></node>
|
|
|
|
|
|
<div class="container-close">
|
|
|
|
|
|
<div class="button-modal-close icon_em client-close_button"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="modal-body modal-body-yesno">
|
|
|
|
|
|
<node key="question"></node>
|
|
|
|
|
|
<div class="buttons">
|
|
|
|
|
|
<button type="button" class="btn btn-danger button-no">{{>text_no}}</button>
|
|
|
|
|
|
<button type="button" class="btn btn-raised btn-success button-yes">{{>text_yes}}
|
|
|
|
|
|
</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2018-12-28 14:39:23 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</script>
|
|
|
|
|
|
</div>
|
2018-09-30 19:50:59 +00:00
|
|
|
|
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<!-- Template for the connect modal -->
|
|
|
|
|
|
<script class="jsrender-template" id="tmpl_connect" type="text/html">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-connect-input">
|
|
|
|
|
|
<div class="row container-address-password">
|
|
|
|
|
|
<div class="form-group container-address">
|
|
|
|
|
|
<label>{{tr "Server Address" /}}</label>
|
|
|
|
|
|
<input type="text" class="form-control" aria-describedby="input-connect-address-help"
|
|
|
|
|
|
placeholder="ts.teaspeak.de" autocomplete="off">
|
|
|
|
|
|
<div class="invalid-feedback">{{tr "Please enter a valid server address" /}}</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="form-group container-password">
|
|
|
|
|
|
<label class="bmd-label-floating">{{tr "Server password" /}}</label>
|
|
|
|
|
|
<form autocomplete="off" onsubmit="return false;">
|
|
|
|
|
|
<input id="input-connect-password-{{>password_id}}" type="password" class="form-control"
|
|
|
|
|
|
autocomplete="off">
|
|
|
|
|
|
</form>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="row container-profile-name">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group container-nickname">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<label>{{tr "Nickname" /}}</label>
|
|
|
|
|
|
<input type="text" class="form-control" aria-describedby="input-connect-nickname-help"
|
|
|
|
|
|
placeholder="Another TeaSpeak user">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="invalid-feedback">{{tr "Please enter a valid server nickname" /}}</div>
|
|
|
|
|
|
<!-- <small id="input-connect-nickname-help" class="form-text text-muted">We'll never share your email with anyone else.</small> -->
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-profile-manage">
|
|
|
|
|
|
<div class="form-group container-select-profile">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<label for="select-connect-profile">{{tr "Connect Profile" /}}</label>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<select class="form-control" id="select-connect-profile"> </select>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="invalid-feedback">{{tr "Selected profile is invalid. Select another one or fix
|
|
|
|
|
|
the profile." /}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<button type="button" class="btn btn-raised button-manage-profiles">{{tr "Profiles" /}}
|
|
|
|
|
|
</button>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-buttons">
|
|
|
|
|
|
<button type="button" class="btn btn-raised button-toggle-last-servers"><a>{{tr "Show last servers"
|
|
|
|
|
|
/}}</a>
|
|
|
|
|
|
<div class="arrow down"></div>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="container-buttons-connect">
|
|
|
|
|
|
{{if default_connect_new_tab}}
|
|
|
|
|
|
<button type="button" class="btn btn-raised btn-success button-connect button-left">{{tr
|
|
|
|
|
|
"Connect in same tab" /}}
|
|
|
|
|
|
</button>
|
|
|
|
|
|
<button type="button" class="btn btn-raised btn-success button-connect-new-tab button-right">
|
|
|
|
|
|
{{tr "Connect" /}}
|
|
|
|
|
|
</button>
|
|
|
|
|
|
{{else}}
|
|
|
|
|
|
{{if multi_tab}}
|
|
|
|
|
|
<button type="button" class="btn btn-raised btn-success button-connect-new-tab button-left">{{tr
|
|
|
|
|
|
"Connect in a new tab" /}}
|
|
|
|
|
|
</button>
|
|
|
|
|
|
{{/if}}
|
|
|
|
|
|
<button type="button" class="btn btn-raised btn-success button-connect button-right">{{tr
|
|
|
|
|
|
"Connect" /}}
|
|
|
|
|
|
</button>
|
|
|
|
|
|
{{/if}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-last-servers">
|
|
|
|
|
|
<hr>
|
|
|
|
|
|
<div class="table">
|
|
|
|
|
|
<div class="head">
|
|
|
|
|
|
<div class="column delete">Nr</div>
|
|
|
|
|
|
<div class="column name">{{tr "Name" /}}</div>
|
|
|
|
|
|
<div class="column address">{{tr "Address" /}}</div>
|
|
|
|
|
|
<div class="column password">{{tr "Password" /}}</div>
|
|
|
|
|
|
<div class="column country-name">{{tr "Country" /}}</div>
|
|
|
|
|
|
<div class="column clients">{{tr "Clients" /}}</div>
|
|
|
|
|
|
<div class="column connections">{{tr "Connections" /}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="body">
|
|
|
|
|
|
<div class="body-empty">
|
|
|
|
|
|
<a>{{tr "No connections yet made" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
2018-10-20 17:58:06 +00:00
|
|
|
|
<!-- Template for channel create & edit-->
|
2018-10-14 11:27:48 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_channel_edit" type="text/html">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div> <!-- only for rendering -->
|
|
|
|
|
|
<div class="container-general">
|
|
|
|
|
|
<div class="container-name-icon">
|
|
|
|
|
|
<input type="text" class="input-boxed channel_name" placeholder="{{tr 'Channel name' /}}"
|
|
|
|
|
|
value="{{>channel_name}}"/>
|
|
|
|
|
|
<div class="container-icon-select">
|
|
|
|
|
|
<div class="button-select-icon icon-preview">
|
2019-04-29 17:43:08 +00:00
|
|
|
|
<node key="channel_icon_general"/>
|
2019-03-25 19:04:04 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-dropdown">
|
|
|
|
|
|
<div class="button">
|
|
|
|
|
|
<div class="arrow down"></div>
|
2019-04-29 17:43:08 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="dropdown">
|
|
|
|
|
|
<div class="entry button-select-icon">{{tr "Edit icon" /}}</div>
|
|
|
|
|
|
<div class="entry button-icon-remove">{{tr "Remove icon" /}}</div>
|
2019-04-29 17:43:08 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-password">
|
|
|
|
|
|
<input class="input-boxed channel_password" placeholder="{{tr 'Password' /}}" type="password"
|
|
|
|
|
|
id="field_channel_password_{{rnd '0~13377331'/}}" {{if channel_flag_password}}
|
|
|
|
|
|
value="WolverinDEV" {{/if}}/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-topic">
|
|
|
|
|
|
<input class="input-boxed channel_topic" placeholder="{{tr 'Topic' /}}"
|
|
|
|
|
|
value="{{>channel_topic}}"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-description">
|
|
|
|
|
|
<div class="toolbar">
|
|
|
|
|
|
<div class="button button-bold">B</div>
|
|
|
|
|
|
<div class="button button-italic">I</div>
|
|
|
|
|
|
<div class="button button-underline">U</div>
|
|
|
|
|
|
<label class="button button-color">
|
|
|
|
|
|
<input type="color" value="#FF0000">
|
|
|
|
|
|
<a class="rainbow-letter">C</a>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<textarea class="input-boxed channel_description" placeholder="{{tr 'Description' /}}">{{>channel_description}}</textarea>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="mode-container">
|
|
|
|
|
|
<div class="container-simple">
|
|
|
|
|
|
<div class="container-left border">
|
|
|
|
|
|
<div class="header">{{tr "Channel Options" /}}</div>
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<div class="container-type">
|
|
|
|
|
|
<a>{{tr "Channel Type"/}}</a>
|
|
|
|
|
|
<select name="channel-type" class="input-boxed channel-type">
|
|
|
|
|
|
<option name="channel-type" value="temp">{{tr "Temporary" /}}</option>
|
|
|
|
|
|
<option name="channel-type" value="semi">{{tr "Semi-Permanent" /}}</option>
|
|
|
|
|
|
<option name="channel-type" value="perm">{{tr "Permanent" /}}</option>
|
|
|
|
|
|
<option name="channel-type" value="def">{{tr "Default Channel" /}}</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-codec">
|
|
|
|
|
|
<a>{{tr "Channel Codec"/}}</a>
|
|
|
|
|
|
<select name="voice_template" class="input-boxed channel-codec">
|
|
|
|
|
|
<option name="voice_template" value="custom" style="display: none">{{tr "Custom
|
|
|
|
|
|
(Advanced)" /}}
|
|
|
|
|
|
</option>
|
|
|
|
|
|
<option name="voice_template" value="voice_mobile">{{tr "Mobile" /}}</option>
|
|
|
|
|
|
<option name="voice_template" value="voice_desktop">{{tr "Voice" /}}</option>
|
|
|
|
|
|
<option name="voice_template" value="music">{{tr "Music" /}}</option>
|
|
|
|
|
|
</select>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-right">
|
|
|
|
|
|
<div class="header">{{tr "Sorting and Talk power" /}}</div>
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<div class="container-sort">
|
|
|
|
|
|
<a>{{tr "Sort this channel after:"/}}</a>
|
|
|
|
|
|
<select class="input-boxed order_id">
|
2018-02-27 16:20:49 +00:00
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-talk">
|
|
|
|
|
|
<a> </a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<a class="prefix">{{tr "Talk power:" /}}</a>
|
|
|
|
|
|
<input type="number" type="number" min="0" name="talk_power"
|
|
|
|
|
|
value="{{if channel_needed_talk_power}}{{:channel_needed_talk_power}}{{else}}0{{/if}}">
|
|
|
|
|
|
<div class="container-tooltip tooltip-permission-subscribe">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Required power to talk in this channel" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2018-02-27 16:20:49 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="container-advanced">
|
|
|
|
|
|
<div class="categories">
|
|
|
|
|
|
<div class="entry" container="container-standard">{{tr "Standard" /}}</div>
|
|
|
|
|
|
<div class="entry" container="container-audio">{{tr "Audio" /}}</div>
|
|
|
|
|
|
<div class="entry" container="container-permissions">{{tr "Permissions" /}}</div>
|
|
|
|
|
|
<div class="entry" container="container-misc">{{tr "Misc" /}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="bodies">
|
|
|
|
|
|
<div class="body container-standard">
|
|
|
|
|
|
<div class="container-top">
|
|
|
|
|
|
<div class="container-left border">
|
|
|
|
|
|
<div class="header">{{tr "Channel Type" /}}</div>
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<fieldset class="container-channel-type">
|
|
|
|
|
|
<label class="type type-temp">
|
|
|
|
|
|
<div class="ratio-button">
|
|
|
|
|
|
<input type="radio" name="channel_type" value="temp" {{if
|
|
|
|
|
|
!channel_flag_semi_permanent &&
|
|
|
|
|
|
!channel_flag_permanent}}checked{{/if}}/>
|
|
|
|
|
|
<div class="mark"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a>{{tr "Temporary" /}}</a>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
<label class="type type-semi">
|
|
|
|
|
|
<div class="ratio-button">
|
|
|
|
|
|
<input type="radio" name="channel_type" value="semi" {{if
|
|
|
|
|
|
channel_flag_semi_permanent}}checked{{/if}}/>
|
|
|
|
|
|
<div class="mark"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a>{{tr "Semi-Permanent" /}}</a>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</label>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-perm-default">
|
|
|
|
|
|
<label class="type type-perm">
|
|
|
|
|
|
<div class="ratio-button">
|
|
|
|
|
|
<input type="radio" name="channel_type" value="perm" {{if
|
|
|
|
|
|
channel_flag_permanent}}checked{{/if}}/>
|
|
|
|
|
|
<div class="mark"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a>{{tr "Permanent" /}}</a>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
|
|
|
|
|
|
<label class="container-default-channel">
|
|
|
|
|
|
<a>{{tr "Default Channel" /}}</a>
|
|
|
|
|
|
<div class="checkbox">
|
|
|
|
|
|
<input type="checkbox" class="input-flag-default">
|
|
|
|
|
|
<div class="mark"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</fieldset>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-right">
|
|
|
|
|
|
<div class="header">{{tr "Sorting and Talk power" /}}</div>
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<div class="container-sort">
|
|
|
|
|
|
<a>{{tr "Sort this channel after:"/}}</a>
|
|
|
|
|
|
<select class="input-boxed order_id">
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-talk">
|
|
|
|
|
|
<a> </a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<a class="prefix">{{tr "Talk power:" /}}</a>
|
|
|
|
|
|
<input type="number" type="number" min="0" name="talk_power"
|
|
|
|
|
|
value="{{if channel_needed_talk_power}}{{:channel_needed_talk_power}}{{else}}0{{/if}}">
|
|
|
|
|
|
<div class="container-tooltip tooltip-permission-subscribe">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Required power to talk in this channel" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-bottom">
|
|
|
|
|
|
<div class="container-left container-max-users">
|
|
|
|
|
|
<div class="header">{{tr "Max users" /}}</div>
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<fieldset>
|
|
|
|
|
|
<label class="container-unlimited">
|
|
|
|
|
|
<div class="ratio-button">
|
|
|
|
|
|
<input type="radio" name="max_users" value="unlimited" {{if
|
|
|
|
|
|
channel_flag_maxclients_unlimited}}checked{{/if}}/>
|
|
|
|
|
|
<div class="mark"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a>{{tr "Unlimited" /}}</a>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
<label class="container-limited">
|
|
|
|
|
|
<div class="ratio-button">
|
|
|
|
|
|
<input type="radio" name="max_users" value="limited" {{if
|
|
|
|
|
|
!channel_flag_maxclients_unlimited}}checked{{/if}}/>
|
|
|
|
|
|
<div class="mark"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a>{{tr "Limited" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input class="channel_maxclients"
|
|
|
|
|
|
value="{{if channel_maxclients}}{{:channel_maxclients}}{{else}}0{{/if}}"
|
|
|
|
|
|
type="number" min="0" max="99999999">
|
|
|
|
|
|
<div class="container-tooltip tooltip-max-users">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Max users which could join the channel" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</fieldset>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="container-right container-max-family-users">
|
|
|
|
|
|
<div class="header">{{tr "Family Max users" /}}</div>
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<fieldset>
|
|
|
|
|
|
<label class="container-inherited">
|
|
|
|
|
|
<div class="ratio-button">
|
|
|
|
|
|
<input type="radio" name="max_family_users" value="inherited"
|
|
|
|
|
|
{{if channel_flag_maxfamilyclients_inherited}}checked{{/if}}/>
|
|
|
|
|
|
<div class="mark"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a>{{tr "Inherited" /}}</a>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
<label class="container-unlimited">
|
|
|
|
|
|
<div class="ratio-button">
|
|
|
|
|
|
<input type="radio" name="max_family_users" value="unlimited"
|
|
|
|
|
|
{{if channel_flag_maxfamilyclients_unlimited}}checked{{/if}}/>
|
|
|
|
|
|
<div class="mark"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a>{{tr "Unlimited" /}}</a>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
<label class="container-limited">
|
|
|
|
|
|
<div class="ratio-button">
|
|
|
|
|
|
<input type="radio" name="max_family_users" value="limited" {{if
|
|
|
|
|
|
!channel_flag_maxfamilyclients_unlimited &&
|
|
|
|
|
|
!channel_flag_maxfamilyclients_inherited}}checked{{/if}}/>
|
|
|
|
|
|
<div class="mark"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a>{{tr "Limited" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input class="channel_maxfamilyclients"
|
|
|
|
|
|
value="{{if channel_maxfamilyclients}}{{:channel_maxfamilyclients}}{{else}}0{{/if}}"
|
|
|
|
|
|
type="number" min="0" max="99999999">
|
|
|
|
|
|
<div class="container-tooltip tooltip-max-family-users">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Max users which could join the channel family"
|
|
|
|
|
|
/}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</fieldset>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="body container-audio">
|
|
|
|
|
|
<div class="container-top">
|
|
|
|
|
|
<div class="container-left container-presets">
|
|
|
|
|
|
<div class="header">{{tr "Presets" /}}</div>
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<fieldset style="">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<label>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="ratio-button">
|
|
|
|
|
|
<input type="radio" name="voice_template" value="voice_mobile"/>
|
|
|
|
|
|
<div class="mark"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a>{{tr "Voice Mobile" /}}</a>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</label>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<label>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="ratio-button">
|
|
|
|
|
|
<input type="radio" name="voice_template"
|
|
|
|
|
|
value="voice_desktop"/>
|
|
|
|
|
|
<div class="mark"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a>{{tr "Voice Desktop" /}}</a>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</label>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<div class="ratio-button">
|
|
|
|
|
|
<input type="radio" name="voice_template" value="music"/>
|
|
|
|
|
|
<div class="mark"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a>{{tr "Music" /}}</a>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<div class="ratio-button">
|
|
|
|
|
|
<input type="radio" name="voice_template" value="custom"/>
|
|
|
|
|
|
<div class="mark"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a>{{tr "Custom" /}}</a>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</fieldset>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-right border container-custom">
|
|
|
|
|
|
<div class="header">{{tr "Custom Settings" /}}</div>
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<div class="custom">
|
|
|
|
|
|
<div class="contianer-codec-type">
|
|
|
|
|
|
<a>{{tr "Codec:" /}}</a>
|
|
|
|
|
|
<select class="input-boxed voice_codec">
|
|
|
|
|
|
<option value="speex_narrow">
|
|
|
|
|
|
{{tr "Speex Narrowband" /}}
|
|
|
|
|
|
</option>
|
|
|
|
|
|
<option value="speex_wide">
|
|
|
|
|
|
{{tr "Speex Wideband" /}}
|
|
|
|
|
|
</option>
|
|
|
|
|
|
<option value="speex_ultra_wide">
|
|
|
|
|
|
{{tr "Speex Ultra-Wideband" /}}
|
|
|
|
|
|
</option>
|
|
|
|
|
|
<option value="celt">
|
|
|
|
|
|
{{tr "CELT Mono" /}}
|
|
|
|
|
|
</option>
|
|
|
|
|
|
<option value="opus_voice">
|
|
|
|
|
|
{{tr "Opus Voice" /}}
|
|
|
|
|
|
</option>
|
|
|
|
|
|
<option value="opus_music">
|
|
|
|
|
|
{{tr "Opus Music" /}}
|
|
|
|
|
|
</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="container-quality">
|
|
|
|
|
|
<label class="bmd-label-static">
|
|
|
|
|
|
{{tr "Quality:" /}}
|
|
|
|
|
|
<a class="container-value"></a>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
<div class="container-slider">
|
|
|
|
|
|
<div class="filler" style="width: 30%"></div>
|
|
|
|
|
|
<div class="thumb container-tooltip" style="left: 30%">
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>86%</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-bottom">
|
|
|
|
|
|
<div class="header">{{tr "Information" /}}</div>
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<p>
|
|
|
|
|
|
{{tr "Estimated needed bandwidth:" /}}<a class="container-needed-bandwidth">0.00 KiB/s</a>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
<p class="hint">
|
|
|
|
|
|
{{tr "For bad internet connection, lower settings are recommend to reduce bandwidth." /}}
|
|
|
|
|
|
</p>
|
2018-08-13 15:50:55 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
|
|
|
|
|
|
<div class="body container-permissions">
|
|
|
|
|
|
<div class="container-left">
|
|
|
|
|
|
<div class="header">{{tr "Regular needed powers:" /}}</div>
|
2018-08-13 15:50:55 +00:00
|
|
|
|
<div class="content">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-permission">
|
|
|
|
|
|
<a class="name">{{tr "Join" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input type="number" min="0" value="0" class="value"
|
|
|
|
|
|
permission="i_channel_needed_join_power">
|
|
|
|
|
|
<div class="container-tooltip tooltip-permission-join">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Required power to join this channel" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-permission">
|
|
|
|
|
|
<a class="name">{{tr "View" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input type="number" min="0" value="0" class="value"
|
|
|
|
|
|
permission="i_channel_needed_view_power">
|
|
|
|
|
|
<div class="container-tooltip tooltip-permission-view">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Required power to see this channel" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-permission">
|
|
|
|
|
|
<a class="name">{{tr "Subscribe" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input type="number" min="0" value="0" class="value"
|
|
|
|
|
|
permission="i_channel_needed_description_view_power">
|
|
|
|
|
|
<div class="container-tooltip tooltip-permission-subscribe">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Required power to subscribe to this channel" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-permission">
|
|
|
|
|
|
<a class="name">{{tr "Modify" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input type="number" min="0" value="0" class="value"
|
|
|
|
|
|
permission="i_channel_needed_modify_power">
|
|
|
|
|
|
<div class="container-tooltip tooltip-permission-modify">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Required power to modify this channel permissions"
|
|
|
|
|
|
/}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-permission">
|
|
|
|
|
|
<a class="name">{{tr "Delete" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input type="number" min="0" value="0" class="value"
|
|
|
|
|
|
permission="i_channel_needed_delete_power">
|
|
|
|
|
|
<div class="container-tooltip tooltip-permission-delete">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Required power to delete this channel" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-right border">
|
|
|
|
|
|
<div class="header">{{tr "File transfer needed powers:" /}}</div>
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<div class="container-permission">
|
|
|
|
|
|
<a class="name">{{tr "Browse" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input type="number" min="0" value="0" class="value"
|
|
|
|
|
|
permission="i_ft_needed_file_browse_power">
|
|
|
|
|
|
<div class="container-tooltip tooltip-permission-ft-browse">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Required power to browse all files and directories"
|
|
|
|
|
|
/}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2018-08-13 15:50:55 +00:00
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-permission">
|
|
|
|
|
|
<a class="name">{{tr "Upload" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input type="number" min="0" value="0" class="value"
|
|
|
|
|
|
permission="i_ft_needed_file_upload_power">
|
|
|
|
|
|
<div class="container-tooltip tooltip-permission-ft-upload">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Required power to upload files" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="container-permission">
|
|
|
|
|
|
<a class="name">{{tr "Download" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input type="number" min="0" value="0" class="value"
|
|
|
|
|
|
permission="i_ft_needed_file_download_power">
|
|
|
|
|
|
<div class="container-tooltip tooltip-permission-ft-download">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Required power to download files" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="container-permission">
|
|
|
|
|
|
<a class="name">{{tr "Rename" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input type="number" min="0" value="0" class="value"
|
|
|
|
|
|
permission="i_ft_needed_file_rename_power">
|
|
|
|
|
|
<div class="container-tooltip tooltip-permission-ft-rename">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Required power to rename files within this channel"
|
|
|
|
|
|
/}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="container-permission">
|
|
|
|
|
|
<a class="name">{{tr "Directory create" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input type="number" min="0" value="0" class="value"
|
|
|
|
|
|
permission="i_ft_needed_directory_create_power">
|
|
|
|
|
|
<div class="container-tooltip tooltip-permission-ft-create">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Required power to create a directory" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="container-permission">
|
|
|
|
|
|
<a class="name">{{tr "Delete" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input type="number" min="0" value="0" class="value"
|
|
|
|
|
|
permission="i_ft_needed_file_delete_power">
|
|
|
|
|
|
<div class="container-tooltip tooltip-permission-ft-delete">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Required power to delete a directory or file" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="body container-misc">
|
|
|
|
|
|
<div class="container-other">
|
|
|
|
|
|
<div class="header">{{tr "Other Settings" /}}</div>
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<div class="container-phonetic">
|
|
|
|
|
|
<a>{{tr "Phonetic Name:" /}}</a>
|
|
|
|
|
|
<input class="input-boxed channel_name_phonetic"
|
|
|
|
|
|
value="{{>channel_name_phonetic}}">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-delay">
|
|
|
|
|
|
<a>{{tr "Delete delay:" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input class="channel_delete_delay" type="number" min="0"
|
|
|
|
|
|
max="99999999"
|
|
|
|
|
|
value="{{if channel_delete_delay}}{{:channel_delete_delay}}{{else}}0{{/if}}">
|
|
|
|
|
|
<div class="container-tooltip tooltip-misc-delete-delay">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Time in seconds before the channel gets deleted when
|
|
|
|
|
|
its empty." /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2018-08-13 15:50:55 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<button class="btn btn-info button-delete-max">{{tr "Max" /}}</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-encrypt">
|
|
|
|
|
|
<a>{{tr "Encrypt voice data:" /}}</a>
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<div class="switch">
|
|
|
|
|
|
<input class="channel_codec_is_unencrypted" type="checkbox" {{if
|
|
|
|
|
|
!channel_codec_is_unencrypted}}checked{{/if}}/>
|
|
|
|
|
|
<span class="slider">
|
|
|
|
|
|
<div class="dot"></div>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</label>
|
2018-08-13 15:50:55 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-buttons">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<div class="switch">
|
|
|
|
|
|
<input class="input-advanced-mode" type="checkbox"/>
|
|
|
|
|
|
<span class="slider">
|
|
|
|
|
|
<div class="dot"></div>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a>{{tr "Advanced mode" /}}</a>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
<div class="spacer"></div>
|
|
|
|
|
|
<button class="btn btn-danger button_cancel">{{tr "Cancel" /}}</button>
|
|
|
|
|
|
<button class="btn btn-success button_ok">{{if create}}{{tr "Create" /}}{{else}}{{tr "Ok"
|
|
|
|
|
|
/}}{{/if}}
|
|
|
|
|
|
</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- button_cancel, button_ok -->
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script class="jsrender-template" id="tmpl_server_edit" type="text/html">
|
|
|
|
|
|
<div> <!-- Only for rendering -->
|
|
|
|
|
|
<div class="container-general">
|
|
|
|
|
|
<div class="container-name-icon">
|
|
|
|
|
|
<input type="text" class="input-boxed virtualserver_name" placeholder="{{tr 'Virtual Server name' /}}" value="{{>virtualserver_name}}"/>
|
|
|
|
|
|
<div class="container-icon-select">
|
|
|
|
|
|
<div class="button-select-icon icon-preview">
|
|
|
|
|
|
<node key="server_icon"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-dropdown">
|
|
|
|
|
|
<div class="button">
|
|
|
|
|
|
<div class="arrow down"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="dropdown">
|
|
|
|
|
|
<div class="entry button-select-icon">{{tr "Edit icon" /}}</div>
|
|
|
|
|
|
<div class="entry button-icon-remove">{{tr "Remove icon" /}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-password">
|
|
|
|
|
|
<input class="input-boxed virtualserver_password" placeholder="{{tr 'Password' /}}" type="password"
|
|
|
|
|
|
id="field_server_password_{{rnd '0~13377331'/}}" {{if virtualserver_flag_password}}
|
|
|
|
|
|
value="WolverinDEV" {{/if}}/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-slots">
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<a class="prefix">{{tr "Slots:" /}}</a>
|
|
|
|
|
|
<input type="number" class="virtualserver_maxclients" value="{{:virtualserver_maxclients}}">
|
|
|
|
|
|
<div class="container-tooltip tooltip-slots-max">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Max amount of simultaneously connected clients." /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<a class="prefix">{{tr "Reserved slots:" /}}</a>
|
|
|
|
|
|
<input type="number" class="virtualserver_reserved_slots" value="{{:virtualserver_reserved_slots}}">
|
|
|
|
|
|
<div class="container-tooltip tooltip-slots-reserved">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Reserved server slots for admins." /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-welcome-message">
|
|
|
|
|
|
<div class="toolbar">
|
|
|
|
|
|
<div class="button button-bold">B</div>
|
|
|
|
|
|
<div class="button button-italic">I</div>
|
|
|
|
|
|
<div class="button button-underline">U</div>
|
|
|
|
|
|
<label class="button button-color">
|
|
|
|
|
|
<input type="color" value="#FF0000">
|
|
|
|
|
|
<a class="rainbow-letter">C</a>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<textarea class="input-boxed virtualserver_welcomemessage" placeholder="{{tr 'Welcome message' /}}">{{>virtualserver_welcomemessage}}</textarea>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="container-categories">
|
|
|
|
|
|
<div class="categories">
|
|
|
|
|
|
<div class="entry" container="container-host">{{tr "Host" /}}</div>
|
|
|
|
|
|
<div class="entry" container="container-network">{{tr "Networking" /}}</div>
|
|
|
|
|
|
<div class="entry" container="container-security">{{tr "Security" /}}</div>
|
|
|
|
|
|
<div class="entry" container="container-messages">{{tr "Messages" /}}</div>
|
|
|
|
|
|
<div class="entry" container="container-misc">{{tr "Misc" /}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="bodies">
|
|
|
|
|
|
<div class="body container-host">
|
|
|
|
|
|
<div class="container-top container-host-message">
|
|
|
|
|
|
<div class="header">{{tr "Host Message" /}}</div>
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<div class="container-message">
|
|
|
|
|
|
<div class="container-title">
|
|
|
|
|
|
<a>{{tr "Message" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<textarea class="input-boxed virtualserver_hostmessage" placeholder="{{tr 'Enter a message...' /}}">{{>virtualserver_hostmessage}}</textarea>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-mode">
|
|
|
|
|
|
<div class="container-title">
|
|
|
|
|
|
<a>{{tr "Message Mode" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<select class="input-boxed virtualserver_hostmessage_mode">
|
|
|
|
|
|
<option value="0" {{if virtualserver_hostmessage_mode == 0}}selected{{/if}}>{{tr "No message" /}}</option>
|
|
|
|
|
|
<option value="1" {{if virtualserver_hostmessage_mode == 1}}selected{{/if}}>{{tr "Show message in log" /}}</option>
|
|
|
|
|
|
<option value="2" {{if virtualserver_hostmessage_mode == 2}}selected{{/if}}>{{tr "Show message as modal" /}}</option>
|
|
|
|
|
|
<option value="3" {{if virtualserver_hostmessage_mode == 3}}selected{{/if}}>{{tr "Show message as modal and disconnect the client" /}}
|
|
|
|
|
|
</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-bottom">
|
|
|
|
|
|
<div class="container-left container-host-banner">
|
|
|
|
|
|
<div class="header">{{tr "Host Banner" /}}</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="content">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-url">
|
|
|
|
|
|
<a>{{tr "URL" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input class="virtualserver_hostbanner_url" value="{{>virtualserver_hostbanner_url}}">
|
|
|
|
|
|
<div class="container-tooltip tooltip-host-banner-url">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "URL which will be opened when the client clicks on the host banner" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-gfx-url">
|
|
|
|
|
|
<a>{{tr "Image URL" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input class="virtualserver_hostbanner_gfx_url" value="{{>virtualserver_hostbanner_gfx_url}}">
|
|
|
|
|
|
<div class="container-tooltip tooltip-host-banner-gfx-url">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "URL of the image which will be displayed" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-refresh">
|
|
|
|
|
|
<a>{{tr "Refresh Interval" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input type="number" min="0" class="virtualserver_hostbanner_gfx_interval" value="{{>virtualserver_hostbanner_gfx_interval}}">
|
|
|
|
|
|
<div class="container-tooltip tooltip-host-banner-gfx-refresh">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Time in seconds which determine in which interval the client reloads the hostbanner. A value of 0 means no reload." /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-resize">
|
|
|
|
|
|
<a>{{tr "Resize Mode" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<select class="virtualserver_hostbanner_mode">
|
|
|
|
|
|
<option value="0" {{if virtualserver_hostbanner_mode == 0}}selected{{/if}}>{{tr "Do not adjust" /}}</option>
|
|
|
|
|
|
<option value="1" {{if virtualserver_hostbanner_mode == 1}}selected{{/if}}>{{tr "Adjust but ignore ratio aspect" /}}</option>
|
|
|
|
|
|
<option value="2" {{if virtualserver_hostbanner_mode == 2}}selected{{/if}}>{{tr "Adjust and keep ratio aspect" /}}</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
<div class="container-tooltip tooltip-host-banner-gfx-refresh">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Time in seconds which determine in which interval the client reloads the hostbanner.<br>A value of 0 means no reload." /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-gfx-preview">
|
|
|
|
|
|
<div class="container-title">
|
|
|
|
|
|
<a>{{tr "Image Preview" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a class="container-image">
|
|
|
|
|
|
<img src="{{:virtualserver_hostbanner_gfx_url}}"
|
|
|
|
|
|
alt=" {{tr 'Hostbanner Preview' /}}"
|
|
|
|
|
|
title="{{tr 'Hostbanner Preview' /}}"
|
|
|
|
|
|
{{if !virtualserver_hostbanner_gfx_url}}style="display: none;"{{/if}}
|
|
|
|
|
|
>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-right container-host-button">
|
|
|
|
|
|
<div class="header">{{tr "Host Button" /}}</div>
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<div class="container-url">
|
|
|
|
|
|
<a>{{tr "URL" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input class="virtualserver_hostbutton_url" value="{{:virtualserver_hostbutton_url}}">
|
|
|
|
|
|
<div class="container-tooltip">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "URL which will be opened when the client clicks on the host button" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-tooltip-button">
|
|
|
|
|
|
<a>{{tr "Tooltip" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input class="virtualserver_hostbutton_tooltip" value="{{:virtualserver_hostbutton_tooltip}}">
|
|
|
|
|
|
<div class="container-tooltip">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Text for the tooltip on button hover" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-gfx-url">
|
|
|
|
|
|
<a>{{tr "Icon URL" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input class="virtualserver_hostbutton_gfx_url" value="{{:virtualserver_hostbutton_gfx_url}}">
|
|
|
|
|
|
<div class="container-tooltip">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "URL of the image which will be displayed" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-gfx-preview">
|
|
|
|
|
|
<div class="container-title">
|
|
|
|
|
|
<a>{{tr "Icon Preview" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a class="container-image">
|
|
|
|
|
|
<img src="{{:virtualserver_hostbutton_gfx_url}}"
|
|
|
|
|
|
alt=" {{tr 'Hostbutton Preview' /}}"
|
|
|
|
|
|
title="{{tr 'Hostbutton Preview' /}}"
|
|
|
|
|
|
{{if !virtualserver_hostbutton_gfx_url}}style="display: none;"{{/if}}
|
|
|
|
|
|
>
|
|
|
|
|
|
</a>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2018-08-13 15:50:55 +00:00
|
|
|
|
</div>
|
2018-02-27 16:20:49 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="body container-network">
|
|
|
|
|
|
<div class="container-top container-binding">
|
|
|
|
|
|
<div class="header">{{tr "Binding" /}}</div>
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<div class="container-host">
|
|
|
|
|
|
<a>{{tr "Host" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input class="virtualserver_host" value="{{:virtualserver_host}}">
|
|
|
|
|
|
<div class="container-tooltip">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>
|
|
|
|
|
|
{{tr "A comma separated set of IP's where the server is listening on." /}}<br>
|
|
|
|
|
|
{{tr "IPv4 and IPv6 is supported!" /}}<br>
|
|
|
|
|
|
{{tr "Note: If you change this you need to restart the virtual server!" /}}
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-port">
|
|
|
|
|
|
<a>{{tr "Port" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input type="number" min="1" max="65535" class="virtualserver_port" value="{{:virtualserver_port}}">
|
|
|
|
|
|
<div class="container-tooltip">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>
|
|
|
|
|
|
{{tr "The port where the server should be listening to." /}}<br>
|
|
|
|
|
|
{{tr "Note: If you change this you need to restart the virtual server!" /}}
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<label class="container-weblist">
|
|
|
|
|
|
<div class="checkbox">
|
|
|
|
|
|
<input type="checkbox" class="virtualserver_weblist_enabled" {{if virtualserver_weblist_enabled}}checked{{/if}}>
|
|
|
|
|
|
<div class="mark"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a>{{tr "Enable reporting to the TeamSpeak server list" /}}</a>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-bottom">
|
|
|
|
|
|
<div class="container-left container-download">
|
|
|
|
|
|
<div class="header">{{tr "File Download" /}}</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="content">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-bandwidth">
|
|
|
|
|
|
<a>{{tr "Bandwidth limit" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input type="number" min="-1" class="virtualserver_max_download_total_bandwidth" value="{{:virtualserver_max_download_total_bandwidth}}">
|
|
|
|
|
|
<div class="container-tooltip">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Max bandwidth used by all file transfer clients." /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a class="unit">{{tr "Bytes/s" /}}</a>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-quota">
|
|
|
|
|
|
<a>{{tr "Quota" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input type="number" min="0" class="virtualserver_download_quota" value="{{:virtualserver_download_quota}}">
|
|
|
|
|
|
<div class="container-tooltip">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>
|
|
|
|
|
|
{{tr "Max amount of data in megabytes which could be downloaded." /}}<br>
|
|
|
|
|
|
{{tr "The quota will be reset on every new month" /}}
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a class="unit">{{tr "MiB/mo" /}}</a>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-used-quota">
|
|
|
|
|
|
<a>{{tr "Quota this month" /}}</a>
|
|
|
|
|
|
<div class="value virtualserver_month_bytes_downloaded">{{>virtualserver_month_bytes_downloaded}}</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-used-quota">
|
|
|
|
|
|
<a>{{tr "Quota total" /}}</a>
|
|
|
|
|
|
<div class="value virtualserver_total_bytes_downloaded">{{>virtualserver_total_bytes_downloaded}}</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-right container-upload">
|
|
|
|
|
|
<div class="header">{{tr "File Upload" /}}</div>
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<div class="container-bandwidth">
|
|
|
|
|
|
<a>{{tr "Bandwidth limit" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input type="number" min="-1" class="virtualserver_max_upload_total_bandwidth" value="{{:virtualserver_max_upload_total_bandwidth}}">
|
|
|
|
|
|
<div class="container-tooltip">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Max bandwidth used by all file transfer clients." /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a class="unit">{{tr "Bytes/s" /}}</a>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-quota">
|
|
|
|
|
|
<a>{{tr "Quota" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input type="number" min="0" class="virtualserver_upload_quota" value="{{:virtualserver_upload_quota}}">
|
|
|
|
|
|
<div class="container-tooltip">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>
|
|
|
|
|
|
{{tr "Max amount of data in megabytes which could be downloaded." /}}<br>
|
|
|
|
|
|
{{tr "The quota will be reset on every new month" /}}
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a class="unit">{{tr "MiB/mo" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-used-quota">
|
|
|
|
|
|
<a>{{tr "Quota this month" /}}</a>
|
|
|
|
|
|
<div class="value virtualserver_month_bytes_uploaded">{{>virtualserver_month_bytes_uploaded}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-used-quota">
|
|
|
|
|
|
<a>{{tr "Quota total" /}}</a>
|
|
|
|
|
|
<div class="value virtualserver_total_bytes_uploaded">{{>virtualserver_total_bytes_uploaded}}</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2018-08-13 15:50:55 +00:00
|
|
|
|
</div>
|
2018-02-27 16:20:49 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="body container-security">
|
|
|
|
|
|
<div class="container-top container-antiflood">
|
|
|
|
|
|
<div class="header">{{tr "Anti Flood" /}}</div>
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<div class="container-reduce">
|
|
|
|
|
|
<a>{{tr "Reduced points every ½ seconds." /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input type="number" min="0" class="virtualserver_antiflood_points_tick_reduce" value="{{:virtualserver_antiflood_points_tick_reduce}}">
|
|
|
|
|
|
<div class="container-tooltip">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Flood point count which will be reduced each server tick." /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-block-commands">
|
|
|
|
|
|
<a>{{tr "Points needed to block commands" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input type="number" min="0" class="virtualserver_antiflood_points_needed_command_block" value="{{:virtualserver_antiflood_points_needed_command_block}}">
|
|
|
|
|
|
<div class="container-tooltip">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "If the value has been reached, the users command will be rejected." /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-block-ip">
|
|
|
|
|
|
<a>{{tr "Points needed to ban IP" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input type="number" min="0" class="virtualserver_antiflood_points_needed_ip_block" value="{{:virtualserver_antiflood_points_needed_ip_block}}">
|
|
|
|
|
|
<div class="container-tooltip">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "If the value has been reached, the user will be temporally banned from the server." /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-bottom container-security">
|
|
|
|
|
|
<div class="header">{{tr "Misc" /}}</div>
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<div class="container-encryption">
|
|
|
|
|
|
<a>{{tr "Channel voice data encryption" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<select class="virtualserver_codec_encryption_mode">
|
|
|
|
|
|
<option value="0" {{if virtualserver_codec_encryption_mode == 0}}selected{{/if}}>{{tr "Edit per channel individually" /}}</option>
|
|
|
|
|
|
<option value="1" {{if virtualserver_codec_encryption_mode == 1}}selected{{/if}}>{{tr "Globally disabled" /}}</option>
|
|
|
|
|
|
<option value="2" {{if virtualserver_codec_encryption_mode == 2}}selected{{/if}}>{{tr "Globally enabled (recommended)" /}}</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-security-level">
|
|
|
|
|
|
<a>{{tr "Needed Security Level" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input type="number" min="8" class="virtualserver_needed_identity_security_level" value="{{:virtualserver_needed_identity_security_level}}">
|
|
|
|
|
|
<div class="container-tooltip">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Required security level to join the server. (Only applies to TeamSpeak identities)" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-security-level-description">
|
|
|
|
|
|
<a></a>
|
|
|
|
|
|
<div class="container-description">
|
|
|
|
|
|
<a>{{tr "Level <b>0 - 23</b> generated in seconds" /}}</a>
|
|
|
|
|
|
<a>{{tr "Level <b>24 - 29</b> generated in minutes" /}}</a>
|
|
|
|
|
|
<a>{{tr "Level <b>29 - 34</b> generated in hours" /}}</a>
|
|
|
|
|
|
<a>{{tr "Level <b>35 - 39</b> generated in days" /}}</a>
|
|
|
|
|
|
<a>{{tr "Level <b>40 - 43</b> generated in months" /}}</a>
|
|
|
|
|
|
<a>{{tr "Level <b>44 - 23</b> generated in years" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="body container-messages">
|
|
|
|
|
|
<div class="container-top container-channel">
|
|
|
|
|
|
<div class="header">{{tr "Channel" /}}</div>
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<div class="container-topic">
|
|
|
|
|
|
<div class="container-title">
|
|
|
|
|
|
<a>{{tr "Topic" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input class="virtualserver_default_channel_topic" value="{{:virtualserver_default_channel_topic}}">
|
|
|
|
|
|
<div class="container-tooltip">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "The default server channel topic" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="container-description">
|
|
|
|
|
|
<div class="container-title">
|
|
|
|
|
|
<a>{{tr "Description" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<textarea class="input-boxed virtualserver_default_channel_description" placeholder="{{tr 'Enter a message...' /}}">{{>virtualserver_default_channel_description}}</textarea>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-bottom container-client">
|
|
|
|
|
|
<div class="header">{{tr "Client" /}}</div>
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<div class="container-description">
|
|
|
|
|
|
<a>{{tr "Description" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input class="virtualserver_default_client_description" value="{{:virtualserver_default_client_description}}">
|
|
|
|
|
|
<div class="container-tooltip">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "The default client description" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="body container-misc">
|
|
|
|
|
|
<div class="container-top container-default-groups">
|
|
|
|
|
|
<div class="header">{{tr "Default groups" /}}</div>
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<div class="container-default-group">
|
|
|
|
|
|
<a>{{tr "Server Group" /}}</a>
|
|
|
|
|
|
<select class="input-boxed virtualserver_default_server_group">
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-default-group">
|
|
|
|
|
|
<a>{{tr "Music Bot Group" /}}</a>
|
|
|
|
|
|
<select class="input-boxed virtualserver_default_music_group">
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-default-group">
|
|
|
|
|
|
<a>{{tr "Channel Admin Group" /}}</a>
|
|
|
|
|
|
<select class="input-boxed virtualserver_default_channel_admin_group">
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-default-group">
|
|
|
|
|
|
<a>{{tr "Channel Group" /}}</a>
|
|
|
|
|
|
<select class="input-boxed virtualserver_default_channel_group">
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-bottom">
|
|
|
|
|
|
<div class="container-left container-complains">
|
|
|
|
|
|
<div class="header">{{tr "Complains" /}}</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="content">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-ban-threshold">
|
|
|
|
|
|
<a>{{tr "Complains until ban" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input type="number" min="0" class="virtualserver_complain_autoban_count" value="{{:virtualserver_complain_autoban_count}}">
|
|
|
|
|
|
<div class="container-tooltip">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Amount of complains against one user until he receives an automated ban." /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-ban-time">
|
|
|
|
|
|
<a>{{tr "Autoban time" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input type="number" min="0" class="virtualserver_complain_autoban_time" value="{{:virtualserver_complain_autoban_time}}">
|
|
|
|
|
|
<div class="container-tooltip">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Amount of complains against one user until he receives an automated ban." /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-cooldown">
|
|
|
|
|
|
<a>{{tr "Complain auto remove" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input type="number" min="0" class="virtualserver_complain_remove_time" value="{{:virtualserver_complain_remove_time}}">
|
|
|
|
|
|
<div class="container-tooltip">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Time in seconds after a complain expires." /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-right container-others">
|
|
|
|
|
|
<div class="header">{{tr "Others" /}}</div>
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<div class="container-silence">
|
|
|
|
|
|
<a>{{tr "Clients before silence" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input type="number" min="0" class="virtualserver_min_clients_in_channel_before_forced_silence" value="{{:virtualserver_min_clients_in_channel_before_forced_silence}}">
|
|
|
|
|
|
<div class="container-tooltip">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Minimum clients within a channel to enforce silence." /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-dim">
|
|
|
|
|
|
<a>{{tr "Priority speaker dim factor" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input min="-100" max="100" class="virtualserver_priority_speaker_dimm_modificator" value="{{:virtualserver_priority_speaker_dimm_modificator}}">
|
|
|
|
|
|
<div class="container-tooltip">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "Dim factor in '%' for priority speakers." /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-gfx-url">
|
|
|
|
|
|
<a>{{tr "Default delete delay" /}}</a>
|
|
|
|
|
|
<div class="input-boxed">
|
|
|
|
|
|
<input class="virtualserver_channel_temp_delete_delay_default" value="{{:virtualserver_channel_temp_delete_delay_default}}">
|
|
|
|
|
|
<div class="container-tooltip">
|
|
|
|
|
|
<img src="img/icon_tooltip.svg"/>
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>{{tr "The default temporary channel delete delay." /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-buttons">
|
|
|
|
|
|
<button class="btn btn-danger button-cancel">{{tr "Cancel" /}}</button>
|
|
|
|
|
|
<button class="btn btn-success button-save">{{tr "Save Changes" /}}</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Template for the settings -->
|
|
|
|
|
|
<script class="jsrender-template" id="tmpl_settings" type="text/html">
|
|
|
|
|
|
<div class="inner-container">
|
|
|
|
|
|
<div class="left">
|
|
|
|
|
|
<div class="entry group">{{tr "General Settings" /}}</div>
|
|
|
|
|
|
<div class="entry" container="general-application">{{tr "Application" /}}</div>
|
|
|
|
|
|
<div class="entry" container="general-language">{{tr "Language" /}}</div>
|
|
|
|
|
|
<!-- <div class="entry" container="general-updates">{{tr "Updates" /}}</div> -->
|
|
|
|
|
|
<div class="entry" container="general-chat">{{tr "Chat" /}}</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="entry group">{{tr "Audio" /}}</div>
|
|
|
|
|
|
<div class="entry" container="audio-microphone">{{tr "Microphone" /}}</div>
|
|
|
|
|
|
<div class="entry" container="audio-speaker">{{tr "Speaker" /}}</div>
|
|
|
|
|
|
<div class="entry" container="audio-sounds">{{tr "Sounds" /}}</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="entry group">{{tr "Identity" /}}</div>
|
|
|
|
|
|
<div class="entry" container="identity-profiles">{{tr "Profiles" /}}</div>
|
|
|
|
|
|
<div class="entry" container="identity-forum">{{tr "TeaForo connection" /}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-seperator vertical" seperator-id="seperator-settings"></div>
|
|
|
|
|
|
<div class="right">
|
|
|
|
|
|
<div class="container general-application">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<div class="checkbox">
|
|
|
|
|
|
<input type="checkbox" class="option-hostbanner-background">
|
|
|
|
|
|
<div class="mark"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a>{{tr 'Disabled backrounds within the hostbanner' /}}</a>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
<div class="container-font-size">
|
|
|
|
|
|
<a>{{tr "Font size" /}}</a>
|
|
|
|
|
|
<select class="input-boxed option-font-size">
|
|
|
|
|
|
<option value="-1" style="display: none;">Custom</option>
|
|
|
|
|
|
<option value="10">Extra Small (10px)</option>
|
|
|
|
|
|
<option value="12">Small (12px)</option>
|
|
|
|
|
|
<option value="14">Normal (14px)</option>
|
|
|
|
|
|
<option value="16">Large (16px)</option>
|
|
|
|
|
|
<option value="18">Extra Large (18px)</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container general-language">
|
|
|
|
|
|
<div class="container-selected">
|
|
|
|
|
|
<a>{{tr "Current language:" /}}</a>
|
|
|
|
|
|
<div class="selected-language">
|
|
|
|
|
|
<div class="country flag-de"></div>
|
|
|
|
|
|
{{tr "German" /}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-list">
|
|
|
|
|
|
<div class="entries"></div>
|
|
|
|
|
|
<div class="buttons">
|
|
|
|
|
|
<div class="restart-note">
|
|
|
|
|
|
<button class="btn btn-danger button-restart">{{tr "Restart" /}}</button>
|
|
|
|
|
|
<a>{{tr "Attention: Changing the client language require a client restart!" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="spacer"></div>
|
|
|
|
|
|
<button class="btn btn-success button-add-repository">{{tr "Add repository" /}}</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container general-updates">{{tr "GU" /}}</div>
|
|
|
|
|
|
<div class="container general-chat">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<div class="checkbox">
|
|
|
|
|
|
<input type="checkbox" class="option-fixed-timestamps">
|
|
|
|
|
|
<div class="mark"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a>{{tr 'Fixed chat timestamp (Disables "2 seconds ago"... etc)' /}}</a>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<div class="checkbox">
|
|
|
|
|
|
<input type="checkbox" class="option-colloquial-timestamps">
|
|
|
|
|
|
<div class="mark"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a>{{tr 'Colloquial chat timestamp (Enables "Yesterday at ..." or "Today at ...")' /}}</a>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<div class="checkbox">
|
|
|
|
|
|
<input type="checkbox" class="option-instant-channel-switch">
|
|
|
|
|
|
<div class="mark"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a>{{tr "Switch to channel chat on select" /}}</a>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<div class="checkbox">
|
|
|
|
|
|
<input type="checkbox" class="option-instant-client-switch">
|
|
|
|
|
|
<div class="mark"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a>{{tr "Switch to client info on client select" /}}</a>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- format -->
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<div class="checkbox">
|
|
|
|
|
|
<input type="checkbox" class="option-colored-emojies">
|
|
|
|
|
|
<div class="mark"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a>{{tr "Colored emojies within chat" /}}</a>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<div class="checkbox">
|
|
|
|
|
|
<input type="checkbox" class="option-url-tagging">
|
|
|
|
|
|
<div class="mark"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a>{{tr "Automatically detect valid URL's and tag them with [url]" /}}</a>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<div class="checkbox">
|
|
|
|
|
|
<input type="checkbox" class="option-support-markdown">
|
|
|
|
|
|
<div class="mark"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a>{{tr "Enables markdown input support for chat. " /}}</a>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
2018-08-13 15:50:55 +00:00
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container audio-microphone">
|
|
|
|
|
|
<div class="left">
|
|
|
|
|
|
<div class="header">
|
|
|
|
|
|
<a>{{tr "Select your Microphone Device" /}}</a>
|
|
|
|
|
|
<button class="btn btn-info button-update">{{tr "Update" /}}</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="body container-devices">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="right">
|
|
|
|
|
|
<div class="header">
|
|
|
|
|
|
<a>{{tr "Microphone Settings" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="body">
|
|
|
|
|
|
<div class="container-volume">
|
|
|
|
|
|
<a>{{tr "Volume" /}}</a>
|
|
|
|
|
|
<div class="container-slider">
|
|
|
|
|
|
<div class="filler" style="width: 30%"></div>
|
|
|
|
|
|
<div class="thumb container-tooltip" style="left: 30%">
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>86%</a>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2018-08-13 15:50:55 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-select-vad">
|
|
|
|
|
|
<div class="fieldset">
|
|
|
|
|
|
<div class="container container-ppt">
|
|
|
|
|
|
<label class="container-ppt">
|
|
|
|
|
|
<div class="ratio-button">
|
|
|
|
|
|
<input type="radio" name="vad-type" value="push_to_talk">
|
|
|
|
|
|
<div class="mark"></div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<a>{{tr "Push to Talk" /}}</a>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
<div class="container-button">
|
|
|
|
|
|
<button class="btn">{{tr "T" /}}</button>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container container-vad">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<div class="ratio-button">
|
|
|
|
|
|
<input type="radio" name="vad-type" value="threshold">
|
|
|
|
|
|
<div class="mark"></div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<a>{{tr "Voice activity detection" /}}</a>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container container-always-active">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<div class="ratio-button">
|
|
|
|
|
|
<input type="radio" name="vad-type" value="active">
|
|
|
|
|
|
<div class="mark"></div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<a>{{tr "Always active" /}}</a>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="header">
|
|
|
|
|
|
<a>{{tr "Sensitivity Settings" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="body">
|
|
|
|
|
|
<div class="container-sensitivity">
|
|
|
|
|
|
<div class="container-activity-bar">
|
|
|
|
|
|
<div class="bar-hider" style="width: 80%;"></div>
|
|
|
|
|
|
<div class="bar-error"></div>
|
|
|
|
|
|
<div class="thumb container-tooltip" style="left: 20%">
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>20%</a>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2018-08-13 15:50:55 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="header">
|
|
|
|
|
|
<a>{{tr "Advanced Settings" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="body">
|
|
|
|
|
|
<div class="container-advanced">
|
|
|
|
|
|
<div class="container-ppt-delay">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<div class="checkbox">
|
|
|
|
|
|
<input type="checkbox" class="delay-enabled">
|
|
|
|
|
|
<div class="mark"></div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<a>{{tr "Delay on Push to Talk" /}}</a>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
<div class="container-input">
|
|
|
|
|
|
<input type="number" class="delay-time" min="0" max="4" step="0.1">
|
|
|
|
|
|
<label>{{tr "Sec" /}}</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container audio-speaker">
|
|
|
|
|
|
<div class="left">
|
|
|
|
|
|
<div class="header">
|
|
|
|
|
|
<a>{{tr "Select your Speaker Device" /}}</a>
|
|
|
|
|
|
<button class="btn btn-info button-update">{{tr "Update" /}}</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="body">
|
|
|
|
|
|
<div class="container-devices">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="buttons">
|
|
|
|
|
|
<a class="container-error"></a>
|
|
|
|
|
|
<div class="spacer"></div>
|
|
|
|
|
|
<button class="btn btn-success button-test-sound">{{tr "Play test Sound" /}}
|
|
|
|
|
|
</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="right">
|
|
|
|
|
|
<div class="header">
|
|
|
|
|
|
<a>{{tr "Speaker Settings" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="body">
|
|
|
|
|
|
<div class="container-volume-master">
|
|
|
|
|
|
<a>{{tr "Master Volume" /}} <span class="container-value"></span></a>
|
|
|
|
|
|
<div class="container-slider">
|
|
|
|
|
|
<div class="filler" style="width: 30%"></div>
|
|
|
|
|
|
<div class="thumb container-tooltip" style="left: 30%">
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>86%</a>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-volume-soundpack">
|
|
|
|
|
|
<a>{{tr "Soundpack Volume" /}} <span class="container-value"></span></a>
|
|
|
|
|
|
<div class="container-slider">
|
|
|
|
|
|
<div class="filler" style="width: 30%"></div>
|
|
|
|
|
|
<div class="thumb container-tooltip" style="left: 30%">
|
|
|
|
|
|
<div class="tooltip">
|
|
|
|
|
|
<a>86%</a>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2018-08-13 15:50:55 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container audio-sounds">
|
|
|
|
|
|
<div class="left">
|
|
|
|
|
|
<div class="header">
|
|
|
|
|
|
<a>{{tr "Sound list" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="body">
|
|
|
|
|
|
<div class="container-sounds">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-filter">
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label class="bmd-label-floating">{{tr "Search for a sound" /}}</label>
|
|
|
|
|
|
<input type="text" class="form-control input-sounds-filter">
|
2019-03-25 19:04:04 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</div>
|
2019-03-25 19:04:04 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="right">
|
|
|
|
|
|
<div class="header">
|
|
|
|
|
|
<a>{{tr "Sound settings" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="body">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<div class="checkbox">
|
|
|
|
|
|
<input type="checkbox" class="option-overlap-same">
|
|
|
|
|
|
<div class="mark"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a>{{tr "Overlap same sounds" /}}</a>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<div class="checkbox">
|
|
|
|
|
|
<input type="checkbox" class="option-mute-output">
|
|
|
|
|
|
<div class="mark"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a>{{tr "Mute sounds when output is muted" /}}</a>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="container identity-profiles">
|
|
|
|
|
|
<div class="left">
|
|
|
|
|
|
<div class="header">
|
|
|
|
|
|
<a>{{tr "Your Profiles" /}}</a>
|
|
|
|
|
|
<button class="btn btn-info button-create">{{tr "Create new" /}}</button>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="body">
|
|
|
|
|
|
<div class="container-profiles">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="buttons">
|
|
|
|
|
|
<button class="btn btn-danger button-delete">{{tr "Delete selected" /}}</button>
|
|
|
|
|
|
<div class="spacer"></div>
|
|
|
|
|
|
<button class="btn btn-success button-set-default">{{tr "Select as Default" /}}
|
|
|
|
|
|
</button>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="right">
|
|
|
|
|
|
<div class="header">
|
|
|
|
|
|
<a>{{tr "Profile Settings" /}}</a>
|
|
|
|
|
|
<div class="spacer"></div>
|
|
|
|
|
|
<div class="container-avatar"></div>
|
|
|
|
|
|
<button class="btn btn-info button-change-avatar">{{tr "Change Avatar" /}}</button>
|
|
|
|
|
|
<!-- AVATAR -->
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="body">
|
|
|
|
|
|
<div class="container-general">
|
2019-04-29 17:06:18 +00:00
|
|
|
|
<div class="form-group">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<label>{{tr "Profile Name" /}}</label>
|
|
|
|
|
|
<input class="form-control profile-name">
|
|
|
|
|
|
<div class="invalid-feedback">{{tr "Profile name is invalid" /}}</div>
|
2019-04-29 17:06:18 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<label>{{tr "Default Nickname" /}}</label>
|
|
|
|
|
|
<input class="form-control profile-default-name"
|
|
|
|
|
|
placeholder="Another TeaSpeak user">
|
2019-04-29 17:06:18 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<label>{{tr "Identity Type" /}}</label>
|
|
|
|
|
|
<select class="form-control profile-identity-type">
|
|
|
|
|
|
<option value="unset" style="display: none">{{tr "Unset" /}}</option>
|
|
|
|
|
|
<option value="teaforo">{{tr "Forum Account" /}}</option>
|
|
|
|
|
|
<option value="teamspeak">{{tr "TeamSpeak Identity" /}}</option>
|
|
|
|
|
|
<option value="nickname">{{tr "Nickname (Debug only!)" /}}</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
<div class="invalid-feedback">{{tr "Invalid identity type" /}}</div>
|
2019-04-29 17:06:18 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-teamspeak">
|
|
|
|
|
|
<div class="container-valid">
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label>{{tr "Unique-ID" /}}</label>
|
|
|
|
|
|
<input class="form-control unique-id" readonly>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-level">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<label>{{tr "Level" /}}</label>
|
|
|
|
|
|
<input class="form-control current-level" readonly>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<button class="btn button-improve">{{tr "Improve" /}}</button>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-invalid">
|
|
|
|
|
|
{{tr "You have'nt generated/imported an identity." /}}<br>
|
|
|
|
|
|
{{tr "Generate a new one or import one." /}}
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="buttons">
|
|
|
|
|
|
<button class="btn btn-danger button-new">{{tr "Generate new" /}}</button>
|
2018-08-11 13:02:11 +00:00
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div>
|
|
|
|
|
|
<button class="btn btn-danger button-import">{{tr "Import identity" /}}
|
|
|
|
|
|
</button>
|
|
|
|
|
|
<button class="btn btn-success button-export">{{tr "Export identity" /}}
|
|
|
|
|
|
</button>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2018-08-11 13:02:11 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-teaforo">
|
|
|
|
|
|
<div class="container-valid">
|
|
|
|
|
|
{{tr "You're using your forum account as identification" /}}
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-invalid">
|
|
|
|
|
|
<a>{{tr "You cant use your TeaSpeak forum account. You're not connected with
|
|
|
|
|
|
your forum Account!" /}}</a>
|
|
|
|
|
|
<button class="btn btn-success button-setup">{{tr "Setup your connection" /}}
|
|
|
|
|
|
</button>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2018-08-11 13:02:11 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-nickname">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<label>{{tr "Nickname" /}}</label>
|
|
|
|
|
|
<input class="form-control nickname">
|
|
|
|
|
|
<div class="invalid-feedback">{{tr "Invalid nickname. Name must be at least 5
|
|
|
|
|
|
characters" /}}
|
|
|
|
|
|
</div>
|
2018-11-04 13:20:38 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="invalid-feedback"></div>
|
2018-11-04 13:20:38 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container identity-forum">
|
|
|
|
|
|
<div class="fill">
|
|
|
|
|
|
<div class="header">
|
|
|
|
|
|
<a>{{tr "TeaSpeak forum connection" /}}</a>
|
|
|
|
|
|
<div class="spacer"></div>
|
|
|
|
|
|
<button class="btn btn-danger show-connected button-logout">{{tr "Logout" /}}</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="body">
|
|
|
|
|
|
<div class="container-connected show-connected">
|
|
|
|
|
|
<a>You're successfully connected with your forum account</a>
|
|
|
|
|
|
<div><a>Username: </a><a class="forum-username"></a></div>
|
|
|
|
|
|
<div><a>Premium: </a><a class="forum-premium"></a></div>
|
2018-11-04 13:20:38 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-disconnected show-disconnected">
|
|
|
|
|
|
<a>{{tr "You're not connected with the TeaSpeak forum." /}}</a>
|
|
|
|
|
|
<div class="container-login">
|
|
|
|
|
|
<a>{{tr "Login the the TeaSpeak forum:" /}}</a>
|
|
|
|
|
|
<a class="container-error">Login to the forum failed.</a>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<label class="bmd-label-floating">{{tr "Username" /}}</label>
|
|
|
|
|
|
<input class="form-control input-username">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<label class="bmd-label-floating">{{tr "Password" /}}</label>
|
|
|
|
|
|
<input class="form-control input-password" type="password">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-button">
|
|
|
|
|
|
<div class="g-recaptcha"></div>
|
|
|
|
|
|
<button class="btn btn-success button-login">{{tr "Login" /}}</button>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2018-08-13 09:03:55 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2018-08-11 13:02:11 +00:00
|
|
|
|
</script>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_settings_old" type="text/html">
|
2018-03-07 18:06:52 +00:00
|
|
|
|
<x-tab>
|
|
|
|
|
|
<x-entry>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<x-tag>{{tr "General"/}}</x-tag>
|
2019-01-28 19:36:11 +00:00
|
|
|
|
<x-content>
|
|
|
|
|
|
<div class="settings-general">
|
|
|
|
|
|
<div class="group_box">
|
|
|
|
|
|
<div class="header">{{tr "TeaSpeak Forum Connection" /}}</div>
|
|
|
|
|
|
<div class="content settings-teaspeak-forum">
|
|
|
|
|
|
<div class="not-connected">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div>{{tr "You're currently not connected with your TeaSpeak Forum account"
|
|
|
|
|
|
/}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<button class="btn btn-primary btn-raised button-login">{{tr "login" /}}
|
|
|
|
|
|
</button>
|
2019-01-28 19:36:11 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<!-- TODO new style! -->
|
2019-01-28 19:36:11 +00:00
|
|
|
|
<div class="connected">
|
|
|
|
|
|
<div class="connected-info">{{tr "You're connected via TeaSpeak forum" /}}</div>
|
|
|
|
|
|
<div class="container-info-action">
|
|
|
|
|
|
<div class="container-info">
|
|
|
|
|
|
<div class="property username">
|
|
|
|
|
|
<div class="key">{{tr "Username:" /}}</div>
|
|
|
|
|
|
<div class="value">WolverinDEV</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="property premium">
|
|
|
|
|
|
<div class="key">{{tr "Premium:" /}}</div>
|
|
|
|
|
|
<div class="value">YES</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="divider"></div>
|
|
|
|
|
|
<div class="container-actions">
|
|
|
|
|
|
<button class="button-logout">logout</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!--
|
|
|
|
|
|
<div class="property synchronized">
|
|
|
|
|
|
<div class="key">{{tr "Synchronized:" /}}</div>
|
|
|
|
|
|
<div class="value">NO <button class="button-enable-disable-sync">{{tr "enable synchronization" /}}</button></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
-->
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</x-content>
|
2018-03-07 18:06:52 +00:00
|
|
|
|
</x-entry>
|
|
|
|
|
|
<x-entry>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<x-tag>{{tr "Audio" /}}</x-tag>
|
2018-03-07 18:06:52 +00:00
|
|
|
|
<x-content>
|
2018-10-28 17:25:43 +00:00
|
|
|
|
<div class="settings_audio">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="settings-device-error alert alert-warning alert-dismissible fade show"
|
|
|
|
|
|
role="alert">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="message"></div>
|
|
|
|
|
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
|
|
|
|
|
<span aria-hidden="true">×</span>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
2018-10-28 17:25:43 +00:00
|
|
|
|
<div class="group_box">
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<div class="header">{{tr "Microphone" /}}</div>
|
2019-03-07 14:30:53 +00:00
|
|
|
|
<div class="content settings-microphone {{if !voice_available}}disabled{{/if}}">
|
|
|
|
|
|
{{if voice_available}}
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-row settings-device settings-device-microphone">
|
|
|
|
|
|
<div class="form-group settings-device-select">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<label for="select-settings-microphone-device" class="bmd-label-static">{{tr
|
|
|
|
|
|
"Device:" /}}</label>
|
|
|
|
|
|
<select id="select-settings-microphone-device"
|
|
|
|
|
|
class="form-control audio-select-microphone"></select>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group bmd-form-group">
|
|
|
|
|
|
<button class="btn btn-secondary button-device-update">update</button>
|
2018-03-17 07:05:37 +00:00
|
|
|
|
</div>
|
2018-10-28 17:25:43 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="settings-vad-container">
|
|
|
|
|
|
<div class="group_box">
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<div class="header">{{tr "Voice Activity Detection"/}}</div>
|
2018-10-28 17:25:43 +00:00
|
|
|
|
<div class="content">
|
|
|
|
|
|
<fieldset>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="custom-control custom-radio">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<input type="radio" id="select-settings-vad-type-1" value="pt"
|
|
|
|
|
|
name="vad_type" class="custom-control-input">
|
|
|
|
|
|
<label class="custom-control-label"
|
|
|
|
|
|
for="select-settings-vad-type-1">{{tr "Always active"
|
|
|
|
|
|
/}}</label>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="custom-control custom-radio">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<input type="radio" id="select-settings-vad-type-2" value="vad"
|
|
|
|
|
|
name="vad_type" class="custom-control-input">
|
|
|
|
|
|
<label class="custom-control-label"
|
|
|
|
|
|
for="select-settings-vad-type-2">{{tr "Voice activity
|
|
|
|
|
|
detection"/}}</label>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="custom-control custom-radio">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<input type="radio" id="select-settings-vad-type-3" value="ppt"
|
|
|
|
|
|
name="vad_type" class="custom-control-input">
|
|
|
|
|
|
<label class="custom-control-label"
|
|
|
|
|
|
for="select-settings-vad-type-3">{{tr "Push to
|
|
|
|
|
|
talk"/}}</label>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2018-10-28 17:25:43 +00:00
|
|
|
|
</fieldset>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="settings-vad-impl">
|
|
|
|
|
|
<div class="settings-vad-impl-entry setting-vad-pt">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
{{tr "There are no setting entries for an <b>always</b> online voice
|
|
|
|
|
|
detection."/}}
|
2018-10-28 17:25:43 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="settings-vad-impl-entry setting-vad-ppt">
|
2019-01-27 12:11:40 +00:00
|
|
|
|
<div class="property ppt-key">
|
|
|
|
|
|
<div class="key">{{tr "Push to talk key:"/}}</div>
|
|
|
|
|
|
<div class="value">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<button type="button"
|
|
|
|
|
|
class="btn btn-raised btn-primary vat_ppt_key">{{tr
|
|
|
|
|
|
"Uninitialised"/}}
|
|
|
|
|
|
</button>
|
2019-01-27 12:11:40 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group ppt-delay">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<label for="input-settings-ppt-delay" class="bmd-label-static">{{tr
|
|
|
|
|
|
"Key release delay:" /}}</label>
|
|
|
|
|
|
<input id="input-settings-ppt-delay" class="form-control value"
|
|
|
|
|
|
type="number" min="0" max="5000"/>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2018-10-28 17:25:43 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="settings-vad-impl-entry setting-vad-vad">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div>{{tr "Voice activity threshold (<a
|
|
|
|
|
|
class='vad_vad_slider_value'>20</a>%)"/}}
|
|
|
|
|
|
</div>
|
2018-10-28 17:25:43 +00:00
|
|
|
|
<div class="vad_vad_threshold_selector">
|
|
|
|
|
|
<div class="vad_vad_bar">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="container-hider">
|
|
|
|
|
|
<div class="hider vad_vad_bar_filler"></div>
|
2018-10-28 17:25:43 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<input type="range" min="0" max="100" value="50"
|
|
|
|
|
|
class="vad_vad_slider">
|
2018-03-17 07:05:37 +00:00
|
|
|
|
</div>
|
2018-03-08 14:40:31 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2018-03-07 18:06:52 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-03-07 14:30:53 +00:00
|
|
|
|
{{else}}
|
|
|
|
|
|
<div>{{tr "Voice had been disabled" /}}</div>
|
|
|
|
|
|
{{/if}}
|
2018-03-07 18:06:52 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2018-10-28 17:25:43 +00:00
|
|
|
|
<div class="group_box">
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<div class="header">{{tr "Speaker" /}}</div>
|
2018-10-28 17:25:43 +00:00
|
|
|
|
<div class="content settings-speaker">
|
|
|
|
|
|
<div class="settings-device settings-device-speaker">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group settings-device-select">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<label for="select-settings-speaker-device" class="bmd-label-static">{{tr
|
|
|
|
|
|
"Device:" /}}</label>
|
|
|
|
|
|
<select id="select-settings-speaker-device"
|
|
|
|
|
|
class="form-control audio-select-speaker"></select>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group bmd-form-group">
|
|
|
|
|
|
<button class="btn btn-secondary button-device-update">update</button>
|
2018-10-28 17:25:43 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-04-29 16:49:01 +00:00
|
|
|
|
<div class="container-master-volume">
|
|
|
|
|
|
<div class="key">Master volume:</div>
|
|
|
|
|
|
<div class="value master-volume">
|
|
|
|
|
|
<input type="range" min="0" max="100" value="100">
|
|
|
|
|
|
<a>(66%)</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2018-10-28 17:25:43 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-01-27 12:11:40 +00:00
|
|
|
|
<hr>
|
|
|
|
|
|
<div class="group_box sound">
|
|
|
|
|
|
<div class="header">{{tr "Sound Settings" /}}</div>
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<div class="sound-settings">
|
|
|
|
|
|
<div class="property">
|
2019-04-29 16:49:01 +00:00
|
|
|
|
<div class="key">Sound Master volume:</div>
|
|
|
|
|
|
<div class="value sound-master-volume">
|
2019-01-27 12:11:40 +00:00
|
|
|
|
<input type="range" min="0" max="100" value="100">
|
|
|
|
|
|
<a>(66%)</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="property">
|
|
|
|
|
|
<div class="key">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
{{tr "Overlap same sounds:" /}}
|
2019-01-27 12:11:40 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="value overlap-sounds">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="switch">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<input type="checkbox" checked>
|
|
|
|
|
|
<div class="help-tip-container"> <!-- lets be absolute -->
|
|
|
|
|
|
<div class="help-tip tip-right tip-small">
|
|
|
|
|
|
<p>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
{{tr "This options deferments if a sound overlaps
|
|
|
|
|
|
itself when played twice.<br>" +
|
|
|
|
|
|
"An example would be when you move multiple clients,
|
|
|
|
|
|
you hear that sound n-times.<br>" +
|
|
|
|
|
|
"If this option is disabled, you hear that sound
|
|
|
|
|
|
just once."
|
2019-02-17 15:08:10 +00:00
|
|
|
|
/}}
|
|
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</label>
|
2019-01-27 12:11:40 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="property">
|
|
|
|
|
|
<div class="key muted-sounds">
|
2019-07-09 22:52:08 +00:00
|
|
|
|
{{tr "Mute sounds when output is muted:" /}}
|
2019-01-27 12:11:40 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="value muted-sounds">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="switch">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<input type="checkbox" checked>
|
|
|
|
|
|
<div class="help-tip-container"> <!-- lets be absolute -->
|
|
|
|
|
|
<div class="help-tip tip-right tip-small">
|
|
|
|
|
|
<p>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
{{tr "Mute all system sounds, when you've muted your
|
|
|
|
|
|
output.<br>If this option isn't disabled you'll
|
|
|
|
|
|
still receive system sounds like 'user joined your
|
|
|
|
|
|
channel'."/}}
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</label>
|
2019-01-27 12:11:40 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="sound-list">
|
|
|
|
|
|
<div class="sound-list-header">
|
|
|
|
|
|
<div class="column sound-name">{{tr "Name" /}}</div>
|
|
|
|
|
|
<div class="column sound-activated">{{tr "Activated" /}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="sound-list-entries-container">
|
|
|
|
|
|
<div class="sound-list-entries">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
|
|
|
|
|
|
<div class="form-group sound-list-filter">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<label for="input-settings-sounds-filter" class="bmd-label-floating">{{tr
|
|
|
|
|
|
"Filter" /}}</label>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<input id="input-settings-sounds-filter" class="form-control" type="text"/>
|
2019-01-27 12:11:40 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2018-03-07 18:06:52 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</x-content>
|
|
|
|
|
|
</x-entry>
|
2018-12-14 23:09:47 +00:00
|
|
|
|
<x-entry>
|
|
|
|
|
|
<x-tag>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-tabname-translations">{{tr "Translations" /}}
|
|
|
|
|
|
<div class="country flag-en"></div>
|
|
|
|
|
|
</div>
|
2018-12-14 23:09:47 +00:00
|
|
|
|
</x-tag>
|
|
|
|
|
|
<x-content>
|
|
|
|
|
|
<div class="settings-translations">
|
|
|
|
|
|
<div class="group_box">
|
|
|
|
|
|
<div class="header">{{tr "Available translations" /}}</div>
|
2018-12-28 14:39:23 +00:00
|
|
|
|
<div class="content">
|
2018-12-14 23:09:47 +00:00
|
|
|
|
<div class="setting-list">
|
|
|
|
|
|
<div class="list">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="management">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="loading">Loading...</div>
|
|
|
|
|
|
<div class="space"></div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<button class="btn btn-secondary button-add-repository">{{tr "Add
|
|
|
|
|
|
repository" /}}
|
|
|
|
|
|
</button>
|
2018-12-14 23:09:47 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="restart-note">
|
|
|
|
|
|
<p>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
{{tr "Attention: These settings get only affected after a restart or
|
|
|
|
|
|
reload!" /}}
|
2018-12-14 23:09:47 +00:00
|
|
|
|
</p>
|
|
|
|
|
|
<button class="button-reload">{{tr "reload now" /}}</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</x-content>
|
|
|
|
|
|
</x-entry>
|
2018-12-28 14:39:23 +00:00
|
|
|
|
<x-entry>
|
|
|
|
|
|
<x-tag class="tab-profiles">
|
|
|
|
|
|
{{tr "Profiles" /}}
|
|
|
|
|
|
</x-tag>
|
|
|
|
|
|
<x-content>
|
|
|
|
|
|
<div class="settings-profiles">
|
|
|
|
|
|
<div class="group_box">
|
|
|
|
|
|
<div class="header">{{tr "Available profiles" /}}</div>
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<div class="profile-list">
|
|
|
|
|
|
<div class="list">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="management">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<button class="btn btn-primary button-set-default">{{tr "Set selected as
|
|
|
|
|
|
default" /}}
|
|
|
|
|
|
</button>
|
|
|
|
|
|
<button class="btn btn-danger button-delete">{{tr "Delete selected" /}}
|
|
|
|
|
|
</button>
|
2018-12-28 14:39:23 +00:00
|
|
|
|
<div class="space"></div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<button class="btn btn-success button-add-profile">{{tr "Create profile"
|
|
|
|
|
|
/}}
|
|
|
|
|
|
</button>
|
2018-12-28 14:39:23 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="group_box">
|
|
|
|
|
|
<div class="header">{{tr "Profile settings" /}}</div>
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<div class="profile-settings">
|
|
|
|
|
|
<div class="general-settings">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<label for="input-settings-profile-name" class="bmd-label-static">{{tr
|
|
|
|
|
|
"Profile name:" /}}</label>
|
|
|
|
|
|
<input id="input-settings-profile-name"
|
|
|
|
|
|
class="form-control setting-name">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<label for="input-settings-profile-default-name"
|
|
|
|
|
|
class="bmd-label-static">{{tr "Default nickname:" /}}</label>
|
|
|
|
|
|
<input id="input-settings-profile-default-name"
|
|
|
|
|
|
class="form-control setting-default-nickname">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<!-- TODO use random ids -->
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<label for="input-settings-profile-default-password"
|
|
|
|
|
|
class="bmd-label-floating">{{tr "Default server password"
|
|
|
|
|
|
/}}</label>
|
|
|
|
|
|
<input type="password" id="input-settings-profile-default-password"
|
|
|
|
|
|
class="form-control setting-default-password">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group select-container">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<label for="input-settings-profile-identity-type"
|
|
|
|
|
|
class="bmd-label-static">{{tr "Identify Type:" /}}</label>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<select id="input-settings-profile-identity-type" class="form-control">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<option name="identity-type" value="teaforo">{{tr "Forum Account"
|
|
|
|
|
|
/}}
|
|
|
|
|
|
</option>
|
|
|
|
|
|
<option name="identity-type" value="teamspeak">{{tr "TeamSpeak"
|
|
|
|
|
|
/}}
|
|
|
|
|
|
</option>
|
|
|
|
|
|
<option name="identity-type" value="nickname">{{tr "Nickname (Debug
|
|
|
|
|
|
purposes only!)" /}}
|
|
|
|
|
|
</option> <!-- Only available on localhost for debug -->
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</select>
|
2018-12-28 14:39:23 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<hr>
|
|
|
|
|
|
<div class="identity-settings identity-settings-teamspeak">
|
2019-01-28 19:36:11 +00:00
|
|
|
|
<!--
|
|
|
|
|
|
<div class="import">
|
|
|
|
|
|
{{tr "Please enter your exported TS3 Identity string bellow or select your exported Identity"/}}<br>
|
|
|
|
|
|
<div style="width: 100%; display: flex; justify-content: stretch; flex-direction: row">
|
|
|
|
|
|
<input placeholder="Identity string" style="min-width: 60%; flex-shrink: 1; flex-grow: 2; margin: 5px;" class="identity_string">
|
|
|
|
|
|
<div style="max-width: 200px; flex-grow: 1; flex-shrink: 4; margin: 5px"><input style="display: flex; width: 100%;" class="identity_file" type="file"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
-->
|
|
|
|
|
|
<div class="identity-info" style="display: none">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group unique-id">
|
|
|
|
|
|
<label>{{tr "UniqueID:" /}}</label>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<input class="form-control" type="text"
|
|
|
|
|
|
value="xxjnc14LmvTk+Lyrm8OOeo4tOqw=" readonly/>
|
2019-01-28 19:36:11 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-row level">
|
|
|
|
|
|
<div class="form-group container-input">
|
|
|
|
|
|
<label>{{tr "Level:" /}}</label>
|
|
|
|
|
|
<input class="form-control" type="text" value="39" readonly/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group bmd-form-group">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<button class="btn btn-raised button-improve">{{tr "Improve"
|
|
|
|
|
|
/}}
|
|
|
|
|
|
</button>
|
2019-01-28 19:36:11 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="identity-undefined">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div>{{tr "You have'nt generated/imported an identity.<br>Generate a new
|
|
|
|
|
|
one or import one." /}}
|
|
|
|
|
|
</div>
|
2019-01-28 19:36:11 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="manage">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<button class="btn btn-primary button-generate">{{tr "Generate new"
|
|
|
|
|
|
/}}
|
|
|
|
|
|
</button>
|
2019-01-28 19:36:11 +00:00
|
|
|
|
<div class="export-import">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<button class="btn btn-secondary button-import">{{tr "Import
|
|
|
|
|
|
identity" /}}
|
|
|
|
|
|
</button>
|
|
|
|
|
|
<button class="btn btn-primary button-export">{{tr "Export identity"
|
|
|
|
|
|
/}}
|
|
|
|
|
|
</button>
|
2019-01-28 19:36:11 +00:00
|
|
|
|
</div>
|
2018-12-28 14:39:23 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="identity-settings identity-settings-teaforo">
|
|
|
|
|
|
<div class="connected">
|
|
|
|
|
|
{{tr "You're using your forum account as verification"/}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="disconnected">
|
|
|
|
|
|
<!-- TODO tr -->
|
2019-01-28 19:36:11 +00:00
|
|
|
|
<!-- <a href="#" class="native-teaforo-login">here</a> -->
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="error-forum-not-connected alert alert-warning fade show"
|
|
|
|
|
|
role="alert">
|
|
|
|
|
|
You cant use your TeaSpeak forum account. You're not connected with
|
|
|
|
|
|
your forum Account!<br>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
Setup your connection <a class="forum-setup" href="#">here</a>.
|
|
|
|
|
|
</div>
|
2018-12-28 14:39:23 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="identity-settings identity-settings-nickname">
|
|
|
|
|
|
<a>
|
|
|
|
|
|
{{tr "This is just for debug and uses the name as unique identifier" /}}
|
|
|
|
|
|
</a>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<label for="input-settings-profile-name-name"
|
|
|
|
|
|
class="bmd-label-floating">{{tr "Username" /}}</label>
|
|
|
|
|
|
<input id="input-settings-profile-name-name"
|
|
|
|
|
|
class="form-control setting-name">
|
2018-12-28 14:39:23 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="settings-profile-error alert alert-warning fade show" role="alert">
|
|
|
|
|
|
<div class="message"></div>
|
|
|
|
|
|
</div>
|
2018-12-28 14:39:23 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</x-content>
|
|
|
|
|
|
</x-entry>
|
2018-03-07 18:06:52 +00:00
|
|
|
|
</x-tab>
|
2018-06-24 11:38:53 +00:00
|
|
|
|
</script>
|
2018-12-14 23:09:47 +00:00
|
|
|
|
|
2019-01-27 12:11:40 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_settings-sound_entry" type="text/html">
|
|
|
|
|
|
<div class="entry">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="column sound-name">
|
|
|
|
|
|
<div class="icon client-play button-playback"></div>
|
|
|
|
|
|
{{>name}}
|
|
|
|
|
|
</div>
|
2019-01-27 12:11:40 +00:00
|
|
|
|
<div class="column sound-activated">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="switch">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<input type="checkbox" {{if activated}}checked{{/if}}>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
2019-01-27 12:11:40 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
2019-01-28 19:36:11 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_settings-teamspeak_import" type="text/html">
|
|
|
|
|
|
<div class="container-teamspeak-import">
|
|
|
|
|
|
<div class="error">{{tr "Failed to import identity (my little error)" /}}</div>
|
|
|
|
|
|
<div class="load-data">
|
|
|
|
|
|
<div>{{tr "Import an identity from TeamSpeak or an exported identity" /}}</div>
|
|
|
|
|
|
<div class="buttons">
|
|
|
|
|
|
<button class="button-load-text">{{tr "Load from text" /}}</button>
|
|
|
|
|
|
<button class="button-load-file">{{tr "Load from file" /}}</button>
|
|
|
|
|
|
<input class="input-file" type="file">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="success">
|
|
|
|
|
|
{{tr "Identity successfully loaded. Ready to import" /}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="footer">
|
|
|
|
|
|
<button class="button-import">{{tr "Import" /}}</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<script class="jsrender-template" id="tmpl_settings-teamspeak_improve" type="text/html">
|
|
|
|
|
|
<div class="container-teamspeak-improve">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group identity-unique-id">
|
|
|
|
|
|
<label>{{tr "Identity:" /}}</label>
|
|
|
|
|
|
<input class="form-control" value="" readonly>
|
2019-01-28 19:36:11 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group identity-level">
|
|
|
|
|
|
<label>{{tr "Current level: " /}}</label>
|
|
|
|
|
|
<input class="form-control" value="loading" readonly>
|
2019-01-28 19:36:11 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group identity-target-level">
|
|
|
|
|
|
<div class="bmd-label-static">
|
2019-01-28 19:36:11 +00:00
|
|
|
|
<div class="help-tagged">{{tr "Target level: " /}}</div>
|
|
|
|
|
|
<div class="help-tip-container"> <!-- lets be absolute -->
|
|
|
|
|
|
<div class="help-tip tip-right tip-small">
|
|
|
|
|
|
<p>
|
|
|
|
|
|
{{tr "A value of zero means unlimited. Improve until you abort"/}}
|
|
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<input class="form-control" value="0" type="number" min="0" max="160">
|
2019-01-28 19:36:11 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group threads">
|
|
|
|
|
|
<div class="bmd-label-static">
|
2019-01-28 19:36:11 +00:00
|
|
|
|
<div class="help-tagged">{{tr "Threads: " /}}</div>
|
|
|
|
|
|
<div class="help-tip-container"> <!-- lets be absolute -->
|
|
|
|
|
|
<div class="help-tip tip-right tip-small">
|
|
|
|
|
|
<p>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
{{tr "The number of threads used to improve your identity<br>The optimal value is
|
|
|
|
|
|
equal to the amount of kernal threads."/}}
|
2019-01-28 19:36:11 +00:00
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<input class="form-control" value="2" type="number" min="1" max="32">
|
2019-01-28 19:36:11 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<hr>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-row">
|
|
|
|
|
|
<div class="form-group hash-rate">
|
|
|
|
|
|
<label>{{tr "Hashes/second:" /}}</label>
|
|
|
|
|
|
<input class="form-control" value="0" readonly>
|
2019-01-28 19:36:11 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group time-elapsed">
|
|
|
|
|
|
<label>{{tr "Elapsed time:" /}}</label>
|
|
|
|
|
|
<input class="form-control" value="00:00" readonly>
|
2019-01-28 19:36:11 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="buttons">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<button class="btn btn-secondary btn-raised button-close">{{tr "Close" /}}</button>
|
|
|
|
|
|
<button class="btn btn-success btn-raised button-start-stop">{{tr "Start" /}}</button>
|
2019-01-28 19:36:11 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
2018-12-28 14:39:23 +00:00
|
|
|
|
<script class="jsrender-template" id="settings-profile-list-entry" type="text/html">
|
|
|
|
|
|
<div class="entry profile {{if id == 'default'}}default{{/if}}">
|
|
|
|
|
|
<div class="name">{{>profile_name}}</div>
|
|
|
|
|
|
<!-- <div class="button button-delete"><div class="icon client-delete"></div></div> -->
|
|
|
|
|
|
<div title="{{tr 'Profile is valid' /}}" class="icon client-delete status status-invalid"></div>
|
|
|
|
|
|
<div title="{{tr 'Profile is invalid' /}}" class="icon client-apply status status-valid"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
2018-12-14 23:09:47 +00:00
|
|
|
|
<script class="jsrender-template" id="settings-translations-list-entry" type="text/html">
|
|
|
|
|
|
{{if type == "repository" }}
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="entry repository" repository="{{:id}}">
|
|
|
|
|
|
<div class="name">{{> name}}</div>
|
|
|
|
|
|
<div class="button button-delete">
|
|
|
|
|
|
<div class="icon client-delete"></div>
|
2018-12-14 23:09:47 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="button button-info">
|
|
|
|
|
|
<div class="icon client-about"></div>
|
2019-03-28 16:29:25 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
{{else type == "default" }}
|
|
|
|
|
|
<div class="entry default {{if selected}}selected{{/if}}">
|
|
|
|
|
|
<div class="country flag-gb" title="{{*:i18n.country_name('gb')}}"></div>
|
|
|
|
|
|
<div class="name">{{tr "English (Default / Fallback)" /}}</div>
|
|
|
|
|
|
</div>
|
2018-12-14 23:09:47 +00:00
|
|
|
|
{{else}}
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="entry translation {{if selected}}selected{{/if}}" parent-repository="{{:id}}">
|
|
|
|
|
|
<div class="country flag-{{:country_code}}"
|
|
|
|
|
|
title="{{*:i18n.country_name(data.country_code || 'XX')}}"></div>
|
|
|
|
|
|
<div class="name">{{> name}}</div>
|
|
|
|
|
|
<div class="button button-info">
|
|
|
|
|
|
<div class="icon client-about"></div>
|
2018-12-14 23:09:47 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</div>
|
2018-12-14 23:09:47 +00:00
|
|
|
|
{{/if}}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<script class="jsrender-template" id="settings-translations-list-entry-info" type="text/html">
|
|
|
|
|
|
<div class="entry-info-container">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
{{if type == "repository" }}
|
2018-12-14 23:09:47 +00:00
|
|
|
|
<!--
|
|
|
|
|
|
unique_id: string;
|
|
|
|
|
|
url: string;
|
|
|
|
|
|
name?: string;
|
|
|
|
|
|
contact?: string;
|
|
|
|
|
|
translations?: RepositoryTranslation[];
|
|
|
|
|
|
load_timestamp?: number;
|
|
|
|
|
|
-->
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="property property-name">
|
|
|
|
|
|
<div class="key">Name:</div>
|
|
|
|
|
|
<div class="value">{{>name}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="property property-url">
|
|
|
|
|
|
<div class="key">URL:</div>
|
|
|
|
|
|
<div class="value">{{>url}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="property property-contact">
|
|
|
|
|
|
<div class="key">Contact:</div>
|
|
|
|
|
|
<div class="value">{{>contact}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="property property-translations">
|
|
|
|
|
|
<div class="key">Translations:</div>
|
|
|
|
|
|
<div class="value">{{:translations.length}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
{{else}}
|
2018-12-14 23:09:47 +00:00
|
|
|
|
<!--
|
|
|
|
|
|
name: string;
|
|
|
|
|
|
contributors: Contributor[];
|
|
|
|
|
|
-->
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="property property-name">
|
|
|
|
|
|
<div class="key">Name:</div>
|
|
|
|
|
|
<div class="value">{{>name}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="property property-url">
|
|
|
|
|
|
<div class="key">URL:</div>
|
|
|
|
|
|
<div class="value">{{>url}}</div>
|
|
|
|
|
|
</div>
|
2018-12-14 23:09:47 +00:00
|
|
|
|
<div class="property property-repository">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="key">{{tr "Repository:" /}}</div>
|
2018-12-14 23:09:47 +00:00
|
|
|
|
<div class="value">
|
|
|
|
|
|
<p>{{>repository_name}}</p>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="button button-info">
|
|
|
|
|
|
<div class="icon client-about"></div>
|
|
|
|
|
|
</div>
|
2018-12-14 23:09:47 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
{{if !contributors }}
|
|
|
|
|
|
{{else contributors.length == 1}}
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="property property-contributor">
|
|
|
|
|
|
<div class="key">Contributor:</div>
|
|
|
|
|
|
<div class="value">
|
|
|
|
|
|
{{>contributors[0].name}}
|
|
|
|
|
|
{{if contributors[0].email}}
|
|
|
|
|
|
 <{{>contributors[0].email}}>
|
|
|
|
|
|
{{/if}}
|
2018-12-14 23:09:47 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
{{else}}
|
|
|
|
|
|
<div class="property property-contributors">
|
|
|
|
|
|
<div class="key">Contributors:</div>
|
|
|
|
|
|
<div class="value">
|
|
|
|
|
|
{{for contributors}}
|
|
|
|
|
|
<div class="contributor">
|
|
|
|
|
|
{{>name}}
|
|
|
|
|
|
{{if email}}
|
|
|
|
|
|
 <{{>email}}>
|
|
|
|
|
|
{{/if}}
|
2018-12-14 23:09:47 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
{{/for}}
|
2018-12-14 23:09:47 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
{{/if}}
|
2018-12-14 23:09:47 +00:00
|
|
|
|
{{/if}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
2018-10-14 11:27:48 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_change_volume" type="text/html">
|
2018-04-11 15:56:09 +00:00
|
|
|
|
<div style="display: flex; justify-content: center; vertical-align: center">
|
2019-01-20 17:43:14 +00:00
|
|
|
|
<input type="range" min="0" max="{{>max_volume}}" value="100" class="volume_slider" style="width: 100%">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="display_volume" style="width: 60px; align-self: center; text-align: center">±0 %
|
|
|
|
|
|
</div>
|
2018-04-11 15:56:09 +00:00
|
|
|
|
</div>
|
2018-06-24 11:38:53 +00:00
|
|
|
|
</script>
|
|
|
|
|
|
|
2018-09-30 19:50:59 +00:00
|
|
|
|
<!-- Permission overview -->
|
2018-10-14 11:27:48 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_server_permissions" type="text/html">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="left">
|
|
|
|
|
|
<div class="header">
|
|
|
|
|
|
<div class="entry"><a class="container-selected">{{tr "error" /}}</a></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="body">
|
|
|
|
|
|
<div class="container container-view-server-groups">
|
|
|
|
|
|
<div class="container-group-list">
|
|
|
|
|
|
<div class="list-groups">
|
|
|
|
|
|
<div class="entries"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-buttons">
|
|
|
|
|
|
<div class="button button-add">
|
|
|
|
|
|
<img src="img/icon_group_add.svg">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="button button-rename">
|
|
|
|
|
|
<img src="img/icon_group_rename.svg">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="button button-duplicate">
|
|
|
|
|
|
<img src="img/icon_group_duplicate.svg">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="button button-delete">
|
|
|
|
|
|
<img src="img/icon_group_delete.svg">
|
2019-05-25 11:13:03 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-client-list">
|
|
|
|
|
|
<div class="container-current-group"></div>
|
|
|
|
|
|
<div class="list-clients">
|
|
|
|
|
|
<div class="entries"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-buttons">
|
|
|
|
|
|
<div class="button button-add">
|
|
|
|
|
|
<img src="img/icon_group_add.svg">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="button button-delete">
|
|
|
|
|
|
<img src="img/icon_group_delete.svg">
|
|
|
|
|
|
</div>
|
2019-05-25 11:13:03 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2018-09-30 19:50:59 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container container-view-channel-groups">
|
|
|
|
|
|
<div class="list-groups">
|
2018-09-30 19:50:59 +00:00
|
|
|
|
<div class="entries"></div>
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-buttons">
|
|
|
|
|
|
<div class="button button-add">
|
|
|
|
|
|
<img src="img/icon_group_add.svg">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="button button-rename">
|
|
|
|
|
|
<img src="img/icon_group_rename.svg">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="button button-duplicate">
|
|
|
|
|
|
<img src="img/icon_group_duplicate.svg">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="button button-delete">
|
|
|
|
|
|
<img src="img/icon_group_delete.svg">
|
|
|
|
|
|
</div>
|
2018-10-14 11:27:48 +00:00
|
|
|
|
</div>
|
2018-09-30 19:50:59 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container container-view-channel-permissions">
|
2018-09-30 19:50:59 +00:00
|
|
|
|
<div class="list-channel">
|
|
|
|
|
|
<div class="entries"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container container-view-client-permissions">
|
2018-09-30 19:50:59 +00:00
|
|
|
|
<div class="client-info">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="client-select form-group">
|
|
|
|
|
|
<label class="bmd-label-floating">{{tr "Client unique ID"/}}</label>
|
|
|
|
|
|
<input type="text" class="form-control client-select-uid">
|
|
|
|
|
|
<div class="invalid-feedback">{{tr "Invalid unique id" /}}</div>
|
2018-09-30 19:50:59 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<hr>
|
|
|
|
|
|
<div class="client-info">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label>{{tr "Nickname:" /}}</label>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<input class="form-control client-name" disabled>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2018-09-30 19:50:59 +00:00
|
|
|
|
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label>{{tr "Unique ID:" /}}</label>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<input class="form-control client-uid" disabled>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2018-09-30 19:50:59 +00:00
|
|
|
|
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label>{{tr "Client database ID:" /}}</label>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<input class="form-control client-dbid" disabled>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2018-09-30 19:50:59 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container container-view-client-channel-permissions">
|
|
|
|
|
|
<div class="client-info">
|
|
|
|
|
|
<div class="client-select form-group">
|
|
|
|
|
|
<label class="bmd-label-floating">{{tr "Client unique ID"/}}</label>
|
|
|
|
|
|
<input type="text" class="form-control client-select-uid">
|
|
|
|
|
|
<div class="invalid-feedback">{{tr "Invalid unique id" /}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<hr>
|
2018-09-30 19:50:59 +00:00
|
|
|
|
<div class="client-info">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label>{{tr "Nickname:" /}}</label>
|
|
|
|
|
|
<input class="form-control client-name" disabled>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2018-09-30 19:50:59 +00:00
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label>{{tr "Unique ID:" /}}</label>
|
|
|
|
|
|
<input class="form-control client-uid" disabled>
|
|
|
|
|
|
</div>
|
2018-09-30 19:50:59 +00:00
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label>{{tr "Client database ID:" /}}</label>
|
|
|
|
|
|
<input class="form-control client-dbid" disabled>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
2018-09-30 19:50:59 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<hr>
|
|
|
|
|
|
<div class="list-channel">
|
|
|
|
|
|
<div class="entries"></div>
|
2018-10-14 11:27:48 +00:00
|
|
|
|
</div>
|
2018-09-30 19:50:59 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</div>
|
2018-10-14 11:27:48 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-seperator vertical" seperator-id="seperator-permissions"></div>
|
|
|
|
|
|
<div class="right">
|
|
|
|
|
|
<div class="header">
|
|
|
|
|
|
<div class="entry sg"><a>{{tr "Server Groups" /}}</a></div>
|
|
|
|
|
|
<div class="entry cg"><a>{{tr "Channel Groups" /}}</a></div>
|
|
|
|
|
|
<div class="entry chp"><a>{{tr "Channel Permissions" /}}</a></div>
|
|
|
|
|
|
<div class="entry clp"><a>{{tr "Client Permissions" /}}</a></div>
|
|
|
|
|
|
<div class="entry clchp"><a>{{tr "Client Channel Permissions" /}}</a></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="body">
|
|
|
|
|
|
<div class="container container-view-server-groups">
|
|
|
|
|
|
<div class="permission-editor"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container container-view-channel-groups">
|
|
|
|
|
|
<div class="permission-editor"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container container-view-channel-permissions">
|
|
|
|
|
|
<div class="permission-editor"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container container-view-client-permissions">
|
|
|
|
|
|
<div class="permission-editor"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container container-view-client-channel-permissions">
|
|
|
|
|
|
<div class="permission-editor"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2018-09-30 19:50:59 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</script>
|
|
|
|
|
|
<script class="jsrender-template" id="tmpl_server_group_assignment" type="text/html">
|
|
|
|
|
|
<div class="group-assignment-list">
|
|
|
|
|
|
<a>{{tr "Changing groups of" /}}
|
|
|
|
|
|
<node key="client"/>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
<div class="group-list">
|
|
|
|
|
|
{{for groups}}
|
|
|
|
|
|
<div class="group-entry">
|
|
|
|
|
|
<label class="ccheckbox {{if disabled}}disabled{{/if}}">
|
|
|
|
|
|
<input type="checkbox" group-id="{{:id}}" {{if default}}default disabled="true" {{/if}} {{if
|
|
|
|
|
|
assigned}}checked{{/if}}>
|
|
|
|
|
|
<span class="checkmark"></span>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
<node key="icon_{{>id}}"></node>
|
|
|
|
|
|
<a>{{>name}} ({{>id}})</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
{{/for}}
|
2018-10-14 11:27:48 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-buttons">
|
|
|
|
|
|
<div class="btn btn-danger button-remove-all">{{tr "Remove all groups" /}}</div>
|
|
|
|
|
|
<div class="btn btn-success button-close">{{tr "Close" /}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script class="jsrender-template" id="tmpl_group_add" type="text/html">
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label>{{tr "Group name"/}}</label>
|
|
|
|
|
|
<input type="text" class="form-control group-name">
|
|
|
|
|
|
<div class="invalid-feedback">{{tr "Invalid group name" /}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label>{{tr "Created group should have the type:" /}}</label>
|
|
|
|
|
|
<select class="form-control group-type">
|
|
|
|
|
|
<option class="group-type-template">{{tr "Template group" /}}</option>
|
|
|
|
|
|
<option class="group-type-regular" selected>{{tr "Regular group" /}}</option>
|
|
|
|
|
|
{{if server_group}}
|
|
|
|
|
|
<option class="group-type-query">{{tr "ServerQuery group" /}}</option>
|
|
|
|
|
|
{{/if}}
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="buttons">
|
|
|
|
|
|
<button class="btn btn-danger button-cancel">{{tr "Cancel" /}}</button>
|
|
|
|
|
|
<button class="btn btn-success button-create">{{tr "Create" /}}</button>
|
|
|
|
|
|
</div>
|
2018-10-14 11:27:48 +00:00
|
|
|
|
</script>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
|
|
|
|
|
|
<script class="jsrender-template" id="tmpl_permission_editor_canvas" type="text/html">
|
|
|
|
|
|
<div class="container-permissions container-permissions-canvas">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="permission-explorer">
|
|
|
|
|
|
<div class="container-filter">
|
|
|
|
|
|
<div class="form-group container-input">
|
|
|
|
|
|
<label class="bmd-label-floating">{{tr "filter permissions" /}}</label>
|
|
|
|
|
|
<input type="text" class="form-control filter-input"/>
|
|
|
|
|
|
<!-- <small class="form-text text-muted">{{tr "Filter permissions by permission name" /}}</small> -->
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group bmd-form-group">
|
2019-03-28 21:20:29 +00:00
|
|
|
|
<div class="switch">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<label>
|
|
|
|
|
|
<input type="checkbox" value="" class="filter-granted">
|
|
|
|
|
|
{{tr "Show granted permissions only" /}}
|
|
|
|
|
|
</label>
|
2018-10-14 11:27:48 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="container-mode container-mode-permissions">
|
|
|
|
|
|
<div class="container-permission-list">
|
|
|
|
|
|
<div class="entry header">
|
|
|
|
|
|
<div class="column-name">{{tr "Permission Name" /}}</div>
|
|
|
|
|
|
<div class="column-value">{{tr "Value" /}}</div>
|
|
|
|
|
|
<div class="column-skip">{{tr "Skip" /}}</div>
|
|
|
|
|
|
<div class="column-negate">{{tr "Negate" /}}</div>
|
|
|
|
|
|
<div class="column-granted">{{tr "Granted" /}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="entry-editor-container"></div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-mode container-mode-private">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="container-text">
|
|
|
|
|
|
<a>{{tr "You dont have the permission to view this permissions" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-mode container-mode-unset"></div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="container-footer">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<button class="btn btn-secondary btn-raised button-update">
|
|
|
|
|
|
<div class="icon client-check_update"></div>
|
|
|
|
|
|
{{tr "Update" /}}
|
|
|
|
|
|
</button>
|
2018-10-14 11:27:48 +00:00
|
|
|
|
</div>
|
2018-09-30 19:50:59 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="container-error-permissions"></div>
|
2018-09-30 19:50:59 +00:00
|
|
|
|
</script>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_permission_editor_html" type="text/html">
|
|
|
|
|
|
<div class="container-permissions container-permissions-html">
|
|
|
|
|
|
<div class="container-filter">
|
|
|
|
|
|
<button class="btn btn-success button-toggle-clients">Hide clients in group</button>
|
|
|
|
|
|
<div class="form-group container-input">
|
|
|
|
|
|
<label class="bmd-label-floating">{{tr "filter permissions" /}}</label>
|
|
|
|
|
|
<input type="text" class="form-control filter-input"/>
|
|
|
|
|
|
<!-- <small class="form-text text-muted">{{tr "Filter permissions by permission name" /}}</small> -->
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group container-granted-switch">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<div class="switch">
|
|
|
|
|
|
<input type="checkbox" class="filter-granted">
|
|
|
|
|
|
<span class="slider">
|
|
|
|
|
|
<span class="dot"></span>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- <a>{{tr "Show granted permissions only" /}}</a> -->
|
|
|
|
|
|
<a>{{tr "Assigned only" /}}</a>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-mode container-mode-permissions">
|
|
|
|
|
|
<div class="container-permission-list">
|
|
|
|
|
|
<div class="entry header">
|
|
|
|
|
|
<div class="column-name">{{tr "Permission Name" /}}</div>
|
|
|
|
|
|
<div class="column-value">{{tr "Value" /}}</div>
|
|
|
|
|
|
<div class="column-skip">{{tr "Skip" /}}</div>
|
|
|
|
|
|
<div class="column-negate">{{tr "Negate" /}}</div>
|
|
|
|
|
|
<div class="column-granted">{{tr "Granted" /}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="body">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-mode container-mode-no-permissions">
|
|
|
|
|
|
<div class="container-text">
|
|
|
|
|
|
<a>{{tr "You dont have the permission to view this permissions" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-mode container-mode-unset"></div>
|
|
|
|
|
|
<div class="container-footer">
|
|
|
|
|
|
<button class="btn btn-secondary btn-raised button-update">
|
|
|
|
|
|
<div class="icon client-check_update"></div>
|
|
|
|
|
|
{{tr "Update" /}}
|
|
|
|
|
|
</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
2018-09-30 19:50:59 +00:00
|
|
|
|
|
2018-10-20 17:58:06 +00:00
|
|
|
|
<!-- General management templates -->
|
|
|
|
|
|
<script class="jsrender-template" id="tmpl_ban_list" type="text/html">
|
|
|
|
|
|
<div class="banlist">
|
|
|
|
|
|
<div class="frame-container">
|
|
|
|
|
|
<div class="top-menu">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group bmd-form-group manage-buttons">
|
|
|
|
|
|
<button class="btn btn-success button-add">{{tr "Add" /}}</button>
|
|
|
|
|
|
<button class="btn btn-primary button-edit">{{tr "Edit" /}}</button>
|
|
|
|
|
|
<button class="btn btn-danger button-remove">{{tr "Remove" /}}</button>
|
2018-10-20 17:58:06 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="search form-group">
|
|
|
|
|
|
<label class="bmd-label-floating">{{tr "filter" /}}</label>
|
|
|
|
|
|
<input type="text" class="form-control entry-filter">
|
2018-10-20 17:58:06 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="entry-container">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="ban-entry header">
|
|
|
|
|
|
<div class="column column-keys">{{tr "Name/IP/UID/HWID"/}}</div>
|
|
|
|
|
|
<div class="column column-reason">{{tr "Reason"/}}</div>
|
|
|
|
|
|
<div class="column column-creator">{{tr "Creator"/}}</div>
|
|
|
|
|
|
<div class="column column-time">{{tr "Created / Expires"/}}</div>
|
2018-10-20 17:58:06 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="entries"></div>
|
2018-10-20 17:58:06 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="bottom-menu">
|
|
|
|
|
|
<div class="left">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<button class="btn btn-primary button-refresh btn-raised">{{tr "Reload"/}}</button>
|
|
|
|
|
|
<div class="switch">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<input type="checkbox" class="filter-flag-force-own">
|
|
|
|
|
|
{{tr "Show only own bans" /}}
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="switch">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<input type="checkbox" class="filter-flag-highlight-own">
|
|
|
|
|
|
{{tr "Highlight own bans" /}}
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
2018-10-20 17:58:06 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="right">
|
|
|
|
|
|
<a class="entry-count-info"></a>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<button class="btn btn-secondary btn-raised button-close">{{tr "Close" /}}</button>
|
2018-10-20 17:58:06 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
2018-12-28 14:39:23 +00:00
|
|
|
|
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_ban_entry" type="text/html">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="ban-entry {{if server_id == 0}}ban-entry-global{{/if}} {{if flag_own}}ban-entry-own{{/if}}"
|
|
|
|
|
|
ban-id={{>banid}} server-id={{>server_id}}>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="column column-keys">
|
|
|
|
|
|
{{if name }}<a class="property property-name">name={{>name}}</a>{{/if}}
|
|
|
|
|
|
{{if ip }} <a class="property property-ip">ip={{>ip}}</a>{{/if}}
|
|
|
|
|
|
{{if unique_id }} <a class="property property-unique-id">uid={{>unique_id}}</a>{{/if}}
|
|
|
|
|
|
{{if hardware_id }}<a class="property property-hardware-id">hwid={{>hardware_id}}</a>{{/if}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="column column-reason">{{>reason}}</div>
|
|
|
|
|
|
<div class="column column-creator">{{>invoker_name}}</div>
|
|
|
|
|
|
<div class="column column-time">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="timestamp-created"><a>{{tr "Created:" /}}</a> {{fmt_date timestamp_created "DD.MM.YYYY
|
|
|
|
|
|
HH:mm" /}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="timestamp-expire"><a>{{tr "Expire:" /}}</a> {{if (!timestamp_expire ||
|
|
|
|
|
|
timestamp_expire.getTime() == 0) }}never{{else}}{{fmt_date timestamp_expire "DD.MM.YYYY HH:mm"
|
|
|
|
|
|
/}}{{/if}}
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
2018-10-20 17:58:06 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_client_ban" type="text/html">
|
|
|
|
|
|
<div class="align_column">
|
|
|
|
|
|
<div class="align_column" style="margin: 5px">
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<a>{{tr "Name:" /}}</a>
|
2018-10-20 17:58:06 +00:00
|
|
|
|
<input value="{{>client_name}}" readonly>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="align_column" style="margin: 5px">
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<a>{{tr "Reason:" /}}</a>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<textarea style="height: 32px; resize: vertical; max-height: 150px; min-height: 32px"
|
|
|
|
|
|
maxlength="512" class="ban_reason"></textarea>
|
2018-10-20 17:58:06 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="align_row" style="margin: 5px; justify-content: space-between">
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<a>{{tr "Duration:" /}}</a>
|
2018-10-20 17:58:06 +00:00
|
|
|
|
<div class="align_row">
|
|
|
|
|
|
<input type="number" value="1" class="ban_duration" style="margin-right: 7px" min="1">
|
|
|
|
|
|
<select class="ban_duration_type">
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<option value="sec">{{tr "seconds"/}}</option>
|
|
|
|
|
|
<option value="min">{{tr "minutes"/}}</option>
|
|
|
|
|
|
<option value="hours">{{tr "hours"/}}</option>
|
|
|
|
|
|
<option value="days">{{tr "days"/}}</option>
|
|
|
|
|
|
<option value="perm">{{tr "permanent"/}}</option>
|
2018-10-20 17:58:06 +00:00
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="group_box container-ban-type">
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<div class="header">{{tr "Ban client by"/}}</div>
|
2018-10-20 17:58:06 +00:00
|
|
|
|
<div class="content ban-types">
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<input type="checkbox" class="ban-type-nickname">
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<a>{{tr "Nickname"/}}</a>
|
2018-10-20 17:58:06 +00:00
|
|
|
|
<div class="help-tip tip-right tip-small" checked>
|
|
|
|
|
|
<p>
|
2018-12-09 19:18:49 +00:00
|
|
|
|
{{tr "Bans the client by his current nickname.<br>" +
|
|
|
|
|
|
"The currently nickname cant be used until the ban expired"/}}
|
2018-10-20 17:58:06 +00:00
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<input type="checkbox" class="ban-type-hardware-id" checked>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<a>{{tr "Hardware ID" /}}</a>
|
2018-10-20 17:58:06 +00:00
|
|
|
|
<div class="help-tip tip-right tip-small">
|
|
|
|
|
|
<p>
|
2018-12-09 19:18:49 +00:00
|
|
|
|
{{tr "Bans the client by his hardware id.<br>" +
|
|
|
|
|
|
"The hardware id has different meanings, depends on the users agent<br>" +
|
|
|
|
|
|
"TeaClient: The hardware id will be equal to the mac address<br>" +
|
|
|
|
|
|
"TeaWeb: The TeaSpeak web client hasn't a hardware id, it will be random<br>" +
|
2019-08-21 08:00:01 +00:00
|
|
|
|
"TeamSpeak 3 client: The hardware id will be a result of some hashes from hardware
|
|
|
|
|
|
specific properties" /}}
|
2018-10-20 17:58:06 +00:00
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<input type="checkbox" class="ban-type-ip" checked>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<a>{{tr "IP Address" /}}</a>
|
2018-10-20 17:58:06 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
|
2018-10-20 17:58:06 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_ban_create" type="text/html">
|
|
|
|
|
|
<div class="bancreate">
|
|
|
|
|
|
<div class="frame-container">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label class="bmd-label-static">{{tr "IP:" /}}</label>
|
|
|
|
|
|
<input class="form-control input-ip" type="text" maxlength="128">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-row">
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label class="bmd-label-static">{{tr "Name:" /}}</label>
|
|
|
|
|
|
<input class="form-control input-name" type="text" maxlength="128">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label class="bmd-label-static">{{tr "Interpret IP/Name as:" /}}</label>
|
|
|
|
|
|
<select class="form-control input-name-type">
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<option value="wildcard-4">{{tr "Wildcard IPv4" /}}</option>
|
|
|
|
|
|
<option value="wildcard-6">{{tr "Wildcard IPv6" /}}</option>
|
|
|
|
|
|
<option value="fixed" selected>{{tr "Fixed string" /}}</option>
|
|
|
|
|
|
<option value="regex">{{tr "Regular Expression" /}}</option>
|
2018-10-20 17:58:06 +00:00
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label class="bmd-label-static">{{tr "Unique ID:" /}}</label>
|
|
|
|
|
|
<div><input class="form-control input-uid" type="text" maxlength="64"></div>
|
2018-10-20 17:58:06 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label class="bmd-label-static">{{tr "Hardware ID:" /}}</label>
|
|
|
|
|
|
<input class="form-control input-hwid" type="text" max="64">
|
2018-10-20 17:58:06 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group container-reason">
|
|
|
|
|
|
<label class="bmd-label-static">{{tr "Reason" /}}</label>
|
|
|
|
|
|
<textarea class="form-control input-reason"></textarea>
|
2018-10-20 17:58:06 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-row">
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label>{{tr "Duration:" /}}</label>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<input type="number" value="1" class="form-control input-time" style="margin-right: 7px"
|
|
|
|
|
|
min="1">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group input-time-unit">
|
|
|
|
|
|
<select class="form-control input-time-unit">
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<option value="sec">{{tr "seconds"/}}</option>
|
|
|
|
|
|
<option value="min">{{tr "minutes"/}}</option>
|
|
|
|
|
|
<option value="hours">{{tr "hours"/}}</option>
|
|
|
|
|
|
<option value="days">{{tr "days"/}}</option>
|
|
|
|
|
|
<option value="perm">{{tr "permanent"/}}</option>
|
2018-10-20 17:58:06 +00:00
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="footer">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="switch">
|
|
|
|
|
|
<label>
|
2018-10-20 17:58:06 +00:00
|
|
|
|
<input type="checkbox" class="input-global">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
{{tr "Use this ban as a global ban" /}}
|
2018-10-20 17:58:06 +00:00
|
|
|
|
<div class="help-tip tip-center tip-small">
|
|
|
|
|
|
<p>
|
2018-12-09 19:18:49 +00:00
|
|
|
|
{{tr "Global bans are bans which apply instance wide.<br>" +
|
2019-08-21 08:00:01 +00:00
|
|
|
|
"This means that (if this rule apply to a victim) cant join <b>any</b> virtual
|
|
|
|
|
|
server!<br>" +
|
2019-02-17 15:08:10 +00:00
|
|
|
|
"Global bans are by default shown to every server admin group,<br>" +
|
|
|
|
|
|
"but could only be created with query rights"/}}
|
2018-10-20 17:58:06 +00:00
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</label>
|
2018-10-20 17:58:06 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="bmd-form-group">
|
|
|
|
|
|
<button class="btn btn-danger button-close">{{tr "Cancel"/}}</button>
|
|
|
|
|
|
<button class="btn btn-success btn-raised button-success">{{tr "OK"/}}</button>
|
2018-10-20 17:58:06 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
2018-09-30 19:50:59 +00:00
|
|
|
|
|
|
|
|
|
|
<!-- Music interface -->
|
2018-10-14 11:27:48 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_music_frame" type="text/html">
|
2018-06-24 11:38:53 +00:00
|
|
|
|
<!-- First we want to define some variables if not defined yet. -->
|
|
|
|
|
|
{{if !thumbnail}}
|
2019-08-21 08:00:01 +00:00
|
|
|
|
{{*
|
|
|
|
|
|
data.thumbnail = "img/music/no_thumbnail.svg";
|
|
|
|
|
|
}}
|
2018-06-24 11:38:53 +00:00
|
|
|
|
{{/if}}
|
2018-08-10 19:30:58 +00:00
|
|
|
|
{{*
|
2019-08-21 08:00:01 +00:00
|
|
|
|
if(!data.song_max_width) data.song_max_width = 300;
|
2018-08-10 19:30:58 +00:00
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
|
let width = calculate_width(data.song_name);
|
|
|
|
|
|
if(width > data.song_max_width)
|
|
|
|
|
|
data.song_use_scroller = true;
|
2018-08-10 19:30:58 +00:00
|
|
|
|
}}
|
2018-04-30 21:57:21 +00:00
|
|
|
|
|
|
|
|
|
|
<div class="music-wrapper">
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="left">
|
|
|
|
|
|
<div class="static-card">
|
2018-06-24 11:38:53 +00:00
|
|
|
|
<img src="{{:thumbnail}}" alt="Thumbnail" class="thumbnail">
|
2018-04-30 21:57:21 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="right">
|
|
|
|
|
|
<div class="controls hover">
|
|
|
|
|
|
<label class="btn-forward"><span></span></label>
|
|
|
|
|
|
<label class="btn-rewind"><span></span></label>
|
|
|
|
|
|
<label class="btn-settings"><span></span></label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="flip-card">
|
2018-06-24 11:38:53 +00:00
|
|
|
|
<img src="{{:thumbnail}}" alt="Thumbnail" class="thumbnail">
|
2018-04-30 21:57:21 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="controls-overlay">
|
|
|
|
|
|
<div class="timer">
|
2018-11-04 12:54:18 +00:00
|
|
|
|
<div class="button-container">
|
|
|
|
|
|
<div class="container-play-pause">
|
|
|
|
|
|
<div class="button button_play">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<svg x="0px" y="0px" viewBox="0 0 4.5 6.9"
|
|
|
|
|
|
style="enable-background:new 0 0 4.5 6.9;">
|
2018-11-04 12:54:18 +00:00
|
|
|
|
<defs>
|
|
|
|
|
|
<filter id="shadow_play" title="Start replaying">
|
|
|
|
|
|
<feDropShadow dx="4" dy="8" stdDeviation="4"/>
|
|
|
|
|
|
</filter>
|
|
|
|
|
|
</defs>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<polyline style="filter:url(#shadow_play);" class="button"
|
|
|
|
|
|
points="0.6,0.3 3.9,3.4 0.6,6.6 "></polyline>
|
2018-11-04 12:54:18 +00:00
|
|
|
|
</svg>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="button button_pause" title="Pause the current song">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<svg x="0px" y="0px" viewBox="0 0 4.5 6.9"
|
|
|
|
|
|
style="enable-background:new 0 0 4.5 6.9;">
|
2018-11-04 12:54:18 +00:00
|
|
|
|
<defs>
|
|
|
|
|
|
<filter id="shadow_pause">
|
|
|
|
|
|
<feDropShadow dx="4" dy="8" stdDeviation="4"/>
|
|
|
|
|
|
</filter>
|
|
|
|
|
|
</defs>
|
|
|
|
|
|
<g style="filter:url(#shadow_pause);">
|
|
|
|
|
|
<line x1="0.4" y1="0.1" x2="0.4" y2="6.8"></line>
|
|
|
|
|
|
<line x1="4.1" y1="0.1" x2="4.1" y2="6.8"></line>
|
|
|
|
|
|
</g>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<div class="button button_stop" title="Stop the music bot">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<svg x="0px" y="0px" viewBox="0 0 4.5 6.9"
|
|
|
|
|
|
style="enable-background:new 0 0 4.5 6.9;">
|
2018-11-04 12:54:18 +00:00
|
|
|
|
<defs>
|
|
|
|
|
|
<filter id="shadow_stop">
|
|
|
|
|
|
<feDropShadow dx="4" dy="8" stdDeviation="4"/>
|
|
|
|
|
|
</filter>
|
|
|
|
|
|
</defs>
|
|
|
|
|
|
<g style="filter:url(#shadow_stop);">
|
|
|
|
|
|
<rect x="0.25" y="1.45" width="4" height="4" fill="black"></rect>
|
|
|
|
|
|
</g>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2018-04-30 21:57:21 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="timeline">
|
|
|
|
|
|
<div class="buffered"></div>
|
|
|
|
|
|
<div class="played"></div>
|
|
|
|
|
|
<div class="slider"></div>
|
|
|
|
|
|
</div>
|
2018-08-10 19:30:58 +00:00
|
|
|
|
<div class="time player_time">--:--</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="song">
|
|
|
|
|
|
{{if song_use_scroller}}
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="scroll-left">
|
|
|
|
|
|
<p class="name">{{>song_name}}</p>
|
|
|
|
|
|
</div>
|
2018-08-10 19:30:58 +00:00
|
|
|
|
{{else}}
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="name" style="">{{>song_name}}</div>
|
2018-08-10 19:30:58 +00:00
|
|
|
|
{{/if}}
|
2018-04-30 21:57:21 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2018-06-24 11:38:53 +00:00
|
|
|
|
</script>
|
2018-10-14 11:27:48 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_music_frame_empty" type="text/html">
|
2018-04-30 21:57:21 +00:00
|
|
|
|
<div class="music-wrapper empty">
|
|
|
|
|
|
<img src="img/music/empty_disk.svg">
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<a>{{tr "Not playing any music"/}}</a>
|
2018-04-30 21:57:21 +00:00
|
|
|
|
</div>
|
2018-10-03 20:04:29 +00:00
|
|
|
|
</script>
|
2018-06-20 17:06:55 +00:00
|
|
|
|
|
2018-10-14 11:27:48 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_selected_client" type="text/html">
|
2018-06-20 19:05:35 +00:00
|
|
|
|
<table class="select_info_table">
|
2018-06-20 17:06:55 +00:00
|
|
|
|
<tr>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<td>{{tr "Name:" /}}</td>
|
2019-03-04 18:49:04 +00:00
|
|
|
|
<td style="display: flex; flex-direction: row">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div style="margin-right: 3px"
|
|
|
|
|
|
class="country flag-{{*:(data.property_client_country || 'xx').toLowerCase()}}"
|
|
|
|
|
|
title="{{*:i18n.country_name(data.property_client_country || 'XX')}}"></div>
|
2019-03-04 18:49:04 +00:00
|
|
|
|
<node key="client_name"/>
|
|
|
|
|
|
</td>
|
2018-06-20 17:06:55 +00:00
|
|
|
|
</tr>
|
|
|
|
|
|
{{if property_client_description.length > 0}}
|
|
|
|
|
|
<tr>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<td>{{tr "Description:"/}}</td>
|
2018-06-20 19:05:35 +00:00
|
|
|
|
<td>{{>property_client_description}}</td>
|
2018-06-20 17:06:55 +00:00
|
|
|
|
</tr>
|
|
|
|
|
|
{{/if}}
|
2019-02-17 15:08:10 +00:00
|
|
|
|
{{if !client_is_query}}
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<tr>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<td>{{tr "Version:"/}}</td>
|
2019-03-17 11:15:39 +00:00
|
|
|
|
<td>
|
|
|
|
|
|
<a title="{{>property_client_version}}">{{*: data.property_client_version.split(" ")[0]; }}</a>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
{{if client_is_web && false}}
|
|
|
|
|
|
<!-- we cant show any browser info because every browser claims to be any browser as well -->
|
2019-03-17 11:15:39 +00:00
|
|
|
|
<div class="icon client-message_info button-browser-info" title="{{tr 'Browser info' /}}"></div>
|
|
|
|
|
|
{{/if}}
|
|
|
|
|
|
on
|
|
|
|
|
|
<a>{{>property_client_platform}}</a>
|
|
|
|
|
|
</td>
|
2018-06-20 17:06:55 +00:00
|
|
|
|
</tr>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
{{/if}}
|
2018-06-20 17:06:55 +00:00
|
|
|
|
<tr>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<td>{{tr "Online since:"/}}</td>
|
2018-06-20 19:05:35 +00:00
|
|
|
|
<td class="update_onlinetime">{{:client_onlinetime}}</td>
|
2018-06-20 17:06:55 +00:00
|
|
|
|
</tr>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
{{if !client_is_query}}
|
2018-06-20 17:06:55 +00:00
|
|
|
|
<tr>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<td>{{tr "Volume:"/}}</td>
|
2018-06-20 19:05:35 +00:00
|
|
|
|
<td>{{:sound_volume}}%</td>
|
2018-06-20 17:06:55 +00:00
|
|
|
|
</tr>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
{{/if}}
|
2018-06-20 17:06:55 +00:00
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
|
{{if property_client_teaforo_id > 0}}
|
2018-06-20 17:06:55 +00:00
|
|
|
|
<tr>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<td>{{tr "TeaSpeak Account:" /}}</td>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<td><a href="//forum.teaspeak.de/index.php?members/{{:property_client_teaforo_id}}" target="_blank">{{>property_client_teaforo_name}}</a></td>
|
2018-06-20 17:06:55 +00:00
|
|
|
|
</tr>
|
|
|
|
|
|
{{/if}}
|
|
|
|
|
|
</table>
|
|
|
|
|
|
<!-- Server groups -->
|
|
|
|
|
|
<div style="display: flex; flex-direction: column;">
|
|
|
|
|
|
<div style="display:flex;margin-top:5px;align-items:center">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="icon client-permission_server_groups"></div>
|
|
|
|
|
|
<div style="margin-left:3px;font-weight:bold">{{tr "Server groups:"/}}</div>
|
2018-06-20 17:06:55 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
{{for group_server}}
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div style="display: flex; margin-top: 1px; margin-left: 10px; align-items: center;">
|
|
|
|
|
|
<node key="group_{{:group_id}}_icon"/>
|
|
|
|
|
|
<div style="margin-left: 3px">{{>group_name}}</div>
|
|
|
|
|
|
</div>
|
2018-06-20 17:06:55 +00:00
|
|
|
|
{{/for}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Channel group -->
|
|
|
|
|
|
<div style="display: flex; flex-direction: column; margin-bottom: 20px">
|
|
|
|
|
|
<div style="display:flex;margin-top:10px;align-items:center">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="icon client-permission_channel"></div>
|
|
|
|
|
|
<div style="margin-left:3px;font-weight:bold">{{tr "Channel group:"/}}</div>
|
2018-06-20 17:06:55 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div style="display: flex; margin-top: 1px; margin-left: 10px; align-items: center;">
|
|
|
|
|
|
<node key="group_{{:group_channel}}_icon"/>
|
|
|
|
|
|
<div style="margin-left: 3px">{{*: data["group_" + data.group_channel + "_name"]}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2018-06-20 19:05:35 +00:00
|
|
|
|
|
|
|
|
|
|
<!-- Costume tags/icons -->
|
2018-09-25 10:57:47 +00:00
|
|
|
|
<!-- Client is away -->
|
|
|
|
|
|
{{if property_client_away}}
|
|
|
|
|
|
<div style="display: inline-flex">
|
|
|
|
|
|
<div class="icon_x32 client-away" style="margin-right: 5px"></div>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<a style="align-self: center">{{tr "Away"/}}
|
2018-09-25 10:57:47 +00:00
|
|
|
|
{{if property_client_away_message && property_client_away_message.length > 0}}
|
2019-08-21 08:00:01 +00:00
|
|
|
|
({{>property_client_away_message}})
|
2018-09-25 10:57:47 +00:00
|
|
|
|
{{/if}}
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
{{/if}}
|
|
|
|
|
|
|
2018-06-20 19:05:35 +00:00
|
|
|
|
<!-- Speakers/Headphones disabled -->
|
|
|
|
|
|
{{if !property_client_output_hardware}}
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div style="display: inline-flex">
|
|
|
|
|
|
<div class="icon_x32 client-hardware_output_muted" style="margin-right: 5px"></div>
|
|
|
|
|
|
<a style="align-self: center">{{tr "Speakers/Headphones disabled"/}}</a>
|
|
|
|
|
|
</div>
|
2018-06-20 19:05:35 +00:00
|
|
|
|
{{/if}}
|
|
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<!-- Microphone disabled -->
|
2018-06-20 19:05:35 +00:00
|
|
|
|
{{if !property_client_input_hardware}}
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div style="display: inline-flex">
|
|
|
|
|
|
<div class="icon_x32 client-hardware_input_muted" style="margin-right: 5px"></div>
|
|
|
|
|
|
<a style="align-self: center">{{tr "Microphone disabled"/}}</a>
|
|
|
|
|
|
</div>
|
2018-06-20 19:05:35 +00:00
|
|
|
|
{{/if}}
|
|
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<!-- Speakers/Headphones Muted -->
|
2018-06-20 19:05:35 +00:00
|
|
|
|
{{if property_client_output_muted}}
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div style="display: inline-flex">
|
|
|
|
|
|
<div class="icon_x32 client-output_muted" style="margin-right: 5px"></div>
|
|
|
|
|
|
<a style="align-self: center">{{tr "Speakers/Headphones Muted"/}}</a>
|
|
|
|
|
|
</div>
|
2018-06-20 19:05:35 +00:00
|
|
|
|
{{/if}}
|
|
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<!-- Microphone Muted -->
|
2018-06-20 19:05:35 +00:00
|
|
|
|
{{if property_client_input_muted}}
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div style="display: inline-flex">
|
|
|
|
|
|
<div class="icon_x32 client-input_muted" style="margin-right: 5px"></div>
|
|
|
|
|
|
<a style="align-self: center">{{tr "Microphone Muted"/}}</a>
|
|
|
|
|
|
</div>
|
2018-06-20 19:05:35 +00:00
|
|
|
|
{{/if}}
|
2018-08-12 14:38:38 +00:00
|
|
|
|
|
|
|
|
|
|
{{if property_client_flag_avatar && property_client_flag_avatar.length > 0}}
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div style="margin-top: 10px;" class="client-avatar">
|
|
|
|
|
|
<node key="client_avatar"/>
|
|
|
|
|
|
</div>
|
2018-08-12 14:38:38 +00:00
|
|
|
|
{{/if}}
|
2018-06-20 19:05:35 +00:00
|
|
|
|
</script>
|
2018-10-14 11:27:48 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_selected_music" type="text/html">
|
2018-08-10 19:30:58 +00:00
|
|
|
|
<table class="select_info_table">
|
|
|
|
|
|
<tr>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<td>{{tr "Name:"/}}</td>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<td>
|
|
|
|
|
|
<node key="client_name"/>
|
|
|
|
|
|
</td>
|
2018-08-10 19:30:58 +00:00
|
|
|
|
</tr>
|
|
|
|
|
|
{{if property_client_description.length > 0}}
|
|
|
|
|
|
<tr>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<td>{{tr "Description:"/}}</td>
|
2018-08-10 19:30:58 +00:00
|
|
|
|
<td>{{>property_client_description}}</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
{{/if}}
|
2019-01-20 17:43:14 +00:00
|
|
|
|
{{if property_client_uptime_mode == 0}}
|
2018-08-10 19:30:58 +00:00
|
|
|
|
<tr>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<td>{{tr "Livetime:"/}}</td>
|
2018-08-10 19:30:58 +00:00
|
|
|
|
<td class="update_onlinetime">{{:client_onlinetime}}</td>
|
|
|
|
|
|
</tr>
|
2019-01-20 17:43:14 +00:00
|
|
|
|
{{else}}
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td>{{tr "Online since" /}}</td>
|
|
|
|
|
|
<td>{{tr "Server start" /}}</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
{{/if}}
|
2018-08-10 19:30:58 +00:00
|
|
|
|
<!-- player_volume -->
|
|
|
|
|
|
<tr>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<td>{{tr "Remote Volume:"/}}</td>
|
2019-01-20 17:43:14 +00:00
|
|
|
|
<td class="property-volume-remote">{{*: Math.floor(data.property_player_volume * 100) }}%</td>
|
2018-08-10 19:30:58 +00:00
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<td>{{tr "Local Volume:"/}}</td>
|
2019-01-20 17:43:14 +00:00
|
|
|
|
<td class="property-volume-local">{{>sound_volume}}%</td>
|
2018-08-10 19:30:58 +00:00
|
|
|
|
</tr>
|
2018-11-04 12:54:18 +00:00
|
|
|
|
{{if song_url}}
|
|
|
|
|
|
<tr>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<td>{{tr "Currently replaying:"/}}</td>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<td>
|
|
|
|
|
|
<node key="song_url"></node>
|
|
|
|
|
|
</td>
|
2018-11-04 12:54:18 +00:00
|
|
|
|
</tr>
|
|
|
|
|
|
{{/if}}
|
2018-08-10 19:30:58 +00:00
|
|
|
|
<!-- TODO: Created by -->
|
|
|
|
|
|
</table>
|
|
|
|
|
|
<!-- Server groups -->
|
|
|
|
|
|
<div style="display: flex; flex-direction: column;">
|
|
|
|
|
|
<div style="display:flex;margin-top:5px;align-items:center">
|
|
|
|
|
|
<div class="icon client-permission_server_groups"></div>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<div style="margin-left:3px;font-weight:bold">{{tr "Server groups:"/}}</div>
|
2018-08-10 19:30:58 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
{{for group_server}}
|
|
|
|
|
|
<div style="display: flex; margin-top: 1px; margin-left: 10px; align-items: center;">
|
|
|
|
|
|
<node key="group_{{:group_id}}_icon"/>
|
|
|
|
|
|
<div style="margin-left: 3px">{{:group_name}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
{{/for}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Channel group -->
|
|
|
|
|
|
<div style="display: flex; flex-direction: column; margin-bottom: 20px">
|
|
|
|
|
|
<div style="display:flex;margin-top:10px;align-items:center">
|
|
|
|
|
|
<div class="icon client-permission_channel"></div>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<div style="margin-left:3px;font-weight:bold">{{tr "Channel group:"/}}</div>
|
2018-08-10 19:30:58 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div style="display: flex; margin-top: 1px; margin-left: 10px; align-items: center;">
|
|
|
|
|
|
<node key="group_{{:group_channel}}_icon"/>
|
|
|
|
|
|
<div style="margin-left: 3px">{{*: data["group_" + data.group_channel + "_name"]}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<node key="music_player"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
2018-10-14 11:27:48 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_selected_server" type="text/html">
|
2018-09-25 15:39:38 +00:00
|
|
|
|
<div class="select_server">
|
2018-11-03 11:16:13 +00:00
|
|
|
|
<div class="container">
|
|
|
|
|
|
<!--
|
|
|
|
|
|
virtualserver_hostbanner_url: string = "";
|
|
|
|
|
|
virtualserver_hostbanner_gfx_url: string = "";
|
|
|
|
|
|
virtualserver_hostbanner_gfx_interval: number = 0;
|
|
|
|
|
|
virtualserver_hostbanner_mode: number = 0;
|
|
|
|
|
|
-->
|
|
|
|
|
|
|
|
|
|
|
|
<table class="select_info_table">
|
|
|
|
|
|
<tr>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<td>{{tr "Name:" /}}</td>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<td>
|
|
|
|
|
|
<node key="server_name"/>
|
|
|
|
|
|
</td>
|
2018-11-03 11:16:13 +00:00
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<td>{{tr "Address:" /}}</td>
|
2018-11-03 11:16:13 +00:00
|
|
|
|
<td>{{>server_address}}</td>
|
|
|
|
|
|
</tr>
|
2019-04-29 17:48:05 +00:00
|
|
|
|
{{if server_peer_address != server_address}}
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td>{{tr "Peer address:" /}}</td>
|
|
|
|
|
|
<td>{{>server_peer_address}}</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
{{/if}}
|
2019-04-15 13:33:51 +00:00
|
|
|
|
<!--
|
2018-11-03 11:16:13 +00:00
|
|
|
|
<tr>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<td>{{tr "Type:"/}}</td>
|
2018-11-03 11:16:13 +00:00
|
|
|
|
<td>TeaSpeak</td>
|
|
|
|
|
|
</tr>
|
2019-04-15 13:33:51 +00:00
|
|
|
|
-->
|
2018-11-03 11:16:13 +00:00
|
|
|
|
<tr>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<td>{{tr "Version:"/}}</td>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<td><a title="{{>property_virtualserver_version}}">{{*:
|
|
|
|
|
|
data.property_virtualserver_version.split(" ")[0]; }}</a> on
|
|
|
|
|
|
{{>property_virtualserver_platform}}
|
|
|
|
|
|
</td>
|
2018-11-03 11:16:13 +00:00
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<td>{{tr "Uptime:"/}}</td>
|
2018-11-03 11:16:13 +00:00
|
|
|
|
<td class="update_onlinetime">{{:server_onlinetime}}</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<td>{{tr "Current Channels:"/}}</td>
|
2018-11-03 11:16:13 +00:00
|
|
|
|
<td>{{:property_virtualserver_channelsonline}}</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<td>{{tr "Current Clients:"/}}</td>
|
2019-04-15 13:33:51 +00:00
|
|
|
|
<td>
|
|
|
|
|
|
{{:property_virtualserver_clientsonline}}/{{:property_virtualserver_maxclients}}
|
|
|
|
|
|
{{if property_virtualserver_reserved_slots > 0}}
|
2019-08-21 08:00:01 +00:00
|
|
|
|
(
|
|
|
|
|
|
<div class="reserved-slots">-{{:property_virtualserver_reserved_slots}} {{tr "Slots
|
|
|
|
|
|
reserved" /}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
)
|
2019-04-15 13:33:51 +00:00
|
|
|
|
{{/if}}
|
|
|
|
|
|
{{if hidden_clients > 0}}
|
|
|
|
|
|
({{:hidden_clients}} {{tr "clients hidden" /}})
|
|
|
|
|
|
{{/if}}
|
|
|
|
|
|
</td>
|
2018-11-03 11:16:13 +00:00
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<td>{{tr "Current Queries:"/}}</td>
|
2018-11-03 11:16:13 +00:00
|
|
|
|
<td>{{:property_virtualserver_queryclientsonline}}</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
</table>
|
|
|
|
|
|
</div>
|
2018-09-25 15:39:38 +00:00
|
|
|
|
|
2019-03-07 14:30:53 +00:00
|
|
|
|
<button class="button-update btn btn-success">{{tr "Update info"/}}</button>
|
2018-09-25 15:39:38 +00:00
|
|
|
|
</div>
|
2018-06-20 19:05:35 +00:00
|
|
|
|
</script>
|
2018-10-14 11:27:48 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_selected_channel" type="text/html">
|
2018-06-20 19:05:35 +00:00
|
|
|
|
<table class="select_info_table">
|
|
|
|
|
|
<tr>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<td>{{tr "Name:" /}}</td>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<td>
|
|
|
|
|
|
<node key="channel_name"/>
|
|
|
|
|
|
</td>
|
2018-06-20 19:05:35 +00:00
|
|
|
|
</tr>
|
2018-08-12 11:26:56 +00:00
|
|
|
|
{{if property_channel_topic}}
|
2018-06-20 19:05:35 +00:00
|
|
|
|
<tr>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<td>{{tr "Topic:"/}}</td>
|
2018-06-20 19:05:35 +00:00
|
|
|
|
<td>{{>property_channel_topic}}</td>
|
|
|
|
|
|
</tr>
|
2018-08-12 11:26:56 +00:00
|
|
|
|
{{/if}}
|
2018-06-20 19:05:35 +00:00
|
|
|
|
<tr>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<td>{{tr "Codec:"/}}</td>
|
2018-06-20 19:05:35 +00:00
|
|
|
|
<td>{{>property_channel_codec}}</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<td>{{tr "Codec Quality:"/}}</td>
|
2018-06-20 19:05:35 +00:00
|
|
|
|
<td>{{>property_channel_codec_quality}}</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<td>{{tr "Type:"/}}</td>
|
2018-06-20 19:05:35 +00:00
|
|
|
|
<td>{{>channel_type}}</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<td>{{tr "Current clients:"/}}</td>
|
2018-06-20 19:05:35 +00:00
|
|
|
|
<td>
|
|
|
|
|
|
{{>channel_clients}} /
|
|
|
|
|
|
{{if property_channel_maxclients == -1}}
|
2019-08-21 08:00:01 +00:00
|
|
|
|
{{tr "Unlimited"/}}
|
2018-06-20 19:05:35 +00:00
|
|
|
|
{{else}}
|
2019-08-21 08:00:01 +00:00
|
|
|
|
{{>property_channel_maxclients}}
|
2018-06-20 19:05:35 +00:00
|
|
|
|
{{/if}}
|
|
|
|
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<td>{{tr "Subscription Status:"/}}</td>
|
2018-06-20 19:05:35 +00:00
|
|
|
|
<td>
|
|
|
|
|
|
{{if channel_subscribed}}
|
2019-08-21 08:00:01 +00:00
|
|
|
|
{{tr "Subscribed"/}}
|
2018-06-20 19:05:35 +00:00
|
|
|
|
{{else}}
|
2019-08-21 08:00:01 +00:00
|
|
|
|
{{tr "Unsubscribed"/}}
|
2018-06-20 19:05:35 +00:00
|
|
|
|
{{/if}}
|
|
|
|
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<td>{{tr "Voice Data Encryption:" /}}</td>
|
2018-06-20 19:05:35 +00:00
|
|
|
|
<td>
|
|
|
|
|
|
{{if property_channel_codec_is_unencrypted}}
|
2019-08-21 08:00:01 +00:00
|
|
|
|
{{tr "Unencrypted"/}}
|
2018-06-20 19:05:35 +00:00
|
|
|
|
{{else}}
|
2019-08-21 08:00:01 +00:00
|
|
|
|
{{tr "Encrypted"/}}
|
2018-06-20 19:05:35 +00:00
|
|
|
|
{{/if}}
|
2018-12-02 13:12:23 +00:00
|
|
|
|
|
|
|
|
|
|
{{if server_encryption == 2}}
|
2019-08-21 08:00:01 +00:00
|
|
|
|
{{tr "(Overridden by the server with Encrypted)" /}}
|
2018-12-02 13:12:23 +00:00
|
|
|
|
{{/if}}
|
|
|
|
|
|
{{if server_encryption == 1}}
|
2019-08-21 08:00:01 +00:00
|
|
|
|
{{tr "(Overridden by the server with Unencrypted)"/}}
|
2018-12-02 13:12:23 +00:00
|
|
|
|
{{/if}}
|
2018-06-20 19:05:35 +00:00
|
|
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
</table>
|
2018-12-26 17:58:13 +00:00
|
|
|
|
<div style="margin-top: 10px; flex-shrink: 1; flex-direction: column; display: flex; flex-grow: 1;">
|
2018-12-08 22:13:33 +00:00
|
|
|
|
<b style="margin-bottom: 2px">{{tr "Description"/}}</b>
|
2018-08-12 17:17:57 +00:00
|
|
|
|
<node key="bbcode_channel_description"></node>
|
|
|
|
|
|
</div>
|
2018-06-20 17:06:55 +00:00
|
|
|
|
</script>
|
2018-11-03 23:39:29 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_poke_popup" type="text/html">
|
|
|
|
|
|
<div class="container-poke">
|
2019-05-25 17:06:57 +00:00
|
|
|
|
<div class="container-servers"></div>
|
|
|
|
|
|
<div class="buttons">
|
|
|
|
|
|
<div class="spacer"></div>
|
|
|
|
|
|
<button class="btn btn-raised btn-primary button-close">{{tr "Close" /}}</button>
|
2018-11-03 23:39:29 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
2019-05-25 15:54:26 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_invite" type="text/html">
|
|
|
|
|
|
<div class="modal-invite">
|
|
|
|
|
|
<div class="general-properties">
|
|
|
|
|
|
<div class="form-group property-type">
|
|
|
|
|
|
<label>{{tr "Link type:" /}}</label>
|
|
|
|
|
|
<select class="form-control">
|
|
|
|
|
|
<option value="0">{{tr "TeaWeb" /}}</option>
|
|
|
|
|
|
<option value="1" disabled>{{tr "TeaClient (Not supported yet)" /}}</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<div class="switch flag-direct-connect">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<input type="checkbox">
|
|
|
|
|
|
{{tr "Connect directly" /}}
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="switch flag-resolved-address">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<input type="checkbox">
|
|
|
|
|
|
{{tr "Use resolved address" /}}
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<textarea class="text-output" readonly></textarea>
|
|
|
|
|
|
<div class="buttons">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<button class="btn btn-primary button-copy">
|
|
|
|
|
|
<div class="icon client-copy"></div>
|
|
|
|
|
|
{{tr "Copy" /}}
|
|
|
|
|
|
</button>
|
2019-05-25 15:54:26 +00:00
|
|
|
|
<button class="btn btn-primary button-close">{{tr "Close" /}}</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
2018-12-18 19:00:29 +00:00
|
|
|
|
|
|
|
|
|
|
<script class="jsrender-template" id="tmpl_query_create" type="text/html">
|
|
|
|
|
|
<div class="query-create">
|
|
|
|
|
|
<a>{{tr "Set the login name for your Server Query account." /}}</a>
|
|
|
|
|
|
<a>{{tr "You'll receive your password within the next step." /}}</a>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group row-name">
|
|
|
|
|
|
<label>Name:</label>
|
|
|
|
|
|
<input type="text" maxlength="64" minlength="3" class="form-control input-name">
|
2018-12-18 19:00:29 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="buttons">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<button class="btn btn-danger button-close">{{tr "Close" /}}</button>
|
|
|
|
|
|
<button class="btn btn-success btn-raised button-create">{{tr "Create" /}}</button>
|
2018-12-18 19:00:29 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script class="jsrender-template" id="tmpl_query_created" type="text/html">
|
|
|
|
|
|
<div class="query-created">
|
|
|
|
|
|
<a>{{tr "Your server query credentials:" /}}</a>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-row">
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label>{{tr "Name:" /}}</label>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<input class="form-control query_name" type="text" maxlength="64" minlength="3"
|
|
|
|
|
|
value="{{>username}}">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="btn_copy_name icon_x32 client-copy" title="{{tr 'Copy username' /}}"></div>
|
2018-12-18 19:00:29 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-row">
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label>{{tr "Password:" /}}</label>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<input class="form-control query_password" type="text" maxlength="64" minlength="3"
|
|
|
|
|
|
value="{{>password}}">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="btn_copy_password icon_x32 client-copy" title="{{tr 'Copy username' /}}"></div>
|
2018-12-18 19:00:29 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="buttons">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<button class="btn btn-primary button-close">{{tr "Close" /}}</button>
|
2018-12-18 19:00:29 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
2018-12-23 16:41:14 +00:00
|
|
|
|
|
|
|
|
|
|
<script class="jsrender-template" id="tmpl_query_manager" type="text/html">
|
|
|
|
|
|
<div class="query-management">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="header">
|
|
|
|
|
|
<div class="form-group bmd-form-group buttons">
|
|
|
|
|
|
<button class="btn btn-success button button-query-create">{{tr "Create account" /}}</button>
|
|
|
|
|
|
<button class="btn btn-danger button button-query-delete">{{tr "Delete account" /}}</button>
|
|
|
|
|
|
<button class="btn btn-primary button button-query-rename">{{tr "Rename account" /}}</button>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<button class="btn btn-primary button button-query-change-password">{{tr "Change password" /}}
|
|
|
|
|
|
</button>
|
2018-12-23 16:41:14 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group search">
|
|
|
|
|
|
<label class="bmd-label-floating">{{tr "search" /}}</label>
|
|
|
|
|
|
<input class="form-control input input-search" type="text">
|
2018-12-23 16:41:14 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="query-list">
|
|
|
|
|
|
<div class="query-list-header">
|
|
|
|
|
|
<div class="column column-username">{{tr "Username" /}}</div>
|
|
|
|
|
|
<div class="column column-unique-id">{{tr "Unique ID" /}}</div>
|
|
|
|
|
|
<div class="column column-bound-server">{{tr "Bounded Server" /}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="query-list-entries-container">
|
|
|
|
|
|
<div class="query-list-entries">
|
2018-12-23 16:41:14 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="footer">
|
|
|
|
|
|
<div class="info">
|
|
|
|
|
|
<a>{{tr "loading..." /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="buttons">
|
|
|
|
|
|
<button class="btn btn-primary button-refresh">{{tr "Refresh" /}}</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2018-12-23 16:41:14 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script class="jsrender-template" id="tmpl_query_manager-list_entry" type="text/html">
|
|
|
|
|
|
<div class="entry">
|
|
|
|
|
|
<div class="column column-username">{{>username}}</div>
|
|
|
|
|
|
<div class="column column-unique-id">{{>unique_id}}</div>
|
|
|
|
|
|
<div class="column column-bound-server">{{>bounded_server}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
2018-12-28 14:39:23 +00:00
|
|
|
|
|
2019-01-20 17:43:14 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_playlist_list" type="text/html">
|
|
|
|
|
|
<div class="playlist-management">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="header">
|
|
|
|
|
|
<div class="form-group bmd-form-group buttons">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<button class="btn btn-success button button-playlist-create">{{tr "Create playlist" /}}
|
|
|
|
|
|
</button>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<button class="btn btn-danger button button-playlist-delete">{{tr "Delete playlist" /}}</button>
|
|
|
|
|
|
<button class="btn btn-primary button-playlist-edit">{{tr "Edit playlist" /}}</button>
|
2019-01-20 17:43:14 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group search">
|
|
|
|
|
|
<label class="bmd-label-floating">{{tr "search" /}}</label>
|
|
|
|
|
|
<input class="form-control input input-search" type="text">
|
2019-01-20 17:43:14 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="playlist-list">
|
|
|
|
|
|
<div class="playlist-list-header">
|
|
|
|
|
|
<div class="column column-id">{{tr "ID" /}}</div>
|
|
|
|
|
|
<div class="column column-title">{{tr "Title" /}}</div>
|
|
|
|
|
|
<div class="column column-creator">{{tr "Creator" /}}</div>
|
|
|
|
|
|
<div class="column column-type">{{tr "Type" /}}</div>
|
|
|
|
|
|
<div class="column column-used">{{tr "Used" /}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="playlist-list-entries-container">
|
|
|
|
|
|
<div class="playlist-list-entries">
|
2019-01-20 17:43:14 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="footer">
|
|
|
|
|
|
<div class="info">
|
|
|
|
|
|
<a>{{tr "loading..." /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="buttons">
|
|
|
|
|
|
<div class="form-group highlight-own">
|
|
|
|
|
|
<div class="switch">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<input type="checkbox" class="button-highlight-own">
|
|
|
|
|
|
{{tr "Highlight own playlists" /}}
|
|
|
|
|
|
</label>
|
2019-01-20 17:43:14 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group bmd-form-group">
|
|
|
|
|
|
<button class="btn btn-secondary btn-raised button-refresh">{{tr "Refresh" /}}</button>
|
2019-01-20 17:43:14 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<script class="jsrender-template" id="tmpl_playlist_list-list_entry" type="text/html">
|
|
|
|
|
|
<div class="entry" playlist-owner-dbid="{{>playlist_owner_dbid}}">
|
|
|
|
|
|
<div class="column column-id">{{>playlist_id}}</div>
|
|
|
|
|
|
<div class="column column-title">{{>playlist_title}}</div>
|
|
|
|
|
|
<div class="column column-creator">{{>playlist_owner_name}}</div>
|
|
|
|
|
|
<div class="column column-type">
|
|
|
|
|
|
{{if playlist_type == 0}}
|
2019-08-21 08:00:01 +00:00
|
|
|
|
bot bound
|
2019-01-20 17:43:14 +00:00
|
|
|
|
{{else playlist_type == 1}}
|
2019-08-21 08:00:01 +00:00
|
|
|
|
global
|
2019-01-20 17:43:14 +00:00
|
|
|
|
{{else}}
|
2019-08-21 08:00:01 +00:00
|
|
|
|
{{>playlist_type}}
|
2019-01-20 17:43:14 +00:00
|
|
|
|
{{/if}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="column column-used">
|
|
|
|
|
|
{{if playlist_bot_id > 0}}
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div title="{{tr 'Playlist is in use by bot ' /}}{{>playlist_bot_id}}"
|
|
|
|
|
|
class="icon client-apply"></div>
|
2019-01-20 17:43:14 +00:00
|
|
|
|
{{else}}
|
|
|
|
|
|
<div title="{{tr 'Playlist isnt use' /}}" class="icon client-delete"></div>
|
|
|
|
|
|
{{/if}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<script class="jsrender-template" id="tmpl_playlist_edit" type="text/html">
|
|
|
|
|
|
<div class="playlist-edit">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="general-properties">
|
|
|
|
|
|
<div class="form-group property-owner">
|
|
|
|
|
|
<label>{{tr "Playlist owner:" /}}</label>
|
|
|
|
|
|
<input type="text" class="form-control value" readonly>
|
2019-01-20 17:43:14 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group property-title">
|
|
|
|
|
|
<label>{{tr "Title:" /}}</label>
|
|
|
|
|
|
<input type="text" class="form-control value">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group property-description">
|
|
|
|
|
|
<label>{{tr "Description:" /}}</label>
|
|
|
|
|
|
<textarea class="form-control value"></textarea>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group property-type">
|
|
|
|
|
|
<label>{{tr "Type:" /}}</label>
|
|
|
|
|
|
<select class="form-control">
|
|
|
|
|
|
<option value="0">{{tr "Bot bound" /}}</option>
|
|
|
|
|
|
<option value="1">{{tr "Global" /}}</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<x-tab>
|
|
|
|
|
|
<x-entry>
|
|
|
|
|
|
<x-tag>{{tr "Songs" /}}</x-tag>
|
|
|
|
|
|
<x-content>
|
|
|
|
|
|
<div class="container-songs">
|
|
|
|
|
|
<div class="song-list">
|
|
|
|
|
|
<div class="song-list-header">
|
|
|
|
|
|
<div class="column column-id">{{tr "ID" /}}</div>
|
|
|
|
|
|
<div class="column column-url">{{tr "Url" /}}</div>
|
|
|
|
|
|
<div class="column column-loaded">{{tr "loaded" /}}</div>
|
|
|
|
|
|
<div class="column column-buttons"></div>
|
2019-01-20 17:43:14 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="song-list-entries-container">
|
|
|
|
|
|
<div class="song-list-entries">
|
2019-01-20 17:43:14 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="footer">
|
|
|
|
|
|
<div class="buttons">
|
|
|
|
|
|
<button class="btn btn-success button-song-add">{{tr "Add song" /}}</button>
|
|
|
|
|
|
<button class="btn btn-secondary button-refresh">{{tr "Refresh" /}}</button>
|
2019-01-20 17:43:14 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="info-message"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</x-content>
|
|
|
|
|
|
</x-entry>
|
|
|
|
|
|
<x-entry>
|
|
|
|
|
|
<x-tag>{{tr "Playback settings"/}}</x-tag>
|
|
|
|
|
|
<x-content>
|
|
|
|
|
|
<div class="playback-properties">
|
|
|
|
|
|
<div class="form-group property-replay-mode">
|
|
|
|
|
|
<label>{{tr "Replay mode" /}}</label>
|
|
|
|
|
|
<select class="form-control value">
|
|
|
|
|
|
<option value="0">{{tr "Normal"/}}</option>
|
|
|
|
|
|
<option value="1">{{tr "Loop list"/}}</option>
|
|
|
|
|
|
<option value="2">{{tr "Loop single entry"/}}</option>
|
|
|
|
|
|
<option value="3">{{tr "Shuffle"/}}</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group property-flag-delete-played">
|
|
|
|
|
|
<div class="switch">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<input type="checkbox">
|
|
|
|
|
|
{{tr "Delete played song:" /}}
|
|
|
|
|
|
</label>
|
2019-01-20 17:43:14 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group property-current-song">
|
|
|
|
|
|
<label>{{tr "Current replaying song:" /}}</label>
|
|
|
|
|
|
<input type="text" class="form-control value"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group property-flag-finished">
|
|
|
|
|
|
<div class="switch">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
{{tr "Playlist finished status" /}}
|
|
|
|
|
|
<input type="checkbox">
|
2019-01-20 17:43:14 +00:00
|
|
|
|
<!-- TODO add info text here -->
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</label>
|
2019-01-20 17:43:14 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</x-content>
|
|
|
|
|
|
</x-entry>
|
|
|
|
|
|
<x-entry>
|
|
|
|
|
|
<x-tag>{{tr "Permissions" /}}</x-tag>
|
|
|
|
|
|
<x-content>
|
|
|
|
|
|
<div class="container-permissions">
|
|
|
|
|
|
<div class="group_box">
|
|
|
|
|
|
<div class="header">{{tr "Access/modify powers" /}}</div>
|
|
|
|
|
|
<div class="content permissions-list">
|
|
|
|
|
|
<div class="form-group permission" permission="i_playlist_needed_view_power">
|
|
|
|
|
|
<label>{{tr "View power" /}}</label>
|
|
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<input type="number" min="0" value="0" class="form-control value">
|
2019-01-20 17:43:14 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group permission" permission="i_playlist_needed_modify_power">
|
|
|
|
|
|
<label>{{tr "Modify" /}}</label>
|
|
|
|
|
|
<input type="number" min="0" value="0" class="form-control value">
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="form-group permission"
|
|
|
|
|
|
permission="i_playlist_needed_permission_modify_power">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<label>{{tr "Permission modify" /}}</label>
|
|
|
|
|
|
<input type="number" min="0" value="0" class="form-control value">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group permission" permission="i_playlist_needed_delete_power">
|
|
|
|
|
|
<label>{{tr "Delete" /}}</label>
|
|
|
|
|
|
<input type="number" min="0" value="0" class="form-control value">
|
2019-01-20 17:43:14 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="group_box">
|
|
|
|
|
|
<div class="header">{{tr "Song management powers" /}}</div>
|
|
|
|
|
|
<div class="content permissions-list">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="form-group permission"
|
|
|
|
|
|
permission="i_playlist_song_needed_add_power">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<label>{{tr "Song add" /}}</label>
|
|
|
|
|
|
<input type="number" min="0" value="0" class="form-control value">
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="form-group permission"
|
|
|
|
|
|
permission="i_playlist_song_needed_move_power">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<label>{{tr "Song reorder" /}}</label>
|
|
|
|
|
|
<input type="number" min="0" value="0" class="form-control value">
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="form-group permission"
|
|
|
|
|
|
permission="i_playlist_song_needed_remove_power">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<label>{{tr "Song delete" /}}</label>
|
|
|
|
|
|
<input type="number" min="0" value="0" class="form-control value">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-01-20 17:43:14 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-no-permissions">
|
|
|
|
|
|
<div class="text">You dont have permissions to see playlist permissions!</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</x-content>
|
|
|
|
|
|
</x-entry>
|
|
|
|
|
|
</x-tab>
|
|
|
|
|
|
<div class="buttons">
|
|
|
|
|
|
<button class="btn btn-success button-save">{{tr "Save" /}}</button>
|
|
|
|
|
|
<button class="btn btn-secondary button-close">{{tr "Close" /}}</button>
|
2019-01-20 17:43:14 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<script class="jsrender-template" id="tmpl_playlist_edit-song_entry" type="text/html">
|
|
|
|
|
|
<div class="entry">
|
|
|
|
|
|
<div class="column column-id">{{>song_id}}</div>
|
|
|
|
|
|
<div class="column column-url">{{>song_url}}</div>
|
|
|
|
|
|
<div class="column column-loaded">{{>song_loaded}}</div>
|
|
|
|
|
|
<div class="column column-buttons">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="button button-delete">
|
|
|
|
|
|
<div class="icon client-delete"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="button button-info">
|
|
|
|
|
|
<div class="icon client-about"></div>
|
|
|
|
|
|
</div>
|
2019-01-20 17:43:14 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<script class="jsrender-template" id="tmpl_playlist_edit-song_info" type="text/html">
|
|
|
|
|
|
<div class="container-song-info">
|
|
|
|
|
|
<div class="properties">
|
|
|
|
|
|
<div class="property property-song-id">
|
|
|
|
|
|
<div class="key">{{tr "Song ID:" /}}</div>
|
|
|
|
|
|
<div class="value">{{>song_id}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="property property-song-order">
|
|
|
|
|
|
<div class="key">{{tr "Song order:" /}}</div>
|
|
|
|
|
|
<div class="value">{{>song_previous_song_id}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="property property-song-url">
|
|
|
|
|
|
<div class="key">{{tr "URL:" /}}</div>
|
|
|
|
|
|
<div class="value">{{>song_url}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="property property-song-url-loader">
|
|
|
|
|
|
<div class="key">{{tr "URL resolver:"/}}</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="value">{{if song_url_loader}}{{>song_url_loader}}{{else}}{{tr "unset" /}}{{/if}}
|
|
|
|
|
|
</div>
|
2019-01-20 17:43:14 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="property property-song-loaded">
|
|
|
|
|
|
<div class="key">{{tr "Song loaded:" /}}</div>
|
|
|
|
|
|
<div class="value">{{if song_loaded}}{{tr "yes" /}}{{else}}{{tr "no" /}}{{/if}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
{{if song_loaded}}
|
2019-08-21 08:00:01 +00:00
|
|
|
|
{{if metadata && false}}
|
|
|
|
|
|
{{tr "Display metdata here!" /}}
|
|
|
|
|
|
{{else}}
|
|
|
|
|
|
<div class="property property-metadata-raw">
|
|
|
|
|
|
<div class="line">
|
|
|
|
|
|
<div class="key">{{tr "Metadata:" /}}</div>
|
|
|
|
|
|
<div class="value">
|
|
|
|
|
|
<button class="toggle-metadata">show</button>
|
2019-01-20 17:43:14 +00:00
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<textarea>{{>song_metadata}}</textarea>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
{{/if}}
|
2019-01-20 17:43:14 +00:00
|
|
|
|
{{/if}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<script class="jsrender-template" id="tmpl_playlist_edit-song_add" type="text/html">
|
|
|
|
|
|
<div class="container-song-add">
|
|
|
|
|
|
<div class="properties">
|
|
|
|
|
|
<div class="property property-url">
|
|
|
|
|
|
<div class="key">{{tr "URL:" /}}</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<input class="value"/>
|
2019-01-20 17:43:14 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="property property-loader">
|
|
|
|
|
|
<div class="key">{{tr "URL loader:" /}}</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<input class="value" type="text" list="song-loader-list"/>
|
2019-01-20 17:43:14 +00:00
|
|
|
|
<datalist id="song-loader-list">
|
|
|
|
|
|
<option>YouTube</option>
|
|
|
|
|
|
<option>FFMpeg</option>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<!-- <option>ChannelProvider</option> -->
|
|
|
|
|
|
<!-- requires a special url, may add a UI with file select? -->
|
2019-01-20 17:43:14 +00:00
|
|
|
|
</datalist>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-buttons">
|
|
|
|
|
|
<button class="button-add">{{tr "Add URL" /}}</button>
|
|
|
|
|
|
<button class="button-cancel">{{tr "Cancel" /}}</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
2018-12-28 14:39:23 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_manage_bookmarks" type="text/html">
|
|
|
|
|
|
<div class="modal-bookmarks">
|
2019-04-15 17:11:33 +00:00
|
|
|
|
<div class="group_box gb-list">
|
2018-12-28 14:39:23 +00:00
|
|
|
|
<div class="header">{{tr "Bookmarks" /}}</div>
|
|
|
|
|
|
<div class="content bookmark-list">
|
|
|
|
|
|
<div class="list">
|
|
|
|
|
|
<div class="entry bookmark">
|
|
|
|
|
|
<div class="name">TeaSpeak official</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="buttons">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<button class="button-large btn btn-raised btn-secondary button-create">{{tr "Create new
|
|
|
|
|
|
bookmark/directory" /}}
|
|
|
|
|
|
</button>
|
|
|
|
|
|
<button class="button-large btn btn-danger button-delete">{{tr "Delete selected bookmark/directory"
|
|
|
|
|
|
/}}
|
|
|
|
|
|
</button>
|
2019-04-15 17:11:33 +00:00
|
|
|
|
|
|
|
|
|
|
<button class="button-small btn btn-raised btn-secondary button-create">{{tr "Create" /}}</button>
|
|
|
|
|
|
<button class="button-small btn btn-danger button-delete">{{tr "Delete" /}}</button>
|
2018-12-28 14:39:23 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<hr>
|
2019-04-15 17:11:33 +00:00
|
|
|
|
<div class="group_box gb-settings">
|
2018-12-28 14:39:23 +00:00
|
|
|
|
<div class="header">{{tr "Bookmark settings" /}}</div>
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<div class="bookmark-setting bookmark-setting-bookmark">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<label for="input-bookmark-name" class="bmd-label-static">{{tr "Bookmark name:"
|
|
|
|
|
|
/}}</label>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<input id="input-bookmark-name" class="form-control setting-bookmark-name">
|
2018-12-28 14:39:23 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<label for="input-bookmark-profile" class="bmd-label-static">{{tr "Connect profile:"
|
|
|
|
|
|
/}}</label>
|
|
|
|
|
|
<select id="input-bookmark-profile"
|
|
|
|
|
|
class="form-control setting-bookmark-profile"></select>
|
2018-12-28 14:39:23 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="group_box">
|
|
|
|
|
|
<div class="header">{{tr "Server Properties" /}}</div>
|
|
|
|
|
|
<div class="content">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<label for="input-bookmark-server-host" class="bmd-label-static">{{tr "Server
|
|
|
|
|
|
address:" /}}</label>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<input id="input-bookmark-server-host" class="form-control setting-server-host">
|
2018-12-28 14:39:23 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<label for="input-bookmark-server-port" class="bmd-label-static">{{tr "Server
|
|
|
|
|
|
port:" /}}</label>
|
|
|
|
|
|
<input type="number" min="1" max="65665" id="input-bookmark-server-port"
|
|
|
|
|
|
class="form-control setting-server-port">
|
2018-12-28 14:39:23 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<!-- TODO generated id because of password field (id="bookmark_server_password_{{rnd '0~13377331'/}}") -->
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<label for="input-bookmark-server-password" class="bmd-label-floating">{{tr
|
|
|
|
|
|
"Server password" /}}</label>
|
|
|
|
|
|
<input id="input-bookmark-server-password"
|
|
|
|
|
|
class="form-control setting-server-password" autocomplete="nope"
|
|
|
|
|
|
type="password">
|
2018-12-28 14:39:23 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-04-15 17:11:33 +00:00
|
|
|
|
<!--
|
2018-12-28 14:39:23 +00:00
|
|
|
|
<div class="group_box">
|
|
|
|
|
|
<div class="header">{{tr "Connect Properties (Not yet supported)" /}}</div>
|
|
|
|
|
|
<div class="content">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label for="input-bookmark-username" class="bmd-label-floating">{{tr "Default Username" /}}</label>
|
|
|
|
|
|
<input id="input-bookmark-username" class="form-control setting-username" disabled>
|
2018-12-28 14:39:23 +00:00
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-row container-default-channel-select">
|
|
|
|
|
|
<div class="form-group container-default-channel">
|
|
|
|
|
|
<label for="input-bookmark-channel" class="bmd-label-floating">{{tr "Default Channel" /}}</label>
|
|
|
|
|
|
<input id="input-bookmark-channel" class="form-control setting-channel" disabled>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group bmd-form-group">
|
|
|
|
|
|
<button class="btn btn-primary button-set-to-current" disabled>{{tr "Current Channel" /}}</button>
|
2018-12-28 14:39:23 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group">
|
2019-04-15 17:11:33 +00:00
|
|
|
|
<!- TODO generated id because of password field (id="bookmark_server_password_{{rnd '0~13377331'/}}") ->
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<label for="input-bookmark-channel-password" class="bmd-label-floating">{{tr "Default channel password" /}}</label>
|
|
|
|
|
|
<input id="input-bookmark-channel-password" class="form-control setting-channel-password" type="password" disabled>
|
2018-12-28 14:39:23 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-04-15 17:11:33 +00:00
|
|
|
|
-->
|
2018-12-28 14:39:23 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="bookmark-setting bookmark-setting-directory">
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<div class="form-group">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<label for="input-bookmark-dirname" class="bmd-label-static">{{tr "Directory name:"
|
|
|
|
|
|
/}}</label>
|
2019-02-17 15:08:10 +00:00
|
|
|
|
<input id="input-bookmark-dirname" class="form-control setting-bookmark-name">
|
2018-12-28 14:39:23 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<script class="jsrender-template" id="tmpl_manage_bookmarks-list_entry" type="text/html">
|
|
|
|
|
|
{{if type == "bookmark" }}
|
|
|
|
|
|
<div class="entry bookmark">
|
|
|
|
|
|
<div class="name">{{>name}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
{{else type == "directory" }}
|
|
|
|
|
|
<div class="entry directory">
|
|
|
|
|
|
<div class="name">{{>name}}</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="members"></div>
|
2018-12-28 14:39:23 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
{{/if}}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script class="jsrender-template" id="tmpl_manage_bookmarks-create" type="text/html">
|
|
|
|
|
|
<div class="modal-bookmark-create">
|
2019-03-25 19:04:04 +00:00
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label class="bmd-label-floating">{{tr "Bookmark type:" /}}</label>
|
|
|
|
|
|
<select class="form-control bookmark-type">
|
2018-12-28 14:39:23 +00:00
|
|
|
|
<option value="bookmark">Bookmark</option>
|
|
|
|
|
|
<option value="directory">Directory</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
2019-03-25 19:04:04 +00:00
|
|
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label class="bmd-label-floating">{{tr "Parent directory:" /}}</label>
|
|
|
|
|
|
<select class="form-control bookmark-parent">
|
2018-12-28 14:39:23 +00:00
|
|
|
|
<option bookmark-uuid=""></option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
2019-03-25 19:04:04 +00:00
|
|
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label class="bmd-label-floating">{{tr "Bookmark name" /}}</label>
|
|
|
|
|
|
<input class="form-control bookmark-name">
|
2018-12-28 14:39:23 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="buttons">
|
2019-03-25 19:04:04 +00:00
|
|
|
|
<button class="btn btn-success button-create">Create</button>
|
2018-12-28 14:39:23 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
2019-03-25 19:04:04 +00:00
|
|
|
|
|
|
|
|
|
|
<script class="jsrender-template" id="tmpl_icon_select" type="text/html">
|
|
|
|
|
|
<div class="modal-icon-select">
|
|
|
|
|
|
<div class="container-icons">
|
|
|
|
|
|
<div class="group_box">
|
|
|
|
|
|
<div class="header">{{tr "Remote" /}}</div>
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<div class="container-icons-list">
|
2019-05-24 20:14:02 +00:00
|
|
|
|
<div class="container-icons-remote {{if enable_select || enable_delete}}icon-select{{/if}}"></div>
|
2019-03-25 19:04:04 +00:00
|
|
|
|
<div class="container-loading">
|
|
|
|
|
|
<a>{{tr "loading..." /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-no-permissions">
|
|
|
|
|
|
<a>{{tr "You dont have permissions the view the icons" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-error">
|
|
|
|
|
|
<a class="error-message">{{ŧr "An error occured" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-buttons">
|
2019-05-24 20:14:02 +00:00
|
|
|
|
{{if enable_upload}}
|
2019-03-25 19:04:04 +00:00
|
|
|
|
<button class="btn btn-success button-upload">{{tr "Upload" /}}</button>
|
2019-05-24 20:14:02 +00:00
|
|
|
|
{{/if}}
|
|
|
|
|
|
{{if enable_delete}}
|
|
|
|
|
|
<button class="btn btn-danger button-delete">{{tr "Delete" /}}</button>
|
|
|
|
|
|
{{/if}}
|
2019-03-25 19:04:04 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="group_box">
|
|
|
|
|
|
<div class="header">{{tr "Local" /}}</div>
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<div class="container-icons-list">
|
|
|
|
|
|
<div class="container-icons-local {{if enable_select}}icon-select{{/if}}"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-buttons">
|
|
|
|
|
|
<button class="btn btn-primary btn-raised button-reload">{{tr "Reload" /}}</button>
|
|
|
|
|
|
<div class="spacer"></div>
|
|
|
|
|
|
{{if enable_select}}
|
|
|
|
|
|
<button class="btn btn-success btn-raised button-select-no-icon">{{tr "Remove icon" /}}</button>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<button class="btn btn-success btn-raised button-select"><a>{{tr "Select " /}}</a>
|
|
|
|
|
|
<div class="selected-item-container"></div>
|
|
|
|
|
|
</button>
|
2019-03-25 19:04:04 +00:00
|
|
|
|
{{/if}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
2019-05-24 20:14:02 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_icon_upload" type="text/html">
|
|
|
|
|
|
<div class="modal-icon-upload">
|
|
|
|
|
|
<div class="container-select">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-icons"></div>
|
2019-05-24 20:14:02 +00:00
|
|
|
|
<div class="container-buttons">
|
|
|
|
|
|
<div class="buttons-manage">
|
|
|
|
|
|
<button class="btn btn-primary btn-raised button-add">{{tr "Add icon" /}}</button>
|
|
|
|
|
|
<button class="btn btn-danger button-remove">{{tr "Remove selected" /}}</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<button class="btn btn-primary btn-raised button-upload"></button>
|
|
|
|
|
|
|
|
|
|
|
|
<input type="file" class="input-file-upload" multiple/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-upload">
|
|
|
|
|
|
<div class="container-error alert alert-danger">
|
|
|
|
|
|
<div class="error-message">You're not connected. Failed to upload icons</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<button type="button" class="btn btn-danger btn-raised button-upload-abort">{{tr "abort" /}}
|
|
|
|
|
|
</button>
|
2019-05-24 20:14:02 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-process"></div>
|
|
|
|
|
|
<div class="container-info">
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-info-uploaded">{{tr "Uploaded icons (total | successfully | error): "
|
|
|
|
|
|
/}}
|
|
|
|
|
|
</div>
|
2019-05-24 20:14:02 +00:00
|
|
|
|
<div class="uploaded-statistics"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-success alert alert-success">
|
|
|
|
|
|
<div class="message">Uploaded 10 icons successfully</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<button type="button" class="btn btn-success btn-raised button-upload-abort">{{tr "okey" /}}
|
|
|
|
|
|
</button>
|
2019-05-24 20:14:02 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
2019-03-25 19:04:04 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_avatar_list" type="text/html">
|
|
|
|
|
|
<div class="modal-avatar-list">
|
|
|
|
|
|
<div class="container-list">
|
|
|
|
|
|
<div class="list-header">
|
|
|
|
|
|
<div class="column column-username">{{tr "Username" /}}</div>
|
|
|
|
|
|
<div class="column column-unique-id">{{tr "Unique ID" /}}</div>
|
|
|
|
|
|
<div class="column column-size">{{tr "Size" /}}</div>
|
|
|
|
|
|
<div class="column column-timestamp">{{tr "Date" /}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="list-entries-container">
|
|
|
|
|
|
<div class="list-entries">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-info">
|
|
|
|
|
|
<div class="container-data">
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label class="bmd-label-static">{{tr "Username" /}}</label>
|
|
|
|
|
|
<input class="form-control property-username" disabled>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label class="bmd-label-static">{{tr "Unique ID" /}}</label>
|
|
|
|
|
|
<input class="form-control property-unique-id" disabled>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label class="bmd-label-static">{{tr "Avatar ID" /}}</label>
|
|
|
|
|
|
<input class="form-control property-avatar-id" disabled>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-preview">
|
|
|
|
|
|
<div class="container-image"></div>
|
|
|
|
|
|
<div class="container-image-data">
|
|
|
|
|
|
<a>{{tr "Image info:" /}}</a>
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label class="bmd-label-static">{{tr "Bytes" /}}</label>
|
|
|
|
|
|
<input class="form-control property-image-size" disabled>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label class="bmd-label-static">{{tr "Width" /}}</label>
|
|
|
|
|
|
<input class="form-control property-image-width" disabled>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label class="bmd-label-static">{{tr "Height" /}}</label>
|
|
|
|
|
|
<input class="form-control property-image-height" disabled>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label class="bmd-label-static">{{tr "Type" /}}</label>
|
|
|
|
|
|
<input class="form-control property-image-type" disabled>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-buttons">
|
|
|
|
|
|
<button class="btn btn-danger button-delete">{{tr "Delete" /}}</button>
|
|
|
|
|
|
<button class="btn btn-success button-download">{{tr "Download" /}}</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="disabled-overlay">
|
|
|
|
|
|
<a>{{tr "Please select a user" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_avatar_upload" type="text/html">
|
|
|
|
|
|
<div class="modal-avatar-upload">
|
|
|
|
|
|
<div class="container-upload">
|
|
|
|
|
|
<div class="bmd-form-group">
|
|
|
|
|
|
<button type="button" class="btn btn-primary btn-raised button-select">{{tr "Select avatar"
|
|
|
|
|
|
/}}
|
|
|
|
|
|
</button>
|
|
|
|
|
|
<p>
|
|
|
|
|
|
{{tr "Supported image types: SVG, PNG, JPEG" /}}<br>
|
|
|
|
|
|
{{tr "Supported image sizes: any" /}}
|
|
|
|
|
|
</p>
|
|
|
|
|
|
<input type="file" class="file-inputs" accept=".svg, .png, .jpg, .jpeg">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="bmd-form-group">
|
|
|
|
|
|
<button type="button" class="btn btn-success button-upload">{{tr "Upload avatar" /}}</button>
|
|
|
|
|
|
<button type="button" class="btn btn-warning button-delete">{{tr "Delete avatar" /}}</button>
|
|
|
|
|
|
<button type="button" class="btn btn-danger button-cancel">{{tr "Cancel" /}}</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-preview">
|
|
|
|
|
|
<a class="title">{{tr "Preview" /}}</a>
|
|
|
|
|
|
<div class="previews">
|
|
|
|
|
|
<div class="preview preview-client-info">
|
|
|
|
|
|
<div class="container-avatar">
|
|
|
|
|
|
<div class="avatar">
|
|
|
|
|
|
<img src="#">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a>{{tr "Client info" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="preview preview-chat">
|
|
|
|
|
|
<div class="container-avatar">
|
|
|
|
|
|
<div class="avatar">
|
|
|
|
|
|
<img src="#">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a>{{tr "Chat avatar" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="preview preview-chat-entry">
|
|
|
|
|
|
<div class="container-avatar">
|
|
|
|
|
|
<div class="avatar">
|
|
|
|
|
|
<img src="#">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a>{{tr "Chat list avatar" /}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<script class="jsrender-template" id="tmpl_about" type="text/html">
|
|
|
|
|
|
<div class="container-left">
|
|
|
|
|
|
<div class="container-logo">
|
|
|
|
|
|
<img src="https://teaspeak.de/img/teaspeak_cup_animated.png"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="copyright">Copyright (c) 2017-2019 TeaSpeak<br>(Markus Hadenfeldt)</div>
|
|
|
|
|
|
<div class="versions">
|
|
|
|
|
|
{{if client}}
|
|
|
|
|
|
<div class="version version-native">
|
|
|
|
|
|
<a>TeaClient:</a><a class="value">{{>version_client}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="version version-web">
|
|
|
|
|
|
<a>UI:</a><a class="value">{{>version_ui}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
{{else}}
|
|
|
|
|
|
<div class="version version-web">
|
|
|
|
|
|
<a>TeaWeb:</a><a class="value">{{>version_client}}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
{{/if}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container-right">
|
|
|
|
|
|
{{if client}}
|
|
|
|
|
|
<h1>TeaSpeak-Client build {{>version_client}} ({{>version_timestamp}})</h1>
|
|
|
|
|
|
{{else}}
|
|
|
|
|
|
<h1>TeaSpeak-Web build {{>version_client}} <!-- ({{>version_timestamp}}) --></h1>
|
|
|
|
|
|
<!-- We currently dont have a timestamp for the web client -->
|
|
|
|
|
|
{{/if}}
|
|
|
|
|
|
<h2>{{tr "Special thanks" /}}</h2>
|
|
|
|
|
|
<p>
|
|
|
|
|
|
"Яedeemer" (Janni K.)
|
|
|
|
|
|
</p>
|
|
|
|
|
|
<h2>{{tr "Contact" /}}</h2>
|
|
|
|
|
|
<p>
|
|
|
|
|
|
{{tr "E-Mail:" /}} {{if client}}client{{else}}web{{/if}}@teaspeak.de<br>
|
|
|
|
|
|
{{tr "WWW:" /}} <a href="https://teaspeak.de">https://teaspeak.de</a><br>
|
|
|
|
|
|
{{tr "Community:" /}} <a href="https://teaspeak.de">https://forum.teaspeak.de</a>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
<h2>{{tr "License" /}}</h2>
|
|
|
|
|
|
<p>
|
|
|
|
|
|
The {{if client}}TeaClient{{else}}TeaWeb{{/if}} application is licensed by MPL-2.0<br>
|
|
|
|
|
|
More information here: https://github.com/TeaSpeak/TeaWeb/blob/master/LICENSE.TXT
|
|
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
2019-03-25 19:04:04 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_avatar_list-list_entry" type="text/html">
|
|
|
|
|
|
<div class="entry">
|
|
|
|
|
|
<div class="column column-username">{{>username}}</div>
|
|
|
|
|
|
<div class="column column-unique-id">{{>unique_id}}</div>
|
|
|
|
|
|
<div class="column column-size">{{>size}}</div>
|
|
|
|
|
|
<div class="column column-timestamp">{{>timestamp}}</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<script class="jsrender-template" id="tmpl_key_select" type="text/html">
|
|
|
|
|
|
<div> <!-- required for the renderer-->
|
|
|
|
|
|
<div class="body">
|
|
|
|
|
|
<a>{{tr "Press any key which you want to use." /}}</a>
|
|
|
|
|
|
<div class="container-select">
|
|
|
|
|
|
<a>Current key:</a>
|
|
|
|
|
|
<div class="container-key">
|
|
|
|
|
|
<a></a>
|
2019-03-25 19:04:04 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
<div class="container-buttons">
|
|
|
|
|
|
<button class="btn btn-danger button-cancel">{{tr "Cancel" /}}</button>
|
|
|
|
|
|
<button class="btn btn-success button-save">{{tr "Save Key" /}}</button>
|
2019-03-25 19:04:04 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-08-21 08:00:01 +00:00
|
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
