svg

edge/server/main.js

@@ -203,7 +203,7 @@ function initCard(ctx,card) {
 
 // Repository Tile
 async function getTiles(ctx) {
-    var obj = await store.query(ctx, "Tile");  
+    var obj = await store.query(ctx, "Tile", {"neq":{ "_id": "" }}, { orderBy: "position" });  
     return obj;
 }
 async function getTile(ctx,id) {

src/lib/Tile.svelte

@@ -10,6 +10,6 @@
 
 </script>
 
-<div class="{style}"  style="background-image: url({img});">{name}</div>
+<div class="{style}"  style="background-image: url({img});">{position} = {name}</div>
             
 

src/routes/game/+page.svelte

@@ -378,11 +378,13 @@
 
     <div style="width:600px; max-width:100%; display:flex; flex-direction: column; margin:auto;">
         <Tile {...data.tiles[14]} />
+
         <div style="display:flex">
             <Tile {...data.tiles[13]} />
             <div class="tilenone"></div>
             <Tile {...data.tiles[15]}  />
         </div>
+        
         <div style="display:flex">
             <Tile {...data.tiles[12]} />
             <div class="tilenone"></div>