setup almost complete without saving

This commit is contained in:
2023-08-29 16:51:24 +02:00
parent 466a4fbd8b
commit 6ac4fd9cda
4 changed files with 38 additions and 21 deletions

View File

@@ -1,11 +1,11 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title> <title>Document</title>
</head> </head>
<body> <body>
<h1>Test</h1> <h1>Test</h1>
</body> </body>
</html> </html>

View File

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>

View File

@@ -16,7 +16,7 @@
<h2>General information</h2> <h2>General information</h2>
<label for="name">Name of the website</label><br> <label for="name">Name of the website</label><br>
<input type="text" name="name" id="name" v-model="websiteName"><br> <input type="text" name="name" id="name" v-model="formData.websiteName"><br>
<h2>Database</h2> <h2>Database</h2>
@@ -30,15 +30,15 @@
</select> </select>
<form v-if="formData.dbType === 'mysql'"> <form v-if="formData.dbType === 'mysql'">
<label for="host">Database host name</label><br> <label for="host">Database host name</label><br>
<input type="url" name="host" id="host"><br> <input type="url" name="host" id="host" v-model="formData.db.host"><br>
<label for="database">Database name</label><br> <label for="database">Database name</label><br>
<input type="text" name="database" id="database"><br> <input type="text" name="database" id="database" v-model="formData.db.database"><br>
<label for="user">Database user</label><br> <label for="user">Database user</label><br>
<input type="text" name="user" id="user"><br> <input type="text" name="user" id="user" v-model="formData.db.user"><br>
<label for="password">Password</label><br> <label for="password">Password</label><br>
<input type="password" name="password" id="password"><br> <input type="password" name="password" id="password" v-model="formData.db.password"><br>
<label for="port">Database port (default usually fine)</label><br> <label for="port">Database port (default usually fine)</label><br>
<input type="number" name="port" id="port" min="1" value="3306" max="65535"><br> <input type="number" name="port" id="port" min="1" max="65535" v-model="formData.db.port"><br>
</form> </form>
<h2>Email</h2> <h2>Email</h2>
<p>An email address is required for libreevent to send out mails to users automatically, including their ticket and, in case Two-Factor-Authentication is enabled, <p>An email address is required for libreevent to send out mails to users automatically, including their ticket and, in case Two-Factor-Authentication is enabled,
@@ -49,13 +49,13 @@
Note that you can customize how the sender of the mail appears down below in the display section.</p> Note that you can customize how the sender of the mail appears down below in the display section.</p>
<form> <form>
<label for="host">SMTP Server</label><br> <label for="host">SMTP Server</label><br>
<input type="url" name="host" id="host"><br> <input type="url" name="host" id="host" v-model="formData.email.host"><br>
<label for="port">SMTP Port (default usually fine)</label><br> <label for="port">SMTP Port (default usually fine)</label><br>
<input type="number" name="port" id="port" value="587" min="1" max="65535"><br> <input type="number" name="port" id="port" min="1" max="65535" v-model="formData.email.port"><br>
<label for="user">Email account name</label><br> <label for="user">Email account name</label><br>
<input type="email" name="user" id="user"><br> <input type="email" name="user" id="user" v-model="formData.email.user"><br>
<label for="pass">Password</label><br> <label for="pass">Password</label><br>
<input type="password" name="pass" id="pass"><br> <input type="password" name="pass" id="pass" v-model="formData.email.pass"><br>
</form> </form>
<h3>Display</h3> <h3>Display</h3>
<p>Here you can adjust how the email sender appears to the customer. This also means, that the email address shown below might receive a response if <p>Here you can adjust how the email sender appears to the customer. This also means, that the email address shown below might receive a response if
@@ -64,9 +64,9 @@
</p> </p>
<form> <form>
<label for="display">Display name (what is shown to user in from field)</label><br> <label for="display">Display name (what is shown to user in from field)</label><br>
<input type="url" name="display" id="display"><br> <input type="url" name="display" id="display" v-model="formData.display"><br>
<label for="dpEmail">Email address to show</label><br> <label for="dpEmail">Email address to show</label><br>
<input type="text" name="dpEmail" id="dpEmail"><br> <input type="text" name="dpEmail" id="dpEmail" v-model="formData.dpEmail"><br>
</form> </form>
<button @click="submit()" class="button">Continue</button> <button @click="submit()" class="button">Continue</button>
</div> </div>
@@ -88,7 +88,13 @@
return { return {
formData: { formData: {
'dbType': 'mysql', 'dbType': 'mysql',
'db': {
'port': 3306,
},
'email': {
'port': 587
},
'websiteName': 'libreevent',
}, },
} }
}, },