84 lines
3.9 KiB
HTML
84 lines
3.9 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Add Player - SKE Digital Signage{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="container-fluid py-4">
|
|
<!-- Page Header -->
|
|
<div class="row mb-4">
|
|
<div class="col">
|
|
<h1><i class="bi bi-plus-circle"></i> Add Player</h1>
|
|
<p class="text-muted">Create a new digital signage player</p>
|
|
</div>
|
|
<div class="col-auto">
|
|
<a href="{{ url_for('dashboard.index') }}" class="btn btn-secondary">
|
|
<i class="bi bi-arrow-left"></i> Back to Dashboard
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Add Player Form -->
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-6">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h5><i class="bi bi-display"></i> Player Information</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<form method="POST">
|
|
<div class="mb-3">
|
|
<label for="username" class="form-label">Username *</label>
|
|
<input type="text" class="form-control" id="username" name="username"
|
|
required placeholder="Enter player username">
|
|
<div class="form-text">Display name for this player</div>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label for="hostname" class="form-label">Hostname *</label>
|
|
<input type="text" class="form-control" id="hostname" name="hostname"
|
|
required placeholder="Enter unique hostname">
|
|
<div class="form-text">Unique identifier for API access (e.g., display-001)</div>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label for="password" class="form-label">Password *</label>
|
|
<input type="password" class="form-control" id="password" name="password"
|
|
required placeholder="Enter secure password">
|
|
<div class="form-text">Password for manual authentication</div>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label for="quickconnect_password" class="form-label">Quick Connect Code</label>
|
|
<input type="password" class="form-control" id="quickconnect_password"
|
|
name="quickconnect_password" placeholder="Enter quick connect code">
|
|
<div class="form-text">Optional code for quick API access</div>
|
|
</div>
|
|
|
|
<div class="d-grid">
|
|
<button type="submit" class="btn btn-primary">
|
|
<i class="bi bi-plus"></i> Create Player
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Help Card -->
|
|
<div class="card mt-4">
|
|
<div class="card-header">
|
|
<h6><i class="bi bi-question-circle"></i> Player Setup Guide</h6>
|
|
</div>
|
|
<div class="card-body">
|
|
<ol class="small">
|
|
<li><strong>Username:</strong> Choose a descriptive name (e.g., "Lobby Display", "Conference Room")</li>
|
|
<li><strong>Hostname:</strong> Must be unique across all players (e.g., "lobby-01", "conf-room-a")</li>
|
|
<li><strong>Password:</strong> Used for manual authentication in fullscreen mode</li>
|
|
<li><strong>Quick Connect:</strong> Optional code for automated player client connections</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|