From dfda842c7b179baec3bc80212d0ab9cf7a56ecc6 Mon Sep 17 00:00:00 2001
From: Janis Hutz <development@janishutz.com>
Date: Thu, 10 Aug 2023 12:23:26 +0200
Subject: [PATCH] password reset preparations done

---
 .../src/components/notifications/popups.vue   | 12 +++
 src/webapp/main/src/router/mainRoutes.js      |  9 +++
 .../main/src/views/admin/PluginsView.vue      |  3 +-
 .../main/src/views/admin/SettingsView.vue     | 80 +++++++++++--------
 .../main/src/views/user/PasswordResetView.vue | 42 ++++++++++
 5 files changed, 112 insertions(+), 34 deletions(-)
 create mode 100644 src/webapp/main/src/views/user/PasswordResetView.vue

diff --git a/src/webapp/main/src/components/notifications/popups.vue b/src/webapp/main/src/components/notifications/popups.vue
index b516e2f..9188a28 100644
--- a/src/webapp/main/src/components/notifications/popups.vue
+++ b/src/webapp/main/src/components/notifications/popups.vue
@@ -64,6 +64,9 @@
                             <button @click="closePopup( 'cancel' )" title="Cancel changes">Cancel</button>
                         </div>
                     </div>
+                    <div v-else-if="contentType === 'iframe'" class="options iframe-wrapper">
+                        <iframe :src="data.options.link" frameborder="0" class="popup-iframe"></iframe>
+                    </div>
                 </div>
             </div>
         </div>
@@ -193,6 +196,15 @@
         background-color: var( --popup-color );
     }
 
+    .popup-iframe {
+        width: 100%;
+        height: 100%;
+    }
+
+    .iframe-wrapper {
+        height: 100%;
+    }
+
     .small {
         width: 40%;
         height: 40%;
diff --git a/src/webapp/main/src/router/mainRoutes.js b/src/webapp/main/src/router/mainRoutes.js
index 8e96fa3..ad92f1c 100644
--- a/src/webapp/main/src/router/mainRoutes.js
+++ b/src/webapp/main/src/router/mainRoutes.js
@@ -116,6 +116,15 @@ export default [
             transition: 'scale'
         }
     },
+    {
+        path: '/password-reset',
+        name: 'passwordReset',
+        component: () => import( '@/views/user/PasswordResetView.vue' ),
+        meta: {
+            title: 'Reset password - ',
+            transition: 'scale'
+        }
+    },
     {
         path: '/guest',
         name: 'guestPurchase',
diff --git a/src/webapp/main/src/views/admin/PluginsView.vue b/src/webapp/main/src/views/admin/PluginsView.vue
index 50af34a..d525352 100644
--- a/src/webapp/main/src/views/admin/PluginsView.vue
+++ b/src/webapp/main/src/views/admin/PluginsView.vue
@@ -10,8 +10,9 @@
 <template>
     <div>
         <h2>Plugins</h2>
-        <p>Here you can manage installed plugins and install more</p>
+        <p>Here you can manage installed plugins. If you want to install more plugins, please follow the guide <a href="https://librevent.janishutz.com/docs/plugins/install">here</a></p>
         <div class="bigButtons"></div>
+        <!-- TODO: Get all installed plugins -->
     </div>
 </template>
 
diff --git a/src/webapp/main/src/views/admin/SettingsView.vue b/src/webapp/main/src/views/admin/SettingsView.vue
index bc4caa5..c88c770 100644
--- a/src/webapp/main/src/views/admin/SettingsView.vue
+++ b/src/webapp/main/src/views/admin/SettingsView.vue
@@ -25,6 +25,7 @@
 
         <div class="admin-settings">
             <h2>Admin Accounts</h2>
+            <button @click="createAccount()">Create new account</button>
             <p>Before setting or editing permissions here, please read the corresponding section of the documentation <a href="https://libreevent.janishutz.com/docs/admin-panel/settings/admin-accounts#permissions" target="_blank">here</a>.
             <br>Usually, the permissions automatically set by the system on account creation should be appropriate.</p>
             <div v-for="account in adminAccounts" class="account" @click="showAccountSettings( account.username );" title="Edit permissions of this account (right click for more options)" @contextmenu="( e ) => { e.preventDefault(); openRightClickMenu( account.username, e ); }">
@@ -85,9 +86,16 @@
                         'type': 'toggle',
                     },
                     'phoneNumberRequired': { 
-                        'display': 'Require user to provide address?', 
+                        'display': 'Require user to provide phone number?', 
                         'id': 'phoneNumberRequired', 
-                        'tooltip':'With this toggle you may specify whether or not a user has to provide their address when purchasing something. (Keep GDPR in mind when processing data!)', 
+                        'tooltip':'With this toggle you may specify whether or not a user has to provide their phone number when purchasing something. (Keep GDPR in mind when processing data!)', 
+                        'value': false,
+                        'type': 'toggle',
+                    },
+                    'dobRequired': { 
+                        'display': 'Require user to provide their birth date?', 
+                        'id': 'dobRequired', 
+                        'tooltip':'With this toggle you may specify whether or not a user has to provide their date of birth when purchasing something. (Keep GDPR in mind when processing data!)', 
                         'value': false,
                         'type': 'toggle',
                     },
@@ -154,40 +162,46 @@
             },
             showPaymentSettings () {
                 this.$refs.popup.openPopup( 'Payment gateway settings', {
+                    'link': '/payments/settings',
+                }
+            , 'iframe' );
+            },
+            createAccount() {
+                this.$refs.popup.openPopup( 'Create new admin user', {
                     'pagesSettings': { 
-                        'display': 'Modify pages', 
-                        'id': 'pagesSettings', 
-                        'tooltip':'Change this setting to allow or disallow the selected user to access and change any settings of pages like the start page.', 
-                        'value': false,
-                        'type': 'toggle',
+                        'display': 'Modify pages',
+                        'id': 'pagesSettings',
+                        'tooltip':'With this setting you can choose one of the preset permissions for users. Account management is only allowed for the root user.', 
+                        'value': 'eventManager',
+                        'type': 'select',
+                        'restrictions': {
+                            'fullAccess': { 
+                                'value': 'fullAccess',
+                                'displayName': 'Full Access'
+                            },
+                            'eventManager': { 
+                                'value': 'eventManager',
+                                'displayName': 'Event Manager'
+                            },
+                            'entryControl': { 
+                                'value': 'entryControl',
+                                'displayName': 'Entry Control'
+                            }
+                        }
                     },
-                    'locationsSettings': { 
-                        'display': 'Location settings and seat plans', 
-                        'id': 'locationsSettings', 
-                        'tooltip':'Change this setting to allow or disallow the selected user to modify, delete or create locations with their corresponding seat plans.', 
-                        'value': false,
-                        'type': 'toggle',
+                    'username': { 
+                        'display': 'Username', 
+                        'id': 'username', 
+                        'tooltip':'Add a username for this user', 
+                        'value': '',
+                        'type': 'text',
                     },
-                    'plugins': { 
-                        'display': 'Plugin management', 
-                        'id': 'plugins', 
-                        'tooltip':'Change this setting to allow or disallow the selected user to install or uninstall plugins. Some plugins might allow you to set extra permissions inside of their settings panels', 
-                        'value': false,
-                        'type': 'toggle',
-                    },
-                    'events': { 
-                        'display': 'Event management', 
-                        'id': 'events', 
-                        'tooltip':'Change this setting to allow or disallow the selected user to install or uninstall plugins. Some plugins might allow you to set extra permissions inside of their settings panels', 
-                        'value': false,
-                        'type': 'toggle',
-                    },
-                    'entryControl': { 
-                        'display': 'Entry control', 
-                        'id': 'entryControl', 
-                        'tooltip':'Change this setting to allow or disallow the selected user to execute entry control at the entrance to your event location.', 
-                        'value': true,
-                        'type': 'toggle',
+                    'email': { 
+                        'display': 'Email', 
+                        'id': 'email', 
+                        'tooltip':'Add an email-address for this user', 
+                        'value': '',
+                        'type': 'text',
                     },
                 }
             , 'settings' );
diff --git a/src/webapp/main/src/views/user/PasswordResetView.vue b/src/webapp/main/src/views/user/PasswordResetView.vue
new file mode 100644
index 0000000..51c019d
--- /dev/null
+++ b/src/webapp/main/src/views/user/PasswordResetView.vue
@@ -0,0 +1,42 @@
+<!--
+*				libreevent - PasswordResetView.vue
+*
+*	Created by Janis Hutz 08/10/2023, Licensed under the GPL V3 License
+*			https://janishutz.com, development@janishutz.com
+*
+*
+-->
+
+<template>
+    <div>
+        <h1>Password Reset</h1>
+        <p>Please enter the email address connected to your account to begin the password reset process.</p>
+        <input type="email" v-model="email"><br>
+        <button @click="reset()">Reset</button>
+        <notifications ref="notification" location="topright" size="bigger"></notifications>
+    </div>
+</template>
+
+<script>
+    import notifications from '@/components/notifications/notifications.vue';
+
+    export default {
+        data () {
+            return {
+                email: '',
+            }
+        },
+        components: {
+            notifications,
+        },
+        methods: {
+            reset() {
+                const startNotification = this.$refs.notification.createNotification( 'Starting password reset', 20, 'progress', 'normal' );
+                this.$refs.notification.cancelNotification( startNotification );
+                this.$refs.notification.createNotification( 'An account with this email address does not exist.', 5, 'error', 'normal' );
+                this.$refs.notification.cancelNotification( startNotification );
+                this.$refs.notification.createNotification( 'Password reset email sent. Please follow the instructions given there.', 30, 'ok', 'normal' );
+            }
+        }
+    }
+</script>
\ No newline at end of file