@ozdao/prometheus-framework 0.2.29 → 0.2.31

package/src/styles/layout.scss

@@ -2,34 +2,23 @@
 	box-sizing: border-box;
 }
 
-*[disabled] {
-	opacity: 0.75;
-	pointer-events: none;
-	cursor: default;
-}
-
-.disabled {
-	opacity: 0.75;
-	pointer-events: none;
-	cursor: default;
+html, body {
+	position: relative;
+	width: 100vh;
+	height: 100vh;
 }
 
 html {
 	backface-visibility: hidden;
+	text-rendering: geometricPrecision;
 	-webkit-font-smoothing: subpixel-antialiased;
 	-moz-osx-font-smoothing: grayscale;
-	// text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
-	text-rendering: geometricPrecision;
-	// -webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.1);
 }
 
 body {
-	position: relative;
-	width: 100%;
-
-	background-color: white;
-	color: black; 
-	font-family: 'Avenir Next' !important; 
+	background: rgb(var(--white));
+	color: rgb(var(--black));; 
+	font-family: var(--font) !important; 
 
 	-ms-overflow-style: none;
 	// overflow-y: hidden;
@@ -37,169 +26,10 @@ body {
 }
 
 #app {
+	display: grid;
 	position: relative;
-	z-index: 1;
-}
-
-#page-content {
-	min-height: 100vh;
-	scroll-margin-top: 4rem;
-	z-index: 1;
-
-	transform-style: preserve-3d;
-	perspective: 750px;
-	perspective-origin: top;
-}
-
-
-
-.scroll-content { backface-visibility: hidden; } 
-.unactive { opacity: 0.0; }
-.hide { display: block; position: absolute; opacity: 0; pointer-events: none; }
-
-// //////////////////////////////////////// 
-// TRANSITIONS
-// //////////////////////////////////////// 
-.TransitionTranslateY-enter-active,
-.TransitionTranslateY-leave-active {
-	transform: translateY(0px);  
-	opacity: 1;
-	z-index: 1;
-	transition: all 0.5s ease;
-}
-.TransitionTranslateY-enter-from,
-.TransitionTranslateY-leave-to {
-	opacity: 0;
-	z-index: 0;
-	position: absolute;
-	width: inherit;
-	height: inherit;
-	display: block;
-	transform: translateY(-30px); 
-	transition: all 0.5s ease;
-}
-
-.TransitionTranslateY-small-enter-active,
-.TransitionTranslateY-small-leave-active {
-	// transform: translateY(0px);  
-	opacity: 1;
-	z-index: 1;
-	transition: all 0.5s ease;
-}
-.TransitionTranslateY-small-enter-from,
-.TransitionTranslateY-small-leave-to {
-	opacity: 0;
-	z-index: 0;
-	position: absolute;
-	width: inherit;
-	height: inherit;
-	display: block;
-	transform: scale(0.5); 
-	transition: all 0.5s ease;
-}
-
-.fadeIn-enter-active,
-.fadeIn-leave-active {
-	transition: all 0.5s 'ease-in-out';
-}
-
-.fadeIn-enter-from,
-.fadeIn-leave-to {
-  	opacity: 0;
-  
-  	position: absolute;
-}
-
-.fade-enter-active, .fade-leave-active {
-	transition: all 0.5s;
-	max-height: 500px;
-}
-.fade-enter-from, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
-	opacity: 0;
-	max-height: 0;
-}
-
-.scale-enter-active,
-.scale-leave-active {
-	opacity: 1;
-	transform: translateZ(0);
-  	transition: all 0.5s ease;
-}
-.scale-enter-from,
-.scale-leave-to {
-	position: absolute;
-	opacity: 0;
-	// transform: scale(1.1);
-	transform: translateZ(40px);
-	transition: all 0.5s ease; 
-
-	> * { position: absolute;}
-}
-
-
-.moveFromTop-enter-active,
-.moveFromTop-leave-active {
-	transform: translateY(-12rem);
-  transition: all 0.5s ease;
-}
-.moveFromTop-enter-from,
-.moveFromTop-leave-to {
-      transform: translateY(0);
-  transition: all 0.5s ease; 
-}
-
-
-// //////////////////////////////////////// 
-// COMPONENTS
-// //////////////////////////////////////// 
-.spoiler-active {
-	transform: rotate(180deg);
-}
-
-
-// //////////////////////////////////////// 
-// SECTIONS
-// //////////////////////////////////////// 
-.section {
-	display: block;
-	position: relative;
-
-	width: 100%;
-	
-	padding: 4rem;
-
-	box-sizing: border-box;
-
-	&-subsection {
-		padding: 3.125rem 6.25rem
-	}
-
-	&-panel {
-		padding: 1.5rem 6.25rem
-	}
+	height: 100vh;
+  overflow: hidden;
 
-	&-header {
-		padding: 40px 80px; 
-		background: white; 
-		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-		
-		.title {
-			width: 100;
-			h1 { margin-right: 1rem;}
-			.round-stat {
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				width: 2.5rem;
-				height: 2.5rem;
-				margin-top: 1rem;
-				border-radius: 2rem;
-				background: rgba(0,0,0,0.1);
-				color: black;
-				font-size: 1.5rem;
-				line-height: 2rem;
-				text-align: center;
-			} 
-		}
-	}
+  grid-template-rows: min-content;
 }

package/src/styles/reset.scss

@@ -18,6 +18,9 @@ time, mark, audio, video, textarea, input {
   font-size: 100%;
   font: inherit;
   vertical-align: baseline; 
+  color: inherit;
+  background: transparent;
+  text-decoration: none; 
 }
 
 a:link, a:visited, a:hover {
@@ -25,38 +28,40 @@ a:link, a:visited, a:hover {
   text-decoration: none;
 }
 
-li {
-    list-style: none;
-}
 
 article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
-  display: block; }
+  display: block; 
+}
+
+header, select, input, span, label, textarea {
+  box-sizing: border-box; 
+  font-family: inherit; 
+}
 
-body {
-  line-height: 1; }
 
-ol, ul {
-  list-style: none; }
+ol, ul, li {
+  list-style: none; 
+}
 
 blockquote, q {
-  quotes: none; }
+  quotes: none; 
+}
 
 blockquote:before, blockquote:after,
 q:before, q:after {
   content: '';
-  content: none; }
+  content: none; 
+}
 
 table {
   border-collapse: collapse;
-  border-spacing: 0; }
-
-header, select, input, span, label, textarea {
-  box-sizing: border-box; 
-  font-family: inherit; 
+  border-spacing: 0; 
 }
 
 input, textarea  {
+  background: transparent;
+  text-decoration: none; 
   &, &:link, &:focus, &:visited, &:active {
     text-decoration: none; 
     outline: none;
@@ -67,12 +72,6 @@ input, textarea  {
   }
 }
 
-// Resets for inputs
-a, input, textarea {
-  background: transparent;
-  text-decoration: none; 
-}
-
 /* Chrome, Safari, Edge, Opera */
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {

package/src/styles/responsive.scss

@@ -34,13 +34,6 @@ $xxl-desktop-min:                   1921px;
     html, body {
       font-size: 14px;
     }
-  
-    .section {
-      padding: 3rem 2rem;
-    } 
-    .input-text {
-      width: 100%;
-    }
   }
   
   @media screen and (min-width:  $tablet-portrait-min) {
@@ -52,12 +45,6 @@ $xxl-desktop-min:                   1921px;
       width: 100% !important;
     }
 
-    .popup-wrapper {
-      > section {
-        bottom: 0;
-      }
-    }
-
   }
 
    @media screen and (max-width: 1025px) {
@@ -69,14 +56,10 @@ $xxl-desktop-min:                   1921px;
     .mobile-only {
        display: inherit !important;
     }
-
-    .mn-b-small { margin-bottom: 1.5rem !important;}
-
- 
+    
      // Cols
     .cols-1, .cols-2, .cols-3, .cols-4,  .cols-2-2_1, .cols-2-1_2, .cols-2-1_3, .cols-2-golden-ration   { display: grid !important; grid-template-columns: 1fr !important;  }
     .cols-4.no-responsive { grid-template-columns: 1fr 1fr 1fr 1fr !important }
-    .grid-container { grid-template-columns: 1fr !important;  }
     .cols-2 { >.col { width: 100% !important;  } }
 
     .pd-extra { padding: 3rem }
@@ -95,49 +78,6 @@ $xxl-desktop-min:                   1921px;
       grid-template-columns: 1fr 1fr 1fr!important;
     }
 
-
-
-    .btm-header .active {
-        height: auto!important;
-        padding: 2rem!important;
-    }
-
-    #hero {
-      text-align: center;
-
-      .col:last-of-type {
-        order: 1
-      }
-
-      .col:first-of-type {
-        order: 2
-      }
-
-      span {
-        display: inline-block;;
-      }
-    }
-
-    #main-menu {
-      li {
-        &:nth-child(1) {
-          background-size: 66% !important;
-        }
-
-        &:nth-child(2) {
-          background-size: 66% !important;
-        }
-
-        &:nth-child(3) {
-          background-size: 66% !important;
-        }
-      }
-    }
-
-    #gmap_canvas { 
-      height: 24rem !important;
-    }
-
     .footer {
       text-align: center;
 
@@ -185,9 +125,9 @@ $xxl-desktop-min:                   1921px;
 
   
 
-    h1, .h1 { font-size: 3rem }
-    h2, .h2 { font-size: 2.5rem }
-    h3, .h3 { font-size: 1.75rem }
+    h1, .h1 { font-size: 2.5rem }
+    h2, .h2 { font-size: 1.75rem }
+    h3, .h3 { font-size: 1.5rem }
 
    
 
@@ -225,9 +165,6 @@ $xxl-desktop-min:                   1921px;
     html, body {
       font-size: 8px;
     }
-    .pd-extra {
-        // padding:  $big) + 1;
-    }
   }
   
   @media screen and (max-width:  $super-ultra-tiny-flip-phone-max) {

package/src/styles/theme.scss

@@ -1,11 +1,8 @@
-@import './components/block';
-@import './components/breadcrumbs';
 @import './components/card';
-// @import './components/input';
 @import './components/item';
 @import './components/line';
 
-@import './config';
+
 @import './reset';
 
 @import './base/all';
@@ -13,3 +10,5 @@
 @import './typography';
 @import './layout';
 @import './responsive';
+
+@import './config';

package/src/styles/typography.scss

@@ -1,9 +1,3 @@
-@font-face {font-family: 'Avenir Next'; src: url("@/assets/fonts/AvenirNext-Regular.woff2") 	format("woff2"); font-weight: 400; font-style: normal; }
-@font-face {font-family: 'Avenir Next'; src: url("@/assets/fonts/AvenirNext-Medium.woff2")  	format("woff2"); font-weight: 500; font-style: normal; }
-@font-face {font-family: 'Avenir Next'; src: url("@/assets/fonts/AvenirNext-DemiBold.woff2")	format("woff2"); font-weight: 600; font-style: normal; }
-@font-face {font-family: 'Avenir Next'; src: url("@/assets/fonts/AvenirNext-Bold.woff2")    	format("woff2"); font-weight: 700; font-style: normal; }
-@font-face {font-family: 'Avenir Next'; src: url("@/assets/fonts/AvenirNext-Heavy.woff2")    	format("woff2"); font-weight: 800; font-style: normal; }
-
 // Headers
 .tx-extra   { padding: var(--extra);  }
 .tx-big   	{ padding: var(--big);  	}
@@ -14,12 +8,12 @@
 .tx-thin  	{ padding: var(--thin);   } 
 .tx-zero  	{ padding: 0;   		} 
 // Font Styles
-.h0  		{ font-weight: 600; font-size: 8.000rem; 	line-height: 1.000; letter-spacing: -0.1rem; 	text-transform: none;				}
-h1,.h1  { font-weight: 600; font-size: 4.000rem; 	line-height: 1.000; letter-spacing: -0.1rem; 	text-transform: none;				}
-h2,.h2  { font-weight: 600; font-size: 3.500rem; 	line-height: 1.000; letter-spacing: -0.0rem;	text-transform: none;				}
-h3,.h3  { font-weight: 500; font-size: 2.000rem; 	line-height: 1.125; letter-spacing: -0.0rem;	text-transform: none;				}
-h4,.h4  { font-weight: 700; font-size: 1.325rem; 	line-height: 1.125; letter-spacing: +0.0rem; 	text-transform: uppercase;	}
-h5,.h5 	{ font-weight: 600; font-size: 1.000rem; 	line-height: 1.125;	letter-spacing: -0.0rem; 	text-transform: none;				}
+.h0  		{ font-weight: 500; font-size: 8.000rem; 	line-height: 1.000; letter-spacing: -0.1rem; 	text-transform: none;				}
+h1,.h1  { font-weight: 500; font-size: 3.000rem; 	line-height: 1.000; letter-spacing: -0.1rem; 	text-transform: none;				}
+h2,.h2  { font-weight: 500; font-size: 2.500rem; 	line-height: 1.000; letter-spacing: -0.0rem;	text-transform: none;				}
+h3,.h3  { font-weight: 500; font-size: 1.500rem; 	line-height: 1.125; letter-spacing: -0.0rem;	text-transform: none;				}
+h4,.h4  { font-weight: 500; font-size: 1.250rem; 	line-height: 1.125; letter-spacing: +0.0rem; 	text-transform: none;	}
+h5,.h5 	{ font-weight: 500; font-size: 1.000rem; 	line-height: 1.125;	letter-spacing: -0.0rem; 	text-transform: none;				}
 // Typogragy Styles
 		.p-small     	{ font-weight: 400;				font-size: 0.75rem;		line-height: 1.500; }
 p, 	.p-medium     { font-weight: 400;				font-size: 1.00rem;		line-height: 1.500	}
@@ -34,10 +28,6 @@ a:active  { opacity: 0.75 }
 .t-left   	{ text-align: left; 	}
 .t-center   { text-align: center; }
 .t-right  	{ text-align: right; 	}
-// Linehegiht
-.t-lh-1 		{ line-height: 1}
-.t-lh-15 		{ line-height: 1.5}
-.t-lh-2 		{ line-height: 2}
 // Font weights
 .t-bold   	{ font-weight: 900;}
 .t-demi   	{ font-weight: 700;}
@@ -45,13 +35,21 @@ a:active  { opacity: 0.75 }
 .t-medium 	{ font-weight: 500;}
 .t-regular 	{ font-weight: 300;}
 .t-light  	{ font-weight: 200;}
-// Line height
+// Linehegiht
+.t-lh-05		{ line-height: 0.5 }
+.t-lh-075		{ line-height: 0.75 }
+.t-lh-1 		{ line-height: 1}
+.t-lh-15 		{ line-height: 1.5}
+.t-lh-2 		{ line-height: 2}
+
 .lh-bold   	{ line-height: 3.000; }
 .lh-demi   	{ line-height: 2.000; }
 .lh-semi   	{ line-height: 1.500; }
 .lh-medium 	{ line-height: 1.250; }
 .lh-regular { line-height: 1.125; }
 .lh-light  	{ line-height: 1.000; }
+
+
 // Text decoration
 .uppercase 				{ text-transform: uppercase;			}
 .capitalize 				{ text-transform: capitalize;			}

package/src/modules/files/middlewares/server/md.js

@@ -1,152 +0,0 @@
-const multer = require('multer');
-const path = require('path');
-const fs = require('fs');
-
-const createMulterStorage = (folderName, publicPath) => {
-
-  return multer.diskStorage({
-    destination: function (req, file, cb) {
-      let user = {};
-      try {
-        user = JSON.parse(req.cookies.user);
-      } catch (err) {
-        return cb(new Error('Unable to parse user from cookies'));
-      }
-
-      if (!user._id) {
-        return cb(new Error('No user _id found in cookies'));
-      }
-
-      const userUploadPath = path.join(publicPath, 'users', String(user._id), folderName);
-    
-      fs.mkdirSync(userUploadPath, { recursive: true });
-
-      cb(null, userUploadPath);
-    },
-    
-    filename: function (req, file, cb) {
-      cb(null, Date.now() + path.extname(file.originalname));
-    }
-  });
-}
-
-const createStorage = (folderName, publicPath) => {
-
-    return multer.diskStorage({
-      destination: function (req, file, cb) {
-        let user = {};
-        try {
-          user = JSON.parse(req.cookies.user);
-        } catch (err) {
-          return cb(new Error('Unable to parse user from cookies'));
-        }
-
-        if (!user._id) {
-          return cb(new Error('No user _id found in cookies'));
-        }
-
-        const userUploadPath = path.join(publicPath, folderName);
-      
-        fs.mkdirSync(userUploadPath, { recursive: true });
-
-        cb(null, userUploadPath);
-      },
-      filename: function (req, file, cb) {
-        cb(null, Date.now() + path.extname(file.originalname));
-      }
-    });
-}
-
-const controllerFactory = (db, publicPath) => {
-  const uploadImageController = async (req, res, next) => {
-    const upload = multer({ storage: createMulterStorage('blog', publicPath) }).single('file');
-
-    console.log(req.file)
-
-    upload(req, res, function(err) {
-      if (err instanceof multer.MulterError) {
-          console.log(err)
-        return res.status(500).json(err);
-      } else if (err) {
-        console.log(err)
-        return res.status(500).json(err);
-      }
-      if (!req.file) {
-        return res.status(400).send({ message: 'No file uploaded.' });
-      }
-
-      const user = JSON.parse(req.cookies.user);
-
-      res.status(200).send({ 
-        message: 'File uploaded successfully.',
-        filename: req.file.filename,
-        filepath: `/users/${user._id}/blog/${req.file.filename}`
-      });
-    });
-  };
-
-  const uploadFileController = async (req, res, next) => {
-
-    const folderName = req.query.folderName ? req.query.folderName : 'unsorted'; // получаем folderName из параметров запроса
-    const upload = multer({ storage: createStorage(folderName, publicPath) }).single('file');
-
-    console.log(folderName)
-    console.log(req.files)
-
-    upload(req, res, function(err) {
-      if (err instanceof multer.MulterError) {
-          console.log(err)
-        return res.status(500).json(err);
-      } else if (err) {
-        console.log(err)
-        return res.status(500).json(err);
-      }
-      if (!req.file) {
-        return res.status(400).send({ message: 'No file uploaded.' });
-      }
-
-      const user = JSON.parse(req.cookies.user);
-
-      res.status(200).send({ 
-        message: 'File uploaded successfully.',
-        filename: req.file.filename,
-        filepath: `/${folderName}/${req.file.filename}`
-      });
-    });
-  };
-
-  const uploadMultipleFile = async (req, res, next) => {
-    const folderName = req.query.folderName; // получаем folderName из параметров запроса
-    const upload = multer({ storage: createStorage(folderName) }).array('file');
-
-    upload(req, res, function(err) {
-      if (err instanceof multer.MulterError) {
-          console.log(err)
-        return res.status(500).json(err);
-      } else if (err) {
-        console.log(err)
-        return res.status(500).json(err);
-      }
-      if (!req.files || req.files.length === 0) {
-        return res.status(400).send({ message: 'No file uploaded.' });
-      }
-
-      const user = JSON.parse(req.cookies.user);
-
-      // send back all filenames and paths
-      res.status(200).send(req.files.map(file => ({
-        message: 'File uploaded successfully.',
-        filename: file.filename,
-        filepath: `/${folderName}/${file.filename}`,
-      })));
-    });
-  };
-
-  return {
-    uploadImageController,
-    uploadFileController,
-    uploadMultipleFile
-  };
-};
-
-module.exports = controllerFactory;