2019-01-09 15:18:46 +00:00
< div class = " container " >
2020-09-15 17:04:38 +01:00
< h3 >
2024-03-19 14:38:33 +00:00
< ? php if ( isset ( $user_add )) {
echo lang ( 'account_create_user_account' );
} else {
echo lang ( 'account_edit_account' ) . " <small class= \" text-muted \" > " . $user_name . " </small> " ;
}
?>
2020-09-15 17:04:38 +01:00
</ h3 >
2024-03-19 14:38:33 +00:00
< ? php if ( $this -> session -> flashdata ( 'success' )) { ?>
2020-12-07 13:54:15 +00:00
<!-- Display Success Message -->
< div class = " alert alert-success " >
2024-03-19 14:38:33 +00:00
< ? php echo $this -> session -> flashdata ( 'success' ); ?>
2020-12-07 13:54:15 +00:00
</ div >
< ? php } ?>
2024-03-19 14:38:33 +00:00
< ? php if ( $this -> session -> flashdata ( 'message' )) { ?>
2019-01-09 15:18:46 +00:00
<!-- Display Message -->
< div class = " alert-message error " >
2024-03-19 14:38:33 +00:00
< ? php echo $this -> session -> flashdata ( 'message' ); ?>
2019-01-09 15:18:46 +00:00
</ div >
< ? php } ?>
2026-03-26 14:22:02 +00:00
< ? php if ( validation_errors () || isset ( $usertype_error )) { ?>
< div class = " alert alert-danger alert-dismissible fade show " role = " alert " >
< ul class = " mb-0 ps-3 " >
< ? php echo validation_errors ( '<li>' , '</li>' ); ?>
< ? php if ( isset ( $usertype_error ) && ! form_error ( 'user_type' )) { ?>
< li >< ? php echo $usertype_error ; ?> </li>
< ? php } ?>
</ ul >
< button type = " button " class = " btn-close " data - bs - dismiss = " alert " aria - label = " Close " ></ button >
2024-03-19 14:38:33 +00:00
</ div >
2020-09-15 17:04:38 +01:00
< ? php } ?>
< ? php $this -> load -> helper ( 'form' ); ?>
Refactor user settings UI to two-column layout
Revamp user edit view into a responsive two-column settings UI: add sidebar navigation, GitHub-like styles, and JS to switch setting panes. Reorganize and present existing options (main menu, map params, default values, Hams.at, AMSAT, Mastodon, hardware, QSO form) as cards inside accordion panes, remove duplicated blocks, and align the save button. Changes improve usability and navigation in application/views/user/edit.php.
2026-04-08 22:43:18 +01:00
< style >
@ media ( min - width : 992 px ) {
. settings - nav {
position : sticky ;
top : 1 rem ;
}
}
. user_edit . accordion - header {
display : none ;
}
. user_edit . accordion - item {
border : 0 ;
}
. user_edit . accordion - body {
padding : 0 ;
}
. user_edit . accordion - body > . row {
margin - bottom : 1 rem ;
}
/* Present each settings card stack as one column, similar to GitHub settings. */
. user_edit . accordion - body > . row > [ class *= " col- " ] {
flex : 0 0 100 % ;
max - width : 100 % ;
}
. user_edit . card {
border : 1 px solid var ( -- gh - border );
box - shadow : none ;
margin - bottom : 1 rem ;
}
. user_edit . card - header {
background : var ( -- gh - bg - subtle );
font - weight : 600 ;
font - size : 0.95 rem ;
padding : 0.7 rem 1 rem ;
}
. user_edit . card - body {
padding : 1 rem ;
}
. user_edit label {
font - size : 0.88 rem ;
font - weight : 600 ;
}
. user_edit small ,
. user_edit . form - text {
font - size : 0.8 rem ;
color : var ( -- gh - muted );
}
</ style >
2021-02-26 10:37:43 +01:00
2023-12-17 19:16:23 +01:00
< form method = " post " action = " <?php echo $user_form_action ; ?> " name = " users " autocomplete = " off " >
Refactor user settings UI to two-column layout
Revamp user edit view into a responsive two-column settings UI: add sidebar navigation, GitHub-like styles, and JS to switch setting panes. Reorganize and present existing options (main menu, map params, default values, Hams.at, AMSAT, Mastodon, hardware, QSO form) as cards inside accordion panes, remove duplicated blocks, and align the save button. Changes improve usability and navigation in application/views/user/edit.php.
2026-04-08 22:43:18 +01:00
< div class = " row g-4 " >
< div class = " col-lg-3 " >
< div class = " list-group settings-nav " id = " settings-nav " >
< button type = " button " class = " list-group-item list-group-item-action active " data - target = " panelsStayOpen-B_user_general " >< ? php echo lang ( 'account_general_information' ); ?> </button>
< button type = " button " class = " list-group-item list-group-item-action " data - target = " panelsStayOpen-B_cloudlog_general " >< ? php echo lang ( 'account_cloudlog_preferences' ); ?> </button>
< button type = " button " class = " list-group-item list-group-item-action " data - target = " panelsStayOpen-B_default_value " >< ? php echo lang ( 'account_default_values' ); ?> </button>
< button type = " button " class = " list-group-item list-group-item-action " data - target = " panelsStayOpen-B_confirmation_account " >< ? php echo lang ( 'account_third_party_services' ); ?> </button>
< button type = " button " class = " list-group-item list-group-item-action " data - target = " panelsStayOpen-B_miscellaneous " > Hardware </ button >
< button type = " button " class = " list-group-item list-group-item-action " data - target = " panelsStayOpen-B_qso_form " > QSO Form </ button >
</ div >
</ div >
< div class = " col-lg-9 " >
< div class = " accordion user_edit " >
2024-03-19 14:38:33 +00:00
<!-- ZONE 1 / USER -->
< div class = " accordion-item " >
< h2 class = " accordion-header " id = " panelsStayOpen-H_user_general " >
< button class = " accordion-button " type = " button " data - bs - toggle = " collapse " data - bs - target = " #panelsStayOpen-B_user_general " aria - expanded = " true " aria - controls = " panelsStayOpen-B_user_general " >
< ? php echo lang ( 'account_general_information' ); ?> </button>
</ h2 >
< div id = " panelsStayOpen-B_user_general " class = " accordion-collapse collapse show " aria - labelledby = " panelsStayOpen-H_user_general " >
< div class = " accordion-body " >
< div class = " row " >
<!-- Account Information -->
< div class = " col-md " >
< div class = " card " >
2025-05-22 22:54:18 +01:00
< div class = " card-header " >
< ? php echo lang ( 'account_account_information' ); ?>
</ div >
2024-03-19 14:38:33 +00:00
< div class = " card-body " >
< div class = " mb-3 " >
2025-05-22 22:54:18 +01:00
< label class = " form-label " >< ? php echo lang ( 'account_username' ); ?> </label>
< div class = " input-group " >
< span class = " input-group-text " >< i class = " fa fa-user " ></ i ></ span >
< input class = " form-control " type = " text " name = " user_name " value = " <?php if (isset( $user_name )) {
2025-05-23 11:55:35 +01:00
echo $user_name ;
} ?> " />
2025-05-22 22:54:18 +01:00
</ div >
2024-03-19 14:38:33 +00:00
< ? php if ( isset ( $username_error )) {
2025-05-22 22:54:18 +01:00
echo " <small class= \" text-danger \" ><i class= \" fa fa-exclamation-circle \" ></i> " . $username_error . " </small> " ;
2024-03-19 14:38:33 +00:00
} ?>
</ div >
2023-12-16 08:05:43 +01:00
2024-03-19 14:38:33 +00:00
< div class = " mb-3 " >
2025-05-22 22:54:18 +01:00
< label class = " form-label " >< ? php echo lang ( 'account_email_address' ); ?> </label>
< div class = " input-group " >
< span class = " input-group-text " >< i class = " fa fa-envelope " ></ i ></ span >
< input class = " form-control " type = " email " name = " user_email " value = " <?php if (isset( $user_email )) {
2025-05-23 11:55:35 +01:00
echo $user_email ;
} ?> " />
2025-05-22 22:54:18 +01:00
</ div >
2024-03-19 14:38:33 +00:00
< ? php if ( isset ( $email_error )) {
2025-05-22 22:54:18 +01:00
echo " <small class= \" text-danger \" ><i class= \" fa fa-exclamation-circle \" ></i> " . $email_error . " </small> " ;
2024-03-19 14:38:33 +00:00
} ?>
2023-12-17 17:39:12 +01:00
</ div >
2023-12-17 19:16:23 +01:00
2024-03-19 14:38:33 +00:00
< div class = " mb-3 " >
2025-05-22 22:54:18 +01:00
< label class = " form-label " >< ? php echo lang ( 'account_password' ); ?> </label>
2024-03-19 14:38:33 +00:00
< div class = " input-group " >
2025-05-22 22:54:18 +01:00
< span class = " input-group-text " >< i class = " fa fa-lock " ></ i ></ span >
2024-03-19 14:38:33 +00:00
< input class = " form-control " type = " password " name = " user_password " />
2025-05-22 22:54:18 +01:00
< button class = " btn btn-outline-secondary btn-pwd-showhide " type = " button " >< i class = " fa fa-eye-slash " ></ i ></ button >
2024-03-19 14:38:33 +00:00
</ div >
< ? php if ( isset ( $password_error )) {
2025-05-22 22:54:18 +01:00
echo " <small class= \" text-danger \" ><i class= \" fa fa-exclamation-circle \" ></i> " . $password_error . " </small> " ;
2024-03-19 14:38:33 +00:00
} else { ?>
2025-05-22 22:54:18 +01:00
< small class = " form-text text-muted " >< i class = " fa fa-info-circle " ></ i > < ? php echo lang ( 'account_leave_blank_to_keep_existing_password' ); ?> </small>
2024-03-19 14:38:33 +00:00
< ? php } ?>
</ div >
2025-05-22 22:54:18 +01:00
< hr class = " my-4 " />
2024-03-19 14:38:33 +00:00
< div class = " mb-3 " >
2025-05-22 22:54:18 +01:00
< label class = " form-label " >< ? php echo lang ( 'account_user_role' ); ?> </label>
2024-03-19 14:38:33 +00:00
< ? php if ( $this -> session -> userdata ( 'user_type' ) == 99 ) { ?>
2025-05-22 22:54:18 +01:00
< div class = " input-group " >
< span class = " input-group-text " >< i class = " fa fa-users " ></ i ></ span >
2026-03-26 14:22:02 +00:00
< select class = " form-select<?php echo form_error('user_type') || isset( $usertype_error ) ? ' is-invalid' : ''; ?> " name = " user_type " >
2025-05-22 22:54:18 +01:00
< ? php
$levels = $this -> config -> item ( 'auth_level' );
foreach ( $levels as $key => $value ) {
echo '<option value="' . $key . '" ' . (( $user_type == $key ) ? " selected= \" selected \" " : " " ) . '>' . $value . '</option>' ;
}
?>
</ select >
</ div >
2026-03-26 14:22:02 +00:00
< ? php if ( form_error ( 'user_type' ) || isset ( $usertype_error )) { ?>
< div class = " invalid-feedback d-block " >< ? php echo form_error ( 'user_type' ) ? : $usertype_error ; ?> </div>
< ? php } ?>
2024-03-19 14:38:33 +00:00
< ? php } else {
$l = $this -> config -> item ( 'auth_level' );
2025-05-22 22:54:18 +01:00
echo ' < div class = " input-group " >
< span class = " input-group-text " >< i class = " fa fa-user-tag " ></ i ></ span >
< input type = " text " class = " form-control " value = " ' . $l[$user_type] . ' " disabled >
</ div > ' ;
2024-03-19 14:38:33 +00:00
} ?>
</ div >
2023-12-16 08:05:43 +01:00
</ div >
</ div >
</ div >
2020-09-15 17:04:38 +01:00
2024-03-19 14:38:33 +00:00
<!-- Personal Information -->
< div class = " col-md " >
< div class = " card " >
< div class = " card-header " >< ? php echo lang ( 'account_personal_information' ); ?> </div>
< div class = " card-body " >
< div class = " mb-3 " >
< label >< ? php echo lang ( 'account_first_name' ); ?> </label>
< input class = " form-control " type = " text " name = " user_firstname " value = " <?php if (isset( $user_firstname )) {
echo $user_firstname ;
} ?> " />
< ? php if ( isset ( $firstname_error )) {
echo " <small class= \" error \" > " . $firstname_error . " </small> " ;
} else { ?>
2023-12-16 08:05:43 +01:00
< ? php } ?>
2024-03-19 14:38:33 +00:00
</ div >
2023-12-16 08:05:43 +01:00
2024-03-19 14:38:33 +00:00
< div class = " mb-3 " >
< label >< ? php echo lang ( 'account_last_name' ); ?> </label>
< input class = " form-control " type = " text " name = " user_lastname " value = " <?php if (isset( $user_lastname )) {
echo $user_lastname ;
} ?> " />
< ? php if ( isset ( $lastname_error )) {
echo " <small class= \" error \" > " . $lastname_error . " </small> " ;
} else { ?>
2023-12-16 08:05:43 +01:00
< ? php } ?>
2024-03-19 14:38:33 +00:00
</ div >
2023-12-16 08:05:43 +01:00
</ div >
</ div >
</ div >
2024-03-19 14:38:33 +00:00
<!-- Ham Radio Information -->
< div class = " col-md " >
< div class = " card " >
< div class = " card-header " >< ? php echo lang ( 'account_hamradio_information' ); ?> </div>
< div class = " card-body " >
< div class = " mb-3 " >
< label >< ? php echo lang ( 'account_callsign' ); ?> </label>
2026-03-26 14:22:02 +00:00
< input class = " form-control<?php echo form_error('user_callsign') || isset( $callsign_error ) ? ' is-invalid' : ''; ?> " type = " text " name = " user_callsign " value = " <?php if (isset( $user_callsign )) {
2024-03-19 14:38:33 +00:00
echo $user_callsign ;
2025-11-24 14:22:34 +00:00
} ?> " style="text-transform: uppercase;" />
2026-03-26 14:22:02 +00:00
< ? php if ( form_error ( 'user_callsign' ) || isset ( $callsign_error )) { ?>
< div class = " invalid-feedback d-block " >< ? php echo form_error ( 'user_callsign' ) ? : $callsign_error ; ?> </div>
2023-12-16 08:05:43 +01:00
< ? php } ?>
2024-03-19 14:38:33 +00:00
</ div >
2023-12-16 08:05:43 +01:00
2024-03-19 14:38:33 +00:00
< div class = " mb-3 " >
< label >< ? php echo lang ( 'account_gridsquare' ); ?> </label>
< input class = " form-control " type = " text " name = " user_locator " value = " <?php if (isset( $user_locator )) {
echo $user_locator ;
} ?> " />
< ? php if ( isset ( $locator_error )) {
echo " <small class= \" error \" > " . $locator_error . " </small> " ;
} else { ?>
2023-12-16 08:05:43 +01:00
< ? php } ?>
2024-03-19 14:38:33 +00:00
</ div >
2023-12-16 08:05:43 +01:00
</ div >
</ div >
</ div >
2020-09-15 17:04:38 +01:00
</ div >
2021-02-26 10:37:43 +01:00
</ div >
2020-09-15 17:04:38 +01:00
</ div >
2021-02-26 10:37:43 +01:00
</ div >
2024-03-19 14:38:33 +00:00
<!-- ZONE 2 / Cloudlog -->
< div class = " accordion-item " >
< h2 class = " accordion-header " id = " panelsStayOpen-H_cloudlog_general " >
< button class = " accordion-button collapsed " type = " button " data - bs - toggle = " collapse " data - bs - target = " #panelsStayOpen-B_cloudlog_general " aria - expanded = " false " aria - controls = " panelsStayOpen-B_cloudlog_general " >
< ? php echo lang ( 'account_cloudlog_preferences' ); ?> </button>
</ h2 >
< div id = " panelsStayOpen-B_cloudlog_general " class = " accordion-collapse collapse " aria - labelledby = " panelsStayOpen-H_cloudlog_general " >
< div class = " accordion-body " >
< div class = " row mb-3 " >
<!-- Cloudlog Preferences -->
< div class = " col-md " >
< div class = " card " >
< div class = " card-header " >< ? php echo lang ( 'general_word_general' ); ?> </div>
< div class = " card-body " >
< div class = " mb-3 " >
< label >< ? php echo lang ( 'account_theme' ) . ' / ' . lang ( 'account_stylesheet' ); ?> </label>
< ? php if ( ! isset ( $user_stylesheet )) {
$user_stylesheet = 'default' ;
} ?>
< select class = " form-select " id = " user_stylesheet " name = " user_stylesheet " required >
< ? php
foreach ( $themes as $theme ) {
echo '<option value="' . $theme -> foldername . '" ' . (( $user_stylesheet == $theme -> foldername ) ? 'selected="selected"' : " " ) . '>' . $theme -> name . '</option>' ;
}
?>
</ select >
</ div >
< hr />
< ? php if ( $this -> config -> item ( 'cl_multilanguage' )) { ?>
< div class = " mb-3 " >
< label for = " language " >< ? php echo lang ( 'account_cloudlog_language' ); ?> </label>
< ? php
foreach ( $existing_languages as $lang ) {
$options [ $lang ] = ucfirst ( $lang );
}
echo form_dropdown ( 'language' , $options , $language );
?>
< small id = " language_Help " class = " form-text text-muted " >< ? php echo lang ( 'account_choose_cloudlog_language' ); ?> </small>
</ div >
< ? php } ?>
2023-12-16 08:05:43 +01:00
< div class = " mb-3 " >
2024-03-19 14:38:33 +00:00
< label >< ? php echo lang ( 'account_timezone' ); ?> </label>
2023-12-16 08:05:43 +01:00
< ? php
2024-03-19 14:38:33 +00:00
if ( ! isset ( $user_timezone )) {
$user_timezone = '151' ;
2023-12-16 08:05:43 +01:00
}
2024-03-19 14:38:33 +00:00
echo form_dropdown ( 'user_timezone' , $timezones , $user_timezone );
2023-12-16 08:05:43 +01:00
?>
</ div >
2024-03-19 14:38:33 +00:00
< div class = " mb-3 " >
< label for = " SelectDateFormat " >< ? php echo lang ( 'account_date_format' ); ?> </label>
< ? php if ( ! isset ( $user_date_format )) {
$user_date_format = 'd/m/y' ;
} ?>
< select name = " user_date_format " class = " form-select " id = " SelectDateFormat " aria - describedby = " SelectDateFormatHelp " >
< option value = " d/m/y " < ? php if ( $user_date_format == " d/m/y " ) {
echo " selected= \" selected \" " ;
} ?> ><?php echo date('d/m/y'); ?></option>
< option value = " d/m/Y " < ? php if ( $user_date_format == " d/m/Y " ) {
echo " selected= \" selected \" " ;
} ?> ><?php echo date('d/m/Y'); ?></option>
< option value = " m/d/y " < ? php if ( $user_date_format == " m/d/y " ) {
echo " selected= \" selected \" " ;
} ?> ><?php echo date('m/d/y'); ?></option>
< option value = " m/d/Y " < ? php if ( $user_date_format == " m/d/Y " ) {
echo " selected= \" selected \" " ;
} ?> ><?php echo date('m/d/Y'); ?></option>
< option value = " d.m.Y " < ? php if ( $user_date_format == " d.m.Y " ) {
echo " selected= \" selected \" " ;
} ?> ><?php echo date('d.m.Y'); ?></option>
< option value = " y/m/d " < ? php if ( $user_date_format == " y/m/d " ) {
echo " selected= \" selected \" " ;
} ?> ><?php echo date('y/m/d'); ?></option>
< option value = " Y-m-d " < ? php if ( $user_date_format == " Y-m-d " ) {
echo " selected= \" selected \" " ;
} ?> ><?php echo date('Y-m-d'); ?></option>
< option value = " M d, Y " < ? php if ( $user_date_format == " M d, Y " ) {
echo " selected= \" selected \" " ;
} ?> ><?php echo date('M d, Y'); ?></option>
< option value = " M d, y " < ? php if ( $user_date_format == " M d, y " ) {
echo " selected= \" selected \" " ;
} ?> ><?php echo date('M d, y'); ?></option>
</ select >
< small id = " SelectDateFormatHelp " class = " form-text text-muted " >< ? php echo lang ( 'account_select_how_you_would_like_dates_shown_when_logged_into_your_account' ); ?> </small>
</ div >
2023-12-16 08:05:43 +01:00
2024-03-19 14:38:33 +00:00
< div class = " mb-3 " >
< label for = " user_measurement_base " >< ? php echo lang ( 'account_measurement_preferences' ); ?> </label>
< ? php if ( ! isset ( $user_measurement_base )) {
$user_measurement_base = 'M' ;
} ?>
< select class = " form-select " id = " user_measurement_base " name = " user_measurement_base " aria - describedby = " user_measurement_base_Help " required >
< option value '' ></ option >
< option value = 'K' < ? php if ( $user_measurement_base == " K " ) {
echo " selected= \" selected \" " ;
} ?> >Kilometers</option>
< option value = 'M' < ? php if ( $user_measurement_base == " M " ) {
echo " selected= \" selected \" " ;
} ?> >Miles</option>
< option value = 'N' < ? php if ( $user_measurement_base == " N " ) {
echo " selected= \" selected \" " ;
} ?> >Nautical miles</option>
</ select >
< small id = " user_measurement_base_Help " class = " form-text text-muted " >< ? php echo lang ( 'account_choose_which_unit_distances_will_be_shown_in' ); ?> </small>
</ div >
2023-12-16 08:05:43 +01:00
</ div >
</ div >
2023-12-15 20:22:58 +01:00
</ div >
2024-03-19 14:38:33 +00:00
< div class = " col-md " >
< div class = " card " >
< div class = " card-header " > Dashboard Options </ div >
< div class = " card-body " >
< div class = " mb-3 " >
< div class = " form-check form-switch " >
2025-05-23 11:55:35 +01:00
< input name = " user_dashboard_enable_dxpedition_card " class = " form-check-input " type = " checkbox " role = " switch " id = " DashboardUpcomingDXpeditionCheck " < ? php if ( $dashboard_upcoming_dx_card ) {
echo 'checked' ;
} ?> >
< label class = " form-check-label " for = " DashboardUpcomingDXpeditionCheck " > Enable Upcoming DXPedition Card </ label >
2024-03-19 14:38:33 +00:00
</ div >
2023-12-16 08:05:43 +01:00
2026-03-26 15:00:56 +00:00
< div class = " form-check form-switch " >
< input name = " user_dashboard_dxpedition_sat_worked " class = " form-check-input " type = " checkbox " role = " switch " id = " DashboardDxpeditionSatWorkedCheck " < ? php if ( $dashboard_dxpedition_sat_worked ) {
echo 'checked' ;
} ?> >
< label class = " form-check-label " for = " DashboardDxpeditionSatWorkedCheck " > Count Satellite QSOs as Worked for DXPeditions </ label >
</ div >
2024-03-19 14:38:33 +00:00
< div class = " form-check form-switch " >
2025-05-23 11:55:35 +01:00
< input name = " user_dashboard_enable_qslcards_card " class = " form-check-input " type = " checkbox " role = " switch " id = " DashboardQSLCardCheck " < ? php if ( $dashboard_qslcard_card ) {
echo 'checked' ;
} ?> >
< label class = " form-check-label " for = " DashboardQSLCardCheck " > Enable QSL Cards Card </ label >
2024-03-19 14:38:33 +00:00
</ div >
2023-12-16 08:05:43 +01:00
2024-03-19 14:38:33 +00:00
< div class = " form-check form-switch " >
2025-05-23 11:55:35 +01:00
< input name = " user_dashboard_enable_eqslcards_card " class = " form-check-input " type = " checkbox " role = " switch " id = " DashboardeQSLCardCheck " < ? php if ( $dashboard_eqslcard_card ) {
echo 'checked' ;
} ?> >
< label class = " form-check-label " for = " DashboardeQSLCardCheck " > Enable eQSL Cards Card </ label >
2024-03-19 14:38:33 +00:00
</ div >
2023-12-16 08:05:43 +01:00
2024-03-19 14:38:33 +00:00
< div class = " form-check form-switch " >
2025-05-23 11:55:35 +01:00
< input name = " user_dashboard_enable_lotw_card " class = " form-check-input " type = " checkbox " role = " switch " id = " DashboardlotwCardCheck " < ? php if ( $dashboard_lotw_card ) {
echo 'checked' ;
} ?> >
< label class = " form-check-label " for = " DashboardlotwCardCheck " > Enable Logbook of the World Card </ label >
2024-03-19 14:38:33 +00:00
</ div >
2023-12-16 08:05:43 +01:00
2024-03-19 14:38:33 +00:00
< div class = " form-check form-switch " >
2025-05-23 11:55:35 +01:00
< input name = " user_dashboard_enable_vuccgrids_card " class = " form-check-input " type = " checkbox " role = " switch " id = " DashboardvuccgridsCardCheck " < ? php if ( $dashboard_vuccgrids_card ) {
echo 'checked' ;
} ?> >
< label class = " form-check-label " for = " DashboardvuccgridsCardCheck " > Enable VUCC - Grids Card </ label >
2024-03-19 14:38:33 +00:00
</ div >
2026-03-26 22:39:04 +00:00
< div class = " form-check form-switch " >
< input name = " user_dashboard_enable_map_greyline " class = " form-check-input " type = " checkbox " role = " switch " id = " DashboardMapGreylineCheck " < ? php if ( ! isset ( $dashboard_map_greyline ) || $dashboard_map_greyline ) {
echo 'checked' ;
} ?> >
< label class = " form-check-label " for = " DashboardMapGreylineCheck " > Enable Dashboard Map Greyline Layer </ label >
</ div >
2024-03-19 14:38:33 +00:00
</ div >
2023-12-16 08:05:43 +01:00
</ div >
</ div >
</ div >
Refactor user settings UI to two-column layout
Revamp user edit view into a responsive two-column settings UI: add sidebar navigation, GitHub-like styles, and JS to switch setting panes. Reorganize and present existing options (main menu, map params, default values, Hams.at, AMSAT, Mastodon, hardware, QSO form) as cards inside accordion panes, remove duplicated blocks, and align the save button. Changes improve usability and navigation in application/views/user/edit.php.
2026-04-08 22:43:18 +01:00
< div class = " row mb-3 " >
<!-- Menu Options -->
< div class = " col-md " >
< div class = " card " >
< div class = " card-header " >< ? php echo lang ( 'account_main_menu' ); ?> </div>
< div class = " card-body " >
< div class = " mb-3 " >
< label for = " shownotes " >< ? php echo lang ( 'account_show_notes_in_the_main_menu' ); ?> </label>
< ? php if ( ! isset ( $user_show_notes )) {
$user_show_notes = '0' ;
} ?>
< select class = " form-select " id = " shownotes " name = " user_show_notes " >
< option value = " 1 " < ? php if ( $user_show_notes == 1 ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_yes'); ?></option>
< option value = " 0 " < ? php if ( $user_show_notes == 0 ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_no'); ?></option>
</ select >
</ div >
< hr />
< div class = " mb-3 " >
< label for = " quicklog " >< ? php echo lang ( 'account_quicklog_feature' ); ?> </label>
< ? php if ( ! isset ( $user_quicklog )) {
$user_quicklog = '0' ;
} ?>
< select class = " form-select " id = " quicklog " name = " user_quicklog " >
< option value = " 1 " < ? php if ( $user_quicklog == 1 ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_yes'); ?></option>
< option value = " 0 " < ? php if ( $user_quicklog == 0 ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_no'); ?></option>
</ select >
< small id = " SelectDateFormatHelp " class = " form-text text-muted " >< ? php echo lang ( 'account_quicklog_feature_hint' ); ?> </small>
</ div >
< div class = " mb-3 " >
< label for = " quicklog_enter " >< ? php echo lang ( 'account_quicklog_enter' ); ?> </label>
< ? php if ( ! isset ( $user_quicklog_enter )) {
$user_quicklog_enter = '0' ;
} ?>
< select class = " form-select " id = " quicklog_enter " name = " user_quicklog_enter " >
< option value = " 0 " < ? php if ( $user_quicklog_enter == 0 ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('account_quicklog_enter_log'); ?></option>
< option value = " 1 " < ? php if ( $user_quicklog_enter == 1 ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('account_quicklog_enter_search'); ?></option>
</ select >
< small id = " SelectDateFormatHelp " class = " form-text text-muted " >< ? php echo lang ( 'account_quicklog_enter_hint' ); ?> </small>
</ div >
< hr />
< p class = " text-muted mb-2 " > Control optional Logbook menu links for QSL Cards and SSTV Images .</ p >
< div class = " form-check form-switch mb-2 " >
< input name = " user_menu_show_qsl_cards " class = " form-check-input " type = " checkbox " role = " switch " id = " ShowQslCardsInMenuCheck " < ? php if ( ! isset ( $menu_show_qsl_cards ) || $menu_show_qsl_cards ) {
echo 'checked' ;
} ?> >
< label class = " form-check-label " for = " ShowQslCardsInMenuCheck " > Show " View QSL Cards " in Logbook menu </ label >
</ div >
< div class = " form-check form-switch " >
< input name = " user_menu_show_sstv_images " class = " form-check-input " type = " checkbox " role = " switch " id = " ShowSstvImagesInMenuCheck " < ? php if ( isset ( $menu_show_sstv_images ) && $menu_show_sstv_images ) {
echo 'checked' ;
} ?> >
< label class = " form-check-label " for = " ShowSstvImagesInMenuCheck " > Show " View SSTV Images " in Logbook menu </ label >
</ div >
</ div >
</ div >
</ div >
<!-- Map Setting -->
< ? php if ( $this -> session -> userdata ( 'user_id' ) == $this -> uri -> segment ( 3 )) { ?>
< div class = " col-md " >
< div class = " card " >
< div class = " card-header " >< ? php echo $this -> lang -> line ( 'account_map_params' ); ?> </div>
< div class = " card-body " >
< div class = " row " > <!-- Station -->
< div class = " mb-3 col-md-4 " >
< label >& nbsp ; </ label >< br />< label >< ? php echo $this -> lang -> line ( 'gen_hamradio_station' ); ?> </label>
</ div >
< div class = " mb-3 col-md-3 " >
< label >< ? php echo $this -> lang -> line ( 'general_word_icon' ); ?> </label><br />
< div class = " icon_selectBox " data - boxcontent = " station " >
< input type = " hidden " name = " user_map_station_icon " value = " <?php echo $user_map_station_icon ; ?> " >
< div class = " form-select icon_overSelect " >< ? php echo (( $user_map_station_icon == " 0 " ) ? substr ( $this -> lang -> line ( 'general_word_not_display' ), 0 , 10 ) . '.' : ( " <i class=' " . $user_map_station_icon . " '></i> " )); ?> </div>
</ div >
< div class = " col-md-3 icon_selectBox_data " data - boxcontent = " station " >
< ? php foreach ( $map_icon_select [ 'station' ] as $val ) {
echo " <label data-value=' " . $val . " '> " . (( $val == " 0 " ) ? $this -> lang -> line ( 'general_word_not_display' ) : ( " <i class=' " . $val . " '></i> " )) . " </label> " ;
} ?>
</ div >
</ div >
< div class = " mb-3 col-md-2 " >
< label >< ? php echo $this -> lang -> line ( 'general_word_colors' ); ?> </label><br /><input type="color" class="form-control user_icon_color" name="user_map_station_color" id="user_map_station_color" value="<?php echo $user_map_station_color; ?>" style="padding:initial;<?php echo ($user_map_station_icon == "0") ? 'display:none;' : ''; ?>" data-icon="station" />
</ div >
</ div >
< div class = " row " > <!-- QSO ( default ) -->
< div class = " mb-3 col-md-4 " >
< label >< ? php echo $this -> lang -> line ( 'account_map_qso_by_default' ); ?> </label>
</ div >
< div class = " mb-3 col-md-3 " >
< div class = " icon_selectBox " data - boxcontent = " qso " >
< input type = " hidden " name = " user_map_qso_icon " value = " <?php echo $user_map_qso_icon ; ?> " >
< div class = " form-select icon_overSelect " >< ? php echo " <i class=' " . $user_map_qso_icon . " '></i> " ; ?> </div>
</ div >
< div class = " col-md-3 icon_selectBox_data " data - boxcontent = " qso " >
< ? php foreach ( $map_icon_select [ 'qso' ] as $val ) {
echo " <label data-value=' " . $val . " '><i class=' " . $val . " '></i></label> " ;
} ?>
</ div >
</ div >
< div class = " mb-3 col-md-2 " >
< input type = " color " class = " form-control user_icon_color " name = " user_map_qso_color " id = " user_map_qso_color " value = " <?php echo $user_map_qso_color ; ?> " style = " padding:initial; " data - icon = " qso " />
</ div >
</ div >
< div class = " row " > <!-- QSO ( confirmed ) -->
< div class = " mb-3 col-md-4 " >
< label >< ? php echo $this -> lang -> line ( 'account_map_qso_confirm' ); ?> </label>
< small class = " form-text text-muted " >< ? php echo lang ( 'account_map_qso_confirm_same_qso' ); ?> </small>
</ div >
< div class = " mb-3 col-md-3 " >
< div class = " icon_selectBox " data - boxcontent = " qsoconfirm " >
< input type = " hidden " name = " user_map_qsoconfirm_icon " value = " <?php echo $user_map_qsoconfirm_icon ; ?> " >
< div class = " form-select icon_overSelect " >< ? php echo (( $user_map_qsoconfirm_icon == " 0 " ) ? $this -> lang -> line ( 'general_word_no' ) : ( " <i class=' " . $user_map_qsoconfirm_icon . " '></i> " )); ?> </div>
</ div >
< div class = " col-md-3 icon_selectBox_data " data - boxcontent = " qsoconfirm " >
< ? php foreach ( $map_icon_select [ 'qsoconfirm' ] as $val ) {
echo " <label data-value=' " . $val . " '> " . (( $val == " 0 " ) ? $this -> lang -> line ( 'general_word_no' ) : ( " <i class=' " . $val . " '></i> " )) . " </label> " ;
} ?>
</ div >
</ div >
< div class = " md-3 col-md-2 " >
< input type = " color " class = " form-control user_icon_color " name = " user_map_qsoconfirm_color " id = " user_map_qsoconfirm_color " value = " <?php echo $user_map_qsoconfirm_color ; ?> " style = " padding:initial;<?php echo ( $user_map_qsoconfirm_icon == " 0 " ) ? 'display:none;' : ''; ?> " data - icon = " qsoconfirm " />
</ div >
</ div >
< div class = " row " >
< div class = " md-3 col-md-4 " >
< label >< ? php echo $this -> lang -> line ( 'gen_hamradio_gridsquare_show' ); ?> </label>
</ div >
< div class = " md-3 col-md-3 " >
< select class = " form-select " id = " user_map_gridsquare_show " name = " user_map_gridsquare_show " >
< option value = " 1 " < ? php if ( $user_map_gridsquare_show == 1 ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_yes'); ?></option>
< option value = " 0 " < ? php if ( $user_map_gridsquare_show == 0 ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_no'); ?></option>
</ select >
</ div >
</ div >
</ div >
</ div >
</ div >
< ? php } ?>
</ div >
</ div >
</ div >
</ div >
<!-- ZONE 3 / Default Value -->
< div class = " accordion-item " >
< h2 class = " accordion-header " id = " panelsStayOpen-H_default_value " >
< button class = " accordion-button collapsed " type = " button " data - bs - toggle = " collapse " data - bs - target = " #panelsStayOpen-B_default_value " aria - expanded = " false " aria - controls = " panelsStayOpen-B_default_value " >
< ? php echo lang ( 'account_default_values' ); ?> </button>
</ h2 >
< div id = " panelsStayOpen-B_default_value " class = " accordion-collapse collapse " aria - labelledby = " panelsStayOpen-H_default_value " >
< div class = " accordion-body " >
< div class = " row " >
<!-- Default -->
< div class = " col-md " >
< div class = " card " >
<!--< div class = " card-header " >< ? php echo lang ( 'account_default_band_settings' ); ?> </div>-->
< div class = " card-body " >
< div class = " mb-3 " >
< label for = " user_default_band " >< ? php echo lang ( 'account_gridmap_default_band' ); ?> </label>
< ? php if ( ! isset ( $user_default_band )) {
$user_default_band = 'All' ;
} ?>
< select id = " user_default_band " class = " form-select " name = " user_default_band " >
< option value = " All " > All </ option > ;
< ? php foreach ( $bands as $band ) {
echo '<option value="' . $band . '" ' . (( $user_default_band == $band ) ? ' selected="selected"' : '' ) . '>' . $band . '</option>' . " \n " ;
} ?>
</ select >
</ div >
< div class = " mb-3 " >
< label class = " my-1 me-2 " >< ? php echo lang ( 'account_qsl_settings' ); ?> </label>
< div class = " form-check-inline " >
< ? php echo '<input class="form-check-input" type="checkbox" name="user_default_confirmation_qsl" id="user_default_confirmation_qsl"' ;
if ( isset ( $user_default_confirmation ) && strpos ( $user_default_confirmation , 'Q' ) !== false ) {
echo ' checked' ;
}
echo '>' ; ?>
< label class = " form-check-label " for = " user_default_confirmation_qsl " >< ? php echo lang ( 'gen_hamradio_qsl' ); ?> </label>
</ div >
< div class = " form-check-inline " >
< ? php echo '<input class="form-check-input" type="checkbox" name="user_default_confirmation_lotw" id="user_default_confirmation_lotw"' ;
if ( isset ( $user_default_confirmation ) && strpos ( $user_default_confirmation , 'L' ) !== false ) {
echo ' checked' ;
}
echo '>' ; ?>
< label class = " form-check-label " for = " user_default_confirmation_lotw " >< ? php echo lang ( 'lotw_short' ); ?> </label>
</ div >
< div class = " form-check-inline " >
< ? php echo '<input class="form-check-input" type="checkbox" name="user_default_confirmation_eqsl" id="user_default_confirmation_eqsl"' ;
if ( isset ( $user_default_confirmation ) && strpos ( $user_default_confirmation , 'E' ) !== false ) {
echo ' checked' ;
}
echo '>' ; ?>
< label class = " form-check-label " for = " user_default_confirmation_eqsl " >< ? php echo lang ( 'account_eqsl' ); ?> </label>
</ div >
< div class = " form-check-inline " >
< ? php echo '<input class="form-check-input" type="checkbox" name="user_default_confirmation_qrz" id="user_default_confirmation_qrz"' ;
if ( isset ( $user_default_confirmation ) && strpos ( $user_default_confirmation , 'Z' ) !== false ) {
echo ' checked' ;
}
echo '>' ; ?>
< label class = " form-check-label " for = " user_default_confirmation_qrz " > QRZ . com </ label >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
2024-03-19 14:38:33 +00:00
< div class = " row mb-3 " >
<!-- Logbook fields Setting -->
< div class = " col-md " >
< div class = " card " >
< div class = " card-header " >< ? php echo lang ( 'account_logbook_fields' ); ?> </div>
< div class = " card-body " >
< div class = " mb-3 " >
< label for = " column1 " >< ? php echo lang ( 'account_column1_text' ); ?> </label>
< ? php if ( ! isset ( $user_column1 )) {
$user_column1 = 'Mode' ;
} ?>
< select class = " form-select " id = " column1 " name = " user_column1 " >
< option value = " Band " < ? php if ( $user_column1 == " Band " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_band'); ?></option>
< option value = " Frequency " < ? php if ( $user_column1 == " Frequency " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_frequency'); ?></option>
< option value = " Mode " < ? php if ( $user_column1 == " Mode " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_mode'); ?></option>
< option value = " RSTS " < ? php if ( $user_column1 == " RSTS " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_rsts'); ?></option>
< option value = " RSTR " < ? php if ( $user_column1 == " RSTR " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_rstr'); ?></option>
< option value = " Country " < ? php if ( $user_column1 == " Country " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_country'); ?></option>
< option value = " IOTA " < ? php if ( $user_column1 == " IOTA " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_iota'); ?></option>
< option value = " SOTA " < ? php if ( $user_column1 == " SOTA " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_sota'); ?></option>
< option value = " WWFF " < ? php if ( $user_column1 == " WWFF " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_wwff'); ?></option>
< option value = " POTA " < ? php if ( $user_column1 == " POTA " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_pota'); ?></option>
< option value = " State " < ? php if ( $user_column1 == " State " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_state'); ?></option>
< option value = " Grid " < ? php if ( $user_column1 == " Grid " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_gridsquare'); ?></option>
< option value = " Distance " < ? php if ( $user_column1 == " Distance " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_distance'); ?></option>
< option value = " Operator " < ? php if ( $user_column1 == " Operator " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_operator'); ?></option>
< option value = " Name " < ? php if ( $user_column1 == " Name " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_name'); ?></option>
2024-05-24 16:43:32 +02:00
< option value = " Flag " < ? php if ( $user_column1 == " Flag " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_flag'); ?></option>
2024-03-19 14:38:33 +00:00
</ select >
</ div >
2023-12-16 08:05:43 +01:00
2024-03-19 14:38:33 +00:00
< div class = " mb-3 " >
< label for = " column2 " >< ? php echo lang ( 'account_column2_text' ); ?> </label>
< ? php if ( ! isset ( $user_column2 )) {
$user_column2 = 'RSTS' ;
} ?>
< select class = " form-select " id = " column2 " name = " user_column2 " >
< option value = " Band " < ? php if ( $user_column2 == " Band " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_band'); ?></option>
< option value = " Frequency " < ? php if ( $user_column2 == " Frequency " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_frequency'); ?></option>
< option value = " Mode " < ? php if ( $user_column2 == " Mode " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_mode'); ?></option>
< option value = " RSTS " < ? php if ( $user_column2 == " RSTS " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_rsts'); ?></option>
< option value = " RSTR " < ? php if ( $user_column2 == " RSTR " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_rstr'); ?></option>
< option value = " Country " < ? php if ( $user_column2 == " Country " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_country'); ?></option>
< option value = " IOTA " < ? php if ( $user_column2 == " IOTA " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_iota'); ?></option>
< option value = " SOTA " < ? php if ( $user_column2 == " SOTA " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_sota'); ?></option>
< option value = " WWFF " < ? php if ( $user_column1 == " WWFF " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_wwff'); ?></option>
< option value = " POTA " < ? php if ( $user_column1 == " POTA " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_pota'); ?></option>
< option value = " State " < ? php if ( $user_column2 == " State " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_state'); ?></option>
< option value = " Grid " < ? php if ( $user_column2 == " Grid " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_gridsquare'); ?></option>
< option value = " Distance " < ? php if ( $user_column2 == " Distance " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_distance'); ?></option>
< option value = " Operator " < ? php if ( $user_column2 == " Operator " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_operator'); ?></option>
< option value = " Name " < ? php if ( $user_column2 == " Name " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_name'); ?></option>
2024-05-24 16:43:32 +02:00
< option value = " Flag " < ? php if ( $user_column2 == " Flag " ) {
echo " selected = \" selected \" " ;
2025-05-23 11:55:35 +01:00
} ?> ><?php echo lang('general_word_flag'); ?></option>
2024-03-19 14:38:33 +00:00
</ select >
</ div >
2023-12-16 08:05:43 +01:00
2024-03-19 14:38:33 +00:00
< div class = " mb-3 " >
< label for = " column3 " >< ? php echo lang ( 'account_column3_text' ); ?> </label>
< ? php if ( ! isset ( $user_column3 )) {
$user_column3 = 'RSTR' ;
} ?>
< select class = " form-select " id = " column3 " name = " user_column3 " >
< option value = " Band " < ? php if ( $user_column3 == " Band " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_band'); ?></option>
< option value = " Frequency " < ? php if ( $user_column3 == " Frequency " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_frequency'); ?></option>
< option value = " Mode " < ? php if ( $user_column3 == " Mode " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_mode'); ?></option>
< option value = " RSTS " < ? php if ( $user_column3 == " RSTS " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_rsts'); ?></option>
< option value = " RSTR " < ? php if ( $user_column3 == " RSTR " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_rstr'); ?></option>
< option value = " Country " < ? php if ( $user_column3 == " Country " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_country'); ?></option>
< option value = " IOTA " < ? php if ( $user_column3 == " IOTA " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_iota'); ?></option>
< option value = " SOTA " < ? php if ( $user_column3 == " SOTA " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_sota'); ?></option>
< option value = " WWFF " < ? php if ( $user_column1 == " WWFF " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_wwff'); ?></option>
< option value = " POTA " < ? php if ( $user_column1 == " POTA " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_pota'); ?></option>
< option value = " State " < ? php if ( $user_column3 == " State " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_state'); ?></option>
< option value = " Grid " < ? php if ( $user_column3 == " Grid " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_gridsquare'); ?></option>
< option value = " Distance " < ? php if ( $user_column3 == " Distance " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_distance'); ?></option>
< option value = " Operator " < ? php if ( $user_column3 == " Operator " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_operator'); ?></option>
< option value = " Name " < ? php if ( $user_column3 == " Name " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_name'); ?></option>
2024-05-24 16:43:32 +02:00
< option value = " Flag " < ? php if ( $user_column3 == " Flag " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_flag'); ?></option>
2024-03-19 14:38:33 +00:00
</ select >
</ div >
2023-12-16 08:05:43 +01:00
2024-03-19 14:38:33 +00:00
< div class = " mb-3 " >
< label for = " column4 " >< ? php echo lang ( 'account_column4_text' ); ?> </label>
< ? php if ( ! isset ( $user_column4 )) {
$user_column4 = 'Band' ;
} ?>
< select class = " form-select " id = " column4 " name = " user_column4 " >
< option value = " Band " < ? php if ( $user_column4 == " Band " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_band'); ?></option>
< option value = " Frequency " < ? php if ( $user_column4 == " Frequency " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_frequency'); ?></option>
< option value = " Mode " < ? php if ( $user_column4 == " Mode " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_mode'); ?></option>
< option value = " RSTS " < ? php if ( $user_column4 == " RSTS " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_rsts'); ?></option>
< option value = " RSTR " < ? php if ( $user_column4 == " RSTR " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_rstr'); ?></option>
< option value = " Country " < ? php if ( $user_column4 == " Country " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_country'); ?></option>
< option value = " IOTA " < ? php if ( $user_column4 == " IOTA " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_iota'); ?></option>
< option value = " SOTA " < ? php if ( $user_column4 == " SOTA " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_sota'); ?></option>
< option value = " WWFF " < ? php if ( $user_column1 == " WWFF " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_wwff'); ?></option>
< option value = " POTA " < ? php if ( $user_column1 == " POTA " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_pota'); ?></option>
< option value = " State " < ? php if ( $user_column4 == " State " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_state'); ?></option>
< option value = " Grid " < ? php if ( $user_column4 == " Grid " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_gridsquare'); ?></option>
< option value = " Distance " < ? php if ( $user_column4 == " Distance " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_distance'); ?></option>
< option value = " Operator " < ? php if ( $user_column4 == " Operator " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_operator'); ?></option>
< option value = " Name " < ? php if ( $user_column4 == " Name " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_name'); ?></option>
2024-05-24 16:43:32 +02:00
< option value = " Flag " < ? php if ( $user_column4 == " Flag " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_flag'); ?></option>
2024-03-19 14:38:33 +00:00
</ select >
</ div >
2023-12-16 08:05:43 +01:00
2024-03-19 14:38:33 +00:00
< div class = " mb-3 " >
< label for = " column5 " >< ? php echo lang ( 'account_column5_text' ); ?> </label>
< ? php if ( ! isset ( $user_column5 )) {
$user_column5 = 'Country' ;
} ?>
< select class = " form-select " id = " column5 " name = " user_column5 " >
< option value = " " < ? php if ( $user_column5 == " " ) {
echo " selected = \" selected \" " ;
} ?> ></option>
< option value = " Band " < ? php if ( $user_column5 == " Band " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_band'); ?></option>
< option value = " Frequency " < ? php if ( $user_column5 == " Frequency " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_frequency'); ?></option>
< option value = " Mode " < ? php if ( $user_column5 == " Mode " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_mode'); ?></option>
< option value = " RSTS " < ? php if ( $user_column5 == " RSTS " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_rsts'); ?></option>
< option value = " RSTR " < ? php if ( $user_column5 == " RSTR " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_rstr'); ?></option>
< option value = " Country " < ? php if ( $user_column5 == " Country " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_country'); ?></option>
< option value = " IOTA " < ? php if ( $user_column5 == " IOTA " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_iota'); ?></option>
< option value = " SOTA " < ? php if ( $user_column5 == " SOTA " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_sota'); ?></option>
< option value = " WWFF " < ? php if ( $user_column1 == " WWFF " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_wwff'); ?></option>
< option value = " POTA " < ? php if ( $user_column1 == " POTA " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_pota'); ?></option>
< option value = " State " < ? php if ( $user_column5 == " State " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_state'); ?></option>
< option value = " Grid " < ? php if ( $user_column5 == " Grid " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_gridsquare'); ?></option>
< option value = " Distance " < ? php if ( $user_column5 == " Distance " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_distance'); ?></option>
< option value = " Operator " < ? php if ( $user_column5 == " Operator " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_operator'); ?></option>
< option value = " Name " < ? php if ( $user_column5 == " Name " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_name'); ?></option>
< option value = " Location " < ? php if ( $user_column5 == " Location " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('cloudlog_station_profile'); ?></option>
2024-05-24 16:43:32 +02:00
< option value = " Flag " < ? php if ( $user_column5 == " Flag " ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_flag'); ?></option>
2024-03-19 14:38:33 +00:00
</ select >
</ div >
</ div >
2023-12-16 08:05:43 +01:00
</ div >
</ div >
2023-11-30 18:11:22 +01:00
2024-03-19 14:38:33 +00:00
<!-- QSO Logging Options -->
< div class = " col-md " >
< div class = " card " >
< div class = " card-header " >< ? php echo lang ( 'account_qso_logging_options' ); ?> </div>
< div class = " card-body " >
< div class = " mb-3 " >
< label for = " logendtime " >< ? php echo lang ( 'account_log_end_time' ); ?> </label>
< ? php if ( ! isset ( $user_qso_end_times )) {
$user_qso_end_times = '0' ;
} ?>
< select class = " form-select " id = " logendtimes " name = " user_qso_end_times " >
< option value = " 1 " < ? php if ( $user_qso_end_times == 1 ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_yes'); ?></option>
< option value = " 0 " < ? php if ( $user_qso_end_times == 0 ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_no'); ?></option>
</ select >
< small id = " SelectDateFormatHelp " class = " form-text text-muted " >< ? php echo lang ( 'account_log_end_time_hint' ); ?> </small>
</ div >
< hr />
< div class = " mb-3 " >
< label for = " profileimages " >< ? php echo lang ( 'account_show_profile_picture_of_qso_partner_from_qrzcom_hamqthcom_profile_in_the_log_qso_section' ); ?> </label>
< ? php if ( ! isset ( $user_show_profile_image )) {
$user_show_profile_image = '0' ;
} ?>
< select class = " form-select " id = " profileimages " name = " user_show_profile_image " >
< option value = " 1 " < ? php if ( $user_show_profile_image == 1 ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_yes'); ?></option>
< option value = " 0 " < ? php if ( $user_show_profile_image == 0 ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_no'); ?></option>
</ select >
< small class = " form-text text-muted " >< ? php echo lang ( 'account_please_set_your_qrzcom_hamqthcom_credentials_in_the_general_config_file' ); ?> </small>
</ div >
2023-12-16 08:05:43 +01:00
2024-03-19 14:38:33 +00:00
< hr />
< div class = " mb-3 " >
< label for = " qthlookup " >< ? php echo lang ( 'account_location_auto_lookup' ); ?> </label>
< ? php if ( ! isset ( $user_qth_lookup )) {
$user_qth_lookup = '0' ;
} ?>
< select class = " form-select " id = " qthlookup " name = " user_qth_lookup " >
< option value = " 1 " < ? php if ( $user_qth_lookup == 1 ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_yes'); ?></option>
< option value = " 0 " < ? php if ( $user_qth_lookup == 0 ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_no'); ?></option>
</ select >
< small class = " form-text text-muted " >< ? php echo lang ( 'account_if_set_gridsquare_is_fetched_based_on_location_name' ); ?> </small>
</ div >
< div class = " mb-3 " >
< label for = " sotalookup " >< ? php echo lang ( 'account_sota_auto_lookup_gridsquare_and_name_for_summit' ); ?> </label>
< ? php if ( ! isset ( $user_sota_lookup )) {
$user_sota_lookup = '0' ;
} ?>
< select class = " form-select " id = " sotalookup " name = " user_sota_lookup " >
< option value = " 1 " < ? php if ( $user_sota_lookup == 1 ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_yes'); ?></option>
< option value = " 0 " < ? php if ( $user_sota_lookup == 0 ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_no'); ?></option>
</ select >
< small class = " form-text text-muted " >< ? php echo lang ( 'account_if_set_name_and_gridsquare_is_fetched_from_the_api_and_filled_in_location_and_locator' ); ?> </small>
</ div >
< div class = " mb-3 " >
< label for = " wwfflookup " >< ? php echo lang ( 'account_wwff_auto_lookup_gridsquare_and_name_for_reference' ); ?> </label>
< ? php if ( ! isset ( $user_wwff_lookup )) {
$user_wwff_lookup = '0' ;
} ?>
< select class = " form-select " id = " wwfflookup " name = " user_wwff_lookup " >
< option value = " 1 " < ? php if ( $user_wwff_lookup == 1 ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_yes'); ?></option>
< option value = " 0 " < ? php if ( $user_wwff_lookup == 0 ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_no'); ?></option>
</ select >
< small class = " form-text text-muted " >< ? php echo lang ( 'account_if_set_name_and_gridsquare_is_fetched_from_the_api_and_filled_in_location_and_locator' ); ?> </small>
</ div >
< div class = " mb-3 " >
< label for = " potalookup " >< ? php echo lang ( 'account_pota_auto_lookup_gridsquare_and_name_for_park' ); ?> </label>
< ? php if ( ! isset ( $user_pota_lookup )) {
$user_pota_lookup = '0' ;
} ?>
< select class = " form-select " id = " potalookup " name = " user_pota_lookup " >
< option value = " 1 " < ? php if ( $user_pota_lookup == 1 ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_yes'); ?></option>
< option value = " 0 " < ? php if ( $user_pota_lookup == 0 ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_no'); ?></option>
</ select >
< small class = " form-text text-muted " >< ? php echo lang ( 'account_if_set_name_and_gridsquare_is_fetched_from_the_api_and_filled_in_location_and_locator' ); ?> </small>
</ div >
</ div >
2023-12-16 08:05:43 +01:00
</ div >
</ div >
2023-11-30 18:11:22 +01:00
</ div >
2023-12-16 08:05:43 +01:00
2024-03-19 14:38:33 +00:00
< div class = " row " >
<!-- Previous QSL -->
< div class = " col-md " >
< div class = " card " >
< div class = " card-header " >< ? php echo lang ( 'account_previous_qsl_type' ); ?> </div>
< div class = " card-body " >
< div class = " mb-3 " >
< label for = " profileimages " >< ? php echo lang ( 'account_select_the_type_of_qsl_to_show_in_the_previous_qsos_section' ); ?> </label>
< ? php if ( ! isset ( $user_previous_qsl_type )) {
$user_previous_qsl_type = '0' ;
} ?>
< select class = " form-select " id = " previousqsltype " name = " user_previous_qsl_type " >
< option value = " 0 " < ? php if ( $user_previous_qsl_type == 0 ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('gen_hamradio_qsl'); ?></option>
< option value = " 1 " < ? php if ( $user_previous_qsl_type == 1 ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('lotw_short'); ?></option>
< option value = " 2 " < ? php if ( $user_previous_qsl_type == 2 ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('eqsl_short'); ?></option>
< option value = " 4 " < ? php if ( $user_previous_qsl_type == 4 ) {
echo " selected = \" selected \" " ;
} ?> >QRZ</option>
</ select >
</ div >
2023-12-16 08:05:43 +01:00
2024-03-19 14:38:33 +00:00
</ div >
</ div >
2023-12-16 08:05:43 +01:00
</ div >
</ div >
2026-04-08 22:26:05 +01:00
Refactor user settings UI to two-column layout
Revamp user edit view into a responsive two-column settings UI: add sidebar navigation, GitHub-like styles, and JS to switch setting panes. Reorganize and present existing options (main menu, map params, default values, Hams.at, AMSAT, Mastodon, hardware, QSO form) as cards inside accordion panes, remove duplicated blocks, and align the save button. Changes improve usability and navigation in application/views/user/edit.php.
2026-04-08 22:43:18 +01:00
2023-12-15 20:22:58 +01:00
</ div >
</ div >
</ div >
2024-03-19 14:38:33 +00:00
<!-- ZONE 4 / Confirmation Account -->
< div class = " accordion-item " >
< h2 class = " accordion-header " id = " panelsStayOpen-H_confirmation_account " >
< button class = " accordion-button collapsed " type = " button " data - bs - toggle = " collapse " data - bs - target = " #panelsStayOpen-B_confirmation_account " aria - expanded = " false " aria - controls = " panelsStayOpen-B_confirmation_account " >
< ? php echo lang ( 'account_third_party_services' ); ?> </button>
</ h2 >
< div id = " panelsStayOpen-B_confirmation_account " class = " accordion-collapse collapse " aria - labelledby = " panelsStayOpen-H_confirmation_account " >
< div class = " accordion-body " >
< div class = " row " >
<!-- Logbook of the World -->
< div class = " col-md " >
< div class = " card " >
< div class = " card-header " >< ? php echo lang ( 'account_logbook_of_the_world' ); ?> </div>
< div class = " card-body " >
< div class = " mb-3 " >
< label >< ? php echo lang ( 'account_logbook_of_the_world_lotw_username' ); ?> </label>
< input class = " form-control " type = " text " name = " user_lotw_name " value = " <?php if (isset( $user_lotw_name )) {
echo $user_lotw_name ;
} ?> " />
< ? php if ( isset ( $userlotwname_error )) {
echo " <small class= \" error \" > " . $userlotwname_error . " </small> " ;
} ?>
</ div >
2023-12-16 08:05:43 +01:00
2024-03-19 14:38:33 +00:00
< div class = " mb-3 " >
< label >< ? php echo lang ( 'account_logbook_of_the_world_lotw_password' ); ?> </label>
< div class = " input-group " >
< input class = " form-control " type = " password " name = " user_lotw_password " />
< span class = " input-group-btn " >< button class = " btn btn-default btn-pwd-showhide " type = " button " >< i class = " fa fa-eye-slash " ></ i ></ button ></ span >
</ div >
< ? php if ( isset ( $lotwpassword_error )) {
echo " <small class= \" error \" > " . $lotwpassword_error . " </small> " ;
} else { ?>
< small class = " form-text text-muted " >< ? php echo lang ( 'account_leave_blank_to_keep_existing_password' ); ?> </small>
< ? php } ?>
</ div >
2023-12-17 17:39:12 +01:00
</ div >
2023-12-16 08:05:43 +01:00
</ div >
</ div >
2023-12-15 20:22:58 +01:00
2024-10-03 14:46:11 +01:00
<!-- QRZ -->
< div class = " col-md " >
< div class = " card " >
< div class = " card-header " > Callbook </ div >
< div class = " card-body " >
< div class = " mb-3 " >
< label > Callbook Provider </ label >
< select class = " form-control " name = " user_callbook_type " >
< option value = " None " < ? php if ( isset ( $user_callbook_type ) && $user_callbook_type == 'None' ) echo 'selected' ; ?> >None</option>
< option value = " QRZ " < ? php if ( isset ( $user_callbook_type ) && $user_callbook_type == 'QRZ' ) echo 'selected' ; ?> >QRZ</option>
< option value = " HamQTH " < ? php if ( isset ( $user_callbook_type ) && $user_callbook_type == 'HamQTH' ) echo 'selected' ; ?> >HamQTH</option>
</ select >
< ? php if ( isset ( $callbook_type_error )) {
echo " <small class= \" error \" > " . $callbook_type_error . " </small> " ;
} ?>
</ div >
< div class = " mb-3 " >
< label > Callbook Username </ label >
< input class = " form-control " type = " text " name = " user_callbook_username " value = " <?php if (isset( $user_callbook_username )) {
2025-05-23 11:55:35 +01:00
echo $user_callbook_username ;
} ?> " />
2024-10-03 14:46:11 +01:00
< ? php if ( isset ( $callbook_username_error )) {
echo " <small class= \" error \" > " . $callbook_username_error . " </small> " ;
} ?>
</ div >
< div class = " mb-3 " >
< label > Callbook Password </ label >
< div class = " input-group " >
< input class = " form-control " type = " password " name = " user_callbook_password " />
< span class = " input-group-btn " >< button class = " btn btn-default btn-pwd-showhide " type = " button " >< i class = " fa fa-eye-slash " ></ i ></ button ></ span >
</ div >
< ? php if ( isset ( $callbook_password_error )) {
echo " <small class= \" error \" > " . $callbook_password_error . " </small> " ;
} else { ?>
< small class = " form-text text-muted " >< ? php echo lang ( 'account_leave_blank_to_keep_existing_password' ); ?> </small>
< ? php } ?>
</ div >
</ div >
</ div >
</ div >
2024-03-19 14:38:33 +00:00
<!-- eQSL -->
< div class = " col-md " >
< div class = " card " >
< div class = " card-header " >< ? php echo lang ( 'account_eqsl' ); ?> </div>
< div class = " card-body " >
< div class = " mb-3 " >
< label >< ? php echo lang ( 'account_eqslcc_username' ); ?> </label>
< input class = " form-control " type = " text " name = " user_eqsl_name " value = " <?php if (isset( $user_eqsl_name )) {
echo $user_eqsl_name ;
} ?> " />
< ? php if ( isset ( $eqslusername_error )) {
echo " <small class= \" error \" > " . $eqslusername_error . " </small> " ;
} ?>
</ div >
2023-12-16 08:05:43 +01:00
2024-03-19 14:38:33 +00:00
< div class = " mb-3 " >
< label >< ? php echo lang ( 'account_eqslcc_password' ); ?> </label>
< div class = " input-group " >
< input class = " form-control " type = " password " name = " user_eqsl_password " />
< span class = " input-group-btn " >< button class = " btn btn-default btn-pwd-showhide " type = " button " >< i class = " fa fa-eye-slash " ></ i ></ button ></ span >
</ div >
< ? php if ( isset ( $eqslpassword_error )) {
echo " <small class= \" error \" > " . $eqslpassword_error . " </small> " ;
} else { ?>
< small class = " form-text text-muted " >< ? php echo lang ( 'account_leave_blank_to_keep_existing_password' ); ?> </small>
< ? php } ?>
</ div >
2023-12-17 17:39:12 +01:00
</ div >
2023-12-16 08:05:43 +01:00
</ div >
</ div >
2024-10-03 14:46:11 +01:00
</ div >
2023-12-15 20:22:58 +01:00
2024-10-03 14:46:11 +01:00
< div class = " row " >
2024-03-19 14:38:33 +00:00
<!-- Club Log -->
< div class = " col-md " >
< div class = " card " >
< div class = " card-header " >< ? php echo lang ( 'account_clublog' ); ?> </div>
< div class = " card-body " >
< div class = " mb-3 " >
< label >< ? php echo lang ( 'account_clublog_email_callsign' ); ?> </label>
2025-10-13 13:40:56 +01:00
< input class = " form-control " type = " email " name = " user_clublog_name " placeholder = " your@email.com " value = " <?php if (isset( $user_clublog_name )) {
2024-03-19 14:38:33 +00:00
echo $user_clublog_name ;
} ?> " />
< small class = " form-text text-muted " >< ? php echo lang ( 'account_the_email_or_callsign_you_use_to_login_to_club_log' ); ?> </small>
< ? php if ( isset ( $userclublogname_error )) {
echo " <small class= \" error \" > " . $userclublogname_error . " </small> " ;
} ?>
</ div >
2023-12-16 08:05:43 +01:00
2024-03-19 14:38:33 +00:00
< div class = " mb-3 " >
< label >< ? php echo lang ( 'account_clublog_password' ); ?> </label>
< div class = " input-group " >
< input class = " form-control " type = " password " name = " user_clublog_password " />
< span class = " input-group-btn " >< button class = " btn btn-default btn-pwd-showhide " type = " button " >< i class = " fa fa-eye-slash " ></ i ></ button ></ span >
</ div >
< ? php if ( isset ( $clublogpassword_error )) {
echo " <small class= \" error \" > " . $clublogpassword_error . " </small> " ;
} else { ?>
< small class = " form-text text-muted " >< ? php echo lang ( 'account_leave_blank_to_keep_existing_password' ); ?> </small>
< ? php } ?>
</ div >
2023-12-17 17:39:12 +01:00
</ div >
2023-12-16 08:05:43 +01:00
</ div >
</ div >
2026-04-08 22:19:42 +01:00
2023-12-16 08:05:43 +01:00
</ div >
Refactor user settings UI to two-column layout
Revamp user edit view into a responsive two-column settings UI: add sidebar navigation, GitHub-like styles, and JS to switch setting panes. Reorganize and present existing options (main menu, map params, default values, Hams.at, AMSAT, Mastodon, hardware, QSO form) as cards inside accordion panes, remove duplicated blocks, and align the save button. Changes improve usability and navigation in application/views/user/edit.php.
2026-04-08 22:43:18 +01:00
< div class = " row " >
<!-- Hams . at Settings -->
< div class = " col-md " >
< div class = " card " >
< div class = " card-header " >< ? php echo lang ( 'account_hamsat' ); ?> </div>
< div class = " card-body " >
< div class = " mb-3 " >
< label >< ? php echo lang ( 'account_hamsat_private_feed_key' ); ?> </label>
< input class = " form-control " type = " text " name = " user_hamsat_key " value = " <?php if (isset( $user_hamsat_key )) {
echo $user_hamsat_key ;
} ?> " />
< small class = " form-text text-muted " >< ? php echo lang ( 'account_hamsat_hint' ); ?> </a></small>
</ div >
< div class = " mb-3 " >
< label >< ? php echo lang ( 'account_hamsat_workable_only' ); ?> </label>
< ? php if ( ! isset ( $user_hamsat_workable_only )) {
$user_hamsat_workable_only = '0' ;
} ?>
< select class = " form-select " name = " user_hamsat_workable_only " id = " user_hamsat_workable_only " >
< option value = " 0 " < ? php if ( $user_hamsat_workable_only == 0 ) {
echo 'selected="selected"' ;
} ?> ><?php echo lang('general_word_no'); ?></option>
< option value = " 1 " < ? php if ( $user_hamsat_workable_only == 1 ) {
echo 'selected="selected"' ;
} ?> ><?php echo lang('general_word_yes'); ?></option>
</ select >
< small class = " form-text text-muted " >< ? php echo lang ( 'account_hamsat_workable_only_hint' ); ?> </small>
</ div >
</ div >
</ div >
</ div >
</ div >
2024-03-19 14:38:33 +00:00
< div class = " row " >
<!-- AMSAT Upload -->
< div class = " col-md " >
< div class = " card " >
< div class = " card-header " >< ? php echo lang ( 'account_amsat_status_upload' ); ?> </div>
< div class = " card-body " >
< div class = " mb-3 " >
< label for = " amsatsatatusupload " >< ? php echo lang ( 'account_upload_status_of_sat_qsos_to' ); ?> <a href="https://www.amsat.org/status/" target="_blank">https://www.amsat.org/status/</a>.</label>
< ? php if ( ! isset ( $user_amsat_status_upload )) {
$user_amsat_status_upload = '0' ;
} ?>
< select class = " form-select " id = " amsatstatusupload " name = " user_amsat_status_upload " >
< option value = " 1 " < ? php if ( $user_amsat_status_upload == 1 ) {
Refactor user settings UI to two-column layout
Revamp user edit view into a responsive two-column settings UI: add sidebar navigation, GitHub-like styles, and JS to switch setting panes. Reorganize and present existing options (main menu, map params, default values, Hams.at, AMSAT, Mastodon, hardware, QSO form) as cards inside accordion panes, remove duplicated blocks, and align the save button. Changes improve usability and navigation in application/views/user/edit.php.
2026-04-08 22:43:18 +01:00
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_yes'); ?></option>
2024-03-19 14:38:33 +00:00
< option value = " 0 " < ? php if ( $user_amsat_status_upload == 0 ) {
Refactor user settings UI to two-column layout
Revamp user edit view into a responsive two-column settings UI: add sidebar navigation, GitHub-like styles, and JS to switch setting panes. Reorganize and present existing options (main menu, map params, default values, Hams.at, AMSAT, Mastodon, hardware, QSO form) as cards inside accordion panes, remove duplicated blocks, and align the save button. Changes improve usability and navigation in application/views/user/edit.php.
2026-04-08 22:43:18 +01:00
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_no'); ?></option>
2024-03-19 14:38:33 +00:00
</ select >
</ div >
2026-08-03 14:51:19 +01:00
< div class = " mb-3 " >
< label for = " oscarwatchstatusupload " > Upload SAT QSO status to < a href = " https://oscarwatch.org " target = " _blank " > https :// oscarwatch . org </ a >.</ label >
< ? php if ( ! isset ( $user_oscarwatch_status_upload )) {
$user_oscarwatch_status_upload = '0' ;
} ?>
< select class = " form-select " id = " oscarwatchstatusupload " name = " user_oscarwatch_status_upload " >
< option value = " 1 " < ? php if ( $user_oscarwatch_status_upload == 1 ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_yes'); ?></option>
< option value = " 0 " < ? php if ( $user_oscarwatch_status_upload == 0 ) {
echo " selected = \" selected \" " ;
} ?> ><?php echo lang('general_word_no'); ?></option>
</ select >
</ div >
2026-08-04 13:15:01 +01:00
< div class = " mb-3 " id = " oscarwatchAmsatOverrideWrapper " style = " display:none; " >
< ? php if ( ! isset ( $user_force_amsat_status_upload )) {
$user_force_amsat_status_upload = '0' ;
} ?>
< div class = " form-check form-switch " >
< input class = " form-check-input " type = " checkbox " role = " switch " id = " forceAmsatWithOscarwatch " name = " user_force_amsat_status_upload " value = " 1 " < ? php if (( string ) $user_force_amsat_status_upload === '1' ) {
echo 'checked' ;
} ?> >
< label class = " form-check-label " for = " forceAmsatWithOscarwatch " > Force enable AMSAT Status in Cloudlog </ label >
</ div >
< small class = " form-text text-muted " > When enabled , Cloudlog keeps direct AMSAT uploads on even with OscarWatch enabled .</ small >
</ div >
< div class = " alert alert-warning " id = " oscarwatchAmsatNotice " role = " alert " style = " display:none; " >
OscarWatch also forwards to AMSAT Status unless you disable forwarding in your OscarWatch account .
</ div >
2026-08-03 14:45:59 +01:00
< div class = " mb-3 " >
< label > OscarWatch API Token </ label >
2026-08-03 14:51:19 +01:00
< div class = " input-group " >
< input class = " form-control " id = " user_oscarwatch_token " type = " password " name = " user_oscarwatch_token " value = " <?php if (isset( $user_oscarwatch_token )) {
2026-08-03 14:45:59 +01:00
echo $user_oscarwatch_token ;
2026-08-03 14:51:19 +01:00
} ?> " />
< button class = " btn btn-outline-secondary " type = " button " id = " testOscarwatchTokenBtn " > Test Token </ button >
</ div >
< small id = " oscarwatchTokenTestResult " class = " form-text text-muted " ></ small >
2026-08-03 14:45:59 +01:00
< small class = " form-text text-muted " > Optional . If set , SAT QSO status is also reported to < a href = " https://oscarwatch.org " target = " _blank " > oscarwatch . org </ a > using your token .</ small >
</ div >
2024-03-19 14:38:33 +00:00
</ div >
2023-12-16 08:05:43 +01:00
</ div >
</ div >
2023-12-15 20:22:58 +01:00
2024-03-19 14:38:33 +00:00
<!-- Mastodon -->
< div class = " col-md " >
< div class = " card " >
< div class = " card-header " >< ? php echo lang ( 'account_mastodon' ); ?> </div>
< div class = " card-body " >
< div class = " mb-3 " >
< label >< ? php echo lang ( 'account_user_mastodon' ); ?> </label>
< input class = " form-control " type = " text " name = " user_mastodon_url " value = " <?php if (isset( $user_mastodon_url )) {
Refactor user settings UI to two-column layout
Revamp user edit view into a responsive two-column settings UI: add sidebar navigation, GitHub-like styles, and JS to switch setting panes. Reorganize and present existing options (main menu, map params, default values, Hams.at, AMSAT, Mastodon, hardware, QSO form) as cards inside accordion panes, remove duplicated blocks, and align the save button. Changes improve usability and navigation in application/views/user/edit.php.
2026-04-08 22:43:18 +01:00
echo $user_mastodon_url ;
} ?> " />
2024-03-19 14:38:33 +00:00
< small class = " form-text text-muted " >< ? php echo lang ( 'account_user_mastodon_hint' ); ?> </a></small>
</ div >
</ div >
2023-12-16 08:05:43 +01:00
</ div >
</ div >
Refactor user settings UI to two-column layout
Revamp user edit view into a responsive two-column settings UI: add sidebar navigation, GitHub-like styles, and JS to switch setting panes. Reorganize and present existing options (main menu, map params, default values, Hams.at, AMSAT, Mastodon, hardware, QSO form) as cards inside accordion panes, remove duplicated blocks, and align the save button. Changes improve usability and navigation in application/views/user/edit.php.
2026-04-08 22:43:18 +01:00
</ div >
</ div >
</ div >
</ div >
<!-- ZONE 5 / Miscellaneous -->
< div class = " accordion-item " >
< h2 class = " accordion-header " id = " panelsStayOpen-H_miscellaneous " >
< button class = " accordion-button collapsed " type = " button " data - bs - toggle = " collapse " data - bs - target = " #panelsStayOpen-B_miscellaneous " aria - expanded = " false " aria - controls = " panelsStayOpen-B_miscellaneous " >
Hardware </ button >
</ h2 >
< div id = " panelsStayOpen-B_miscellaneous " class = " accordion-collapse collapse " aria - labelledby = " panelsStayOpen-H_miscellaneous " >
< div class = " accordion-body " >
< div class = " row " >
2024-03-19 14:38:33 +00:00
<!-- Winkeyer -->
< div class = " col-md " >
2025-05-23 11:55:35 +01:00
< div class = " card " >
< div class = " card-header " >< ? php echo lang ( 'account_winkeyer' ); ?> <span class="badge text-bg-danger float-end"><?php echo lang('admin_experimental'); ?></span></div>
< div class = " card-body " >
< div class = " mb-3 " >
2025-05-22 22:54:18 +01:00
< div class = " form-check form-switch " >
< ? php if ( ! isset ( $user_winkey )) {
$user_winkey = '0' ;
} ?>
2025-05-23 11:55:35 +01:00
< input name = " user_winkey " class = " form-check-input " type = " checkbox " role = " switch " id = " user_winkeyer " value = " 1 " < ? php if ( $user_winkey == 1 ) {
echo 'checked' ;
} ?> >
2025-05-22 22:54:18 +01:00
< label class = " form-check-label " for = " user_winkeyer " >< ? php echo lang ( 'account_winkeyer_enabled' ); ?> </label>
</ div >
</ div >
< hr />
2025-05-23 11:55:35 +01:00
< div class = " mb-3 " >
2025-05-22 22:54:18 +01:00
< div class = " form-check form-switch " >
2025-05-28 13:38:25 +01:00
< input name = " user_winkey_websocket " class = " form-check-input " type = " checkbox " role = " switch " id = " user_winkey_websocket " value = " 1 " < ? php if ( $user_winkey_websocket == 1 ) {
2025-05-23 11:55:35 +01:00
echo 'checked' ;
} ?> >
2025-05-22 22:54:18 +01:00
< label class = " form-check-label " for = " user_winkey_websocket " > Winkey Web Sockets </ label >
</ div >
2024-03-19 14:38:33 +00:00
</ div >
2025-05-23 11:55:35 +01:00
2026-05-16 13:44:09 +01:00
< hr />
< div class = " mb-3 " >
< div class = " form-check form-switch " >
< ? php if ( ! isset ( $user_remote_operation )) {
$user_remote_operation = '0' ;
} ?>
< input name = " user_remote_operation " class = " form-check-input " type = " checkbox " role = " switch " id = " user_remote_operation " value = " 1 " < ? php if ( $user_remote_operation == 1 ) {
echo 'checked' ;
} ?> >
< label class = " form-check-label " for = " user_remote_operation " > Remote Operation </ label >
</ div >
</ div >
< small class = " form-text text-muted d-block mt-3 " > Experimental browser - based remote audio control . Turn it on only if you want the QSO page card .</ small >
2025-05-22 22:54:18 +01:00
< small class = " form-text text-muted d-block mt-3 " >< ? php echo lang ( 'account_winkeyer_hint' ); ?> </small>
2024-03-19 14:38:33 +00:00
</ div >
2023-12-16 08:05:43 +01:00
</ div >
</ div >
</ div >
2024-03-09 08:49:12 +01:00
</ div >
</ div >
2023-08-03 13:59:02 +01:00
</ div >
</ div >
2026-03-27 18:11:22 +00:00
<!-- QSO Form Customisation -->
< div class = " accordion-item " >
< h2 class = " accordion-header " id = " panelsStayOpen-H_qso_form " >
< button class = " accordion-button collapsed " type = " button " data - bs - toggle = " collapse " data - bs - target = " #panelsStayOpen-B_qso_form " aria - expanded = " false " aria - controls = " panelsStayOpen-B_qso_form " >
QSO Form </ button >
</ h2 >
< div id = " panelsStayOpen-B_qso_form " class = " accordion-collapse collapse " aria - labelledby = " panelsStayOpen-H_qso_form " >
< div class = " accordion-body " >
< ? php
if ( ! isset ( $qso_fields )) {
$qso_fields = [];
}
$qso_fields = array_merge ([
'rst' => true , 'name' => true , 'qth' => true , 'locator' => true , 'comment' => true ,
'station_tab' => true , 'freq_tx' => true , 'freq_rx' => true , 'band_rx' => true ,
'transmit_power' => true , 'operator_callsign' => true ,
'general_tab' => true , 'iota' => true , 'sota' => true , 'wwff' => true , 'pota' => true ,
'sig' => true , 'dok' => true , 'usa_state' => true ,
'satellite_tab' => true , 'notes_tab' => true , 'qsl_tab' => true ,
Add DX Cluster tab to QSO interface
Introduce a DX Cluster tab to the QSO view and user settings. This change:
- Enables a new qso_form option 'dxcluster_tab' in controllers (Qso.php, User.php) so the tab can be toggled per-user.
- Adds a user preference toggle in the user edit view to show/hide the DX Cluster tab.
- Implements the DX Cluster UI in the QSO index view: tab button, controls (band select, hide RBN), spot table and click-to-fill behavior.
- Adds client-side JS to manage a WebSocket to wss://dxc.cloudlog.org, maintain and render recent spots in a DataTable, persist filter preferences, sync band selection with the QSO form/radio, and batch-check worked status via the dxcluster/check_worked endpoint.
Files changed: application/controllers/Qso.php, application/controllers/User.php, application/views/qso/index.php, application/views/user/edit.php.
2026-03-27 22:29:25 +00:00
'dxcluster_tab' => true ,
2026-03-27 18:11:22 +00:00
], $qso_fields );
?>
Refactor user settings UI to two-column layout
Revamp user edit view into a responsive two-column settings UI: add sidebar navigation, GitHub-like styles, and JS to switch setting panes. Reorganize and present existing options (main menu, map params, default values, Hams.at, AMSAT, Mastodon, hardware, QSO form) as cards inside accordion panes, remove duplicated blocks, and align the save button. Changes improve usability and navigation in application/views/user/edit.php.
2026-04-08 22:43:18 +01:00
< p class = " text-muted mb-3 " > These options control which fields and tabs are shown in the QSO Entry form . Disable items you do not use to keep the entry view simpler .</ p >
2026-03-27 18:11:22 +00:00
< div class = " row " >
< div class = " col-md " >
< div class = " card mb-3 " >
< div class = " card-header " > QSO Tab Fields </ div >
< div class = " card-body " >
< div class = " form-check form-switch " >
< input name = " qso_field_rst " class = " form-check-input " type = " checkbox " role = " switch " id = " qsoFieldRst " < ? php if ( $qso_fields [ 'rst' ]) echo 'checked' ; ?> >
< label class = " form-check-label " for = " qsoFieldRst " > RST Sent & amp ; Received </ label >
</ div >
< div class = " form-check form-switch " >
< input name = " qso_field_name " class = " form-check-input " type = " checkbox " role = " switch " id = " qsoFieldName " < ? php if ( $qso_fields [ 'name' ]) echo 'checked' ; ?> >
< label class = " form-check-label " for = " qsoFieldName " > Name </ label >
</ div >
< div class = " form-check form-switch " >
< input name = " qso_field_qth " class = " form-check-input " type = " checkbox " role = " switch " id = " qsoFieldQth " < ? php if ( $qso_fields [ 'qth' ]) echo 'checked' ; ?> >
< label class = " form-check-label " for = " qsoFieldQth " > QTH / Location </ label >
</ div >
< div class = " form-check form-switch " >
< input name = " qso_field_locator " class = " form-check-input " type = " checkbox " role = " switch " id = " qsoFieldLocator " < ? php if ( $qso_fields [ 'locator' ]) echo 'checked' ; ?> >
< label class = " form-check-label " for = " qsoFieldLocator " > Gridsquare / Locator </ label >
</ div >
< div class = " form-check form-switch " >
< input name = " qso_field_comment " class = " form-check-input " type = " checkbox " role = " switch " id = " qsoFieldComment " < ? php if ( $qso_fields [ 'comment' ]) echo 'checked' ; ?> >
< label class = " form-check-label " for = " qsoFieldComment " > Comment </ label >
</ div >
</ div >
</ div >
</ div >
< div class = " col-md " >
< div class = " card mb-3 " >
< div class = " card-header " > Station Tab </ div >
< div class = " card-body " >
< div class = " form-check form-switch " >
< input name = " qso_field_station_tab " class = " form-check-input " type = " checkbox " role = " switch " id = " qsoFieldStationTab " < ? php if ( $qso_fields [ 'station_tab' ]) echo 'checked' ; ?> >
< label class = " form-check-label " for = " qsoFieldStationTab " >< strong > Show Station Tab </ strong ></ label >
</ div >
< hr >
< div class = " form-check form-switch " >
< input name = " qso_field_freq_tx " class = " form-check-input " type = " checkbox " role = " switch " id = " qsoFieldFreqTx " < ? php if ( $qso_fields [ 'freq_tx' ]) echo 'checked' ; ?> >
< label class = " form-check-label " for = " qsoFieldFreqTx " > Frequency TX </ label >
</ div >
< div class = " form-check form-switch " >
< input name = " qso_field_freq_rx " class = " form-check-input " type = " checkbox " role = " switch " id = " qsoFieldFreqRx " < ? php if ( $qso_fields [ 'freq_rx' ]) echo 'checked' ; ?> >
< label class = " form-check-label " for = " qsoFieldFreqRx " > Frequency RX </ label >
</ div >
< div class = " form-check form-switch " >
< input name = " qso_field_band_rx " class = " form-check-input " type = " checkbox " role = " switch " id = " qsoFieldBandRx " < ? php if ( $qso_fields [ 'band_rx' ]) echo 'checked' ; ?> >
< label class = " form-check-label " for = " qsoFieldBandRx " > Band RX </ label >
</ div >
< div class = " form-check form-switch " >
< input name = " qso_field_transmit_power " class = " form-check-input " type = " checkbox " role = " switch " id = " qsoFieldTransmitPower " < ? php if ( $qso_fields [ 'transmit_power' ]) echo 'checked' ; ?> >
< label class = " form-check-label " for = " qsoFieldTransmitPower " > Transmit Power </ label >
</ div >
< div class = " form-check form-switch " >
< input name = " qso_field_operator_callsign " class = " form-check-input " type = " checkbox " role = " switch " id = " qsoFieldOperatorCallsign " < ? php if ( $qso_fields [ 'operator_callsign' ]) echo 'checked' ; ?> >
< label class = " form-check-label " for = " qsoFieldOperatorCallsign " > Operator Callsign </ label >
</ div >
</ div >
</ div >
</ div >
< div class = " col-md " >
< div class = " card mb-3 " >
< div class = " card-header " > General Tab </ div >
< div class = " card-body " >
< div class = " form-check form-switch " >
< input name = " qso_field_general_tab " class = " form-check-input " type = " checkbox " role = " switch " id = " qsoFieldGeneralTab " < ? php if ( $qso_fields [ 'general_tab' ]) echo 'checked' ; ?> >
< label class = " form-check-label " for = " qsoFieldGeneralTab " >< strong > Show General Tab </ strong ></ label >
</ div >
< hr >
< div class = " form-check form-switch " >
< input name = " qso_field_iota " class = " form-check-input " type = " checkbox " role = " switch " id = " qsoFieldIota " < ? php if ( $qso_fields [ 'iota' ]) echo 'checked' ; ?> >
< label class = " form-check-label " for = " qsoFieldIota " > IOTA Reference </ label >
</ div >
< div class = " form-check form-switch " >
< input name = " qso_field_sota " class = " form-check-input " type = " checkbox " role = " switch " id = " qsoFieldSota " < ? php if ( $qso_fields [ 'sota' ]) echo 'checked' ; ?> >
< label class = " form-check-label " for = " qsoFieldSota " > SOTA Reference </ label >
</ div >
< div class = " form-check form-switch " >
< input name = " qso_field_wwff " class = " form-check-input " type = " checkbox " role = " switch " id = " qsoFieldWwff " < ? php if ( $qso_fields [ 'wwff' ]) echo 'checked' ; ?> >
< label class = " form-check-label " for = " qsoFieldWwff " > WWFF Reference </ label >
</ div >
< div class = " form-check form-switch " >
< input name = " qso_field_pota " class = " form-check-input " type = " checkbox " role = " switch " id = " qsoFieldPota " < ? php if ( $qso_fields [ 'pota' ]) echo 'checked' ; ?> >
< label class = " form-check-label " for = " qsoFieldPota " > POTA Reference </ label >
</ div >
< div class = " form-check form-switch " >
< input name = " qso_field_sig " class = " form-check-input " type = " checkbox " role = " switch " id = " qsoFieldSig " < ? php if ( $qso_fields [ 'sig' ]) echo 'checked' ; ?> >
< label class = " form-check-label " for = " qsoFieldSig " > SIG / SIG Info </ label >
</ div >
< div class = " form-check form-switch " >
< input name = " qso_field_dok " class = " form-check-input " type = " checkbox " role = " switch " id = " qsoFieldDok " < ? php if ( $qso_fields [ 'dok' ]) echo 'checked' ; ?> >
< label class = " form-check-label " for = " qsoFieldDok " > DOK ( DARC ) </ label >
</ div >
< div class = " form-check form-switch " >
< input name = " qso_field_usa_state " class = " form-check-input " type = " checkbox " role = " switch " id = " qsoFieldUsaState " < ? php if ( $qso_fields [ 'usa_state' ]) echo 'checked' ; ?> >
< label class = " form-check-label " for = " qsoFieldUsaState " > USA State & amp ; County </ label >
</ div >
</ div >
</ div >
</ div >
< div class = " col-md " >
< div class = " card mb-3 " >
< div class = " card-header " > Other Tabs </ div >
< div class = " card-body " >
< div class = " form-check form-switch " >
< input name = " qso_field_satellite_tab " class = " form-check-input " type = " checkbox " role = " switch " id = " qsoFieldSatelliteTab " < ? php if ( $qso_fields [ 'satellite_tab' ]) echo 'checked' ; ?> >
< label class = " form-check-label " for = " qsoFieldSatelliteTab " > Satellite Tab </ label >
</ div >
< div class = " form-check form-switch " >
< input name = " qso_field_notes_tab " class = " form-check-input " type = " checkbox " role = " switch " id = " qsoFieldNotesTab " < ? php if ( $qso_fields [ 'notes_tab' ]) echo 'checked' ; ?> >
< label class = " form-check-label " for = " qsoFieldNotesTab " > Notes Tab </ label >
</ div >
< div class = " form-check form-switch " >
< input name = " qso_field_qsl_tab " class = " form-check-input " type = " checkbox " role = " switch " id = " qsoFieldQslTab " < ? php if ( $qso_fields [ 'qsl_tab' ]) echo 'checked' ; ?> >
< label class = " form-check-label " for = " qsoFieldQslTab " > QSL Tab </ label >
</ div >
Add DX Cluster tab to QSO interface
Introduce a DX Cluster tab to the QSO view and user settings. This change:
- Enables a new qso_form option 'dxcluster_tab' in controllers (Qso.php, User.php) so the tab can be toggled per-user.
- Adds a user preference toggle in the user edit view to show/hide the DX Cluster tab.
- Implements the DX Cluster UI in the QSO index view: tab button, controls (band select, hide RBN), spot table and click-to-fill behavior.
- Adds client-side JS to manage a WebSocket to wss://dxc.cloudlog.org, maintain and render recent spots in a DataTable, persist filter preferences, sync band selection with the QSO form/radio, and batch-check worked status via the dxcluster/check_worked endpoint.
Files changed: application/controllers/Qso.php, application/controllers/User.php, application/views/qso/index.php, application/views/user/edit.php.
2026-03-27 22:29:25 +00:00
< div class = " form-check form-switch " >
< input name = " qso_field_dxcluster_tab " class = " form-check-input " type = " checkbox " role = " switch " id = " qsoFieldDxClusterTab " < ? php if ( $qso_fields [ 'dxcluster_tab' ]) echo 'checked' ; ?> >
< label class = " form-check-label " for = " qsoFieldDxClusterTab " > DX Cluster Tab </ label >
</ div >
2026-03-27 18:11:22 +00:00
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
Refactor user settings UI to two-column layout
Revamp user edit view into a responsive two-column settings UI: add sidebar navigation, GitHub-like styles, and JS to switch setting panes. Reorganize and present existing options (main menu, map params, default values, Hams.at, AMSAT, Mastodon, hardware, QSO form) as cards inside accordion panes, remove duplicated blocks, and align the save button. Changes improve usability and navigation in application/views/user/edit.php.
2026-04-08 22:43:18 +01:00
</ div >
</ div >
2026-03-27 18:11:22 +00:00
</ div >
< input type = " hidden " name = " id " value = " <?php echo $this->uri ->segment(3); ?> " />
< ? php if ( isset ( $user_add )) { ?>
2025-11-22 15:23:47 +00:00
< div class = " card mt-3 " >
< div class = " card-body " >
< div class = " form-check " >
< input class = " form-check-input " type = " checkbox " name = " send_welcome_email " id = " send_welcome_email " value = " 1 " checked >
< label class = " form-check-label " for = " send_welcome_email " >
< i class = " fas fa-envelope me-1 " ></ i >< strong > Send Welcome Email </ strong >
</ label >
< small class = " form-text text-muted d-block mt-1 " >
< i class = " fas fa-info-circle " ></ i > Recommended : Sends an email to the user with their login credentials and instructions to change their password .
</ small >
</ div >
</ div >
</ div >
< ? php } ?>
Refactor user settings UI to two-column layout
Revamp user edit view into a responsive two-column settings UI: add sidebar navigation, GitHub-like styles, and JS to switch setting panes. Reorganize and present existing options (main menu, map params, default values, Hams.at, AMSAT, Mastodon, hardware, QSO form) as cards inside accordion panes, remove duplicated blocks, and align the save button. Changes improve usability and navigation in application/views/user/edit.php.
2026-04-08 22:43:18 +01:00
< div class = " d-flex justify-content-end mb-5 mt-3 " >
< button type = " submit " class = " btn btn-primary " >< i class = " fas fa-save " ></ i > < ? php echo lang ( 'account_save_account_changes' ); ?> </button>
</ div >
2024-03-19 14:38:33 +00:00
</ form >
Refactor user settings UI to two-column layout
Revamp user edit view into a responsive two-column settings UI: add sidebar navigation, GitHub-like styles, and JS to switch setting panes. Reorganize and present existing options (main menu, map params, default values, Hams.at, AMSAT, Mastodon, hardware, QSO form) as cards inside accordion panes, remove duplicated blocks, and align the save button. Changes improve usability and navigation in application/views/user/edit.php.
2026-04-08 22:43:18 +01:00
< script >
( function () {
const nav = document . getElementById ( 'settings-nav' );
if ( ! nav ) {
return ;
}
const navButtons = Array . from ( nav . querySelectorAll ( '[data-target]' ));
const panes = navButtons
. map (( button ) => document . getElementById ( button . dataset . target ))
. filter (( pane ) => pane !== null );
panes . forEach (( pane ) => {
pane . classList . remove ( 'collapse' );
pane . classList . add ( 'settings-pane' );
});
function setActive ( targetId , updateHash ) {
navButtons . forEach (( button ) => {
button . classList . toggle ( 'active' , button . dataset . target === targetId );
});
panes . forEach (( pane ) => {
pane . classList . toggle ( 'd-none' , pane . id !== targetId );
pane . classList . add ( 'show' );
});
if ( updateHash ) {
window . location . hash = targetId ;
}
}
navButtons . forEach (( button ) => {
button . addEventListener ( 'click' , function () {
setActive ( this . dataset . target , true );
});
});
const hashTarget = window . location . hash ? window . location . hash . substring ( 1 ) : null ;
const defaultTarget = navButtons . length > 0 ? navButtons [ 0 ] . dataset . target : null ;
const activeTarget = navButtons . some (( button ) => button . dataset . target === hashTarget ) ? hashTarget : defaultTarget ;
if ( activeTarget ) {
setActive ( activeTarget , false );
}
})();
</ script >
2026-08-03 14:51:19 +01:00
< script >
2026-08-04 13:15:01 +01:00
var oscarwatchStatusSelect = document . getElementById ( 'oscarwatchstatusupload' );
var amsatStatusSelect = document . getElementById ( 'amsatstatusupload' );
var forceAmsatToggle = document . getElementById ( 'forceAmsatWithOscarwatch' );
var oscarwatchAmsatNotice = document . getElementById ( 'oscarwatchAmsatNotice' );
var oscarwatchAmsatOverrideWrapper = document . getElementById ( 'oscarwatchAmsatOverrideWrapper' );
function syncOscarwatchAmsatState ( triggeredByOscarwatchToggle ) {
if ( ! oscarwatchStatusSelect || ! amsatStatusSelect || ! oscarwatchAmsatNotice || ! oscarwatchAmsatOverrideWrapper || ! forceAmsatToggle ) {
return ;
}
var oscarwatchEnabled = oscarwatchStatusSelect . value === '1' ;
var forceAmsatEnabled = forceAmsatToggle . checked ;
if ( ! oscarwatchEnabled ) {
oscarwatchAmsatOverrideWrapper . style . display = 'none' ;
oscarwatchAmsatNotice . style . display = 'none' ;
amsatStatusSelect . disabled = false ;
return ;
}
oscarwatchAmsatOverrideWrapper . style . display = '' ;
oscarwatchAmsatNotice . style . display = '' ;
if ( forceAmsatEnabled ) {
amsatStatusSelect . disabled = false ;
amsatStatusSelect . value = '1' ;
oscarwatchAmsatNotice . textContent = 'OscarWatch also forwards to AMSAT Status unless you disable forwarding in your OscarWatch account.' ;
return ;
}
if ( triggeredByOscarwatchToggle && amsatStatusSelect . value === '1' ) {
amsatStatusSelect . value = '0' ;
oscarwatchAmsatNotice . textContent = 'AMSAT Status Upload was turned off in Cloudlog because OscarWatch Status Upload is enabled. OscarWatch also forwards to AMSAT Status unless you disable forwarding in your OscarWatch account.' ;
} else {
oscarwatchAmsatNotice . textContent = 'OscarWatch also forwards to AMSAT Status unless you disable forwarding in your OscarWatch account.' ;
}
amsatStatusSelect . disabled = true ;
}
if ( oscarwatchStatusSelect && amsatStatusSelect && forceAmsatToggle ) {
oscarwatchStatusSelect . addEventListener ( 'change' , function () {
syncOscarwatchAmsatState ( true );
});
forceAmsatToggle . addEventListener ( 'change' , function () {
syncOscarwatchAmsatState ( false );
});
syncOscarwatchAmsatState ( false );
}
2026-08-03 14:51:19 +01:00
var oscarwatchTestBtn = document . getElementById ( 'testOscarwatchTokenBtn' );
if ( oscarwatchTestBtn ) {
oscarwatchTestBtn . addEventListener ( 'click' , function () {
const tokenInput = document . getElementById ( 'user_oscarwatch_token' );
const result = document . getElementById ( 'oscarwatchTokenTestResult' );
const btn = document . getElementById ( 'testOscarwatchTokenBtn' );
if ( ! tokenInput || ! result || ! btn ) {
return ;
}
const token = tokenInput . value . trim ();
if ( token === '' ) {
result . className = 'form-text text-danger' ;
result . textContent = 'Please enter a token first.' ;
return ;
}
btn . disabled = true ;
result . className = 'form-text text-muted' ;
result . textContent = 'Testing token...' ;
const body = new URLSearchParams ();
body . append ( 'token' , token );
fetch ( '<?php echo site_url(' user / validate_oscarwatch_token '); ?>' , {
method : 'POST' ,
headers : {
'Content-Type' : 'application/x-www-form-urlencoded; charset=UTF-8'
},
body : body . toString (),
})
. then ( async function ( response ) {
const payload = await response . json () . catch ( function () {
return null ;
});
if ( payload && payload . ok ) {
result . className = 'form-text text-success' ;
result . textContent = payload . message || 'OscarWatch token is valid.' ;
} else {
result . className = 'form-text text-danger' ;
result . textContent = ( payload && payload . message ) ? payload . message : 'Token validation failed.' ;
}
})
. catch ( function () {
result . className = 'form-text text-danger' ;
result . textContent = 'Unable to validate token right now.' ;
})
. finally ( function () {
btn . disabled = false ;
});
});
}
</ script >
2024-03-19 14:38:33 +00:00
</ div >
