@vnejs/plugins.view.coralina.mainmenu 0.1.7 → 0.1.8

package/const/params.js

@@ -1,5 +1,8 @@
 export const BACKGROUND = "Menu/loading";
 
+export const BACKGROUNDS = [];
+export const BACKGROUNDS_INTERVAL = 0;
+
 export const TRANSITION = 500;
 export const ZINDEX = 3000;
 export const LOC_LABEL = "mainMenu";

package/modules/controller.js

@@ -3,6 +3,8 @@ import { ModuleController } from "@vnejs/module.components";
 const toStateItem = ({ onClick, ...item }) => item;
 const onRealItems = (item) => !item.isDisabled && !item.isHide;
 
+const getRandomInt = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;
+
 export class MainMenuController extends ModuleController {
   name = "mainmenu.controller";
 
@@ -10,6 +12,9 @@ export class MainMenuController extends ModuleController {
 
   bgName = this.PARAMS.MAINMENU_VIEW.BACKGROUND;
 
+  bgInterval = null;
+  bgIndex = 0;
+
   updateEvent = this.EVENTS.MAINMENU_VIEW.UPDATE;
   controls = {
     [this.CONST.CONTROLS.BUTTONS.ARROW_UP]: this.decCurrentItem,
@@ -34,7 +39,7 @@ export class MainMenuController extends ModuleController {
 
     this.on(this.EVENTS.SYSTEM.STARTED, this.loadBgMedia);
 
-    this.on(this.EVENTS.MEMORY.CLEARED, this.onMemoryCleared);
+    this.on(this.EVENTS.MEMORY.CLEARED, this.updateBg);
   };
 
   beforeShow = async () => {
@@ -44,11 +49,35 @@ export class MainMenuController extends ModuleController {
 
     this.maxCurrentItem = this.state.realItems.length - 1;
   };
+  afterShow = () => {
+    if (this.PARAMS.MAINMENU_VIEW.BACKGROUNDS.length && this.PARAMS.MAINMENU_VIEW.BACKGROUNDS_INTERVAL)
+      this.bgInterval = setInterval(this.intervalTickFunc, this.PARAMS.MAINMENU_VIEW.BACKGROUNDS_INTERVAL);
+  };
+  afterHide = () => {
+    this.setDefaultState();
+
+    clearInterval(this.bgInterval);
+  };
 
   onAccept = async () => this.click((await this.emitOne(this.EVENTS.MAINMENU.ITEMS)).filter(onRealItems), this.currentItem);
   onClick = async ({ index } = {}) => this.click(await this.emitOne(this.EVENTS.MAINMENU.ITEMS), index);
 
-  onMemoryCleared = async () => this.updateStateAndView({ bgSrc: (await this.loadBgMedia()).src });
+  updateBg = async () => this.updateStateAndView({ bgSrc: (await this.loadBgMedia()).src });
+
+  intervalTickFunc = () => {
+    while (true) {
+      const newIndex = getRandomInt(0, this.PARAMS.MAINMENU_VIEW.BACKGROUNDS.length - 1);
+
+      if (newIndex === this.bgIndex) continue;
+
+      this.bgIndex = newIndex;
+      break;
+    }
+
+    this.bgName = this.PARAMS.MAINMENU_VIEW.BACKGROUNDS[this.bgIndex];
+
+    return this.updateBg();
+  };
 
   click = (items, index) => index !== null && items[index]?.onClick?.();
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vnejs/plugins.view.coralina.mainmenu",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",