add scene management (create/delete)

assets/web/app.js

@@ -230,9 +230,21 @@ tavern.onscenelist = (list) => {
         if (tavern.admin) {
             row.innerHTML += `<button onclick='tavern.show_scene(${scene[0]});'>Force</button>`;
             row.innerHTML += `<button onclick='tavern.set_scene_visible(${scene[0]}, !${scene[2]});'>${scene[2] ? 'Hide' : 'Show'}</button>`;
+            // TODO: Add a confirmation dialog
+            row.innerHTML += `<button onclick='tavern.delete_scene(${scene[0]})'>Delete</button>`;
         }
         div.appendChild(row);
     }
+    // Add create scene button at the end
+    if (tavern.admin) {
+        let b = document.createElement('button');
+        b.innerText = 'Create scene';
+        b.onclick = () => {
+            document.getElementById('create-scene-title').value = '';
+            document.getElementById('create-scene-popup').style.display = 'flex';
+        }
+        div.appendChild(b);
+    }
 }
 tavern.onconnectedplayers = (connected) => {
     console.log(connected);
@@ -380,4 +392,9 @@ function onMoveableDivMouseUp(e, id) {
 function showHideDiv(id) {
     let div = document.getElementById(id);
     div.style.display = div.style.display == 'none' ? 'flex' : 'none';
+}
+function createSceneAndHidePopup() {
+    document.getElementById('create-scene-popup').style.display = 'none'
+    let title = document.getElementById('create-scene-title').value;
+    tavern.create_scene(title.value);
 }

assets/web/index.html

@@ -69,6 +69,24 @@
                     </div>
                 </div>
             </div>
+            <div id="create-scene-popup"
+                style="display:none; justify-content: center; width: 100%; height: 100%; background-color: transparent; position: absolute; z-index: 10; top: 0px; left: 0px">
+                <div style="display:flex; width: auto; justify-content: center; flex-direction: column;">
+                    <div
+                        style="display: flex; height: fit-content; flex-direction: column; background-color: #ffffd6; color: black; border: black solid 1px; padding: 8px; border-radius: 8px;">
+                        <h3 id="dice-roll-title" style="align-self: center;">
+                            Create scene
+                        </h3>
+                        <div style="display: grid; grid-template-columns: auto auto; gap: 16px; margin-top: 8px;">
+                            <p>Title:</p>
+                            <input type="text" id="create-scene-title">
+                            <button
+                                onclick="document.getElementById('create-scene-popup').style.display = 'none'">Cancel</button>
+                            <button onclick="createSceneAndHidePopup()">Create</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
             <div
                 style="position: absolute; top: 10px; right: 10px; color: black; z-index: 5; display: flex; flex-direction: row; gap: 4px;">
                 <button style="background-color: #ffffd6;" onclick="showHideDiv('settings-window')"><b>s</b></button>

assets/web/tavern.js

@@ -136,6 +136,10 @@ class Tavern {
 		if (!this.connected || this.loggedIn) { return; }
 		this.socket.send(JSON.stringify({ create_scene: { title: title } }));
 	}
+	delete_scene = (scene) => {
+		if (!this.connected || this.loggedIn) { return; }
+		this.socket.send(JSON.stringify({ delete_scene: { scene: scene } }));
+	}
 	shutdown = () => {
 		if (!this.connected || this.loggedIn || !this.admin) { return; }
 		this.socket.send(JSON.stringify('shutdown'));

src/api/mod.rs

@@ -53,6 +53,9 @@ pub enum Request {
     CreateScene {
         title: String,
     },
+    DeleteScene {
+        scene: usize,
+    },
     SetSceneGrid {
         scene: usize,
         grid_cell_size: f32,

src/game/mod.rs

@@ -189,6 +189,10 @@ impl<'a, C: Character<A> + Serialize + Deserialize<'a>, A: entry::GameEntry + Se
             },
         );
     }
+    /// Deletes a scene and returns true if the scene existed
+    pub fn delete_scene(&mut self, scene: usize) -> Option<Scene> {
+        self.scenes.remove(&scene)
+    }
 
     pub fn scene_visible(&mut self, scene: usize, visible: bool) {
         if let Some(scene) = self.scenes.get_mut(&scene) {

src/lib.rs

@@ -193,6 +193,18 @@ impl GameServer {
                         _ = broadcast.send((SendTo::User(id), scenes));
                     }
                 }
+                api::Request::DeleteScene { scene } => {
+                    if self.is_admin(&id) {
+                        if let Some(scene) = self.game.delete_scene(scene) {
+                            if scene.visible_to_users {
+                                // Only update the players if they knew the scene existed
+                                _ = broadcast.send((SendTo::AllBut(id.clone()), self.get_scene_list(false)));
+                            }
+                            // but always update the admin
+                            _ = broadcast.send((SendTo::User(id), self.get_scene_list(true)));
+                        }
+                    }
+                }
                 api::Request::SetSceneGrid {
                     grid_cell_size,
                     grid_offset,