some fixes
This commit is contained in:
@@ -114,10 +114,12 @@
|
|||||||
|
|
||||||
.notopborder {
|
.notopborder {
|
||||||
border-top: none;
|
border-top: none;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.nobottomborder {
|
.nobottomborder {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.noleftborder {
|
.noleftborder {
|
||||||
@@ -168,6 +170,7 @@
|
|||||||
|
|
||||||
.wall {
|
.wall {
|
||||||
background-color: #4f4f4f;
|
background-color: #4f4f4f;
|
||||||
|
transform: scale(1.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.observer {
|
.observer {
|
||||||
@@ -220,6 +223,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script>
|
<script>
|
||||||
|
var manualplace = false;
|
||||||
function placeGrid(height, width) {
|
function placeGrid(height, width) {
|
||||||
grid = document.getElementsByClassName("grid")[0];
|
grid = document.getElementsByClassName("grid")[0];
|
||||||
grid.innerHTML = "";
|
grid.innerHTML = "";
|
||||||
@@ -228,7 +232,18 @@
|
|||||||
for (col = 0; col < width; col++) {
|
for (col = 0; col < width; col++) {
|
||||||
td = document.createElement("td");
|
td = document.createElement("td");
|
||||||
td.id = (row * width) + col;
|
td.id = (row * width) + col;
|
||||||
td.onclick = function () { this.classList.contains("wall") ? this.classList.remove("wall") : this.classList.add("wall") }
|
td.onclick = function () {
|
||||||
|
if (manualplace) {
|
||||||
|
div = document.createElement("div");
|
||||||
|
div.classList.add("wall");
|
||||||
|
this.childNodes.length > 0 ? this.childNodes[0].remove("wall") : this.appendChild(div);
|
||||||
|
this.parentElement.classList.remove("wall-notopborder");
|
||||||
|
this.parentElement.classList.remove("wall-nobottomborder");
|
||||||
|
this.parentElement.classList.remove("wall-noleftborder");
|
||||||
|
this.parentElement.classList.remove("wall-norightborder");
|
||||||
|
correctWallConnections(10, 10);
|
||||||
|
}
|
||||||
|
}
|
||||||
// td.innerHTML = (row*width)+col;
|
// td.innerHTML = (row*width)+col;
|
||||||
if (col == 0) {
|
if (col == 0) {
|
||||||
td.classList.add("noleftborder");
|
td.classList.add("noleftborder");
|
||||||
@@ -378,6 +393,7 @@
|
|||||||
for (tdindex = 0; tdindex < tdarr.length; tdindex++) {
|
for (tdindex = 0; tdindex < tdarr.length; tdindex++) {
|
||||||
td = xyConvert(tdindex, trindex);
|
td = xyConvert(tdindex, trindex);
|
||||||
if (td.childNodes.length > 0 && td.childNodes[0].classList.contains("wall")) {
|
if (td.childNodes.length > 0 && td.childNodes[0].classList.contains("wall")) {
|
||||||
|
|
||||||
tdup = (trindex - 1 < 0) ? false : xyConvert(tdindex, trindex - 1);
|
tdup = (trindex - 1 < 0) ? false : xyConvert(tdindex, trindex - 1);
|
||||||
// console.log("tdup")
|
// console.log("tdup")
|
||||||
// console.log(tdup);
|
// console.log(tdup);
|
||||||
@@ -391,29 +407,46 @@
|
|||||||
// console.log("tdright")
|
// console.log("tdright")
|
||||||
// console.log(tdright);
|
// console.log(tdright);
|
||||||
|
|
||||||
|
// td.classList.remove("wall-notopborder");
|
||||||
|
// td.classList.remove("wall-nobottomborder");
|
||||||
|
// td.classList.remove("wall-noleftborder");
|
||||||
|
// td.classList.remove("wall-norightborder");
|
||||||
if (tdup != false && tdup.childNodes.length > 0 && tdup.childNodes[0].classList.contains("wall")) {
|
if (tdup != false && tdup.childNodes.length > 0 && tdup.childNodes[0].classList.contains("wall")) {
|
||||||
if (!tdup.childNodes[0].classList.contains("wall-nobottomborder")) {
|
if (!tdup.childNodes[0].classList.contains("wall-nobottomborder")) {
|
||||||
tdup.classList.add("wall-nobottomborder");
|
tdup.classList.add("wall-nobottomborder");
|
||||||
tdup.childNodes[0].classList.add("wall-nobottomborder");
|
tdup.childNodes[0].classList.add("wall-nobottomborder");
|
||||||
}
|
}
|
||||||
|
} else {
|
||||||
|
td.classList.contains("wall-notopborder") ? td.classList.remove("wall-notopborder") : "";
|
||||||
|
td.childNodes[0].classList.contains("wall-notopborder") ? td.childNodes[0].classList.remove("wall-notopborder") : "";
|
||||||
}
|
}
|
||||||
|
|
||||||
if (tddown != false && tddown.childNodes.length > 0 && tddown.childNodes[0].classList.contains("wall")) {
|
if (tddown != false && tddown.childNodes.length > 0 && tddown.childNodes[0].classList.contains("wall")) {
|
||||||
if (!tddown.childNodes[0].classList.contains("wall-notopborder")) {
|
if (!tddown.childNodes[0].classList.contains("wall-notopborder")) {
|
||||||
tddown.classList.add("wall-notopborder");
|
tddown.classList.add("wall-notopborder");
|
||||||
tddown.childNodes[0].classList.add("wall-notopborder");
|
tddown.childNodes[0].classList.add("wall-notopborder");
|
||||||
}
|
}
|
||||||
|
} else {
|
||||||
|
td.classList.contains("wall-nobottomborder") ? td.classList.remove("wall-nobottomborder") : "";
|
||||||
|
td.childNodes[0].classList.contains("wall-nobottomborder") ? td.childNodes[0].classList.remove("wall-nobottomborder") : "";
|
||||||
}
|
}
|
||||||
if (tdleft != false && tdleft.childNodes.length > 0 && tdleft.childNodes[0].classList.contains("wall")) {
|
if (tdleft != false && tdleft.childNodes.length > 0 && tdleft.childNodes[0].classList.contains("wall")) {
|
||||||
if (!tdleft.childNodes[0].classList.contains("wall-norightborder")) {
|
if (!tdleft.childNodes[0].classList.contains("wall-norightborder")) {
|
||||||
tdleft.classList.add("norightborder");
|
tdleft.classList.add("wall-norightborder");
|
||||||
tdleft.childNodes[0].classList.add("wall-norightborder");
|
tdleft.childNodes[0].classList.add("wall-norightborder");
|
||||||
}
|
}
|
||||||
|
} else {
|
||||||
|
td.classList.contains("wall-noleftborder") ? td.classList.remove("wall-noleftborder") : "";
|
||||||
|
td.childNodes[0].classList.contains("wall-noleftborder") ? td.childNodes[0].classList.remove("wall-noleftborder") : "";
|
||||||
}
|
}
|
||||||
if (tdright != false && tdright.childNodes.length > 0 && tdright.childNodes[0].classList.contains("wall")) {
|
if (tdright != false && tdright.childNodes.length > 0 && tdright.childNodes[0].classList.contains("wall")) {
|
||||||
if (!tdright.childNodes[0].classList.contains("wall-noleftborder")) {
|
if (!tdright.childNodes[0].classList.contains("wall-noleftborder")) {
|
||||||
tdright.classList.add("noleftborder");
|
tdright.classList.add("wall-noleftborder");
|
||||||
tdright.childNodes[0].classList.add("wall-noleftborder");
|
tdright.childNodes[0].classList.add("wall-noleftborder");
|
||||||
}
|
}
|
||||||
|
} else {
|
||||||
|
td.classList.contains("wall-norightborder") ? td.classList.remove("wall-norightborder") : "";
|
||||||
|
td.childNodes[0].classList.contains("wall-norightborder") ? td.childNodes[0].classList.remove("wall-norightborder") : "";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user