src/single.html

<!--
 * ## Notices
 * Copyright 2019 United States Government as represented by the Administrator 
 * of the National Aeronautics and Space Administration. All Rights Reserved.
 * 
 * ## Disclaimers
 * No Warranty: THE SUBJECT SOFTWARE IS PROVIDED "AS IS" WITHOUT ANY WARRANTY OF ANY KIND, 
 * EITHER EXPRESSED, IMPLIED, OR STATUTORY, INCLUDING, BUT NOT LIMITED TO, ANY WARRANTY 
 * THAT THE SUBJECT SOFTWARE WILL CONFORM TO SPECIFICATIONS, ANY IMPLIED WARRANTIES OF 
 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, OR FREEDOM FROM INFRINGEMENT, 
 * ANY WARRANTY THAT THE SUBJECT SOFTWARE WILL BE ERROR FREE, OR ANY WARRANTY THAT 
 * DOCUMENTATION, IF PROVIDED, WILL CONFORM TO THE SUBJECT SOFTWARE. THIS AGREEMENT DOES NOT, 
 * IN ANY MANNER, CONSTITUTE AN ENDORSEMENT BY GOVERNMENT AGENCY OR ANY PRIOR RECIPIENT 
 * OF ANY RESULTS, RESULTING DESIGNS, HARDWARE, SOFTWARE PRODUCTS OR ANY OTHER APPLICATIONS 
 * RESULTING FROM USE OF THE SUBJECT SOFTWARE.  FURTHER, GOVERNMENT AGENCY DISCLAIMS 
 * ALL WARRANTIES AND LIABILITIES REGARDING THIRD-PARTY SOFTWARE, IF PRESENT IN THE 
 * ORIGINAL SOFTWARE, AND DISTRIBUTES IT "AS IS."
 * 
 * Waiver and Indemnity:  RECIPIENT AGREES TO WAIVE ANY AND ALL CLAIMS AGAINST THE 
 * UNITED STATES GOVERNMENT, ITS CONTRACTORS AND SUBCONTRACTORS, AS WELL AS ANY PRIOR 
 * RECIPIENT.  IF RECIPIENT'S USE OF THE SUBJECT SOFTWARE RESULTS IN ANY LIABILITIES, 
 * DEMANDS, DAMAGES, EXPENSES OR LOSSES ARISING FROM SUCH USE, INCLUDING ANY DAMAGES 
 * FROM PRODUCTS BASED ON, OR RESULTING FROM, RECIPIENT'S USE OF THE SUBJECT SOFTWARE, 
 * RECIPIENT SHALL INDEMNIFY AND HOLD HARMLESS THE UNITED STATES GOVERNMENT, 
 * ITS CONTRACTORS AND SUBCONTRACTORS, AS WELL AS ANY PRIOR RECIPIENT, TO THE EXTENT 
 * PERMITTED BY LAW.  RECIPIENT'S SOLE REMEDY FOR ANY SUCH MATTER SHALL BE THE IMMEDIATE, 
 * UNILATERAL TERMINATION OF THIS AGREEMENT.
-->
<!DOCTYPE HTML>
<html style="background-color:ghostwhite; transform-origin:left top;">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible">
        <title></title>
        <meta name="viewport" content="width=device-width">
        <link rel="stylesheet" href="node_modules/leaflet/dist/leaflet.css">
        <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
        <link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.min.css">
        <link rel="stylesheet" href="node_modules/animate.css/animate.min.css">
        <link rel="stylesheet" href="daa-displays/css/daa-displays.css">
    </head>
    <body>
        <div class="zoomable">
            <style>
                .input-group {
                    z-index: 1;
                }
            </style>
            <div id="main-frame" style="position:absolute; margin-top:60px; margin-left:-10px; transform-origin: top left; transform: scale(0.5);">
                <div class="daa-disp" style="position:absolute;">
                    <div id="daidalus-version" class="input-group" style="height:31px;width:400px; margin-left:4px;"></div>
                    <div id="daidalus-configuration" class="input-group" style="height:31px;width:400px; margin-left:4px;"></div>
                    <div id="daidalus-wind" style="position:absolute; top:0px; height:60px; width:400px; margin-left:660px;"></div>
                    <div id="daa-cockpit" style="position:absolute; margin-top:10px; margin-left:-6px;">
                        <div id="daa-disp"></div>
                        <!-- <div id="daidalus-configuration-attributes" style="width:650px; margin-left:1140px;"></div> -->
                        <div id="daa-traffic" style="position:absolute; left:1140px; background-color:slategrey; width:650px; border:solid black 1px; border-radius: 4px; top:4px; height:600px; overflow-y:auto;"></div>
                        <div id="daa-monitors" style="position:absolute; left:1140px; background-color:slategrey; width:650px; border:solid black 1px; border-radius: 4px; top:608px;"></div>
                    </div>
                    <div id="activation-controls" style="position:absolute; top:940px;"></div>
                    <div id="simulation-controls" style="position:absolute; top:1030px; left:1292px"></div>
                    <div id="simulation-plot" style="position:absolute; top:950px;"></div>
                </div>
            </div>
        </div>

        <script src="jquery.js"></script>
        <script src="bootstrap.bundle.js"></script>
        <script src="handlebars.js"></script>
        <script src="underscore.js"></script>
        <script src="backbone.js"></script>
        <script src="node_modules/requirejs/require.js" data-main="single-view.js"></script>
        <script>
            // this is needed by require.js because backbone modifies $ and require.js picks by default the original $ imported with <script> 
            define('jquery', function () {
                return $; // Just return the jQuery loaded with `script`.
            });
        </script>
    </body>
</html>