Serge NOEL
279 lines
16 KiB
HTML
279 lines
16 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>JSON Car List</title>
|
|
<meta name="description" content="">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="/css/bootstrap-theme.min.css">
|
|
<link rel="stylesheet" href="/css/main.css">
|
|
<link rel="stylesheet" href="/css/cars.css">
|
|
<link rel="stylesheet" href="/css/user.css">
|
|
<script src="/js/jquery-2.2.4.min.js"></script>
|
|
<script src="/js/bootstrap.min.js"></script>
|
|
<script src="/js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
|
|
<script src="/js/json2.js"></script>
|
|
<script src="/js/jquery.websocket.js"></script>
|
|
<script src="/js/logger.js"></script>
|
|
<script src="/js/jquery.jmri.js"></script>
|
|
<script src="/js/main.js"></script>
|
|
<script src="/js/sorttable.js"></script>
|
|
<script src="/js/cars.js"></script>
|
|
<script src="/js/user.js"></script>
|
|
</head>
|
|
<body id="cars">
|
|
<!--[if lt IE 7]>
|
|
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
|
|
<![endif]-->
|
|
<div id="wrap">
|
|
<!-- Navigation Bar %2$s -->
|
|
<div class="navbar navbar-default navbar-fixed-top">
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<a class="navbar-brand" href="/">My JMRI Railroad<!-- Railroad name %1$s --></a>
|
|
</div>
|
|
<div class="navbar-collapse collapse">
|
|
<ul class="nav navbar-nav">
|
|
<!-- <li class="context-home"><a href="/">Home</a></li> -->
|
|
<li class="dropdown context-panel">
|
|
<a href="/panel" class="dropdown-toggle" data-toggle="dropdown">Panels <b class="caret"></b></a>
|
|
<ul id="navbar-panels" class="dropdown-menu">
|
|
<li id="navbar-panel-thumbnails"><a href="/panel">Show Panels</a></li>
|
|
<li class="divider"></li>
|
|
<!-- <li class="dropdown-header context-panel-only">Nav header</li> -->
|
|
<li id="navbar-panel-reload" class="context-panel-only"><a href="#">Reload</a></li>
|
|
<li id="navbar-panel-xml" class="context-panel-only"><a href="#">Panel XML</a></li>
|
|
<li class="divider context-panel-only"></li>
|
|
<!-- will populate with ajax query -->
|
|
<li id="empty-panel-list" class="disabled"><a href="#">No Panels Loaded</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown context-roster">
|
|
<a href="/roster" class="dropdown-toggle" data-toggle="dropdown">Roster <b class="caret"></b></a>
|
|
<ul id="navbar-roster-groups" class="dropdown-menu"></ul>
|
|
</li>
|
|
<li class="dropdown context-operations">
|
|
<a href="/operations" class="dropdown-toggle" data-toggle="dropdown">Operations <b class="caret"></b></a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="/operations/trains">Trains</a></li>
|
|
<li><a href="/web/cars.html">Cars</a></li>
|
|
<li id="navbar-operations-train-divider" class="divider context-operations-only"></li>
|
|
<li id="navbar-operations-train" class="dropdown-header context-operations-only"></li>
|
|
<li id="navbar-operations-manifest" class="context-operations-only"><a href="#">Manifest</a></li>
|
|
<li id="navbar-operations-conductor" class="context-operations-only"><a href="#">Conductor</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown context-tables">
|
|
<a href="/tables" class="dropdown-toggle" data-toggle="dropdown">Tables <b class="caret"></b></a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="/tables/turnout">Turnouts</a></li>
|
|
<li><a href="/tables/sensor">Sensors</a></li>
|
|
<li><a href="/tables/route">Routes</a></li>
|
|
<li><a href="/tables/reporter">Reporters</a></li>
|
|
<li><a href="/tables/memory">Memories</a></li>
|
|
<li><a href="/tables/block">Blocks</a></li>
|
|
<li><a href="/tables/layoutBlock">Layout Blocks</a></li>
|
|
<li><a href="/tables/light">Lights</a></li>
|
|
<li><a href="/tables/signalMast">Signal Masts</a></li>
|
|
<li><a href="/tables/signalHead">Signal Heads</a></li>
|
|
<li><a href="/tables/location">Locations</a></li>
|
|
<li><a href="/tables/engine">Engines</a></li>
|
|
<li><a href="/tables/idTag">ID Tags</a></li>
|
|
<li class="divider"></li>
|
|
<li><a href="/tables/type">All Types</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li id="navbar-power" data-power="readonly" class="disabled"><a href="#" class="visible-xs">Layout power unknown</a><button type="button" class="btn navbar-btn disabled btn-warning hidden-xs"><span class="glyphicon glyphicon-off"></span></button></li>
|
|
<li class="dropdown context-config">
|
|
<a href="/config" class="dropdown-toggle" data-toggle="dropdown">Preferences <b class="caret"></b></a>
|
|
<ul id="navbar-config" class="dropdown-menu">
|
|
<li class="dropdown-header"><span id="font-size-value" class="pull-right"></span>Font size</li>
|
|
<li><a href="#" id="font-size-smaller" style="font-size: smaller">Smaller</a></li>
|
|
<li><a href="#" id="font-size-larger" style="font-size: larger">Larger</a></li>
|
|
<li class="divider"></li>
|
|
<li class="dropdown-header">Navigation Bar</li>
|
|
<li><div class="navbar-form checkbox"><label><input id="navbar-fixed-position" type="checkbox" checked="checked"> Fixed Position</label></div></li>
|
|
<li class="divider"></li>
|
|
<li><a href="#" id="reset-local-preferences">Reset</a></li>
|
|
<!-- divider and header for system preferences, should personal preferences be supported
|
|
<li class="divider"></li>
|
|
<li class="dropdown-header">System Preferences</li>
|
|
<li class="config-disabled-only disabled"><a href="#">System Preferences Disabled</a></li>
|
|
-->
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown">
|
|
<a href="" class="dropdown-toggle navbar-right" data-toggle="dropdown">Help <b class="caret"></b></a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="/help/en/html/web/index.shtml">Web Help</a></li>
|
|
<li><a href="/help/en/index.shtml">Introduction</a></li>
|
|
<li><a href="/help/en/webtoc.shtml">Help Contents</a></li>
|
|
<li><a href="/help/en/webindex.shtml">Index</a></li>
|
|
<li><a href="/tables/networkService">Network Services</a></li>
|
|
<li><a href="/tables/configProfile">Config Profiles</a></li>
|
|
<li><a href="/tables/systemConnection">System Connections</a></li>
|
|
<li><a href="/about">About</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
</ul>
|
|
</div><!--/.navbar-collapse -->
|
|
</div>
|
|
</div>
|
|
<div class="modal fade" id="navbar-power-modal" tabindex="-1" role="dialog" aria-labelledby="navbar-power-modal-label" aria-hidden="true">
|
|
<div class="modal-dialog modal-sm">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h4 class="modal-title" id="navbar-power-modal-label">Layout Power</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
Turn power<br class="visible-xs">
|
|
<button type="button" class="btn btn-success btn-lg" id="navbar-power-modal-on">On</button>
|
|
<button type="button" class="btn btn-danger btn-lg" id="navbar-power-modal-off">Off</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--
|
|
Provide a generic WebSocket reconnecting dialog for use by subclasses of the
|
|
jquery.jmri JavaScript library. See json-console.js for an example use.
|
|
|
|
Note that the jquery.jmri subclass that supports the power button in the
|
|
navigation bar silently attempts a reconnection and does not use this dialog.
|
|
-->
|
|
<div class="modal fade" id="modal-websocket-reconnecting" tabindex="-1" role="dialog" aria-labelledby="modal-websocket-reconnecting-label" aria-hidden="true">
|
|
<div class="modal-dialog text-danger">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<!--
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
-->
|
|
<h4 class="modal-title" id="modal-websocket-reconnecting-label">Reconnecting to <!-- Railroad name %1$s --></h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>The WebSocket connection to <!-- Railroad name %1$s --> on JMRI was lost.</p>
|
|
<p id="modal-websocket-reconnecting-attempt">Reconnecting <span id="modal-websocket-reconnecting-next">soon</span> (attempt <span id="modal-websocket-reconnecting-attempts">1</span> out of 20).</p>
|
|
<p id="modal-websocket-reconnecting-failed" class="hidden">Unable to reconnect.</p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-danger" id="modal-websocket-reconnecting-reload">Reload Page</button>
|
|
<button type="button" class="btn btn-primary" id="modal-websocket-reconnecting-now">Reconnect Now</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Navigation Bar %2$s -->
|
|
<div class="jumbotron">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-4">
|
|
<h1 class="title text-capitalize">JMRI Cars</h1>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<input id="searchBox" type="text" placeholder="Search..">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div id="activity-alert" class="alert alert-info alert-dismissable">Getting data...</div>
|
|
<div id="warning-no-data" class="alert alert-warning hidden">No data returned for this table.</div>
|
|
<div id="error-message" class="alert alert-danger hidden">Error message received.</div>
|
|
<table id="jmri-data" class="cars sortable table table-striped table-hover table-responsive hidden">
|
|
<thead>
|
|
<tr>
|
|
<th class='carName'>Name</th>
|
|
<th class='carType'>Type</th>
|
|
<th class='carColor'>Color</th>
|
|
<th class='location'>Location</th>
|
|
<th class='trainIconName'>Train</th>
|
|
<th class='destination'>Destination</th>
|
|
<th class='trainId'>trainId</th>
|
|
<th class='locationId'>locationId</th>
|
|
<th class='trackId'>trackId</th>
|
|
<th class='locationUnknown'>locationUnknown</th>
|
|
<th class='outOfService'>outOfService</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<!-- list of data goes here -->
|
|
</tbody>
|
|
</table>
|
|
</div><!-- /container -->
|
|
</div><!-- /wrap -->
|
|
<!-- modal dialog box for editing a car -->
|
|
<div class="modal fade" id="modal-car-edit" tabindex="-1" role="dialog" aria-labelledby="modal-car-edit-label" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header text-primary">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h4 class="modal-title" id="modal-car-edit-label">Edit Car <span id="modal-car-edit-carName"></span></h4>
|
|
</div>
|
|
<div class="modal-body text-secondary">
|
|
<div class="modal-cars-edit-box">
|
|
<p><span id="modal-car-edit-carType"></span><br />
|
|
<span id="modal-car-edit-location"></span></p>
|
|
</div>
|
|
<div class="modal-cars-edit-box text-danger" id="modal-car-edit-on-train">
|
|
<p>On Train <span id="modal-car-edit-trainIconName"></span> (<span id="modal-car-edit-trainId"></span>)
|
|
to <span id="modal-car-edit-destination"></span><br />
|
|
<input type="checkbox" id="modal-car-edit-remove-from-train"><span> Remove car from train?</span>
|
|
</div>
|
|
<div class="modal-cars-edit-box">
|
|
<label for "modal-car-edit-select-location">Set new location and track</label><br />
|
|
<select class="form-select" id="modal-car-edit-select-location" name="modal-car-edit-select-location"></select>
|
|
<select class="form-select" id="modal-car-edit-select-track" name="modal-car-edit-select-track"></select>
|
|
</div>
|
|
<div class="modal-cars-edit-box">
|
|
<p><input type="checkbox" id="modal-car-edit-locationUnknown"><span> Mark as Location Unknown?</span><br />
|
|
<input type="checkbox" id="modal-car-edit-outOfService"><span> Mark as Out of Service?</span></p>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<div id="modal-car-edit-other-data">
|
|
<span id="modal-car-edit-locationId"></span>
|
|
<span id="modal-car-edit-trackId"></span>
|
|
</div>
|
|
<button type="button" class="btn btn-primary" id="modal-car-edit-save">Save</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal fade" id="modal-car-error" tabindex="-1" role="dialog" aria-labelledby="modal-car-error-label" aria-hidden="true">
|
|
<div class="modal-dialog text-danger">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h4 class="modal-title" id="modal-car-error-label">Error!</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p id="modal-car-error-message">message goes here</p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer %4$s -->
|
|
<footer>
|
|
<div class="container">
|
|
<div id="no-websockets" class="hidden pull-right alert alert-warning alert-dismissable"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>WebSockets are disabled.</div>
|
|
<p class="text-muted">Powered by <a href="https://www.jmri.org">JMRI</a>.<span id="filter-text"></span></p>
|
|
</div>
|
|
</footer>
|
|
<!-- Footer %4$s -->
|
|
|
|
|
|
</html>
|