@ozdao/prometheus-framework 0.1.99 → 0.2.0

package/src/modules/reports/components/sections/FormReport.vue

@@ -12,13 +12,13 @@
 	  class="w-m-33r t-left pd-big bg-white radius-big"
 	>
 	    <h3 
-	    	class="mn-small"
+	    	class="mn-b-small"
 	    >
 			Report Content
 		</h3>
 	    
 	    <p 
-	    	class="p-medium mn-small"
+	    	class="p-medium mn-b-small"
 	    >
 	    	We strive to maintain a safe and comfortable environment for all users. If you encounter content that you believe violates our guidelines, please report it:
 	    </p>
@@ -33,10 +33,10 @@
 	        	'other'
 	        ]"
 	        :placeholder="'Select reason'"
-			class="mn-small bg-white br-solid br-black-transp br-1px uppercase pd-medium t-semi bg-white t-black radius-medium"
+			class="mn-b-small bg-white br-solid br-black-transp br-1px uppercase pd-medium t-semi bg-white t-black radius-medium"
 	      />
 	    
-	    <p class="p-medium mn-small">Our moderators will review your report within 24 hours and take action if it violates our policies.</p>
+	    <p class="p-medium mn-b-small">Our moderators will review your report within 24 hours and take action if it violates our policies.</p>
 	    
 	    <Button 
 	    	:submit="onSubmit" 

package/src/modules/spots/components/blocks/CardSpot.vue

@@ -9,13 +9,13 @@
       
       <h3 
         @click="$router.push(`/app/organization/${props.organization._id}/spots/${spot._id}`)"
-        class="mn-small w-100"
+        class="mn-b-small w-100"
         v-html="spot.profile.name"
       />
 
        <p 
         @click="$router.push(`/app/organization/${props.organization._id}/spots/${spot._id}`)"
-        class="mn-small p-big w-100"
+        class="mn-b-small p-big w-100"
         v-html="spot.address"
       />
     
@@ -24,7 +24,7 @@
           radius-small 
           o-hidden
           br-1px br-solid br-grey 
-          mn-thin
+          mn-b-thin
         "
         >
         <template #header>
@@ -57,7 +57,7 @@
           radius-small 
           o-hidden
           br-1px br-solid br-grey 
-          mn-thin
+          mn-b-thin
         "
         >
         <template #header>

package/src/modules/spots/components/blocks/SpotMemberModify.vue

@@ -1,12 +1,12 @@
 <template>
   <div>
-    <div class="br-grey radius-small mn-small">
+    <div class="br-grey radius-small mn-b-small">
       <VueSelect 
         v-if="props.spot === null"
         v-model="spotForm.subspot"
         :options="filteredSpots"
         :get-option-label='option => option.name' 
-        class="w-100 mn-small"
+        class="w-100 mn-b-small"
       /> 
       <div v-else class="pd-small br-grey br-1px br-solid">
         {{ spotForm.name ? spotForm.name : 'Безымянный' }}

package/src/modules/spots/components/layouts/Spots.vue

@@ -34,7 +34,7 @@
 
 					<!-- Filters wrapper -->
 					<div class="pd-medium bg-grey radius-big flex-nowrap flex">
-						<h3 class="mn-small">Filters</h3>
+						<h3 class="mn-b-small">Filters</h3>
 						
 						<Dropdown :label="t('categoriesTitle')">
 	          	<Checkbox 
@@ -42,7 +42,7 @@
 			          :label="category.name"
 			          name="categories"
 			          :value="category.url"
-			          class="w-100 mn-t-small mn-small bg-white radius-small pd-small"
+			          class="w-100 mn-t-small mn-b-small bg-white radius-small pd-small"
 			          :radio="marketplace.state.filter.categories"
 			        />
 			       </Dropdown>
@@ -73,7 +73,7 @@
 
 					</div>	
 
-					<!-- <div class="pd-medium mn-thin bg-grey radius-big">
+					<!-- <div class="pd-medium mn-b-thin bg-grey radius-big">
 						<div class="flex-nowrap flex flex-v-center">
 							<p class="mn-r-auto p-big t-semi t-transp">2,982 results</p>
 

package/src/modules/spots/components/pages/Spot.vue

@@ -9,13 +9,13 @@
       
       <h3 
         @click="$router.push(`/app/organization/${props.organization._id}/spots/${spot._id}`)"
-        class="mn-small w-100"
+        class="mn-b-small w-100"
         v-html="spot.profile.name"
       />
 
        <p 
         @click="$router.push(`/app/organization/${props.organization._id}/spots/${spot._id}`)"
-        class="mn-small p-big w-100"
+        class="mn-b-small p-big w-100"
         v-html="spot.address"
       />
 
@@ -26,7 +26,7 @@
           radius-small 
           o-hidden
           br-1px br-solid br-grey 
-          mn-thin
+          mn-b-thin
         "
         >
         <template #header>
@@ -59,7 +59,7 @@
           radius-small 
           o-hidden
           br-1px br-solid br-grey 
-          mn-thin
+          mn-b-thin
         "
         >
         <template #header>

package/src/modules/spots/components/pages/SpotEdit.vue

@@ -21,8 +21,8 @@
     
       <div class="flex-stretch flex-column flex">  
 
-        <div class="mn-thin bg-grey pd-medium o-hidden radius-big">
-          <h3 class="mn-semi">Profile</h3>
+        <div class="mn-b-thin bg-grey pd-medium o-hidden radius-big">
+          <h3 class="mn-b-semi">Profile</h3>
           
           <div class="radius-small flex-nowrap flex">
             <UploadImage 
@@ -35,7 +35,7 @@
                 v-model:field="spots.state.spot.profile.name"     
                 label="Name"  
                 placeholder="Spot Name" 
-                class="mn-small bg-white radius-small pd-medium"
+                class="mn-b-small bg-white radius-small pd-medium"
                 :validation="organizationName" 
               />
               <Field 
@@ -50,10 +50,10 @@
         </div>
 
         <div class="bg-grey pd-medium o-hidden radius-big">
-          <h3 class="mn-semi">Details</h3>
+          <h3 class="mn-b-semi">Details</h3>
           
-          <p class="p-medium mn-small">Please the available delivery options:</p>
-          <div class="mn-medium flex-nowrap flex">
+          <p class="p-medium mn-b-small">Please the available delivery options:</p>
+          <div class="mn-b-medium flex-nowrap flex">
             <Checkbox 
                 label="Pickup"
                 name="Delivery"
@@ -77,7 +77,7 @@
               />
           </div>
 
-          <p class="p-medium mn-small">Please select the available payment methods:</p>
+          <p class="p-medium mn-b-small">Please select the available payment methods:</p>
           <div class="flex-nowrap flex">
             <Checkbox 
                 label="Cash"
@@ -105,7 +105,7 @@
       </div>
 
       <div class="bg-grey pd-medium o-hidden radius-big">
-        <h3 class="mn-semi">Location</h3>
+        <h3 class="mn-b-semi">Location</h3>
         <Address
           :apiKey="GOOGLE_MAPS_API_KEY" 
           :address="spots.state.spot.address" 
@@ -113,7 +113,7 @@
           label="Address"    
           placeholder="Enter delivery address"  
           class="
-            bg-white radius-small pd-small mn-small
+            bg-white radius-small pd-small mn-b-small
           "
           @update:location="newLocation => {
             spots.state.spot.location = newLocation;
@@ -123,7 +123,7 @@
           }"
         />
 
-        <p class="mn-small p-medium">Or choose on map:</p>
+        <p class="mn-b-small p-medium">Or choose on map:</p>
 
         <LocationMarker 
           :address="spots.state.spot.address" 
@@ -150,7 +150,7 @@
     <!-- <div id="dash" class="pd-medium bg-white">
      
 
-      <div class="mn-regular  flex-v-center flex-nowrap flex">
+      <div class="mn-b-regular  flex-v-center flex-nowrap flex">
         <h3 class="mn-r-small">Команда</h3>
         <div>
           <a  class="t-main h5" @click="openMemberPopup()">+</a>
@@ -167,10 +167,10 @@
       </Popup>
 
 
-      <ul class=mn-small>
+      <ul class=mn-b-small>
         <li v-if="spots.state.spot.members.length < 1">В отделе еще нет участников</li>
         <User 
-          class="bg-grey o-hidden radius-small mn-thin" 
+          class="bg-grey o-hidden radius-small mn-b-thin" 
           v-for="(member, index) in spots.state.spot.members" 
           :key="index" 
           :user="member.user" 
@@ -190,18 +190,18 @@
         />
       </Popup>
     
-      <div class="mn-regular  flex-v-center flex-nowrap flex">
+      <div class="mn-b-regular  flex-v-center flex-nowrap flex">
         <h3 class="mn-r-small">Подотделы </h3>
         <div>
           <a  class="t-main h5" @click="openSpotPopup()">+</a>
         </div>
       </div>
 
-        <ul class="mn-small">
+        <ul class="mn-b-small">
           <li v-if="spots.state.spot.subspots.length < 1">В отделе еще нет подотделов</li>
           <SpotSub  
             v-for="(subspot, index) in spots.state.spot.subspots" 
-            :key="index" class="bg-grey o-hidden radius-small mn-thin" 
+            :key="index" class="bg-grey o-hidden radius-small mn-b-thin" 
             :spot="subspot" 
               @click="openSpotPopup(index)"
             />

package/src/modules/spots/components/sections/Feed.vue

@@ -15,12 +15,12 @@
           :key="index"
           :spot="spot"
           :organization="organization"
-          class="radius-big bg-grey mn-thin"
+          class="radius-big bg-grey mn-b-thin"
         />
         <button
           v-if="FirstLevelSpots.length > 0 && auth.state.user._id === organization.owner"
           @click="$router.push(`/spots/${props.organization._id}/spots/create`)"
-          class="mn-thin button w-100"
+          class="mn-b-thin button w-100"
         >
           Add spot
         </button>

package/src/modules/spots/components/sections/PlaceModify.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="br-grey radius-small mn-small">
+    <div class="br-grey radius-small mn-b-small">
       <Select 
         :options="[
           {name: 'Кафе',        value: 'cafe'}, 

package/src/modules/spots/components/sections/Places.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
 
-    <div class="br-grey radius-small mn-small">
+    <div class="br-grey radius-small mn-b-small">
       <Select 
         :options="[
           {name: 'Кафе',        value: 'cafe'}, 

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

@@ -24,7 +24,7 @@
 
 			<section 
 
-				class="flex-center flex flex-column t-center w-100 mn-semi radius-medium pd-medium bg-grey"
+				class="flex-center flex flex-column t-center w-100 mn-b-semi radius-medium pd-medium bg-grey"
 			>
 
 				<Dropdown 
@@ -79,33 +79,33 @@
 				<img 
 					v-if="users.state.current.profile.photo.length > 0" 
 					:src="(FILE_SERVER_URL || '')+ users.state.current.profile.photo" 
-					class="radius-extra bg-white mn-small object-fit-cover i-extra" 
+					class="radius-extra bg-white mn-b-small object-fit-cover i-extra" 
 				/>
 				
 				<PlaceholderUserpic 
 					v-else 
-					class="radius-medium mn-small i-extra"
+					class="radius-medium mn-b-small i-extra"
 				/>
 
 				<h3 
-					class="mn-thin"
+					class="mn-b-thin"
 				>
 					{{users.state.current.profile.name ? users.state.current.profile.name : 'Not specified' }}
 				</h3>
 				
 				<p 
-					class="mn-thin t-main t-semi"
+					class="mn-b-thin t-main t-semi"
 				>
 					@{{ users.state.current.username ? users.state.current.username : 'Not specified' }}
 				</p>
 
 				<p 
-					class="mn-small p-medium"
+					class="mn-b-small p-medium"
 				>
 				 {{ users.state.current.profile.description ? users.state.current.profile.description : 'Not specified' }}
 				</p>
 				
-				<div class="mn-medium flex-center flex-nowrap flex">
+				<div class="mn-b-medium flex-center flex-nowrap flex">
 					<div 
 					  v-for="(role,index) in users.state.current.roles" 
 					  class="pd-thin radius-small t-semi bg-white" 
@@ -117,7 +117,7 @@
 				</div>			
 
 				<p 
-					class="t-semi mn-small"
+					class="t-semi mn-b-small"
 				>
 					<!-- 👍 3 212 likes ·  -->
 					<!-- 💬 342 comments ·  -->
@@ -133,12 +133,12 @@
 		      :status="users.state.current.isSubscriber" 
 					:text="{create: 'Follow', remove: 'Unfollow'}"
 		      @updateMembership="event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')"
-		      class="w-min mn-medium	mn-r-auto mn-l-auto" 
+		      class="w-min mn-b-medium	mn-r-auto mn-l-auto" 
 	    	/>
 
 	    	<h4 
 	      	v-if="Object.values(users.state.current.socials).some(value => value)" 
-	      	class="mn-t-small mn-thin"
+	      	class="mn-t-small mn-b-thin"
 	      >
 	    		Find Me in Socials
 	    	</h4>
@@ -154,7 +154,7 @@
 			
 			<Menu 
 				v-if="(auth.state.access.roles && auth.state.user._id === route.params._id) && (auth.state.access.roles.includes('ROLE_MODERATOR') || auth.state.access.roles.includes('ROLE_ADMIN'))"
-				class="mn-regular bg-black t-white"
+				class="mn-b-regular bg-black t-white"
 			>
 			  <MenuItem 
 			  	@click="router.push({
@@ -172,7 +172,7 @@
 			  </MenuItem> 
 			</Menu>
 
-			<Menu class="mn-regular bg-grey">
+			<Menu class="mn-b-regular bg-grey">
 
 			  <MenuItem @click="router.push({name: 'User Events', params: {_id: route.params._id}})" class="cursor-pointer">
 			    <IconEvents class="i-semi" :icon="true"/> 
@@ -192,7 +192,7 @@
 
 
 
-			<!-- <Menu class="mn-regular bg-grey">
+			<!-- <Menu class="mn-b-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>

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

@@ -1,6 +1,6 @@
 <template>
 	<div class="pd-thin">
-		<header class="mn-medium flex-v-center flex-nowrap flex">
+		<header class="mn-b-medium flex-v-center flex-nowrap flex">
 	      	<h2 class="mn-r-medium">Posts</h2>
 	      	<button 
 	      		v-if="auth.state.user._id === route.params._id"
@@ -20,7 +20,7 @@
 				{ name: 'Drafts', 		value: 'drafts' },
 				{ name: 'Following', 	value: 'following' },	
 			]"
-			class="mn-small o-hidden h5 radius-big bg-grey"
+			class="mn-b-small o-hidden h5 radius-big bg-grey"
 		/>
 
 		<Feed 

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

@@ -1,6 +1,6 @@
 <template>
 	<div class="pd-thin">
-		<header class="mn-medium flex-v-center flex-nowrap flex">
+		<header class="mn-b-medium flex-v-center flex-nowrap flex">
 	      	<h2 class="mn-r-medium">Comments</h2>
 		</header>
 

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

@@ -8,26 +8,26 @@
       :cta="false"
     />
     <!--  -->
-    <h3 class="mn-small">Username</h3>
+    <h3 class="mn-b-small">Username</h3>
 
     <Field 
       v-model:field="user.username"     
       label="@"  
       placeholder="Not specified" 
-      class="mn-thin w-100 bg-grey pd-medium radius-small" 
+      class="mn-b-thin w-100 bg-grey pd-medium radius-small" 
       disabled="true"
       :validation="organizationName" 
     />
 
-    <p class="mn-semi">Your username will be used for URL of profile like thecommunephuket/users/username</p>
+    <p class="mn-b-semi">Your username will be used for URL of profile like thecommunephuket/users/username</p>
     <!--  -->
-    <h3 class="mn-small">Profile</h3>
+    <h3 class="mn-b-small">Profile</h3>
 
-    <div class="mn-thin radius-small w-100 h-10r bg-grey flex-center flex-column flex">
+    <div class="mn-b-thin radius-small w-100 h-10r bg-grey flex-center flex-column flex">
        <UploadImage 
           v-model:photo="user.profile.photo"
           :uploadPath="'users/' + user._id + '/avatars'"
-          class="h-4r w-4r aspect-1x1 o-hidden bg-white mn-thin radius-extra" 
+          class="h-4r w-4r aspect-1x1 o-hidden bg-white mn-b-thin radius-extra" 
         />
         <h4>Upload userpic</h4>
     </div>
@@ -36,7 +36,7 @@
       v-model:field="user.profile.name"     
       label="Name"  
       placeholder="Not specified" 
-      class="mn-thin bg-grey pd-medium radius-small" 
+      class="mn-b-thin bg-grey pd-medium radius-small" 
       :validation="organizationName" 
     />
 
@@ -44,56 +44,56 @@
       v-model:field="user.profile.description"     
       label="Description"  
       placeholder="Not specified" 
-      class="mn-semi bg-grey pd-medium radius-small" 
+      class="mn-b-semi bg-grey pd-medium radius-small" 
       disabled="true"
       :validation="organizationName" 
     />
 
-    <!-- <p class="mn-thin">Select your birthday if you want to receive your birthday gift.</p>
+    <!-- <p class="mn-b-thin">Select your birthday if you want to receive your birthday gift.</p>
     
     <Field 
       v-model:field="user.birthday"     
       label="Birthday"  
       type="date"
       placeholder="Not specified" 
-      class="mn-semi bg-grey pd-medium radius-small" 
+      class="mn-b-semi bg-grey pd-medium radius-small" 
       :validation="organizationName" 
     /> -->
-    <h3 class="mn-small">Socials</h3>
-    <p class="mn-thin">Please provide only the username for social media profiles, without full links.</p>
+    <h3 class="mn-b-small">Socials</h3>
+    <p class="mn-b-thin">Please provide only the username for social media profiles, without full links.</p>
 
     <Field 
       v-model:field="user.socials.instagram"
       label="Instagram"   
       placeholder="" 
-      class="mn-thin bg-grey pd-medium radius-small" 
+      class="mn-b-thin bg-grey pd-medium radius-small" 
     />
     <Field 
       v-model:field="user.socials.twitter"
       label="Twitter"   
       placeholder="" 
-      class="mn-thin bg-grey pd-medium radius-small" 
+      class="mn-b-thin bg-grey pd-medium radius-small" 
     />
     <Field 
       v-model:field="user.socials.facebook"
       label="Facebook"   
       placeholder="" 
-      class="mn-thin bg-grey pd-medium radius-small" 
+      class="mn-b-thin bg-grey pd-medium radius-small" 
     />
     <Field 
       v-model:field="user.socials.telegram"
       label="Telegram"   
       placeholder="" 
-      class="mn-semi bg-grey pd-medium radius-small" 
+      class="mn-b-semi bg-grey pd-medium radius-small" 
     />
     <!--  -->
-    <h3 class="mn-small">Account</h3>
+    <h3 class="mn-b-small">Account</h3>
       
     <Field 
       v-model:field="user.phone"     
       label="Phone"  
       placeholder="Not specified" 
-      class="mn-thin bg-grey pd-medium mn-thin radius-small" 
+      class="mn-b-thin bg-grey pd-medium mn-b-thin radius-small" 
       disabled="true"
       :validation="organizationName" 
     />
@@ -102,14 +102,14 @@
       v-model:field="user.email"     
       label="Email"  
       placeholder="Not specified" 
-      class="mn-semi  bg-grey pd-medium radius-small" 
+      class="mn-b-semi  bg-grey pd-medium radius-small" 
       :disabled="true"
       :validation="organizationName" 
     />
 
-    <Button :submit="onSubmit" :callback="redirectTo" class="mn-thin">Save</Button>
+    <Button :submit="onSubmit" :callback="redirectTo" class="mn-b-thin">Save</Button>
 
-		<Button :submit="onSubmitDelete" :callback="a = () => {router.push({name: 'Sign In'})}" class="mn-thin bg-red t-white">Delete Account</Button>
+		<Button :submit="onSubmitDelete" :callback="a = () => {router.push({name: 'Sign In'})}" class="mn-b-thin bg-red t-white">Delete Account</Button>
 	</div>
 </template>
 

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

@@ -3,7 +3,7 @@
 		class="pd-thin"
 	>
 		<header 
-			class="mn-medium flex-v-center flex-nowrap flex"
+			class="mn-b-medium flex-v-center flex-nowrap flex"
 		>
 	      	<h2
 	      		class="mn-r-medium"
@@ -26,7 +26,7 @@
 				{ name: 'My', 	value: 'owner' },
 				{ name: 'Participant', 	value: 'participant' },	
 			]"
-			class="mn-small o-hidden h5 radius-big bg-grey"
+			class="mn-b-small o-hidden h5 radius-big bg-grey"
 		/>
 
 		<Feed 

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

@@ -1,6 +1,6 @@
 <template>
 	<div class="pd-thin">
-		<header class="mn-medium flex-v-center flex-nowrap flex">
+		<header class="mn-b-medium flex-v-center flex-nowrap flex">
 	      	<h2 class="mn-r-medium">Likes</h2>
 		</header>
 

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

@@ -1,6 +1,6 @@
 <template>
 	<div class="pd-thin">
-		<header class="mn-medium flex-v-center flex-nowrap flex">
+		<header class="mn-b-medium flex-v-center flex-nowrap flex">
 	      	<h2 class="mn-r-medium">Groups</h2>
 	      	<button 
 	      		v-if="auth.state.user._id === route.params._id"
@@ -18,7 +18,7 @@
 				{ name: 'Member', 	value: 'member' },
 				{ name: 'Follower', value: 'follower' }		
 			]"
-			class="mn-medium mn-r-medium o-hidden h5 radius-big bg-grey"
+			class="mn-b-medium mn-r-medium o-hidden h5 radius-big bg-grey"
 		/>
 
 		<transition name="slide-fade">

package/src/modules/users/components/sections/ProfileCompletion.vue

@@ -1,5 +1,5 @@
 <template>
-  <section class="w-100 mn-semi radius-medium pd-medium bg-main t-black">
+  <section class="w-100 mn-b-semi radius-medium pd-medium bg-main t-black">
     <h3>
       Profile completed at {{ completionPercentage }}%
     </h3>