2016-07-05 18:06:22 +00:00
<!doctype html>
< html class = "no-js" lang = "" >
< head >
< meta charset = "utf-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" >
2016-07-06 18:44:20 +00:00
< title > Node-OpenDroneMap< / title >
2016-07-05 18:06:22 +00:00
< 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 = "/" > Node-OpenDroneMap< / 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" >
2016-07-26 19:20:37 +00:00
< label for = "taskName" > Project Name:< / lable > < input type = "text" class = "form-control" value = "" id = "taskName" / >
2016-07-05 18:06:22 +00:00
< / div >
< div class = "form-group" >
2016-07-31 23:54:47 +00:00
< label for = "images" > Aerial Images and GCP List (optional):< / label > < input id = "images" name = "images" multiple type = "file" >
2016-07-26 19:20:37 +00:00
< div id = "errorBlock" class = "help-block" > < / div >
< / div >
< div class = "text-right" > < input type = "submit" class = "btn btn-success" value = "Start Task" id = "btnUpload" / > < / 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 data-bind = "foreach: options" >
2016-07-28 16:28:18 +00:00
< 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" >
2016-07-26 19:20:37 +00:00
<!-- /ko -->
2016-07-28 16:28:18 +00:00
<!-- ko if: properties.type === 'bool' -->
2016-07-26 19:20:37 +00:00
< div class = "checkbox" >
< label >
< input type = "checkbox" data-bind = "checked: value" > Enable
< / label >
2016-07-05 18:06:22 +00:00
< / div >
2016-07-26 19:20:37 +00:00
<!-- /ko -->
2016-07-28 16:28:18 +00:00
< button type = "submit" class = "btn glyphicon glyphicon-info-sign btn-info" data-toggle = "tooltip" data-placement = "top" data-bind = "attr: {title: properties.help}" > < / button >
2016-07-26 19:20:37 +00:00
< 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 >
2016-07-05 18:06:22 +00:00
2016-07-26 19:20:37 +00:00
< br / > < br / >
< / div >
< / div >
< / div >
< / div >
< / form >
2016-07-05 18:06:22 +00:00
< / div >
2016-07-26 01:10:18 +00:00
< div class = "col-md-7" id = "taskList" >
2016-07-06 18:44:20 +00:00
< 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" >
2016-07-08 20:44:48 +00:00
< div class = "task" data-bind = "css: {pulsePositive: info().status && info().status.code === 40, pulseNegative: info().status && info().status.code === 30}" >
2016-07-07 22:07:17 +00:00
< p data-bind = "visible: loading()" > Retrieving < span data-bind = "text: uuid" > < / span > ... < span class = "glyphicon glyphicon-refresh spinning" > < / span > < / p >
2016-07-06 18:44:20 +00:00
< div data-bind = "visible: !loading() && !info().error" >
2016-11-05 18:46:32 +00:00
< div class = "taskItem" > < strong > UUID:< / strong > < a data-bind = "text: info().uuid, attr: {href: '/task/' + info().uuid + '/info'}" > < / a > < / div >
2016-07-06 18:44:20 +00:00
< div class = "taskItem" > < strong > Name:< / strong > < span data-bind = "text: info().name" > < / span > < / div >
2016-07-07 22:07:17 +00:00
< div class = "taskItem" > < strong > Images:< / strong > < span data-bind = "text: info().imagesCount" > < / span > < / div >
2016-07-06 18:44:20 +00:00
< div class = "taskItem" > < strong > Status:< / strong > < span data-bind = "text: statusDescr()" > < / span > < / div >
2016-07-14 21:42:12 +00:00
< div class = "taskItem" > < strong > Time Elapsed:< / strong > < span data-bind = "text: timeElapsed()" > < / span > < / div >
2016-07-09 16:58:14 +00:00
< 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(''), visible: viewingOutput(), event: {mouseover: consoleMouseOver, mouseout: consoleMouseOut}, attr: {id: 'console_' + uuid}" > < / textarea >
2016-07-07 22:07:17 +00:00
< span data-bind = "css: 'statusIcon glyphicon ' + icon()" > < / span >
2016-07-06 18:44:20 +00:00
< div class = "actionButtons" >
2016-07-18 21:00:01 +00:00
< button data-bind = "click: download, visible: showDownload()" type = "button" class = "btn btn-primary btn-sm" >
2016-11-05 18:46:32 +00:00
< 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
2016-07-18 21:00:01 +00:00
< / button >
2016-07-14 21:42:12 +00:00
< button data-bind = "click: cancel, visible: showCancel()" type = "button" class = "btn btn-primary btn-sm" >
2016-07-07 22:07:17 +00:00
< span class = "glyphicon glyphicon-remove-circle" > < / span > Cancel
< / button >
2016-07-14 21:42:12 +00:00
< button data-bind = "click: restart, visible: showRestart()" type = "button" class = "btn btn-primary btn-sm" >
2016-07-07 22:07:17 +00:00
< span class = "glyphicon glyphicon-play" > < / span > Restart
2016-07-06 18:44:20 +00:00
< / button >
2016-07-14 21:42:12 +00:00
< button data-bind = "click: remove, visible: showRemove()" type = "button" class = "btn btn-primary btn-sm" >
< span class = "glyphicon glyphicon-remove-circle" > < / span > Remove
< / button >
2016-07-06 18:44:20 +00:00
< / 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" >
2016-07-07 22:07:17 +00:00
< span class = "glyphicon glyphicon-remove-circle" > < / span > Remove
2016-07-06 18:44:20 +00:00
< / button >
< / div >
< / div >
< / div >
< / div >
2016-07-05 18:06:22 +00:00
< / div >
< / div >
< hr >
< footer >
2016-11-05 18:46:32 +00:00
< p > Links: < a href = "https://github.com/pierotofy/node-OpenDroneMap/blob/master/docs/index.adoc" target = "_blank" > API Docs< / a > | < a href = "https://github.com/OpenDroneMap/WebODM" target = "_blank" > WebODM< / a >
2016-07-05 18:06:22 +00:00
< 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/pierotofy/node-OpenDroneMap" target = "_blank" > node-opendronemap< / 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 >
2016-07-06 18:44:20 +00:00
< script src = "js/vendor/knockout-3.4.0.js" > < / script >
2016-07-05 18:06:22 +00:00
< script src = "js/fileinput.js" type = "text/javascript" > < / script >
2016-07-26 01:10:18 +00:00
2016-07-05 18:06:22 +00:00
< script src = "js/main.js" > < / script >
< / body >
< / html >