From d2c53f9c254fd4d38beb4da5517d8e77546a4f72 Mon Sep 17 00:00:00 2001 From: ennucore Date: Thu, 15 Dec 2022 16:05:26 +0100 Subject: [PATCH] ZoneTable with ZonePricing --- .idea/workspace.xml | 33 ++++++---- index.html | 4 +- package-lock.json | 51 +++++++++++++++- package.json | 3 +- src/assets/icons/buy.svg | 55 +++++++++++++++++ src/assets/icons/instant_buy.svg | 58 ++++++++++++++++++ src/assets/main.css | 45 ++++++++++++++ src/components/DarkLayout.vue | 7 --- src/components/TonButton.vue | 29 +++++++++ src/components/ZonePricing.vue | 102 +++++++++++++++++++++++++++++++ src/components/ZoneTable.vue | 43 +++++++------ src/views/Find.vue | 4 +- src/zone.ts | 6 ++ 13 files changed, 398 insertions(+), 42 deletions(-) create mode 100644 src/assets/icons/buy.svg create mode 100644 src/assets/icons/instant_buy.svg create mode 100644 src/components/TonButton.vue create mode 100644 src/components/ZonePricing.vue diff --git a/.idea/workspace.xml b/.idea/workspace.xml index 97aca1f..599e10b 100644 --- a/.idea/workspace.xml +++ b/.idea/workspace.xml @@ -1,15 +1,18 @@ - - - - + + + + + + + - - - + + + @@ -128,6 +138,7 @@ - \ No newline at end of file diff --git a/index.html b/index.html index 9499b74..d0d6d31 100644 --- a/index.html +++ b/index.html @@ -4,8 +4,8 @@ - + + Agorata diff --git a/package-lock.json b/package-lock.json index af2d814..4204c0d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -12,7 +12,8 @@ "sass": "^1.56.2", "vue": "^3.2.45", "vue-contenteditable": "^4.1.0", - "vue-router": "^4.1.6" + "vue-router": "^4.1.6", + "vue3-popper": "^1.5.0" }, "devDependencies": { "@types/node": "^18.11.12", @@ -486,6 +487,15 @@ "node": ">= 8" } }, + "node_modules/@popperjs/core": { + "version": "2.11.6", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz", + "integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==", + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/popperjs" + } + }, "node_modules/@types/node": { "version": "18.11.13", "resolved": "https://registry.npmjs.org/@types/node/-/node-18.11.13.tgz", @@ -964,6 +974,11 @@ "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==", "dev": true }, + "node_modules/debounce": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/debounce/-/debounce-1.2.1.tgz", + "integrity": "sha512-XRRe6Glud4rd/ZGQfiV1ruXSfbvfJedlV9Y6zOlP+2K04vBYiJEte6stfFkCP03aMnY5tsipamumUjL14fofug==" + }, "node_modules/define-properties": { "version": "1.1.4", "dev": true, @@ -2606,6 +2621,21 @@ "typescript": "*" } }, + "node_modules/vue3-popper": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/vue3-popper/-/vue3-popper-1.5.0.tgz", + "integrity": "sha512-xaEnx90YBnlSg5G2yWqm2DHWHg+DB99UVRp4VsyTF0QLXyHrqSuE1Xo5+sG0AQq/lBcrGMlk5NU5xE2MDLKViw==", + "dependencies": { + "@popperjs/core": "^2.9.2", + "debounce": "^1.2.1" + }, + "engines": { + "node": ">=12" + }, + "peerDependencies": { + "vue": "^3.2.20" + } + }, "node_modules/which-boxed-primitive": { "version": "1.0.2", "dev": true, @@ -2875,6 +2905,11 @@ "fastq": "^1.6.0" } }, + "@popperjs/core": { + "version": "2.11.6", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz", + "integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==" + }, "@types/node": { "version": "18.11.13", "resolved": "https://registry.npmjs.org/@types/node/-/node-18.11.13.tgz", @@ -3276,6 +3311,11 @@ "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==", "dev": true }, + "debounce": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/debounce/-/debounce-1.2.1.tgz", + "integrity": "sha512-XRRe6Glud4rd/ZGQfiV1ruXSfbvfJedlV9Y6zOlP+2K04vBYiJEte6stfFkCP03aMnY5tsipamumUjL14fofug==" + }, "define-properties": { "version": "1.1.4", "dev": true, @@ -4352,6 +4392,15 @@ "@volar/vue-typescript": "1.0.13" } }, + "vue3-popper": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/vue3-popper/-/vue3-popper-1.5.0.tgz", + "integrity": "sha512-xaEnx90YBnlSg5G2yWqm2DHWHg+DB99UVRp4VsyTF0QLXyHrqSuE1Xo5+sG0AQq/lBcrGMlk5NU5xE2MDLKViw==", + "requires": { + "@popperjs/core": "^2.9.2", + "debounce": "^1.2.1" + } + }, "which-boxed-primitive": { "version": "1.0.2", "dev": true, diff --git a/package.json b/package.json index 21591a2..15283b9 100644 --- a/package.json +++ b/package.json @@ -14,7 +14,8 @@ "sass": "^1.56.2", "vue": "^3.2.45", "vue-contenteditable": "^4.1.0", - "vue-router": "^4.1.6" + "vue-router": "^4.1.6", + "vue3-popper": "^1.5.0" }, "devDependencies": { "@types/node": "^18.11.12", diff --git a/src/assets/icons/buy.svg b/src/assets/icons/buy.svg new file mode 100644 index 0000000..f46b05d --- /dev/null +++ b/src/assets/icons/buy.svg @@ -0,0 +1,55 @@ + + + +B diff --git a/src/assets/icons/instant_buy.svg b/src/assets/icons/instant_buy.svg new file mode 100644 index 0000000..766d6da --- /dev/null +++ b/src/assets/icons/instant_buy.svg @@ -0,0 +1,58 @@ + + + +B diff --git a/src/assets/main.css b/src/assets/main.css index 18357dc..64d2c51 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -105,3 +105,48 @@ a, .rbox > p:not(:first-child) { margin-top: 1rem; } + +.center { + display: flex; + justify-content: center; + align-items: center; + place-items: center; + flex-direction: column; +} + +.b.darkish { + background-color: #4e5a88; + color: white; + border-radius: 0.5rem; + font-size: 1rem; +} + +.mono { + font-family: 'Inconsolata', monospace; +} + +:root { + --popper-theme-background-color: #fff; + --popper-theme-background-color-hover: #fff; + --popper-theme-text-color: black; + --popper-theme-border-width: 0px; + --popper-theme-border-style: solid; + --popper-theme-border-radius: 6px; + --popper-theme-padding: 4px; + --popper-theme-box-shadow: 0 6px 30px -6px rgba(0, 0, 0, 0.25); +} + +.popper { + font-size: 0.8rem; + font-family: 'Inconsolata', monospace; +} + +.mobile-scale { + scale: 100%; +} + +@media (max-width: 800px) { + .mobile-scale { + scale: 70%; + } +} \ No newline at end of file diff --git a/src/components/DarkLayout.vue b/src/components/DarkLayout.vue index 301b6bf..db092f2 100644 --- a/src/components/DarkLayout.vue +++ b/src/components/DarkLayout.vue @@ -34,11 +34,4 @@ export default { margin: 0.5rem 3rem; } -.center { - display: flex; - justify-content: center; - align-items: center; - place-items: center; - flex-direction: column; -} \ No newline at end of file diff --git a/src/components/TonButton.vue b/src/components/TonButton.vue new file mode 100644 index 0000000..a6d6ee7 --- /dev/null +++ b/src/components/TonButton.vue @@ -0,0 +1,29 @@ + + + + + \ No newline at end of file diff --git a/src/components/ZonePricing.vue b/src/components/ZonePricing.vue new file mode 100644 index 0000000..3766c4b --- /dev/null +++ b/src/components/ZonePricing.vue @@ -0,0 +1,102 @@ + + + + + \ No newline at end of file diff --git a/src/components/ZoneTable.vue b/src/components/ZoneTable.vue index 04b7b57..7461943 100644 --- a/src/components/ZoneTable.vue +++ b/src/components/ZoneTable.vue @@ -1,30 +1,35 @@