Added Events System

package.json

@@ -8,6 +8,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@dafcoe/vue-notification": "^0.1.5",
     "core-js": "^3.6.5",
     "material-design-icons-iconfont": "^6.1.0",
     "svg.js": "^2.7.1",

src/components/DiplomacyGame.vue

@@ -70,15 +70,20 @@
     </template>
     <template #footer></template>
   </modal>
+
+  <vue-notification-list position="top-right"></vue-notification-list>
 </template>
 <script>
+import { useNotificationStore } from "@dafcoe/vue-notification";
+import "@dafcoe/vue-notification/dist/vue-notification.css";
+import Modal from "./Modal";
 import WorldMap from "./WorldMap";
 import GameData from "../assets/gameData";
 import WorldMapData from "../assets/worldRussiaCrimeaLow";
 import Country from "../models/Country";
 import Vote from "../models/Vote";
 import ScriptsCreator from "../models/ScriptsCreator";
-import Modal from "./Modal";
+import EventsCreator from "../models/EventsCreator";
 
 export default {
   name: "DiplomacyGame",
@@ -93,6 +98,7 @@ export default {
 
       Countries: [],
       Scripts: [],
+      Events: [],
       Votes: [],
 
       stages: 9,
@@ -124,13 +130,16 @@ export default {
         this.Scripts,
         scriptLauncher.createAllScripts()
       );
-      // this.Scripts.push(scriptLauncher.createScript("bitcoin"));
-      // this.Scripts.push(scriptLauncher.createScript("space"));
+      const eventLauncher = new EventsCreator();
+      Array.prototype.push.apply(this.Events, eventLauncher.createAllEvents());
+      this.launchEvents(2);
     },
     endStage() {
       if (this.currentStage % 3 == 0) {
-        this.vote(this.selectedResolution);
-        this.selectedResolution = null;
+        if (this.selectedResolution) {
+          this.vote(this.selectedResolution);
+          this.selectedResolution = null;
+        }
       }
       this.currentStage++;
     },
@@ -178,13 +187,42 @@ export default {
     },
     closeModalWindow() {
       this.isModalVisible = false;
+      this.isResolutionVisible = false;
+    },
+    setEvent(gameEvent) {
+      const notification = {
+        message: gameEvent.description,
+        type: "info",
+        showIcon: true,
+        dismiss: {
+          manually: true,
+          automatically: true,
+        },
+        duration: 5000,
+        showDurationProgress: true,
+        appearance: "light",
+      };
+      const { setNotification } = useNotificationStore();
+      setNotification(notification);
+    },
+    launchEvents(qty) {
+      this.Events.filter((eItem) => eItem.active == false)
+        .sort(() => 0.5 - Math.random())
+        .slice(0, qty)
+        .forEach((filteredE) => {
+          this.Events[
+            this.Events.findIndex((n) => n.name == filteredE.name)
+          ].activateEvent();
+          this.setEvent(filteredE);
+        });
     },
   },
   watch: {
     currentStage(stage) {
       if ((stage + 1) % 3 == 0) {
         this.isResolutionVisible = true;
       }
+      this.launchEvents(3);
     },
   },
 };

src/main.js

@@ -2,9 +2,12 @@ import { createApp } from "vue";
 import Root from "./App.vue";
 import svgJs from "./plugins/svgJs";
 import panZoom from "vue-panzoom";
+import VueNotificationList from "@dafcoe/vue-notification";
+
 import "material-design-icons-iconfont";
 
 const app = createApp(Root);
 app.use(svgJs);
 app.use(panZoom);
+app.use(VueNotificationList);
 app.mount("#app");

src/models/EventsCreator.js

@@ -0,0 +1,20 @@
+// import Bitcoin from "./scripts/Bitcoin";
+// import Space from "./scripts/Space";
+import * as EventModules from "./events";
+
+export default class EventsCreator {
+  constructor() {
+    this.events = [];
+  }
+
+  createEvent(type) {
+    return new EventModules[type]();
+  }
+
+  createAllEvents() {
+    Object.values(EventModules).forEach((Module) =>
+      this.events.push(new Module())
+    );
+    return this.events;
+  }
+}

src/models/ScriptsCreator.js

@@ -7,18 +7,9 @@ export default class ScriptsCreator {
     this.scripts = [];
   }
 
-  // createScript(type) {
-  //   let script;
-  //   switch (type) {
-  //     case "bitcoin":
-  //       script = new ScriptModules.Bitcoin();
-  //       break;
-  //     case "space":
-  //       script = new ScriptModules.Space();
-  //       break;
-  //   }
-  //   return script;
-  // }
+  createScript(type) {
+    return new ScriptModules[type]();
+  }
 
   createAllScripts() {
     Object.values(ScriptModules).forEach((Module) =>

src/models/events/Cars.js

@@ -0,0 +1,12 @@
+export default class Cars {
+  constructor() {
+    this.name = "cars";
+    this.description =
+      "Крупнейшие мировые автоконцерны объявили о конце эры автомобилей с двигателями внутреннего сгорания. С этого года они начнут массовый выпуск электрокаров.";
+    this.active = false;
+  }
+
+  activateEvent() {
+    this.active = true;
+  }
+}

src/models/events/Dollar.js

@@ -0,0 +1,40 @@
+import WorldMap from "../../assets/worldRussiaCrimeaLow.json";
+
+export default class Dollar {
+  constructor() {
+    this.name = "dollar";
+    this.description =
+      "Ряд стран отказалось от доллара США при заключении междуанродных сделок в пользу своих национальных валют.";
+    this.active = false;
+    this.countries = [];
+    this.excludedCountries = ["RU", "US"];
+  }
+
+  activateEvent() {
+    Array.prototype.push.apply(this.excludedCountries, this.countries);
+    if (this.countries.length) {
+      Array.prototype.push.apply(
+        this.countries,
+        this.getRandomCountries(this.getRandom(3, 10))
+      );
+    } else {
+      this.countries = this.getRandomCountries(this.getRandom(3, 10));
+    }
+  }
+
+  getRandomCountries(qty) {
+    return WorldMap.countries
+      .map((country) => {
+        return country.id;
+      })
+      .filter((country) => !this.excludedCountries.includes(country))
+      .sort(() => 0.5 - Math.random())
+      .slice(0, qty);
+  }
+
+  getRandom(min, max) {
+    min = Math.ceil(min);
+    max = Math.floor(max);
+    return Math.floor(Math.random() * (max - min + 1)) + min;
+  }
+}

src/models/events/EconomicCrysis.js

@@ -0,0 +1,12 @@
+export default class EconomicCrysis {
+  constructor() {
+    this.name = "economic-crysis";
+    this.description =
+      "Мир снова охватил экономический кризис. Мировая валютная система в упадке. Доллар США и Евро резко падают в цене.";
+    this.active = false;
+  }
+
+  activateEvent() {
+    this.active = true;
+  }
+}

src/models/events/Opec.js

@@ -0,0 +1,12 @@
+export default class Opec {
+  constructor() {
+    this.name = "opec";
+    this.description =
+      "Страны ОПЕК отказываются удерживать квоты на добычу углеводородов. Цены на мировом рынке нефти и природного газа снова бьют истоический минимум.";
+    this.active = false;
+  }
+
+  activateEvent() {
+    this.active = true;
+  }
+}

src/models/events/Sanctions.js

@@ -0,0 +1,12 @@
+export default class Sanctions {
+  constructor() {
+    this.name = "sanctions";
+    this.description =
+      "Страны Европейского Союза отказались продлевать экономиеские санкции против России. Они снова высказывают интерес к сотрудничеству в высокотехнологичных отраслях экономики.";
+    this.active = false;
+  }
+
+  activateEvent() {
+    this.active = true;
+  }
+}

src/models/events/SpaceX.js

@@ -0,0 +1,12 @@
+export default class SpaceX {
+  constructor() {
+    this.name = "space-x";
+    this.description =
+      "Компания Space-X терпит колоссальные убытки. Ни один из ее коммерческих проектов не окупился. Частные инвесторы больше не хотят вкладыать деньги в космические программы.";
+    this.active = false;
+  }
+
+  activateEvent() {
+    this.active = true;
+  }
+}

src/models/events/WorkingDay.js

@@ -0,0 +1,40 @@
+import WorldMap from "../../assets/worldRussiaCrimeaLow.json";
+
+export default class WorkignDay {
+  constructor() {
+    this.name = "working-day";
+    this.description =
+      "В ряде стран правительства вводят под давлением общественности законы о сокращении рабочего дня до шести часов.";
+    this.active = false;
+    this.countries = [];
+    this.excludedCountries = ["RU"];
+  }
+
+  activateEvent() {
+    Array.prototype.push.apply(this.excludedCountries, this.countries);
+    if (this.countries.length) {
+      Array.prototype.push.apply(
+        this.countries,
+        this.getRandomCountries(this.getRandom(3, 10))
+      );
+    } else {
+      this.countries = this.getRandomCountries(this.getRandom(3, 10));
+    }
+  }
+
+  getRandomCountries(qty) {
+    return WorldMap.countries
+      .map((country) => {
+        return country.id;
+      })
+      .filter((country) => !this.excludedCountries.includes(country))
+      .sort(() => 0.5 - Math.random())
+      .slice(0, qty);
+  }
+
+  getRandom(min, max) {
+    min = Math.ceil(min);
+    max = Math.floor(max);
+    return Math.floor(Math.random() * (max - min + 1)) + min;
+  }
+}

src/models/scripts/Carbon.js

@@ -24,7 +24,6 @@ export default class Carbon {
       new Date(),
       new Date(today.setMonth(today.getMonth() - 1)),
     ].map((date) => {
-      console.log(date);
       return (
         date.getFullYear() + "-0" + (date.getMonth() + 1) + "-" + date.getDate()
       );