Put everything in its right place
This commit is contained in:
33
components/templates/content.js
Normal file
33
components/templates/content.js
Normal file
@@ -0,0 +1,33 @@
|
||||
import styles from "../../styles/Home.module.css";
|
||||
|
||||
export default function Content() {
|
||||
return (
|
||||
<div>
|
||||
<p className={styles.description}>
|
||||
Lokalizacja
|
||||
<br />
|
||||
<b>Nowy Sącz, Aleje Wolności 6</b>
|
||||
</p>
|
||||
|
||||
<p className={styles.description}>
|
||||
Telefon kontaktowy
|
||||
<br />
|
||||
<b>
|
||||
<a href="tel:+48504066513">+48 504 066 513</a>
|
||||
</b>
|
||||
<br />
|
||||
<b>
|
||||
<a href="tel:184420244">18 442 02 44</a>
|
||||
</b>
|
||||
</p>
|
||||
|
||||
<p className={styles.description}>
|
||||
Adres email
|
||||
<br />
|
||||
<b>
|
||||
<a href="mailto:biuro@wastpol.pl">biuro@wastpol.pl</a>
|
||||
</b>
|
||||
</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
111
components/templates/footer.js
Normal file
111
components/templates/footer.js
Normal file
@@ -0,0 +1,111 @@
|
||||
export default function Footer({ path }) {
|
||||
const getPath = (e, path) => {
|
||||
let newLines = [];
|
||||
|
||||
for (let line of path.split("\n")) {
|
||||
if (line[0] == "P") continue;
|
||||
if (line[0] == "S") continue;
|
||||
if (line[0] == "X") continue;
|
||||
|
||||
newLines.push(line);
|
||||
}
|
||||
let xs = [];
|
||||
let ys = [];
|
||||
let zs = [];
|
||||
let toti = 0;
|
||||
let al = 0;
|
||||
for (let line of newLines) {
|
||||
al +=1;
|
||||
let theLine = line.split(",");
|
||||
//console.log(theLine)
|
||||
if (
|
||||
xs &&
|
||||
parseFloat(theLine[0]) == xs[-1] &&
|
||||
parseFloat(theLine[1]) == ys[-1]
|
||||
)
|
||||
continue;
|
||||
|
||||
if (al > 2) {
|
||||
let dist = ((xs[xs.length-1] - xs[xs.length-2]) ** 2 + (ys[ys.length-1] - ys[ys.length-2]) ** 2) ** 0.5;
|
||||
toti += Math.round(dist);
|
||||
}
|
||||
xs.push(parseFloat(theLine[0]));
|
||||
ys.push(parseFloat(theLine[1]));
|
||||
zs.push(parseFloat(theLine[2]));
|
||||
}
|
||||
let prevLine = ["0", "0", "0"];
|
||||
let scaleFactor = 100000 / 2000;
|
||||
const canvas = document.getElementById("canvas");
|
||||
|
||||
if (!canvas.getContext) {
|
||||
console.log("canvas err");
|
||||
return;
|
||||
}
|
||||
|
||||
const ctx = canvas.getContext("2d");
|
||||
|
||||
// set line stroke and line width
|
||||
ctx.strokeStyle = "red";
|
||||
ctx.lineWidth = 2;
|
||||
let totalH = Math.max(...zs);
|
||||
let minH = Math.min(...zs);
|
||||
for (let line = 0; line < xs.length - 1; line++) {
|
||||
let theLine = [xs[line], ys[line], zs[line]];
|
||||
let x = parseFloat(theLine[0]) - parseFloat(prevLine[0]);
|
||||
let y = parseFloat(theLine[1]) - parseFloat(prevLine[1]);
|
||||
let x1 = line * scaleFactor;
|
||||
let y1 = zs[line];
|
||||
let x2 = (line + 1) * scaleFactor;
|
||||
let y2 = zs[line + 1];
|
||||
//console.log(x1, y1, x2, y2);
|
||||
let b0 = 0;
|
||||
let b1 = 500;
|
||||
let z1 = b0 + (b1 - b0) * ((y1 - totalH) / (minH - totalH));
|
||||
let z2 = b0 + (b1 - b0) * ((y2 - totalH) / (minH - totalH));
|
||||
|
||||
//b0 + (b1 - b0) * ((x1-0)/(toti*scaleFactor-0));
|
||||
let x12 = b0 + (b1 - b0) * ((x1 - 0) / (toti*scaleFactor));
|
||||
let x22 = b0 + (b1 - b0) * ((x2 - 0) / (toti*scaleFactor));
|
||||
console.log(x12);
|
||||
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(x12, z1);
|
||||
ctx.lineTo(x22, z2);
|
||||
ctx.stroke();
|
||||
}
|
||||
};
|
||||
const draw = (e) => {
|
||||
//getPath(path);
|
||||
const canvas = document.getElementById("canvas");
|
||||
|
||||
if (!canvas.getContext) {
|
||||
return;
|
||||
}
|
||||
|
||||
const ctx = canvas.getContext("2d");
|
||||
|
||||
// set line stroke and line width
|
||||
ctx.strokeStyle = "red";
|
||||
ctx.lineWidth = 2;
|
||||
|
||||
// draw a red line
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(234, 100);
|
||||
ctx.lineTo(234, 105);
|
||||
ctx.stroke();
|
||||
};
|
||||
//draw()
|
||||
return (
|
||||
<>
|
||||
<canvas id="canvas" height="600" width="600"></canvas>
|
||||
<button
|
||||
onClick={(e) => {
|
||||
//draw();
|
||||
getPath(e, path);
|
||||
}}
|
||||
>
|
||||
Rys
|
||||
</button>
|
||||
</>
|
||||
);
|
||||
}
|
||||
183
components/templates/generator.js
Normal file
183
components/templates/generator.js
Normal file
@@ -0,0 +1,183 @@
|
||||
import { useState } from "react";
|
||||
import {
|
||||
Pane,
|
||||
TextInputField,
|
||||
TextareaField,
|
||||
Button,
|
||||
BuildIcon,
|
||||
toaster,
|
||||
Alert,
|
||||
} from "evergreen-ui";
|
||||
import axios from "axios";
|
||||
import Footer from "./footer";
|
||||
|
||||
export default function Generator() {
|
||||
const [profil, setProfil] = useState();
|
||||
const [args, setArgs] = useState({ scale: 200 });
|
||||
|
||||
const getPath = (e, path) => {
|
||||
let newLines = [];
|
||||
|
||||
for (let line of path.split("\n")) {
|
||||
if (line[0] == "P") continue;
|
||||
if (line[0] == "S") continue;
|
||||
if (line[0] == "X") continue;
|
||||
|
||||
newLines.push(line);
|
||||
}
|
||||
let xs = [];
|
||||
let ys = [];
|
||||
let zs = [];
|
||||
let toti = 0;
|
||||
let al = 0;
|
||||
for (let line of newLines) {
|
||||
al += 1;
|
||||
let theLine = line.split(",");
|
||||
//console.log(theLine)
|
||||
if (
|
||||
xs &&
|
||||
parseFloat(theLine[0]) == xs[-1] &&
|
||||
parseFloat(theLine[1]) == ys[-1]
|
||||
)
|
||||
continue;
|
||||
|
||||
if (al > 2) {
|
||||
let dist =
|
||||
((xs[xs.length - 1] - xs[xs.length - 2]) ** 2 +
|
||||
(ys[ys.length - 1] - ys[ys.length - 2]) ** 2) **
|
||||
0.5;
|
||||
toti += Math.round(dist);
|
||||
}
|
||||
xs.push(parseFloat(theLine[0]));
|
||||
ys.push(parseFloat(theLine[1]));
|
||||
zs.push(parseFloat(theLine[2]));
|
||||
}
|
||||
let prevLine = ["0", "0", "0"];
|
||||
let scaleFactor = 100000 / 2000;
|
||||
const canvas = document.getElementById("canvas");
|
||||
|
||||
if (!canvas.getContext) {
|
||||
console.log("canvas err");
|
||||
toaster.warning("canvas err");
|
||||
return;
|
||||
}
|
||||
|
||||
const ctx = canvas.getContext("2d");
|
||||
ctx.clearRect(0, 0, 700, 700);
|
||||
|
||||
// set line stroke and line width
|
||||
ctx.strokeStyle = "red";
|
||||
ctx.lineWidth = 2;
|
||||
let totalH = Math.max(...zs);
|
||||
let minH = Math.min(...zs);
|
||||
for (let line = 0; line < xs.length - 1; line++) {
|
||||
let theLine = [xs[line], ys[line], zs[line]];
|
||||
let x = parseFloat(theLine[0]) - parseFloat(prevLine[0]);
|
||||
let y = parseFloat(theLine[1]) - parseFloat(prevLine[1]);
|
||||
let x1 = line * scaleFactor;
|
||||
let y1 = zs[line];
|
||||
let x2 = (line + 1) * scaleFactor;
|
||||
let y2 = zs[line + 1];
|
||||
//console.log(x1, y1, x2, y2);
|
||||
let b0 = 0;
|
||||
let b1 = 500;
|
||||
let z1 = b0 + (b1 - b0) * ((y1 - totalH) / (minH - totalH));
|
||||
let z2 = b0 + (b1 - b0) * ((y2 - totalH) / (minH - totalH));
|
||||
|
||||
//b0 + (b1 - b0) * ((x1-0)/(toti*scaleFactor-0));
|
||||
let x12 = b0 + (b1 - b0) * ((x1 - 0) / (toti * scaleFactor));
|
||||
let x22 = b0 + (b1 - b0) * ((x2 - 0) / (toti * scaleFactor));
|
||||
//console.log(x12);
|
||||
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(x12, z1);
|
||||
ctx.lineTo(x22, z2);
|
||||
ctx.stroke();
|
||||
}
|
||||
};
|
||||
|
||||
const parsePreview = (e) => {
|
||||
// console.log(dxf);
|
||||
};
|
||||
|
||||
const py = (e, profil, args) => {
|
||||
e.preventDefault();
|
||||
|
||||
axios
|
||||
.post("/api/spawn", {
|
||||
profil: profil,
|
||||
arguments: args,
|
||||
})
|
||||
.then(function (response) {
|
||||
console.log(response);
|
||||
if (response.data.toString().startsWith("Py Error")) {
|
||||
toaster.danger(response.data);
|
||||
return;
|
||||
}
|
||||
toaster.warning(response.data.data);
|
||||
document.getElementById("down").download =
|
||||
response.data.filename.toString() + ".dxf";
|
||||
document.getElementById("down").click();
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
};
|
||||
return (
|
||||
<div className="flex xl:flex-row flex-col">
|
||||
<div className="flex flex-col">
|
||||
<Pane width={480}>
|
||||
<TextareaField
|
||||
id="textarea-1"
|
||||
label="Dane z Geoportalu:"
|
||||
placeholder="Próbkowanie: 1 ..."
|
||||
onChange={(e) => {
|
||||
//console.log(e.target.value);
|
||||
setProfil(e.target.value);
|
||||
parsePreview(e);
|
||||
getPath(e, e.target.value);
|
||||
}}
|
||||
/>
|
||||
|
||||
<TextInputField
|
||||
label="Skala:"
|
||||
placeholder="200"
|
||||
width={100}
|
||||
onChange={(e) => {
|
||||
console.log(e.target.value);
|
||||
setArgs({ ...args, scale: e.target.value });
|
||||
}}
|
||||
/>
|
||||
<Button
|
||||
marginY={8}
|
||||
marginRight={12}
|
||||
appearance="default"
|
||||
iconAfter={BuildIcon}
|
||||
onClick={(e) => {
|
||||
if (document.getElementById("textarea-1").value == "") {
|
||||
toaster.danger("Pole danych nie może być puste");
|
||||
} else if (
|
||||
!document
|
||||
.getElementById("textarea-1")
|
||||
.value.startsWith("Próbkowanie")
|
||||
) {
|
||||
toaster.danger("Błędne dane");
|
||||
} else {
|
||||
py(e, profil, args);
|
||||
}
|
||||
}}
|
||||
>
|
||||
Generuj
|
||||
</Button>
|
||||
</Pane>
|
||||
|
||||
<a href="test.dxf" download="test.dxf" id="down">
|
||||
{" "}
|
||||
</a>
|
||||
</div>
|
||||
<Pane className="ml-8 shadow-md rounded-md">
|
||||
<canvas id="canvas" height="500" width="700"></canvas>
|
||||
</Pane>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
11
components/templates/header.js
Normal file
11
components/templates/header.js
Normal file
@@ -0,0 +1,11 @@
|
||||
import { Pane, Heading } from "evergreen-ui";
|
||||
|
||||
export default function Header() {
|
||||
return (
|
||||
|
||||
<Heading is="h1" size={800} marginBottom={42}>
|
||||
Generuj profil przekroju terenu
|
||||
</Heading>
|
||||
|
||||
);
|
||||
}
|
||||
20
components/templates/nav.js
Normal file
20
components/templates/nav.js
Normal file
@@ -0,0 +1,20 @@
|
||||
import Link from "next/link";
|
||||
import { Pane, Heading } from "evergreen-ui";
|
||||
|
||||
export default function Nav() {
|
||||
return (
|
||||
<Pane display="flex">
|
||||
<Link href="/">
|
||||
<h2 className="px-2 place-self-center">
|
||||
<img src="logo.png" className="h-12" />
|
||||
</h2>
|
||||
</Link>
|
||||
<Link href="/onas">
|
||||
<h3 className="px-3 py-2 place-self-end">O nas</h3>
|
||||
</Link>
|
||||
<Link href="/kontakt">
|
||||
<h3 className="px-3 py-2 place-self-end">Kontakt</h3>
|
||||
</Link>
|
||||
</Pane>
|
||||
);
|
||||
}
|
||||
15
components/templates/userTop.js
Normal file
15
components/templates/userTop.js
Normal file
@@ -0,0 +1,15 @@
|
||||
import { Pane, Button } from "evergreen-ui";
|
||||
import { signOut } from "next-auth/react";
|
||||
|
||||
export default function UserTop({session}) {
|
||||
return (
|
||||
<Pane display="flex">
|
||||
<h3 className="px-3 py-2 place-self-end">
|
||||
Zalogowano jako {session.user.email}
|
||||
</h3>
|
||||
<Button onClick={() => signOut()} className="place-self-end">
|
||||
Wyloguj
|
||||
</Button>
|
||||
</Pane>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user