<label>Token: <input type="text" id="token" autocomplete="off" value="some-key-token"/></label>
            <button onclick="connect(event)">Connect</button>
            <hr>
            <label>Message: <input type="text" id="messageText" autocomplete="off"/></label>
            <button>Send</button>
        </form>
        <ul id='messages'>
        </ul>
        <script>
        var ws = null;

labels.related_query_term	=	Terme
labels.related_query_title_details	=	Requête associée
labels.crud_button_create	=	Créer
labels.crud_button_update	=	Mise à jour
labels.crud_button_delete	=	Supprimer
labels.crud_button_back	=	Retour
labels.crud_button_edit	=	Modifier
labels.crud_button_search	=	Recherche
labels.crud_button_reset	=	Réinitialiser
labels.crud_button_cancel	=	Annuler
labels.crud_link_create	=	Créer un nouveau

                                <button type="submit" class="btn btn-outline-secondary" name="index"
                                        value="<la:message key="labels.wizard_button_cancel"/>">
                                    <la:message key="labels.wizard_button_cancel"/>
                                </button>
                                <button type="submit" class="btn btn-primary"

                            <button type="submit" class="btn btn-success" name="install"
                                    value="<la:message key="labels.crud_button_install" />"
                            >
                                <em class="fa fa-plus">
                                <la:message key="labels.crud_button_install"/>
                            </button>
                        </div>

                                                    <button type="button" class="btn btn-outline-light"
                                                            data-dismiss="modal">
                                                        <la:message key="labels.search_list_button_cancel"/>
                                                    </button>

                                            </button>
                                            <button type="submit" class="btn btn-default" name="reset"
                                                    value="<la:message key="labels.crud_button_reset" />">
                                                <la:message key="labels.crud_button_reset"/>
                                            </button>

        document.location = $(this).attr("data-href");
      });
  });

  $("#confirmToDelete").on("show.bs.modal", function(event) {
    var button = $(event.relatedTarget);
    var docId = button.data("docid");
    var title = button.data("title");
    var url = button.data("url");

    $(this)
      .find(".modal-body #delete-doc-title")
      .text(title);
    $(this)
      .find(".modal-body #delete-doc-url")

labels.related_query_term=Term
labels.related_query_title_details=Related Query
labels.crud_button_create=Create
labels.crud_button_update=Update
labels.crud_button_delete=Delete
labels.crud_button_back=Back
labels.crud_button_edit=Edit
labels.crud_button_search=Search
labels.crud_button_reset=Reset
labels.crud_button_cancel=Cancel
labels.crud_link_create=Create New
labels.crud_link_delete=Delete

labels.related_query_term=Term
labels.related_query_title_details=Related Query
labels.crud_button_create=Create
labels.crud_button_update=Update
labels.crud_button_delete=Delete
labels.crud_button_back=Back
labels.crud_button_edit=Edit
labels.crud_button_search=Search
labels.crud_button_reset=Reset
labels.crud_button_cancel=Cancel
labels.crud_link_create=Create New
labels.crud_link_delete=Delete

                                            </button>
                                            <button type="submit" class="btn btn-default" name="reset"
                                                    value="<la:message key="labels.crud_button_reset" />">
                                                <la:message key="labels.crud_button_reset"/>
                                            </button>