mario-core 2.9.169-level → 2.9.170-level

package/dist/containers/Login/views/block/BlockBackground.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+interface Props {
+    data: string[];
+    duration?: number;
+}
+declare const BlockBackground: FC<Props>;
+export default BlockBackground;

package/dist/index.css

@@ -291,33 +291,40 @@
   margin-left: -30px;
   margin-right: -30px; }
 
-._jOY7o {
-  background-size: cover;
-  opacity: 0;
-  -webkit-animation: _wnn2_ 20s step-start infinite 0s;
-          animation: _wnn2_ 20s step-start infinite 0s; }
-
-@-webkit-keyframes _wnn2_ {
+._30npl {
+  width: 100%;
+  height: 100%;
+  z-index: 1; }
+  ._30npl img {
+    width: 100%;
+    height: 100%;
+    -o-object-fit: cover;
+       object-fit: cover;
+    -o-object-position: center;
+       object-position: center;
+    position: absolute;
+    z-index: 1;
+    top: 0;
+    left: 0; }
+    ._30npl img._3oAH- {
+      z-index: 3; }
+      ._30npl img._3oAH-._16rY4 {
+        -webkit-animation: _26nbh 1s ease-in-out forwards;
+                animation: _26nbh 1s ease-in-out forwards; }
+    ._30npl img._3A7Vv {
+      z-index: 2; }
+
+@-webkit-keyframes _26nbh {
   0% {
-    opacity: 0;
-    background-image: url("/images/landing-page.jpg"); }
-  50% {
-    opacity: 1;
-    background-image: url("/images/landing-page2.jpg"); }
+    opacity: 0; }
   100% {
-    opacity: 2;
-    background-image: url("/images/landing-page3.jpg"); } }
+    opacity: 1; } }
 
-@keyframes _wnn2_ {
+@keyframes _26nbh {
   0% {
-    opacity: 0;
-    background-image: url("/images/landing-page.jpg"); }
-  50% {
-    opacity: 1;
-    background-image: url("/images/landing-page2.jpg"); }
+    opacity: 0; }
   100% {
-    opacity: 2;
-    background-image: url("/images/landing-page3.jpg"); } }
+    opacity: 1; } }
 
 ._F-hjL {
   background-color: #336dda;
@@ -331,6 +338,8 @@
       background-color: #336dda;
       overflow: hidden; } }
   ._F-hjL ._149oA {
+    position: relative;
+    z-index: 2;
     background: rgba(0, 0, 0, 0.57);
     height: 100%;
     padding: 20px 100px; }

package/dist/index.js

@@ -2802,7 +2802,7 @@ function _catch(body, recover) {
 	return result;
 }
 
-var styles = {"btn-login-google":"_2HqmH","notification-count":"_2sew7","text-introduction":"_3OgWF","btn-trans-border":"_r9cAh","contact":"_NszFe","learn-more":"_MDjzH","title-quote":"_1Swkw","descriptions-quote":"_gi8vj","box-login":"_38Lo1","block-verification":"_1OzGy","block-login":"_wWIyO","title-login":"_3nuns","title-forgot-password":"_21qb6","btn-close":"_NhW9l","btn-login":"_3IL10","digital-privacy-icon":"_141p1","return-to-login":"_Ce3Kg","recover-account":"_2t6d9","link-to-login":"_3bDsd","remember":"_11FZt","term-and-conditions":"_3LXoI","descriptions-forgot-pass":"_PMcjT","content-icon":"_2rZY6","descriptions-icon":"_3SOdX","title-icon":"_y9lM2","nav-home":"_1TT1q","box-introduction":"_32V6L","icon":"_20YJX","form-user-name":"_39BJD","checkbox-remember":"_2K9b2","block-reset-password":"_23Sua","block-forgot-pass":"_3CWP6","page-not-login":"_3Wmco","content-quote":"_13Rk0","home-page":"_o6HKW","red-background":"_jOY7o","imageAnimation":"_wnn2_","login":"_F-hjL","login-content":"_149oA","logo-home":"_24U3W","img-box":"_2v-L_","img-login":"_3ncTL","img-login-rectangle":"_2kOvJ","c-main":"_39l0X","container-fluid":"_1BMwK","input-file-label":"_1XNpH","delete-avatar-button":"_1z5h9","header-logo":"_Gewcf","box-sidebar":"_2vcmv","sidebar-logo":"_1hXpy","sidebar-nav-links":"_3vb3s","c-active":"_36jSM","sidebar-nav-links-hover":"_DNrus","box-sidebar-header":"_3NEZj","box-logout":"_1wUDG","sidebar-btn-minimized":"_1S7Px","sidebar-logout":"_2P85D","nav-mobile":"_1qjbW","filter-media-file":"_1I62C","div":"_3cLcM","dropdown-menu":"_1krbH","header-avatar":"_RQaHE","dropdown-menu-flag":"_XK8oS","dropdown-content":"_3ys4W","dropdown-change":"_ToOW_","item-address":"_3sQlR","item-logout":"_3bqSM","title-address":"_1jgSI","img-avatar":"_35Ttz","item-contact":"_1wc7o","logout":"_1_9tV","content-text":"_3S4f2","dropdown-content-language":"_3ajui","dropdown-item-language":"_3Y_y4","dropdown-item-language-active":"_CzNMi","popover__sort__item":"_1ocBa","popover__sort__item--active":"_18NhM","popover__search__icon":"_2bquW","popover__search__input":"_3A4G4","popover__options":"_1MsEW","button-export":"_2rTzM","button-content":"_18y0w","button-icon":"_3cZAT","hide-in-mobile":"_1INnO","hamburger-menu":"_2yRc8","box-content-home-page":"_ABUIP","collapse-box":"_WX97m","hide-in-desktop":"_2LIqK","control-input":"_2Zz97","custom-control":"_3-yp5","item-select-role":"_1KcY7","item-role-active":"_dOVso","model-switch-roles":"_3ZqxI","title":"_g-p72"};
+var styles = {"btn-login-google":"_2HqmH","notification-count":"_2sew7","text-introduction":"_3OgWF","btn-trans-border":"_r9cAh","contact":"_NszFe","learn-more":"_MDjzH","title-quote":"_1Swkw","descriptions-quote":"_gi8vj","box-login":"_38Lo1","block-verification":"_1OzGy","block-login":"_wWIyO","title-login":"_3nuns","title-forgot-password":"_21qb6","btn-close":"_NhW9l","btn-login":"_3IL10","digital-privacy-icon":"_141p1","return-to-login":"_Ce3Kg","recover-account":"_2t6d9","link-to-login":"_3bDsd","remember":"_11FZt","term-and-conditions":"_3LXoI","descriptions-forgot-pass":"_PMcjT","content-icon":"_2rZY6","descriptions-icon":"_3SOdX","title-icon":"_y9lM2","nav-home":"_1TT1q","box-introduction":"_32V6L","icon":"_20YJX","form-user-name":"_39BJD","checkbox-remember":"_2K9b2","block-reset-password":"_23Sua","block-forgot-pass":"_3CWP6","page-not-login":"_3Wmco","content-quote":"_13Rk0","home-page":"_o6HKW","bg-animate":"_30npl","active":"_3oAH-","show":"_16rY4","fade-in":"_26nbh","behind":"_3A7Vv","login":"_F-hjL","login-content":"_149oA","logo-home":"_24U3W","img-box":"_2v-L_","img-login":"_3ncTL","img-login-rectangle":"_2kOvJ","c-main":"_39l0X","container-fluid":"_1BMwK","input-file-label":"_1XNpH","delete-avatar-button":"_1z5h9","header-logo":"_Gewcf","box-sidebar":"_2vcmv","sidebar-logo":"_1hXpy","sidebar-nav-links":"_3vb3s","c-active":"_36jSM","sidebar-nav-links-hover":"_DNrus","box-sidebar-header":"_3NEZj","box-logout":"_1wUDG","sidebar-btn-minimized":"_1S7Px","sidebar-logout":"_2P85D","nav-mobile":"_1qjbW","filter-media-file":"_1I62C","div":"_3cLcM","dropdown-menu":"_1krbH","header-avatar":"_RQaHE","dropdown-menu-flag":"_XK8oS","dropdown-content":"_3ys4W","dropdown-change":"_ToOW_","item-address":"_3sQlR","item-logout":"_3bqSM","title-address":"_1jgSI","img-avatar":"_35Ttz","item-contact":"_1wc7o","logout":"_1_9tV","content-text":"_3S4f2","dropdown-content-language":"_3ajui","dropdown-item-language":"_3Y_y4","dropdown-item-language-active":"_CzNMi","popover__sort__item":"_1ocBa","popover__sort__item--active":"_18NhM","popover__search__icon":"_2bquW","popover__search__input":"_3A4G4","popover__options":"_1MsEW","button-export":"_2rTzM","button-content":"_18y0w","button-icon":"_3cZAT","hide-in-mobile":"_1INnO","hamburger-menu":"_2yRc8","box-content-home-page":"_ABUIP","collapse-box":"_WX97m","hide-in-desktop":"_2LIqK","control-input":"_2Zz97","custom-control":"_3-yp5","item-select-role":"_1KcY7","item-role-active":"_dOVso","model-switch-roles":"_3ZqxI","title":"_g-p72"};
 
 var style = {
   fontSize: "0.85rem"
@@ -4293,11 +4293,56 @@ var ContentHomePage = function ContentHomePage(_ref) {
   })));
 };
 
+var DEFAULT_ANIMATION_DURATION = 10000;
+
+var BlockBackground = function BlockBackground(_ref) {
+  var data = _ref.data,
+      _ref$duration = _ref.duration,
+      duration = _ref$duration === void 0 ? DEFAULT_ANIMATION_DURATION : _ref$duration;
+
+  var _useState = React.useState(data.length),
+      activeImage = _useState[0],
+      setActiveImage = _useState[1];
+
+  var ref = React.useRef();
+  var getActiveClass = React.useCallback(function (index) {
+    return index === activeImage ? styles["active"] + " " + styles["show"] : '';
+  }, [activeImage]);
+  var getBehindClass = React.useCallback(function (index) {
+    return activeImage === 0 && index === data.length - 1 || index === activeImage - 1 ? styles["behind"] : '';
+  }, [activeImage, data.length]);
+  var animate = React.useCallback(function () {
+    ref && ref.current && clearInterval(ref.current);
+    ref.current = setInterval(function () {
+      setActiveImage(function (state) {
+        return state >= data.length - 1 ? 0 : state + 1;
+      });
+    }, duration);
+  }, [duration, data.length]);
+  React.useEffect(function () {
+    animate();
+    return function () {
+      ref && ref.current && clearInterval(ref.current);
+    };
+  }, [data.length, duration]);
+  return React__default.createElement("div", {
+    className: styles["bg-animate"] + " position-absolute"
+  }, data.map(function (img, index) {
+    return React__default.createElement("img", {
+      key: index,
+      alt: "Image " + (index + 1),
+      className: getBehindClass(index) + " " + getActiveClass(index),
+      src: getStaticFileUrl(img)
+    });
+  }));
+};
+
 var HOME_ADMIN = "/admin/users/user-list";
 var HOME_TEACHER = "/home";
 var HOME_STUDENT = "/home";
 var DASHBOARD_TITLE = "Dashboard";
 var ROOT_TITLE = "Mario Framework";
+var BG_IMAGES = ["images/landing-page.jpg", "images/landing-page2.jpg", "images/landing-page3.jpg"];
 
 var Dashboard = function Dashboard() {
   var _useState = React.useState(false),
@@ -4316,8 +4361,10 @@ var Dashboard = function Dashboard() {
     !!user ? document.title = DASHBOARD_TITLE : document.title = ROOT_TITLE;
   }, [user]);
   return React__default.createElement("div", {
-    className: styles["login"] + " " + styles["red-background"]
-  }, React__default.createElement("div", {
+    className: styles["login"] + " " + styles["red-background"] + " position-relative"
+  }, React__default.createElement(BlockBackground, {
+    data: BG_IMAGES
+  }), React__default.createElement("div", {
     className: "" + styles["login-content"]
   }, React__default.createElement(reactstrap.Navbar, {
     light: true,