peji/Alta-Proxy-Tool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Remove profiles and password proxy UI, simplify to cookie-only auth

Browse Source 
Strip out User Profiles section, username/password proxy method, and
related modals. Cookie proxy section is now always visible and renamed
to just "Camera Proxy". Cookie key input hidden (auto-populated by
Chrome extension).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Zac
2026-02-09 21:15:28 -05:00
parent 67437a0c46
commit ec5989cf02
2 changed files with 74 additions and 692 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+7 -90
View File
@@ -16,14 +16,14 @@
<div class="sidebar-header">
<h2>Available Devices</h2>
</div>
<div id="deviceStatus" class="status-message"></div>
<!-- Device Search -->
<div class="device-search-container">
<input type="text" id="deviceSearch" placeholder="Search devices..." class="device-search-input">
</div>
<div class="device-list-container">
<div id="deviceList" class="device-list">
<p class="placeholder-text">Connect to API to load devices</p>
@@ -37,21 +37,6 @@
<h1>Alta Video Camera Proxy</h1>
</div>
<!-- User Profiles Section -->
<section class="content-section profile-section">
<h2>User Profiles</h2>
<div class="profile-controls">
<div class="profile-row">
<label for="profileSelect">Select Profile:</label>
<select id="profileSelect">
<option value="">Select a profile...</option>
</select>
<button type="button" id="addProfileBtn" class="btn-primary">Add User</button>
<button type="button" id="manageProfilesBtn" class="btn-success">Manage Users</button>
</div>
</div>
</section>
<!-- API Connection Section -->
<section class="content-section">
<h2>API Connection</h2>
@@ -65,41 +50,21 @@
</div>
</div>
<div class="connection-controls">
<button type="button" id="connectBtn" class="btn-primary" disabled>Connect to API</button>
<button type="button" id="testConnectionBtn" class="btn-outline" disabled>Test Connection</button>
<button type="button" id="disconnectBtn" class="btn-outline" disabled>Disconnect</button>
</div>
<div id="connectionStatus" class="status-message"></div>
</section>
<!-- Camera Proxy Section -->
<!-- Cookie-Based Camera Proxy Section -->
<section class="content-section">
<h2>Camera Proxy (Username/Password Method)</h2>
<h2>Camera Proxy</h2>
<div class="proxy-controls">
<div class="input-row">
<label for="deviceUUID">Device UUID:</label>
<input type="text" id="deviceUUID" placeholder="(Auto-filled when you select a device from the list)" readonly>
</div>
<div class="proxy-buttons">
<button type="button" id="startProxyBtn" class="btn-primary" disabled>Start Camera Proxy</button>
<button type="button" id="checkVersionBtn" class="btn-outline" disabled>Check Version</button>
<button type="button" id="stopProxyBtn" class="btn-outline" disabled>Stop Proxy</button>
</div>
</div>
</section>
<!-- Cookie-Based Camera Proxy Section (Collapsible) -->
<section class="content-section">
<div class="collapsible-header" id="cookieSectionHeader">
<h2>Camera Proxy (Cookie Method)</h2>
<span class="collapse-icon" id="cookieCollapseIcon">▼</span>
</div>
<div class="proxy-controls collapsible-content" id="cookieProxyContent" style="display: none;">
<div class="input-row">
<label for="cookieDeviceUUID">Device UUID:</label>
<input type="text" id="cookieDeviceUUID" placeholder="(Auto-filled when you select a device from the list)" readonly>
</div>
<div class="input-row">
<div class="input-row" style="display: none;">
<label for="cookieKey">Cookie Key:</label>
<input type="text" id="cookieKey" placeholder="Paste your cookie key here">
</div>
@@ -119,54 +84,6 @@
<div id="mainContent"></div>
</div>
<!-- Add Profile Modal -->
<div id="addProfileModal" class="modal">
<div class="modal-content">
<div class="modal-header">
<h3>Add Connection Profile</h3>
<span class="close" id="closeAddProfile">&times;</span>
</div>
<form id="addProfileForm">
<div class="form-group">
<label for="profileName">Profile Name:</label>
<input type="text" id="profileName" placeholder="Enter profile name" required>
</div>
<div class="form-group">
<label for="profileUrl">Deployment URL:</label>
<input type="url" id="profileUrl" placeholder="https://your-deployment.eu1.aware.avasecurity.com" required>
</div>
<div class="form-group">
<label for="profileUsername">Username:</label>
<input type="text" id="profileUsername" placeholder="Enter username" required>
</div>
<div class="form-group">
<label for="profilePassword">Password:</label>
<input type="password" id="profilePassword" placeholder="Enter password" required>
</div>
<div class="modal-buttons">
<button type="submit" class="modal-btn primary">Save Profile</button>
<button type="button" class="modal-btn secondary" id="cancelAddProfile">Cancel</button>
</div>
</form>
</div>
</div>
<!-- Manage Profiles Modal -->
<div id="manageProfilesModal" class="modal">
<div class="modal-content">
<div class="modal-header">
<h3>Manage Connection Profiles</h3>
<span class="close" id="closeManageProfiles">&times;</span>
</div>
<div class="profiles-list" id="profilesList">
<!-- Profiles will be populated here -->
</div>
<div class="modal-buttons">
<button type="button" class="modal-btn secondary" id="closeManageProfilesBtn">Close</button>
</div>
</div>
</div>
<script src="renderer.js"></script>
</body>
</html>
</html>