initial setup

1 files changed, 89 insertions, 81 deletions

diff --git a/play.js b/play.js
index 6a782fb..1c40758 100644
--- a/play.js
+++ b/play.js
@@ -1,90 +1,98 @@
-"use strict"
-
+'use strict';
+Object.defineProperty(exports, "__esModule", { value: true });
 /* global view, player, send_action, action_button */
-
-const SPACE_COUNT = 64
-const PIECE_COUNT = 32
-const CARD_COUNT = 52
-
+// const SPACE_COUNT = 64;
+// const PIECE_COUNT = 32;
+const CARD_COUNT = 62;
 let ui = {
-	map: document.getElementById("map"),
-	hand: document.getElementById("hand"),
-	spaces: [],
-	pieces: [],
-	cards: [],
+    map: document.getElementById('map'),
+    hand: document.getElementById('hand'),
+    fronts: [],
+    spaces: [],
+    pieces: [],
+    cards: [],
+};
+let action_register = [];
+// @ts-ignore
+(function build_map() {
+    // @ts-ignore
+    const spaces = document.getElementById('spaces');
+    console.log('build_map', data);
+    data.fronts.forEach((front, index) => {
+        const { id, top, left } = front;
+        const element = (ui.fronts[index] = document.createElement('div'));
+        element.classList.add('front');
+        element.style.left = `${left}px`;
+        element.style.top = `${top}px`;
+        // element.style.height = `${height}px`;
+        // element.style.width = `${width}px`;
+        element.setAttribute('data-front-id', `${id}`);
+        spaces.appendChild(element);
+    });
+})();
+// @ts-ignore
+function register_action(e, _action, _id) {
+    // e.my_action = action
+    // e.my_id = id
+    e.onmousedown = on_click_action;
+    action_register.push(e);
 }
-
-let action_register = []
-
-function register_action(e, action, id) {
-	e.my_action = action
-	e.my_id = id
-	e.onmousedown = on_click_action
-	action_register.push(e)
-}
-
 function on_click_action(evt) {
-	if (evt.button === 0)
-		if (send_action(evt.target.my_action, evt.target.my_id))
-			evt.stopPropagation()
-}
-
-function is_action(action, arg) {
-	if (arg === undefined)
-		return !!(view.actions && view.actions[action] === 1)
-	return !!(view.actions && view.actions[action] && view.actions[action].includes(arg))
+    if (evt.button === 0)
+        if (send_action(evt.target.my_action, evt.target.my_id))
+            evt.stopPropagation();
 }
-
-let on_init_once = false
-
+// function is_action(action, arg) {
+//   if (arg === undefined) return !!(view.actions && view.actions[action] === 1);
+//   return !!(
+//     view.actions &&
+//     view.actions[action] &&
+//     view.actions[action].includes(arg)
+//   );
+// }
+let on_init_once = false;
 function on_init() {
-	console.log('on_init')
-	if (on_init_once)
-		return
-	on_init_once = true
-
-	// create space elements
-	for (let s = 0; s < SPACE_COUNT; ++s) {
-		let e = ui.spaces[s].document.createElement("div")
-		e.className = "space"
-		register_action(e, "space", s)
-		ui.map.appendChild(e)
-	}
-
-	// create piece elements
-	for (let p = 0; p < PIECE_COUNT; ++p) {
-		let e = ui.pieces[p] = document.createElement("div")
-		e.className = "piece"
-		register_action(e, "piece", s)
-	}
-
-	// create card elements
-	for (let c = 0; c < CARD_COUNT; ++c) {
-		let e = ui.cards[c] = document.createElement("div")
-		e.className = "card"
-		register_action(e, "card", s)
-	}
+    console.log('on_init');
+    if (on_init_once)
+        return;
+    on_init_once = true;
+    console.log('ui', ui);
+    console.log('document', document);
+    // create space elements
+    // for (let s = 0; s < SPACE_COUNT; ++s) {
+    //   let e = ui.spaces[s].document.createElement('div');
+    //   e.className = 'space';
+    //   register_action(e, 'space', s);
+    //   ui.map.appendChild(e);
+    // }
+    // // create piece elements
+    // for (let p = 0; p < PIECE_COUNT; ++p) {
+    //   let e = (ui.pieces[p] = document.createElement('div'));
+    //   e.className = 'piece';
+    //   register_action(e, 'piece', p);
+    // }
+    // create card elements
+    for (let c = 1; c < CARD_COUNT; ++c) {
+        let e = (ui.cards[c] = document.createElement('div'));
+        e.className = 'card';
+        e.setAttribute('data-card-id', '' + data.cards[c].id);
+        register_action(e, 'card', c);
+    }
 }
-
+// @ts-ignore
 function on_update() {
-	console.log('on_update', view)
-	on_init()
-
-	for (let s = 0; s < SPACE_COUNT; ++s)
-		ui.spaces[s].replaceChildren()
-
-	for (let p = 0; p < PIECE_COUNT; ++p) {
-		let s = view.location[p]
-		ui.spaces[s].appendChild(ui.pieces[p])
-	}
-
-	ui.hand.replaceChildren()
-	for (let c of view.hand)
-		ui.hand.appendChild(ui.cards[c])
-
-	for (let e of action_register)
-		e.classList.toggle("action", is_action(e.my_action, e.my_id))
-
-	action_button("next", "Next")
-	action_button("undo", "Undo")
+    console.log('on_update', view);
+    on_init();
+    // for (let s = 0; s < SPACE_COUNT; ++s) ui.spaces[s].replaceChildren();
+    // for (let p = 0; p < PIECE_COUNT; ++p) {
+    //   let s = view.location[p];
+    //   ui.spaces[s].appendChild(ui.pieces[p]);
+    // }
+    ui.hand.replaceChildren();
+    for (let c of view.hand)
+        ui.hand.appendChild(ui.cards[c]);
+    // for (let e of action_register)
+    //   e.classList.toggle('action', is_action(e.my_action, e.my_id));
+    action_button('next', 'Next');
+    action_button('undo', 'Undo');
 }