old-lab_ui/coordinator/coordinator.html

    <div class="panel panel-default">
        <div class="panel-heading">
            Select Operation Mode
        </div>
        <div class="panel-body text-center">
            <button id="teachingModeButton" type="button" onclick="triggerService('/aescape/mode/activateTeachingController')" class="btn btn-primary">
                Teaching Mode
            </button>
            <button id="executionModeButton" type="button" onclick="triggerService('/aescape/mode/activateExecutionController')" class="btn btn-primary">
                Massage Mode
            </button>
            <button id="readyModeButton" type="button" onclick="triggerService('/aescape/mode/activateReadyController')" class="btn btn-primary">
                Ready Mode
            </button>
            <button id="standbyModeButton" type="button" onclick="triggerService('/aescape/mode/activateStandbyController')" class="btn btn-primary">
                Standby Mode
            </button>            
            <button id="stoppedModeButton" type="button" onclick="triggerService('/aescape/mode/stopControllers')" class="btn btn-primary">
                Stopped Mode
            </button>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            Franka Arm Status
        </div>
        <div class="panel-body text-center">
            <div class="col-md-4">
                Current Robot Status:
                <!-- <div class="col-md-3" id="FrankaStatus">
                    N/A
                </div> -->
                <div class="row-md-3">
                    <h4><span id="frankaModeOther" class="label label-default">Other</span></h4>
                </div>
                <div class="row-md-3">
                    <h4><span id="frankaModeIdle" class="label label-default">Idle</span></h4>
                </div>
                <div class="row-md-3">
                    <h4><span id="frankaModeMove" class="label label-default">Move</span></h4>
                </div>
                <div class="row-md-3">
                    <h4><span id="frankaModeGuiding" class="label label-default">Guiding</span></h4>
                </div>
                <div class="row-md-3">
                    <h4><span id="frankaModeReflex" class="label label-default">Reflex</span></h4>
                </div>
                <div class="row-md-3">
                    <h4><span id="frankaModeUserStopped" class="label label-default">User Stopped</span></h4>
                </div>
                <div class="row-md-3">
                    <h4><span id="frankaModeErrorRecovery" class="label label-default">Automatic Error Recovery</span></h4>
                </div>
            </div>
            <button id="fixFrankaButton" type="button" onclick="triggerService('/aescape/hardware/resetFrankaError')" class="btn btn-primary">
                Fix Franka Errors
            </button>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            Robotiq
        </div>
        <div class="panel-body text-center">
            <div class="col-md-4">
                Current Robotiq Values:
                <div class="row-md-3">
                    <h4>X: <span id="robotiqX" class="label label-default">0.0</span></h4>
                </div>
                <div class="row-md-3">
                    <h4>Y: <span id="robotiqY" class="label label-default">0.0</span></h4>
                </div>
                <div class="row-md-3">
                    <h4>Z: <span id="robotiqZ" class="label label-default">0.0</span></h4>
                </div>
            </div>
            <div class="row-md-3">
                <button id="calibrateButton" type="button" onclick="triggerService('/aescape/hardware/calibrateRobotiq')" class="btn btn-primary">
                    Calibrate Robotiq
                </button>
            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            Teaching Mode Operations
        </div>
        <div class="panel-body text-center">
            <span class="row">
                <label id="RecordingStatusLabel" class="label-warning">
                    Bag manager not connected!
                </label>
            </span>
            <button type="button" onclick="triggerService('/aescape/mode/activateReadyController')" class="btn btn-default">
                Activate Ready Mode
            </button>
            <button id="recordingStartButton" type="button" onclick="triggerService('/aescape/hardware/calibrateRobotiq'); triggerService('/aescape/mode/activateTeachingController'); triggerService('/aescape/bags/startTeachRecording')" class="btn btn-primary">
                Start Teach Recording
            </button>
            <button id="recordingStopButton" type="button" onclick="triggerService('/aescape/bags/stopTeachRecording'); triggerService('/aescape/mode/activateReadyController')" class="btn btn-primary">
                Stop Teach Recording
            </button>
        </div>
    </div>

    <div class="panel panel-default">
        <div class="panel-heading">
            Execution Mode Operations
        </div>


        <div class="panel-body text-center">

            <span class="row">
                <label id="ExecutionStatusLabel" class="label-warning">
                    Bag manager not connected!
                </label>
            </span>

            Last Bag Playing:
            <span  id="lastbagText">
                None
            </span>
            <div>
            <button type="button" onclick="triggerService('/aescape/mode/activateReadyController')" class="btn btn-default">
                Activate Ready Mode
            </button>
            <button id="executionStartButton" type="button" onclick="triggerService('/aescape/mode/activateExecutionController'); triggerService('/aescape/bags/startPlayingLastRecording')" class="btn btn-primary">
                Play Last Recording
            </button>
            <button id="executionStopButton" type="button" onclick="triggerService('/aescape/bags/stopPlayingBag'); triggerService('/aescape/mode/activateReadyController')" class="btn btn-primary">
                Stop Playing Recording
            </button>
            <div class="row">
                <div class="col-md-3">
                    Bagfile name must not start with "/"
                    <div class="input-group">
                        <input type="text" id="bagNameText" class="form-control" placeholder="bag_filename">
                        <span class="input-group-btn">
                            <button class="btn btn-primary" type="button" onclick="triggerMessageService('/startPlayingRecording', 'bagNameText')">
                                <span>
                                    Start Playing Bag
                                </span>
                            </button>
                        </span>
                    </div>
                </div>
            </div>
                    <!-- </div> -->
           
        </div>
        
    </div>

    <!-- <div class="panel panel-default">
        <div class="panel-heading">
            Execution Recording Operations
        </div>
        <div class="panel-body text-center">
            <button id="executionStartButton" type="button" onclick="triggerService('/startExecutionRecording')" class="btn btn-primary">
                Start Recording Execution
            </button>
            <button id="executionRecordingStopButton" type="button" onclick="triggerService('/stopExecutionRecording')" class="btn btn-primary">
                Stop Recording Execution
            </button>
        </div>
    </div> -->