- Use proper HTML; - Add CSS file specific to this page; - Deduplicate common style by moving it into the admin_ui CSS file and do the corresponding changes in the admin CSS and HTML files; - Add common header; - Move questions's JavaScript in a dedicated file, improve its code and fix its access to DOM elements.
		
			
				
	
	
		
			44 lines
		
	
	
		
			2.9 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			44 lines
		
	
	
		
			2.9 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!DOCTYPE html>
 | |
| <html lang="fr">
 | |
|     <head>
 | |
|         <meta charset="UTF-8">
 | |
|         <title>Truth Inquiry - Interface d'administration</title>
 | |
|         <link rel="stylesheet" href="/static/css/admin_ui.css">
 | |
|         <link rel="stylesheet" href="/static/css/admin_ui_home.css">
 | |
|         <link rel="icon" href="/static/images/favicon/favicon_32.png" type="image/png" sizes="32x32">
 | |
|         <link rel="icon" href="/static/images/favicon/favicon_64.png" type="image/png" sizes="64x64">
 | |
|         <link rel="icon" href="/static/images/favicon/favicon_96.png" type="image/png" sizes="96x96">
 | |
|         <link rel="icon" href="/static/images/favicon/favicon_128.png" type="image/png" sizes="128x128">
 | |
|         <link rel="icon" href="/static/images/favicon/favicon_192.png" type="image/png" sizes="192x192">
 | |
|         <link rel="icon" href="/static/images/favicon/favicon_256.png" type="image/png" sizes="256x256">
 | |
|         <link rel="icon" href="/static/images/favicon/favicon_256.png" type="image/png" sizes="512x512">
 | |
|         <meta name="color-scheme" content="dark light">
 | |
|         <meta name="viewport" content="width=device-width, initial-scale=1">
 | |
|     </head>
 | |
|     <body>
 | |
|         <header>
 | |
|             <a class="short_color_transition" href="/admin" title="Cliquez ici pour revenir à l'accueil de l'interface d'administration du jeu">Accueil</a>
 | |
|             <a class="short_color_transition" href="/admin/questions" title="Cliquez ici pour gérer les questions du jeu">Gestion des questions</a>
 | |
|             <a class="short_color_transition" href="/admin/places" title="Cliquez ici pour gérer les lieux du jeu">Gestion des lieux</a>
 | |
|             <a class="short_color_transition" href="/admin/traits" title="Cliquez ici pour gérer les réactions du jeu">Gestion des réactions</a>
 | |
|             <a class="short_color_transition" href="/api/v1/admin/logout" title="Cliquez ici pour vous déconnecter de l'interface d'administration du jeu">Déconnexion</a>
 | |
|         </header>
 | |
|         <h1 class="page_title">Truth Inquiry - Interface d'administration</h1>
 | |
|         <h2 class="page_category">Gestion des personnages</h2>
 | |
|         <p class="page_description">Cliquez sur un personnage pour le gérer ou créez-un autre à l'aide du bouton ci-dessous.</p>
 | |
|         <ul class="character_list">
 | |
|             {%for npc in npcs%}
 | |
|             <li class="character_item">
 | |
|                 <a class="short_color_transition" href="/admin/npc/{{npc['id']}}" title="Cliquez ici pour gérer le personnage « {{npc['name']}} »">{{npc['name']}}</a>
 | |
|             </li>
 | |
|             {%endfor%}
 | |
|         </ul>
 | |
|         <a class="add_npc_link short_color_transition" href="/admin/npc/new" title="Cliquez ici pour créer un nouveau personnage">
 | |
|             <svg class="action_icon short_color_transition" xmlns="http://www.w3.org/2000/svg" viewBox="0 96 960 960">
 | |
|                 <path d="M435 871V622H185v-91h250V281h91v250h250v91H526v249h-91Z"/>
 | |
|             </svg>
 | |
|             Nouveau personnage
 | |
|         </a>
 | |
|     </body>
 | |
| </html>
 |