openct-tasks/bebras-server-modules-libs/examples/browser/index.html

162 lines
8.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>BebrasServer</title>
<script
src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/hmac-sha256.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/components/enc-base64-min.js"></script>
<script src="../../bebras_tools.js" type="text/javascript"></script>
<script src="../../jwt.js" type="text/javascript"></script>
</head>
<body>
<div class="container">
<div class="form-group">
<label for="host">Server host</label>
<input type="text" class="form-control" id="host" value="http://localhost:3000">
</div>
<div class="form-group">
<label for="platform_id">Platform name</label>
<input type="text" class="form-control" id="platform_name" value="test">
</div>
<div class="form-group">
<label for="task_id">Task itemUrl</label>
<input type="text" class="form-control" id="task_url" value="http://localhost?taskID=test-server-modules">
</div>
<div class="form-group">
<label for="random_seed">Task randomSeed</label>
<input type="text" class="form-control" id="task_random_seed" value="1">
</div>
<div class="form-group">
<label for="token_token">Task token key</label>
<input type="text" class="form-control" id="token_key" value="buddy">
</div>
<button class="btn btn-primary" id="init">Reinit</button>
</div>
<hr>
<div class="container">
<div role="tabpanel">
<div class="row">
<div class="col-md-3">
<ul class="nav nav-pills nav-stacked" role="tablist">
<li role="presentation" class="active">
<a href="#data-action-write" aria-controls="write" role="tab" data-toggle="tab">dataStore.write()</a>
</li>
<li role="presentation">
<a href="#data-action-read" aria-controls="tab" role="tab" data-toggle="tab">dataStore.read()</a>
</li>
<li role="presentation">
<a href="#data-action-delete" aria-controls="tab" role="tab" data-toggle="tab">dataStore.delete()</a>
</li>
<li role="presentation">
<a href="#data-action-empty" aria-controls="tab" role="tab" data-toggle="tab">dataStore.empty()</a>
</li>
<li role="presentation">
<a href="#asset-action-add" aria-controls="tab" role="tab" data-toggle="tab">assetsPublisher.add()</a>
</li>
<li role="presentation">
<a href="#asset-action-url" aria-controls="tab" role="tab" data-toggle="tab">assetsPublisher.getUrl()</a>
</li>
<li role="presentation">
<a href="#asset-action-delete" aria-controls="tab" role="tab" data-toggle="tab">assetsPublisher.delete()</a>
</li>
<li role="presentation">
<a href="#asset-action-empty" aria-controls="tab" role="tab" data-toggle="tab">assetsPublisher.empty()</a>
</li>
</ul>
</div>
<div class="col-md-9">
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="data-action-write">
<div class="form-group">
<label for="data-action-write-key">Key</label>
<input type="text" class="form-control" id="data-action-write-key" value="test_key">
</div>
<div class="form-group">
<label for="data-action-write-value">Value</label>
<input type="text" class="form-control" id="data-action-write-value" value="test_value">
</div>
<div class="form-group">
<label for="data-action-write-duration">Duration</label>
<input type="text" class="form-control" id="data-action-write-duration" value="0">
</div>
<button class="btn btn-primary" id="data-action-write-send">Send</button>
</div>
<div role="tabpanel" class="tab-pane" id="data-action-read">
<div class="form-group">
<label for="data-action-read-key">Key</label>
<input type="text" class="form-control" id="data-action-read-key" value="test_key">
</div>
<button class="btn btn-primary" id="data-action-read-send">Send</button>
</div>
<div role="tabpanel" class="tab-pane" id="data-action-delete">
<div class="form-group">
<label for="data-action-delete-key">Key</label>
<input type="text" class="form-control" id="data-action-delete-key" value="test_key">
</div>
<button class="btn btn-primary" id="data-action-delete-send">Send</button>
</div>
<div role="tabpanel" class="tab-pane" id="data-action-empty">
<button class="btn btn-primary" id="data-action-empty-send">Send</button>
</div>
<div role="tabpanel" class="tab-pane" id="asset-action-add">
<div class="form-group">
<label for="asset-action-add-key">Key</label>
<input type="text" class="form-control" id="asset-action-add-key" value="test_key">
</div>
<div class="form-group">
<label for="asset-action-add-file">File</label>
<input type="file" class="form-control" id="asset-action-add-file">
</div>
<button class="btn btn-primary" id="asset-action-add-send">Send</button>
</div>
<div role="tabpanel" class="tab-pane" id="asset-action-url">
<div class="form-group">
<label for="asset-action-url-key">Key</label>
<input type="text" class="form-control" id="asset-action-url-key" value="test_key">
</div>
<button class="btn btn-primary" id="asset-action-url-send">Send</button>
</div>
<div role="tabpanel" class="tab-pane" id="asset-action-delete">
<div class="form-group">
<label for="asset-action-delete-key">Key</label>
<input type="text" class="form-control" id="asset-action-delete-key" value="test_key">
</div>
<button class="btn btn-primary" id="asset-action-delete-send">Send</button>
</div>
<div role="tabpanel" class="tab-pane" id="asset-action-empty">
<button class="btn btn-primary" id="asset-action-empty-send">Send</button>
</div>
</div>
<hr>
<div class="alert alert-info" id="result" style="display: none">
<strong></strong> <div></div>
</div>
</div>
</div>
</div>
</div>
<script src="demo.js" type="text/javascript"></script>
</body>
</html>