Fix wrong dir

.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

.gitignore

@@ -0,0 +1,34 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# vercel
+.vercel

README.md

@@ -0,0 +1,34 @@
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
+
+[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.
+
+The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

components/Layout/AdminLayout.js

@@ -0,0 +1,50 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import Image from 'next/image';
+import Link from 'next/link';
+
+import Logo from '../../assets/logo_color.png';
+import User from '../../assets/user.jpg';
+
+/**
+ * Main admin layout - A Higher Order Component
+ */
+class AdminLayoutHoc extends React.Component {
+    render() {
+        return (
+        <>
+          <header className="mb-3 border-bottom bg-light">
+            <nav className="navbar navbar-light bg-light">
+              <div className="container-fluid">
+                <a className="navbar-brand p-0"><Image src={Logo} alt="Ritta Logo" height="64" width="160"/></a>
+                <div className="dropdown text-end d-flex">
+                  <a href="#" className="d-block link-dark text-decoration-none dropdown-toggle" id="dropdownUser1" data-bs-toggle="dropdown" aria-expanded="false">
+                    <Image src={User} alt="mdo" className="rounded-circle" width="32" height="32" />
+                  </a>
+                  <ul className="dropdown-menu text-small" aria-labelledby="dropdownUser1">
+                    <li><a className="dropdown-item" href="#">New project...</a></li>
+                    <li><a className="dropdown-item" href="#">Settings</a></li>
+                    <li><a className="dropdown-item" href="#">Profile</a></li>
+                    <li><hr className="dropdown-divider" /></li>
+                    <li><a className="dropdown-item" href="#">Sign out</a></li>
+                  </ul>
+                </div>
+              </div>
+            </nav>
+          </header>
+          <div className="container"> 
+            <main className="col-md-9 ms-sm-auto col-lg-10 px-md-4">
+              {this.props.children}
+            </main>
+          </div>
+        </>
+      );
+    }
+}
+
+AdminLayoutHoc.propTypes = {
+    contentTitle: PropTypes.string,
+    contentTitleButton: PropTypes.element,
+};
+
+export default AdminLayoutHoc

components/Layout/LoginLayout.js

@@ -0,0 +1,85 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import Image from 'next/image';
+
+import Logo from '../../assets/logo_color.png';
+
+// Icons
+import { MdSchool } from 'react-icons/md';
+
+// Bootstrap
+import { Accordion } from "react-bootstrap";
+
+/**
+ * Main Login layout - A Higher Order Component
+ */
+class LoginLayoutHoc extends React.Component {
+  render() {
+    return (
+      <>
+        <div className="container-fluid ps-md-0">
+          <div className="row g-0">
+            <div className="col-md-8 col-lg-6">
+              <div className="d-flex align-items-center py-5">
+                <div className="container">
+                  <div className="row">
+                    <div className="col-md-9 col-lg-8 mx-auto">
+                      <Image src={Logo} alt="Ritta Logo" height={96} width={240}/>
+                      <h3 className="mb-4"><MdSchool /> Tervetuloa käyttämään Rittaa!</h3>
+                      <p>Ritta on helppokäyttöinen ja monipuolinen oppilashallintojärjestelmä.</p>
+                      <p>Tämä Ritta-yksikön omistaa <b>TestausAkatemia (Testausserveri Ry)</b></p>
+                      <h4>Julkiset tiedoitteet</h4>
+                      <hr />
+                      <Accordion defaultActiveKey="0" className="mb-3">
+                        <Accordion.Item eventKey="0">
+                          <Accordion.Header><b>1.8.2021</b><span className="mx-1"></span>Tervetuloa takaisin kouluun!</Accordion.Header>
+                          <Accordion.Body> 
+                            Julkaissut <b>Reino Rehtori</b><br/><br />
+                            Hei kaikki oppilaat! <br />
+                            Kesäloman jälkeen voimme aloittaa 11.8.2021 iloisesti lukuvuoden 2021-2022! <br />
+                            Tervetuloa takaisin kouluun! <br />
+                            - Rehtori ja opettajat
+                          </Accordion.Body>
+                        </Accordion.Item>
+                        <Accordion.Item eventKey="1">
+                          <Accordion.Header><b>4.6.2021</b><span className="mx-1"></span>Hyvää kesälomaa!</Accordion.Header>
+                          <Accordion.Body> 
+                            Julkaissut <b>Reino Rehtori</b><br/><br />
+                            Hei kesälomaa kaikille! <br />
+                            Kesäloman jälkeen voimme aloittaa 11.8.2021 iloisesti lukuvuoden 2021-2022! <br />
+                            Muistakaa uida ja käydä ulkona! <br />
+                            - Rehtori ja opettajat
+                          </Accordion.Body>
+                        </Accordion.Item>
+                      </Accordion>
+                      <h4>Yhteyshenkilö</h4>
+                      <hr />
+                      <p>Tästä yksiköstä vastaa:<br /><br /><b>Raikas Teknikko</b><br />040123456789<br />[email protected]</p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div className="col-md-8 col-lg-6 bg-light">
+              <div className="login d-flex align-items-center py-5">
+                <div className="container">
+                  <div className="row">
+                    <div className="col-md-9 col-lg-8 mx-auto">
+                      {this.props.children}
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </>
+    );
+  };
+}
+
+LoginLayoutHoc.propTypes = {
+    contentTitle: PropTypes.string,
+    contentTitleButton: PropTypes.element,
+};
+export default LoginLayoutHoc