2019-03-16 21:15:45 +01:00
|
|
|
{{define "header"}}
|
2020-06-03 21:15:30 +02:00
|
|
|
<script>pageTitle = {{ .Title }}</script>
|
2019-03-23 13:49:00 +01:00
|
|
|
{{if .Chat}}
|
2019-03-17 22:31:48 +01:00
|
|
|
<script type="application/javascript" src="/static/js/wasm_exec.js"></script>
|
|
|
|
<script type="application/javascript" src="/static/js/chat.js"></script>
|
|
|
|
<script>
|
2019-03-23 13:49:00 +01:00
|
|
|
maxMessageCount = {{.MessageHistoryCount }}
|
2019-03-17 22:31:48 +01:00
|
|
|
</script>
|
|
|
|
<style>
|
|
|
|
.root {
|
|
|
|
display: grid;
|
|
|
|
}
|
|
|
|
</style>
|
2019-03-23 13:49:00 +01:00
|
|
|
{{end}}
|
2019-03-12 06:53:51 +01:00
|
|
|
|
2019-03-23 13:49:00 +01:00
|
|
|
{{if .Video}}
|
2019-03-17 22:31:48 +01:00
|
|
|
<script type="application/javascript" src="/static/js/flv.min.js"></script>
|
|
|
|
<script type="application/javascript" src="/static/js/video.js"></script>
|
2019-03-23 13:49:00 +01:00
|
|
|
{{if not .Chat}}
|
2019-03-17 22:31:48 +01:00
|
|
|
<style>
|
|
|
|
#videoElement {
|
|
|
|
height: 99vh;
|
|
|
|
}
|
|
|
|
</style>
|
2019-03-23 13:49:00 +01:00
|
|
|
{{end}}
|
|
|
|
{{end}}
|
2019-03-16 15:13:30 +01:00
|
|
|
|
2019-03-23 13:49:00 +01:00
|
|
|
{{if and .Video .Chat}}
|
2019-03-17 22:31:48 +01:00
|
|
|
<style>
|
|
|
|
.root {
|
|
|
|
grid-template-columns: 5fr 1fr;
|
|
|
|
}
|
|
|
|
</style>
|
2019-03-23 13:49:00 +01:00
|
|
|
{{end}}
|
2019-03-16 21:15:45 +01:00
|
|
|
{{end}}
|
2019-03-10 21:45:10 +01:00
|
|
|
|
2019-03-16 21:15:45 +01:00
|
|
|
{{define "body"}}
|
2019-03-23 13:49:00 +01:00
|
|
|
{{if .Video}}
|
2020-05-10 19:51:34 +02:00
|
|
|
<div id="videoWrapper">
|
|
|
|
<div id="videoOverlay">
|
2020-05-13 05:33:00 +02:00
|
|
|
<img src="/static/img/mute-icon.png" />
|
2020-05-10 19:51:34 +02:00
|
|
|
</div>
|
|
|
|
<video id="videoElement" x5-video-player-type="h5" x5-video-player-fullscreen="true" playsinline webkit-playsinline
|
|
|
|
autoplay muted controls>
|
|
|
|
Your browser is too old and doesn't support HTML5 video.
|
|
|
|
</video>
|
|
|
|
</div>
|
2019-03-23 13:49:00 +01:00
|
|
|
{{end}}
|
2019-03-12 06:53:51 +01:00
|
|
|
|
2019-03-23 13:49:00 +01:00
|
|
|
{{if .Chat}}
|
2019-04-12 03:20:32 +02:00
|
|
|
<div id="loadingFiles" class="contrast">
|
|
|
|
Files Loading
|
|
|
|
</div>
|
2019-03-17 22:31:48 +01:00
|
|
|
<div id="chatwindow">
|
2019-03-20 03:56:01 +01:00
|
|
|
<div id="notifyBox"></div>
|
2019-03-17 22:31:48 +01:00
|
|
|
<div id="chat" style="display: none;">
|
2019-03-20 03:56:01 +01:00
|
|
|
<div id="optionBox">Please hover to view options</div>
|
2019-03-17 22:31:48 +01:00
|
|
|
<div id="hidden">
|
|
|
|
<div id="chatButtons">
|
2019-03-23 20:37:48 +01:00
|
|
|
<input type="button" class="button pretty-button" onclick="auth();" value="Auth" />
|
|
|
|
<input type="button" class="button pretty-button" onclick="help();" value="Help" />
|
2019-03-30 21:08:41 +01:00
|
|
|
<input type="button" class="button pretty-button" onclick="showColors();" value="Color" />
|
2019-03-23 20:37:48 +01:00
|
|
|
<input type="button" class="button pretty-button" onclick="nick();" value="Nick" />
|
2019-03-23 13:49:00 +01:00
|
|
|
{{if .Video}}
|
2019-03-23 20:37:48 +01:00
|
|
|
<input type="button" class="button pretty-button" onclick="initPlayer();" value="Reload Player" />
|
2019-03-23 13:49:00 +01:00
|
|
|
{{end}}
|
2019-03-16 15:13:30 +01:00
|
|
|
</div>
|
2019-03-17 22:31:48 +01:00
|
|
|
<hr />
|
2019-03-29 01:54:29 +01:00
|
|
|
<label class="contrast">
|
|
|
|
<input type="checkbox" checked="false" onchange="setTimestamp(this.checked);" />
|
|
|
|
Show Timestamp
|
|
|
|
</label>
|
|
|
|
<hr />
|
2019-03-23 20:37:48 +01:00
|
|
|
<div id="hiddencolor" class="hiddendiv">
|
|
|
|
<div class="range-div" style="background-image: linear-gradient(to right, transparent, red);">
|
|
|
|
<input id="colorRed" type="range" min="0" max="255" value="0" oninput="updateColor();" />
|
|
|
|
<span id="colorRedLabel"></span>
|
|
|
|
</div>
|
|
|
|
<div class="range-div" style="background-image: linear-gradient(to right, transparent, green);">
|
|
|
|
<input id="colorGreen" type="range" min="0" max="255" value="0" oninput="updateColor();" />
|
|
|
|
<span id="colorGreenLabel"></span>
|
|
|
|
</div>
|
|
|
|
<div class="range-div" style="background-image: linear-gradient(to right, transparent, blue);">
|
|
|
|
<input id="colorBlue" type="range" min="0" max="255" value="0" oninput="updateColor();" />
|
|
|
|
<span id="colorBlueLabel"></span>
|
|
|
|
</div>
|
2019-03-30 22:01:44 +01:00
|
|
|
<div class="range-div">
|
|
|
|
<select id="colorSelect" onchange="colorSelectChange();"></select>
|
2019-03-30 21:08:41 +01:00
|
|
|
</div>
|
|
|
|
<div id="colorName" class="range-div">
|
2019-03-23 20:37:48 +01:00
|
|
|
NAME
|
|
|
|
</div>
|
|
|
|
<div id="colorWarning" class="range-div contrast">
|
|
|
|
</div>
|
|
|
|
<dvi class="range-div">
|
|
|
|
<input id="colorSubmit" type="button" class="button pretty-button" value="Select"
|
|
|
|
onclick="changeColor();" />
|
|
|
|
</dvi>
|
|
|
|
</div>
|
2019-03-16 15:13:30 +01:00
|
|
|
</div>
|
2019-03-18 03:35:07 +01:00
|
|
|
<a id="playing" target="_blank"></a>
|
2019-03-17 22:31:48 +01:00
|
|
|
<div id="messages" class="scrollbar"></div>
|
|
|
|
<div id="msgbox">
|
2019-06-10 17:15:41 +02:00
|
|
|
<div id="suggestions" class="scrollbar" style="display: none;"></div>
|
2019-03-17 22:31:48 +01:00
|
|
|
<textarea id="msg"></textarea>
|
|
|
|
</div>
|
2019-03-23 20:37:48 +01:00
|
|
|
<input id="send" type="button" class="button" onclick="sendChat();" value="Send" />
|
2019-03-17 22:31:48 +01:00
|
|
|
<div>
|
|
|
|
<!-- This is an empty div so there can be an empty space below the send button -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="joinbox">
|
2019-03-18 03:35:07 +01:00
|
|
|
<div style="color: #e5e0e5; text-align: center;">Please enter your name<br />to join the chat</div>
|
|
|
|
<div>
|
2019-03-23 20:37:48 +01:00
|
|
|
<input id="name" type="text" maxlength="36">
|
|
|
|
<input id="join" type="button" class="button pretty-button" onclick="join();" value="Join" />
|
2019-03-31 23:25:24 +02:00
|
|
|
{{if .Video}}
|
|
|
|
<div style="display: flex; flex-direction: column; align-items: center;">
|
|
|
|
<a href="/chat">Chat Only</a>
|
|
|
|
<a href="/video">Video Only</a>
|
2020-02-14 19:49:18 +01:00
|
|
|
<a href="/video" onclick="window.open('/chat', '_blank');">Both Separately</a>
|
2019-03-31 23:25:24 +02:00
|
|
|
</div>
|
|
|
|
{{end}}
|
2019-03-18 03:35:07 +01:00
|
|
|
</div>
|
2019-03-17 22:31:48 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
2019-03-23 13:49:00 +01:00
|
|
|
{{end}}
|
2020-06-03 21:15:30 +02:00
|
|
|
{{end}}
|