operations.html

<!--
  ~ Copyright (c) 2023 Contributors to the Eclipse Foundation
  ~
  ~ See the NOTICE file(s) distributed with this work for additional
  ~ information regarding copyright ownership.
  ~
  ~ This program and the accompanying materials are made available under the
  ~ terms of the Eclipse Public License 2.0 which is available at
  ~ http://www.eclipse.org/legal/epl-2.0
  ~
  ~ SPDX-License-Identifier: EPL-2.0
  -->
<h5>Ditto Services Logging</h5>
<hr />
<div class="input-group input-group-sm mt-1 mb-1" role="group">
    <div style="flex-grow: 1;"></div>
    <button class="btn btn-outline-primary btn-sm button_round_left" id="buttonLoadAllLogLevels">
        <i class="bi bi-arrow-clockwise"></i>
        Refresh
    </button>
</div>
<div class="row resizable_pane" style="height: 80vh">
    <div class="col-md-12 resizable_flex_column">
        <div id="divLoggers"></div>
        <template id="templateLogger">
            <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
                integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
            <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.8.3/font/bootstrap-icons.min.css"
                rel="stylesheet"
                integrity="sha512-YzwGgFdO1NQw1CZkPoGyRkEnUTxPSbGWXvGiXrWk8IeSqdyci0dEDYdLLjMxq1zCoU0QBa4kHAFiRhUL3z2bow=="
                crossorigin="anonymous" referrerpolicy="no-referrer" />
            <link href="index.css" rel="stylesheet" />
    
            <div class="input-group input-group-sm mb-1">
                <input class="form-control" type="text" disabled id="inputLogger" spellcheck="false"></input>
                <div class="btn-group" role="group">
                    <input type="radio" class="btn-check" id="debug" autocomplete="off">
                    <label class="btn btn-sm btn-outline-secondary" for="debug">DEBUG</label>
                    <input type="radio" class="btn-check" id="info" autocomplete="off">
                    <label class="btn btn-sm btn-outline-success" for="info">INFO</label>
                    <input type="radio" class="btn-check" id="warn" autocomplete="off">
                    <label class="btn btn-sm btn-outline-warning" for="warn">WARN</label>
                    <input type="radio" class="btn-check" id="error" autocomplete="off">
                    <label class="btn btn-sm btn-outline-danger" for="error">ERROR</label>
                </div>
            </div>
        </template>
    </div>
</div>