TheTick

{% with page_name="Clock & Data", menu_item="clockanddata" %}
{% include "includes/header.html.j2" %}
{% endwith %}
                <!-- Begin Page Content -->
                <div class="container-fluid">

                    <!-- Page Heading -->
                    <h1 class="h3 mb-2 text-gray-800">Clock&amp;data interface</h1>

                    <div class="card shadow mb-4">
                        <div class="card-header py-3">
                            <h6 class="m-0 font-weight-bold text-primary">Send arbitrary data</h6>
                        </div>
                        <div class="card-body">
                            <form onsubmit="return send_wiegand_raw(event)">
                                <input id="wiegand_raw" placeholder="Raw hex:len">
                                <input type="submit" value="Transmit">
                            </form>
                        </div>
                    </div>
                    
                    <div class="card shadow mb-4">
                        <div class="card-header py-3">
                            <h6 class="m-0 font-weight-bold text-primary">Send formatted data</h6>
                        </div>
                        <div class="card-body">
                            <form onsubmit="return send_wiegand_formatted(event)">
                                <select id="wiegand_format">
                                    <option value="Magstripe ABA track II">Magstripe ABA track II</option>
                                </select>
                                <input id="wiegand_cn" placeholder="Card data">
                                <input type="submit" value="Transmit">
                            </form>
                        </div>
                    </div>

                    <!-- DataTales Example -->
                    <div class="card shadow mb-4">
                        <div class="card-header py-3">
                            <h6 class="m-0 font-weight-bold text-primary">Sniffed interactions log</h6>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                                    <thead>
                                        <tr>
                                            <th>Timestamp</th>
                                            <th>Clock&data</th>
                                            <th>Format</th>
                                            <th>Data</th>
                                            <th>Actions</th>
                                        </tr>
                                    </thead>
                                    <tfoot>
                                        <tr>
                                            <th>Timestamp</th>
                                            <th>Clock&data</th>
                                            <th>Format</th>
                                            <th>Data</th>
                                            <th>Actions</th>
                                        </tr>
                                    </tfoot>
                                    <tbody>
                                       
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                </div>
                <!-- /.container-fluid -->
{% with page_scripts=["page-clockanddata.js"] %}
{% include "includes/footer.html.j2" %}
{%- endwith -%}