django_coreprotect/templates/coreprotect/coreprotect.html

149 lines
5.2 KiB
HTML
Raw Normal View History

{% load static %}
<!doctype html>
<html>
<head>
<!--meta charset="UTF-8"/-->
<META http-equiv="Content-type" content="text/html; charset=iso-8859-1">
<title>CoreProtect Web Interface</title>
<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
<link rel="stylesheet" src="http://normalize-css.googlecode.com/svn/trunk/normalize.css"/>
<link id="theme" rel="stylesheet" type="text/css" href="{% static 'coreprotect/css/main.css' %}"/>
<link id="theme" rel="stylesheet" type="text/css" href="{% static 'coreprotect/css/datetimepicker.css' %}"/>
<link id="theme" rel="stylesheet" type="text/css" href="{% static 'coreprotect/css/datepicker.css' %}"/>
<link id="theme" rel="stylesheet" type="text/css" href="{% static 'coreprotect/css/slider.css' %}"/>
<script src="{% static 'coreprotect/js/jquery.js' %}"></script>
<script src="{% static 'coreprotect/js/jqueryui.js' %}"></script>
<script src="{% static 'coreprotect/js/datatables.js' %}"></script>
<script src="{% static 'coreprotect/js/datetimepicker.js' %}"></script>
</head>
<body>
<div id="main">
<header>
<h1>CoreProtect 2 Web Interface</h1>
<!-- <select id="theme-select">
<option value="light">Light</option>
<option value="dark">Dark</option>
</select> -->
</header>
<section id="left-pane">
<form name="optionsForm">
<section id="options-top">
<div class="option-column">
<menu id="actions-container">
<h3>Actions</h3>
<label class="custom-check clickable">
<input type="checkbox">
<div>
<span></span>
<!-- Actions -->
</div>
</label>
</menu>
<menu id="worlds-container">
<h3>Worlds</h3>
<div id="loading-worlds" class="message">Loading worlds from database...</div>
<label class="custom-check clickable">
<input type="checkbox">
<div>
<span></span>
<!-- Worlds -->
</div>
</label>
</menu>
<button type="button" name="templateXray" style="float: left; margin-left: 4px; width: 50px;">X-Ray</button>
<!-- <img src="load.gif" id="loadIcon" style="float: right; margin-top: -5px; margin-right: 4px; visibility: hidden;"> -->
</div> <!-- option-column -->
<div class="option-column">
<menu id="players-container">
<h3>Players</h3>
<input name="players" type="text"
placeholder="Player Names" data-tooltip="Player names.<br>Accepts full or partial names.<br>Separate names with ,<br>e.g. lex,notch,xx_">
</menu>
<menu id="coords-container">
<h3>Coordinates</h3>
<input type="text" name="x" class="text-third" placeholder="X" data-tooltip="X coordinate.<br>Whole number only"><!--
--><input type="text" name="y" class="text-third" placeholder="Y" data-tooltip="Y coordinate<br>Whole number only"><!--
--><input type="text" name="z" class="text-third" placeholder="Z" data-tooltip="Z coordinate.<br>Whole number only"><br><!--
--><input type="text" name="radius" class="text-full" placeholder="Radius" data-tooltip="Radius.<br>Whole number only">
</menu>
<menu id="blocks-container">
<h3>Blocks</h3>
<input name="blocks" type="text" data-name="blocks" class="text-full"
placeholder="Block Names or IDs" data-tooltip="Blocks list.<br>Accepts full names, partial names, or block ids.<br>Separate names/ids with ,<br>e.g. 46,diam,lava">
</menu>
<menu id="dates-container">
<h3>Date and Time</h3>
<input name="from" type="text" date class="date text-full" id="date-from"
placeholder="Date From" readonly="readonly" data-tooltip="Date from.<br>Click to open the date and time picker." datepicker>
<input name="to" type="text" class="date text-full" id="date-to"
placeholder="Date To" readonly="readonly" data-tooltip="Date to.<br>Click to open the date and time picker." datepicker>
</menu>
<menu id="limit-container">
<h3>Limit Results</h3>
<select id="limit" class="text-full">
<option value="200">200</option>
<option value="500">500</option>
<option value="1000">1000</option>
<option value="2000">2000</option>
<option value="4000">4000</option>
<option value="10000">10000</option>
<option value="25000">25000</option>
<option value="-1">Show All Results</option>
</select>
</menu>
<menu id="options-container">
<h3>Options</h3>
<label class="custom-check clickable">
<input type="checkbox">
<div>
<span></span>
{{options.ignoreEnv.display}}
</div>
</label>
</menu>
<menu id="buttons-container">
<button name="search">Search</button><!--
--><button>Clear</button>
</menu>
</div> <!-- option-column -->
</section>
</form>
</section>
<section id="right-pane">
<div id="results-container">
<!-- Result table goes here -->
</div>
<br class="clearfix">
</section>
<br class="clearfix">
</div>
<div id="footer">
<div id="footer-container">
<div id="footer-info">
<!-- Footer data goes here -->
</div>
</div>
</div>
</body>
</html>