\n\t\t`;\n\t\tcopyCss(shadow);\n\t}\n});\n", "customElements.define('oswilno-parking-space-rents', class extends HTMLElement {\n\tconstructor() {\n\t\tsuper();\n\t\tconst shadow = this.attachShadow({ mode: 'open' });\n\t\tshadow.innerHTML = `\n\t\t\t\n\t\t\t
\n \n\t\t\t
\n\t\t`;\n\t}\n});\n\n", "customElements.define('oswilno-parking-space-rent', class extends HTMLElement {\n\tconstructor() {\n\t\tsuper();\n\t\tconst shadow = this.attachShadow({ mode: 'open' });\n\t\tshadow.innerHTML = `\n\t\t\t\n\t\t\t
\n \n\t\t\t
\n\t\t`;\n\t}\n});\n", "customElements.define('oswilno-parking-space', class extends HTMLElement {\n\tconstructor() {\n\t\tsuper();\n\t\tconst shadow = this.attachShadow({ mode: 'open' });\n\t\tshadow.innerHTML = `\n\t\t\t\n\t\t\t
\n \n\t\t\t
\n\t\t`;\n\t}\n});\n", "customElements.define('oswilno-parking-space-location', class extends HTMLElement {\n\tconstructor() {\n\t\tsuper();\n\t\tconst shadow = this.attachShadow({ mode: 'open' });\n\t\tshadow.innerHTML = `\n\t\t\t\n\t\t\t
\n \n\t\t\t
\n\t\t`;\n\t}\n});\n", "import './elements/oswilno-price.js';\nimport './elements/oswilno-error.js';\nimport './elements/oswilno-parking-space-rents.js';\nimport './elements/oswilno-parking-space-rent.js';\nimport './elements/oswilno-parking-space.js';\nimport './elements/oswilno-parking-space-location.js';\n\nimport(\"https://unpkg.com/htmx.org@1.9.4/dist/htmx.min.js\");\n\nconst READ_AUTH_HEADER = 'Authorization';\nconst AUTH_HEADER = 'ACX-Authorization';\nconst REFRESH_HEADER = 'ACX-Refresh';\nconst body = document.body;\nbody.addEventListener('htmx:beforeOnLoad', function (evt) {\n\tconst detail = evt.detail;\n\tconst xhr = detail.xhr;\n\tconst status = xhr.status;\n\tconst successful = detail.successful;\n\n\tif (status === 200) {\n\t\tconst bearer = xhr.getResponseHeader(READ_AUTH_HEADER);\n\t\tif (bearer) {\n\t\t\tconsole.log(xhr);\n\t\t\tlocalStorage.setItem('jwt', bearer.replace(/^Bearer /i, ''));\n\t\t}\n\t\tconst refresh = xhr.getResponseHeader(REFRESH_HEADER);\n\t\tif (refresh) {\n\t\t\tlocalStorage.setItem('refresh', bearer.replace(/^Bearer /i, ''));\n\t\t}\n\t} else if (status === 401) {\n\t\tlocalStorage.removeItem('jwt');\n\t}\n\tif (status === 422 || status === 400) {\n\t\tdetail.shouldSwap = true;\n\t\tdetail.isError = false;\n\t}\n});\nbody.addEventListener('htmx:configRequest', function (evt) {\n\tif (!localStorage.getItem('jwt')) {\n\t\treturn;\n\t}\n\tevt.detail.headers[AUTH_HEADER] = 'Bearer ' + (localStorage.getItem('jwt') || '');\n\tevt.detail.headers[READ_AUTH_HEADER] = 'Bearer ' + (localStorage.getItem('jwt') || '');\n\tevt.detail.headers[REFRESH_HEADER] = (localStorage.getItem('refresh') || '');\n});\n\n"],
- "mappings": "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",
- "names": ["shadow", "price", "multiplier", "major", "minor", "currency", "copyCss", "shadow", "css", "i", "styleSheet", "j", "sheet", "shadow", "copyCss", "shadow", "shadow", "shadow", "shadow", "READ_AUTH_HEADER", "AUTH_HEADER", "REFRESH_HEADER", "body", "evt", "detail", "xhr", "status", "successful", "bearer"]
+ "sourcesContent": ["customElements.define('oswilno-price', class extends HTMLElement {\n\t//constructor() {\n\t//\tsuper();\n\t//\tthis.attachShadow({ mode: 'open' });\n\t//}\n\t//connectedCallback() {\n\t//\tlet shadow = this.shadowRoot;\n\t//\tlet price = parseInt(this.getAttribute('price'));\n\t//\tif (isNaN(price)) price = 0;\n\t//\tconst multiplier = parseInt(this.getAttribute('multiplier'));\n\t//\tlet major = price;\n\t//\tlet minor = 0;\n\t//\tif (!isNaN(multiplier)) {\n\t//\t\tmajor = Math.floor(price / multiplier);\n\t//\t\tminor = price % multiplier;\n\t//\t}\n\t//\tconst currency = this.getAttribute('currency') || 'PLN';\n\t//\tshadow.innerHTML = `
${major}.${minor >= 10 ? minor : minor + '0'} ${ currency }
`;\n\t//}\n});\n", "export const copyCss = (shadow) => {\n\tlet css = '';\n\tfor (let i = 0; i < document.styleSheets.length; i++) {\n\t\tconst styleSheet = document.styleSheets[i];\n\t\tfor (let j = 0; j < styleSheet.rules.length; j++) {\n\t\t\tcss += styleSheet.rules[j].cssText;\t\n\t\t}\n\t}\n\tconst sheet = new CSSStyleSheet();\n\tsheet.replaceSync(css);\n\tshadow.adoptedStyleSheets = [sheet];\n};\n", "import { copyCss } from \"../css.js\";\n\ncustomElements.define('oswilno-error', class extends HTMLElement {\n\tconstructor() {\n\t\tsuper();\n\t\tconst shadow = this.attachShadow({ mode: 'open' });\n\t\tshadow.innerHTML = `\n\t\t\t\n\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t`;\n\t\tcopyCss(shadow);\n\t}\n});\n", "customElements.define('oswilno-parking-space-rents', class extends HTMLElement {\n\t// constructor() {\n\t// \tsuper();\n\t// \tconst shadow = this.attachShadow({ mode: 'open' });\n\t// \tshadow.innerHTML = `\n\t// \t\t\n\t// \t\t
\n // \n\t// \t\t
\n\t// \t`;\n\t// }\n});\n\n", "customElements.define('oswilno-parking-space-rent', class extends HTMLElement {\n\t// constructor() {\n\t// \tsuper();\n\t// \tconst shadow = this.attachShadow({ mode: 'open' });\n\t// \tshadow.innerHTML = `\n\t// \t\t\n\t// \t\t
\n // \n\t// \t\t
\n\t// \t`;\n // this.classList = \"w-[48%] p-4 bg-white border border-white-200 rounded-lg shadow sm:p-8 dark:bg-white-800 dark:border-white-700 mt-6\";\n\t// }\n});\n", "customElements.define('oswilno-parking-space', class extends HTMLElement {\n // static get observedAttibutes() { return 'spot'; }\n\t// constructor() {\n\t// \tsuper();\n\t// \tconst shadow = this.attachShadow({ mode: 'open' });\n\t// \tshadow.innerHTML = `\n\t// \t\t\n\t// \t\t
\n\t// \t`;\n // this.render();\n\t// }\n // render() {\n // const spot = this.getAttribute('spot');\n // this.shadowRoot.textContent = `${spot}`;\n // }\n});\n", "customElements.define('oswilno-parking-space-location', class extends HTMLElement {\n // static get observedAttributes() { return 'name stage number'.split(' '); }\n\n\t// constructor() {\n\t// \tsuper();\n\t// \tconst shadow = this.attachShadow({ mode: 'open' });\n\t// \tshadow.innerHTML = `\n\t// \t\t\n\t// \t\t
\n //
\n\t// \t\t
\n // \n\t// \t\t
\n\t// \t`;\n\t// }\n\n // get name() { return this.getAttribute('name'); }\n // set name(s) { this.setAttribute('name',s); }\n // get stage() { return this.getAttribute('stage'); }\n // set stage(s) { this.setAttribute('stage',s); }\n // get number() { return this.getAttribute('number'); }\n // set number(s) { this.setAttribute('number',s); }\n\n\t// connectedCallback() { this.render(); }\n\n // attributeChangedCallback(name, oV, nV) { console.log({name,oV,nV}); this.render(); }\n\n // render() {\n\t// \tconst view = this.shadowRoot.querySelector('#view');\n // const { name, stage, number } = this;\n // view.innerHTML = `\n //
${name}\n //
${number}\n //
${stage}\n // `;\n // }\n});\n", "import './elements/oswilno-price.js';\nimport './elements/oswilno-error.js';\nimport './elements/oswilno-parking-space-rents.js';\nimport './elements/oswilno-parking-space-rent.js';\nimport './elements/oswilno-parking-space.js';\nimport './elements/oswilno-parking-space-location.js';\n\nimport(\"https://unpkg.com/htmx.org@1.9.4/dist/htmx.min.js\");\n\nconst READ_AUTH_HEADER = 'Authorization';\nconst AUTH_HEADER = 'ACX-Authorization';\nconst REFRESH_HEADER = 'ACX-Refresh';\nconst body = document.body;\nbody.addEventListener('htmx:beforeOnLoad', function (evt) {\n\tconst detail = evt.detail;\n\tconst xhr = detail.xhr;\n\tconst status = xhr.status;\n\tconst successful = detail.successful;\n\n\tif (status === 200) {\n\t\tconst bearer = xhr.getResponseHeader(READ_AUTH_HEADER);\n\t\tif (bearer) {\n\t\t\tconsole.log(xhr);\n\t\t\tlocalStorage.setItem('jwt', bearer.replace(/^Bearer /i, ''));\n\t\t}\n\t\tconst refresh = xhr.getResponseHeader(REFRESH_HEADER);\n\t\tif (refresh) {\n\t\t\tlocalStorage.setItem('refresh', bearer.replace(/^Bearer /i, ''));\n\t\t}\n\t} else if (status === 401) {\n\t\tlocalStorage.removeItem('jwt');\n\t}\n\tif (status === 422 || status === 400) {\n\t\tdetail.shouldSwap = true;\n\t\tdetail.isError = false;\n\t}\n});\nbody.addEventListener('htmx:configRequest', function (evt) {\n\tif (!localStorage.getItem('jwt')) {\n\t\treturn;\n\t}\n\tevt.detail.headers[AUTH_HEADER] = 'Bearer ' + (localStorage.getItem('jwt') || '');\n\tevt.detail.headers[READ_AUTH_HEADER] = 'Bearer ' + (localStorage.getItem('jwt') || '');\n\tevt.detail.headers[REFRESH_HEADER] = (localStorage.getItem('refresh') || '');\n});\n\n"],
+ "mappings": "0sBAAA,eAAe,OAAO,gBAAiB,cAAc,WAAY,CAmBjE,CAAC,ECnBM,IAAMA,EAAWC,GAAW,CAClC,IAAIC,EAAM,GACV,QAASC,EAAI,EAAGA,EAAI,SAAS,YAAY,OAAQA,IAAK,CACrD,IAAMC,EAAa,SAAS,YAAYD,CAAC,EACzC,QAASE,EAAI,EAAGA,EAAID,EAAW,MAAM,OAAQC,IAC5CH,GAAOE,EAAW,MAAMC,CAAC,EAAE,OAE7B,CACA,IAAMC,EAAQ,IAAI,cAClBA,EAAM,YAAYJ,CAAG,EACrBD,EAAO,mBAAqB,CAACK,CAAK,CACnC,ECTA,eAAe,OAAO,gBAAiB,cAAc,WAAY,CAChE,aAAc,CACb,MAAM,EACN,IAAMC,EAAS,KAAK,aAAa,CAAE,KAAM,MAAO,CAAC,EACjDA,EAAO,UAAY;AAAA;AAAA;AAAA;AAAA;AAAA,IAMnBC,EAAQD,CAAM,CACf,CACD,CAAC,ECdD,eAAe,OAAO,8BAA+B,cAAc,WAAY,CAqB/E,CAAC,ECrBD,eAAe,OAAO,6BAA8B,cAAc,WAAY,CAc9E,CAAC,ECdD,eAAe,OAAO,wBAAyB,cAAc,WAAY,CAwBzE,CAAC,ECxBD,eAAe,OAAO,iCAAkC,cAAc,WAAY,CA8ClF,CAAC,ECvCD,OAAO,mDAAmD,EAE1D,IAAME,EAAmB,gBACnBC,EAAc,oBACdC,EAAiB,cACjBC,EAAO,SAAS,KACtBA,EAAK,iBAAiB,oBAAqB,SAAUC,EAAK,CACzD,IAAMC,EAASD,EAAI,OACbE,EAAMD,EAAO,IACbE,EAASD,EAAI,OACbE,EAAaH,EAAO,WAE1B,GAAIE,IAAW,IAAK,CACnB,IAAME,EAASH,EAAI,kBAAkBN,CAAgB,EACjDS,IACH,QAAQ,IAAIH,CAAG,EACf,aAAa,QAAQ,MAAOG,EAAO,QAAQ,YAAa,EAAE,CAAC,GAE5CH,EAAI,kBAAkBJ,CAAc,GAEnD,aAAa,QAAQ,UAAWO,EAAO,QAAQ,YAAa,EAAE,CAAC,CAEjE,MAAWF,IAAW,KACrB,aAAa,WAAW,KAAK,GAE1BA,IAAW,KAAOA,IAAW,OAChCF,EAAO,WAAa,GACpBA,EAAO,QAAU,GAEnB,CAAC,EACDF,EAAK,iBAAiB,qBAAsB,SAAUC,EAAK,CACrD,aAAa,QAAQ,KAAK,IAG/BA,EAAI,OAAO,QAAQH,CAAW,EAAI,WAAa,aAAa,QAAQ,KAAK,GAAK,IAC9EG,EAAI,OAAO,QAAQJ,CAAgB,EAAI,WAAa,aAAa,QAAQ,KAAK,GAAK,IACnFI,EAAI,OAAO,QAAQF,CAAc,EAAK,aAAa,QAAQ,SAAS,GAAK,GAC1E,CAAC",
+ "names": ["copyCss", "shadow", "css", "i", "styleSheet", "j", "sheet", "shadow", "copyCss", "READ_AUTH_HEADER", "AUTH_HEADER", "REFRESH_HEADER", "body", "evt", "detail", "xhr", "status", "successful", "bearer"]
}
diff --git a/assets/style.css b/assets/style.css
index 40ec808..0d41424 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -750,6 +750,10 @@ select {
pointer-events: none;
}
+.static {
+ position: static;
+}
+
.absolute {
position: absolute;
}
@@ -905,6 +909,10 @@ select {
width: 2rem;
}
+.w-\[30\%\] {
+ width: 30%;
+}
+
.w-\[48\%\] {
width: 48%;
}
@@ -1153,15 +1161,33 @@ select {
padding-top: 4rem;
}
+.text-left {
+ text-align: left;
+}
+
.text-center {
text-align: center;
}
+.text-right {
+ text-align: right;
+}
+
.text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
+.text-3xl {
+ font-size: 1.875rem;
+ line-height: 2.25rem;
+}
+
+.text-4xl {
+ font-size: 2.25rem;
+ line-height: 2.5rem;
+}
+
.text-5xl {
font-size: 3rem;
line-height: 1;
@@ -1237,9 +1263,9 @@ select {
color: rgb(115 115 115 / var(--tw-text-opacity));
}
-.text-red-400 {
+.text-red-600 {
--tw-text-opacity: 1;
- color: rgb(248 113 113 / var(--tw-text-opacity));
+ color: rgb(220 38 38 / var(--tw-text-opacity));
}
.text-red-700 {
@@ -1247,14 +1273,19 @@ select {
color: rgb(185 28 28 / var(--tw-text-opacity));
}
+.text-red-800 {
+ --tw-text-opacity: 1;
+ color: rgb(153 27 27 / var(--tw-text-opacity));
+}
+
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
-.text-yellow-400 {
+.text-yellow-600 {
--tw-text-opacity: 1;
- color: rgb(250 204 21 / var(--tw-text-opacity));
+ color: rgb(202 138 4 / var(--tw-text-opacity));
}
.opacity-75 {
@@ -1309,31 +1340,11 @@ select {
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
-.hover\:bg-red-200:hover {
- --tw-bg-opacity: 1;
- background-color: rgb(254 202 202 / var(--tw-bg-opacity));
-}
-
-.hover\:bg-yellow-200:hover {
- --tw-bg-opacity: 1;
- background-color: rgb(254 240 138 / var(--tw-bg-opacity));
-}
-
.hover\:text-neutral-700:hover {
--tw-text-opacity: 1;
color: rgb(64 64 64 / var(--tw-text-opacity));
}
-.hover\:text-red-900:hover {
- --tw-text-opacity: 1;
- color: rgb(127 29 29 / var(--tw-text-opacity));
-}
-
-.hover\:text-yellow-900:hover {
- --tw-text-opacity: 1;
- color: rgb(113 63 18 / var(--tw-text-opacity));
-}
-
.hover\:ease-in-out:hover {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@@ -1440,6 +1451,16 @@ select {
color: rgb(229 229 229 / var(--tw-text-opacity));
}
+ .dark\:text-neutral-300 {
+ --tw-text-opacity: 1;
+ color: rgb(212 212 212 / var(--tw-text-opacity));
+ }
+
+ .dark\:text-red-400 {
+ --tw-text-opacity: 1;
+ color: rgb(248 113 113 / var(--tw-text-opacity));
+ }
+
.dark\:text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -1465,36 +1486,16 @@ select {
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
- .dark\:hover\:bg-red-800:hover {
- --tw-bg-opacity: 1;
- background-color: rgb(153 27 27 / var(--tw-bg-opacity));
- }
-
- .dark\:hover\:bg-yellow-800:hover {
- --tw-bg-opacity: 1;
- background-color: rgb(133 77 14 / var(--tw-bg-opacity));
- }
-
.dark\:hover\:text-neutral-400:hover {
--tw-text-opacity: 1;
color: rgb(163 163 163 / var(--tw-text-opacity));
}
- .dark\:hover\:text-red-300:hover {
- --tw-text-opacity: 1;
- color: rgb(252 165 165 / var(--tw-text-opacity));
- }
-
.dark\:hover\:text-white:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
- .dark\:hover\:text-yellow-300:hover {
- --tw-text-opacity: 1;
- color: rgb(253 224 71 / var(--tw-text-opacity));
- }
-
.dark\:focus\:border-blue-500:focus {
--tw-border-opacity: 1;
border-color: rgb(59 130 246 / var(--tw-border-opacity));
@@ -1627,6 +1628,10 @@ select {
.xl\:min-h-ffhl {
min-height: calc(100vh - 80px - 192px);
}
+
+ .xl\:w-\[48\%\] {
+ width: 48%;
+ }
}
.\[\&\.active\]\:text-black\/90.active {
diff --git a/crates/oswilno-parking-space/src/lib.rs b/crates/oswilno-parking-space/src/lib.rs
index c4024b9..3282577 100644
--- a/crates/oswilno-parking-space/src/lib.rs
+++ b/crates/oswilno-parking-space/src/lib.rs
@@ -55,6 +55,9 @@ pub fn translations(l10n: &mut oswilno_view::TranslationStorage) {
.add("Pending", "Oczekuje na akceptacjÄ™")
.add("Approved", "Zaakceptowane")
.add("Rejected", "Odrzucone")
+ .add("stage", "etap")
+ .add("Price:", "Cena:")
+ .add("Price", "Cena")
.done();
}
diff --git a/crates/oswilno-parking-space/templates/parking-space-rents/form.html b/crates/oswilno-parking-space/templates/parking-space-rents/form.html
index 168bab1..240fc99 100644
--- a/crates/oswilno-parking-space/templates/parking-space-rents/form.html
+++ b/crates/oswilno-parking-space/templates/parking-space-rents/form.html
@@ -3,7 +3,7 @@
{% include "../parking-spaces/rent_space_info.html" %}
-
+
diff --git a/crates/oswilno-parking-space/templates/parking-spaces/all-partial.html b/crates/oswilno-parking-space/templates/parking-spaces/all-partial.html
index 02595cd..60dfab6 100644
--- a/crates/oswilno-parking-space/templates/parking-spaces/all-partial.html
+++ b/crates/oswilno-parking-space/templates/parking-spaces/all-partial.html
@@ -62,7 +62,7 @@
{% endif %}
-
+
{% for parking_space_rent in parking_space_rents -%}
{% if let Some(parking_space) = parking_space_by_id.get(parking_space_rent.parking_space_id) %}
{% if parking_space.state == ParkingSpaceState::Verified || Some(parking_space.account_id.clone()) == account_id %}
@@ -70,32 +70,61 @@
{% if let Some(location_id) = parking_space.location_id -%}
{% if let Some(location) = location_by_id.get(location_id) -%}
-
+
+
+ {% if let Some(spot) = parking_space.spot %}
+ {{ spot }}
+ {% else %}
+
+ {% endif %}
+
+
+ {{ location.name }}
+ {{ location.number }}
+
+ {{"stage"|t(hcx)}}
+
+
+ {{ location.stage }}
+
-
+
{{ account.login }}
-
- {{ parking_space_rent.price }}
-
-
+
+
+ {{"Price:"|t(hcx)}}
+
+ {{ parking_space_rent.price|display_price }}
+ PLN
+
+
+
{% endif %}
{% endif %}
diff --git a/crates/oswilno-parking-space/templates/parking-spaces/parking_space_state.html b/crates/oswilno-parking-space/templates/parking-spaces/parking_space_state.html
index fe01c49..add3213 100644
--- a/crates/oswilno-parking-space/templates/parking-spaces/parking_space_state.html
+++ b/crates/oswilno-parking-space/templates/parking-spaces/parking_space_state.html
@@ -1,13 +1,13 @@
{% match parking_space.state %}
{% when ParkingSpaceState::Pending %}
-
+
{{"Pending"|t(hcx)}}
{% when ParkingSpaceState::Verified %}
{% when ParkingSpaceState::Banned %}
-
+
{{"Rejected"|t(hcx)}}
{% endmatch %}
diff --git a/crates/oswilno-parking-space/templates/parking-spaces/rent_space_info.html b/crates/oswilno-parking-space/templates/parking-spaces/rent_space_info.html
index 2885fad..bd0aad8 100644
--- a/crates/oswilno-parking-space/templates/parking-spaces/rent_space_info.html
+++ b/crates/oswilno-parking-space/templates/parking-spaces/rent_space_info.html
@@ -1,12 +1,12 @@
-
+
{{location.name}}
-
+
{{location.number}}
-
- Etap {{location.stage}}
+
+ {{"stage"|t(hcx)}} {{location.stage}}
-
diff --git a/crates/oswilno-parking-space/templates/parking-spaces/single_parking_space.html b/crates/oswilno-parking-space/templates/parking-spaces/single_parking_space.html
index 76a7fe5..7a7c815 100644
--- a/crates/oswilno-parking-space/templates/parking-spaces/single_parking_space.html
+++ b/crates/oswilno-parking-space/templates/parking-spaces/single_parking_space.html
@@ -1,12 +1,12 @@
-
+
{{location.name}}
-
+
{{location.number}}
-
- Etap {{location.stage}}
+
+ {{"stage"|t(hcx)}} {{location.stage}}
diff --git a/crates/oswilno-view/src/filters.rs b/crates/oswilno-view/src/filters.rs
index 8807ac3..c8e12da 100644
--- a/crates/oswilno-view/src/filters.rs
+++ b/crates/oswilno-view/src/filters.rs
@@ -17,7 +17,7 @@ pub fn skip_if
(n: &T, skip: T) -> Resul
}
#[tracing::instrument]
-pub fn display_price(n: &&i32) -> Result {
- let n: i32 = **n;
+pub fn display_price(n: &i32) -> Result {
+ let n: i32 = *n;
Ok(format!("{}.{}", n / 100, n % 100))
}
diff --git a/crates/web-assets/assets/elements/oswilno-parking-space-location.js b/crates/web-assets/assets/elements/oswilno-parking-space-location.js
index 9b843e9..5d9c4da 100644
--- a/crates/web-assets/assets/elements/oswilno-parking-space-location.js
+++ b/crates/web-assets/assets/elements/oswilno-parking-space-location.js
@@ -1,14 +1,47 @@
customElements.define('oswilno-parking-space-location', class extends HTMLElement {
- constructor() {
- super();
- const shadow = this.attachShadow({ mode: 'open' });
- shadow.innerHTML = `
-
-
-
-
- `;
- }
+ // static get observedAttributes() { return 'name stage number'.split(' '); }
+
+ // constructor() {
+ // super();
+ // const shadow = this.attachShadow({ mode: 'open' });
+ // shadow.innerHTML = `
+ //
+ //
+ //
+ //
+ //
+ //
+ // `;
+ // }
+
+ // get name() { return this.getAttribute('name'); }
+ // set name(s) { this.setAttribute('name',s); }
+ // get stage() { return this.getAttribute('stage'); }
+ // set stage(s) { this.setAttribute('stage',s); }
+ // get number() { return this.getAttribute('number'); }
+ // set number(s) { this.setAttribute('number',s); }
+
+ // connectedCallback() { this.render(); }
+
+ // attributeChangedCallback(name, oV, nV) { console.log({name,oV,nV}); this.render(); }
+
+ // render() {
+ // const view = this.shadowRoot.querySelector('#view');
+ // const { name, stage, number } = this;
+ // view.innerHTML = `
+ // ${name}
+ // ${number}
+ // ${stage}
+ // `;
+ // }
});
diff --git a/crates/web-assets/assets/elements/oswilno-parking-space-rent.js b/crates/web-assets/assets/elements/oswilno-parking-space-rent.js
index fdd87f5..0e71e0c 100644
--- a/crates/web-assets/assets/elements/oswilno-parking-space-rent.js
+++ b/crates/web-assets/assets/elements/oswilno-parking-space-rent.js
@@ -1,14 +1,15 @@
customElements.define('oswilno-parking-space-rent', class extends HTMLElement {
- constructor() {
- super();
- const shadow = this.attachShadow({ mode: 'open' });
- shadow.innerHTML = `
-
-
-
-
- `;
- }
+ // constructor() {
+ // super();
+ // const shadow = this.attachShadow({ mode: 'open' });
+ // shadow.innerHTML = `
+ //
+ //
+ //
+ //
+ // `;
+ // this.classList = "w-[48%] p-4 bg-white border border-white-200 rounded-lg shadow sm:p-8 dark:bg-white-800 dark:border-white-700 mt-6";
+ // }
});
diff --git a/crates/web-assets/assets/elements/oswilno-parking-space-rents.js b/crates/web-assets/assets/elements/oswilno-parking-space-rents.js
index cf976c9..e4644f6 100644
--- a/crates/web-assets/assets/elements/oswilno-parking-space-rents.js
+++ b/crates/web-assets/assets/elements/oswilno-parking-space-rents.js
@@ -1,23 +1,23 @@
customElements.define('oswilno-parking-space-rents', class extends HTMLElement {
- constructor() {
- super();
- const shadow = this.attachShadow({ mode: 'open' });
- shadow.innerHTML = `
-
-
-
-
- `;
- }
+ // constructor() {
+ // super();
+ // const shadow = this.attachShadow({ mode: 'open' });
+ // shadow.innerHTML = `
+ //
+ //
+ //
+ //
+ // `;
+ // }
});
diff --git a/crates/web-assets/assets/elements/oswilno-parking-space.js b/crates/web-assets/assets/elements/oswilno-parking-space.js
index 3ba9ec3..a87d68a 100644
--- a/crates/web-assets/assets/elements/oswilno-parking-space.js
+++ b/crates/web-assets/assets/elements/oswilno-parking-space.js
@@ -1,14 +1,25 @@
customElements.define('oswilno-parking-space', class extends HTMLElement {
- constructor() {
- super();
- const shadow = this.attachShadow({ mode: 'open' });
- shadow.innerHTML = `
-
-
-
-
- `;
- }
+ // static get observedAttibutes() { return 'spot'; }
+ // constructor() {
+ // super();
+ // const shadow = this.attachShadow({ mode: 'open' });
+ // shadow.innerHTML = `
+ //
+ //
+ // `;
+ // this.render();
+ // }
+ // render() {
+ // const spot = this.getAttribute('spot');
+ // this.shadowRoot.textContent = `${spot}`;
+ // }
});
diff --git a/crates/web-assets/assets/elements/oswilno-price.js b/crates/web-assets/assets/elements/oswilno-price.js
index 7897b16..9ba3f04 100644
--- a/crates/web-assets/assets/elements/oswilno-price.js
+++ b/crates/web-assets/assets/elements/oswilno-price.js
@@ -1,20 +1,20 @@
customElements.define('oswilno-price', class extends HTMLElement {
- constructor() {
- super();
- this.attachShadow({ mode: 'open' });
- }
- connectedCallback() {
- let shadow = this.shadowRoot;
- let price = parseInt(this.getAttribute('price'));
- if (isNaN(price)) price = 0;
- const multiplier = parseInt(this.getAttribute('multiplier'));
- let major = price;
- let minor = 0;
- if (!isNaN(multiplier)) {
- major = Math.floor(price / multiplier);
- minor = price % multiplier;
- }
- const currency = this.getAttribute('currency') || 'PLN';
- shadow.innerHTML = `${major}.${minor >= 10 ? minor : minor + '0'} ${ currency }
`;
- }
+ //constructor() {
+ // super();
+ // this.attachShadow({ mode: 'open' });
+ //}
+ //connectedCallback() {
+ // let shadow = this.shadowRoot;
+ // let price = parseInt(this.getAttribute('price'));
+ // if (isNaN(price)) price = 0;
+ // const multiplier = parseInt(this.getAttribute('multiplier'));
+ // let major = price;
+ // let minor = 0;
+ // if (!isNaN(multiplier)) {
+ // major = Math.floor(price / multiplier);
+ // minor = price % multiplier;
+ // }
+ // const currency = this.getAttribute('currency') || 'PLN';
+ // shadow.innerHTML = `${major}.${minor >= 10 ? minor : minor + '0'} ${ currency }
`;
+ //}
});