WildDragonLLC/dragonflight
1
0
Fork 0
Code Issues 18 Pull requests 3 Projects Releases Packages Wiki Activity Actions

Phase 2: services/premiere-plugin/index.html

Browse source
This commit is contained in:
Zac Gaetano 2026-04-07 22:05:46 -04:00
parent 33f8b1c26a
commit bb92381a47
1 changed files with 124 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

124
services/premiere-plugin/index.html Normal file
View file

@ -0,0 +1,124 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Wild Dragon MAM</title>
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<div id="panel-container">
<!-- Connection Bar -->
<div class="connection-bar">
<div class="connection-controls">
<div class="server-input-group">
<input
type="text"
id="server-url"
class="server-url"
placeholder="http://localhost:7434"
title="MAM server URL"
>
<div class="status-indicator" id="status-indicator"></div>
</div>
<button id="connect-btn" class="connect-btn">Connect</button>
</div>
</div>
<!-- Search and Filter Area -->
<div class="search-filter-area">
<div class="search-bar">
<input
type="text"
id="search-input"
class="search-input"
placeholder="Search assets..."
>
</div>
<div class="filter-controls">
<select id="project-filter" title="Filter by project">
<option value="all">All Projects</option>
</select>
</div>
</div>
<!-- Main Content Area -->
<div class="content-area">
<!-- Asset Grid -->
<div class="asset-grid-container">
<div id="asset-grid" class="asset-grid">
<div id="empty-state" class="empty-state">
<div class="empty-state-icon">📂</div>
<div>Connect to server and load assets</div>
</div>
</div>
</div>
<!-- Details Panel -->
<div id="details-panel" class="details-panel hidden">
<div class="details-section">
<div class="details-label">Filename</div>
<div id="details-filename" class="details-value truncate-lines-2"></div>
</div>
<div class="divider"></div>
<div class="details-section">
<div class="details-label">Codec</div>
<div id="details-codec" class="details-value"></div>
</div>
<div class="details-section">
<div class="details-label">Resolution</div>
<div id="details-resolution" class="details-value"></div>
</div>
<div class="details-section">
<div class="details-label">Frame Rate</div>
<div id="details-fps" class="details-value"></div>
</div>
<div class="details-section">
<div class="details-label">Duration</div>
<div id="details-duration" class="details-value"></div>
</div>
<div class="details-section">
<div class="details-label">File Size</div>
<div id="details-size" class="details-value"></div>
</div>
<div class="divider"></div>
<div class="details-section">
<div class="details-label">Tags</div>
<div id="details-tags" class="tags-list"></div>
</div>
</div>
</div>
<!-- Progress Indicator -->
<div id="progress-container" class="progress-container">
<div class="progress-label" id="progress-label">Downloading...</div>
<div class="progress-bar">
<div id="progress-fill" class="progress-fill"></div>
</div>
</div>
<!-- Action Bar -->
<div class="action-bar">
<button id="import-btn" disabled title="Import selected asset">Import</button>
<button id="import-all-btn" class="secondary" title="Import all visible assets">Import All</button>
</div>
</div>
<!-- Adobe CSInterface Library -->
<script src="js/CSInterface.js"></script>
<!-- Premiere Pro ExtendScript -->
<script src="jsx/premiere.jsx"></script>
<!-- Main Panel Script -->
<script src="js/main.js"></script>
</body>
</html>