Creates signup form

This commit is contained in:
Julien Lengrand-Lambert
2022-07-16 15:55:33 +02:00
parent 67727d0e7f
commit 95de43c6fb
6 changed files with 3492 additions and 114 deletions

View File

@@ -11,10 +11,15 @@
"dependencies": {
"@mapbox/mapbox-gl-geocoder": "^5.0.1",
"@vaadin/app-layout": "^23.1.3",
"@vaadin/button": "^23.1.3",
"@vaadin/dialog": "^23.1.4",
"@vaadin/form-layout": "^23.1.4",
"@vaadin/horizontal-layout": "^23.1.3",
"@vaadin/icon": "^23.1.3",
"@vaadin/icons": "^23.1.3",
"@vaadin/password-field": "^23.1.4",
"@vaadin/tabs": "^23.1.3",
"@vaadin/text-field": "^23.1.3",
"@vaadin/text-field": "^23.1.4",
"leaflet": "^1.8.0",
"leaflet-geosearch": "jlengrand/leaflet-geosearch#update",
"lit": "^2.0.2",
@@ -2608,22 +2613,22 @@
}
},
"node_modules/@vaadin/button": {
"version": "23.1.3",
"resolved": "https://registry.npmjs.org/@vaadin/button/-/button-23.1.3.tgz",
"integrity": "sha512-e4MiQ+ZK04sahtx5dY1x3UC8UZUf0rwI4dQX5CDG3Yi+PltAC4Wlb5SNVG/oazivFg7eCdWJN9GHRArkw9PkXw==",
"version": "23.1.4",
"resolved": "https://registry.npmjs.org/@vaadin/button/-/button-23.1.4.tgz",
"integrity": "sha512-RIKl5wdLXfXAgh/6Ld2Goiww5uLR0QLB+In7fWKZmLaK6xByAhsoYeJCjdKjBCA3VwypvWpyy4M2LPdzKjAnzw==",
"dependencies": {
"@open-wc/dedupe-mixin": "^1.3.0",
"@polymer/polymer": "^3.0.0",
"@vaadin/component-base": "^23.1.3",
"@vaadin/vaadin-lumo-styles": "^23.1.3",
"@vaadin/vaadin-material-styles": "^23.1.3",
"@vaadin/vaadin-themable-mixin": "^23.1.3"
"@vaadin/component-base": "^23.1.4",
"@vaadin/vaadin-lumo-styles": "^23.1.4",
"@vaadin/vaadin-material-styles": "^23.1.4",
"@vaadin/vaadin-themable-mixin": "^23.1.4"
}
},
"node_modules/@vaadin/component-base": {
"version": "23.1.3",
"resolved": "https://registry.npmjs.org/@vaadin/component-base/-/component-base-23.1.3.tgz",
"integrity": "sha512-+RBptC6XS6qbsEBouYuqPby4MwOGgLMjAP0eE+yifr29GZm8Pvfnz7703c9IXp2DdcvCBaNDNvPnsAdEpaAl9A==",
"version": "23.1.4",
"resolved": "https://registry.npmjs.org/@vaadin/component-base/-/component-base-23.1.4.tgz",
"integrity": "sha512-qlMY0j2WWuEtVa/XN3yXVPmkrRP6JZ4SqXDpfrOXXmmXPouGPtBkLJ6qskabUyO9BO/pKgiOpVlmWbceu5L5/A==",
"dependencies": {
"@open-wc/dedupe-mixin": "^1.3.0",
"@polymer/polymer": "^3.0.0",
@@ -2632,26 +2637,65 @@
"lit": "^2.0.0"
}
},
"node_modules/@vaadin/field-base": {
"version": "23.1.3",
"resolved": "https://registry.npmjs.org/@vaadin/field-base/-/field-base-23.1.3.tgz",
"integrity": "sha512-rLO6JZj/H/5TtPMLho9U7NmlIHvBe4AtwlEqyjonX7DPw/ThSa2rtt3RKn8CKWTw8Zzgyx00q42CjNsSq2BjPA==",
"node_modules/@vaadin/dialog": {
"version": "23.1.4",
"resolved": "https://registry.npmjs.org/@vaadin/dialog/-/dialog-23.1.4.tgz",
"integrity": "sha512-/gtSq/b7HaVTqpQBhgHW2qxMxH0VhwnUGuy1ykYYsd40y+A6leVHSzs3I37gsBbyXThw39dAvpq+uE/PLJf5Xg==",
"dependencies": {
"@open-wc/dedupe-mixin": "^1.3.0",
"@polymer/polymer": "^3.0.0",
"@vaadin/component-base": "^23.1.3",
"@vaadin/component-base": "^23.1.4",
"@vaadin/lit-renderer": "^23.1.4",
"@vaadin/vaadin-lumo-styles": "^23.1.4",
"@vaadin/vaadin-material-styles": "^23.1.4",
"@vaadin/vaadin-overlay": "^23.1.4",
"@vaadin/vaadin-themable-mixin": "^23.1.4"
}
},
"node_modules/@vaadin/field-base": {
"version": "23.1.4",
"resolved": "https://registry.npmjs.org/@vaadin/field-base/-/field-base-23.1.4.tgz",
"integrity": "sha512-lRJIyKcAKUPj5VIKWy0jyVZuUxWsBETiOEdBc4yQZVlSPCIdSu+LXUUIUychbzRlF8fDFxk/NRIaH/IYG4McCg==",
"dependencies": {
"@open-wc/dedupe-mixin": "^1.3.0",
"@polymer/polymer": "^3.0.0",
"@vaadin/component-base": "^23.1.4",
"lit": "^2.0.0"
}
},
"node_modules/@vaadin/icon": {
"node_modules/@vaadin/form-layout": {
"version": "23.1.4",
"resolved": "https://registry.npmjs.org/@vaadin/form-layout/-/form-layout-23.1.4.tgz",
"integrity": "sha512-jlITymNzINZqCW9tV1rC2TdE38GmCWkbi54J2wkNWtfAlhrASOQhyL0iBnfmOPbL87c5J8LSAfGGblNThTFEEA==",
"dependencies": {
"@polymer/polymer": "^3.0.0",
"@vaadin/component-base": "^23.1.4",
"@vaadin/vaadin-lumo-styles": "^23.1.4",
"@vaadin/vaadin-material-styles": "^23.1.4",
"@vaadin/vaadin-themable-mixin": "^23.1.4"
}
},
"node_modules/@vaadin/horizontal-layout": {
"version": "23.1.3",
"resolved": "https://registry.npmjs.org/@vaadin/icon/-/icon-23.1.3.tgz",
"integrity": "sha512-0rMRYKBlHw5T4WNYFYnVX7eLXevsSNhApfzFWr3T1BVVajSBECVe7eCt+jClibhAAbcNzYhAs8SC/rwY17AcOg==",
"resolved": "https://registry.npmjs.org/@vaadin/horizontal-layout/-/horizontal-layout-23.1.3.tgz",
"integrity": "sha512-dhOAlG0oI0UZXwfDLWJZ7D5T8hFxTNnAplJA0BJ52f42HYzgNLuC8nfokfW81gOI/iIVY+d//IU0JFRfKoJTFA==",
"dependencies": {
"@polymer/polymer": "^3.0.0",
"@vaadin/component-base": "^23.1.3",
"@vaadin/vaadin-lumo-styles": "^23.1.3",
"@vaadin/vaadin-themable-mixin": "^23.1.3",
"@vaadin/vaadin-material-styles": "^23.1.3",
"@vaadin/vaadin-themable-mixin": "^23.1.3"
}
},
"node_modules/@vaadin/icon": {
"version": "23.1.4",
"resolved": "https://registry.npmjs.org/@vaadin/icon/-/icon-23.1.4.tgz",
"integrity": "sha512-Av8vfElbKCU3alMlkDtofOccG9V3j9sOhqnPQ39HPfo+omAh1Ee6afXr67Qi7KayhpL4uD6po0PMbof1Xz3Qpw==",
"dependencies": {
"@polymer/polymer": "^3.0.0",
"@vaadin/component-base": "^23.1.4",
"@vaadin/vaadin-lumo-styles": "^23.1.4",
"@vaadin/vaadin-themable-mixin": "^23.1.4",
"lit": "^2.0.0"
}
},
@@ -2667,15 +2711,15 @@
}
},
"node_modules/@vaadin/input-container": {
"version": "23.1.3",
"resolved": "https://registry.npmjs.org/@vaadin/input-container/-/input-container-23.1.3.tgz",
"integrity": "sha512-+PFd8bWbnVy89HmYNc/uvUV4KuxOvFYBBrsmnpKKW5Tc5wzCMa6vCXEyyDxuiVOkFnHU24P7kBSyqia7HHjaTg==",
"version": "23.1.4",
"resolved": "https://registry.npmjs.org/@vaadin/input-container/-/input-container-23.1.4.tgz",
"integrity": "sha512-+C7W/C/pFBFcuLONtPvvJmzXvEI/6YYID9VwpOIigDEvAVI0beJTiM6meHxfUMfxMHwvcUd5Y8hY2r/LOOnXyA==",
"dependencies": {
"@polymer/polymer": "^3.0.0",
"@vaadin/component-base": "^23.1.3",
"@vaadin/vaadin-lumo-styles": "^23.1.3",
"@vaadin/vaadin-material-styles": "^23.1.3",
"@vaadin/vaadin-themable-mixin": "^23.1.3"
"@vaadin/component-base": "^23.1.4",
"@vaadin/vaadin-lumo-styles": "^23.1.4",
"@vaadin/vaadin-material-styles": "^23.1.4",
"@vaadin/vaadin-themable-mixin": "^23.1.4"
}
},
"node_modules/@vaadin/item": {
@@ -2691,6 +2735,26 @@
"@vaadin/vaadin-themable-mixin": "^23.1.3"
}
},
"node_modules/@vaadin/lit-renderer": {
"version": "23.1.4",
"resolved": "https://registry.npmjs.org/@vaadin/lit-renderer/-/lit-renderer-23.1.4.tgz",
"integrity": "sha512-XkF3t/Ya0NK/+2IyXe/iAS2FPkq/v64J70pkB8mneqUncEceitzQW/ODlf3wXx0wwxniPrsOUvYicD3Lhwu4qQ==",
"dependencies": {
"lit": "^2.0.0"
}
},
"node_modules/@vaadin/password-field": {
"version": "23.1.4",
"resolved": "https://registry.npmjs.org/@vaadin/password-field/-/password-field-23.1.4.tgz",
"integrity": "sha512-PkTarFwvLEkLMRsz4niJTDsf+lVmWXfm6UHIE69vbU5s63NUFolEOEyuq8JWYcDICKtvBYQ8uDH4zzpv3N5vmQ==",
"dependencies": {
"@polymer/polymer": "^3.0.0",
"@vaadin/button": "^23.1.4",
"@vaadin/text-field": "^23.1.4",
"@vaadin/vaadin-lumo-styles": "^23.1.4",
"@vaadin/vaadin-material-styles": "^23.1.4"
}
},
"node_modules/@vaadin/tabs": {
"version": "23.1.3",
"resolved": "https://registry.npmjs.org/@vaadin/tabs/-/tabs-23.1.3.tgz",
@@ -2706,17 +2770,17 @@
}
},
"node_modules/@vaadin/text-field": {
"version": "23.1.3",
"resolved": "https://registry.npmjs.org/@vaadin/text-field/-/text-field-23.1.3.tgz",
"integrity": "sha512-oYxJDo5AU+lE+vqY7otvYqnSoXf233/iJKISLF4C/d5pofx/GvnDx2/dSopvJ2OSp1S1mn/CaVPazjBeXY7eLg==",
"version": "23.1.4",
"resolved": "https://registry.npmjs.org/@vaadin/text-field/-/text-field-23.1.4.tgz",
"integrity": "sha512-pMaPR0KLaXb6PB3lscf7jJKRvUnGdB18oOmJKxiYO1vA0q6U8hUbeZ4ba2vGUl+m7hA6t6DbkTB4SBQdRq3tnQ==",
"dependencies": {
"@polymer/polymer": "^3.0.0",
"@vaadin/component-base": "^23.1.3",
"@vaadin/field-base": "^23.1.3",
"@vaadin/input-container": "^23.1.3",
"@vaadin/vaadin-lumo-styles": "^23.1.3",
"@vaadin/vaadin-material-styles": "^23.1.3",
"@vaadin/vaadin-themable-mixin": "^23.1.3"
"@vaadin/component-base": "^23.1.4",
"@vaadin/field-base": "^23.1.4",
"@vaadin/input-container": "^23.1.4",
"@vaadin/vaadin-lumo-styles": "^23.1.4",
"@vaadin/vaadin-material-styles": "^23.1.4",
"@vaadin/vaadin-themable-mixin": "^23.1.4"
}
},
"node_modules/@vaadin/vaadin-development-mode-detector": {
@@ -2735,30 +2799,42 @@
}
},
"node_modules/@vaadin/vaadin-lumo-styles": {
"version": "23.1.3",
"resolved": "https://registry.npmjs.org/@vaadin/vaadin-lumo-styles/-/vaadin-lumo-styles-23.1.3.tgz",
"integrity": "sha512-edfO/By6M8s5tblxj7ze8x2CMgGr0O9ZKPeHatrl+yk1dNZLXKdgCbhZQdQxRrx7GiyVBkim7wDNBkpkWSpdZQ==",
"version": "23.1.4",
"resolved": "https://registry.npmjs.org/@vaadin/vaadin-lumo-styles/-/vaadin-lumo-styles-23.1.4.tgz",
"integrity": "sha512-zZRpMRJ2xjDAX8FhnhclJIo1l+kySGcyJ+SaFVAa2nB85sC1JWdELmZGwSpCS+ZH1ss6lTp3XY5fniRuPO98WQ==",
"dependencies": {
"@polymer/iron-icon": "^3.0.0",
"@polymer/iron-iconset-svg": "^3.0.0",
"@polymer/polymer": "^3.0.0",
"@vaadin/icon": "^23.1.3",
"@vaadin/vaadin-themable-mixin": "^23.1.3"
"@vaadin/icon": "^23.1.4",
"@vaadin/vaadin-themable-mixin": "^23.1.4"
}
},
"node_modules/@vaadin/vaadin-material-styles": {
"version": "23.1.3",
"resolved": "https://registry.npmjs.org/@vaadin/vaadin-material-styles/-/vaadin-material-styles-23.1.3.tgz",
"integrity": "sha512-VPqa/ZxYa8t7tsxCkK+r/SedU413NDexBmDGmnLhn+zGHaL0qgbXQP/te7p8YCHhyEj/bOxwcgyNTFuPNeQb1w==",
"version": "23.1.4",
"resolved": "https://registry.npmjs.org/@vaadin/vaadin-material-styles/-/vaadin-material-styles-23.1.4.tgz",
"integrity": "sha512-GLIMrFbK/jBFg+6LZI3XkVBKqGSzmf/Cd2rIU2+BcpMnOtUNXxe5Ip4WaPgzIJRemSNy1M1eS0GNimSiAS618w==",
"dependencies": {
"@polymer/polymer": "^3.0.0",
"@vaadin/vaadin-themable-mixin": "^23.1.3"
"@vaadin/vaadin-themable-mixin": "^23.1.4"
}
},
"node_modules/@vaadin/vaadin-overlay": {
"version": "23.1.4",
"resolved": "https://registry.npmjs.org/@vaadin/vaadin-overlay/-/vaadin-overlay-23.1.4.tgz",
"integrity": "sha512-RvwgdfSDwYDn63fVVm3jrDcWbR47XX2wMon8lJSc+TQ5C43cDCpyhrjHFzR4BU/LJXCIlZ878wUrJYFZKI5QgQ==",
"dependencies": {
"@polymer/polymer": "^3.0.0",
"@vaadin/component-base": "^23.1.4",
"@vaadin/vaadin-lumo-styles": "^23.1.4",
"@vaadin/vaadin-material-styles": "^23.1.4",
"@vaadin/vaadin-themable-mixin": "^23.1.4"
}
},
"node_modules/@vaadin/vaadin-themable-mixin": {
"version": "23.1.3",
"resolved": "https://registry.npmjs.org/@vaadin/vaadin-themable-mixin/-/vaadin-themable-mixin-23.1.3.tgz",
"integrity": "sha512-xA+p9lfzUWT+Dd0R8CM+bFBI5qqZFbPL5ZjJ3POx3qd9DGgByG+tUvJlkRCEEDykh9SY6knqh0TbRUqOY3ws5A==",
"version": "23.1.4",
"resolved": "https://registry.npmjs.org/@vaadin/vaadin-themable-mixin/-/vaadin-themable-mixin-23.1.4.tgz",
"integrity": "sha512-b91SHVU+E7pWnpJooLDOEyqpGfPVOj+L8wTEpL3GJh/ASi0htenslOtqDodpDiAEpVs4gRlo3ZJRtMzQZ7KsGA==",
"dependencies": {
"@open-wc/dedupe-mixin": "^1.3.0",
"lit": "^2.0.0"
@@ -12341,22 +12417,22 @@
}
},
"@vaadin/button": {
"version": "23.1.3",
"resolved": "https://registry.npmjs.org/@vaadin/button/-/button-23.1.3.tgz",
"integrity": "sha512-e4MiQ+ZK04sahtx5dY1x3UC8UZUf0rwI4dQX5CDG3Yi+PltAC4Wlb5SNVG/oazivFg7eCdWJN9GHRArkw9PkXw==",
"version": "23.1.4",
"resolved": "https://registry.npmjs.org/@vaadin/button/-/button-23.1.4.tgz",
"integrity": "sha512-RIKl5wdLXfXAgh/6Ld2Goiww5uLR0QLB+In7fWKZmLaK6xByAhsoYeJCjdKjBCA3VwypvWpyy4M2LPdzKjAnzw==",
"requires": {
"@open-wc/dedupe-mixin": "^1.3.0",
"@polymer/polymer": "^3.0.0",
"@vaadin/component-base": "^23.1.3",
"@vaadin/vaadin-lumo-styles": "^23.1.3",
"@vaadin/vaadin-material-styles": "^23.1.3",
"@vaadin/vaadin-themable-mixin": "^23.1.3"
"@vaadin/component-base": "^23.1.4",
"@vaadin/vaadin-lumo-styles": "^23.1.4",
"@vaadin/vaadin-material-styles": "^23.1.4",
"@vaadin/vaadin-themable-mixin": "^23.1.4"
}
},
"@vaadin/component-base": {
"version": "23.1.3",
"resolved": "https://registry.npmjs.org/@vaadin/component-base/-/component-base-23.1.3.tgz",
"integrity": "sha512-+RBptC6XS6qbsEBouYuqPby4MwOGgLMjAP0eE+yifr29GZm8Pvfnz7703c9IXp2DdcvCBaNDNvPnsAdEpaAl9A==",
"version": "23.1.4",
"resolved": "https://registry.npmjs.org/@vaadin/component-base/-/component-base-23.1.4.tgz",
"integrity": "sha512-qlMY0j2WWuEtVa/XN3yXVPmkrRP6JZ4SqXDpfrOXXmmXPouGPtBkLJ6qskabUyO9BO/pKgiOpVlmWbceu5L5/A==",
"requires": {
"@open-wc/dedupe-mixin": "^1.3.0",
"@polymer/polymer": "^3.0.0",
@@ -12365,26 +12441,65 @@
"lit": "^2.0.0"
}
},
"@vaadin/field-base": {
"version": "23.1.3",
"resolved": "https://registry.npmjs.org/@vaadin/field-base/-/field-base-23.1.3.tgz",
"integrity": "sha512-rLO6JZj/H/5TtPMLho9U7NmlIHvBe4AtwlEqyjonX7DPw/ThSa2rtt3RKn8CKWTw8Zzgyx00q42CjNsSq2BjPA==",
"@vaadin/dialog": {
"version": "23.1.4",
"resolved": "https://registry.npmjs.org/@vaadin/dialog/-/dialog-23.1.4.tgz",
"integrity": "sha512-/gtSq/b7HaVTqpQBhgHW2qxMxH0VhwnUGuy1ykYYsd40y+A6leVHSzs3I37gsBbyXThw39dAvpq+uE/PLJf5Xg==",
"requires": {
"@open-wc/dedupe-mixin": "^1.3.0",
"@polymer/polymer": "^3.0.0",
"@vaadin/component-base": "^23.1.3",
"@vaadin/component-base": "^23.1.4",
"@vaadin/lit-renderer": "^23.1.4",
"@vaadin/vaadin-lumo-styles": "^23.1.4",
"@vaadin/vaadin-material-styles": "^23.1.4",
"@vaadin/vaadin-overlay": "^23.1.4",
"@vaadin/vaadin-themable-mixin": "^23.1.4"
}
},
"@vaadin/field-base": {
"version": "23.1.4",
"resolved": "https://registry.npmjs.org/@vaadin/field-base/-/field-base-23.1.4.tgz",
"integrity": "sha512-lRJIyKcAKUPj5VIKWy0jyVZuUxWsBETiOEdBc4yQZVlSPCIdSu+LXUUIUychbzRlF8fDFxk/NRIaH/IYG4McCg==",
"requires": {
"@open-wc/dedupe-mixin": "^1.3.0",
"@polymer/polymer": "^3.0.0",
"@vaadin/component-base": "^23.1.4",
"lit": "^2.0.0"
}
},
"@vaadin/icon": {
"@vaadin/form-layout": {
"version": "23.1.4",
"resolved": "https://registry.npmjs.org/@vaadin/form-layout/-/form-layout-23.1.4.tgz",
"integrity": "sha512-jlITymNzINZqCW9tV1rC2TdE38GmCWkbi54J2wkNWtfAlhrASOQhyL0iBnfmOPbL87c5J8LSAfGGblNThTFEEA==",
"requires": {
"@polymer/polymer": "^3.0.0",
"@vaadin/component-base": "^23.1.4",
"@vaadin/vaadin-lumo-styles": "^23.1.4",
"@vaadin/vaadin-material-styles": "^23.1.4",
"@vaadin/vaadin-themable-mixin": "^23.1.4"
}
},
"@vaadin/horizontal-layout": {
"version": "23.1.3",
"resolved": "https://registry.npmjs.org/@vaadin/icon/-/icon-23.1.3.tgz",
"integrity": "sha512-0rMRYKBlHw5T4WNYFYnVX7eLXevsSNhApfzFWr3T1BVVajSBECVe7eCt+jClibhAAbcNzYhAs8SC/rwY17AcOg==",
"resolved": "https://registry.npmjs.org/@vaadin/horizontal-layout/-/horizontal-layout-23.1.3.tgz",
"integrity": "sha512-dhOAlG0oI0UZXwfDLWJZ7D5T8hFxTNnAplJA0BJ52f42HYzgNLuC8nfokfW81gOI/iIVY+d//IU0JFRfKoJTFA==",
"requires": {
"@polymer/polymer": "^3.0.0",
"@vaadin/component-base": "^23.1.3",
"@vaadin/vaadin-lumo-styles": "^23.1.3",
"@vaadin/vaadin-themable-mixin": "^23.1.3",
"@vaadin/vaadin-material-styles": "^23.1.3",
"@vaadin/vaadin-themable-mixin": "^23.1.3"
}
},
"@vaadin/icon": {
"version": "23.1.4",
"resolved": "https://registry.npmjs.org/@vaadin/icon/-/icon-23.1.4.tgz",
"integrity": "sha512-Av8vfElbKCU3alMlkDtofOccG9V3j9sOhqnPQ39HPfo+omAh1Ee6afXr67Qi7KayhpL4uD6po0PMbof1Xz3Qpw==",
"requires": {
"@polymer/polymer": "^3.0.0",
"@vaadin/component-base": "^23.1.4",
"@vaadin/vaadin-lumo-styles": "^23.1.4",
"@vaadin/vaadin-themable-mixin": "^23.1.4",
"lit": "^2.0.0"
}
},
@@ -12400,15 +12515,15 @@
}
},
"@vaadin/input-container": {
"version": "23.1.3",
"resolved": "https://registry.npmjs.org/@vaadin/input-container/-/input-container-23.1.3.tgz",
"integrity": "sha512-+PFd8bWbnVy89HmYNc/uvUV4KuxOvFYBBrsmnpKKW5Tc5wzCMa6vCXEyyDxuiVOkFnHU24P7kBSyqia7HHjaTg==",
"version": "23.1.4",
"resolved": "https://registry.npmjs.org/@vaadin/input-container/-/input-container-23.1.4.tgz",
"integrity": "sha512-+C7W/C/pFBFcuLONtPvvJmzXvEI/6YYID9VwpOIigDEvAVI0beJTiM6meHxfUMfxMHwvcUd5Y8hY2r/LOOnXyA==",
"requires": {
"@polymer/polymer": "^3.0.0",
"@vaadin/component-base": "^23.1.3",
"@vaadin/vaadin-lumo-styles": "^23.1.3",
"@vaadin/vaadin-material-styles": "^23.1.3",
"@vaadin/vaadin-themable-mixin": "^23.1.3"
"@vaadin/component-base": "^23.1.4",
"@vaadin/vaadin-lumo-styles": "^23.1.4",
"@vaadin/vaadin-material-styles": "^23.1.4",
"@vaadin/vaadin-themable-mixin": "^23.1.4"
}
},
"@vaadin/item": {
@@ -12424,6 +12539,26 @@
"@vaadin/vaadin-themable-mixin": "^23.1.3"
}
},
"@vaadin/lit-renderer": {
"version": "23.1.4",
"resolved": "https://registry.npmjs.org/@vaadin/lit-renderer/-/lit-renderer-23.1.4.tgz",
"integrity": "sha512-XkF3t/Ya0NK/+2IyXe/iAS2FPkq/v64J70pkB8mneqUncEceitzQW/ODlf3wXx0wwxniPrsOUvYicD3Lhwu4qQ==",
"requires": {
"lit": "^2.0.0"
}
},
"@vaadin/password-field": {
"version": "23.1.4",
"resolved": "https://registry.npmjs.org/@vaadin/password-field/-/password-field-23.1.4.tgz",
"integrity": "sha512-PkTarFwvLEkLMRsz4niJTDsf+lVmWXfm6UHIE69vbU5s63NUFolEOEyuq8JWYcDICKtvBYQ8uDH4zzpv3N5vmQ==",
"requires": {
"@polymer/polymer": "^3.0.0",
"@vaadin/button": "^23.1.4",
"@vaadin/text-field": "^23.1.4",
"@vaadin/vaadin-lumo-styles": "^23.1.4",
"@vaadin/vaadin-material-styles": "^23.1.4"
}
},
"@vaadin/tabs": {
"version": "23.1.3",
"resolved": "https://registry.npmjs.org/@vaadin/tabs/-/tabs-23.1.3.tgz",
@@ -12439,17 +12574,17 @@
}
},
"@vaadin/text-field": {
"version": "23.1.3",
"resolved": "https://registry.npmjs.org/@vaadin/text-field/-/text-field-23.1.3.tgz",
"integrity": "sha512-oYxJDo5AU+lE+vqY7otvYqnSoXf233/iJKISLF4C/d5pofx/GvnDx2/dSopvJ2OSp1S1mn/CaVPazjBeXY7eLg==",
"version": "23.1.4",
"resolved": "https://registry.npmjs.org/@vaadin/text-field/-/text-field-23.1.4.tgz",
"integrity": "sha512-pMaPR0KLaXb6PB3lscf7jJKRvUnGdB18oOmJKxiYO1vA0q6U8hUbeZ4ba2vGUl+m7hA6t6DbkTB4SBQdRq3tnQ==",
"requires": {
"@polymer/polymer": "^3.0.0",
"@vaadin/component-base": "^23.1.3",
"@vaadin/field-base": "^23.1.3",
"@vaadin/input-container": "^23.1.3",
"@vaadin/vaadin-lumo-styles": "^23.1.3",
"@vaadin/vaadin-material-styles": "^23.1.3",
"@vaadin/vaadin-themable-mixin": "^23.1.3"
"@vaadin/component-base": "^23.1.4",
"@vaadin/field-base": "^23.1.4",
"@vaadin/input-container": "^23.1.4",
"@vaadin/vaadin-lumo-styles": "^23.1.4",
"@vaadin/vaadin-material-styles": "^23.1.4",
"@vaadin/vaadin-themable-mixin": "^23.1.4"
}
},
"@vaadin/vaadin-development-mode-detector": {
@@ -12468,30 +12603,42 @@
}
},
"@vaadin/vaadin-lumo-styles": {
"version": "23.1.3",
"resolved": "https://registry.npmjs.org/@vaadin/vaadin-lumo-styles/-/vaadin-lumo-styles-23.1.3.tgz",
"integrity": "sha512-edfO/By6M8s5tblxj7ze8x2CMgGr0O9ZKPeHatrl+yk1dNZLXKdgCbhZQdQxRrx7GiyVBkim7wDNBkpkWSpdZQ==",
"version": "23.1.4",
"resolved": "https://registry.npmjs.org/@vaadin/vaadin-lumo-styles/-/vaadin-lumo-styles-23.1.4.tgz",
"integrity": "sha512-zZRpMRJ2xjDAX8FhnhclJIo1l+kySGcyJ+SaFVAa2nB85sC1JWdELmZGwSpCS+ZH1ss6lTp3XY5fniRuPO98WQ==",
"requires": {
"@polymer/iron-icon": "^3.0.0",
"@polymer/iron-iconset-svg": "^3.0.0",
"@polymer/polymer": "^3.0.0",
"@vaadin/icon": "^23.1.3",
"@vaadin/vaadin-themable-mixin": "^23.1.3"
"@vaadin/icon": "^23.1.4",
"@vaadin/vaadin-themable-mixin": "^23.1.4"
}
},
"@vaadin/vaadin-material-styles": {
"version": "23.1.3",
"resolved": "https://registry.npmjs.org/@vaadin/vaadin-material-styles/-/vaadin-material-styles-23.1.3.tgz",
"integrity": "sha512-VPqa/ZxYa8t7tsxCkK+r/SedU413NDexBmDGmnLhn+zGHaL0qgbXQP/te7p8YCHhyEj/bOxwcgyNTFuPNeQb1w==",
"version": "23.1.4",
"resolved": "https://registry.npmjs.org/@vaadin/vaadin-material-styles/-/vaadin-material-styles-23.1.4.tgz",
"integrity": "sha512-GLIMrFbK/jBFg+6LZI3XkVBKqGSzmf/Cd2rIU2+BcpMnOtUNXxe5Ip4WaPgzIJRemSNy1M1eS0GNimSiAS618w==",
"requires": {
"@polymer/polymer": "^3.0.0",
"@vaadin/vaadin-themable-mixin": "^23.1.3"
"@vaadin/vaadin-themable-mixin": "^23.1.4"
}
},
"@vaadin/vaadin-overlay": {
"version": "23.1.4",
"resolved": "https://registry.npmjs.org/@vaadin/vaadin-overlay/-/vaadin-overlay-23.1.4.tgz",
"integrity": "sha512-RvwgdfSDwYDn63fVVm3jrDcWbR47XX2wMon8lJSc+TQ5C43cDCpyhrjHFzR4BU/LJXCIlZ878wUrJYFZKI5QgQ==",
"requires": {
"@polymer/polymer": "^3.0.0",
"@vaadin/component-base": "^23.1.4",
"@vaadin/vaadin-lumo-styles": "^23.1.4",
"@vaadin/vaadin-material-styles": "^23.1.4",
"@vaadin/vaadin-themable-mixin": "^23.1.4"
}
},
"@vaadin/vaadin-themable-mixin": {
"version": "23.1.3",
"resolved": "https://registry.npmjs.org/@vaadin/vaadin-themable-mixin/-/vaadin-themable-mixin-23.1.3.tgz",
"integrity": "sha512-xA+p9lfzUWT+Dd0R8CM+bFBI5qqZFbPL5ZjJ3POx3qd9DGgByG+tUvJlkRCEEDykh9SY6knqh0TbRUqOY3ws5A==",
"version": "23.1.4",
"resolved": "https://registry.npmjs.org/@vaadin/vaadin-themable-mixin/-/vaadin-themable-mixin-23.1.4.tgz",
"integrity": "sha512-b91SHVU+E7pWnpJooLDOEyqpGfPVOj+L8wTEpL3GJh/ASi0htenslOtqDodpDiAEpVs4gRlo3ZJRtMzQZ7KsGA==",
"requires": {
"@open-wc/dedupe-mixin": "^1.3.0",
"lit": "^2.0.0"

View File

@@ -16,10 +16,15 @@
"dependencies": {
"@mapbox/mapbox-gl-geocoder": "^5.0.1",
"@vaadin/app-layout": "^23.1.3",
"@vaadin/button": "^23.1.3",
"@vaadin/dialog": "^23.1.4",
"@vaadin/form-layout": "^23.1.4",
"@vaadin/horizontal-layout": "^23.1.3",
"@vaadin/icon": "^23.1.3",
"@vaadin/icons": "^23.1.3",
"@vaadin/password-field": "^23.1.4",
"@vaadin/tabs": "^23.1.3",
"@vaadin/text-field": "^23.1.3",
"@vaadin/text-field": "^23.1.4",
"leaflet": "^1.8.0",
"leaflet-geosearch": "jlengrand/leaflet-geosearch#update",
"lit": "^2.0.2",

View File

@@ -1,9 +1,12 @@
import { LitElement, html, css } from 'lit';
import './pluckr-login';
import '@vaadin/text-field';
import '@vaadin/icons';
import '@vaadin/app-layout';
import '@vaadin/app-layout/vaadin-drawer-toggle.js';
import '@vaadin/tabs';
import '@vaadin/button';
import mapboxgl from '../dist/mapbox-gl.esm.js'
import MapboxGeocoder from '../dist/mapbox-gl-geocoder.esm.min.js'
@@ -42,12 +45,17 @@ export class PluckrApp extends LitElement {
height: 1096px;
width: 1096px;
}
pluckr-login{
margin-left: auto;
}
`;
}
constructor() {
super();
this.title = 'My app';
this.title = 'Pluckr';
this.location = { x: 52.0474828687443, y: 5.080036739440433};
}
@@ -107,25 +115,9 @@ export class PluckrApp extends LitElement {
<link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v5.0.0/mapbox-gl-geocoder.css" type="text/css">
<vaadin-app-layout>
<vaadin-drawer-toggle slot="navbar touch-optimized">
</vaadin-drawer-toggle>
<h3 slot="navbar touch-optimized">${this.title}</h3>
<!-- <h3 slot="navbar touch-optimized">Application Name</h3>-->
<vaadin-tabs orientation="vertical" slot="drawer">
<vaadin-tab>
<a href="/profile">
<vaadin-icon icon="vaadin:user"></vaadin-icon>
Profile
</a>
</vaadin-tab>
<vaadin-tab>
<a href="/contact">
<vaadin-icon icon="vaadin:phone"></vaadin-icon>
Contact
</a>
</vaadin-tab>
</vaadin-tabs>
<!-- <div>Page content</div>-->
<pluckr-login slot="navbar"></pluckr-login>
<div>
<vaadin-text-field placeholder="Search">
<vaadin-icon slot="prefix" icon="vaadin:search"></vaadin-icon>

View File

@@ -0,0 +1,75 @@
import {css, html, LitElement} from "lit";
import '@vaadin/horizontal-layout';
import '@vaadin/button';
import '@vaadin/dialog';
import '@vaadin/form-layout';
import '@vaadin/text-field';
import '@vaadin/password-field';
import {dialogRenderer} from "@vaadin/dialog/lit";
import '@vaadin/horizontal-layout';
export class PluckrLogin extends LitElement{
responsiveSteps = [
{ minWidth: 0, columns: 1 },
];
static get properties(){
return {
signUpOpened : { type: Boolean }
};
}
static get styles(){
return css`
`;
}
constructor() {
super();
this.signUpOpened = false;
}
render(){
return html`
<vaadin-horizontal-layout slot="navbar touch-optimized" theme="spacing padding">
<vaadin-button theme="primary" @click="${this.signUpClicked}">Sign up</vaadin-button>
<vaadin-button theme="secondary">Login</vaadin-button>
</vaadin-horizontal-layout>
<vaadin-dialog
header-title="SignUp"
.opened="${this.signUpOpened}"
@opened-changed="${e => (this.signUpOpened = e.detail.value)}"
${dialogRenderer(this.signUpRenderer)}
id="signUp">
</vaadin-dialog>
`;
}
signUpClicked(){
this.signUpOpened = true;
console.log("Signup clicked!");
}
signUpRenderer(){
return html`
<vaadin-form-layout .responsiveSteps="${this.responsiveSteps}">
<vaadin-text-field label="email"></vaadin-text-field>
<vaadin-password-field label="Password"></vaadin-password-field>
<vaadin-password-field label="Confirm password"></vaadin-password-field>
<vaadin-horizontal-layout theme="spacing padding" style="justify-content: end">
<vaadin-button theme="secondary" @click="${() => {this.signUpOpened = false}}">Cancel</vaadin-button>
<vaadin-button theme="primary" @click="${this.signUp}">Sign up</vaadin-button>
</vaadin-horizontal-layout>
</vaadin-form-layout>
`;
}
signUp(){
console.log("Signup clicked!");
}
}

View File

@@ -0,0 +1,3 @@
import {PluckrLogin} from "./PluckrLogin.js";
customElements.define('pluckr-login', PluckrLogin);

3156
src/main/resources/dist/c3e72859.js vendored Normal file

File diff suppressed because one or more lines are too long