refactor views

Author: binarycodes

package-lock.json

@@ -0,0 +1,165 @@
+{
+  "name": "no-name",
+  "license": "UNLICENSED",
+  "type": "module",
+  "dependencies": {
+    "@polymer/polymer": "3.5.2",
+    "@vaadin/bundles": "24.8.4",
+    "@vaadin/common-frontend": "0.0.19",
+    "@vaadin/polymer-legacy-adapter": "24.8.4",
+    "@vaadin/react-components": "24.8.4",
+    "@vaadin/vaadin-development-mode-detector": "2.0.7",
+    "@vaadin/vaadin-lumo-styles": "24.8.4",
+    "@vaadin/vaadin-material-styles": "24.8.4",
+    "@vaadin/vaadin-themable-mixin": "24.8.4",
+    "@vaadin/vaadin-usage-statistics": "2.1.3",
+    "construct-style-sheets-polyfill": "3.1.0",
+    "date-fns": "2.29.3",
+    "lit": "3.3.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-router": "7.6.1"
+  },
+  "devDependencies": {
+    "@babel/preset-react": "7.27.1",
+    "@preact/signals-react-transform": "0.5.1",
+    "@rollup/plugin-replace": "6.0.2",
+    "@rollup/pluginutils": "5.1.4",
+    "@types/react": "18.3.23",
+    "@types/react-dom": "18.3.7",
+    "@vitejs/plugin-react": "4.5.0",
+    "async": "3.2.6",
+    "glob": "11.0.2",
+    "magic-string": "0.30.17",
+    "rollup-plugin-brotli": "3.1.0",
+    "rollup-plugin-visualizer": "5.14.0",
+    "strip-css-comments": "5.0.0",
+    "transform-ast": "2.4.4",
+    "typescript": "5.8.3",
+    "vite": "6.3.5",
+    "vite-plugin-checker": "0.9.3",
+    "workbox-build": "7.3.0",
+    "workbox-core": "7.3.0",
+    "workbox-precaching": "7.3.0"
+  },
+  "vaadin": {
+    "dependencies": {
+      "@polymer/polymer": "3.5.2",
+      "@vaadin/bundles": "24.8.4",
+      "@vaadin/common-frontend": "0.0.19",
+      "@vaadin/polymer-legacy-adapter": "24.8.4",
+      "@vaadin/react-components": "24.8.4",
+      "@vaadin/vaadin-development-mode-detector": "2.0.7",
+      "@vaadin/vaadin-lumo-styles": "24.8.4",
+      "@vaadin/vaadin-material-styles": "24.8.4",
+      "@vaadin/vaadin-themable-mixin": "24.8.4",
+      "@vaadin/vaadin-usage-statistics": "2.1.3",
+      "construct-style-sheets-polyfill": "3.1.0",
+      "date-fns": "2.29.3",
+      "lit": "3.3.0",
+      "react": "18.3.1",
+      "react-dom": "18.3.1",
+      "react-router": "7.6.1"
+    },
+    "devDependencies": {
+      "@babel/preset-react": "7.27.1",
+      "@preact/signals-react-transform": "0.5.1",
+      "@rollup/plugin-replace": "6.0.2",
+      "@rollup/pluginutils": "5.1.4",
+      "@types/react": "18.3.23",
+      "@types/react-dom": "18.3.7",
+      "@vitejs/plugin-react": "4.5.0",
+      "async": "3.2.6",
+      "glob": "11.0.2",
+      "magic-string": "0.30.17",
+      "rollup-plugin-brotli": "3.1.0",
+      "rollup-plugin-visualizer": "5.14.0",
+      "strip-css-comments": "5.0.0",
+      "transform-ast": "2.4.4",
+      "typescript": "5.8.3",
+      "vite": "6.3.5",
+      "vite-plugin-checker": "0.9.3",
+      "workbox-build": "7.3.0",
+      "workbox-core": "7.3.0",
+      "workbox-precaching": "7.3.0"
+    },
+    "hash": "9aa687e4330807d7cec53bdf3fa017fae6f7003401b619efb6cde902fd9fabd3"
+  },
+  "overrides": {
+    "@vaadin/bundles": "$@vaadin/bundles",
+    "@vaadin/polymer-legacy-adapter": "$@vaadin/polymer-legacy-adapter",
+    "@vaadin/vaadin-development-mode-detector": "$@vaadin/vaadin-development-mode-detector",
+    "@vaadin/vaadin-usage-statistics": "$@vaadin/vaadin-usage-statistics",
+    "@vaadin/react-components": "$@vaadin/react-components",
+    "@vaadin/common-frontend": "$@vaadin/common-frontend",
+    "react-dom": "$react-dom",
+    "construct-style-sheets-polyfill": "$construct-style-sheets-polyfill",
+    "lit": "$lit",
+    "@polymer/polymer": "$@polymer/polymer",
+    "react": "$react",
+    "react-router": "$react-router",
+    "date-fns": "$date-fns",
+    "@vaadin/vaadin-themable-mixin": "$@vaadin/vaadin-themable-mixin",
+    "@vaadin/vaadin-lumo-styles": "$@vaadin/vaadin-lumo-styles",
+    "@vaadin/vaadin-material-styles": "$@vaadin/vaadin-material-styles",
+    "@vaadin/a11y-base": "24.8.4",
+    "@vaadin/accordion": "24.8.4",
+    "@vaadin/app-layout": "24.8.4",
+    "@vaadin/avatar": "24.8.4",
+    "@vaadin/avatar-group": "24.8.4",
+    "@vaadin/button": "24.8.4",
+    "@vaadin/card": "24.8.4",
+    "@vaadin/checkbox": "24.8.4",
+    "@vaadin/checkbox-group": "24.8.4",
+    "@vaadin/combo-box": "24.8.4",
+    "@vaadin/component-base": "24.8.4",
+    "@vaadin/confirm-dialog": "24.8.4",
+    "@vaadin/context-menu": "24.8.4",
+    "@vaadin/custom-field": "24.8.4",
+    "@vaadin/date-picker": "24.8.4",
+    "@vaadin/date-time-picker": "24.8.4",
+    "@vaadin/details": "24.8.4",
+    "@vaadin/dialog": "24.8.4",
+    "@vaadin/email-field": "24.8.4",
+    "@vaadin/field-base": "24.8.4",
+    "@vaadin/field-highlighter": "24.8.4",
+    "@vaadin/form-layout": "24.8.4",
+    "@vaadin/grid": "24.8.4",
+    "@vaadin/horizontal-layout": "24.8.4",
+    "@vaadin/icon": "24.8.4",
+    "@vaadin/icons": "24.8.4",
+    "@vaadin/input-container": "24.8.4",
+    "@vaadin/integer-field": "24.8.4",
+    "@vaadin/item": "24.8.4",
+    "@vaadin/list-box": "24.8.4",
+    "@vaadin/lit-renderer": "24.8.4",
+    "@vaadin/login": "24.8.4",
+    "@vaadin/markdown": "24.8.4",
+    "@vaadin/master-detail-layout": "24.8.4",
+    "@vaadin/menu-bar": "24.8.4",
+    "@vaadin/message-input": "24.8.4",
+    "@vaadin/message-list": "24.8.4",
+    "@vaadin/multi-select-combo-box": "24.8.4",
+    "@vaadin/notification": "24.8.4",
+    "@vaadin/number-field": "24.8.4",
+    "@vaadin/overlay": "24.8.4",
+    "@vaadin/password-field": "24.8.4",
+    "@vaadin/popover": "24.8.4",
+    "@vaadin/progress-bar": "24.8.4",
+    "@vaadin/radio-group": "24.8.4",
+    "@vaadin/scroller": "24.8.4",
+    "@vaadin/select": "24.8.4",
+    "@vaadin/side-nav": "24.8.4",
+    "@vaadin/split-layout": "24.8.4",
+    "@vaadin/tabs": "24.8.4",
+    "@vaadin/tabsheet": "24.8.4",
+    "@vaadin/text-area": "24.8.4",
+    "@vaadin/text-field": "24.8.4",
+    "@vaadin/time-picker": "24.8.4",
+    "@vaadin/tooltip": "24.8.4",
+    "@vaadin/upload": "24.8.4",
+    "@vaadin/router": "2.0.0",
+    "@vaadin/vertical-layout": "24.8.4",
+    "@vaadin/virtual-list": "24.8.4"
+  }
+}

package.json

@@ -53,6 +53,10 @@
             <groupId>org.springframework.boot</groupId>
             <artifactId>spring-boot-starter-oauth2-client</artifactId>
         </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+        </dependency>
         <dependency>
             <groupId>org.springframework.boot</groupId>
             <artifactId>spring-boot-devtools</artifactId>

pom.xml

@@ -0,0 +1,32 @@
+This directory is automatically generated by Vaadin and contains the pre-compiled 
+frontend files/resources for your project (frontend development bundle).
+
+It should be added to Version Control System and committed, so that other developers
+do not have to compile it again.
+
+Frontend development bundle is automatically updated when needed:
+- an npm/pnpm package is added with @NpmPackage or directly into package.json
+- CSS, JavaScript or TypeScript files are added with @CssImport, @JsModule or @JavaScript
+- Vaadin add-on with front-end customizations is added
+- Custom theme imports/assets added into 'theme.json' file
+- Exported web component is added.
+
+If your project development needs a hot deployment of the frontend changes, 
+you can switch Flow to use Vite development server (default in Vaadin 23.3 and earlier versions):
+- set `vaadin.frontend.hotdeploy=true` in `application.properties`
+- configure `vaadin-maven-plugin`:
+```
+   <configuration>
+       <frontendHotdeploy>true</frontendHotdeploy>
+   </configuration>
+```
+- configure `jetty-maven-plugin`:
+```
+   <configuration>
+       <systemProperties>
+           <vaadin.frontend.hotdeploy>true</vaadin.frontend.hotdeploy>
+       </systemProperties>
+   </configuration>
+```
+
+Read more [about Vaadin development mode](https://vaadin.com/docs/next/flow/configuration/development-mode#precompiled-bundle).

src/main/bundles/README.md

@@ -0,0 +1,11 @@
+:root {
+    --vaadin-dashboard-padding: 0;
+}
+
+.gap-none {
+    gap: 0;
+}
+
+.p-none {
+    padding: 0;
+}