some frontend stuff

This commit is contained in:
HB9HIL
2024-08-23 22:17:52 +02:00
parent 3d641985b2
commit 01f78811de
3 changed files with 68 additions and 57 deletions

View File

@@ -19,7 +19,7 @@ class Reg1test extends CI_Controller {
public function index() {
//define Page title
$data['page_title'] = __("Export REG1TEST EDI");
$data['page_title'] = __("Export EDI");
//Load models
$this->load->model('Contesting_model');

View File

@@ -26,10 +26,10 @@
<form class="form" action="<?php echo site_url('reg1test/export'); ?>" method="post" enctype="multipart/form-data">
<div class="mb-3 d-flex align-items-center row">
<div class="col-md-3 control-label" for="station_id"><?= __("Select Station Location:"); ?> </div>
<select id="station_id" name="station_id" class="form-select my-1 me-sm-2 col-md-4 w-auto">
<div class="col-md-4 control-label" for="station_id"><?= __("Select Station Location"); ?> </div>
<select id="station_id" name="station_id" class="form-select my-1 me-sm-2 col-md-6 w-25 w-lg-75">
<?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 =\"selected\""; } ?>><?= __("Callsign") ?>: <?php echo $station->station_callsign; ?> (<?php echo $station->station_profile_name; ?>)</option>
<option value="<?php echo $station->station_id; ?>" <?php if ($station->station_id == $this->stations->find_active()) { echo " selected =\"selected\""; } ?>><?= __("Callsign") ?> <?php echo $station->station_callsign; ?> (<?php echo $station->station_profile_name; ?>)</option>
<?php } ?>
</select>
<button id="button1id" type="button" onclick="loadYears();" name="button1id" class="btn btn-sm btn-primary w-auto"> <?= __("Proceed") ?></button>
@@ -44,89 +44,98 @@
<div class="mb-3 d-flex align-items-center row contestbands">
</div>
<div hidden="true" class="mb-3 d-flex align-items-center row additionalinfo">
<div class="col-md-3 control-label" for="sentexchange"><?= __("Sent Exchange"); ?>: </div>
<input class="form-control my-1 me-sm-2 col-md-4 w-auto" id="sentexchange" type="sentexchange" name="sentexchange" aria-label="sentexchange">
<div class="col-md-4 control-label" for="sentexchange"><?= __("Sent Exchange"); ?> </div>
<input class="form-control my-1 me-sm-2 col-md-6 w-25 w-lg-75" maxlength="6" id="sentexchange" type="sentexchange" name="sentexchange" aria-label="sentexchange">
<small id="sentexchange_hint" class="form-text text-muted col-md-4"><?= __("The exchange which was sent during the contest. Can be any type of information, e.g. Province, DOK, County, State, Power, Name. Max. length: 6 characters."); ?></small>
</div>
<div hidden="true" class="mb-3 d-flex align-items-center row additionalinfo">
<div class="col-md-3 control-label" for="club"><?= __("Club"); ?>: </div>
<input class="form-control my-1 me-sm-2 col-md-4 w-auto" id="club" type="club" name="club" aria-label="club">
<div class="col-md-4 control-label" for="club"><?= __("Club"); ?> </div>
<input class="form-control my-1 me-sm-2 col-md-6 w-25 w-lg-75" maxlength="75" id="club" type="club" name="club" aria-label="club">
<small id="club_hint" class="form-text text-muted col-md-4"><?= __("Describes the callsign of the radio club where operator(s) are member. E.g. can be used if points are accumulated to the club."); ?></small>
</div>
<div hidden="true" class="mb-3 d-flex align-items-center row additionalinfo">
<div class="col-md-3 control-label" for="categoryoperator"><?= __("Category Operator") ?>: </div>
<select class="form-select my-1 me-sm-2 col-md-4 w-auto" id="categoryoperator" name="categoryoperator">
<div class="col-md-4 control-label" for="categoryoperator"><?= __("Category Operator") ?> </div>
<select class="form-select my-1 me-sm-2 col-md-6 w-25 w-lg-75" id="categoryoperator" name="categoryoperator">
<option value="SINGLE-OP">SINGLE-OP</option>
<option value="MULTI-OP">MULTI-OP</option>
<option value="CHECKLOG">CHECKLOG</option>
</select>
</div>
<div hidden="true" class="mb-3 d-flex align-items-center row additionalinfo">
<div class="col-md-3 control-label" for="responsible_operator"><?= __("Callsign of responsible operator") ?>: </div>
<input class="form-control my-1 me-sm-2 col-md-4 w-auto" id="responsible_operator" type="text" name="responsible_operator" aria-label="responsible_operator">
</select>
<div class="col-md-4 control-label" for="responsible_operator"><?= __("Callsign of responsible operator") ?> </div>
<input class="form-control my-1 me-sm-2 col-md-6 w-25 w-lg-75" maxlength="75" id="responsible_operator" type="text" name="responsible_operator" aria-label="responsible_operator">
</div>
<div hidden="true" class="mb-3 d-flex align-items-center row additionalinfo">
<div class="col-md-3 control-label" for="operators"><?= __("Operators") ?>: </div>
<input class="form-control my-1 me-sm-2 col-md-4 w-auto" id="operators" type="operators" name="operators" aria-label="operators">
</select>
<div class="col-md-4 control-label" for="operators"><?= __("Operators") ?> </div>
<input class="form-control my-1 me-sm-2 col-md-6 w-25 w-lg-75" maxlength="75" id="operators" type="operators" name="operators" aria-label="operators">
<small id="club_hint" class="form-text text-muted col-md-4"><?= __("List of all operators. Seperated with a semicolon ';'. The responsible operator is not needed here."); ?></small>
</div>
<div hidden="true" class="mb-3 d-flex align-items-center row additionalinfo">
<div class="col-md-3 control-label" for="contestaddress1"><?= __("Contest Address 1") ?>: </div>
<input class="form-control my-1 me-sm-2 col-md-4 w-auto" id="contestaddress1" type="text" name="contestaddress1" aria-label="contestaddress1">
<div class="col-md-4 control-label" for="contestaddress1"><?= __("Contest Address 1") ?> </div>
<input class="form-control my-1 me-sm-2 col-md-6 w-25 w-lg-75" maxlength="75" id="contestaddress1" type="text" name="contestaddress1" aria-label="contestaddress1">
<small id="club_hint" class="form-text text-muted col-md-4"><?= __("Address of the QTH used during the contest."); ?></small>
</div>
<div hidden="true" class="mb-3 d-flex align-items-center row additionalinfo">
<div class="col-md-3 control-label" for="contestaddress2"><?= __("Contest Address 2") ?>: </div>
<input class="form-control my-1 me-sm-2 col-md-4 w-auto" id="contestaddress2" type="text" name="contestaddress2" aria-label="contestaddress2">
<div class="col-md-4 control-label" for="contestaddress2"><?= __("Contest Address 2") ?> </div>
<input class="form-control my-1 me-sm-2 col-md-6 w-25 w-lg-75" maxlength="75" id="contestaddress2" type="text" name="contestaddress2" aria-label="contestaddress2">
</div>
<div hidden="true" class="mb-3 d-flex align-items-center row additionalinfo">
<div class="col-md-3 control-label" for="address1"><?= __("Operator Address 1") ?>: </div>
<input class="form-control my-1 me-sm-2 col-md-4 w-auto" id="address1" type="text" name="address1" aria-label="address1">
<div class="col-md-4 control-label" for="address1"><?= __("Operator Address 1") ?> </div>
<input class="form-control my-1 me-sm-2 col-md-6 w-25 w-lg-75" maxlength="75" id="address1" type="text" name="address1" aria-label="address1">
<small id="club_hint" class="form-text text-muted col-md-4"><?= __("Address of the responsible operator."); ?></small>
</div>
<div hidden="true" class="mb-3 d-flex align-items-center row additionalinfo">
<div class="col-md-3 control-label" for="address2"><?= __("Operator Address 2") ?>: </div>
<input class="form-control my-1 me-sm-2 col-md-4 w-auto" id="address2" type="text" name="address2" aria-label="address2">
<div class="col-md-4 control-label" for="address2"><?= __("Operator Address 2") ?> </div>
<input class="form-control my-1 me-sm-2 col-md-6 w-25 w-lg-75" maxlength="75" id="address2" type="text" name="address2" aria-label="address2">
</div>
<div hidden="true" class="mb-3 d-flex align-items-center row additionalinfo">
<div class="col-md-3 control-label" for="addresspostalcode"><?= __("Operator Address Postalcode") ?>: </div>
<input class="form-control my-1 me-sm-2 col-md-4 w-auto" id="addresspostalcode" type="text" name="addresspostalcode" aria-label="addresspostalcode">
<div class="col-md-4 control-label" for="addresspostalcode"><?= __("Operator Address Postalcode") ?> </div>
<input class="form-control my-1 me-sm-2 col-md-6 w-25 w-lg-75" maxlength="75" id="addresspostalcode" type="text" name="addresspostalcode" aria-label="addresspostalcode">
</div>
<div hidden="true" class="mb-3 d-flex align-items-center row additionalinfo">
<div class="col-md-3 control-label" for="addresscity"><?= __("Operator Address City") ?>: </div>
<input class="form-control my-1 me-sm-2 col-md-4 w-auto" id="addresscity" type="text" name="addresscity" aria-label="addresscity">
<div class="col-md-4 control-label" for="addresscity"><?= __("Operator Address City") ?> </div>
<input class="form-control my-1 me-sm-2 col-md-6 w-25 w-lg-75" maxlength="75" id="addresscity" type="text" name="addresscity" aria-label="addresscity">
</div>
<div hidden="true" class="mb-3 d-flex align-items-center row additionalinfo">
<div class="col-md-3 control-label" for="addresscountry"><?= __("Operator Address Country") ?>: </div>
<input class="form-control my-1 me-sm-2 col-md-4 w-auto" id="addresscountry" type="text" name="addresscountry" aria-label="addresscountry">
<div class="col-md-4 control-label" for="addresscountry"><?= __("Operator Address Country") ?> </div>
<input class="form-control my-1 me-sm-2 col-md-6 w-25 w-lg-75" maxlength="75" id="addresscountry" type="text" name="addresscountry" aria-label="addresscountry">
</div>
<div hidden="true" class="mb-3 d-flex align-items-center row additionalinfo">
<div class="col-md-3 control-label" for="operatorphone"><?= __("Operator Phone Number") ?>: </div>
<input class="form-control my-1 me-sm-2 col-md-4 w-auto" id="operatorphone" type="text" name="operatorphone" aria-label="operatorphone">
<div class="col-md-4 control-label" for="operatorphone"><?= __("Operator Phone Number") ?> </div>
<input class="form-control my-1 me-sm-2 col-md-6 w-25 w-lg-75" maxlength="75" id="operatorphone" type="text" name="operatorphone" aria-label="operatorphone">
</div>
<div hidden="true" class="mb-3 d-flex align-items-center row additionalinfo">
<div class="col-md-3 control-label" for="txequipment"><?= __("Transmit Equipment Description") ?>: </div>
<input class="form-control my-1 me-sm-2 col-md-4 w-auto" id="txequipment" type="text" name="txequipment" aria-label="txequipment">
<div class="col-md-4 control-label" for="txequipment"><?= __("Transmit Equipment Description") ?> </div>
<input class="form-control my-1 me-sm-2 col-md-6 w-25 w-lg-75" maxlength="75" id="txequipment" type="text" name="txequipment" aria-label="txequipment">
<small id="club_hint" class="form-text text-muted col-md-4"><?= __("Short description of the used equipment."); ?></small>
</div>
<div hidden="true" class="mb-3 d-flex align-items-center row additionalinfo">
<div class="col-md-3 control-label" for="power"><?= __("Transmit Power (W)") ?>: </div>
<input class="form-control my-1 me-sm-2 col-md-4 w-auto" id="power" type="text" name="power" aria-label="power">
<div class="col-md-4 control-label" for="power"><?= __("Transmit Power (W)") ?> </div>
<input class="form-control my-1 me-sm-2 col-md-6 w-25 w-lg-75" maxlength="75" id="power" type="text" name="power" aria-label="power">
<small id="club_hint" class="form-text text-muted col-md-4"><?= __("TX Power during the contest in Watt."); ?></small>
</div>
<div hidden="true" class="mb-3 d-flex align-items-center row additionalinfo">
<div class="col-md-3 control-label" for="rxequipment"><?= __("Receive Equipment Description") ?>: </div>
<input class="form-control my-1 me-sm-2 col-md-4 w-auto" id="rxequipment" type="text" name="rxequipment" aria-label="rxequipment">
<div class="col-md-4 control-label" for="rxequipment"><?= __("Receive Equipment Description") ?> </div>
<input class="form-control my-1 me-sm-2 col-md-6 w-25 w-lg-75" maxlength="75" id="rxequipment" type="text" name="rxequipment" aria-label="rxequipment">
<small id="club_hint" class="form-text text-muted col-md-4"><?= __("If you used another gear for RX, then describe it here."); ?></small>
</div>
<div hidden="true" class="mb-3 d-flex align-items-center row additionalinfo">
<div class="col-md-3 control-label" for="antenna"><?= __("Antenna Description") ?>: </div>
<input class="form-control my-1 me-sm-2 col-md-4 w-auto" id="antenna" type="text" name="antenna" aria-label="antenna">
<div class="col-md-4 control-label" for="antenna"><?= __("Antenna Description") ?> </div>
<input class="form-control my-1 me-sm-2 col-md-6 w-25 w-lg-75" maxlength="75" id="antenna" type="text" name="antenna" aria-label="antenna">
<small id="club_hint" class="form-text text-muted col-md-4"><?= __("What kind of antenna was used."); ?></small>
</div>
<div hidden="true" class="mb-3 d-flex align-items-center row additionalinfo">
<div class="col-md-3 control-label" for="antennaheight"><?= __("Antenna Height Above Ground (m)") ?>: </div>
<input class="form-control my-1 me-sm-2 col-md-4 w-auto" id="antennaheight" type="text" name="antennaheight" aria-label="antennaheight">
<div class="col-md-4 control-label" for="antennaheight"><?= __("Antenna Height Above Ground (m)") ?> </div>
<input class="form-control my-1 me-sm-2 col-md-6 w-25 w-lg-75" maxlength="75" id="antennaheight" type="text" name="antennaheight" aria-label="antennaheight">
<small id="club_hint" class="form-text text-muted col-md-4"><?= __("Height of the antenna above the ground."); ?></small>
</div>
<div hidden="true" class="mb-3 d-flex align-items-center row additionalinfo">
<div class="col-md-3 control-label" for="soapbox"><?= __("Soapbox") ?>: </div>
<input class="form-control my-1 me-sm-2 col-md-4 w-auto" id="soapbox" type="text" name="soapbox" aria-label="soapbox">
<div class="col-md-4 control-label" for="soapbox"><?= __("Soapbox") ?> </div>
<input class="form-control my-1 me-sm-2 col-md-6 w-25 w-lg-75" id="soapbox" type="text" name="soapbox" aria-label="soapbox">
<small id="club_hint" class="form-text text-muted col-md-4"><?= __("Any other remarks."); ?></small>
</div>
<div hidden="true" class="mb-3 d-flex align-items-center row additionalinfo">
<div class="col-md-3 control-label" for="button1id"></div>
<div class="col-md-4 control-label" for="button1id"></div>
<button id="button1id" type="submit" name="button1id" class="btn btn-sm btn-primary w-auto"> <?= __("Export") ?></button>
</div>
</form>

View File

@@ -10,8 +10,8 @@ function loadYears() {
data: {'station_id': $("#station_id").val()},
success: function (data) {
if (data.length > 0) {
$(".contestyear").append('<div class="col-md-3 control-label" for="year">' + lang_export_reg1testedi_select_year + '</div>' +
'<select id="year" class="form-select my-1 me-sm-2 col-md-2 w-auto" name="year">' +
$(".contestyear").append('<div class="col-md-4 control-label" for="year">' + lang_export_reg1testedi_select_year + '</div>' +
'<select id="year" class="form-select my-1 me-sm-2 col-md-2 w-25 w-lg-75" name="year">' +
'</select>' +
' <button onclick="loadContests();" class="btn btn-sm btn-primary w-auto" type="button" id="btncontests">' + lang_export_reg1testedi_proceed + '</button>');
@@ -39,8 +39,8 @@ function loadContests() {
'station_id': $("#station_id").val()
},
success: function (data) {
$(".contestname").append('<div class="col-md-3 control-label" for="contestid">' + lang_export_reg1testedi_select_contest + '</div>' +
'<select class="form-select my-1 me-sm-2 col-md-4 w-auto" id="contestid" name="contestid">' +
$(".contestname").append('<div class="col-md-4 control-label" for="contestid">' + lang_export_reg1testedi_select_contest + '</div>' +
'<select class="form-select my-1 me-sm-2 col-md-4 w-25 w-lg-75" id="contestid" name="contestid">' +
'</select>' +
' <button onclick="loadContestDates();" class="btn btn-sm btn-primary w-auto" type="button" id="btndates">' + lang_export_reg1testedi_proceed + '</button>');
@@ -64,12 +64,14 @@ function loadContestDates() {
'contestid': $("#contestid").val(),
'station_id': $("#station_id").val()},
success: function (data) {
$(".contestdates").append('<div class="col-md-3 control-label" for="contestdates">' + lang_export_reg1testedi_select_date_range + '</div>' +
'<select class="form-select my-1 me-sm-2 col-md-2 w-auto" id="contestdatesfrom" name="contestdatesfrom">' +
'</select>' +
'<select class="form-select my-1 me-sm-2 col-md-2 w-auto" id="contestdatesto" name="contestdatesto">' +
'</select>' +
' <button class="btn btn-sm btn-primary w-auto" onclick="loadContestBands();" type="button" id="btnbands">' + lang_export_reg1testedi_proceed + '</button>');
$(".contestdates").append('<div class="col-md-4 control-label" for="contestdates">' + lang_export_reg1testedi_select_date_range + '</div>' +
'<div class="w-25 w-lg-75 d-flex ps-0 pe-0">' +
'<select class="form-select my-1 me-sm-2 flex-grow-1" id="contestdatesfrom" name="contestdatesfrom">' +
'</select>' +
'<select class="form-select my-1 ms-sm-2 flex-grow-1" id="contestdatesto" name="contestdatesto">' +
'</select>' +
'</div>' +
' <button class="btn btn-sm btn-primary w-auto ms-sm-2" onclick="loadContestBands();" type="button" id="btnbands">' + lang_export_reg1testedi_proceed + '</button>');
$.each(data, function(key, value) {
$('#contestdatesfrom')
@@ -102,8 +104,8 @@ function loadContestBands() {
'contestdatesto': $("#contestdatesto").val()
},
success: function (data) {
$(".contestbands").append('<div class="col-md-3 control-label" for="contestband">' + lang_export_reg1testedi_select_band + '</div>' +
'<select class="form-select my-1 me-sm-2 col-md-4 w-auto" id="contestband" name="contestband">' +
$(".contestbands").append('<div class="col-md-4 control-label" for="contestband">' + lang_export_reg1testedi_select_band + '</div>' +
'<select class="form-select my-1 me-sm-2 col-md-4 w-25 w-lg-75" id="contestband" name="contestband">' +
'</select>' +
' <button onclick="addAdditionalInfo();" class="btn btn-sm btn-primary w-auto" type="button" id="btnadditionalinfo">' + lang_export_reg1testedi_proceed + '</button>');