kopia lustrzana https://github.com/OpenDroneMap/NodeODM
177 wiersze
11 KiB
HTML
177 wiersze
11 KiB
HTML
<!doctype html>
|
|
<html class="no-js" lang="">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<title>NodeODM</title>
|
|
<meta name="description" content="">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<link rel="stylesheet" href="css/bootstrap.min.css">
|
|
<style>
|
|
body {
|
|
padding-top: 50px;
|
|
padding-bottom: 20px;
|
|
}
|
|
</style>
|
|
<link href="css/fileinput.css" media="all" rel="stylesheet" type="text/css" />
|
|
<link rel="stylesheet" href="css/main.css">
|
|
|
|
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<!--[if lt IE 8]>
|
|
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
|
|
<![endif]-->
|
|
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<a class="navbar-brand" href="/">NodeODM</a>
|
|
<p class="navbar-text navbar-right">Open Source Drone Aerial Imagery Processing</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="container">
|
|
<!-- Example row of columns -->
|
|
<div class="row">
|
|
<div class="col-md-5">
|
|
<h2>New Task</h2>
|
|
<br/>
|
|
<form enctype="multipart/form-data" onsubmit="return false;">
|
|
<div class="form-group form-inline">
|
|
<label for="taskName">Project Name:</lable> <input type="text" class="form-control" value="" id="taskName" />
|
|
</div>
|
|
<div id="imagesInput" class="form-group">
|
|
<label for="images">Aerial Images and GCP List (optional):</label> <input id="images" name="images" multiple accept="image/*|.txt|.zip" type="file">
|
|
|
|
</div>
|
|
<div id="zipFileInput" class="form-group hidden">
|
|
<label for="zipurl">URL to zip file with Aerial Images and GCP List (optional):</label> <input id="zipurl" name="zipurl" class="form-control" type="text">
|
|
|
|
</div>
|
|
<div id="errorBlock" class="help-block"></div>
|
|
|
|
<div class="text-right"><input type="button" class="btn btn-info" value="Switch to URL" id="btnShowImport" />
|
|
<input type="button" class="btn btn-info hidden" value="Switch to File Upload" id="btnShowUpload" />
|
|
<input type="submit" class="btn btn-success" value="Start Task" id="btnUpload" />
|
|
<input type="submit" class="btn btn-success hidden" value="Get ZIP" id="btnImport" /></div>
|
|
<div id="options">
|
|
<div class="form-inline form-group form-horizontal">
|
|
<div data-bind="visible: error(), text: error()" class="alert alert-warning" role="alert"></div>
|
|
<button style="position: relative; top: -45px;" type="submit" class="btn btn-default" data-bind="visible: !error(), click: function(){ showOptions(!showOptions()); }, text: (showOptions() ? 'Hide' : 'Show') + ' Options'"></button>
|
|
|
|
<div data-bind="visible: showOptions()">
|
|
|
|
<div>
|
|
<label for="webhook">webhook callback url (optional):</label>
|
|
<br/>
|
|
<input id="webhook" name="webhook" class="form-control" type="text">
|
|
<button type="submit" class="btn glyphicon glyphicon-info-sign btn-info" data-toggle="tooltip" data-placement="top" title="Optional webhook" ></button>
|
|
<button id="resetWebhook" type="submit" class="btn glyphicon glyphicon glyphicon-repeat btn-default" data-toggle="tooltip" data-placement="top" title="Reset to default" ></button>
|
|
<br/><br/>
|
|
</div>
|
|
|
|
|
|
<div data-bind="foreach: options">
|
|
<label data-bind="text: properties.name + (properties.domain ? ' (' + properties.domain + ')' : '')"></label><br/>
|
|
<!-- ko if: properties.type !== 'bool' -->
|
|
<input type="text" class="form-control" data-bind="attr: {placeholder: properties.value}, value: value">
|
|
<!-- /ko -->
|
|
<!-- ko if: properties.type === 'bool' -->
|
|
<div class="checkbox">
|
|
<label>
|
|
<input type="checkbox" data-bind="checked: value"> Enable
|
|
</label>
|
|
</div>
|
|
<!-- /ko -->
|
|
<button type="submit" class="btn glyphicon glyphicon-info-sign btn-info" data-toggle="tooltip" data-placement="top" data-bind="attr: {title: properties.help}"></button>
|
|
<button type="submit" class="btn glyphicon glyphicon glyphicon-repeat btn-default" data-toggle="tooltip" data-placement="top" title="Reset to default" data-bind="click: resetToDefault"></button>
|
|
|
|
<br/><br/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="col-md-7" id="taskList">
|
|
<h2>Current Tasks (<span data-bind="text: tasks().length"></span>)</h2>
|
|
<p data-bind="visible: tasks().length === 0">No running tasks.</p>
|
|
<div data-bind="foreach: tasks">
|
|
<div class="task" data-bind="css: {pulsePositive: info().status && info().status.code === 40, pulseNegative: info().status && info().status.code === 30}">
|
|
<p data-bind="visible: loading()">Retrieving <span data-bind="text: uuid"></span> ... <span class="glyphicon glyphicon-refresh spinning"></span></p>
|
|
<div data-bind="visible: !loading() && !info().error">
|
|
<div class="taskItem"><strong>UUID:</strong>
|
|
<a data-bind="text: info().uuid, attr: {href: '/task/' + info().uuid + '/info'}"></a>
|
|
</div>
|
|
<div class="taskItem"><strong>Name:</strong> <span data-bind="text: info().name"></span></div>
|
|
<div class="taskItem"><strong>Images:</strong> <span data-bind="text: info().imagesCount"></span></div>
|
|
<div class="taskItem"><strong>Status:</strong> <span data-bind="text: statusDescr()"></span></div>
|
|
<div class="taskItem"><strong>Time Elapsed:</strong> <span data-bind="text: timeElapsed()"></span></div>
|
|
<div class="taskItem"><strong>Output:</strong> <a href="javascript:void(0);" data-bind="click: viewOutput, visible: !viewingOutput()">View</a><a href="javascript:void(0);" data-bind="click: hideOutput, visible: viewingOutput()">Hide</a></div>
|
|
<textarea class="consoleOutput" data-bind="value: output().join('\n'), visible: viewingOutput(), event: {mouseover: consoleMouseOver, mouseout: consoleMouseOut}, attr: {id: 'console_' + uuid}"></textarea>
|
|
|
|
<span data-bind="css: 'statusIcon glyphicon ' + icon()"></span>
|
|
|
|
<div class="actionButtons">
|
|
<button data-bind="click: download, visible: showDownload()" type="button" class="btn btn-primary btn-sm">
|
|
<span class="glyphicon glyphicon-download-alt"></span> Download All Assets
|
|
</button>
|
|
|
|
<button data-bind="click: downloadOrthophoto, visible: showDownload()" type="button" class="btn btn-primary btn-sm">
|
|
<span class="glyphicon glyphicon-picture"></span> Download Orthophoto
|
|
</button>
|
|
|
|
<button data-bind="click: cancel, visible: showCancel()" type="button" class="btn btn-primary btn-sm">
|
|
<span class="glyphicon glyphicon-remove-circle"></span> Cancel
|
|
</button>
|
|
|
|
<button data-bind="click: restart, visible: showRestart()" type="button" class="btn btn-primary btn-sm">
|
|
<span class="glyphicon glyphicon-play"></span> Restart
|
|
</button>
|
|
|
|
<button data-bind="click: remove, visible: showRemove()" type="button" class="btn btn-primary btn-sm">
|
|
<span class="glyphicon glyphicon-remove-circle"></span> Remove
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Error messages -->
|
|
<div data-bind="visible: info().error !== undefined">
|
|
<div class="alert alert-warning" role="alert" data-bind="text: info().error"></div>
|
|
<div class="actionButtons">
|
|
<button data-bind="click: remove" type="button" class="btn btn-primary btn-sm">
|
|
<span class="glyphicon glyphicon-remove-circle"></span> Remove
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<footer>
|
|
<p>Links: <a href="https://github.com/OpenDroneMap/NodeODM/blob/master/docs/index.adoc" target="_blank">API Docs</a> | <a href="https://github.com/OpenDroneMap/WebODM" target="_blank">WebODM</a>
|
|
<p>This software is released under the terms of the <a href="https://www.gnu.org/licenses/gpl-3.0.en.html" target="_blank">GPLv3 License</a>. See <a href="https://github.com/OpenDroneMap/NodeODM" target="_blank">NodeODM</a> on Github for more information.</p>
|
|
</footer>
|
|
</div>
|
|
<!-- /container -->
|
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
|
|
<script>
|
|
window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')
|
|
</script>
|
|
<script src="js/vendor/bootstrap.min.js"></script>
|
|
<script src="js/vendor/knockout-3.4.0.js"></script>
|
|
<script src="js/fileinput.js" type="text/javascript"></script>
|
|
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
|
|
</html>
|