commit 04/11/2025
This commit is contained in:
@@ -17,16 +17,15 @@
|
||||
<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/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="assets/css/select2.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">
|
||||
<nav class="navbar navbar-expand-lg fixed-top bg-gradient 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">
|
||||
@@ -45,7 +44,7 @@
|
||||
<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 card-border scroll pad-left">
|
||||
<div class="card-body">
|
||||
<div class="table-responsive table-message table-hover table">
|
||||
<table class="table table-hover" id="table_message">
|
||||
@@ -70,13 +69,7 @@
|
||||
</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 border-0">
|
||||
<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">
|
||||
@@ -88,157 +81,96 @@
|
||||
</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 class="table-responsive table-message table">
|
||||
<table class="table table-hover" id="table_message">
|
||||
<thead>
|
||||
<tr></tr>
|
||||
</thead>
|
||||
<tbody id="tbody_broadcastzones">
|
||||
<tr>
|
||||
<td>
|
||||
<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>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</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" id="row_airplane">
|
||||
<div class="col-7 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 class="col-3"><label class="col-form-label">Airline</label></div>
|
||||
<div class="col-8 pad-select"><select id="select_airline" class="form-select pad-input" name="airline"></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="col-5 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 class="col-5"><label class="col-form-label">Flight Number</label></div>
|
||||
<div class="col-7 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>
|
||||
<div class="row" id="row_city">
|
||||
<div class="col-4 col-sm-4 col-md-3 col-lg-3 col-xl-2 pad-row-input"><label class="col-form-label">City</label></div>
|
||||
<div class="col-8 col-sm-8 col-md-9 col-lg-9 col-xl-10 pad-select pad-row-input"><select id="select_city" class="pad-input form-select" name="cities[]" multiple="multiple"></select></div>
|
||||
</div>
|
||||
<div class="row" id="row_gatenumber">
|
||||
<div class="col-4 col-sm-4 col-md-3 col-lg-3 col-xl-2 pad-row-input"><label class="col-form-label">Gate Number</label></div>
|
||||
<div class="col-8 col-sm-8 col-md-9 col-lg-9 col-xl-10 pad-input-left pad-row-input"><input type="text" id="input_gatenumber" class="pad-input form-control" placeholder="gate number"></div>
|
||||
</div>
|
||||
<div class="row" id="row_time">
|
||||
<div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 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 class="col-4 col-sm-4 col-md-6 col-lg-6 col-xl-4"><label class="col-form-label">Hours</label></div>
|
||||
<div class="col-8 col-sm-8 col-md-6 col-lg-6 col-xl-8 pad-select"><input type="number" id="input_hours" class="form-control pad-input" value="0" min="0" max="23" step="1" placeholder="hour"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 pad-row-input">
|
||||
<div class="row">
|
||||
<div class="col-4 col-sm-4 col-md-6 col-lg-6 col-xl-4"><label class="col-form-label">Minutes</label></div>
|
||||
<div class="col-8 col-sm-8 col-md-6 col-lg-6 col-xl-8 pad-select"><input type="number" id="input_minutes" class="form-control pad-input" value="0" min="0" max="59" step="1" placeholder="minute"></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="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 pad-row-input" id="col_reason">
|
||||
<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 class="col-4 col-sm-4 col-md-6 col-lg-6 col-xl-4"><label class="col-form-label">Reason</label></div>
|
||||
<div class="col-8 col-sm-8 col-md-6 col-lg-6 col-xl-8 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="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 pad-row-input" id="col_places">
|
||||
<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 class="col-4 col-sm-4 col-md-6 col-lg-6 col-xl-4"><label class="col-form-label">Places</label></div>
|
||||
<div class="col-8 col-sm-8 col-md-6 col-lg-6 col-xl-8 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="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 pad-row-input" id="col_shalat">
|
||||
<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 class="col-4 col-sm-4 col-md-6 col-lg-6 col-xl-4"><label class="col-form-label">Shalat</label></div>
|
||||
<div class="col-8 col-sm-8 col-md-6 col-lg-6 col-xl-8 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="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 pad-row-input" id="col_conveyorbelt">
|
||||
<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 class="col-4 col-sm-4 col-md-6 col-lg-6 col-xl-4"><label class="col-form-label">Conveyor Belt</label></div>
|
||||
<div class="col-8 col-sm-8 col-md-6 col-lg-6 col-xl-8 pad-select"><input class="w-100 form-control pad-input" type="text" id="input_conveyorbelt" placeholder="conveyor belt"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 pad-row-input">
|
||||
<div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 pad-row-input" id="col_procedure">
|
||||
<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 class="col-4 col-sm-4 col-md-6 col-lg-6 col-xl-4"><label class="col-form-label">Procedure</label></div>
|
||||
<div class="col-8 col-sm-8 col-md-6 col-lg-6 col-xl-8 pad-select"><select id="select_procedure" 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="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 pad-row-input" id="col_licenseplate">
|
||||
<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 class="col-4 col-sm-4 col-md-6 col-lg-6 col-xl-4"><label class="col-form-label">License Plate</label></div>
|
||||
<div class="col-8 col-sm-8 col-md-6 col-lg-6 col-xl-8 pad-select"><input class="w-100 form-control pad-input" type="text" id="input_licenseplate" placeholder="license plate"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -319,10 +251,9 @@
|
||||
<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/bootstrap.bundle.min.js"></script>
|
||||
<script src="assets/js/jquery-3.7.1.min.js"></script>
|
||||
<script src="assets/js/select2.min.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user