@ozdao/prometheus-framework 0.1.67 → 0.1.69

package/src/modules/products/components/sections/EditProductInfo.vue

@@ -1,13 +1,13 @@
 <template>
-    <div class="mn-big flex-column flex">
-    	<!-- {{
+    <!-- <div class="mn-big flex-column flex">
+    	{{
     		store.products.current
     	}}
       <Select 
         :options="[
-            'unpublished', 
-            'published',
-            'archivied'
+          'unpublished', 
+          'published',
+          'archivied'
         ]"
         v-model:select="store.products.state.current.status"
         placeholder="Display product"
@@ -31,8 +31,8 @@
         placeholder="Введите описание" 
         class="w-100 mn-small bg-white radius-small pd-medium"
         type="textarea"
-      /> -->
-    </div>
+      />
+    </div> -->
 </template>
 
 <script setup="props">
@@ -49,18 +49,20 @@ import { toRefs } from 'vue';
 /////////////////////////////
 // HELPERS
 /////////////////////////////
-function functionReload () {
-	location.reload()
-}
+// const store = useStore()
+
+// function functionReload () {
+// 	location.reload()
+// }
 
 /////////////////////////////
 // CREATED
 /////////////////////////////
-const props = defineProps({
-  product: Object,
-});
+// const props = defineProps({
+//   product: Object,
+// });
 
-const { product } = toRefs(props);
+// const { product } = toRefs(props);
 
 /////////////////////////////
 // MOUNTED

package/src/modules/products/components/sections/FilterProducts.vue

@@ -82,10 +82,8 @@
 
 <script setup>
 import { ref, watch } from 'vue'
-
 import Spoiler from "@pf/src/components/Spoiler/Spoiler.vue"
 import Checkbox from "@pf/src/components/Checkbox/Checkbox.vue"
-
 import { useI18n } from 'vue-i18n'
 
 import * as categories from '@pf/src/modules/products/store/categories';

package/src/modules/products/components/sections/SectionProduct.vue

@@ -109,6 +109,7 @@ import ImagesThumbnails from "@pf/src/modules/products/components/blocks/ImagesT
 
 import IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'
 	
+
 import THC from '@pf/src/modules/products/components/elements/THC.vue'
 import Price from '@pf/src/modules/products/components/elements/Price.vue'
 // import SelectElement 	from '@/components/elements/SelectElement.vue'

package/src/modules/products/components/sections/SortProducts.vue

@@ -28,6 +28,8 @@ import { ref, watch } from 'vue'
 
 import { useI18n }    from 'vue-i18n'
 
+
+// Пропсы и данные, которые вы передаёте в компонент
 const props = defineProps({
   categories: Array,
   prices: Array,

package/src/modules/products/store/categories.js

@@ -1,12 +1,12 @@
-/////////////////////////////
-// DEPENDENCIES
-/////////////////////////////
-import { reactive, watch, computed  } from "vue";
-import axios from 'axios';
-// Globals 
-import { setError }   from '@pf/src/modules/globals/store/globals'
-// Setup Axios
-const $axios = axios.create({baseURL: process.env.API_URL, withCredentials: true}) 
+import { reactive, watch, computed } from "vue";
+
+import Cookies from "js-cookie";
+import axios from "axios";
+
+import { setError } from "@pf/src/modules/globals/store/globals";
+
+const clientUrl = process.env.API_URL;
+const $axios = axios.create({ baseURL: clientUrl, withCredentials: true });
 
 const state = reactive({
   all: [],

package/src/modules/products/store/leftovers.js

@@ -1,12 +1,9 @@
-/////////////////////////////
-// DEPENDENCIES
-/////////////////////////////
-import { reactive, watch, computed  } from "vue";
-import axios from 'axios';
-// Globals 
-import { setError }   from '@pf/src/modules/globals/store/globals'
-// Setup Axios
-const $axios = axios.create({baseURL: process.env.API_URL, withCredentials: true}) 
+import { reactive, watch } from "vue";
+import axios from "axios";
+import { setError } from "@pf/src/modules/globals/store/globals";
+
+const clientUrl = process.env.API_URL;
+const $axios = axios.create({ baseURL: clientUrl, withCredentials: true });
 
 const state = reactive({
   all: [],

package/src/modules/products/store/products.js

@@ -2,6 +2,8 @@
 // DEPENDENCIES
 /////////////////////////////
 import { reactive, watch, computed  } from "vue";
+// Dependencies
+import Cookies from 'js-cookie'
 import axios from 'axios';
 // Globals 
 import { setError }   from '@pf/src/modules/globals/store/globals'

package/src/modules/users/components/pages/Profile.vue

@@ -192,14 +192,11 @@
 
 
 
-			<!-- <Menu class="mn-regular bg-grey">
+			<Menu class="mn-regular bg-grey">
 				<MenuItem @click="router.push({name: 'User Wallet', params: {_id: route.params._id}})" class="cursor-pointer">
 			    <IconGroups class="i-semi" :icon="true"/>
 			    <span>Wallet</span>
 			  </MenuItem>
-			</Menu> -->
-
-
 			  
 			  <!-- <MenuItem @click="router.push({name: 'User Comments', params: {_id: route.params._id}})" class="cursor-pointer">
 			    <span>Comments</span>
@@ -207,7 +204,8 @@
 			  <MenuItem @click="router.push({name: 'User Likes', params: {_id: route.params._id}})" class="cursor-pointer">
 			    <span>Likes</span>
 			  </MenuItem> -->
-			  
+			</Menu>
+
 			<Menu 
 				v-if="auth.state.user._id === route.params._id"
 				class="bg-grey"

package/src/modules/wallet/components/pages/Wallet.vue

@@ -109,9 +109,9 @@
 
 
 <script setup>
+import { computed, onMounted,reactive, ref,toRefs  } from 'vue'
 import Web3 from 'web3'
 
-import { computed, onMounted,reactive, ref,toRefs  } from 'vue'
 
 import { useRoute,useRouter } from 'vue-router'
 

package/src/styles/components/button.scss

@@ -0,0 +1,253 @@
+button[disabled] {background: grey; &:hover {background: grey; } }
+
+.button {
+	display: flex;
+	width: fit-content;
+
+	padding: 1rem 1.75rem;
+	border-radius: 3rem;
+
+	transform: scale(1);
+	opacity: 1;
+
+	align-items: center;
+	justify-content: center;
+	
+	text-align: center;
+	text-transform: uppercase;
+	font-size: 1rem;
+	font-weight: 500;
+	letter-spacing: 5%;
+
+	transition: all 0.33s ease;
+ 
+	&:hover {
+		opacity: 1;
+		cursor: pointer;
+	}
+
+	&:active {
+		transform: scale(0.95);
+	}
+
+	&-small {
+		padding: 0.5rem 0.75rem;
+		border-radius: 0.5rem;
+		height: fit-content;
+	}
+
+	&-square {
+		height: 2.5rem;
+		width: 2.5rem;
+
+		padding: 1rem;
+		border-radius: 0.5rem;
+		font-size: 1.125rem;
+	}
+
+	&-close-popup {
+		position: absolute;
+
+		right: 0;
+		top: 0;
+
+		width: 3rem;
+		height: 3rem;
+
+		background: transparent;
+
+		padding: 0;
+
+		border-radius: 0;
+
+		img {
+			width: 33%;
+		}
+	}
+
+	&-delete {
+		&:hover {
+			background: red;
+		}
+	}
+
+	&-grey {
+		background: rgba(var(--dark), 1);;
+		background-color: #F7F7F7;
+	}
+
+	&-sort {
+		height: 2.5rem;
+
+		padding: 0.5rem 1.25rem;
+
+		text-transform: none;
+		font-size: 1rem;
+		background: rgba(var(--dark), 1);;
+		background-color: #F7F7F7;
+	}
+
+	&-active {
+		background: rgb(var(--main));;
+		color: white;
+		&:hover {
+			background: rgb(var(--main));;
+			color: rgba(255,255,255,0.75);
+
+		}
+	}
+
+	
+
+	
+	&-filter {
+		height: 2.5rem;
+
+		padding: 0;
+		border-radius: 0.5rem;
+		font-size: 1.125rem;
+
+		background: rgba(var(--dark), 1);;
+		background: white;
+	}
+
+	&-disabled {
+		color: rgba(0,0,0,0.5);
+
+		&:hover {
+			color: rgba(0,0,0,0.5);
+		}
+		&:active {
+			pointer-events: none;
+			transform: scale(1,1);
+		}
+	}
+	&-active {
+		background: rgb(var(--main));;
+		color: white;
+		&:hover {
+			background: rgb(var(--main));;
+			color: rgba(255,255,255,0.75);
+
+		}
+	}
+	&-reset-filter {
+		width: 100%;
+		text-transform: uppecase;
+		height: 3.75rem;
+
+		background: transparent;
+
+		&:hover {
+			background: rgb(var(--main));;
+			color: black;
+
+		}
+	}
+	
+	&-icon {
+		height: 1rem; width: 1rem; background: transparent; img { width: 100%; height: 100%}
+		background: transparent;
+		box-shadow: none;
+		border-radius: 0;
+		padding: 0;
+
+		&:hover {
+			cursor: pointer;
+		}
+	}	
+	
+	
+	&-link      {
+		color: rgba(0, 0, 0, 0.5);
+		font-size: 1.125rem;
+		display: flex;
+		align-items: center;
+		font-weight: 600;
+
+		&-blue {color: #2495FF;}
+		
+		&-black{color: rgba(0, 0, 0, 0.5);}
+		
+		&-cream {color: #DBADAA; text-align: left; font-weight: 600; letter-spacing: 0;}
+		
+	}
+
+	&-otr-link {
+		display: inline-flex;
+		margin-top: 0.25rem;
+		align-items: center;
+		color: #000;
+
+		img { margin-right: 0.5rem;}
+	}
+	
+	&-cart {
+		display: inline-flex;
+		color: #000;
+		height: 3rem;
+		width: 3rem;
+		font-weight: 700;
+		width: fit-content;
+		font-size: 1.5rem;
+		background: rgb(var(--main));;
+		background: #FAF7F3;
+		text-transform: none;
+		padding: 0.75rem 1rem;
+		border-radius: 4rem;
+
+		&:hover {
+			background: rgb(var(--main));;
+			color: white;
+			opacity: 1;
+
+			cursor: pointer;
+		}
+	}
+
+	&-cart-big {
+		display: inline-flex;
+		color: #000;
+		font-weight: 700;
+		width: fit-content;
+		background: #FFE500;
+		text-transform: none;
+		font-size: 2rme;
+		padding: 1.5rem 2rem;
+		border-radius: 2rem;
+	}
+
+	&-blog {
+		padding: 0.75rem 1rem;
+		background-color: #2495FF;
+		color: #fff;
+		border-radius: 0.375rem;
+		font-size: 1.125rem;
+		text-transform: uppercase;
+		width: fit-content;
+	}
+
+	&-nav-footer{
+		color: #000;
+		font-size: 0.875rem;
+		font-weight: 700; display: flex;
+		align-items: center;
+			svg {margin-right: 0.5rem;}}
+
+	&-inst {
+		background: radial-gradient(179.06% 43.44% at -16.75% 7.2%, #3771C8 0%, #3771C8 12.8%, rgba(102, 0, 255, 0) 100%),
+		radial-gradient(92.18% 99.11% at 26.56% 107.7%, #FFDD55 0%, #FFDD55 10%, #FF543E 50%, #C837AB 100%);
+		color: white;
+		font-size: 1.125rem;
+		font-weight: 700;
+		text-transform: uppercase;
+		padding: 0.75rem 0.75rem;
+		border-radius: 0.5625rem;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: fit-content;
+		box-shadow: 4px 4px 24px -12px rgba(201, 163, 163, 0.5);
+		img {margin-right: 0.5rem}
+	}
+}

package/src/styles/theme.scss

@@ -1,5 +1,6 @@
 @import './components/block';
 @import './components/breadcrumbs';
+@import './components/button';
 @import './components/card';
 // @import './components/input';
 @import './components/item';

package/src/modules/constructor/components/elements/Audio.vue

@@ -1,82 +0,0 @@
-<template>
-  <div 
-    class="mn-thin w-100 pd-medium bg-white radius-medium">
-    
-    <div 
-      v-if="prop.content" 
-      v-html="prop.content" 
-      class="flex-center flex"
-    />
-    
-    <div
-      class="" 
-      v-else
-    >
-      <Upload 
-        v-model:field="embedCode"
-        @file-change="onComponentClick"
-        type="file"   
-        :placeholder="'Enter embed code'" 
-        class="
-          w-100
-          br-solid
-          br-1px
-          br-black-transp-10
-          pd-medium
-          radius-small
-          mn-thin
-        "
-      />
-      <button 
-        @click="onComponentClick"
-        class="button-small button"
-      >
-        Save
-      </button>
-    </div>
-    <!-- <button v-if="prop.content" @click="editEmbedCode">Edit Embed Code</button> -->
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-
-import Upload         from '@pf/src/components/Upload/Upload.vue'
-
-const embedCode = ref(null);
-
-const props = defineProps([
-  'label',
-  'value',
-  'prop'
-]);
-
-const emit = defineEmits(['input', 'updateBlock']);
-
-function isValidEmbedCode(code) {
-  const allowedSources = [/youtube\.com/, /soundcloud\.com/, /vimeo\.com/];
-  return allowedSources.some(pattern => pattern.test(code));
-}
-
-function onComponentClick(file) {
-    embedCode.value = file
-  if (embedCode.value && isValidEmbedCode(embedCode.value)) {
-    emit('input', embedCode.value);
-    emit('updateBlock', props.prop, { content: embedCode.value });
-  } else {
-    alert('Invalid embed code or source not allowed.');
-  }
-}
-
-function editEmbedCode() {
-  let embedInput = prompt('Edit embed code:', prop.content);
-  if (embedInput && isValidEmbedCode(embedInput)) {
-    embedCode.value = embedInput;
-    emit('input', embedCode.value);
-    emit('updateBlock', props.prop, { content: embedCode.value });
-  } else {
-    alert('Invalid embed code or source not allowed.');
-  }
-}
-</script>
-

package/src/modules/constructor/components/elements/Embed.vue

@@ -1,85 +0,0 @@
-<template>
-  <div 
-    class="mn-thin w-100 pd-medium bg-white radius-medium">
-    
-    <div 
-      v-if="prop.content" 
-      v-html="prop.content" 
-      class="flex-center flex"
-    />
-    
-    <div
-      class="" 
-      v-else
-    >
-      <Field 
-        v-model:field="embedCode"
-        type="textarea"   
-        :placeholder="'Paste your embed code here'" 
-        class="
-          w-100
-          br-solid
-          br-1px
-          br-black-transp-10
-          pd-medium
-          radius-small
-          mn-thin
-        "
-      />
-      <div class="flex-v-center flex-nowrap flex gap-small">
-        
-         <p class="t-center">Embeds from youtube.com, vimeo.com, soundcloud.com are allowed</p>
-        <button 
-          @click="onComponentClick"
-          class="button-small button"
-        >
-          Save
-        </button>
-      </div>
-    </div>
-    <!-- <button v-if="prop.content" @click="editEmbedCode">Edit Embed Code</button> -->
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-
-import Field         from '@pf/src/components/Field/Field.vue'
-
-const embedCode = ref(null);
-
-const props = defineProps([
-  'label',
-  'value',
-  'prop'
-]);
-
-const emit = defineEmits(['input', 'updateBlock']);
-
-function isValidEmbedCode(code) {
-  const allowedSources = [/youtube\.com/, /soundcloud\.com/, /vimeo\.com/];
-  return allowedSources.some(pattern => pattern.test(code));
-}
-
-function onComponentClick() {
-
-  if (embedCode.value && isValidEmbedCode(embedCode.value)) {
-    emit('input', embedCode.value);
-    emit('updateBlock', props.prop, { content: embedCode.value });
-  } else {
-    alert('Invalid embed code or source not allowed.');
-  }
-}
-
-function editEmbedCode() {
-  let embedInput = prompt('Edit embed code:', prop.content);
-  if (embedInput && isValidEmbedCode(embedInput)) {
-    embedCode.value = embedInput;
-    emit('input', embedCode.value);
-    emit('updateBlock', props.prop, { content: embedCode.value });
-  } else {
-    alert('Invalid embed code or source not allowed.');
-  }
-}
-</script>
-

package/src/modules/globals/mixins/mixins.js

@@ -1,52 +0,0 @@
-// mixins.js
-export const globalMixins = {
-  methods: {
-    returnCurrency() {
-      const currency = '฿'
-      return currency
-    },
-    formatPrice(number) {
-      const currency = this.returnCurrency();
-      let formattedNumber = number.toFixed(2).replace('.', ',').replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
-      return `${formattedNumber} ${currency}`;
-    },
-    formatDate(d) {
-      var fixedDate = new Date(d);
-      var yyyy = fixedDate.getFullYear().toString();
-      var mm = (fixedDate.getMonth() + 1).toString();
-      var dd = fixedDate.getDate().toString();
-      var hh = fixedDate.getHours().toString();
-      var minmin = fixedDate.getMinutes().toString();
-
-      return yyyy + '.' + (mm[1] ? mm : "0" + mm[0]) + '.' + (dd[1] ? dd : "0" + dd[0]) + " в " + (hh[1] ? hh : "0" + hh[0]) + ':' + (minmin[1] ? minmin : "0" + minmin[0]);
-    },
-    normalizeUrlParam(param) {
-      if (!param) param = ''
-
-      return param
-        .toLowerCase()
-        .replace(/ /g, '-')
-        .replace(/[^a-z0-9-]/g, '');
-    },
-    getMarketplaceLink(categories, country, state, city) {
-      categories = []
-
-      let country_normalized = this.normalizeUrlParam(country);
-      let state_normalized = this.normalizeUrlParam(state);
-      let city_normalized = this.normalizeUrlParam(city);
-      let base = `/marketplace/${country_normalized || ''}${state_normalized ? `/${state_normalized}` : ''}${city_normalized ? `/${city_normalized}` : ''}`;
-      
-      if (categories.length) {
-        base += `?categories=${categories.join(",")}`;
-      }
-
-      return base;
-    },
-    getSpotsLink(country, state, city) {
-      let country_normalized = this.normalizeUrlParam(country);
-      let state_normalized = this.normalizeUrlParam(state);
-      let city_normalized = this.normalizeUrlParam(city);
-      return `/spots/${country_normalized || ''}${state_normalized ? `/${state_normalized}` : ''}${city_normalized ? `/${city_normalized}` : ''}`;
-    },
-  }
-}

package/src/modules/globals/router/routerGuards.js

@@ -1,28 +0,0 @@
-// routerGuards.js
-export function setupRouterGuards(router, store, app) {
-  router.beforeEach((to, from, next) => {
-    const { authorize } = to.meta;
-    
-    if (authorize) {
-      if (store.auth.state.access.status === false) {
-        return next({ path: '/', query: { returnUrl: to.path } });
-      }
-
-      if (authorize.length && !authorize.some(r => store.auth.state.access.roles.includes(r))) {
-        return next({ path: '/' });
-      }
-    }
-
-    const locale = to.params.locale;
-    if (
-      app.config.globalProperties.$i18n.locale !== locale 
-      && locale 
-      && Object.keys(i18n.global.availableLocales).includes(locale)
-    ) {
-      app.config.globalProperties.$i18n.locale = locale;
-      return next();
-    }
-
-    next();
-  });
-}