prepared tabbed area (incomplete)

这个提交包含在:
HB9HIL 2023-10-28 00:23:43 +02:00
父节点 2d9b8b6413
当前提交 c258a86455
共有 2 个文件被更改,包括 122 次插入131 次删除

查看文件

@ -15,6 +15,7 @@ class SimpleFLE extends CI_Controller {
$data['station_profile'] = $this->stations->all_of_user(); // Used in the view for station location select $data['station_profile'] = $this->stations->all_of_user(); // Used in the view for station location select
$data['bands'] = $this->bands->get_all_bands(); // Fetching Bands for FLE $data['bands'] = $this->bands->get_all_bands(); // Fetching Bands for FLE
$data['active_station_profile'] = $this->stations->find_active(); // Prepopulate active Station in Station Location Selector $data['active_station_profile'] = $this->stations->find_active(); // Prepopulate active Station in Station Location Selector
$data['sat_active'] = array_search("SAT", $this->bands->get_user_bands(), true);
$data['page_title'] = "Simple Fast Log Entry"; $data['page_title'] = "Simple Fast Log Entry";

查看文件

@ -1,50 +1,68 @@
<script type="text/javascript"> <script type="text/javascript">
var Bands = <?php echo json_encode($bands);?>; var Bands = <?php echo json_encode($bands); ?>;
var user_id = <?php echo $this->session->userdata('user_id'); ?>; var user_id = <?php echo $this->session->userdata('user_id'); ?>;
</script> </script>
<div class="container"> <div class="container">
<br> <br>
<div id="simpleFleInfo"> <div id="simpleFleInfo">
<script> <script>
var lang_simplefle_info_button = "<?php echo lang('simplefle_info_button'); ?>"; var lang_simplefle_info_button = "<?php echo lang('simplefle_info_button'); ?>";
var lang_simplefle_info_ln1 = "<?php echo lang('simplefle_info_ln1'); ?>"; var lang_simplefle_info_ln1 = "<?php echo lang('simplefle_info_ln1'); ?>";
var lang_simplefle_info_ln2 = "<?php echo lang('simplefle_info_ln2'); ?>"; var lang_simplefle_info_ln2 = "<?php echo lang('simplefle_info_ln2'); ?>";
var lang_simplefle_info_ln3 = "<?php echo lang('simplefle_info_ln3'); ?>"; var lang_simplefle_info_ln3 = "<?php echo lang('simplefle_info_ln3'); ?>";
var lang_simplefle_info_ln4 = "<?php echo lang('simplefle_info_ln4'); ?>"; var lang_simplefle_info_ln4 = "<?php echo lang('simplefle_info_ln4'); ?>";
var lang_simplefle_syntax_help = "<?php echo lang('simplefle_syntax_help_button'); ?>"; var lang_simplefle_syntax_help = "<?php echo lang('simplefle_syntax_help_button'); ?>";
var lang_simplefle_syntax_help_title = "<?php echo lang('simplefle_syntax_help_title'); ?>"; var lang_simplefle_syntax_help_title = "<?php echo lang('simplefle_syntax_help_title'); ?>";
</script> </script>
<h2><?php echo $page_title; ?></h2> <h2><?php echo $page_title; ?></h2>
<button type="button" class="btn btn-sm btn-primary mr-1" id="simpleFleInfoButton"><?php echo lang('simplefle_info'); ?></button> <button type="button" class="btn btn-sm btn-primary mr-1" id="simpleFleInfoButton"><?php echo lang('simplefle_info'); ?></button>
</div> </div>
<?php if($this->session->flashdata('message')) { ?> <?php if ($this->session->flashdata('message')) { ?>
<!-- Display Message --> <!-- Display Message -->
<div class="alert-message error"> <div class="alert-message error">
<p><?php echo $this->session->flashdata('message'); ?></p> <p><?php echo $this->session->flashdata('message'); ?></p>
</div> </div>
<?php } ?> <?php } ?>
</div> </div>
<div class="container-fluid"> <div class="container-fluid">
<header <header class="d-flex flex-wrap align-items-center justify-content-center justify-content-md-between py-3 mb-4 border-bottom">
class="d-flex flex-wrap align-items-center justify-content-center justify-content-md-between py-3 mb-4 border-bottom"> <div class="col-md-3 mb-2 mb-md-0">
<div class="col-md-3 mb-2 mb-md-0">
</div>
<div class="col-md-3 justify-content-end d-flex">
</div>
</header>
<div class="row mt-4">
<!-- START BASIC QSO DATA -->
<div class="col-xs-12 col-md-4">
<div class="card-header">
<ul style="font-size: 15px;" class="nav nav-tabs card-header-tabs pull-right" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="qso-tab" data-toggle="tab" href="#qso" role="tab" aria-controls="qso" aria-selected="true">Main Data</a>
</li>
<li class="nav-item">
<a class="nav-link" id="general-tab" data-toggle="tab" href="#general" role="tab" aria-controls="general" aria-selected="false"><?php echo lang('general_word_general'); ?></a>
</li>
<?php if ($sat_active) { ?>
<li class="nav-item">
<a class="nav-link" id="satellite-tab" data-toggle="tab" href="#satellite" role="tab" aria-controls="satellite" aria-selected="false"><?php echo lang('general_word_satellite_short'); ?></a>
</li>
<?php } ?>
</ul>
</div> </div>
<div class="card-body">
<div class="col-md-3 justify-content-end d-flex"> <div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="qso" role="tabpanel" aria-labelledby="qso-tab">
</div>
</header>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="qso" role="tabpanel" aria-labelledby="qso-tab">
<div class="row mt-4">
<div class="col-xs-12 col-md-4">
<div class="row"> <div class="row">
<div class="col-xs-12 col-lg-12 col-xl-6"> <div class="col-xs-12 col-lg-12 col-xl-6">
<div class="form-group"> <div class="form-group">
@ -52,125 +70,97 @@
<input type="date" class="form-control" id="qsodate"> <input type="date" class="form-control" id="qsodate">
</div> </div>
</div> </div>
<div class="col-xs-12 col-lg-12 col-xl-6">
<div class="form-group">
<label for="wwff">WWFF/SOTA <span class="text-muted input-example">e.g.
OKFF-2068</span></label>
<input type="text" class="form-control text-uppercase" id="my-sota-wwff" autofocus>
</div>
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-lg-6"> <div class="col-xs-12 col-lg-6">
<div class="form-group"> <div class="form-group">
<!-- <label for="my-call">My Station Callsign </label>
<input type="text" class="form-control text-uppercase" id="my-call"> -->
<label for="station-call">Station Call</label> <label for="station-call">Station Call</label>
<select name="station_profile" class="station_id custom-select" id="station-call"> <select name="station_profile" class="station_id custom-select" id="station-call">
<option value="-">-</option> <option value="-">-</option>
<?php foreach ($station_profile->result() as $station) { ?> <?php foreach ($station_profile->result() as $station) { ?>
<option value="<?php echo $station->station_id; ?>" <?php if ($station->station_id == $this->stations->find_active()) { echo 'selected'; } ?>> <option value="<?php echo $station->station_id; ?>" <?php if ($station->station_id == $this->stations->find_active()) {
<?php echo lang('gen_hamradio_callsign') . ": " . $station->station_callsign . " (" . $station->station_profile_name . ")"; ?> echo 'selected';
</option> } ?>>
<?php } ?> <?php echo lang('gen_hamradio_callsign') . ": " . $station->station_callsign . " (" . $station->station_profile_name . ")"; ?>
</select> </option>
<?php } ?>
</select>
<div class="alert alert-danger" role="alert" id="warningStationCall" style="display: none"> </div> <div class="alert alert-danger" role="alert" id="warningStationCall" style="display: none"> </div>
</div> </div>
</div> </div>
<div class="col-xs-12 col-lg-6"> <div class="col-xs-12 col-lg-6">
<div class="form-group"> <div class="form-group">
<label for="operator">Operator <span class="text-muted input-example">e.g. <label for="operator">Operator <span class="text-muted input-example">e.g. OK2CQR</span></label>
OK2CQR</span></label>
<input type="text" class="form-control text-uppercase" id="operator" value="<?php echo $this->session->userdata('operator_callsign'); ?>"> <input type="text" class="form-control text-uppercase" id="operator" value="<?php echo $this->session->userdata('operator_callsign'); ?>">
<div class="alert alert-danger" role="alert" id="warningOperatorField" style="display: none"> </div> <div class="alert alert-danger" role="alert" id="warningOperatorField" style="display: none"> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="row"> </div>
<div class="col"> <div class="tab-pane" id="general" role="tabpanel" aria-labelledby="general-tab">
<p>Enter the data</p> <div class="col-xs-12 col-lg-12 col-xl-6">
<textarea name="qso" class="form-control qso-area" cols="auto" rows="11" id="textarea"></textarea> <div class="form-group">
<label for="wwff">WWFF/SOTA <span class="text-muted input-example">e.g. OKFF-2068</span></label>
<input type="text" class="form-control text-uppercase" id="my-sota-wwff" autofocus>
</div> </div>
</div> </div>
</div> </div>
<div class="col-xs-12 col-md-8"> <?php if ($sat_active) { ?>
QSO list <div class="tab-pane" id="satellite" role="tabpanel" aria-labelledby="satellite-tab">
<div class="qsoList"> Test Satellite
<table class="table table-condensed table-striped table-sm" id="qsoTable">
<thead>
<tr>
<th>Date</th>
<th>Time</th>
<th>Callsign</th>
<th>Band</th>
<th>Mode</th>
<th>RS</th>
<th>RR</th>
<th>Op.</th>
<th>SOTA/WFF</th>
</tr>
</thead>
<tbody id="qsoTableBody">
</tbody>
</table>
</div> </div>
<span class="js-qso-count"></span> <?php } ?>
<div class="row mt-2">
<div class="col-3 col-sm-3">
<button class="btn btn-primary js-reload-qso">Reload QSO list</button>
</div>
<div class="col-3 col-sm-3">
<button class="btn btn-warning js-save-to-log">Save in Cloudlog</button>
</div>
<div class="col-3 col-sm-3">
<button class="btn btn-danger js-empty-qso">Clear logging session</button>
</div>
<div class="col-3 col-sm-3">
<button class="btn btn-success" id="js-syntax"><?php echo lang('simplefle_syntax_help_button'); ?></button>
</div>
</div>
</div>
</div> </div>
</div> </div>
<div class="tab-pane fade show" id="settings" role="tabpanel" aria-labelledby="settings-tab">
<div class="row mt-4"> <!-- END BASIC QSO DATA -->
<div class="col"> <div class="card-body">
General
</div>
</div>
<div class="row mt-4">
<div class="col-lg-6">
<div class="row">
<div class="col-3 mt-4">
<strong>QSO</strong>
</div>
<div class="col-sm-3">
<div class="form-group">
<label for="my-power">Power (W)</label>
<input type="text" class="form-control text-uppercase" id="my-power" value="">
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label for="my-grid">My grid</label>
<input type="text" class="form-control text-uppercase" id="my-grid" value="">
</div>
</div>
</div>
</div>
</div>
<div class="row mt-4">
<div class="col">
Bands
</div>
</div>
<div class="row"> <div class="row">
<div class="col col-lg-6"> <div class="col">
<div class="js-band-settings mt-4 mb-5"> <p>Enter the data</p>
</div> <textarea name="qso" class="form-control qso-area" cols="auto" rows="11" id="textarea"></textarea>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-xs-12 col-md-8">
QSO list
<div class="qsoList">
<table class="table table-condensed table-striped table-sm" id="qsoTable">
<thead>
<tr>
<th>Date</th>
<th>Time</th>
<th>Callsign</th>
<th>Band</th>
<th>Mode</th>
<th>RS</th>
<th>RR</th>
<th>Op.</th>
<th>SOTA/WFF</th>
</tr>
</thead>
<tbody id="qsoTableBody">
</tbody>
</table>
</div>
<span class="js-qso-count"></span>
<div class="row mt-2">
<div class="col-3 col-sm-3">
<button class="btn btn-primary js-reload-qso">Reload QSO list</button>
</div>
<div class="col-3 col-sm-3">
<button class="btn btn-warning js-save-to-log">Save in Cloudlog</button>
</div>
<div class="col-3 col-sm-3">
<button class="btn btn-danger js-empty-qso">Clear logging session</button>
</div>
<div class="col-3 col-sm-3">
<button class="btn btn-success" id="js-syntax"><?php echo lang('simplefle_syntax_help_button'); ?></button>
</div>
</div>
</div>
</div> </div>
</div>