small fixes

Author: piebro

README.md

@@ -7,7 +7,7 @@ I love the game Factorio and I really like the look of factories after growing f
 
 All factorio buildings and tiles with their bounding boxes and belt, pipe, rail, inserter, wire and electricity connections can be visualized. Everything is drawn in vector graphics (SVG) to be able to view it in any resolution.
 
-Use the [online demo](https://piebro.github.io/factorio-blueprint-visualizer/) to visualize your own blueprints. With the latest update, only Blueprints from Factorio 2.0 and later work correctly.
+Use the [online demo](https://piebro.github.io/factorio-blueprint-visualizer/) to visualize your own blueprints. With the latest update, Blueprints from Factorio before version 2.0 might not work correctly.
 
 ## Examples
 

drawingSettings.js

@@ -9,7 +9,7 @@ const EXAMPLE_SETTINGS = [
  ["underground-belts", {'stroke': '#f3ffbd'}],
  ["inserters", {'stroke': '#f3ffbd'}],
 
- ["bbox", {'fill': '#247ba0'}, {'deny': ["pipe", "pipe-to-ground", "belt", "inserter", "solar-panel", "accumulator", "asteroid-collector", "cargo-bay", "space-platform-hub", "thruster"]}],
+ ["bbox", {'fill': '#247ba0'}, {'deny': ["pipe", "pipe-to-ground", "belts", "inserters", "solar-panel", "accumulator", "asteroid-collector", "cargo-bay", "space-platform-hub", "thruster"]}],
  ["bbox", {'fill': '#ff1654'}, {'allow': ["solar-panel"]}],
  ["bbox", {'fill': '#436436'}, {'allow': ["accumulator"]}],
  ["bbox", {'fill': '#70c1b3'}, {'allow': ["cargo-bay"]}],

index.html

@@ -134,24 +134,14 @@
 
  getCurrentBlueprintEntityCount(currentBlueprint)
 
- prevSelection = document.getElementById('blueprintSelection');
- if (prevSelection != null) {
- prevSelection.remove();
- }
-
- if (currentBlueprintNames.length > 1){
- selection = document.createElement("select")
- selection.classList.add("btn")
- selection.setAttribute("id", "blueprintSelection")
- selection.setAttribute("style", "width: 160px;")
- selection.setAttribute("onChange", "blueprintSelectionOnChange(this)")
- for (i in currentBlueprintNames){
- option = document.createElement("option")
- option.setAttribute("value", i)
- option.innerHTML = currentBlueprintNames[i] || "unnamed"
- selection.appendChild(option)
- }
- document.getElementById("button-container").appendChild(selection)
+ const selection = document.getElementById('blueprintSelection');
+ selection.innerHTML = ''; // Clear existing options
+ 
+ for (i in currentBlueprintNames){
+ option = document.createElement("option")
+ option.setAttribute("value", i)
+ option.innerHTML = currentBlueprintNames[i] || "unnamed"
+ selection.appendChild(option)
  }
 }
 
@@ -461,7 +451,8 @@ <h1 style="text-align: center; color: #04AA6D; margin: 5px 0;">Factorio Blueprin
 <div class="button-container" id="button-container">
  <button class="btn" id="uploadBtn" onclick="uploadBtnClick()">Upload Blueprint</button>
  <button class="btn" id="nextSettingBtn" onclick="nextSetting()">Random Drawing Setting</button>
- 
+ <select class="btn" id="blueprintSelection" style="width: 160px;" onChange="blueprintSelectionOnChange(this)">
+ </select>
 </div>
 
 <div class="svg-container" id="svg-container"></div>