client/index.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Lab UI</title>

        <link rel="stylesheet" href="include/css/bootstrap.min.css">


        <script type="text/javascript" src="include/js/eventemitter2.min.js"></script>
                
        <script src="include/js/jquery.min.js"></script>
        <script src="include/js/bootstrap.min.js"></script>
        <script src="include/js/math.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(){
                $("#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>


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

        <meta content="text/html; charset=UTF-8; X-Content-Type-Options=nosniff" http-equiv="Content-Type" />

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

            </div>
            <div class="container">
                <div class="col-md-1">
                    Master:
                </div>
                <div class="col-md-3">
                    <label id="MasterName"></label>
                    <script>
                        getMasterName();
                    </script>
                </div>
            </div>
            <div class="row-md-3">
                <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 class="active">
                        <a href="#Coordinator" data-toggle="tab">
                            Coordinator
                        </a>
                    </li>
                    <li>
                        <a href="vision/vision.html">
                            Vision
                        </a>
                    </li>
                </ul>
            </div>

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

                <div class="tab-pane active" id="Coordinator">
                    <div id="coordinatorContent"></div>
                </div>
                <!-- <div class="tab-pane" id="Vision">
                    <div id="visionContent"></div>
                </div> -->


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


                    <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 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="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="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="RheaButton" type="button" onclick="ros.attemptConnection('ws://rhea.local:9090')" class="btn btn-primary">
                                    Rhea
                                    <script type="text/javascript">
                                        document.getElementById("ConnectionIPInput").value = ros.connectionName;
                                    </script>
                                </button>
                            </div>
                        </div>
                    </div>

                    <script type="text/javascript">
                        // Create a connection to the rosbridge WebSocket server.
                        ros.connect(ros.connectionName);
                    </script>

                    <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>`
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			`<link rel="stylesheet" href="include/css/bootstrap.min.css">`
created client folder and moved files there 2019-05-31 15:46:25 -04:00

			`<script type="text/javascript" src="include/js/eventemitter2.min.js"></script>`

ros_display now seperated into it's own file 2015-06-18 19:04:57 -04:00			`<script src="include/js/jquery.min.js"></script>`
			`<script src="include/js/bootstrap.min.js"></script>`
Add robotiq force display 2019-05-22 14:41:40 -04:00			`<script src="include/js/math.min.js"></script>`
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(){`
Remove dataDisplay 2019-03-28 11:26:45 -04:00			`$("#coordinatorContent").load("coordinator/coordinator.html");`
ros_display now seperated into it's own file 2015-06-18 19:04:57 -04:00			`});`
			`</script>`
Remove dataDisplay 2019-03-28 11:26:45 -04:00			`<script type="text/javascript" src="coordinator/js/ros_scripts.js"></script>`
			`<script type="text/javascript" src="coordinator/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
Remove vision content loaded from main page 2019-04-26 15:28:52 -04:00			`<!-- <script>`
Initial vision panel 2019-03-27 19:38:32 -04:00			`$(function(){`
			`$("#visionContent").load("vision/vision.html");`
			`});`
			`</script>`
			`<script type="text/javascript" src="vision/js/ros_scripts.js"></script>`
Remove vision content loaded from main page 2019-04-26 15:28:52 -04:00			`<script type="text/javascript" src="vision/js/update_guis.js"></script> -->`
Initial vision panel 2019-03-27 19:38:32 -04:00
			`<meta content="text/html; charset=UTF-8; X-Content-Type-Options=nosniff" http-equiv="Content-Type" />`

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">`
Add title in name 2019-05-07 12:55:14 -04:00			`<h1 id="Title">Lab UI</h1>`
ros_display now seperated into it's own file 2015-06-18 19:04:57 -04:00
Add ros master label. 2019-04-04 15:45:44 -04:00			`</div>`
			`<div class="container">`
			`<div class="col-md-1">`
			`Master:`
			`</div>`
			`<div class="col-md-3">`
			`<label id="MasterName"></label>`
			`<script>`
			`getMasterName();`
			`</script>`
			`</div>`
			`</div>`
			`<div class="row-md-3">`
			`<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 class="active">`
			`<a href="#Coordinator" data-toggle="tab">`
			`Coordinator`
			`</a>`
			`</li>`
			`<li>`
Remove vision content loaded from main page 2019-04-26 15:28:52 -04:00			`<a href="vision/vision.html">`
Add ros master label. 2019-04-04 15:45:44 -04:00			`Vision`
			`</a>`
			`</li>`
			`</ul>`
			`</div>`
BIG CHANGE: Re-organise structure. Changes to README 2015-05-29 16:21:09 -04:00
			`<div id="my-tab-content" class="tab-content">`

Update default url 2019-02-28 12:29:30 -05:00			`<div class="tab-pane active" id="Coordinator">`
Initial coordinator commit. 2019-02-25 16:54:05 -05:00			`<div id="coordinatorContent"></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>`
Remove vision content loaded from main page 2019-04-26 15:28:52 -04:00			`<!-- <div class="tab-pane" id="Vision">`
Remove dataDisplay 2019-03-28 11:26:45 -04:00			`<div id="visionContent"></div>`
Remove vision content loaded from main page 2019-04-26 15:28:52 -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">`
Update roslibjs to v1.0.1 2019-03-27 17:43:00 -04:00
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 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>`
			`</div>`
			`</span>`
			`</div>`
			`</form>`
			`</div>`
Update roslibjs to v1.0.1 2019-03-27 17:43:00 -04:00			`<div class="panel panel-default">`
			`<div class="panel-heading">`
			`Predefined ROSBridge Connections`
			`</div>`
			`<div class="panel-body">`
Fix default rosbridge connection 2019-04-26 15:33:46 -04:00			`<button id="localhostButton" type="button" onclick="ros.attemptConnection('ws://localhost:9090')" class="btn btn-primary">`
Update roslibjs to v1.0.1 2019-03-27 17:43:00 -04:00			`localhost`
			`<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>`
Fix default rosbridge connection 2019-04-26 15:33:46 -04:00			`</button>`
			`<button id="PhoebeButton" type="button" onclick="ros.attemptConnection('ws://phoebe.local:9090')" class="btn btn-primary">`
Added Rhea lab_ui config. 2019-04-16 19:30:41 -04:00			`Phoebe`
			`<script type="text/javascript">`
			`document.getElementById("ConnectionIPInput").value = ros.connectionName;`
			`</script>`
			`</button>`
Fix default rosbridge connection 2019-04-26 15:33:46 -04:00			`<button id="RheaButton" type="button" onclick="ros.attemptConnection('ws://rhea.local:9090')" class="btn btn-primary">`
Added Rhea lab_ui config. 2019-04-16 19:30:41 -04:00			`Rhea`
Update roslibjs to v1.0.1 2019-03-27 17:43:00 -04:00			`<script type="text/javascript">`
			`document.getElementById("ConnectionIPInput").value = ros.connectionName;`
			`</script>`
			`</button>`
			`</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>`
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
Update roslibjs to v1.0.1 2019-03-27 17:43:00 -04:00			`<script type="text/javascript">`
			`// Create a connection to the rosbridge WebSocket server.`
			`ros.connect(ros.connectionName);`
			`</script>`

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>`