2018-02-27 17:20:49 +01:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
2018-03-24 23:38:01 +01:00
|
|
|
<title>TeaSpeak-Web client templates</title>
|
2018-02-27 17:20:49 +01:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2018-03-24 23:38:01 +01:00
|
|
|
<!-- Template for chennel create & edit-->
|
2018-02-27 17:20:49 +01:00
|
|
|
<template id="tmpl_channel_edit">
|
|
|
|
|
<table style="margin-bottom: 20px">
|
|
|
|
|
<tr>
|
|
|
|
|
<td>Name:</td>
|
|
|
|
|
<td><input value="${channel_name}"/></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>Password:</td>
|
|
|
|
|
<td><input/></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>Topic:</td>
|
|
|
|
|
<td><input/></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>Description:</td>
|
|
|
|
|
<td><input/></td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
<x-tab>
|
|
|
|
|
<x-entry>
|
|
|
|
|
<x-tag>Standard</x-tag>
|
|
|
|
|
<x-content>
|
|
|
|
|
<div style="display: flex; flex-direction: row; width: 100%; justify-content: space-evenly">
|
|
|
|
|
<div style="vertical-align: center; margin: 20px;">
|
|
|
|
|
<a>Channel Type</a><br>
|
|
|
|
|
<fieldset style="border: gray solid; border-width: 2px; border-radius: 0px 6px 6px 6px;">
|
|
|
|
|
<div><input type="radio" name="channel_type" id="temp" value="temp" checked> Temporary</div>
|
|
|
|
|
<div><input type="radio" name="channel_type" id="semi" value="semiperm"> Semi-Permanent</div>
|
|
|
|
|
<div><input type="radio" name="channel_type" id="perm" value="perm"> Permanent</div>
|
|
|
|
|
<hr style="width: 100%;">
|
|
|
|
|
<div><input type="checkbox" name="channel_default" id="default" value="def"> Default Channel</div>
|
|
|
|
|
</fieldset>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="border-left:1px solid #000;height: auto;"></div>
|
|
|
|
|
<div style="flex-direction: column; align-content: stretch; vertical-align: center; margin: 20px;">
|
|
|
|
|
<div>
|
|
|
|
|
<div>Sort this channel after:</div>
|
|
|
|
|
<select class="order_id" style="width: 150px">
|
|
|
|
|
<option value="channel_3">Audi</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="margin-top: 20px">
|
|
|
|
|
<div>Needed Talk Power:</div>
|
|
|
|
|
<input type="number" min="0" value="0" style="width: 150px">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</x-content>
|
|
|
|
|
</x-entry>
|
|
|
|
|
<x-entry>
|
|
|
|
|
<x-tag>Audio</x-tag>
|
|
|
|
|
<x-content>TODO!</x-content>
|
|
|
|
|
</x-entry>
|
|
|
|
|
<x-entry>
|
|
|
|
|
<x-tag>Permissions</x-tag>
|
|
|
|
|
<x-content>
|
|
|
|
|
<div style="display: flex; justify-content: space-evenly">
|
|
|
|
|
<div>
|
|
|
|
|
Regular needed powers:
|
|
|
|
|
<table class="channel_perm_tbl">
|
|
|
|
|
<tr><td class="key">Join:</td><td><input type="number" min="0" value="0"></td></tr>
|
|
|
|
|
<tr><td class="key">Subscribe:</td><td><input type="number" min="0" value="0"></td></tr>
|
|
|
|
|
<tr><td class="key">Desc. view:</td><td><input type="number" min="0" value="0"></td></tr>
|
|
|
|
|
<tr><td class="key">Modify:</td><td><input type="number" min="0" value="0"></td></tr>
|
|
|
|
|
<tr><td class="key">Delete:</td><td><input type="number" min="0" value="0"></td></tr>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
File transfare needed powers:
|
|
|
|
|
<table class="channel_perm_tbl">
|
|
|
|
|
<tr><td class="key">Join:</td><td><input type="number" min="0" value="0"></td></tr>
|
|
|
|
|
<tr><td class="key">Subscribe:</td><td><input type="number" min="0" value="0"></td></tr>
|
|
|
|
|
<tr><td class="key">Desc. view:</td><td><input type="number" min="0" value="0"></td></tr>
|
|
|
|
|
<tr><td class="key">Modify:</td><td><input type="number" min="0" value="0"></td></tr>
|
|
|
|
|
<tr><td class="key">Delete:</td><td><input type="number" min="0" value="0"></td></tr>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</x-content>
|
|
|
|
|
</x-entry>
|
|
|
|
|
<x-entry>
|
|
|
|
|
<x-tag>Advanced</x-tag>
|
|
|
|
|
<x-content>TODO!</x-content>
|
|
|
|
|
</x-entry>
|
|
|
|
|
</x-tab>
|
|
|
|
|
</template>
|
2018-03-24 23:38:01 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Template for the connect modal -->
|
2018-02-27 17:20:49 +01:00
|
|
|
<template id="tmpl_connect">
|
|
|
|
|
<div style="margin-top: 5px;">
|
|
|
|
|
<div style="display: flex; flex-direction: row; width: 100%; justify-content: space-between">
|
|
|
|
|
<div style="width: 68%; margin-bottom: 5px">
|
|
|
|
|
<div>Remote address and port:</div>
|
2018-03-24 23:38:01 +01:00
|
|
|
<input type="text" style="width: 100%" class="connect_address" value="unknown">
|
2018-02-27 17:20:49 +01:00
|
|
|
</div>
|
|
|
|
|
<div style="width: 20%">
|
|
|
|
|
<div>Server password:</div>
|
|
|
|
|
<input type="password" style="width: 100%" class="connect_password">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<div>Nickname:</div>
|
|
|
|
|
<input type="text" style="width: 100%" class="connect_nickname" value="A TeaSpeak web user">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
2018-03-24 23:38:01 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Template for the settings -->
|
2018-03-07 19:06:52 +01:00
|
|
|
<template id="tmpl_settings">
|
|
|
|
|
<x-tab>
|
|
|
|
|
<x-entry>
|
|
|
|
|
<x-tag>General</x-tag>
|
|
|
|
|
<x-content>Didnt setuped yet!</x-content>
|
|
|
|
|
</x-entry>
|
|
|
|
|
<x-entry>
|
|
|
|
|
<x-tag>Voice</x-tag>
|
|
|
|
|
<x-content>
|
2018-03-17 08:05:37 +01:00
|
|
|
<div style="display: flex; flex-direction: column;" class="settings_voice">
|
|
|
|
|
<div>
|
|
|
|
|
<a>Microphone:</a>
|
|
|
|
|
<select class="voice_microphone_select"></select>
|
|
|
|
|
<hr>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="display: flex; flex-direction: row; width: 100%; justify-content: space-evenly"><div style="vertical-align: center; margin: 20px; min-width: 175px">
|
2018-03-07 19:06:52 +01:00
|
|
|
<a>Voice Activity Detection</a>
|
|
|
|
|
<div>
|
|
|
|
|
<fieldset class="GroupBox">
|
|
|
|
|
<div><input type="radio" name="vad_type" value="pt" display="Always active"> Always active</div>
|
|
|
|
|
<div><input type="radio" name="vad_type" value="vad" display="Voice activity detection"> Voice activity detection</div>
|
|
|
|
|
<div><input type="radio" name="vad_type" value="ppt" display="Push to talk"> Push to talk</div>
|
|
|
|
|
</fieldset>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2018-03-17 08:05:37 +01:00
|
|
|
<div style="border-left:1px solid #000;height: auto;"></div>
|
|
|
|
|
<div style="flex-direction: column; align-content: stretch; vertical-align: center; margin: 20px;">
|
|
|
|
|
<div class="vad_settings">
|
|
|
|
|
<div style="font-size: 14px; text-align: center"><a class="vad_type">Type[Unknown]</a> settings</div>
|
|
|
|
|
<div class="vad_type_settings vad_type_pt">There are no setting entries for an <b>always</b> online voice detection.</div>
|
|
|
|
|
<div class="vad_type_settings vad_type_ppt">
|
|
|
|
|
<a>Push to talk key:</a>
|
|
|
|
|
<button class="vat_ppt_key">Uninitialised</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="vad_type_settings vad_type_vad">
|
|
|
|
|
<div>Voice activity threshold (<a class="vad_vad_slider_value">20</a>%)</div>
|
|
|
|
|
<div class="vad_vad_threshold_selector">
|
|
|
|
|
<div class="vad_vad_bar">
|
|
|
|
|
<div style="width: 100%; height: 100%; position: absolute">
|
|
|
|
|
<div class="vad_vad_bar_filler"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<input type="range" min="0" max="100" value="50" class="vad_vad_slider">
|
2018-03-08 15:40:31 +01:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2018-03-07 19:06:52 +01:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</x-content>
|
|
|
|
|
</x-entry>
|
|
|
|
|
</x-tab>
|
|
|
|
|
</template>
|
2018-02-27 17:20:49 +01:00
|
|
|
</body>
|
|
|
|
|
</html>
|
