Add here the "Discovery" tab

[github-actions]

jMQTT/desktop/php/jMQTT.php

Line 244 in 68f8470

TODO: Add here the "Discovery" tab

    <div class="col-xs-12 eqLogic" data-eqLogic_type="jMQTT" style="display: none;">
        <div class="row">
            <div class="input-group pull-right" style="display:inline-flex">
                <a class="btn btn-primary btn-sm eqLogicAction typ-std roundedLeft toDisable tooltips" data-action="createTemplate" style="display: none;" title="{{Créer Template}}"><i class="fas fa-cubes"></i></a>
                <a class="btn btn-warning btn-sm eqLogicAction typ-std toDisable tooltips" data-action="applyTemplate" style="display: none;" title="{{Appliquer Template}}"><i class="fas fa-share"></i></a>
                <a class="btn btn-success btn-sm eqLogicAction typ-std toDisable tooltips" data-action="updateTopics" style="display: none;" title="{{Modifier Topics}}"><i class="fas fa-pen"></i></a>
                <a class="btn btn-primary btn-sm eqLogicAction typ-std tooltips" data-action="jsonPathTester" style="display: none;" title="{{Testeur Chemin JSON}}"><i class="fas fa-check"></i></a>
                <a class="btn btn-default btn-sm eqLogicAction typ-std toDisable tooltips" data-action="copy" style="display: none;" title="{{Dupliquer}}"><i class="fas fa-copy"></i></a>
                <a class="btn btn-default btn-sm eqLogicAction tooltips" data-action="configure" title="{{Configuration avancée}}"><i class="fas fa-cogs"></i></a>
                <a class="btn btn-success btn-sm eqLogicAction" data-action="save"><i class="fas fa-check-circle"></i> {{Sauvegarder}}</a>
                <a class="btn btn-danger btn-sm eqLogicAction roundedRight" data-action="remove"><i class="fas fa-minus-circle"></i> {{Supprimer}}</a>&nbsp;
            </div>
            <div class="input-group pull-left" style="display:inline-flex">
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation"><a href="#" class="eqLogicAction" aria-controls="home" role="tab" data-toggle="tab" data-action="returnToThumbnailDisplay"><i class="fa fa-arrow-circle-left"></i></a></li>
                    <li role="presentation" class="active"><a href="#eqlogictab" aria-controls="eqlogictab" role="tab" data-toggle="tab"><i class="fas fa-tachometer-alt"></i> {{Equipement}}</a></li>
                    <li role="presentation" class="typ-brk" style="display: none;"><a href="#brokertab" aria-controls="brokertab" role="tab" data-toggle="tab"><i class="fas fa-rss"></i> {{Broker}}</a></li>
                    <li role="presentation" class="typ-std" style="display: none;"><a href="#commandtab" aria-controls="commandtab" role="tab" data-toggle="tab"><i class="fas fa-list-alt"></i> {{Commandes}}</a></li>
                    <li role="presentation" class="typ-std typ-brk" style="display: none;"><a href="#realtimetab" aria-controls="realtimetab" role="tab" data-toggle="tab" style="padding: 10px 14px;"><i class="fas fa-align-left"></i><span class="typ-brk" style="display: none;"> {{Temps Réel}}</span></a></li>
                    <li role="presentation"><a href="#" class="eqLogicAction" aria-controls="home" role="tab" data-toggle="tab" data-action="refreshPage"><i class="fas fa-sync"></i></a></li>
                </ul>
            </div>
        </div>
        <div id="menu-bar" style="display: none;">
            <div class="form-actions">
                <a class="btn btn-info btn-xs eqLogicAction toDisable" data-action="addMQTTAction"><i class="fas fa-plus-circle"></i> {{Ajouter une commande action}}</a>
                <a class="btn btn-warning btn-xs eqLogicAction toDisable" data-action="addMQTTInfo"><i class="fas fa-plus-circle"></i> {{Ajouter une commande info}}</a>
                <div class="btn-group pull-right" data-toggle="buttons">
                    <a class="btn btn-primary btn-xs roundedLeft eqLogicAction active" data-action="classicView"><input type="radio" checked><i class="fas fa-list-alt"></i> Classic </a>
                    <a class="btn btn-default btn-xs roundedRight eqLogicAction" data-action="jsonView"><input type="radio"><i class="fas fa-sitemap"></i> JSON </a>
                </div>
            </div>
            <hr style="margin-top: 5px; margin-bottom: 5px;">
        </div>
        <div class="tab-content" style="height:calc(100vh - 140px)!important;overflow:auto;overflow-x:hidden;">
            <div role="tabpanel" class="tab-pane active" id="eqlogictab">
                <?php include_file('desktop', 'jMQTT_eqpt', 'php', 'jMQTT'); ?>
            </div>
            <div role="tabpanel" class="tab-pane toDisable" id="brokertab">
                <?php include_file('desktop', 'jMQTT_broker', 'php', 'jMQTT'); ?>
            </div>
            <div role="tabpanel" class="tab-pane toDisable" id="realtimetab">
                <table id="table_realtime" class="table tree table-bordered table-condensed table-striped">
                    <thead style="position:sticky;top:0;z-index:5;">
                        <tr>
                            <td colspan="5" data-sorter="false" data-filter="false">
                                <div class="col-lg-3">
                                    <label class="col-lg-4 control-label" style="text-align:right;">{{Souscriptions}}&nbsp;<sup><i class="fa fa-question-circle tooltips"
                                        title="{{Topics de souscription utilisés lorsque le mode Temps Réel est actif sur ce Broker.
                                        <br/>Plusieurs topics peuvent être fournis en les séparant par des '|' (pipe).
                                        <br/>Par défaut, le topic de souscription est '#', donc tous les topics, ce qui peut être beaucoup sur certaines installations.}}"></i></sup></label>
                                    <input class="col-lg-8 form-control" id="mqttIncTopic">
                                </div>
                                <div class="col-lg-3">
                                    <label class="col-lg-4 control-label" style="text-align:right;">{{Exclusions}}&nbsp;<sup><i class="fa fa-question-circle tooltips"
                                        title="{{Topics à ne pas remonter lorsque le mode Temps Réel est actif.
                                        <br/>Plusieurs topics peuvent être fournis en les séparant par des '|' (pipe).
                                        <br/>Par exemple, le topic d'auto-découverte HA ('homeassistant/#') est souvent exclu, car il est très verbeux.}}"></i></sup></label>
                                    <input class="col-lg-8 form-control" id="mqttExcTopic">
                                </div>
                                <div class="col-lg-2">
                                    <label class="col-lg-8 control-label" style="text-align:right;">{{Retained}}&nbsp;<sup><i class="fa fa-question-circle tooltips"
                                        title="{{Recevoir aussi les payload qui sont déjà retenus par le Broker.}}"></i></sup></label>
                                    <input type="checkbox" class="form-control" id="mqttRetTopic" checked="false">
                                </div>
                                <div class="col-lg-2">
                                    <label class="col-lg-6 control-label" style="text-align:right;">{{Durée}}&nbsp;<sup><i class="fa fa-question-circle tooltips"
                                        title="{{Le temps que le mode Temps Réel doit fonctionner en secondes [1-3600].}}"></i></sup></label>
                                    <input class="col-lg-6 form-control" id="mqttDuration">
                                </div>
                                <div class="col-lg-2">
                                    <div class="input-group pull-right">
                                        <a class="btn btn-default btn-sm eqLogicAction roundedLeft" data-action="startRealTimeMode"><i class="fas fa-sign-in-alt fa-rotate-90"></i> {{Lancer}}</a>
                                        <a class="btn btn-danger  btn-sm eqLogicAction roundedLeft" data-action="stopRealTimeMode" style="display: none;"><i class="fas fa-square"></i> {{Arrêter}}</a>
                                        <a class="btn btn-success btn-sm eqLogicAction" data-action="playRealTime" style="display: none;"><i class="fa fa-play"></i> {{Reprendre}}</a>
                                        <a class="btn btn-warning btn-sm eqLogicAction" data-action="pauseRealTime" style="display: none;"><i class="fa fa-pause"></i> {{Pause}}</a>
                                        <a class="btn btn-warning btn-sm eqLogicAction roundedRight" data-action="emptyRealTime"><i class="fas fa-trash"></i> {{Vider}}</a>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th style="width:180px;" data-sorter="text">{{Date du message}}</th>
                            <th data-sorter="topics" class="filter-match /*filter-parsed*/">{{Topic}}</th>
                            <th data-sorter="inputs">{{Valeur}}</th>
                            <th style="width:80px;" data-sorter="options" class="filter-select /*filter-parsed*/">{{Options}}</th>
                            <th style="width:130px;" data-sorter="false" data-filter="false"></th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
            <!--
                TODO: Add here the "Discovery" tab
                 labels: enhancement
            -->
            <div role="tabpanel" class="tab-pane toDisable" id="commandtab">
                <table id="table_cmd" class="table tree table-bordered table-condensed table-striped">
                    <thead>
                        <tr>
                            <th style="width:1px;">#</th>
                            <th style="min-width:150px;width:300px;">{{Nom}}</th>
                            <th style="width:130px;">{{Type}}</th>
                            <th style="min-width:180px;">{{Topic}}</th>
                            <th style="min-width:180px;">{{Valeur}}</th>
                            <th style="min-width:100px;width:120px;">{{Paramètres}}</th>
                            <th style="min-width:100px;width:120px;">{{Options}}</th>
                            <th style="min-width:115px;width:120px;"></th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>