lsit user
This commit is contained in:
gpatruno
+90
-2
@@ -27,7 +27,7 @@
|
||||
<div class="container-fluid mt-4">
|
||||
<div class="row">
|
||||
<!-- Sidebar -->
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-2">
|
||||
<div class="card bg-secondary">
|
||||
<div class="card-header">
|
||||
<h5><i class="fas fa-tachometer-alt me-2"></i>Tableau de Bord</h5>
|
||||
@@ -68,7 +68,7 @@
|
||||
</div>
|
||||
|
||||
<!-- Main Content -->
|
||||
<div class="col-md-9">
|
||||
<div class="col-md-7">
|
||||
<!-- Tabs Navigation -->
|
||||
<ul class="nav nav-tabs" id="mainTabs" role="tablist">
|
||||
<li class="nav-item" role="presentation">
|
||||
@@ -81,6 +81,11 @@
|
||||
<i class="fas fa-comments me-2"></i>Messages
|
||||
</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link" id="users-tab" data-bs-toggle="tab" data-bs-target="#users" type="button">
|
||||
<i class="fas fa-users me-2"></i>Utilisateurs
|
||||
</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link" id="prompts-tab" data-bs-toggle="tab" data-bs-target="#prompts" type="button">
|
||||
<i class="fas fa-cogs me-2"></i>Prompts IA
|
||||
@@ -159,6 +164,23 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Users Tab -->
|
||||
<div class="tab-pane fade" id="users" role="tabpanel">
|
||||
<div class="card bg-secondary">
|
||||
<div class="card-header d-flex justify-content-between align-items-center">
|
||||
<h5><i class="fas fa-users me-2"></i>Gestion des Utilisateurs</h5>
|
||||
<button class="btn btn-success btn-sm" onclick="openAddUserModal()">
|
||||
<i class="fas fa-plus me-2"></i>Ajouter Utilisateur
|
||||
</button>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div id="users-list">
|
||||
<!-- Users list will be populated here -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Prompts Tab -->
|
||||
<div class="tab-pane fade" id="prompts" role="tabpanel">
|
||||
<div class="card bg-secondary">
|
||||
@@ -213,6 +235,39 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Chat Column -->
|
||||
<div class="col-md-3">
|
||||
<div class="card bg-secondary chat-container">
|
||||
<div class="card-header d-flex justify-content-between align-items-center">
|
||||
<h5><i class="fas fa-comments me-2"></i>Chat du Stream</h5>
|
||||
<div class="chat-controls">
|
||||
<button class="btn btn-sm btn-outline-light" onclick="clearChat()">
|
||||
<i class="fas fa-trash"></i>
|
||||
</button>
|
||||
<button class="btn btn-sm btn-outline-light" onclick="toggleChat()">
|
||||
<i class="fas fa-pause" id="chat-toggle-icon"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body p-0">
|
||||
<div id="chat-messages" class="chat-messages">
|
||||
<div class="chat-welcome">
|
||||
<i class="fas fa-comments text-muted"></i>
|
||||
<p class="text-muted">Le chat apparaîtra ici quand un flux sera actif</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" id="chat-input" placeholder="Tapez un message..." disabled>
|
||||
<button class="btn btn-primary" type="button" onclick="sendChatMessage()" disabled>
|
||||
<i class="fas fa-paper-plane"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -244,6 +299,39 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Add/Edit User Modal -->
|
||||
<div class="modal fade" id="addUserModal" tabindex="-1">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content bg-dark">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="userModalTitle">Ajouter un Utilisateur</h5>
|
||||
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<input type="hidden" id="user-edit-id" value="">
|
||||
<div class="mb-3">
|
||||
<label for="user-pseudo" class="form-label">Pseudo Twitch</label>
|
||||
<input type="text" class="form-control" id="user-pseudo" placeholder="Ex: mon_pseudo">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="user-token" class="form-label">Token OAuth</label>
|
||||
<input type="password" class="form-control" id="user-token" placeholder="oauth:token_ici">
|
||||
<div class="form-text text-muted">Format: oauth:token_ici</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="user-charactere" class="form-label">Caractère</label>
|
||||
<input type="text" class="form-control" id="user-charactere" placeholder="😊" value="😊">
|
||||
<div class="form-text text-muted">Emoji ou texte à ajouter avant les messages</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
|
||||
<button type="button" class="btn btn-primary" onclick="saveUser()">Sauvegarder</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.js"></script>
|
||||
|
||||
Reference in New Issue
Block a user