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">
                Execution Mode
            </button>
            <button id="standbyModeButton" type="button" onclick="triggerService('/aescape/mode/stopControllers')" class="btn btn-primary">
                Standby Mode
            </button>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            Hardware Commands
        </div>
        <div class="panel-body text-center">
            <button id="fixFrankaButton" type="button" onclick="triggerService('/aescape/hardware/resetFrankaError')" class="btn btn-primary">
                Fix Franka Errors
            </button>
            <button id="calibrateButton" type="button" onclick="triggerService('/aescape/hardware/calibrateRobotiq')" class="btn btn-primary">
                Calibrate Robotiq
            </button>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            Teaching Mode Operations
        </div>
        <div class="panel-body text-center">
            <button id="recordingStartButton" type="button" onclick="triggerService('/aescape/bags/startTeachRecording')" class="btn btn-primary">
                Start Teach Recording
            </button>
            <button id="recordingStopButton" type="button" onclick="triggerService('/aescape/bags/stopTeachRecording')" 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">
            Last Bag Playing:
            <span  id="bagPlayingText">
                None
            </span>
            <div>
            <button id="executionStartButton" type="button" onclick="triggerService('/aescape/bags/startPlayingLastRecording')" class="btn btn-primary">
                Play Last Recording
            </button>
            <button id="executionStopButton" type="button" onclick="triggerService('/aescape/bags/stopPlayingBag')" 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', 'bagNameTest')">
                                <span>
                                    Start Playing Bag
                                </span>
                            </button>
                        </span>
                    </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>