221 lines
7.1 KiB
PHP
221 lines
7.1 KiB
PHP
<?php
|
|
|
|
$jsversion = '2.9.2';
|
|
|
|
session_start();
|
|
if (!isset($_SESSION["verified"])) $_SESSION["verified"] = false;
|
|
?>
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
<title>Jobs</title>
|
|
<link rel="icon" type="image/x-icon" href="favicon.ico" />
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open Sans" />
|
|
|
|
<link rel="stylesheet" href="css/w3.css" />
|
|
<link rel="stylesheet" href="css/w3-colors-flat.css" />
|
|
<link
|
|
rel="stylesheet"
|
|
href="css/fontawesome-free-6.4.0-web/css/all.min.css"
|
|
/>
|
|
<link rel="stylesheet" href="css/styles.css" />
|
|
|
|
<script type="module" src="js/<?php echo $jsversion ?>/main.js"></script>
|
|
|
|
<body class="w3-flat-clouds">
|
|
<div class="w3-top">
|
|
<div id="navReg" class="w3-flat-wet-asphalt w3-card w3-large">
|
|
<a
|
|
class="w3-button w3-right w3-padding-large w3-hover-grey w3-large w3-flat-wet-aspalt"
|
|
href="javascript:void(0);"
|
|
title="Toggle Navigation Menu"
|
|
id="toggleNavigationMenu"
|
|
><i class="fa fa-bars"></i
|
|
></a>
|
|
<a
|
|
class="w3-button w3-right w3-padding-large w3-hover-grey w3-large w3-flat-wet-aspalt"
|
|
href="javascript:void(0);"
|
|
title="Logout"
|
|
id="logout"
|
|
><i class="fa fa-sign-out-alt"></i
|
|
></a>
|
|
<a
|
|
href="/"
|
|
class="w3-left-align w3-button w3-flat-wet-asphalt w3-padding-left"
|
|
><img src="/data/maru1.png" width="40px" height="40px"></a
|
|
>
|
|
</div>
|
|
|
|
<div
|
|
id="navMob"
|
|
class="w3-bar-block w3-white w3-right w3-hide w3-large w3-border"
|
|
></div>
|
|
</div>
|
|
|
|
<div
|
|
class="w3-sidebar w3-bar-block w3-large"
|
|
style="width: 300px; margin-top: 51px; display: none"
|
|
id="sidebar"
|
|
></div>
|
|
|
|
<div class="w3-main">
|
|
<div class="w3-padding-64">
|
|
<h3 id="mainTitle" class="w3-margin-left"></h3>
|
|
|
|
<div id="output" class="w3-flat-clouds">
|
|
<div class="w3-row-padding w3-container">
|
|
<div
|
|
class="w3-container w3-padding w3-third"
|
|
id="flats"
|
|
style="max-width: 400px; min-width: 350px"
|
|
>
|
|
<a href="#"
|
|
><div
|
|
class="w3-card-4 w3-hover-flat-concrete"
|
|
data-site="flats"
|
|
>
|
|
<header class="w3-container">
|
|
<h3>Flats</h3>
|
|
</header>
|
|
<div
|
|
class="w3-container w3-padding-32"
|
|
style="width: 70%; margin: auto; text-align: center"
|
|
>
|
|
<i
|
|
class="fa fa-house w3-container"
|
|
style="font-size: 150px; color: #34495e"
|
|
></i>
|
|
</div>
|
|
<footer
|
|
class="w3-container w3-padding-right"
|
|
style="text-align: right"
|
|
>
|
|
<p>open</p>
|
|
</footer>
|
|
</div></a
|
|
>
|
|
</div>
|
|
<div
|
|
class="w3-container w3-padding w3-third"
|
|
id="jobs"
|
|
style="max-width: 400px; min-width: 350px"
|
|
>
|
|
<a href="#"
|
|
><div class="w3-card-4 w3-hover-flat-concrete" data-site="jobs">
|
|
<header class="w3-container">
|
|
<h3>Jobs</h3>
|
|
</header>
|
|
<div
|
|
class="w3-container w3-padding-32"
|
|
style="width: 70%; margin: auto; text-align: center"
|
|
>
|
|
<i
|
|
class="fas fa-user-tie w3-container"
|
|
style="font-size: 150px; color: #34495e"
|
|
></i>
|
|
</div>
|
|
<footer
|
|
class="w3-container w3-padding-right"
|
|
style="text-align: right"
|
|
>
|
|
<p>open</p>
|
|
</footer>
|
|
</div></a
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
id="submitContainer"
|
|
style="display: none; width: 60%; margin: auto"
|
|
class="w3-container w3-flat-clouds w3-row-padding"
|
|
></div>
|
|
</div>
|
|
|
|
<div id="login" style="display: none" class="w3-modal w3-card-4">
|
|
<div class="w3-modal-content w3-margin-top" style="width: 600px">
|
|
<div class="w3-container w3-padding-32 w3-flat-clouds">
|
|
<form method="post" action="javascript:void(0)" id="loginForm">
|
|
<h3>Please login</h3>
|
|
<br>
|
|
<input
|
|
type="text"
|
|
name="user"
|
|
placeholder="User"
|
|
class="w3-input w3-flat-clouds"
|
|
id="userField"
|
|
/>
|
|
<br>
|
|
<input
|
|
type="password"
|
|
name="password"
|
|
placeholder="Password"
|
|
class="w3-input w3-flat-clouds"
|
|
id="passwordField"
|
|
/>
|
|
<input style="margin-top: 2em" class="w3-check" type="checkbox" />
|
|
<label>Remember me</label>
|
|
<input
|
|
id="submitPassword"
|
|
type="submit"
|
|
value="Submit"
|
|
class="w3-button w3-flat-asbestos w3-right"
|
|
style="display: block; margin: 32px 16px 0px 0px"
|
|
/>
|
|
</form>
|
|
</div>
|
|
<div
|
|
id="wrongPWAlert"
|
|
class="w3-panel w3-flat-pomegranate w3-display-container"
|
|
style="display: none"
|
|
>
|
|
<span
|
|
onclick="this.parentElement.style.display='none'"
|
|
class="w3-button w3-display-topright"
|
|
>×</span
|
|
>
|
|
<p id="wrongPWAlertMsg">wrong password</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modalNotifier" style="display: none" class="w3-modal w3-card-4">
|
|
<div class="w3-modal-content w3-margin-top" style="width: 600px">
|
|
<span
|
|
id="modalClose"
|
|
onclick="this.parentElement.parentElement.style.display='none'"
|
|
class="w3-button w3-display-topright w3-flat-clouds"
|
|
>×</span
|
|
>
|
|
<div class="w3-container w3-padding-32 w3-flat-clouds">
|
|
<span id="modalMsg"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
id="pagination"
|
|
class="w3-container w3-flat-clouds w3-center"
|
|
style="height: 15em"
|
|
>
|
|
<br />
|
|
</div>
|
|
<!-- Footer -->
|
|
</div>
|
|
<footer
|
|
id="bottombar"
|
|
class="w3-container w3-padding-32 w3-center w3-opacity"
|
|
>
|
|
<div class="w3-container w3-margin-top" id="currentVersion">
|
|
<span></span>
|
|
</div>
|
|
</footer>
|
|
<div id="password" style="display: none">nichtsoeinfach</div>
|
|
</body>
|
|
</html>
|