82 lines
3.6 KiB
HTML
82 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<link rel="stylesheet" src="style.css" />
|
||
<title>Contact mailer admin interface</title>
|
||
<meta charset="utf-8" />
|
||
</head>
|
||
|
||
<body>
|
||
<main id="app">
|
||
<section>
|
||
<h3>Athentification</h3>
|
||
<div v-if="!loggedin" class="loginform">
|
||
<form v-on:submit.prevent="login">
|
||
<select v-model="type">
|
||
<option value="token">Utilisateur</option>
|
||
<option value="admin_pass">Administrateur</option>
|
||
</select>
|
||
<input type="password" v-model="password" />
|
||
<input type="submit" value="connect" />
|
||
</form>
|
||
</div>
|
||
<div v-else="">
|
||
<p>Connecté en tant que {{ type }}</p>
|
||
<button v-on:click="logout">Se déconnecter</button>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<div v-if="loggedin && type=='admin_pass'">
|
||
<h3>Utilisateurices</h3>
|
||
<form v-on:submit.prevent="addUser">
|
||
<input type="text" v-model="newUser" />
|
||
<input type="submit" />
|
||
</form>
|
||
<button v-on:click="getUsers">Rafraichir les utilisateurs</button>
|
||
<ul>
|
||
<li v-for="user in users">{{user.token}} — {{user.username}}</li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
<section>
|
||
<h3>Formulaires</h3>
|
||
<button v-on:click="getForms">Rafraichir les formulaires</button>
|
||
<ul>
|
||
<li v-for="form in forms">
|
||
<div>À {{form.mail}}</div>
|
||
<div>Objet {{form.subject}}</div>
|
||
<div>{{form.content}}</div>
|
||
<div>{{form.token}} — {{form.honeypotfield}} — {{form.timerdelay}}</div>
|
||
<button v-on:click="deleteForm(form.token)">Supprimer</button>
|
||
</li>
|
||
</ul>
|
||
|
||
<div v-if="page=='new_user'">
|
||
<form v-on:submit.prevent="addForm">
|
||
<label for="mail">Mail :</label>
|
||
<input v-model="newForm.mail" type="text" name="mail" id="mail" />
|
||
<br />
|
||
<label for="content">Contenu :</label>
|
||
<textarea v-model="newForm.content" name="content" id="content">
|
||
</textarea>
|
||
<br />
|
||
<label for="subject">Objet :</label>
|
||
<input v-model="newForm.subject" type="text" name="subject" id="subject" />
|
||
<br />
|
||
<label for="honeypot">Honeypot (ne pas toucher) :</label>
|
||
<input v-model="newForm.honeypotfield" type="text" name="honeypot" id="honeypot" />
|
||
<br />
|
||
<label for="timerdelay">Timer delay :</label>
|
||
<input v-model="newForm.timerdelay" type="number" name="timerdelay" id="timerdelay" />
|
||
<br />
|
||
<input type="submit" />
|
||
</form>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
<script src="./vue.js"></script>
|
||
<script src="./index.js"></script>
|
||
</body>
|
||
</html>
|