monkey/monkey_business/cc/admin/ui/index.html

162 lines
6.8 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Monkeys Business</title>
<meta charset="UTF-8">
<!-- js -->
<script type="text/javascript" src="./js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="./js/typeahead.bundle.min.js"></script>
<script type="text/javascript" src="./js/bootstrap.min.js"></script>
<script type="text/javascript" src="./js/sb-admin-2/sb-admin-2.js"></script>
<script type="text/javascript" src="./js/sb-admin-2/metisMenu.js"></script>
<script type="text/javascript" src="./js/jsoneditor.js"></script>
<script type="text/javascript" src="js/monkeysb-admin.js"></script>
<script type="text/javascript" src="./js/jquery.dataTables.min.js"></script>
<!-- css -->
<link type="text/css" href="./css/monkeys-admin.css" rel="stylesheet"/>
<link type="text/css" href="./css/typeahead.css" rel="stylesheet"/>
<link type="text/css" href="./css/bootstrap.min.css" rel="stylesheet"/>
<link type="text/css" href="./css/sb-admin-2/sb-admin-2.css" rel="stylesheet"/>
<link type="text/css" href="./css/sb-admin-2/metisMenu.css" rel="stylesheet"/>
<link type="text/css" href="./css/jquery.dataTables.min.css" rel="stylesheet"/>
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
</head>
<body onload="initAdmin();">
<div id="wrapper" class="row col-lg-12">
<!-- Space added so the other sections aren't sticked to the top of the page -->
<div class="row col-lg-12">
<div class="clearfix"></br></div>
</div>
<!-- /. -->
<!-- Main section -->
<div class="col-lg-9 col-md-12 col-sm-12">
<!-- Jobs section -->
<div class="panel panel-default">
<div class="panel-heading">
<a href="#jobs" data-toggle="collapse">Jobs</a>
</div>
<div id="jobs" class="panel-body panel-collapse collapse in">
<table class="table table-bordered table-hover" id="jobs-table">
<thead>
<tr><th>Id</th><th>Time</th><th>Type</th><th>Status</th><th>Properties</th></tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
<!-- /.Jobs section -->
<!-- Log section -->
<div class="panel panel-default">
<div class="panel-heading">
<a href="#logs" data-toggle="collapse">Log</a>
</div>
<div id="logs" class="panel-body panel-collapse collapse in">
<table class="table table-bordered table-hover" id="logs-table">
<thead>
<tr><th>Time</th><th>Data</th></tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
<!-- /.Log section -->
</div>
<!-- /.Main section -->
<!-- Options section -->
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="panel panel-default">
<div class="panel-heading">
<a href="#options" data-toggle="collapse">Options</a>
</div>
<div id="options" class="panel-body panel-collapse collapse in">
<span class="input-group-btn">
<button id="btnCreateJob" class="btn btn-default" type="button"
onclick="createNewJob()" style="margin-top:-4px">
Create new scenario
</button>
<button id="btnConfigSched" class="btn btn-default" type="button"
onclick="configSched()" style="margin-top:-4px">
Configure Auto Tester
</button>
</span>
<br/>
<!-- General options -->
<div class="panel panel-default">
<div class="panel-heading">
<a href="#newJob" data-toggle="collapse">Job Properties</a>
</div>
<div id="newJob" style="overflow: visible" class="panel-body panel-collapse collapse in" aria-expanded="true">
<div id="job-config-section">
<div id="job-config">
</div>
<button id="btnSendJob" class="btn btn-default" type="button"
onclick="sendJob()" style="margin-top:-4px; visibility: hidden">
Update
</button>
<button id="btnDeleteJob" class="btn btn-default" type="button"
onclick="deleteJob()" style="margin-top:-4px; visibility: hidden">
Delete
</button>
<button id="btnStopJob" class="btn btn-default" type="button"
onclick="stopJob()" style="margin-top:-4px; visibility: hidden">
Stop
</button>
</div>
</div>
</div>
<!-- /.General options -->
</div>
</div>
</div>
<!-- /.Options section -->
<!-- Config section -->
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="panel panel-default">
<div class="panel-heading">
<a href="#config" data-toggle="collapse">Config</a>
</div>
<div id="config" style="overflow: visible" class="panel-body panel-collapse collapse in" aria-expanded="true">
<span class="input-group-btn">
<button id="btnLoadConnectorsConfig" class="btn btn-default" type="button"
onclick="loadConnectorsConfig()" style="margin-top:-4px">
Change Connectors Config
</button>
</span>
<div id="connector-config-section">
<div id="connectors-config">
</div>
<button id="btnSaveConnectorConfig" class="btn btn-default" type="button"
onclick="updateConnectorConfig()" style="margin-top:-4px; visibility: hidden"">
Save Conectors Config
</button>
</div>
</span>
</div>
</div>
</div>
<!-- /.Config section -->
</div>
</body>
</html>