mirror of
https://github.com/cwchristerw/bokxin-ip
synced 2024-11-09 23:10:28 +00:00
Toimii
This commit is contained in:
parent
11d91093d7
commit
63ec872164
@ -1,8 +1,8 @@
|
|||||||
module.exports = {
|
module.exports = {
|
||||||
siteMetadata: {
|
siteMetadata: {
|
||||||
title: `Gatsby Default Starter`,
|
title: `Generoi Bokxi IP`,
|
||||||
description: `Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need.`,
|
description: ``,
|
||||||
author: `@gatsbyjs`,
|
author: `@juhosa`,
|
||||||
},
|
},
|
||||||
plugins: [
|
plugins: [
|
||||||
`gatsby-plugin-react-helmet`,
|
`gatsby-plugin-react-helmet`,
|
||||||
|
@ -36,9 +36,9 @@ const Layout = ({ children }) => {
|
|||||||
>
|
>
|
||||||
<main>{children}</main>
|
<main>{children}</main>
|
||||||
<footer>
|
<footer>
|
||||||
© {new Date().getFullYear()}, Built with
|
© {new Date().getFullYear()}, Tehny
|
||||||
{` `}
|
{` `}
|
||||||
<a href="https://www.gatsbyjs.org">Gatsby</a>
|
<a href="https://github.com/juhosa">Juho</a>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
</>
|
</>
|
||||||
|
@ -1,21 +1,106 @@
|
|||||||
import React from "react"
|
import React, { useState, useEffect } from "react"
|
||||||
import { Link } from "gatsby"
|
|
||||||
|
|
||||||
import Layout from "../components/layout"
|
import Layout from "../components/layout"
|
||||||
import Image from "../components/image"
|
|
||||||
import SEO from "../components/seo"
|
import SEO from "../components/seo"
|
||||||
|
|
||||||
const IndexPage = () => (
|
const IndexPage = () => {
|
||||||
<Layout>
|
const [osat, setOsat] = useState({ loppu: "", verkko: "vlan" })
|
||||||
<SEO title="Home" />
|
const [ip, setIp] = useState("")
|
||||||
<h1>Hi people</h1>
|
|
||||||
<p>Welcome to your new Gatsby site.</p>
|
useEffect(() => {
|
||||||
<p>Now go build something great.</p>
|
console.log("doip")
|
||||||
<div style={{ maxWidth: `300px`, marginBottom: `1.45rem` }}>
|
// console.log({ osat })
|
||||||
<Image />
|
setIp("")
|
||||||
</div>
|
if (osat.loppu === "" || osat.loppu.length !== 4) return
|
||||||
<Link to="/page-2/">Go to page 2</Link>
|
|
||||||
</Layout>
|
let ekanumero = ""
|
||||||
)
|
let loppu = osat.loppu
|
||||||
|
let verkko = osat.verkko
|
||||||
|
|
||||||
|
if (verkko === "vlan") {
|
||||||
|
const lopuneka = loppu.slice(0, 1)
|
||||||
|
ekanumero = lopuneka
|
||||||
|
} else if (verkko === "vlan2") {
|
||||||
|
const lopuneka = loppu.slice(0, 1)
|
||||||
|
ekanumero = lopuneka === "2" ? "6" : "7"
|
||||||
|
}
|
||||||
|
|
||||||
|
let loppuosa = ""
|
||||||
|
for (let i of loppu.slice(1)) {
|
||||||
|
if (i !== "0") {
|
||||||
|
loppuosa += i
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
setIp(`10.22${ekanumero}.${loppuosa}.x`)
|
||||||
|
}, [osat.verkko, osat.loppu])
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Layout>
|
||||||
|
<SEO title="Home" />
|
||||||
|
|
||||||
|
<span>
|
||||||
|
<b>Verkko</b>
|
||||||
|
</span>
|
||||||
|
<br />
|
||||||
|
<label>
|
||||||
|
<input
|
||||||
|
type="radio"
|
||||||
|
value="vlan"
|
||||||
|
name="verkko-radio"
|
||||||
|
checked={osat.verkko === "vlan"}
|
||||||
|
onChange={e => {
|
||||||
|
// setVerkko(e.target.value)
|
||||||
|
setOsat({ loppu: osat.loppu, verkko: "vlan" })
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
VI vlan
|
||||||
|
</label>
|
||||||
|
<br />
|
||||||
|
<label>
|
||||||
|
<input
|
||||||
|
type="radio"
|
||||||
|
value="vlan2"
|
||||||
|
name="verkko-radio"
|
||||||
|
checked={osat.verkko === "vlan2"}
|
||||||
|
onChange={e => {
|
||||||
|
// setVerkko(e.target.value)
|
||||||
|
setOsat({ loppu: osat.loppu, verkko: "vlan2" })
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
VI vlan L2
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<br />
|
||||||
|
|
||||||
|
<span>
|
||||||
|
<b>Tunnuksen/verkon loppuosa</b> (neljä viimeistä merkkiä)
|
||||||
|
</span>
|
||||||
|
<br />
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
value={osat.loppu}
|
||||||
|
onChange={ev => {
|
||||||
|
setOsat({ loppu: ev.target.value, verkko: osat.verkko })
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<span>
|
||||||
|
<b>IP</b>
|
||||||
|
</span>
|
||||||
|
<br />
|
||||||
|
{ip !== "" ? `${ip} (valitse x väliltä 2-254)` : "10.22x.xxx.xxx"}
|
||||||
|
<br />
|
||||||
|
|
||||||
|
<span>
|
||||||
|
<b>Default gateway</b>
|
||||||
|
</span>
|
||||||
|
<br />
|
||||||
|
{ip !== "" ? `${ip} (x on 1)` : "10.22x.xxx.1"}
|
||||||
|
</div>
|
||||||
|
</Layout>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
export default IndexPage
|
export default IndexPage
|
||||||
|
Loading…
Reference in New Issue
Block a user