328 lines
31 KiB
HTML
328 lines
31 KiB
HTML
<!DOCTYPE html>
|
||
<html class="overflow-visible" data-bs-theme="light" lang="en">
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
|
||
<title>Broadcast - Semi Automatic for AAS</title>
|
||
<meta property="og:image" content="assets/img/speaker-svgrepo-com.svg">
|
||
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&display=swap">
|
||
<link rel="stylesheet" href="assets/css/Font%20Awesome%205%20Brands.css">
|
||
<link rel="stylesheet" href="assets/css/Font%20Awesome%205%20Duotone.css">
|
||
<link rel="stylesheet" href="assets/css/Font%20Awesome%205%20Pro.css">
|
||
<link rel="stylesheet" href="assets/css/Font%20Awesome%206%20Brands.css">
|
||
<link rel="stylesheet" href="assets/css/Font%20Awesome%206%20Duotone.css">
|
||
<link rel="stylesheet" href="assets/css/Font%20Awesome%206%20Pro.css">
|
||
<link rel="stylesheet" href="assets/css/FontAwesome.css">
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter&display=swap">
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:100,200,200i,300,400,600&subset=latin-ext&display=swap">
|
||
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
|
||
<link rel="stylesheet" href="assets/css/bss-overrides.css">
|
||
<link rel="stylesheet" href="assets/css/all.min.css">
|
||
<link rel="stylesheet" href="https://cdn.datatables.net/2.3.4/css/dataTables.bootstrap5.css">
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.3/css/bootstrap.min.css">
|
||
<link rel="stylesheet" href="assets/css/style.css">
|
||
</head>
|
||
|
||
<body class="bg-body" style="font-family: Poppins, sans-serif;">
|
||
<nav class="navbar navbar-expand-lg fixed-top navbar-shrink navbar-bg" id="mainNav">
|
||
<div class="container-fluid container-fluid"><a class="navbar-brand d-flex align-items-center" href="/"><span class="text-white h4 pad-nav" style="font-family: Raleway, sans-serif;"><strong>Semi Automatic for AAS</strong></span></a><button data-bs-toggle="collapse" class="navbar-toggler text-bg-light pad-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||
<div class="collapse navbar-collapse" id="navcol-1">
|
||
<ul class="navbar-nav mx-auto">
|
||
<li class="nav-item"><a class="nav-link active text-white" href="/index.html">Broadcast</a></li>
|
||
<li class="nav-item"><a class="nav-link text-white" href="/log.html">Log</a></li>
|
||
</ul><a class="btn btn-sm shadow btn-logout pad-button" role="button" id="logout" href="logout" style="font-family: Raleway, sans-serif;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-logout">
|
||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||
<path d="M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2"></path>
|
||
<path d="M9 12h12l-3 -3"></path>
|
||
<path d="M18 15l3 -3"></path>
|
||
</svg> Log Out </a>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
<section class="bg-body mt-5 pad-top">
|
||
<div class="container-fluid">
|
||
<div class="row">
|
||
<div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 col-xxl-4 border-right" id="listofmessage">
|
||
<div class="card card-border scroll">
|
||
<div class="card-body">
|
||
<div class="table-responsive table-message table-hover table">
|
||
<table class="table table-hover" id="table_message">
|
||
<thead class="card-border">
|
||
<tr>
|
||
<th class="header-bg text-darkblue">List Of Message</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="tbody_message">
|
||
<tr>
|
||
<td>Message 1 </td>
|
||
</tr>
|
||
<tr>
|
||
<td>Message 2 </td>
|
||
</tr>
|
||
<tr></tr>
|
||
<tr></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-11 col-sm-12 col-md-12 col-lg-8 col-xl-8 col-xxl-8 scroll">
|
||
<div class="row py-1 pad-right">
|
||
<div class="col-3 col-sm-3 col-md-3 col-lg-3 col-xl-3 con-center" style="font-family: Poppins, sans-serif;"><label class="col-form-label"><strong>AAS IP Address</strong></label></div>
|
||
<div class="col-4 col-sm-3 col-md-3 col-lg-3 col-xl-3"><input type="text" id="input_ip" class="form-control pad-input"></div>
|
||
<div class="col-4 col-sm-3 col-md-3 col-lg-3 col-xl-3"><button class="btn btn-primary w-100 pad-input" id="save_ip" type="button" style="font-family: Raleway, sans-serif;"><i class="far fa-save"></i> Save</button></div>
|
||
<div class="col-1 col-sm-3 col-md-3 col-lg-3 text-end align-self-start" id="status_semiauto"><img id="onlineindicator" class="img-indicator" src="assets/img/red_circle.svg" width="24" height="24"></div>
|
||
</div>
|
||
<div class="card pad-card">
|
||
<div class="card-header header-broadcast header-bg" style="font-family: Poppins, sans-serif;">
|
||
<div class="row py-1">
|
||
<div class="col-8 col-sm-9 col-md-9 col-lg-9 col-xl-9">
|
||
<p class="pad-text-input"><strong>Broadcast Zones</strong></p>
|
||
</div>
|
||
<div class="col-4 col-sm-3 col-md-3 col-lg-3 col-xl-3">
|
||
<div class="form-check pad-text-input"><input class="form-check-input" type="checkbox" data-bs-toggle="tooltip" data-bss-tooltip="" id="selectall_broadcast" title="Select All"><label class="form-check-label" for="selectall_broadcast-1"><strong>Select All</strong></label></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card-body div-broadcast">
|
||
<div class="row">
|
||
<div class="col-6 col-sm-4 col-md-4 col-lg-4 col-xl-4">
|
||
<div class="form-check"><input class="form-check-input" type="checkbox" id="formCheck-16"><label class="form-check-label" for="formCheck-16">Domestic Arrival</label></div>
|
||
</div>
|
||
<div class="col-6 col-sm-4 col-md-4 col-lg-4 col-xl-4">
|
||
<div class="form-check"><input class="form-check-input" type="checkbox" id="formCheck-17"><label class="form-check-label" for="formCheck-17">Domestic Arrival</label></div>
|
||
</div>
|
||
<div class="col-6 col-sm-4 col-md-4 col-lg-4 col-xl-4">
|
||
<div class="form-check" style="font-family: Raleway, sans-serif;"><input class="form-check-input" type="checkbox" id="formCheck-18"><label class="form-check-label" for="formCheck-18">International Arrival</label></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row mt-2 py-3">
|
||
<div class="col"><label class="form-label pad-flight"><strong> Flight Information</strong></label>
|
||
<hr>
|
||
<div class="row">
|
||
<div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 pad-row-input">
|
||
<div class="row">
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4"><label class="col-form-label">Airline</label></div>
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-3 pad-input-left"><input type="text" id="input_airline" class="form-control pad-input"></div>
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-5 pad-select"><select id="select_airline" class="form-select pad-input"></select></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 pad-row-input">
|
||
<div class="row">
|
||
<div class="col-4 col-sm-4 col-md-8 col-lg-8 col-xl-7"><label class="col-form-label">Flight Number</label></div>
|
||
<div class="col-8 col-sm-8 col-md-4 col-lg-4 col-xl-5 pad-select"><input type="text" id="input_flightnumber" class="form-control pad-input"></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 pad-row-input">
|
||
<div class="row">
|
||
<div class="col-4 col-sm-4 col-md-8 col-lg-8 col-xl-7"><label class="col-form-label">License Plate</label></div>
|
||
<div class="col-8 col-sm-8 col-md-4 col-lg-4 col-xl-5 pad-select"><input class="w-100 form-control pad-input" type="text" id="input_licenseplate"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 pad-row-input">
|
||
<div class="row">
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4"><label class="col-form-label">City 1</label></div>
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-3 pad-input-left"><input type="text" id="input_city1" class="form-control pad-input"></div>
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-5 pad-select"><select id="select_city1" class="form-select pad-input"></select></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 pad-row-input">
|
||
<div class="row">
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4"><label class="col-form-label">City 2</label></div>
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-3 pad-input-left"><input type="text" id="input_city2" class="form-control pad-input"></div>
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-5 pad-select"><select id="select_city2" class="form-select pad-input"></select></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 pad-row-input">
|
||
<div class="row">
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4"><label class="col-form-label">City 3</label></div>
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-3 pad-input-left"><input type="text" id="input_city3" class="form-control pad-input"></div>
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-5 pad-select"><select id="select_city3" class="form-select pad-input"></select></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 pad-row-input">
|
||
<div class="row">
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4"><label class="col-form-label">City 4</label></div>
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-3 pad-input-left"><input type="text" id="input_city4" class="form-control pad-input"></div>
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-5 pad-select"><select id="select_city4" class="form-select pad-input"></select></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 pad-row-input">
|
||
<div class="row">
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4"><label class="col-form-label">City 5</label></div>
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-3 pad-input-left"><input type="text" id="input_city5" class="form-control pad-input"></div>
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-5 pad-select"><select id="select_city5" class="form-select pad-input"></select></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 pad-row-input">
|
||
<div class="row">
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4"><label class="col-form-label">City 6</label></div>
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-3 pad-input-left"><input type="text" id="input_city6" class="form-control pad-input"></div>
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-5 pad-select"><select id="select_city6" class="form-select pad-input"></select></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 pad-row-input">
|
||
<div class="row">
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4"><label class="col-form-label">City 7</label></div>
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-3 pad-input-left"><input type="text" id="input_city7" class="form-control pad-input"></div>
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-5 pad-select"><select id="select_city7" class="form-select pad-input"></select></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 pad-row-input">
|
||
<div class="row">
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4"><label class="col-form-label">City 8</label></div>
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-3 pad-input-left"><input type="text" id="input_city8" class="form-control pad-input"></div>
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-5 pad-select"><select id="select_city8" class="form-select pad-input"></select></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 pad-row-input">
|
||
<div class="row">
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4"><label class="col-form-label">City 9</label></div>
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-3 pad-input-left"><input type="text" id="input_city9" class="form-control pad-input"></div>
|
||
<div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-5 pad-select"><select id="select_city9" class="form-select pad-input"></select></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 pad-row-input">
|
||
<div class="row">
|
||
<div class="col-4 col-sm-4 col-md-8 col-lg-8 col-xl-7"><label class="col-form-label">Places</label></div>
|
||
<div class="col-8 col-sm-8 col-md-4 col-lg-4 col-xl-5 pad-select"><select id="select_places" class="form-select pad-input"></select></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 pad-row-input">
|
||
<div class="row">
|
||
<div class="col-4 col-sm-4 col-md-8 col-lg-8 col-xl-7"><label class="col-form-label">Shalat</label></div>
|
||
<div class="col-8 col-sm-8 col-md-4 col-lg-4 col-xl-5 pad-select"><select id="select_shalat" class="form-select pad-input"></select></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 pad-row-input">
|
||
<div class="row">
|
||
<div class="col-4 col-sm-4 col-md-8 col-lg-8 col-xl-7"><label class="col-form-label">Reason</label></div>
|
||
<div class="col-8 col-sm-8 col-md-4 col-lg-4 col-xl-5 pad-select"><select id="select_reason" class="form-select pad-input"></select></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 pad-row-input">
|
||
<div class="row">
|
||
<div class="col-4 col-sm-4 col-md-8 col-lg-8 col-xl-7"><label class="col-form-label">Gate Number</label></div>
|
||
<div class="col-8 col-sm-8 col-md-4 col-lg-4 col-xl-5 pad-select"><select id="select_gatenumber" class="form-select pad-input"></select></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 pad-row-input">
|
||
<div class="row">
|
||
<div class="col-4 col-sm-4 col-md-8 col-lg-8 col-xl-7"><label class="col-form-label">Conveyor Belt</label></div>
|
||
<div class="col-8 col-sm-8 col-md-4 col-lg-4 col-xl-5 pad-select"><select id="select_conveyorbelt" class="form-select pad-input"></select></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 pad-row-input">
|
||
<div class="row">
|
||
<div class="col-4 col-sm-4 col-md-8 col-lg-8 col-xl-7"><label class="col-form-label">Procedure</label></div>
|
||
<div class="col-8 col-sm-8 col-md-4 col-lg-4 col-xl-5 pad-select"><select id="select_procedure" class="form-select pad-input"></select></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 pad-row-input">
|
||
<div class="row">
|
||
<div class="col-4 col-sm-4 col-md-8 col-lg-8 col-xl-7"><label class="col-form-label">Hours</label></div>
|
||
<div class="col-8 col-sm-8 col-md-4 col-lg-4 col-xl-5 pad-select"><input type="text" id="input_hours" class="form-control pad-input"></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 pad-row-input">
|
||
<div class="row">
|
||
<div class="col-4 col-sm-4 col-md-8 col-lg-8 col-xl-7"><label class="col-form-label">Minutes</label></div>
|
||
<div class="col-8 col-sm-8 col-md-4 col-lg-4 col-xl-5 pad-select"><input type="text" id="input_minutes" class="form-control pad-input"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="py-1">
|
||
<div class="row py-1">
|
||
<div class="col-7 col-sm-6 col-md-4 col-lg-4 col-xl-4"><label class="col-form-label"><strong>Message - Indonesia</strong></label></div>
|
||
<div class="col-5 col-sm-6 col-md-8 col-lg-8 col-xl-8">
|
||
<div class="form-check py-2"><input class="form-check-input" type="checkbox" id="checkbox_indonesia"><label class="form-check-label" for="formCheck-4"><strong>Indonesia</strong></label></div>
|
||
</div>
|
||
</div>
|
||
<div><label class="form-label bg-white border w-100 py-1 pad-message bg-message" id="message_indonesia">Mohon perhatian, demi kenyamanan dan kewaspadaan kita bersama terhadap penyebaran virus corona, kepada seluruh pengguna jasa Bandar Udara Nusantara, dimohon untuk menjaga jarak dan tidak menempati kursi yang sudah diberi tanda silang, serta bagi para penumpang yang akan melakukan proses boarding, untuk mengikuti antrian sesuai dengan batas yg telah kami sediakan. Terima kasih.</label></div>
|
||
</div>
|
||
<div class="py-1">
|
||
<div class="row py-1">
|
||
<div class="col-7 col-sm-6 col-md-4 col-lg-4 col-xl-4"><label class="col-form-label"><strong>Message - English</strong></label></div>
|
||
<div class="col-5 col-sm-6 col-md-8 col-lg-8 col-xl-8">
|
||
<div class="form-check py-2"><input class="form-check-input" type="checkbox" id="checkbox_english"><label class="form-check-label" for="formCheck-6"><strong>English</strong></label></div>
|
||
</div>
|
||
</div>
|
||
<div><label class="form-label bg-white border w-100 py-1 pad-message" id="message_english">Your attention please, for our convenience, due to the spreading of corona virus, for all customer of Nusantara airport, please keep your distance from one another. As the Marking the gap was given on the seat, please do not sit on the cross mark. Also, for those who are in the queue for boarding, please stand based on the given mark. Thank you.</label></div>
|
||
</div>
|
||
<div class="py-1">
|
||
<div class="row py-1">
|
||
<div class="col-7 col-sm-6 col-md-4 col-lg-4 col-xl-4"><label class="col-form-label"><strong>Message - Chinese</strong></label></div>
|
||
<div class="col-5 col-sm-6 col-md-8 col-lg-8 col-xl-8">
|
||
<div class="form-check py-2"><input class="form-check-input" type="checkbox" id="checkbox_chinese"><label class="form-check-label" for="formCheck-5"><strong>Chinese</strong></label></div>
|
||
</div>
|
||
</div>
|
||
<div><label class="form-label bg-white border w-100 py-1 pad-message" id="message_chinese">Lorem Ipsum 只是印刷排版行业的虚拟文本。自 1500 年代以来，Lorem Ipsum 一直是该行业的标准虚拟文本，当时一位不知名的印刷工从字样中取出一小块字样，将其打乱，制作成一本字样册。它不仅经历了五个世纪，也经历了电子排版的飞跃，基本保持不变。</label></div>
|
||
</div>
|
||
<div class="py-1">
|
||
<div class="row py-1">
|
||
<div class="col-7 col-sm-6 col-md-4 col-lg-4 col-xl-4"><label class="col-form-label"><strong>Message - Japanese</strong></label></div>
|
||
<div class="col-5 col-sm-6 col-md-8 col-lg-8 col-xl-8">
|
||
<div class="form-check py-2"><input class="form-check-input" type="checkbox" id="checkbox_japanese"><label class="form-check-label" for="formCheck-8"><strong>Japanese</strong></label></div>
|
||
</div>
|
||
</div>
|
||
<div><label class="form-label bg-white border w-100 py-1 pad-message" id="message_japanese">Lorem Ipsumは、印刷・組版業界におけるダミーテキストです。1500年代、無名の印刷業者が活字の校正刷りを組み替えて書体見本帳を作成した頃から、Lorem Ipsumは業界の標準ダミーテキストとして使用されてきました。5世紀もの間、そして電子組版への移行期にも、Lorem Ipsumは基本的に変わることなく生き残ってきました。</label></div>
|
||
</div>
|
||
<div class="py-1">
|
||
<div class="row py-1">
|
||
<div class="col-7 col-sm-6 col-md-4 col-lg-4 col-xl-4"><label class="col-form-label"><strong>Message - Arabic</strong></label></div>
|
||
<div class="col-5 col-sm-6 col-md-8 col-lg-8 col-xl-8">
|
||
<div class="form-check py-2"><input class="form-check-input" type="checkbox" id="checkbox_arabic"><label class="form-check-label" for="formCheck-7"><strong>Arabic</strong></label></div>
|
||
</div>
|
||
</div>
|
||
<div><label class="form-label text-end bg-white border w-100 py-1 pad-message" id="message_arabic">لوريم إيبسوم هو ببساطة نص شكلي (أي غير واضح) يُستخدم في صناعة الطباعة والتنضيد. ظل لوريم إيبسوم النص الشكلي القياسي لهذه الصناعة منذ القرن السادس عشر، عندما قام طابع مجهول بنسخ مجموعة من الحروف وخلطها لإنتاج كتاب نماذج الحروف. وقد صمد هذا النص ليس فقط لخمسة قرون، بل أيضًا بعد قفزة التنضيد الإلكتروني، وظل دون تغيير يُذكر.</label></div>
|
||
</div>
|
||
<div class="py-1">
|
||
<div class="row py-1">
|
||
<div class="col-7 col-sm-6 col-md-4 col-lg-4 col-xl-4"><label class="col-form-label"><strong>Message - Local</strong></label></div>
|
||
<div class="col-5 col-sm-6 col-md-8 col-lg-8 col-xl-8">
|
||
<div class="form-check py-2"><input class="form-check-input" type="checkbox" id="checkbox_local"><label class="form-check-label" for="formCheck-9"><strong>Local</strong></label></div>
|
||
</div>
|
||
</div>
|
||
<div><label class="form-label bg-white border w-100 py-1 pad-message" id="message_local"><strong><span style="color: rgb(0, 0, 0);">Lorem Ipsum</span></strong><span style="color: rgb(0, 0, 0);"> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</span></label></div>
|
||
</div>
|
||
<div class="row py-2">
|
||
<div class="col-sm-6 col-md-6 col-lg-6 col-xl-4 col-xxl-4 py-2"><button class="btn w-100 pad-input btn-reload" id="reload_database" type="button" style="font-family: Raleway, sans-serif;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-reload pad-icon">
|
||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||
<path d="M19.933 13.041a8 8 0 1 1 -9.925 -8.788c3.899 -1 7.935 1.007 9.425 4.747"></path>
|
||
<path d="M20 4v5h-5"></path>
|
||
</svg> Reload Database</button></div>
|
||
<div class="col-sm-6 col-md-6 col-lg-6 col-xl-4 col-xxl-4 py-2"><button class="btn btn-primary w-100 pad-input btn-broadcast" id="send_broadcast" type="button" style="font-family: Raleway, sans-serif;box-shadow: 0px 0px 0px 0px var(--bs-blue);border-color: rgba(255,255,255,0.5);"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-send pad-icon">
|
||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||
<path d="M10 14l11 -11"></path>
|
||
<path d="M21 3l-6.5 18a.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a.55 .55 0 0 1 0 -1l18 -6.5"></path>
|
||
</svg> Send Broadcast to AAS</button></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<footer></footer>
|
||
<script src="assets/js/jquery.min.js"></script>
|
||
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
|
||
<script src="assets/js/bs-init.js"></script>
|
||
<script src="assets/js/custom.js"></script>
|
||
<script src="https://cdn.datatables.net/2.3.4/js/dataTables.bootstrap5.js"></script>
|
||
<script src="https://cdn.datatables.net/2.3.4/js/dataTables.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.3/js/bootstrap.bundle.min.js" type="module"></script>
|
||
<script src="assets/js/jquery-3.7.1.min.js"></script>
|
||
</body>
|
||
|
||
</html> |