MoonPro.net/MP-TAB/Demo.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/WebMasterPages/Bootstrap.Master" AutoEventWireup="true" CodeBehind="Demo.aspx.cs" Inherits="MoonProTablet.Demo" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div class="card m-2">
        <div class="card-header bg-info">
            <h2>M.I.E.T.</h2>
        </div>
        <div class="card-body text-dark">
            <div class="row text-center">
                <div class="col">
                    <asp:LinkButton runat="server" ID="lbtStart" CssClass="btn w-100 btn-success"><i class="fa fa-play" aria-hidden="true"></i> START</asp:LinkButton>
                </div>
                <div class="col">
                    Status: waiting
                </div>
                <div class="col">
                    <asp:LinkButton runat="server" ID="lbtStop" CssClass="btn w-100 btn-warning"><i class="fa fa-stop" aria-hidden="true"></i> STOP</asp:LinkButton>
                </div>
            </div>
            <div class="row text-center mt-2">
                <div class="col">
                    <h3>Val 01</h3>
                    <img src="images/gauge.png" class="img-fluid" /><br />
                    <img src="images/GraphDemo01.png" class="img-fluid" />
                </div>
                <div class="col">
                    <h5>Realtime Data</h5>
                    <%: DateTime.Now %>
                </div>
                <div class="col">
                    <h3>Val 02</h3>
                    <img src="images/gauge.png" class="img-fluid" /><br />
                    <img src="images/GraphDemo02.png" class="img-fluid" />
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th></th>
                                <th>Inizio</th>
                                <th>Durata</th>
                                <th>Nome</th>
                                <th># rec</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><i class="fa fa-upload" aria-hidden="true"></i></td>
                                <td><b>2020-11-12 09:05:36</b></td>
                                <td>00:15:35</td>
                                <td>Demo recording 01</td>
                                <td>900</td>
                                <td><a class="btn w-100 btn-info">USB<i class="fa fa-usb" aria-hidden="true"></i></a></td>
                            </tr>
                            <tr>
                                <td><i class="fa fa-upload" aria-hidden="true"></i></td>
                                <td><b>2020-11-11 09:05:36</b></td>
                                <td>00:05:35</td>
                                <td>Demo recording 02</td>
                                <td>900</td>
                                <td><a class="btn w-100 btn-info">USB<i class="fa fa-usb" aria-hidden="true"></i></a></td>
                            </tr>
                            <tr>
                                <td><i class="fa fa-upload" aria-hidden="true"></i></td>
                                <td><b>2020-11-10 09:05:36</b></td>
                                <td>00:10:35</td>
                                <td>Demo recording 03</td>
                                <td>900</td>
                                <td><a class="btn w-100 btn-info">USB<i class="fa fa-usb" aria-hidden="true"></i></a></td>
                            </tr>
                            <tr>
                                <td><i class="fa fa-upload" aria-hidden="true"></i></td>
                                <td><b>2020-11-09 09:05:36</b></td>
                                <td>00:25:35</td>
                                <td>Demo recording 04</td>
                                <td>900</td>
                                <td><a class="btn w-100 btn-info">USB<i class="fa fa-usb" aria-hidden="true"></i></a></td>
                            </tr>
                            <tr>
                                <td><i class="fa fa-upload" aria-hidden="true"></i></td>
                                <td><b>2020-11-08 09:05:36</b></td>
                                <td>00:14:35</td>
                                <td>Demo recording 05</td>
                                <td>900</td>
                                <td><a class="btn w-100 btn-info">USB<i class="fa fa-usb" aria-hidden="true"></i></a></td>
                            </tr>
                            <tr>
                                <td><i class="fa fa-upload" aria-hidden="true"></i></td>
                                <td><b>2020-11-07 09:05:36</b></td>
                                <td>00:35:35</td>
                                <td>Demo recording 06</td>
                                <td>900</td>
                                <td><a class="btn w-100 btn-info">USB<i class="fa fa-usb" aria-hidden="true"></i></a></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="card-footer bg-info">
            <div class="row">
                <div class="col text-start">
                    Memoria: Waiting
                </div>
                <div class="col text-end">
                    Utente: C.Baldi
                </div>
            </div>
        </div>
    </div>
</asp:Content>