LocalScriptsWeb/frontend/templates/index.html

66 lines
2.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Local Scripts Web - Home</title>
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>
<body>
<header>
<nav>
<div class="nav-brand">Local Scripts Web</div>
<div class="profile-selector">
<select id="profileSelect" onchange="changeProfile()">
<option value="">Loading profiles...</option>
</select>
<button onclick="editProfile()">Edit Profile</button>
<button onclick="newProfile()">New Profile</button>
</div>
</nav>
</header>
<main>
<div class="container">
<div class="work-dir-section">
<h2>Work Directory</h2>
<div class="work-dir-controls">
<input type="text" id="workDirPath" readonly>
<button onclick="selectWorkDir()">Browse</button>
<button onclick="showWorkDirConfig()">Config</button>
</div>
</div>
<div class="scripts-section">
<h2>Scripts</h2>
<div class="script-group-selector">
<label for="groupSelect">Select Script Group:</label>
<select id="groupSelect" onchange="loadGroupScripts(this.value)">
<option value="">Select a group...</option>
<!-- Groups will be loaded here -->
</select>
</div>
<div id="scriptList" class="script-list" style="display: none;">
<!-- Scripts will be loaded here after group selection -->
</div>
</div>
<div class="output-section">
<h2>Output</h2>
<div class="output-controls">
<button onclick="clearOutput()">Clear Output</button>
</div>
<div id="outputArea" class="output-area">
<!-- Script output will appear here -->
</div>
</div>
</div>
</main>
<!-- Scripts -->
<script src="{{ url_for('static', filename='js/main.js') }}"></script>
<script src="{{ url_for('static', filename='js/workdir_config.js') }}"></script>
<script src="{{ url_for('static', filename='js/profile.js') }}"></script>
<script src="{{ url_for('static', filename='js/scripts.js') }}"></script>
</body>
</html>