2021-07-19 17:52:03 +00:00
<!doctype html>
< html lang = "en" >
< head >
<!-- Required meta tags -->
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
2021-07-23 13:45:28 +00:00
<!-- <meta http - equiv="Content - Security - Policy" content="script - src 'self';"> -->
2021-07-19 17:52:03 +00:00
<!-- Bootstrap CSS -->
< link rel = "stylesheet" href = "../node_modules/bootstrap/dist/css/bootstrap.min.css" >
< title > Send & Receive Data< / title >
< / head >
< body >
< div class = "container-fluid" >
< div class = "container mt-1" >
< div class = "row mb-1" >
< div class = "col" >
< div class = "card text-dark bg-light mb-0 " >
< div class = "card-header" > Select data < / div >
< div class = "card-body" >
< div class = "input-group input-group-sm mb-0" >
< input type = "file" class = "form-control" id = "inputGroupFile02" >
< label class = "input-group-text" for = "inputGroupFile02" > kB< / label >
< / div >
< / div >
< / div >
< / div >
<!-- col -->
< / div >
<!-- row -->
< div class = "row mb-2" >
< div class = "col" >
< div class = "card text-dark bg-light mb-0" >
< div class = "card-header" > Transmission < / div >
< div class = "card-body" >
< div class = "row mb-2" >
< div class = "col-auto" >
< div class = "input-group input-group-sm" >
< input type = "text" class = "form-control" style = "max-width: 6rem" placeholder = "DX Call" id = "dxCall" maxlength = "6" aria-label = "Input group example" aria-describedby = "btnGroupAddon" >
< button type = "button" id = "sendPing" class = "btn btn-primary" > Ping< / button >
< span class = "input-group-text" id = "tnc_running_state" > ACK< / span >
< span class = "input-group-text" id = "tnc_running_state" > 0000 km< / span >
< span class = "input-group-text" id = "tnc_running_state" > 0 dB< / span >
< / div >
< / div >
< / div >
< div class = "row" >
< div class = "col-auto" >
< div class = "input-group input-group-sm" >
< span class = "input-group-text" id = "basic-addon1" > Mode< / span >
< select class = "form-select form-select-sm" aria-label = ".form-select-sm example" id = "hamlib_deviceport" >
< option selected value = "DATAC1" > DATAC1< / option >
< option value = "DATAC3" > DATAC3< / option >
< / select >
< / div >
< / div >
< div class = "col-auto" >
< div class = "input-group input-group-sm" >
< span class = "input-group-text" id = "basic-addon1" > Frames< / span >
< select class = "form-select form-select-sm" aria-label = ".form-select-sm example" id = "hamlib_deviceport" >
< option selected value = "1" > 1< / option >
< option value = "2" > 2< / option >
< / select >
< / div >
< / div >
< div class = "col" >
< div class = "input-group input-group-sm" >
< button type = "button" id = "startTransmission" class = "btn btn-success" > Send< / button >
<!-- <button type="button" id="stopTNC"class="btn btn - danger">STOP</button> -->
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- col -->
< / div >
<!-- row -->
< / div >
< div class = "row" >
< div class = "col" >
< div class = "card text-dark bg-light mb-0" >
< div class = "card-header" > Info < / div >
< div class = "card-body" >
123
< / div >
< / div >
< / div >
< / div >
< div class = "row" >
< div class = "col" >
< hr >
< / div >
< / div >
<!-- row -->
< / div >
<!-- container -->
< / div >
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - FOOTER AREA - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
< nav class = "navbar fixed-bottom navbar-light bg-light" >
< div class = "container-fluid" >
< div class = "btn-toolbar" role = "toolbar" aria-label = "Toolbar with button groups" >
< div class = "btn-group btn-group-sm me-2" role = "group" aria-label = "First group" >
< button class = "btn btn-secondary" id = "ptt_state" type = "button" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" fill = "currentColor" class = "bi bi-broadcast-pin" viewBox = "0 0 16 16" >
< path d = "M3.05 3.05a7 7 0 0 0 0 9.9.5.5 0 0 1-.707.707 8 8 0 0 1 0-11.314.5.5 0 0 1 .707.707zm2.122 2.122a4 4 0 0 0 0 5.656.5.5 0 1 1-.708.708 5 5 0 0 1 0-7.072.5.5 0 0 1 .708.708zm5.656-.708a.5.5 0 0 1 .708 0 5 5 0 0 1 0 7.072.5.5 0 1 1-.708-.708 4 4 0 0 0 0-5.656.5.5 0 0 1 0-.708zm2.122-2.12a.5.5 0 0 1 .707 0 8 8 0 0 1 0 11.313.5.5 0 0 1-.707-.707 7 7 0 0 0 0-9.9.5.5 0 0 1 0-.707zM6 8a2 2 0 1 1 2.5 1.937V15.5a.5.5 0 0 1-1 0V9.937A2 2 0 0 1 6 8z" / >
< / svg >
< / button >
< / div >
< div class = "btn-group btn-group-sm me-2" role = "group" aria-label = "Second group" >
< button class = "btn btn-secondary" id = "busy_state" type = "button" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" fill = "currentColor" class = "bi bi-cpu" viewBox = "0 0 16 16" >
< path d = "M5 0a.5.5 0 0 1 .5.5V2h1V.5a.5.5 0 0 1 1 0V2h1V.5a.5.5 0 0 1 1 0V2h1V.5a.5.5 0 0 1 1 0V2A2.5 2.5 0 0 1 14 4.5h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14a2.5 2.5 0 0 1-2.5 2.5v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14A2.5 2.5 0 0 1 2 11.5H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2A2.5 2.5 0 0 1 4.5 2V.5A.5.5 0 0 1 5 0zm-.5 3A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3h-7zM5 6.5A1.5 1.5 0 0 1 6.5 5h3A1.5 1.5 0 0 1 11 6.5v3A1.5 1.5 0 0 1 9.5 11h-3A1.5 1.5 0 0 1 5 9.5v-3zM6.5 6a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z" / >
< / svg >
< / button >
< / div >
< div class = "btn-group btn-group-sm me-2" role = "group" aria-label = "Second group" >
< button class = "btn btn-secondary" id = "arq_state" type = "button" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" fill = "currentColor" class = "bi bi-arrow-left-right" viewBox = "0 0 16 16" >
< path fill-rule = "evenodd" d = "M1 11.5a.5.5 0 0 0 .5.5h11.793l-3.147 3.146a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 11H1.5a.5.5 0 0 0-.5.5zm14-7a.5.5 0 0 1-.5.5H2.707l3.147 3.146a.5.5 0 1 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 4H14.5a.5.5 0 0 1 .5.5z" / >
< / svg >
< / button >
< / div >
< div class = "btn-group btn-group-sm me-2 " role = "group" aria-label = "Third group" >
< button class = "btn btn-secondary" id = "signalling_state" type = "button" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" fill = "currentColor" class = "bi bi-journal-code" viewBox = "0 0 16 16" >
< path fill-rule = "evenodd" d = "M8.646 5.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 8 8.646 6.354a.5.5 0 0 1 0-.708zm-1.292 0a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708-.708L5.707 8l1.647-1.646a.5.5 0 0 0 0-.708z" / >
< path d = "M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z" / >
< path d = "M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z" / >
< / svg >
< / button >
< button class = "btn btn-secondary" id = "data_state" type = "button" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" fill = "currentColor" class = "bi bi-journal-richtext" viewBox = "0 0 16 16" >
< path d = "M7.5 3.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0zm-.861 1.542 1.33.886 1.854-1.855a.25.25 0 0 1 .289-.047L11 4.75V7a.5.5 0 0 1-.5.5h-5A.5.5 0 0 1 5 7v-.5s1.54-1.274 1.639-1.208zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z" / >
< path d = "M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z" / >
< path d = "M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z" / >
< / svg >
< / button >
< / div >
< div class = "input-group input-group-sm me-2" >
< span class = "input-group-text" id = "basic-addon1" > Bytes/s< / span >
< span class = "input-group-text" id = "basic-addon1" > ----< / span >
< / div >
< div class = "progress" style = "height:100%; width: 200px" >
< div class = "progress-bar progress-bar-striped bg-primary" id = "arq-progress" role = "progressbar" style = "width: 25%" aria-valuenow = "25" aria-valuemin = "0" aria-valuemax = "100" > 25%< / div >
< / div >
< / div >
< / div >
< / nav >
< script src = "../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js" > < / script >
< / body >
< / html >