@ozdao/prometheus-framework 0.2.30 → 0.2.31

Sign up to get free protection for your applications and to get access to all the features.
Files changed (269) hide show
  1. package/dist/addMembersQuantity-3505b6f3.mjs +98 -0
  2. package/dist/addMembersQuantity-fb552ca0.js +97 -0
  3. package/dist/auth.server.js +6 -9
  4. package/dist/auth.server.mjs +6 -9
  5. package/dist/community.server.js +28 -21
  6. package/dist/community.server.mjs +28 -21
  7. package/dist/events.server.js +1 -1
  8. package/dist/events.server.mjs +1 -1
  9. package/dist/files.server.js +114 -111
  10. package/dist/files.server.mjs +114 -111
  11. package/dist/gallery.server.js +3 -3
  12. package/dist/gallery.server.mjs +3 -3
  13. package/dist/globals.server.js +1 -1
  14. package/dist/globals.server.mjs +1 -1
  15. package/dist/index-a8dffc0c.js +213 -0
  16. package/dist/index-d769324d.mjs +214 -0
  17. package/dist/mailing-37c2ba41.mjs +68 -0
  18. package/dist/mailing-fe16a26a.js +67 -0
  19. package/dist/main.css +1 -1
  20. package/dist/middlewares.server.js +1 -1
  21. package/dist/middlewares.server.mjs +1 -1
  22. package/dist/organizations.server.js +125 -25
  23. package/dist/organizations.server.mjs +125 -25
  24. package/dist/prometheus-framework.cjs.js +30 -29
  25. package/dist/prometheus-framework.es.js +2478 -2282
  26. package/dist/reports.server.js +1 -1
  27. package/dist/reports.server.mjs +1 -1
  28. package/dist/users.server.js +1 -1
  29. package/dist/users.server.mjs +1 -1
  30. package/package.json +4 -2
  31. package/src/assets/images/logo.svg +7 -7
  32. package/src/components/Block/Block.vue +77 -0
  33. package/src/components/Breadcrumbs/Breadcrumbs.vue +2 -2
  34. package/src/components/Button/Button.vue +32 -227
  35. package/src/components/Checkbox/Checkbox.vue +1 -1
  36. package/src/components/Chips/Chips.vue +8 -8
  37. package/src/components/DatePicker/DatePicker.vue +3 -4
  38. package/src/components/EditImages/EditImages.vue +32 -14
  39. package/src/{modules/globals/components/sections → components/Feed}/Feed.vue +60 -45
  40. package/src/components/FieldBig/FieldBig.vue +16 -5
  41. package/src/components/FieldPhone/FieldPhone.vue +2 -1
  42. package/src/components/Footer/Footer.vue +36 -27
  43. package/src/components/Header/Header.vue +161 -166
  44. package/src/components/Loader/Loader.vue +9 -2
  45. package/src/components/LocationMarker/LocationMarker.vue +38 -12
  46. package/src/components/LocationSelection/LocationSelection.vue +67 -75
  47. package/src/components/Magnifier/Magnifier.vue +3 -3
  48. package/src/components/Navigation/Navigation.vue +16 -16
  49. package/src/components/Popup/Popup.vue +8 -6
  50. package/src/components/Select/Select.vue +35 -6
  51. package/src/components/SelectMulti/SelectMulti.vue +5 -13
  52. package/src/components/Shader/Shader.vue +128 -0
  53. package/src/components/Sidebar/Sidebar.vue +71 -35
  54. package/src/components/Spoiler/Spoiler.vue +1 -1
  55. package/src/components/Tab/Tab.vue +1 -1
  56. package/src/components/Tooltip/Tooltip.vue +1 -1
  57. package/src/components/UploadImage/UploadImage.vue +4 -4
  58. package/src/components/UploadImageMultiple/UploadImageMultiple.vue +54 -10
  59. package/src/modules/applications/controllers/applications.controller.js +0 -1
  60. package/src/modules/auth/components/pages/EnterCode.vue +1 -1
  61. package/src/modules/auth/components/pages/EnterPassword.vue +3 -3
  62. package/src/modules/auth/components/pages/ResetPassword.vue +1 -2
  63. package/src/modules/auth/components/pages/SignIn.vue +26 -10
  64. package/src/modules/auth/components/pages/SignUp.vue +1 -2
  65. package/src/modules/auth/controllers/twofa.controller.js +4 -4
  66. package/src/modules/auth/localization/EnterCode.json +2 -2
  67. package/src/modules/auth/localization/EnterPassword.json +2 -2
  68. package/src/modules/auth/localization/ResetPassword.json +2 -2
  69. package/src/modules/auth/localization/SignIn.json +3 -3
  70. package/src/modules/auth/localization/SignUp.json +3 -3
  71. package/src/modules/auth/utils/server/verifyAppleIdToken.js +0 -1
  72. package/src/modules/backoffice/components/layouts/Backoffice.vue +1 -1
  73. package/src/modules/backoffice/components/pages/Dashboard.vue +171 -120
  74. package/src/modules/backoffice/router/backoffice.js +119 -129
  75. package/src/modules/chats/components/blocks/ChatMessage.vue +25 -0
  76. package/src/modules/chats/components/pages/ChatPage.vue +50 -0
  77. package/src/modules/chats/components/sections/ChatWindow.vue +38 -0
  78. package/src/modules/chats/controllers/chats.controller.js +32 -0
  79. package/src/modules/chats/models/chat.model.js +26 -0
  80. package/src/modules/chats/routes/chats.routes.js +53 -0
  81. package/src/modules/chats/store/chat.store.js +61 -0
  82. package/src/modules/community/components/blocks/CardBlogpost.vue +19 -4
  83. package/src/modules/community/components/layouts/Community.vue +96 -39
  84. package/src/modules/community/components/pages/Blog.vue +4 -3
  85. package/src/modules/community/components/pages/BlogPost.vue +10 -1
  86. package/src/modules/community/components/pages/CreateBlogPost.vue +36 -17
  87. package/src/modules/community/components/sections/HotPosts.vue +3 -3
  88. package/src/modules/community/components/sections/JoinUs.vue +19 -13
  89. package/src/modules/community/controllers/blog.controller.js +3 -4
  90. package/src/modules/community/controllers/utils/queryProcessor.js +16 -17
  91. package/src/modules/community/models/blogpost.model.js +6 -3
  92. package/src/modules/community/store/blogposts.js +1 -0
  93. package/src/modules/constructor/components/elements/Embed.vue +12 -1
  94. package/src/modules/constructor/components/elements/ImageUpload.vue +2 -2
  95. package/src/modules/constructor/components/elements/Textarea.vue +6 -1
  96. package/src/modules/constructor/components/elements/Video.vue +79 -0
  97. package/src/modules/constructor/components/elements/VideoPlayer.vue +59 -0
  98. package/src/modules/constructor/components/elements/Youtube.vue +52 -0
  99. package/src/modules/constructor/components/sections/Constructor.vue +27 -3
  100. package/src/modules/events/components/layouts/layoutEvents.vue +7 -28
  101. package/src/modules/files/controllers/files.controller.js +9 -22
  102. package/src/modules/files/middlewares/server/index.js +2 -2
  103. package/src/modules/files/middlewares/server/middlewareBusboy.js +137 -0
  104. package/src/modules/files/routes/files.routes.js +9 -9
  105. package/src/modules/globals/localization/vue-i18n.js +8 -1
  106. package/src/modules/globals/mixins/mixins.js +23 -13
  107. package/src/modules/globals/router/routerGuards.js +2 -2
  108. package/src/modules/globals/store/globals.js +86 -9
  109. package/src/modules/globals/utils/mailing.js +24 -3
  110. package/src/modules/icons/entities/IconCommunity.vue +4 -4
  111. package/src/modules/icons/entities/IconEvents.vue +1 -1
  112. package/src/modules/icons/entities/IconGroups.vue +1 -1
  113. package/src/modules/icons/entities/IconPrice.vue +5 -0
  114. package/src/modules/icons/entities/IconProfile.vue +5 -0
  115. package/src/modules/icons/entities/IconShopcart.vue +5 -0
  116. package/src/modules/icons/entities/IconTime.vue +5 -0
  117. package/src/modules/icons/icons.client.js +4 -0
  118. package/src/modules/icons/labels/LabelAppStore.vue +24 -24
  119. package/src/modules/icons/labels/LabelGooglePlay.vue +9 -9
  120. package/src/modules/icons/logos/Logotype.vue +20 -0
  121. package/src/modules/icons/navigation/IconAdd.vue +17 -0
  122. package/src/modules/icons/navigation/IconChevronBottom.vue +18 -0
  123. package/src/modules/icons/navigation/IconChevronRight.vue +3 -3
  124. package/src/modules/icons/navigation/IconDelete.vue +19 -0
  125. package/src/modules/icons/navigation/IconMinus.vue +15 -0
  126. package/src/modules/icons/navigation/IconSearch.vue +17 -0
  127. package/src/modules/icons/navigation/IconUpload.vue +16 -0
  128. package/src/modules/icons/placeholders/PlaceholderImage.vue +5 -0
  129. package/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue +20 -0
  130. package/src/modules/icons/placeholders/PlaceholderUserpic.vue +4 -18
  131. package/src/modules/icons/socials/instagram.vue +1 -1
  132. package/src/modules/icons/socials/line.vue +1 -1
  133. package/src/modules/icons/socials/reddit.vue +1 -1
  134. package/src/modules/icons/socials/telegram.vue +1 -1
  135. package/src/modules/icons/socials/twitter.vue +1 -1
  136. package/src/modules/icons/socials/youtube.vue +1 -1
  137. package/src/modules/landing/components/sections/Guide.vue +92 -0
  138. package/src/modules/landing/components/sections/MobileApp.vue +23 -12
  139. package/src/modules/marketplace/components/layouts/Marketplace.vue +76 -188
  140. package/src/modules/marketplace/components/pages/Catalog.vue +65 -119
  141. package/src/modules/marketplace/components/sections/Filters.vue +195 -0
  142. package/src/modules/marketplace/store/marketplace.js +2 -2
  143. package/src/modules/middlewares/client/auth.validation.js +0 -6
  144. package/src/modules/middlewares/client/states.validation.js +2 -8
  145. package/src/modules/middlewares/server/authJwt.js +1 -1
  146. package/src/modules/mobile/components/Menu/MenuItem.vue +3 -6
  147. package/src/modules/openai/controllers/openai.controller.js +0 -1
  148. package/src/modules/orders/components/blocks/CardOrder.vue +166 -0
  149. package/src/modules/orders/components/blocks/CardOrderItem.vue +59 -66
  150. package/src/modules/orders/components/blocks/Positions.vue +4 -4
  151. package/src/modules/orders/components/pages/EditOrder.vue +78 -142
  152. package/src/modules/orders/components/pages/FormOrder.vue +192 -0
  153. package/src/modules/orders/components/pages/Order.vue +326 -120
  154. package/src/modules/orders/components/pages/Orders.vue +13 -9
  155. package/src/modules/orders/components/pages/{ViewOrder.vue → Orders_refact.vue} +13 -10
  156. package/src/modules/orders/components/partials/ShopCart.vue +22 -13
  157. package/src/modules/orders/components/sections/EmptyState.vue +1 -1
  158. package/src/modules/orders/components/sections/{Form.vue → FormOrderDetails.vue} +38 -106
  159. package/src/modules/orders/controllers/orders.controller.js +37 -28
  160. package/src/modules/orders/models/order.model.js +39 -9
  161. package/src/modules/orders/router/orders.router.js +23 -2
  162. package/src/modules/orders/routes/orders.routes.js +14 -17
  163. package/src/modules/orders/store/orders.js +24 -9
  164. package/src/modules/orders/store/shopcart.js +20 -19
  165. package/src/modules/organizations/components/blocks/CardDepartment.vue +1 -1
  166. package/src/modules/organizations/components/blocks/CardOrganization.vue +98 -46
  167. package/src/modules/organizations/components/blocks/Rating.vue +1 -1
  168. package/src/modules/organizations/components/blocks/Socials.vue +11 -3
  169. package/src/modules/organizations/components/elements/ButtonToggleMembership.vue +1 -1
  170. package/src/modules/organizations/components/pages/Department.vue +1 -1
  171. package/src/modules/organizations/components/pages/DepartmentEdit.vue +4 -4
  172. package/src/modules/organizations/components/pages/Members.vue +6 -4
  173. package/src/modules/organizations/components/pages/Organization.vue +120 -49
  174. package/src/modules/organizations/components/pages/OrganizationEdit.vue +8 -1
  175. package/src/modules/organizations/components/pages/Organizations.vue +27 -6
  176. package/src/modules/organizations/components/sections/DetailsTab.vue +11 -9
  177. package/src/modules/organizations/components/sections/Feed.vue +0 -3
  178. package/src/modules/organizations/components/sections/FeedDepartments.vue +2 -2
  179. package/src/modules/organizations/controllers/organizations.controller.js +126 -15
  180. package/src/modules/organizations/controllers/utils/addMembersQuantity.js +19 -9
  181. package/src/modules/organizations/models/organization.model.js +5 -2
  182. package/src/modules/organizations/router/members.router.js +1 -3
  183. package/src/modules/organizations/router/organizations.js +8 -6
  184. package/src/modules/organizations/router/products.router.js +36 -2
  185. package/src/modules/organizations/store/organizations.js +38 -84
  186. package/src/modules/pages/controllers/pages.controller.js +0 -4
  187. package/src/modules/payments/controller/payments.controller.js +1 -1
  188. package/src/modules/products/components/blocks/CardLeftover.vue +17 -22
  189. package/src/modules/products/components/blocks/CardPosition.vue +96 -49
  190. package/src/modules/products/components/blocks/CardProduct.vue +24 -53
  191. package/src/modules/products/components/blocks/Images360.vue +4 -4
  192. package/src/modules/products/components/blocks/ImagesThumbnails.vue +2 -7
  193. package/src/modules/products/components/blocks/ListPositions.vue +74 -0
  194. package/src/modules/products/components/elements/Price.vue +11 -5
  195. package/src/modules/products/components/elements/THC.vue +6 -6
  196. package/src/modules/products/components/pages/{LeftoverAdd.vue → EditLeftover.vue} +93 -79
  197. package/src/modules/products/components/pages/Leftovers.vue +74 -70
  198. package/src/modules/products/components/pages/Product.vue +4 -7
  199. package/src/modules/products/components/pages/ProductEdit.vue +230 -88
  200. package/src/modules/products/components/pages/ProductRecommmendation.vue +1 -1
  201. package/src/modules/products/components/pages/Products.vue +6 -3
  202. package/src/modules/products/components/pages/ProductsBackoffice.vue +3 -5
  203. package/src/modules/products/components/sections/EditModifications.vue +3 -3
  204. package/src/modules/products/components/sections/EditProductInfo.vue +40 -50
  205. package/src/modules/products/components/sections/FilterProducts.vue +57 -18
  206. package/src/modules/products/components/sections/HeroRecommendation.vue +233 -99
  207. package/src/modules/products/components/sections/MenuSection.vue +127 -0
  208. package/src/modules/products/components/sections/PopularProducts.vue +81 -37
  209. package/src/modules/products/components/sections/SectionProduct.vue +21 -23
  210. package/src/modules/products/controllers/leftovers.controller.js +11 -1
  211. package/src/modules/products/controllers/products.controller.js +100 -97
  212. package/src/modules/products/models/leftover.model.js +6 -4
  213. package/src/modules/products/models/product.model.js +13 -1
  214. package/src/modules/products/routes/products.routes.js +4 -4
  215. package/src/modules/products/store/leftovers.js +4 -24
  216. package/src/modules/products/store/products.js +44 -30
  217. package/src/modules/spots/components/blocks/CardSpot.vue +43 -72
  218. package/src/modules/spots/components/layouts/Spots.vue +9 -91
  219. package/src/modules/spots/components/pages/Map.vue +171 -62
  220. package/src/modules/spots/components/pages/Spot.vue +1 -1
  221. package/src/modules/spots/components/pages/SpotEdit.vue +131 -174
  222. package/src/modules/spots/controllers/spots.controller.js +1 -0
  223. package/src/modules/spots/models/spot.model.js +6 -3
  224. package/src/modules/spots/store/spots.js +42 -48
  225. package/src/modules/users/components/pages/Profile.vue +6 -28
  226. package/src/modules/users/components/pages/ProfileBlogposts.vue +1 -1
  227. package/src/modules/users/components/pages/ProfileEdit.vue +1 -1
  228. package/src/modules/users/components/pages/ProfileEvents.vue +1 -1
  229. package/src/modules/users/components/pages/ProfileOrganizations.vue +1 -1
  230. package/src/modules/users/router/users.js +1 -1
  231. package/src/modules/wallet/components/pages/Wallet.vue +105 -109
  232. package/src/modules/wallet/controllers/crypto.controller.js +129 -0
  233. package/src/modules/wallet/models/reward.model.js +53 -0
  234. package/src/modules/wallet/routes/crypto.routes.js +36 -0
  235. package/src/modules/wallet/store/wallet.js +52 -49
  236. package/src/styles/base/all.scss +143 -11
  237. package/src/styles/base/backgrounds.scss +2 -34
  238. package/src/styles/base/borders.scss +18 -23
  239. package/src/styles/base/scrolling.scss +97 -29
  240. package/src/styles/base/{shadows.scss → shadow_transitions_hover_refactor.scss} +55 -2
  241. package/src/styles/config.scss +69 -17
  242. package/src/styles/layout.scss +12 -182
  243. package/src/styles/reset.scss +20 -21
  244. package/src/styles/responsive.scss +4 -67
  245. package/src/styles/theme.scss +3 -4
  246. package/src/styles/typography.scss +15 -17
  247. package/src/assets/fonts/AvenirNext-Bold.woff2 +0 -0
  248. package/src/assets/fonts/AvenirNext-DemiBold.woff2 +0 -0
  249. package/src/assets/fonts/AvenirNext-Heavy.woff2 +0 -0
  250. package/src/assets/fonts/AvenirNext-Medium.woff2 +0 -0
  251. package/src/assets/fonts/AvenirNext-Regular.woff2 +0 -0
  252. package/src/assets/fonts/AvenirNext-UltraLight.woff2 +0 -0
  253. package/src/modules/files/middlewares/server/md.js +0 -152
  254. package/src/modules/files/middlewares/server/middlewareMulter.js +0 -121
  255. package/src/modules/organizations/controllers/organizations.new.controller.js +0 -372
  256. package/src/modules/products/components/blocks/EditCategories.vue +0 -68
  257. package/src/modules/products/components/sections/EditParameters.vue +0 -58
  258. package/src/modules/products/components/sections/EditProductImages.vue +0 -67
  259. package/src/modules/spots/components/sections/Feed.vue +0 -64
  260. package/src/styles/base/border-radius.scss +0 -47
  261. package/src/styles/base/cursors.scss +0 -23
  262. package/src/styles/base/height.scss +0 -60
  263. package/src/styles/base/hovers.scss +0 -110
  264. package/src/styles/base/positions.scss +0 -192
  265. package/src/styles/base/transitions.scss +0 -137
  266. package/src/styles/base/width.scss +0 -2
  267. package/src/styles/components/block.scss +0 -18
  268. package/src/styles/components/breadcrumbs.scss +0 -0
  269. package/src/styles/components/input.scss +0 -319
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  const _commonjsHelpers = require("./_commonjsHelpers-3b53548e.js");
3
- const index = require("./index-05aa7cae.js");
3
+ const index = require("./index-a8dffc0c.js");
4
4
  require("jsonwebtoken");
5
5
  require("mongodb");
6
6
  const controllerFactory$1 = (db) => {
@@ -1,5 +1,5 @@
1
1
  import { g as getDefaultExportFromCjs } from "./_commonjsHelpers-83b1d755.mjs";
2
- import { s as server } from "./index-d5066b82.mjs";
2
+ import { s as server } from "./index-d769324d.mjs";
3
3
  import "jsonwebtoken";
4
4
  import "mongodb";
5
5
  const controllerFactory$1 = (db) => {
@@ -2,7 +2,7 @@
2
2
  const _commonjsHelpers = require("./_commonjsHelpers-3b53548e.js");
3
3
  require("uuid");
4
4
  const require$$0 = require("mongoose");
5
- const addMembersQuantity$1 = require("./addMembersQuantity-7147aa4a.js");
5
+ const addMembersQuantity$1 = require("./addMembersQuantity-fb552ca0.js");
6
6
  require("mongodb");
7
7
  const ObjectId = require$$0.Types.ObjectId;
8
8
  const addUserStatusFields = addMembersQuantity$1.addUserStatusFields_1;
@@ -1,7 +1,7 @@
1
1
  import { g as getDefaultExportFromCjs } from "./_commonjsHelpers-83b1d755.mjs";
2
2
  import "uuid";
3
3
  import require$$0 from "mongoose";
4
- import { a as addUserStatusFields_1, b as addMembersQuantity_1 } from "./addMembersQuantity-eac999f0.mjs";
4
+ import { a as addUserStatusFields_1, b as addMembersQuantity_1 } from "./addMembersQuantity-3505b6f3.mjs";
5
5
  import "mongodb";
6
6
  const ObjectId = require$$0.Types.ObjectId;
7
7
  const addUserStatusFields = addUserStatusFields_1;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ozdao/prometheus-framework",
3
- "version": "0.2.30",
3
+ "version": "0.2.31",
4
4
  "description": "Web3 Framework focused on user experience and ease of development.",
5
5
  "author": "OZ DAO <hello@ozdao.dev>",
6
6
  "license": "GPL-3.0-or-later",
@@ -168,6 +168,8 @@
168
168
  "@googlemaps/google-maps-services-js": "^3.3.37",
169
169
  "@intlify/unplugin-vue-i18n": "^1.0.1",
170
170
  "@vuepic/vue-datepicker": "^7.0.0",
171
+ "bignumber.js": "^9.1.2",
172
+ "config": "^3.3.9",
171
173
  "jwk-to-pem": "^2.0.5",
172
174
  "libphonenumber-js": "^1.10.41",
173
175
  "mongoose": "^7.5.2",
@@ -182,7 +184,7 @@
182
184
  "@babel/preset-flow": "^7.22.15",
183
185
  "@babel/runtime": "^7.21.5",
184
186
  "@rollup/plugin-babel": "^6.0.3",
185
- "@rollup/plugin-commonjs": "^25.0.4",
187
+ "@rollup/plugin-commonjs": "^25.0.7",
186
188
  "@rollup/plugin-json": "^6.0.0",
187
189
  "@rollup/plugin-node-resolve": "^15.2.1",
188
190
  "@rollup/plugin-typescript": "^11.1.3",
@@ -1,9 +1,9 @@
1
1
  <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path fill-rule="evenodd" clip-rule="evenodd" d="M8.02089 13.1797C7.90763 13.8048 7.84899 14.4442 7.84899 15.0946C7.84899 22.3559 15.1582 28.2423 24.1745 28.2423C33.1908 28.2423 40.5 22.3559 40.5 15.0946C40.5 14.447 40.4419 13.8103 40.3295 13.1877C39.6161 10.737 38.3602 8.51738 36.7004 6.66748C36.74 6.93909 36.7603 7.21448 36.7603 7.49303C36.7603 12.1388 31.1249 15.905 24.1734 15.905C17.2219 15.905 11.5866 12.1388 11.5866 7.49303C11.5866 7.21506 11.6067 6.94023 11.6462 6.66918C9.98897 8.51673 8.73451 10.733 8.02089 13.1797Z" fill="#00FF88"/>
3
- <path d="M5.9995 29.0564C5.9995 38.9685 14.0349 47.0039 23.947 47.0039C33.8592 47.0039 41.8945 38.9685 41.8945 29.0564C41.8945 19.1443 33.8592 11.1089 23.947 11.1089C14.0349 11.1089 5.9995 19.1443 5.9995 29.0564Z" fill="#00FF88"/>
4
- <path d="M43.7723 33.468C42.1259 32.6073 39.6054 31.5947 36.6729 31.2401C36.2613 31.1896 36.107 30.6831 36.4156 30.4299C37.2388 29.7716 38.0103 29.0122 38.7305 28.202C42.8974 23.5944 44.5951 17.9743 45.2124 14.9364C45.418 13.9239 44.4408 13.0631 43.4633 13.4174C40.4796 14.3795 34.9752 16.7083 30.8081 21.3159C30.6024 21.5182 30.3965 21.7715 30.2422 21.9742C29.9335 22.3288 29.3676 22.1261 29.419 21.6705C29.522 20.6579 29.5733 19.6454 29.5733 18.5819C29.5733 10.8352 26.9497 4.15176 25.3547 0.759413C24.8917 -0.253138 23.3997 -0.253138 22.8854 0.759413C21.2907 4.15176 18.6668 10.8858 18.6668 18.5819C18.6668 19.6454 18.7181 20.6579 18.8211 21.6705C18.8724 22.1261 18.3065 22.3288 17.9979 21.9742C17.7923 21.7718 17.6376 21.5186 17.432 21.3159C13.2651 16.7083 7.7605 14.4299 4.77673 13.4174C3.7992 13.1136 2.82176 13.9238 3.02772 14.9364C3.69661 17.9745 5.39434 23.5947 9.5096 28.202C10.2298 29.0122 11.053 29.7715 11.8245 30.4299C12.1331 30.6831 11.9788 31.1893 11.5672 31.2401C8.6347 31.5947 6.11421 32.6578 4.46781 33.468C3.49028 33.9745 3.49028 35.3413 4.46781 35.7973C6.47414 36.8098 9.81783 38.177 13.5735 38.177C14.448 38.177 15.2712 38.1265 16.0944 37.9746C16.506 37.9241 16.7633 38.3797 16.5573 38.6834C15.8371 39.696 15.3226 40.7594 14.9109 41.6201C14.4993 42.6835 15.4768 43.7466 16.6086 43.3924C18.1003 42.8859 20.004 42.0252 21.65 40.5062C22.0103 40.2024 22.3189 39.8479 22.5758 39.5441L22.0612 46.3796C22.0099 47.2403 22.7301 48 23.6047 48H24.5822C25.4567 48 26.1769 47.2407 26.1256 46.3796L25.611 39.5441C25.9196 39.8987 26.2282 40.2024 26.5368 40.5062C28.1315 42.0252 30.0866 42.8859 31.5783 43.3924C32.6588 43.747 33.6876 42.6836 33.2759 41.6201C32.9157 40.7089 32.4014 39.696 31.6295 38.6834C31.3723 38.3288 31.6809 37.8732 32.0925 37.9746C32.9157 38.076 33.7389 38.177 34.6133 38.177C38.3687 38.177 41.7127 36.8606 43.719 35.7973C44.75 35.2908 44.75 33.9742 43.7725 33.468H43.7723Z" fill="black"/>
5
- <path d="M43.7723 33.468C42.1259 32.6073 39.6054 31.5947 36.6729 31.2401C36.2613 31.1896 36.107 30.6831 36.4156 30.4299C37.2388 29.7716 38.0103 29.0122 38.7305 28.202C42.8974 23.5944 44.5951 17.9743 45.2124 14.9364C45.418 13.9239 44.4408 13.0631 43.4633 13.4174C40.4796 14.3795 34.9752 16.7083 30.8081 21.3159C30.6024 21.5182 30.3965 21.7715 30.2422 21.9742C29.9335 22.3288 29.3676 22.1261 29.419 21.6705C29.522 20.6579 29.5733 19.6454 29.5733 18.5819C29.5733 10.8352 26.9497 4.15176 25.3547 0.759413C24.8917 -0.253138 23.3997 -0.253138 22.8854 0.759413C21.2907 4.15176 18.6668 10.8858 18.6668 18.5819C18.6668 19.6454 18.7181 20.6579 18.8211 21.6705C18.8724 22.1261 18.3065 22.3288 17.9979 21.9742C17.7923 21.7718 17.6376 21.5186 17.432 21.3159C13.2651 16.7083 7.7605 14.4299 4.77673 13.4174C3.7992 13.1136 2.82176 13.9238 3.02772 14.9364C3.69661 17.9745 5.39434 23.5947 9.5096 28.202C10.2298 29.0122 11.053 29.7715 11.8245 30.4299C12.1331 30.6831 11.9788 31.1893 11.5672 31.2401C8.6347 31.5947 6.11421 32.6578 4.46781 33.468C3.49028 33.9745 3.49028 35.3413 4.46781 35.7973C6.47414 36.8098 9.81783 38.177 13.5735 38.177C14.448 38.177 15.2712 38.1265 16.0944 37.9746C16.506 37.9241 16.7633 38.3797 16.5573 38.6834C15.8371 39.696 15.3226 40.7594 14.9109 41.6201C14.4993 42.6835 15.4768 43.7466 16.6086 43.3924C18.1003 42.8859 20.004 42.0252 21.65 40.5062C22.0103 40.2024 22.3189 39.8479 22.5758 39.5441L22.0612 46.3796C22.0099 47.2403 22.7301 48 23.6047 48H24.5822C25.4567 48 26.1769 47.2407 26.1256 46.3796L25.611 39.5441C25.9196 39.8987 26.2282 40.2024 26.5368 40.5062C28.1315 42.0252 30.0866 42.8859 31.5783 43.3924C32.6588 43.747 33.6876 42.6836 33.2759 41.6201C32.9157 40.7089 32.4014 39.696 31.6295 38.6834C31.3723 38.3288 31.6809 37.8732 32.0925 37.9746C32.9157 38.076 33.7389 38.177 34.6133 38.177C38.3687 38.177 41.7127 36.8606 43.719 35.7973C44.75 35.2908 44.75 33.9742 43.7725 33.468H43.7723Z" fill="black"/>
6
- <circle cx="19.5362" cy="28.0601" r="1.53616" fill="white"/>
7
- <circle cx="28.753" cy="28.0601" r="1.53616" fill="white"/>
8
- <path fill-rule="evenodd" clip-rule="evenodd" d="M19.2213 32.849C19.6874 32.5793 20.2839 32.7386 20.5535 33.2047C21.2718 34.4464 22.6118 35.2782 24.145 35.2782C25.6783 35.2782 27.0183 34.4464 27.7366 33.2047C28.0062 32.7386 28.6027 32.5793 29.0688 32.849C29.5349 33.1186 29.6942 33.715 29.4245 34.1811C28.372 36.0006 26.4025 37.2282 24.145 37.2282C21.8876 37.2282 19.918 36.0006 18.8656 34.1811C18.5959 33.715 18.7552 33.1186 19.2213 32.849Z" fill="white"/>
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M8.02089 13.1797C7.90763 13.8048 7.84899 14.4442 7.84899 15.0946C7.84899 22.3559 15.1582 28.2423 24.1745 28.2423C33.1908 28.2423 40.5 22.3559 40.5 15.0946C40.5 14.447 40.4419 13.8103 40.3295 13.1877C39.6161 10.737 38.3602 8.51738 36.7004 6.66748C36.74 6.93909 36.7603 7.21448 36.7603 7.49303C36.7603 12.1388 31.1249 15.905 24.1734 15.905C17.2219 15.905 11.5866 12.1388 11.5866 7.49303C11.5866 7.21506 11.6067 6.94023 11.6462 6.66918C9.98897 8.51673 8.73451 10.733 8.02089 13.1797Z" fill="rgb(var(--main))"/>
3
+ <path d="M5.9995 29.0564C5.9995 38.9685 14.0349 47.0039 23.947 47.0039C33.8592 47.0039 41.8945 38.9685 41.8945 29.0564C41.8945 19.1443 33.8592 11.1089 23.947 11.1089C14.0349 11.1089 5.9995 19.1443 5.9995 29.0564Z" fill="rgb(var(--main))"/>
4
+ <path d="M43.7723 33.468C42.1259 32.6073 39.6054 31.5947 36.6729 31.2401C36.2613 31.1896 36.107 30.6831 36.4156 30.4299C37.2388 29.7716 38.0103 29.0122 38.7305 28.202C42.8974 23.5944 44.5951 17.9743 45.2124 14.9364C45.418 13.9239 44.4408 13.0631 43.4633 13.4174C40.4796 14.3795 34.9752 16.7083 30.8081 21.3159C30.6024 21.5182 30.3965 21.7715 30.2422 21.9742C29.9335 22.3288 29.3676 22.1261 29.419 21.6705C29.522 20.6579 29.5733 19.6454 29.5733 18.5819C29.5733 10.8352 26.9497 4.15176 25.3547 0.759413C24.8917 -0.253138 23.3997 -0.253138 22.8854 0.759413C21.2907 4.15176 18.6668 10.8858 18.6668 18.5819C18.6668 19.6454 18.7181 20.6579 18.8211 21.6705C18.8724 22.1261 18.3065 22.3288 17.9979 21.9742C17.7923 21.7718 17.6376 21.5186 17.432 21.3159C13.2651 16.7083 7.7605 14.4299 4.77673 13.4174C3.7992 13.1136 2.82176 13.9238 3.02772 14.9364C3.69661 17.9745 5.39434 23.5947 9.5096 28.202C10.2298 29.0122 11.053 29.7715 11.8245 30.4299C12.1331 30.6831 11.9788 31.1893 11.5672 31.2401C8.6347 31.5947 6.11421 32.6578 4.46781 33.468C3.49028 33.9745 3.49028 35.3413 4.46781 35.7973C6.47414 36.8098 9.81783 38.177 13.5735 38.177C14.448 38.177 15.2712 38.1265 16.0944 37.9746C16.506 37.9241 16.7633 38.3797 16.5573 38.6834C15.8371 39.696 15.3226 40.7594 14.9109 41.6201C14.4993 42.6835 15.4768 43.7466 16.6086 43.3924C18.1003 42.8859 20.004 42.0252 21.65 40.5062C22.0103 40.2024 22.3189 39.8479 22.5758 39.5441L22.0612 46.3796C22.0099 47.2403 22.7301 48 23.6047 48H24.5822C25.4567 48 26.1769 47.2407 26.1256 46.3796L25.611 39.5441C25.9196 39.8987 26.2282 40.2024 26.5368 40.5062C28.1315 42.0252 30.0866 42.8859 31.5783 43.3924C32.6588 43.747 33.6876 42.6836 33.2759 41.6201C32.9157 40.7089 32.4014 39.696 31.6295 38.6834C31.3723 38.3288 31.6809 37.8732 32.0925 37.9746C32.9157 38.076 33.7389 38.177 34.6133 38.177C38.3687 38.177 41.7127 36.8606 43.719 35.7973C44.75 35.2908 44.75 33.9742 43.7725 33.468H43.7723Z" fill="rgb(var(--black))"/>
5
+ <path d="M43.7723 33.468C42.1259 32.6073 39.6054 31.5947 36.6729 31.2401C36.2613 31.1896 36.107 30.6831 36.4156 30.4299C37.2388 29.7716 38.0103 29.0122 38.7305 28.202C42.8974 23.5944 44.5951 17.9743 45.2124 14.9364C45.418 13.9239 44.4408 13.0631 43.4633 13.4174C40.4796 14.3795 34.9752 16.7083 30.8081 21.3159C30.6024 21.5182 30.3965 21.7715 30.2422 21.9742C29.9335 22.3288 29.3676 22.1261 29.419 21.6705C29.522 20.6579 29.5733 19.6454 29.5733 18.5819C29.5733 10.8352 26.9497 4.15176 25.3547 0.759413C24.8917 -0.253138 23.3997 -0.253138 22.8854 0.759413C21.2907 4.15176 18.6668 10.8858 18.6668 18.5819C18.6668 19.6454 18.7181 20.6579 18.8211 21.6705C18.8724 22.1261 18.3065 22.3288 17.9979 21.9742C17.7923 21.7718 17.6376 21.5186 17.432 21.3159C13.2651 16.7083 7.7605 14.4299 4.77673 13.4174C3.7992 13.1136 2.82176 13.9238 3.02772 14.9364C3.69661 17.9745 5.39434 23.5947 9.5096 28.202C10.2298 29.0122 11.053 29.7715 11.8245 30.4299C12.1331 30.6831 11.9788 31.1893 11.5672 31.2401C8.6347 31.5947 6.11421 32.6578 4.46781 33.468C3.49028 33.9745 3.49028 35.3413 4.46781 35.7973C6.47414 36.8098 9.81783 38.177 13.5735 38.177C14.448 38.177 15.2712 38.1265 16.0944 37.9746C16.506 37.9241 16.7633 38.3797 16.5573 38.6834C15.8371 39.696 15.3226 40.7594 14.9109 41.6201C14.4993 42.6835 15.4768 43.7466 16.6086 43.3924C18.1003 42.8859 20.004 42.0252 21.65 40.5062C22.0103 40.2024 22.3189 39.8479 22.5758 39.5441L22.0612 46.3796C22.0099 47.2403 22.7301 48 23.6047 48H24.5822C25.4567 48 26.1769 47.2407 26.1256 46.3796L25.611 39.5441C25.9196 39.8987 26.2282 40.2024 26.5368 40.5062C28.1315 42.0252 30.0866 42.8859 31.5783 43.3924C32.6588 43.747 33.6876 42.6836 33.2759 41.6201C32.9157 40.7089 32.4014 39.696 31.6295 38.6834C31.3723 38.3288 31.6809 37.8732 32.0925 37.9746C32.9157 38.076 33.7389 38.177 34.6133 38.177C38.3687 38.177 41.7127 36.8606 43.719 35.7973C44.75 35.2908 44.75 33.9742 43.7725 33.468H43.7723Z" fill="rgb(var(--black))"/>
6
+ <circle cx="19.5362" cy="28.0601" r="1.53616" fill="rgb(var(--white))"/>
7
+ <circle cx="28.753" cy="28.0601" r="1.53616" fill="rgb(var(--white))"/>
8
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M19.2213 32.849C19.6874 32.5793 20.2839 32.7386 20.5535 33.2047C21.2718 34.4464 22.6118 35.2782 24.145 35.2782C25.6783 35.2782 27.0183 34.4464 27.7366 33.2047C28.0062 32.7386 28.6027 32.5793 29.0688 32.849C29.5349 33.1186 29.6942 33.715 29.4245 34.1811C28.372 36.0006 26.4025 37.2282 24.145 37.2282C21.8876 37.2282 19.918 36.0006 18.8656 34.1811C18.5959 33.715 18.7552 33.1186 19.2213 32.849Z" fill="rgb(var(--white))"/>
9
9
  </svg>
@@ -0,0 +1,77 @@
1
+ <template>
2
+ <div
3
+ class="bg-grey pd-medium radius-medium"
4
+ >
5
+ <div class="flex-v-center flex-nowrap flex">
6
+ <p v-if="title" class="mn-r-thin t-medium p-big">{{title}}</p>
7
+
8
+ <button
9
+ v-for="action in actions"
10
+ @click="action.function"
11
+ class="i-small pd-thin button-delete button"
12
+ >
13
+ {{action.label}}
14
+ </button>
15
+
16
+ <Tooltip v-if="tooltip" :text="tooltip">
17
+ <p class="bg-main radius-small t-center i-medium">i</p>
18
+ </Tooltip>
19
+ </div>
20
+
21
+ <span
22
+ v-if="!hasSlotContent($slots.default)"
23
+ class="w-100"
24
+ >
25
+ {{placeholder}}
26
+ </span>
27
+
28
+ <slot></slot>
29
+ </div>
30
+ </template>
31
+
32
+ <script setup>
33
+ import { ref, defineProps, useSlots, Comment } from 'vue';
34
+
35
+
36
+ import Tooltip from '@pf/src/components/Tooltip/Tooltip.vue'
37
+
38
+ const slots = useSlots()
39
+
40
+ const hasSlotContent = (slot, slotProps = {}) => {
41
+ if (!slot) return false;
42
+
43
+ return slot(slotProps).some((vnode) => {
44
+ if (Array.isArray(vnode.children)) {
45
+ return !!vnode.children.length;
46
+ }
47
+
48
+ return vnode.type !== Comment;
49
+ });
50
+ };
51
+
52
+ // defineProps объявление
53
+ const props = defineProps({
54
+ title: {
55
+ type: String,
56
+ default: null
57
+ },
58
+ tooltip: {
59
+ type: String,
60
+ default: null
61
+ },
62
+ actions: {
63
+ type: Array,
64
+ default: null
65
+ },
66
+ placeholder: {
67
+ type: String,
68
+ default: 'Nothing here'
69
+ },
70
+ options: {
71
+ type: Object,
72
+ default: {
73
+ theme: 'white'
74
+ }
75
+ },
76
+ })
77
+ </script>
@@ -27,7 +27,7 @@
27
27
  fill="none"
28
28
  xmlns="http://www.w3.org/2000/svg"
29
29
  >
30
- <path fill="black" d="M0.494141 4.26391C0.494141 4.48862 0.659906 4.66912 0.928813 4.66912C1.05037 4.66912 1.16825 4.6065 1.27139 4.52177L1.64344 4.20866V7.56448C1.64344 8.13545 1.98971 8.47803 2.5791 8.47803H7.56678C8.15616 8.47803 8.50243 8.13545 8.50243 7.56448V4.19392L8.8929 4.52177C8.99604 4.6065 9.11392 4.66912 9.23916 4.66912C9.48597 4.66912 9.67015 4.5144 9.67015 4.27128C9.67015 4.1313 9.61121 4.01343 9.5007 3.92133L8.50243 3.08146V1.47538C8.50243 1.30961 8.3956 1.1991 8.22984 1.1991H7.63308C7.46732 1.1991 7.35313 1.30961 7.35313 1.47538V2.11634L5.66969 0.70181C5.31606 0.403433 4.85928 0.403433 4.50197 0.70181L0.663589 3.92133C0.553079 4.01711 0.494141 4.14235 0.494141 4.26391ZM6.13752 5.26219C6.13752 5.08906 6.02701 4.97855 5.85387 4.97855H4.31779C4.14097 4.97855 4.02678 5.08906 4.02678 5.26219V7.63447H2.83327C2.60856 7.63447 2.48332 7.50922 2.48332 7.28084V3.5014L4.90349 1.47538C5.01768 1.37592 5.15029 1.37592 5.26817 1.47538L7.66255 3.48298V7.28084C7.66255 7.50922 7.53731 7.63447 7.3126 7.63447H6.13752V5.26219Z"/>
30
+ <path fill="rgb(var(--black))" d="M0.494141 4.26391C0.494141 4.48862 0.659906 4.66912 0.928813 4.66912C1.05037 4.66912 1.16825 4.6065 1.27139 4.52177L1.64344 4.20866V7.56448C1.64344 8.13545 1.98971 8.47803 2.5791 8.47803H7.56678C8.15616 8.47803 8.50243 8.13545 8.50243 7.56448V4.19392L8.8929 4.52177C8.99604 4.6065 9.11392 4.66912 9.23916 4.66912C9.48597 4.66912 9.67015 4.5144 9.67015 4.27128C9.67015 4.1313 9.61121 4.01343 9.5007 3.92133L8.50243 3.08146V1.47538C8.50243 1.30961 8.3956 1.1991 8.22984 1.1991H7.63308C7.46732 1.1991 7.35313 1.30961 7.35313 1.47538V2.11634L5.66969 0.70181C5.31606 0.403433 4.85928 0.403433 4.50197 0.70181L0.663589 3.92133C0.553079 4.01711 0.494141 4.14235 0.494141 4.26391ZM6.13752 5.26219C6.13752 5.08906 6.02701 4.97855 5.85387 4.97855H4.31779C4.14097 4.97855 4.02678 5.08906 4.02678 5.26219V7.63447H2.83327C2.60856 7.63447 2.48332 7.50922 2.48332 7.28084V3.5014L4.90349 1.47538C5.01768 1.37592 5.15029 1.37592 5.26817 1.47538L7.66255 3.48298V7.28084C7.66255 7.50922 7.53731 7.63447 7.3126 7.63447H6.13752V5.26219Z"/>
31
31
  </svg>
32
32
 
33
33
  <router-link v-if="index !== breadcrumbs.length - 1" :to="index === 0 ? '/' : item.path">
@@ -46,7 +46,7 @@
46
46
  fill="none"
47
47
  xmlns="http://www.w3.org/2000/svg"
48
48
  >
49
- <path d="M4 3.99992C4 3.83673 3.94307 3.70391 3.81025 3.57867L0.899431 0.732369C0.800759 0.629902 0.679317 0.580566 0.531309 0.580566C0.239089 0.580566 0 0.815861 0 1.10808C0 1.25229 0.0607211 1.38512 0.166983 1.49138L2.74763 3.99613L0.166983 6.50846C0.0607211 6.61093 0 6.74375 0 6.89176C0 7.18398 0.239089 7.41928 0.531309 7.41928C0.675522 7.41928 0.800759 7.36994 0.899431 7.26747L3.81025 4.42117C3.94307 4.29594 4 4.15931 4 3.99992Z" fill="black"/>
49
+ <path d="M4 3.99992C4 3.83673 3.94307 3.70391 3.81025 3.57867L0.899431 0.732369C0.800759 0.629902 0.679317 0.580566 0.531309 0.580566C0.239089 0.580566 0 0.815861 0 1.10808C0 1.25229 0.0607211 1.38512 0.166983 1.49138L2.74763 3.99613L0.166983 6.50846C0.0607211 6.61093 0 6.74375 0 6.89176C0 7.18398 0.239089 7.41928 0.531309 7.41928C0.675522 7.41928 0.800759 7.36994 0.899431 7.26747L3.81025 4.42117C3.94307 4.29594 4 4.15931 4 3.99992Z" fill="rgb(var(--black))"/>
50
50
  </svg>
51
51
 
52
52
  </li>
@@ -6,6 +6,9 @@
6
6
  type: Function,
7
7
  default: async () => { console.log('Button click.') }
8
8
  },
9
+ counter: {
10
+ type: Object
11
+ },
9
12
  callback: {
10
13
  type: Function,
11
14
  default: async () => { console.log('Button callback.') }
@@ -18,6 +21,10 @@
18
21
  type: Boolean,
19
22
  default: true
20
23
  },
24
+ showLoader: {
25
+ type: Boolean,
26
+ default: true
27
+ },
21
28
  validation: {
22
29
  type: Boolean,
23
30
  default: false
@@ -29,6 +36,7 @@
29
36
  const loading = ref(false);
30
37
  const finished = ref(false);
31
38
 
39
+
32
40
  async function Submit() {
33
41
  button.value.style['pointer-events'] = 'none';
34
42
  error.value = null;
@@ -79,16 +87,16 @@
79
87
  </script>
80
88
 
81
89
  <template>
82
- <button @click.stop="Submit" :disabled="validation" ref="button" class="w-100 bg-main button">
90
+ <button @click.stop="Submit" :disabled="validation" ref="button" class="button">
83
91
  <!-- Slot -->
84
92
  <transition name="TransitionTranslateY-small">
85
- <span v-if="!loading && !error && !finished">
93
+ <span v-if="!loading && !error && !finished || !showLoader">
86
94
  <slot></slot>
87
95
  </span>
88
96
  </transition>
89
97
  <!-- Loading Circle Animation -->
90
98
  <transition name="TransitionTranslateY-small">
91
- <span v-if="loading && !error" class="loading">
99
+ <span v-if="loading && !error && showLoader" class="loading">
92
100
  <svg class="i-regular" width="135" height="140" viewBox="0 0 135 140" xmlns="http://www.w3.org/2000/svg" fill="#fff">
93
101
  <rect y="10" width="15" height="120" rx="6"> <animate attributeName="height" begin="0.5s" dur="1s" values="120;110;100;90;80;70;60;50;40;140;120" calcMode="linear" repeatCount="indefinite" /> <animate attributeName="y" begin="0.5s" dur="1s" values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear" repeatCount="indefinite"/> </rect>
94
102
  <rect x="30" y="10" width="15" height="120" rx="6"> <animate attributeName="height" begin="0.25s" dur="1s" values="120;110;100;90;80;70;60;50;40;140;120" calcMode="linear" repeatCount="indefinite" /> <animate attributeName="y" begin="0.25s" dur="1s" values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear" repeatCount="indefinite"/> </rect>
@@ -106,13 +114,20 @@
106
114
  <transition name="TransitionTranslateY-small">
107
115
  <span v-if="error" class="error">{{ error }}</span>
108
116
  </transition>
109
-
117
+ <!-- Counter -->
118
+ <p v-if="counter" class="button-counter">{{counter}}</p>
119
+
110
120
  </button>
111
121
  </template>
112
122
 
113
123
 
114
124
  <style lang="scss">
115
- button[disabled] {background: grey; &:hover {background: grey; } }
125
+ button[disabled] {
126
+ background: grey;
127
+ &:hover {
128
+ background: grey;
129
+ }
130
+ }
116
131
 
117
132
  .button {
118
133
  display: flex;
@@ -121,7 +136,6 @@
121
136
  padding: 1rem 1.75rem;
122
137
  border-radius: 3rem;
123
138
 
124
-
125
139
  transform: scale(1);
126
140
  opacity: 1;
127
141
 
@@ -138,13 +152,8 @@
138
152
  transition: all 0.33s ease;
139
153
 
140
154
  &:hover {
141
- // background: rgb(var(--second));;
142
-
143
- opacity: 1;
144
-
145
- // color: rgba(var(--white), 1);;
146
-
147
155
  cursor: pointer;
156
+ opacity: 0.9;
148
157
  }
149
158
 
150
159
  &:active {
@@ -157,222 +166,18 @@
157
166
  height: fit-content;
158
167
  }
159
168
 
160
- &-square {
161
- height: 2.5rem;
162
- width: 2.5rem;
163
-
164
- padding: 1rem;
165
- border-radius: 0.5rem;
166
- font-size: 1.125rem;
167
- }
168
-
169
- &-close-popup {
169
+ .button-counter {
170
170
  position: absolute;
171
-
172
- right: 0;
173
- top: 0;
174
-
175
- width: 3rem;
176
- height: 3rem;
177
-
178
- background: transparent;
179
-
180
- padding: 0;
181
-
182
- border-radius: 0;
183
-
184
- img {
185
- width: 33%;
186
- }
187
- }
188
-
189
- &-delete {
190
- &:hover {
191
- background: red;
192
- }
193
- }
194
-
195
- &-grey {
196
- color: rgba(var(--dark), 1);;
197
- background-color: #F7F7F7;
198
- }
199
-
200
- &-sort {
201
- height: 2.5rem;
202
-
203
- padding: 0.5rem 1.25rem;
204
-
205
- text-transform: none;
206
- font-size: 1rem;
207
- color: rgba(var(--dark), 1);;
208
- background-color: #F7F7F7;
209
- }
210
-
211
- &-active {
212
- background: #00ff88;
213
- color: white;
214
- &:hover {
215
- background: #00ff88;
216
- color: rgba(255,255,255,0.75);
217
-
218
- }
219
- }
220
-
221
-
222
-
223
-
224
- &-filter {
225
- height: 2.5rem;
226
-
227
- padding: 0;
228
- border-radius: 0.5rem;
229
- font-size: 1.125rem;
230
-
231
- color: rgba(var(--dark), 1);;
232
- background: white;
233
- }
234
-
235
- &-disabled {
236
- color: rgba(0,0,0,0.5);
237
-
238
- &:hover {
239
- color: rgba(0,0,0,0.5);
240
- }
241
- &:active {
242
- pointer-events: none;
243
- transform: scale(1,1);
244
- }
245
- }
246
- &-active {
247
- background: #00ff88;
248
- color: white;
249
- &:hover {
250
- background: #00ff88;
251
- color: rgba(255,255,255,0.75);
252
-
253
- }
254
- }
255
- &-reset-filter {
256
- width: 100%;
257
- text-transform: uppecase;
258
- height: 3.75rem;
259
-
260
- background: transparent;
261
- color: #00ff88;
262
-
263
- border-top: 1px solid rgba(0,0,0,0.1);
264
- border-bottom: 1px solid rgba(0,0,0,0.1);
265
- &:hover {
266
- background: #00ff88;
267
- color: rgba(255,255,255,0.75);
268
-
269
- }
270
- }
271
-
272
- &-icon {
273
- height: 1rem; width: 1rem; background: transparent; img { width: 100%; height: 100%}
274
- background: transparent;
275
- box-shadow: none;
276
- border-radius: 0;
277
- padding: 0;
278
-
279
- &:hover {
280
- cursor: pointer;
281
- }
282
- }
283
-
284
-
285
- &-link {
286
- color: rgba(0, 0, 0, 0.5);
287
- font-size: 1.125rem;
288
- display: flex;
289
- align-items: center;
290
- font-weight: 600;
291
-
292
- &-blue {color: #2495FF;}
293
-
294
- &-black{color: rgba(0, 0, 0, 0.5);}
295
-
296
- &-cream {color: #DBADAA; text-align: left; font-weight: 600; letter-spacing: 0;}
297
-
298
- }
299
-
300
- &-otr-link {
301
- display: inline-flex;
302
- margin-top: 0.25rem;
303
- align-items: center;
304
- color: #000;
305
-
306
- img { margin-right: 0.5rem;}
307
- }
308
-
309
- &-cart {
310
- display: inline-flex;
311
- color: #000;
312
- height: 3rem;
313
- width: 3rem;
314
- font-weight: 700;
315
- width: fit-content;
316
- font-size: 1.5rem;
317
- color: #00ff88;
318
- background: #FAF7F3;
319
- text-transform: none;
320
- padding: 0.75rem 1rem;
321
- border-radius: 4rem;
322
-
323
- &:hover {
324
- background: #00ff88;
325
- color: white;
326
- opacity: 1;
327
-
328
- cursor: pointer;
329
- }
330
- }
331
-
332
- &-cart-big {
333
- display: inline-flex;
334
- color: #000;
335
- font-weight: 700;
336
- width: fit-content;
337
- background: #FFE500;
338
- text-transform: none;
339
- font-size: 2rme;
340
- padding: 1.5rem 2rem;
341
- border-radius: 2rem;
342
- }
343
-
344
- &-blog {
345
- padding: 0.75rem 1rem;
346
- background-color: #2495FF;
347
- color: #fff;
348
- border-radius: 0.375rem;
349
- font-size: 1.125rem;
350
- text-transform: uppercase;
351
- width: fit-content;
352
- }
353
-
354
- &-nav-footer{
355
- color: #000;
356
- font-size: 0.875rem;
357
- font-weight: 700; display: flex;
358
- align-items: center;
359
- svg {margin-right: 0.5rem;}}
360
-
361
- &-inst {
362
- background: radial-gradient(179.06% 43.44% at -16.75% 7.2%, #3771C8 0%, #3771C8 12.8%, rgba(102, 0, 255, 0) 100%),
363
- radial-gradient(92.18% 99.11% at 26.56% 107.7%, #FFDD55 0%, #FFDD55 10%, #FF543E 50%, #C837AB 100%);
364
- color: white;
365
- font-size: 1.125rem;
366
- font-weight: 700;
367
- text-transform: uppercase;
368
- padding: 0.75rem 0.75rem;
369
- border-radius: 0.5625rem;
370
- display: flex;
371
- align-items: center;
372
- justify-content: center;
373
- width: fit-content;
374
- box-shadow: 4px 4px 24px -12px rgba(201, 163, 163, 0.5);
375
- img {margin-right: 0.5rem}
171
+ right: -8px;
172
+ bottom: -8px;
173
+ background: yellow;
174
+ height: 16px;
175
+ border-radius: 16px;
176
+ width: 16px;
177
+ font-weight: 500;
178
+ text-align: center;
179
+ line-height: 16px;
180
+ font-size: 10px;
376
181
  }
377
182
  }
378
183
  </style>
@@ -15,7 +15,7 @@
15
15
  >
16
16
 
17
17
  <div
18
- class="transition-elastic pd-thin h-2r w-4r radius-extra"
18
+ class="transition-elastic cursor-pointer mn-l-thin pd-thin h-2r w-4r radius-extra"
19
19
  :class="{
20
20
  'bg-grey':!(Array.isArray(radio) ? radio.includes(value) : radio),
21
21
  'bg-main':Array.isArray(radio) ? radio.includes(value) : radio,
@@ -1,18 +1,18 @@
1
1
  <template>
2
2
  <div
3
- class="flex-v-center gap-thin flex"
4
- >
5
- <div
3
+ class="t-trimmed"
4
+ >
5
+ <span
6
6
  v-if="chips.length"
7
- v-for="(chip,index) in chips"
8
- class="pd-thin radius-small t-semi bg-main"
7
+ v-for="(chip,index) in chips"
8
+ class="mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-semi bg-main"
9
9
  >
10
- {{chip.text ? chip.text : chip}}
11
- </div>
10
+ <span class="t-truncate">{{chip.text ? chip.text : chip}}</span>
11
+ </span>
12
12
 
13
13
  <div
14
14
  v-else
15
- class="pd-thin radius-small t-semi bg-white"
15
+ class="pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-semi bg-white"
16
16
  >
17
17
  {{chips}}
18
18
  </div>
@@ -1,9 +1,8 @@
1
1
  <template>
2
2
  <div>
3
3
  <div
4
- class="w-100 o-scroll flex-nowrap flex"
4
+ class="w-100 scroller o-scroll scroll-snap-type-x-mandatory scroll-pd-regular scroll-hide flex-nowrap flex"
5
5
  ref="scrollContainer"
6
- style="scroll-snap-type: x mandatory;"
7
6
  >
8
7
  <div
9
8
  v-for="date in dates"
@@ -13,7 +12,7 @@
13
12
  'selected': selectedDate.toDateString() === date.toDateString(),
14
13
 
15
14
  }"
16
- class="cursor-pointer mn-r-small mn-l-small flex-column flex-center flex"
15
+ class="cursor-pointer scroll-snap-align-start mn-r-small mn-l-small flex-column flex-center flex"
17
16
  >
18
17
  <span
19
18
  class="t-transp"
@@ -97,5 +96,5 @@ function generateDates(start, count) {
97
96
  }
98
97
  </script>
99
98
 
100
- <style>
99
+ <style lang='scss'>
101
100
  </style>
@@ -1,20 +1,37 @@
1
1
  <template>
2
- <div>
3
- <!-- <p v-if="localImages.length < 1" class="mn-b-big">
4
- The images doesn't have any images yet.
5
- </p> -->
2
+ <div class="flex-nowrap flex gap-small">
3
+ <VueDraggableNext v-if="localImages.length > 0" class="gap-small flex dragArea list-group w-full" v-model="localImages" @change="emitChanges">
4
+ <div v-for="(image, index) in localImages" class="pos-relative">
5
+ <img class="i-extra radius-small o-hidden" :src="(FILE_SERVER_URL || '') + image" />
6
+
7
+ <IconCross
8
+ @click="deleteImage(index)"
9
+ class="cursor-pointer pos-absolute t-center flex-center flex radius-extra i-medium bg-red pos-t-10-negative pos-r-10-negative pd-micro"
10
+ />
11
+ </div>
12
+ </VueDraggableNext>
13
+ <div
14
+ v-if="localImages.length > 0"
15
+ class="i-extra uppercase flex-center flex radius-small o-hidden br-solid br-main br-2px pd-small"
16
+ >
17
+ <UploadImageMultiple
18
+ @update:images="onImagesUpdate"
19
+ text="Add"
20
+ :options="{
21
+ showText: false
22
+ }"
23
+ :uploadPath="'photos'"
24
+ class="radius-big"
25
+ />
26
+ </div>
27
+
6
28
 
7
29
  <UploadImageMultiple
30
+ v-if="localImages.length < 1"
8
31
  @update:images="onImagesUpdate"
9
32
  :uploadPath="'photos'"
10
- class="mn-b-semi pd-small w-100 button bg-black t-white"
33
+ class="w-100 radius-medium pd-extra bg-white"
11
34
  />
12
- <VueDraggableNext class="gap-small flex dragArea list-group w-full" v-model="localImages" @change="emitChanges">
13
- <div v-for="(image, index) in localImages" class="pos-relative">
14
- <img class="i-extra radius-small o-hidden mn-b-thin" :src="(FILE_SERVER_URL || '') + image" />
15
- <a @click="deleteImage(index)" class="pos-absolute t-center radius-extra i-medium bg-red pos-t-0 pos-r-0">X</a>
16
- </div>
17
- </VueDraggableNext>
18
35
  </div>
19
36
  </template>
20
37
 
@@ -22,18 +39,19 @@
22
39
  import { ref, defineProps, watchEffect } from 'vue';
23
40
  import { VueDraggableNext } from 'vue-draggable-next'
24
41
  import UploadImageMultiple from "@pf/src/components/UploadImageMultiple/UploadImageMultiple.vue";
42
+ import IconCross from '@pf/src/modules/icons/navigation/IconCross.vue';
25
43
 
26
44
  const props = defineProps({
27
45
  images: Array,
28
46
  });
29
47
 
30
- const emit = defineEmits(['update'])
48
+ const emit = defineEmits(['update:images'])
31
49
 
32
50
  const localImages = ref([...props.images])
33
51
 
34
52
  watchEffect(() => {
35
- localImages.value = [...props.images]
36
- })
53
+ localImages.value = [...props.images]; // Обновление localImages при изменении props.images
54
+ });
37
55
 
38
56
  const emitChanges = () => {
39
57
  emit('update:images', localImages.value)