alex_orid/Praxis_Bot
2
0
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity
b47663a125
Praxis_Bot/user_client/v1/index.html
Alex Orid b47663a125 progress
2021-05-11 16:26:00 -04:00

266 lines
15 KiB
HTML
Raw Blame History

<html lang="en-us">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Praxis Bot Control Panel</title>
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="css/materialize.css" media="screen,projection"/>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
</head>
<body>
<div class="row">
<div class="col s12 blue sticky ontop">
<ul class="tabs blue">
<li class="tab col s3"><a class="active" href="#Home" style="color: white;">Home</a></li>
<li class="tab col s3"><a href="#Settings" style="color: white;">Settings</a></li>
<li class="tab col s3 "><a href="#About" style="color: white;">About</a></li>
</ul>
</div>
<div id="Home">
<div class="sticky ontop">
<div id="header">
<!--<div class="" style="display:flex;">
<div class="headerItem left"><p class="headerText">Home</p></div>
</div>
<div class="" style="display:flex;">
<div class="headerItem"><p class="headerText">Settings</p></div>
<div class="headerItem"><p class="headerText">About</p></div>
</div>-->
</div>
<!--<a class="btn-floating btn-large waves-effect waves-light red right hide-on-small-and-down" ><i class="material-icons">add</i></a>-->
</div>
<div id=bodyarea class="row" style="">
<div id="sidebar_area" class="col s12 m3 hide-on-small-and-down card" style="position: fixed;">
<div style="" onclick="BotStatus()"><p id="BotStatus" class="card noselect" style="padding-left: 3px;padding-right: 3px;">Bot Status: ??</p></div>
<div class="row" style="padding-left: 3px;" style="">
<a href="index.html"><div class="s12 card waves-effect waves-light btn-large colsInSideBar" style="background-color: #42A5F5;">
<i class="material-icons">arrow_upward</i>
</div></a>
<div class="lineSeperator blue"></div>
<a href="#Chyron"><div class="s12 card waves-effect waves-light btn-large colsInSideBar" style="background-color: #42A5F5;">
<p>Chyron</p>
</div></a>
<a href="#Commands"><div class="s12 card waves-effect waves-light btn-large colsInSideBar" style="background-color: #42A5F5;">
<p>Commands</p>
</div></a>
<a href="#Rewards"><div class="s12 card colsInSideBar waves-effect waves-light btn-large" style="background-color: #42A5F5;">
<p>Rewards</p>
</div></a>
<a href="#Timers"><div class="s12 card colsInSideBar waves-effect waves-light btn-large hide" style="background-color: #42A5F5;">
<p>Timers</p>
</div></a>
<a href="#TextSources"><div class="s12 card colsInSideBar waves-effect waves-light btn-large" style="background-color: #42A5F5;">
<p>Text Sources</p>
</div></a>
<a href="#EventHistory"><div class="lineSeperator blue"></div>
<div class="s12 card colsInSideBar waves-effect waves-light btn-large" style="background-color: #42A5F5;">
<p>Event History</p>
</div></a>
<a href="#Services"><div class="s12 card colsInSideBar waves-effect waves-light btn-large hide" style="background-color: #42A5F5;">
<p>Services</p>
</div></a>
</div>
</div>
<div id="main_area" class="col s12 m9 right card">
<div id="Chyron" style="padding-top: 20px;"><div class="rowsInMain center card">
<a class="btn-floating btn-large waves-effect waves-light red right hide-on-small-and-down" style="margin-right: 10px;">
<i class="material-icons">add</i>
</a><h3>Chyron:</h3></div>
<div class="rowsInMain row card" style="margin-right: 20px;margin-left: 20px;margin-top: 30px;margin-bottom: 30px;">
<div class="col s3"><p>Section Name:</p></div>
<div class="col s3"><p>Title:</p></div>
<div class="col s3"><p>Content:</p></div>
<div class="col s1 switch"><label>Enabled:<input type="checkbox"><span class="lever"></span></label></div>
<div class="col s1 btn red waves-effect"><i class="material-icons">delete</i></div>
</div>
<div id="Commands" style="padding-top: 20px;"></div><div class="rowsInMain center card">
<a class="btn-floating btn-large waves-effect waves-light red right hide-on-small-and-down hide" style="margin-right: 10px;">
<i class="material-icons">add</i>
</a><h3>Commands:</h3></div>
<div class="rowsInMain row card" style="margin-right: 20px;margin-left: 20px;margin-top: 30px;margin-bottom: 30px;">
<div class="col s3"><p>Command Name:</p></div>
<div class="col s1 switch"><label>Enabled:<input type="checkbox"><span class="lever"></span></label></div>
</div>
<div id="Rewards" style="padding-top: 20px;"></div><div class="rowsInMain center card">
<a class="btn-floating btn-large waves-effect waves-light red right hide-on-small-and-down hide" style="margin-right: 10px;">
<i class="material-icons">add</i>
</a><h3>Rewards:</h3></div>
<div class="rowsInMain row card" style="margin-right: 20px;margin-left: 20px;margin-top: 30px;margin-bottom: 30px;">
<div class="col s3"><p>Reward Name:</p></div>
<div class="col s1 switch"><label>Enabled:<input type="checkbox"><span class="lever"></span></label></div>
</div>
<div id="Timers" style="padding-top: 20px;"></div><div class="rowsInMain center card hide">
<a class="btn-floating btn-large waves-effect waves-light red right hide-on-small-and-down" style="margin-right: 10px;">
<i class="material-icons">add</i>
</a><h3>Timers:</h3></div>
<div class="rowsInMain row card hide" style="margin-right: 20px;margin-left: 20px;margin-top: 30px;margin-bottom: 30px;">
<div class="col s3"><p>Timer Name:</p></div>
<div class="col s3"><p>Trigger:</p></div>
<div class="col s3"><p>Trigger_EXEC:</p></div>
<div class="col s "><p>O</p></div>
</div>
<div id="TextSources" style="padding-top: 20px;"></div><div class="rowsInMain center card">
<a class="btn-floating btn-large waves-effect waves-light green right hide-on-small-and-down" style="margin-right: 10px;">
<i class="material-icons">add</i>
</a><h3>Text Sources:</h3></div>
<div class="rowsInMain row card" style="margin-right: 20px;margin-left: 20px;margin-top: 30px;margin-bottom: 30px;">
<div class="col s3"><p>File Name:</p></div>
<div class="col s3"><p>Title:</p></div>
<div class="col s3"><p>Text:</p></div>
<div class="col s1 btn red waves-effect"><i class="material-icons ">delete</i></div>
</div>
<div id="EventHistory" style="padding-top: 20px;"></div><div class="rowsInMain center card">
<a class="btn-floating btn-large waves-effect waves-light blue right hide-on-small-and-down" style="margin-right: 10px;">
<i class="material-icons">refresh</i>
</a><h3>Event History:</h3></div>
<div class="EventHistoryWrapper">
<div class="rowsInMain row card">
<div class="col s3"><p>Event:</p></div>
<div class="col s3"><p>User:</p></div>
<div class="col s3"><p>Message:</p></div>
<div class="col s1 right"><p>O</p></div>
</div>
<div class="rowsInMain row card">
<div class="col s3"><p>Event:</p></div>
<div class="col s3"><p>User:</p></div>
<div class="col s3"><p>Message:</p></div>
<div class="col s1 right"><p>O</p></div>
</div>
<div class="rowsInMain row card">
<div class="col s3"><p>Event:</p></div>
<div class="col s3"><p>User:</p></div>
<div class="col s3"><p>Message:</p></div>
<div class="col s1 right"><p>O</p></div>
</div>
<div class="rowsInMain row card">
<div class="col s3"><p>Event:</p></div>
<div class="col s3"><p>User:</p></div>
<div class="col s3"><p>Message:</p></div>
<div class="col s1 right"><p>O</p></div>
</div>
<div class="rowsInMain row card">
<div class="col s3"><p>Event:</p></div>
<div class="col s3"><p>User:</p></div>
<div class="col s3"><p>Message:</p></div>
<div class="col s1 right"><p>O</p></div>
</div>
<div class="rowsInMain row card">
<div class="col s3"><p>Event:</p></div>
<div class="col s3"><p>User:</p></div>
<div class="col s3"><p>Message:</p></div>
<div class="col s1 right"><p>O</p></div>
</div>
<div class="rowsInMain row card">
<div class="col s3"><p>Event:</p></div>
<div class="col s3"><p>User:</p></div>
<div class="col s3"><p>Message:</p></div>
<div class="col s1 right"><p>O</p></div>
</div>
<div class="rowsInMain row card">
<div class="col s3"><p>Event:</p></div>
<div class="col s3"><p>User:</p></div>
<div class="col s3"><p>Message:</p></div>
<div class="col s1 right"><p>O</p></div>
</div>
</div>
<div id="Services" style="padding-top: 20px;"></div><div class="rowsInMain center card hide"><h3>Services:</h3></div>
<div class="row hide">
<div class="col s6 m3">
<div class="card modulesCard">
<div class="modulesCardWrap">
<h6 style="padding-top: 15px;">Commands</h6>
<a class="waves-effect waves-light btn modulesCardWrapButton">Enable</a>
</div>
</div>
</div>
<div class="col s6 m3">
<div class="card modulesCard">
<div class="modulesCardWrap">
<h6 style="padding-top: 15px;">Rewards</h6>
<a class="waves-effect waves-light btn modulesCardWrapButton">Enable</a>
</div>
</div>
</div>
<div class="col s6 m3">
<div class="card modulesCard">
<div class="modulesCardWrap">
<h6 style="padding-top: 15px;">RGB Lights</h6>
<a class="waves-effect waves-light btn modulesCardWrapButton">Enable</a>
</div>
</div>
</div>
<div class="col s6 m3">
<div class="card modulesCard">
<div class="modulesCardWrap">
<h6 style="padding-top: 15px;">Text Sources</h6>
<a class="waves-effect waves-light btn modulesCardWrapButton">Enable</a>
</div>
</div>
</div>
<div class="col s6 m3">
<div class="card modulesCard">
<div class="modulesCardWrap">
<h6 style="padding-top: 15px;">TTS</h6>
<a class="waves-effect waves-light btn modulesCardWrapButton">Enable</a>
</div>
</div>
</div>
<div class="col s6 m3">
<div class="card modulesCard">
<div class="modulesCardWrap">
<h6 style="padding-top: 15px;">OBS Web Socket</h6>
<a class="waves-effect waves-light btn modulesCardWrapButton">Enable</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="Settings"></div>
<div id="About"></div>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/materialize.js"></script>
<!-- Load React. -->
<!-- Note: when deploying, replace "development.js" with "production.min.js". -->
<!--<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>-->
<!--<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>-->
<script src="webclient.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink