vinny/iptv-stream-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Complete 3.4.2: Desktop Enhancements - Implement dashboard-style layouts

Browse source
This commit is contained in:
VinnyNC 2025-09-29 21:40:06 -04:00
parent c05c3a63cc
commit a60349b40c
6 changed files with 755 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

91
index.php
View file

@ -315,6 +315,94 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['action'])) {
</head>
<body>
<main class="theater" role="main">
<!-- Dashboard Sidebar for Desktop -->
<aside class="theater__dashboard-section" id="dashboardSection" aria-label="Dashboard">
<header class="dashboard__header">
<h2 class="dashboard__title">Dashboard</h2>
<div class="dashboard__controls">
<button class="dashboard__toggle-btn" data-action="toggle-dashboard" aria-expanded="true" aria-label="Toggle dashboard">
<span class="icon-dashboard-toggle icon-sm">«</span>
</button>
</div>
</header>
<div class="dashboard__stats-grid">
<div class="stats-card">
<div class="stats-card__icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
<circle cx="9" cy="7" r="4"></circle>
<path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
<path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
</svg>
</div>
<div class="stats-card__content">
<div class="stats-card__value" id="statsViewersCount">0</div>
<div class="stats-card__label">Active Viewers</div>
</div>
</div>
<div class="stats-card">
<div class="stats-card__icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
<line x1="8" y1="21" x2="16" y2="21"></line>
<line x1="12" y1="17" x2="12" y2="21"></line>
</svg>
</div>
<div class="stats-card__content">
<div class="stats-card__value" id="statsStreamQuality">HD</div>
<div class="stats-card__label">Stream Quality</div>
</div>
</div>
<div class="stats-card">
<div class="stats-card__icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<circle cx="12" cy="12" r="10"></circle>
<polyline points="12,6 12,12 16,14"></polyline>
</svg>
</div>
<div class="stats-card__content">
<div class="stats-card__value" id="statsUptime">00:00</div>
<div class="stats-card__label">Stream Uptime</div>
</div>
</div>
</div>
<div class="dashboard__widgets">
<div class="widget">
<header class="widget__header">
<h3 class="widget__title">Recent Activity</h3>
</header>
<div class="widget__content" id="recentActivity">
<div class="activity-item">
<div class="activity-item__avatar">🎥</div>
<div class="activity-item__content">
<div class="activity-item__text">Stream started</div>
<div class="activity-item__time">Just now</div>
</div>
</div>
</div>
</div>
<div class="widget">
<header class="widget__header">
<h3 class="widget__title">Active Users</h3>
</header>
<div class="widget__content" id="activeUsers">
<div class="user-item">
<div class="user-item__status online"></div>
<div class="user-item__nickname">Welcome to chat!</div>
</div>
</div>
</div>
</div>
</aside>
<!-- Dashboard resize handle -->
<div class="resize-handle dashboard-resize" data-target="dashboard"></div>
<section class="theater__video-section" id="videoSection" aria-label="Video Player">
<header class="video-player__header">
<div class="video-player__header-left">
@ -325,6 +413,9 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['action'])) {
</div>
</div>
<div class="video-player__header-controls">
<button class="video-player__toggle-dashboard-btn" data-action="toggle-dashboard" aria-expanded="false" aria-label="Toggle dashboard" title="Toggle Dashboard">
<span class="icon-dashboard icon-sm"></span> Dashboard
</button>
<button class="stream-stats__refresh-btn" data-action="manual-refresh" title="Manual Stream Refresh" aria-label="Refresh stream">
<span class="icon-refresh icon-sm"></span> Refresh
</button>