index.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Lab UI</title>
        <!--
Link to included files. These are typically done by fetching from the web.
Because this needs to run without an internet conection, the files were saved
locally
-->
        <script type="text/javascript" src="include/js/eventemitter2.min.js"></script>


        <!--    Bootstrap is a beatuful and usefull library of GUIs. Docs can be found here: http://getbootstrap.com/
Tutorials can be found here: http://www.w3schools.com/bootstrap/default.asp
-->
        <link rel="stylesheet" href="include/css/bootstrap.min.css">
        <script src="include/js/jquery.min.js"></script>
        <script src="include/js/bootstrap.min.js"></script>


        <script src="include/js/roslib.js"></script>
        <script type="text/javascript" src="include/js/roslib.js"></script>

        <script type="text/javascript" src="backend/js/ros_scripts.js"></script>
        <script type="text/javascript" src="backend/js/update_guis.js"></script>

        <script type="text/javascript" src="backend/js/Topic.js"></script>

        <meta name="viewport" content="width=device-width, initial-scale=1">

        <script>
            $(function(){
                $("#dataDisplayContent").load("data_display/data_display.html");
            });
        </script>

        <script type="text/javascript" src="data_display/js/ros_scripts.js"></script>
        <script type="text/javascript" src="data_display/js/update_guis.js"></script>


        <script>
            $(function(){
                $("#coordinatorContent").load("coordinator/coordinator.html");
            });
        </script>
        <script type="text/javascript" src="coordinator/js/ros_scripts.js"></script>
        <script type="text/javascript" src="coordinator/js/update_guis.js"></script>

    </head>
    <body>
        <div class="container">
            <div id="jumbotronTitle" class="jumbotron text-center">
                <h1>Lab UI</h1>
            </div>

            <ul id="tabs" class="nav nav-pills" data-tabs="tabs" >
                <li> <a href="#rosbridgeconnection" data-toggle="tab">
                    ROS Bridge Connection
                    <span id="rosbridgeconnection_badge" class="badge">
                        Not Connected
                    </span></a>
                </li>
                <!-- <li>
                    <a href="#DataDisplay" data-toggle="tab">
                        Data Display
                    </a>
                </li> -->
                <li class="active">
                    <a href="#Coordinator" data-toggle="tab">
                        Coordinator
                    </a>
                </li>
            </ul>

            <div id="my-tab-content" class="tab-content">

                <div class="tab-pane" id="DataDisplay">


                    <!-- ##################################### ROBOT DISPLAY PANEL ######################################### -->
                    <div id="dataDisplayContent"></div>
                    <!-- ##################################### END DISPLAY PANEL ######################################### -->

                </div>
                <div class="tab-pane active" id="Coordinator">


                    <!-- ##################################### ROBOT DISPLAY PANEL ######################################### -->
                    <div id="coordinatorContent"></div>
                    <!-- ##################################### END DISPLAY PANEL ######################################### -->

                </div>


                <div class="tab-pane" id="rosbridgeconnection">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            Predefined ROSBridge Connections
                        </div>
                        <div class="panel-body">
                            <!-- <button id="localhostButton" type="button" onclick="ros.attemptConnection('ws://localhost:9090')" class="btn btn-primary">
                                localhost
                                <script type="text/javascript">
                                    document.getElementById("ConnectionIPInput").value = ros.connectionName;
                                </script>
                            </button>
                            <button id="PhoebeButton" type="button" onclick="ros.attemptConnection('ws://phoebe.local:9090')" class="btn btn-primary">
                                Phoebe
                                <script type="text/javascript">
                                    document.getElementById("ConnectionIPInput").value = ros.connectionName;
                                </script>
                            </button>
                            <button id="TitanButton" type="button" onclick="ros.attemptConnection('ws://titan.local:9090')" class="btn btn-primary">
                                Titan
                                <script type="text/javascript">
                                    document.getElementById("ConnectionIPInput").value = ros.connectionName;
                                </script>
                            </button> -->
                            <button id="TitanButton1" type="button" onclick="ros.attemptConnection('ws://titan.aescape.co:9090')" class="btn btn-primary">
                                titan.aescape.co
                                <script type="text/javascript">
                                    document.getElementById("ConnectionIPInput").value = ros.connectionName;
                                </script>
                            </button>
                        </div>
                    </div>

                    <div class="panel panel-default">
                        <div class="panel-body">

                            <form class="form-inline" role="form" onsubmit="return validateForm()">
                                <div id="ConnectionIPForm" class="form-group has-warning" align="center">
                                    <span>
                                        <label id="ConnectionIPLabel" class="control-label" for="inputWarning">
                                            Connection Warning
                                        </label>
                                    </span>

                                    <span>
                                        <div class="input-group">
                                            <input type="text" id="ConnectionIPInput" class="form-control" placeholder="ROS Bridge Master IP" placeholder="No IP Address yet">
                                            <span class="input-group-btn">
                                                <button id="ConnectionButton" type="button" onclick="ros.attemptConnection()" class="btn btn-warning">
                                                    Connect
                                                    <script type="text/javascript">
                                                        document.getElementById("ConnectionIPInput").value = ros.connectionName;
                                                    </script>
                                                </button>
                                            </span>
                       

                                        </div>
                                    </span>
                                </div>
                            </form>
                        </div>
                    </div>

                    <div class="panel panel-default">
                        <div class="panel-heading">
                            ROS Topics.
                        </div>
                        <div class="panel-body">

                            <div class="col-sm-1" id="ROSTopics">
                                N/A
                            </div>
                        </div>
                    </div>

                    <div class="panel panel-default">
                        <div class="panel-heading">
                            ROS Nodes.
                        </div>
                        <div class="panel-body">

                            <div class="col-sm-1" id="ROSNodes">
                                N/A
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>

</body>
</html>
Now have web page pwrking on multiple devices 2015-05-20 17:48:29 -04:00			`<!DOCTYPE html>`
			`<html>`
ros_display now seperated into it's own file 2015-06-18 19:04:57 -04:00			`<head>`
			`<meta charset="utf-8" />`
Update default url 2019-02-28 12:29:30 -05:00			`<title>Lab UI</title>`
ros_display now seperated into it's own file 2015-06-18 19:04:57 -04:00			`<!--`
			`Link to included files. These are typically done by fetching from the web.`
			`Because this needs to run without an internet conection, the files were saved`
			`locally`
			`-->`
			`<script type="text/javascript" src="include/js/eventemitter2.min.js"></script>`
BIG CHANGE: Re-organise structure. Changes to README 2015-05-29 16:21:09 -04:00
Now have web page pwrking on multiple devices 2015-05-20 17:48:29 -04:00
ros_display now seperated into it's own file 2015-06-18 19:04:57 -04:00			`<!-- Bootstrap is a beatuful and usefull library of GUIs. Docs can be found here: http://getbootstrap.com/`
			`Tutorials can be found here: http://www.w3schools.com/bootstrap/default.asp`
			`-->`
			`<link rel="stylesheet" href="include/css/bootstrap.min.css">`
			`<script src="include/js/jquery.min.js"></script>`
			`<script src="include/js/bootstrap.min.js"></script>`
Now have web page pwrking on multiple devices 2015-05-20 17:48:29 -04:00
Moved around files into sub directories, Fixed form submission call function so that it does not refresh page on enter key 2015-05-21 11:15:53 -04:00
ros_display now seperated into it's own file 2015-06-18 19:04:57 -04:00			`<script src="include/js/roslib.js"></script>`
fixed douplicate functions for getting nodes and topics 2015-06-19 14:41:28 -07:00			`<script type="text/javascript" src="include/js/roslib.js"></script>`
Now have web page pwrking on multiple devices 2015-05-20 17:48:29 -04:00
fixed douplicate functions for getting nodes and topics 2015-06-19 14:41:28 -07:00			`<script type="text/javascript" src="backend/js/ros_scripts.js"></script>`
			`<script type="text/javascript" src="backend/js/update_guis.js"></script>`
Now have web page pwrking on multiple devices 2015-05-20 17:48:29 -04:00
now can choose which topics to bag in the control pannel 2015-06-29 16:56:20 -07:00			`<script type="text/javascript" src="backend/js/Topic.js"></script>`
Now have web page pwrking on multiple devices 2015-05-20 17:48:29 -04:00
ros_display now seperated into it's own file 2015-06-18 19:04:57 -04:00			`<meta name="viewport" content="width=device-width, initial-scale=1">`
BIG CHANGE: Re-organise structure. Changes to README 2015-05-29 16:21:09 -04:00
ros_display now seperated into it's own file 2015-06-18 19:04:57 -04:00			`<script>`
			`$(function(){`
Initial coordinator commit. 2019-02-25 16:54:05 -05:00			`$("#dataDisplayContent").load("data_display/data_display.html");`
ros_display now seperated into it's own file 2015-06-18 19:04:57 -04:00			`});`
			`</script>`
BIG CHANGE: Re-organise structure. Changes to README 2015-05-29 16:21:09 -04:00
renamed from robot_display to data_display 2015-07-01 12:51:19 -07:00			`<script type="text/javascript" src="data_display/js/ros_scripts.js"></script>`
			`<script type="text/javascript" src="data_display/js/update_guis.js"></script>`
moved ROSBag pannel on top of display 2015-07-01 12:14:16 -07:00
BIG CHANGE: Re-organise structure. Changes to README 2015-05-29 16:21:09 -04:00
Initial coordinator commit. 2019-02-25 16:54:05 -05:00			`<script>`
			`$(function(){`
			`$("#coordinatorContent").load("coordinator/coordinator.html");`
			`});`
			`</script>`
			`<script type="text/javascript" src="coordinator/js/ros_scripts.js"></script>`
			`<script type="text/javascript" src="coordinator/js/update_guis.js"></script>`

ros_display now seperated into it's own file 2015-06-18 19:04:57 -04:00			`</head>`
			`<body>`
			`<div class="container">`
Add phoebe and titan connections. 2019-02-24 21:51:04 -05:00			`<div id="jumbotronTitle" class="jumbotron text-center">`
			`<h1>Lab UI</h1>`
ros_display now seperated into it's own file 2015-06-18 19:04:57 -04:00			`</div>`

now can choose which topics to bag in the control pannel 2015-06-29 16:56:20 -07:00			`<ul id="tabs" class="nav nav-pills" data-tabs="tabs" >`
Update default url 2019-02-28 12:29:30 -05:00			`<li> <a href="#rosbridgeconnection" data-toggle="tab">`
Cleanup. 2019-02-25 16:55:34 -05:00			`ROS Bridge Connection`
			`<span id="rosbridgeconnection_badge" class="badge">`
			`Not Connected`
			`</span></a>`
			`</li>`
			`<!-- <li>`
moved ROSBag pannel on top of display 2015-07-01 12:14:16 -07:00			`<a href="#DataDisplay" data-toggle="tab">`
			`Data Display`
ros_display now seperated into it's own file 2015-06-18 19:04:57 -04:00			`</a>`
Cleanup. 2019-02-25 16:55:34 -05:00			`</li> -->`
Update default url 2019-02-28 12:29:30 -05:00			`<li class="active">`
Initial coordinator commit. 2019-02-25 16:54:05 -05:00			`<a href="#Coordinator" data-toggle="tab">`
			`Coordinator`
			`</a>`
			`</li>`
BIG CHANGE: Re-organise structure. Changes to README 2015-05-29 16:21:09 -04:00			`</ul>`

			`<div id="my-tab-content" class="tab-content">`

Add phoebe and titan connections. 2019-02-24 21:51:04 -05:00			`<div class="tab-pane" id="DataDisplay">`
Now have web page pwrking on multiple devices 2015-05-20 17:48:29 -04:00
Moved files around. ROS Display panel html is now back in the index file 2015-06-01 11:50:07 -04:00
fixed douplicate functions for getting nodes and topics 2015-06-19 14:41:28 -07:00			`<!-- ##################################### ROBOT DISPLAY PANEL ######################################### -->`
Initial coordinator commit. 2019-02-25 16:54:05 -05:00			`<div id="dataDisplayContent"></div>`
fixed douplicate functions for getting nodes and topics 2015-06-19 14:41:28 -07:00			`<!-- ##################################### END DISPLAY PANEL ######################################### -->`
Added talker.py and ability to bag files 2015-06-01 12:39:59 -04:00
Initial coordinator commit. 2019-02-25 16:54:05 -05:00			`</div>`
Update default url 2019-02-28 12:29:30 -05:00			`<div class="tab-pane active" id="Coordinator">`
Add phoebe and titan connections. 2019-02-24 21:51:04 -05:00
Added talker.py and ability to bag files 2015-06-01 12:39:59 -04:00
Initial coordinator commit. 2019-02-25 16:54:05 -05:00			`<!-- ##################################### ROBOT DISPLAY PANEL ######################################### -->`
			`<div id="coordinatorContent"></div>`
			`<!-- ##################################### END DISPLAY PANEL ######################################### -->`
added subscription to image topics 2015-06-01 16:47:54 -04:00
changed name of ros_diaply to robot_display, fixed problem with conneciton button the ROS Bridge Connection tab 2015-06-18 19:20:01 -04:00			`</div>`
BIG CHANGE: Re-organise structure. Changes to README 2015-05-29 16:21:09 -04:00


Update default url 2019-02-28 12:29:30 -05:00			`<div class="tab-pane" id="rosbridgeconnection">`
Add phoebe and titan connections. 2019-02-24 21:51:04 -05:00			`<div class="panel panel-default">`
			`<div class="panel-heading">`
Improvements. 2019-02-27 09:59:59 -05:00			`Predefined ROSBridge Connections`
Add phoebe and titan connections. 2019-02-24 21:51:04 -05:00			`</div>`
			`<div class="panel-body">`
Update default url 2019-02-28 12:29:30 -05:00			`<!-- <button id="localhostButton" type="button" onclick="ros.attemptConnection('ws://localhost:9090')" class="btn btn-primary">`
Add phoebe and titan connections. 2019-02-24 21:51:04 -05:00			`localhost`
			`<script type="text/javascript">`
			`document.getElementById("ConnectionIPInput").value = ros.connectionName;`
			`</script>`
			`</button>`
			`<button id="PhoebeButton" type="button" onclick="ros.attemptConnection('ws://phoebe.local:9090')" class="btn btn-primary">`
			`Phoebe`
			`<script type="text/javascript">`
			`document.getElementById("ConnectionIPInput").value = ros.connectionName;`
			`</script>`
			`</button>`
			`<button id="TitanButton" type="button" onclick="ros.attemptConnection('ws://titan.local:9090')" class="btn btn-primary">`
			`Titan`
			`<script type="text/javascript">`
			`document.getElementById("ConnectionIPInput").value = ros.connectionName;`
			`</script>`
Update default url 2019-02-28 12:29:30 -05:00			`</button> -->`
Improvements. 2019-02-27 09:59:59 -05:00			`<button id="TitanButton1" type="button" onclick="ros.attemptConnection('ws://titan.aescape.co:9090')" class="btn btn-primary">`
			`titan.aescape.co`
			`<script type="text/javascript">`
			`document.getElementById("ConnectionIPInput").value = ros.connectionName;`
			`</script>`
			`</button>`
Add phoebe and titan connections. 2019-02-24 21:51:04 -05:00			`</div>`
			`</div>`

changed name of ros_diaply to robot_display, fixed problem with conneciton button the ROS Bridge Connection tab 2015-06-18 19:20:01 -04:00			`<div class="panel panel-default">`
			`<div class="panel-body">`
BIG CHANGE: Re-organise structure. Changes to README 2015-05-29 16:21:09 -04:00
changed name of ros_diaply to robot_display, fixed problem with conneciton button the ROS Bridge Connection tab 2015-06-18 19:20:01 -04:00			`<form class="form-inline" role="form" onsubmit="return validateForm()">`
			`<div id="ConnectionIPForm" class="form-group has-warning" align="center">`
			`<span>`
			`<label id="ConnectionIPLabel" class="control-label" for="inputWarning">`
			`Connection Warning`
			`</label>`
			`</span>`

			`<span>`
			`<div class="input-group">`
fixed douplicate functions for getting nodes and topics 2015-06-19 14:41:28 -07:00			`<input type="text" id="ConnectionIPInput" class="form-control" placeholder="ROS Bridge Master IP" placeholder="No IP Address yet">`
changed name of ros_diaply to robot_display, fixed problem with conneciton button the ROS Bridge Connection tab 2015-06-18 19:20:01 -04:00			`<span class="input-group-btn">`
			`<button id="ConnectionButton" type="button" onclick="ros.attemptConnection()" class="btn btn-warning">`
			`Connect`
			`<script type="text/javascript">`
			`document.getElementById("ConnectionIPInput").value = ros.connectionName;`
			`</script>`
			`</button>`
			`</span>`
Add phoebe and titan connections. 2019-02-24 21:51:04 -05:00

changed name of ros_diaply to robot_display, fixed problem with conneciton button the ROS Bridge Connection tab 2015-06-18 19:20:01 -04:00			`</div>`
			`</span>`
			`</div>`
			`</form>`
			`</div>`
			`</div>`
Moved around files into sub directories, Fixed form submission call function so that it does not refresh page on enter key 2015-05-21 11:15:53 -04:00
changed name of ros_diaply to robot_display, fixed problem with conneciton button the ROS Bridge Connection tab 2015-06-18 19:20:01 -04:00			`<div class="panel panel-default">`
			`<div class="panel-heading">`
Add phoebe and titan connections. 2019-02-24 21:51:04 -05:00			`ROS Topics.`
added subscription to image topics 2015-06-01 16:47:54 -04:00			`</div>`
			`<div class="panel-body">`
Added beeping when battery low 2015-05-20 18:54:43 -04:00
Add phoebe and titan connections. 2019-02-24 21:51:04 -05:00			`<div class="col-sm-1" id="ROSTopics">`
changed name of ros_diaply to robot_display, fixed problem with conneciton button the ROS Bridge Connection tab 2015-06-18 19:20:01 -04:00			`N/A`
			`</div>`
			`</div>`
			`</div>`
moved files around to make it more user friendly 2015-06-01 09:12:32 -04:00
changed name of ros_diaply to robot_display, fixed problem with conneciton button the ROS Bridge Connection tab 2015-06-18 19:20:01 -04:00			`<div class="panel panel-default">`
			`<div class="panel-heading">`
Add phoebe and titan connections. 2019-02-24 21:51:04 -05:00			`ROS Nodes.`
changed name of ros_diaply to robot_display, fixed problem with conneciton button the ROS Bridge Connection tab 2015-06-18 19:20:01 -04:00			`</div>`
			`<div class="panel-body">`
moved files around to make it more user friendly 2015-06-01 09:12:32 -04:00
added subscription to image topics 2015-06-01 16:47:54 -04:00			`<div class="col-sm-1" id="ROSNodes">`
changed name of ros_diaply to robot_display, fixed problem with conneciton button the ROS Bridge Connection tab 2015-06-18 19:20:01 -04:00			`N/A`
			`</div>`
			`</div>`
			`</div>`

			`</div>`
			`</div>`
			`</div>`
			`</div>`

			`</body>`
			`</html>`