From 8039d41fb4a3b37aec623f5a8a6a5fedf6696f50 Mon Sep 17 00:00:00 2001 From: Peter Goodhall Date: Sat, 9 Aug 2025 21:55:20 +0100 Subject: [PATCH] Revamp ADIF import/export UI and enhance styling Improves the ADIF import/export page with a more structured layout, icons, grouped options, and clearer forms for import, export, LoTW, and DCL actions. Adds extensive CSS for better visual hierarchy, card and tab styling, form controls, and alert presentation to provide a modern, user-friendly experience. --- application/views/adif/import.php | 536 ++++++++++++++++++++---------- assets/css/general.css | 85 +++++ 2 files changed, 439 insertions(+), 182 deletions(-) diff --git a/application/views/adif/import.php b/application/views/adif/import.php index 2de27165..7f71f821 100644 --- a/application/views/adif/import.php +++ b/application/views/adif/import.php @@ -1,6 +1,12 @@
-

+
+
+

+

Import and export your amateur radio logs in ADIF format

+
+
+ -
-
-
    +
    +
    +
    @@ -48,220 +62,378 @@ -

    -

    B.

    + +
    +
    + +
    +
    - - - - -
    -
    -
    - - + + +
    +
    +
    Station Selection
    +
    + + +
    +
    +
    +
    File Upload
    +
    + + +
    Supported formats: .adi, .adif
    -
    -
    -
    - - + +
    +
    +
    Import Options
    + + +
    +
    +
    Basic Settings
    +
    +
    +
    +
    +
    + + +
    +
    + + +
    +
    +
    +
    + + +
    +
    + + +
    +
    +
    +
    -
    -
    -
    -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    -
    - - -
    -
    -
    -
    - -
    -
    -
    - - + +
    +
    +
    Mark as Uploaded to Online Logbooks
    + Select if ADIF being imported does not contain this information +
    +
    +
    +
    +
    + + +
    +
    + + +
    +
    +
    +
    + + +
    +
    + + +
    +
    +
    +
    -
    -
    -
    - - -
    -
    + +
    +
    +
    - -
    -
    +
    + + +
    +
    +
    +

    + +
    +
    +
    +
    Export Settings
    +
    +
    +
    +
    +
    + + +
    +
    + + +
    +
    + + +
    +
    +
    +
    Export Options
    +
    + + +
    +
    + + +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    -
    -
    -

    - -
    - - -
    - - - -
    -
    -
    -
    - - + +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    Export all satellite contacts from your logbook

    + + + +
    +
    +

    Export satellite contacts confirmed on LoTW

    + + + +
    +
    -
    -
    -
    - - -
    -
    -
    - - - - -

    - -
    -

    - -

    +
    - -
    -
    - -

    -
    - - -
    - - -
    - -
    +
    +
    +
    +
    LoTW Export Management
    + + + +
    +
    +
    +
    Mark QSOs as Exported to LoTW
    +
    +
    +
    +
    +
    + + +
    +
    +
    +
    + + +
    +
    +
    +
    + + +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    + } ?>" id="dcl" role="tabpanel" aria-labelledby="dcl-tab"> + -

    -
    - -
    -
    -
    - - +
    +
    +
    DARC DCL Import
    + + -
    -
    -
    -
    - - + + +
    +
    +
    DCL Import Settings
    +
    +
    +
    +
    +
    + + +
    +
    +
    +
    Import Options
    +
    + + +
    +
    + + +
    +
    + + +
    +
    +
    +
    +
    + +
    -
    -
    +
    -
    -
    -
    - - -
    -
    -
    -
    - - - +
    diff --git a/assets/css/general.css b/assets/css/general.css index e3f2a813..a17830b4 100644 --- a/assets/css/general.css +++ b/assets/css/general.css @@ -74,6 +74,91 @@ thead>tr>td { margin-bottom: 0rem; } +/* Enhanced ADIF styling */ +.adif .nav-tabs .nav-link { + border-radius: 0.5rem 0.5rem 0 0; + border: 1px solid transparent; + margin-right: 0.25rem; +} + +.adif .nav-tabs .nav-link:hover { + border-color: #e9ecef #e9ecef #dee2e6; + isolation: isolate; +} + +.adif .nav-tabs .nav-link.active { + background-color: #fff; + border-color: #dee2e6 #dee2e6 #fff; +} + +.adif .card { + border: none; + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); +} + +.adif .card-header { + background-color: #f8f9fa; + border-bottom: 1px solid #dee2e6; + padding: 1rem 1.25rem; +} + +.adif .card-body { + padding: 1.5rem; +} + +.adif .form-check { + padding-left: 0; +} + +.adif .form-check-input { + margin-right: 0.5rem; +} + +.adif .form-check-label { + font-size: 0.9rem; + line-height: 1.4; +} + +.adif .badge { + font-size: 0.7rem; + padding: 0.25rem 0.5rem; +} + +.adif .btn { + border-radius: 0.375rem; + font-weight: 500; + padding: 0.5rem 1rem; +} + +.adif .btn-lg { + padding: 0.75rem 1.5rem; + font-size: 1.1rem; +} + +.adif .form-control, +.adif .form-select { + border-radius: 0.375rem; + border-color: #ced4da; +} + +.adif .form-control:focus, +.adif .form-select:focus { + border-color: #86b7fe; + box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); +} + +.adif .card .card-header h6 { + margin-bottom: 0; + font-weight: 600; + color: #495057; +} + +.adif .alert { + border-radius: 0.5rem; + border: none; + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); +} + .api .alert p { margin-bottom: 0rem; }