feat(ui): add remote-control URLs + fix header typos and env

Add support for displaying local remote-control URLs and QR code in the
Settings UI, including styles for URL list, row layout, monospaced links,
and a QR container. Expose a new global API signature getLocalIpAddresses
for retrieving local IPs.

Fix several UI issues:
- Correct typo in header method name (opedAddPlaylistDialog -> openAddPlaylistDialog).
- Fix malformed GitHub URL and collapse img tag formatting.
- Reformat imports and viewChild usage for readability.

Change local development backend URL to localhost:3000 in the local
environment to point to the running local API during development.

These changes improve developer ergonomics (local backend), add a remote
control discovery UX for users on the same network, and tidy up header
bugs and formatting.
This commit is contained in:
4gray committed 2025-12-06 21:46:35 +01:00
1 parent 7e4732a1bf
commit 3e2afe11e3
11 files changed
+171 -18

No files matched your search

@@ -1,10 +1,7 @@
<div class="modern-header">
<div class="brand-block">
<div class="logo-pulse">
<img
src="./assets/icons/icon-tv-256.png"
alt="iptvnator logo"
/>
<img src="./assets/icons/icon-tv-256.png" alt="iptvnator logo" />
</div>
<div class="brand-text">
<div class="title">{{ title() }}</div>
@@ -35,7 +32,7 @@
<mat-icon>add</mat-icon>
</button>
<app-add-playlist-menu
(playlistTypeSelected)="opedAddPlaylistDialog($event)"
(playlistTypeSelected)="openAddPlaylistDialog($event)"
/>
<!-- Sort button -->
<button
@@ -88,7 +85,7 @@
<button
mat-menu-item
[attr.aria-label]="'MENU.SUPPORT_ARIA' | translate"
(click)="openUrl('https:///github.com/4gray/iptvnator')"
(click)="openUrl('https://github.com/4gray/iptvnator')"
>
<mat-icon>recommend</mat-icon>
<span>GitHub</span>