Widgets implemented.

tilorswift/js/module.js

@@ -3,32 +3,31 @@ import FileLoader from "../../js/FileLoader.js";
 import TilorswiftEvent from "./events/TilorswiftEvent.js";
 import Mouse from "./Mouse.js";
 import Tileset from "./Tileset.js";
-import ButtonTile from "./ButtonTile.js";
 import Tilorswift from "./Tilorswift.js";
 import TilorswiftSavedEvent from "./events/TilorswiftSavedEvent.js";
 import MainMenu from "./menu/MainMenu.js";
 import MenuGroup from "./menu/MenuGroup.js";
 import MainMenuEntry from "./menu/MainMenuEntry.js";
 import TilorswiftMenuSaveClickedEvent from "./events/TilorswiftMenuSaveClickedEvent.js";
+import TilesetPickerWidget from "./menu/TilesetPickerWidget.js";
+import WidgetBar from "./menu/WidgetBar.js";
+import BrushMode from "./BrushMode.js";
 
 let loader = new FileLoader('../levels/level.json');
-
 let image = new Image();
 image.src = '../graphics/tileset-landscape01.jpg';
+
 image.onload = function () {
     let terrain = Terrain.createFromJson(loader.getContent());
-
     let map = document.getElementById('map');
     map.appendChild(terrain.getElement());
 
-    let menuTileset = document.getElementById('tileset');
-
     let tileset = new Tileset(image, 8, 3);
+    let tilesetPicker = new TilesetPickerWidget(tileset);
 
-    for (let t = 0; t < tileset.tiles; t++) {
-        let button = new ButtonTile(tileset, t);
-        menuTileset.appendChild(button.getElement());
-    }
+    let widgetBar = new WidgetBar('widget-bar');
+    widgetBar.addWidget(tilesetPicker);
+    document.body.appendChild(widgetBar.getElement());
 
     let mouse = new Mouse();
 
@@ -46,7 +45,6 @@ image.onload = function () {
     window.addEventListener(
         TilorswiftEvent.FIELD_CLICKED,
         (event) => {
-            console.log(event);
             switch (event.button) {
                 case 0:
                     event.getField().setIndex(terrain.brushTileIndex);
@@ -76,6 +74,7 @@ image.onload = function () {
         }
     );
 
+    /* Prevent Firefox's default drag and drop for images */
     document.addEventListener(
         'dragstart',
         function (event) {
@@ -83,15 +82,6 @@ image.onload = function () {
         }
     );
 
-    window.addEventListener(
-        'keydown', function (event) {
-            if (event.code === 'KeyS') {
-                Tilorswift.saveTerrainToFile(terrain);
-                window.dispatchEvent(new TilorswiftSavedEvent());
-            }
-        }
-    );
-
     window.addEventListener(
         TilorswiftEvent.MENU_SAVE_CLICKED,
         function () {