Skip to content

fix(theme): Aurora RDP 'Add route' modal — load form-logic scripts, style selectors, fix duplicate #174

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
CallMeTechie merged 1 commit into from
Jun 23, 2026
Merged

fix(theme): Aurora RDP 'Add route' modal — load form-logic scripts, style selectors, fix duplicate #174

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 6 additions & 0 deletions public/css/aurora.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -301,6 +301,12 @@ a{color:inherit}
/* "Collapse all" toolbar toggle */
#aurora-collapse-all{color:var(--muted)}
#aurora-collapse-all:hover{color:var(--text)}
/* RDP modal segmented selectors (protocol + SSH auth-mode) — styled like the
.toggle-group segmented control; JS toggles .active on the chosen option. */
.rdp-proto-seg, .rdp-auth-seg{display:inline-flex; gap:2px; background:var(--surface-3); border:1px solid var(--line); border-radius:10px; padding:3px; flex-wrap:wrap}
.rdp-proto-opt, .rdp-auth-opt{border:0; background:transparent; color:var(--muted); font-family:var(--font-body); font-weight:600; font-size:12.5px; padding:7px 14px; border-radius:7px; cursor:pointer; transition:.15s}
.rdp-proto-opt:hover, .rdp-auth-opt:hover{color:var(--text)}
.rdp-proto-opt.active, .rdp-auth-opt.active{background:var(--surface); color:var(--text); box-shadow:0 2px 8px -4px rgba(0,0,0,.35)}
/* Batch-select checkbox column (shown only in batch mode) */
.data-table .td-batch{width:34px; text-align:center; padding-right:0}
.data-table .batch-checkbox{width:16px; height:16px; accent-color:var(--teal); cursor:pointer; vertical-align:middle}
Expand Down
15 changes: 5 additions & 10 deletions templates/aurora/pages/rdp.njk
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -243,9 +243,9 @@
{# SSH auth-mode selector (password vs private key) — rdp.js shows it for SSH #}
<div id="rdp-ssh-auth-mode" style="display:none;margin-bottom:10px">
<label style="font-size:11px;font-weight:600;color:var(--muted);display:block;margin-bottom:3px">{{ t('rdp.auth.mode') }}</label>
<div id="rdp-ssh-auth-seg" class="rdp-auth-seg toggle-group" role="radiogroup" aria-label="{{ t('rdp.auth.mode') }}">
<button type="button" class="rdp-auth-opt toggle-btn active on" data-auth-mode="password">{{ t('rdp.auth.mode_password') }}</button>
<button type="button" class="rdp-auth-opt toggle-btn" data-auth-mode="key">{{ t('rdp.auth.mode_key') }}</button>
<div id="rdp-ssh-auth-seg" class="rdp-auth-seg" role="radiogroup" aria-label="{{ t('rdp.auth.mode') }}">
<button type="button" class="rdp-auth-opt active" data-auth-mode="password">{{ t('rdp.auth.mode_password') }}</button>
<button type="button" class="rdp-auth-opt" data-auth-mode="key">{{ t('rdp.auth.mode_key') }}</button>
</div>
</div>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:10px">
Expand Down Expand Up @@ -288,13 +288,6 @@
<span class="rdp-cred-set-label"></span>
<button type="button" class="btn btn-sm btn-ghost rdp-cred-remove" data-cred="ssh_passphrase" style="margin-left:6px"></button>
</div>
{# SSH auth mode selector (SSH protocol only) #}
<div id="rdp-ssh-auth-seg" style="display:none;margin-top:10px">
<div style="display:flex;gap:6px">
<button type="button" class="btn btn-sm btn-ghost active" data-auth-mode="password">{{ t('rdp.auth.password') }}</button>
<button type="button" class="btn btn-sm btn-ghost" data-auth-mode="key">{{ t('rdp.auth.key') }}</button>
</div>
</div>
<div id="rdp-ascii-hint" style="display:none;margin-top:8px;font-size:11px;color:var(--faint);line-height:1.4">{{ t('rdp.browser.ascii_hint') }}</div>
<div style="margin-top:8px;font-size:11px;color:var(--faint);display:flex;align-items:center;gap:6px">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0110 0v4"/></svg>
Expand Down Expand Up @@ -551,5 +544,7 @@
{% endblock %}

{% block scripts %}
<script src="/js/rdp-form-logic.js?v={{ appVersion }}"></script>
<script src="/js/rdp-cred-omission.js?v={{ appVersion }}"></script>
<script src="/js/rdp.js?v={{ appVersion }}"></script>
{% endblock %}
Loading