traductions, sentry, form, mariadb, assets

assets/app-bootstrap.js

@@ -0,0 +1 @@
+import 'bootstrap';

assets/app.js

@@ -0,0 +1,12 @@
+/*
+ * Welcome to your app's main JavaScript file!
+ *
+ * We recommend including the built version of this JavaScript file
+ * (and its CSS file) in your base layout (base.html.twig).
+ */
+
+// any CSS you import will output into a single css file (app.css in this case)
+import './styles/app.scss';
+
+// start the Stimulus application
+import './bootstrap';

assets/bootstrap.js

@@ -0,0 +1,11 @@
+import { startStimulusApp } from '@symfony/stimulus-bridge';
+
+// Registers Stimulus controllers from controllers.json and in the controllers/ directory
+export const app = startStimulusApp(require.context(
+    '@symfony/stimulus-bridge/lazy-controller-loader!./controllers',
+    true,
+    /\.[jt]sx?$/
+));
+
+// register any custom, 3rd party controllers here
+// app.register('some_controller_name', SomeImportedController);

assets/controllers.json

@@ -0,0 +1,4 @@
+{
+    "controllers": [],
+    "entrypoints": []
+}

assets/controllers/hello_controller.js

@@ -0,0 +1,16 @@
+import { Controller } from '@hotwired/stimulus';
+
+/*
+ * This is an example Stimulus controller!
+ *
+ * Any element with a data-controller="hello" attribute will cause
+ * this controller to be executed. The name "hello" comes from the filename:
+ * hello_controller.js -> "hello"
+ *
+ * Delete this file or adapt it for your use!
+ */
+export default class extends Controller {
+    connect() {
+        this.element.textContent = 'Hello Stimulus! Edit me in assets/controllers/hello_controller.js';
+    }
+}

assets/styles/app.scss

@@ -0,0 +1,34 @@
+body{
+    min-height: 50vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.wrapper{
+    display :flex;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+
+}
+form{
+    border: 1px solid grey;
+    border-radius: 5px;
+    padding: 15px;
+    display:flex;
+    flex-direction: column;
+}
+.form-error{
+    color: red;
+}
+
+.lang{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    .flag{
+        width: 200px;
+        height: auto;
+        margin: 5px;
+    }
+}

assets/styles/bootstrap.scss

@@ -0,0 +1 @@
+@import '~bootstrap/scss/bootstrap';