Merge branch 'export'

2020-08-19 02:37:00 +02:00
parent 8ccd7f6058
commit 88b6eb56ae
19 changed files with 300 additions and 124 deletions
@@ -0,0 +1,81 @@
+package be.simplenotes.app.views
+
+import be.simplenotes.app.extensions.summary
+import be.simplenotes.app.utils.StaticFileResolver
+import be.simplenotes.app.views.components.Alert
+import be.simplenotes.app.views.components.alert
+import be.simplenotes.app.views.components.input
+import be.simplenotes.domain.security.JwtPayload
+import io.konform.validation.ValidationError
+import kotlinx.html.*
+import kotlinx.html.ButtonType.submit
+
+class SettingView(staticFileResolver: StaticFileResolver) : View(staticFileResolver) {
+
+    fun settings(
+        jwtPayload: JwtPayload,
+        error: String? = null,
+        validationErrors: List<ValidationError> = emptyList(),
+    ) = renderPage("Settings", jwtPayload = jwtPayload) {
+        div("container mx-auto") {
+
+            section("m-4 p-4 bg-gray-800 rounded") {
+                h1("text-xl") {
+                    +"Welcome "
+                    span("text-teal-200 font-semibold") { +jwtPayload.username }
+                }
+            }
+
+            section("m-4 p-4 bg-gray-800 rounded") {
+                p(classes = "mb-4") {
+                    +"Export all my data"
+                }
+
+                form(method = FormMethod.post, action = "/export") {
+                    button(classes = "btn btn-teal block", type = submit) { +"Export my data" }
+                }
+            }
+
+            section(classes = "m-4 p-4 bg-gray-800 rounded") {
+                h2(classes = "mb-4 text-red-600 text-lg font-semibold") {
+                    +"Delete my account"
+                }
+
+                error?.let { alert(Alert.Warning, error) }
+
+                details {
+
+                    if (error != null || validationErrors.isNotEmpty()) {
+                        attributes["open"] = ""
+                    }
+
+                    summary {
+                        span(classes = "mb-4 font-semibold underline") {
+                            +"Are you sure? "
+                            +"You are about to delete this user, and this process is irreversible !"
+                        }
+                    }
+
+                    form(classes = "mt-4", method = FormMethod.post) {
+                        input(
+                            id = "password",
+                            placeholder = "Password",
+                            autoComplete = "off",
+                            type = InputType.password,
+                            error = validationErrors.find { it.dataPath == ".password" }?.message
+                        )
+                        checkBoxInput(name = "checked") {
+                            attributes["required"] = ""
+                            +" Do you want to proceed ?"
+                        }
+                        button(
+                            type = submit,
+                            classes = "block mt-4 btn btn-red",
+                            name = "delete"
+                        ) { +"I'm sure" }
+                    }
+                }
+            }
+        }
+    }
+}