administration tool
This commit is contained in:
parent
22a21da722
commit
c947acf8bb
81
adminer/index.html
Normal file
81
adminer/index.html
Normal file
@ -0,0 +1,81 @@
|
|||||||
|
<!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>
|
||||||
124
adminer/index.js
Normal file
124
adminer/index.js
Normal file
@ -0,0 +1,124 @@
|
|||||||
|
var app = new Vue({
|
||||||
|
el: '#app',
|
||||||
|
data: {
|
||||||
|
type: 'admin_pass', /* admin_pass or token */
|
||||||
|
password: 'test',
|
||||||
|
loggedin: false,
|
||||||
|
mailerHost: 'https://mailer.jean-cloud.net',
|
||||||
|
//mailerHost: 'http://localhost:8080',
|
||||||
|
//mailerHost: '/api',
|
||||||
|
forms: [],
|
||||||
|
users: [],
|
||||||
|
newUser: '',
|
||||||
|
page:'new_user',
|
||||||
|
newForm: {
|
||||||
|
'content': '{{message}}',
|
||||||
|
'subject': '[contact jean-cloud.net] {{nom|annonyme}} — {{objet}}',
|
||||||
|
'mail': 'contact@jean-cloud.org',
|
||||||
|
'honeypotfield': 'prenom',
|
||||||
|
'timerdelay': 5,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
login: function () {
|
||||||
|
if (!this.type) {
|
||||||
|
console.log('missing type')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if (!this.password) {
|
||||||
|
console.log('missing password')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
this.loggedin = true
|
||||||
|
this.getForms()
|
||||||
|
if ( this.type == 'admin_pass' )
|
||||||
|
this.getUsers()
|
||||||
|
},
|
||||||
|
logout: function () {
|
||||||
|
this.type = 'token'
|
||||||
|
this.password = null
|
||||||
|
this.loggedin = false
|
||||||
|
},
|
||||||
|
getForms: function () {
|
||||||
|
fetch(this.mailerHost + '/form/list', {
|
||||||
|
method: 'POST',
|
||||||
|
body: this.type + '=' + this.password
|
||||||
|
})
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(data => {
|
||||||
|
if (data.status != 'success')
|
||||||
|
console.error('getForms error: '+data.msg)
|
||||||
|
else
|
||||||
|
this.forms = data.data
|
||||||
|
})
|
||||||
|
.catch((error) => {
|
||||||
|
console.error(error)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getUsers: function () {
|
||||||
|
fetch(this.mailerHost + '/user/list', {
|
||||||
|
method: 'POST',
|
||||||
|
body: this.type + '=' + this.password
|
||||||
|
})
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(data => {
|
||||||
|
if (data.status != 'success')
|
||||||
|
console.error('getForms error: '+data.msg)
|
||||||
|
else
|
||||||
|
this.users = data.data
|
||||||
|
})
|
||||||
|
.catch((error) => {
|
||||||
|
console.error(error)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
addForm: function () {
|
||||||
|
fetch(this.mailerHost + '/form', {
|
||||||
|
method: 'post',
|
||||||
|
body: this.type + '=' + this.password
|
||||||
|
+ '&subject=' + this.newForm.subject
|
||||||
|
+ '&mail=' + this.newForm.mail
|
||||||
|
+ '&content=' + this.newForm.content
|
||||||
|
+ '&honeypotfield=' + this.newForm.honeypotfield
|
||||||
|
+ '&timerdelay=' + this.newForm.timerdelay
|
||||||
|
})
|
||||||
|
.then(data => {
|
||||||
|
console.log(data)
|
||||||
|
this.getForms()
|
||||||
|
})
|
||||||
|
.catch(error => {
|
||||||
|
console.log(error)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
addUser: function () {
|
||||||
|
if (!this.newUser) {
|
||||||
|
console.log('need username')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
fetch(this.mailerHost + '/user/' + this.newUser, {
|
||||||
|
method: 'put',
|
||||||
|
body: this.type + '=' + this.password
|
||||||
|
})
|
||||||
|
.then(data => {
|
||||||
|
this.newUser = ''
|
||||||
|
this.getUsers()
|
||||||
|
})
|
||||||
|
.catch((error) => {
|
||||||
|
console.error(error)
|
||||||
|
})
|
||||||
|
|
||||||
|
},
|
||||||
|
deleteForm: function (formId) {
|
||||||
|
fetch(this.mailerHost + '/form/' + formId, {
|
||||||
|
method: 'delete',
|
||||||
|
body: this.type + '=' + this.password
|
||||||
|
})
|
||||||
|
.then(data => {
|
||||||
|
console.log(data)
|
||||||
|
this.getForms()
|
||||||
|
})
|
||||||
|
.catch((error) => {
|
||||||
|
console.error(error)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
})
|
||||||
11965
adminer/vue.js
Normal file
11965
adminer/vue.js
Normal file
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue
Block a user