diff --git a/css/style.css b/css/style.css
index 0224853..4c12a5d 100755
--- a/css/style.css
+++ b/css/style.css
text-decoration: none;
color: blue;
}
-table, th, td{
- border: 1px solid black;
- border-collapse: collapse;
+
+button {
+ border: none;
+ background-color: var(--main-color);
+ color: white;
+ padding: 4px;
+ border-radius: 10%;
+ cursor: pointer;
}
-.table-container{
- width: 100%;
- overflow-x: auto;
+
+table {
+ table-layout: fixed;
+ border-collapse: collapse;
+ border-top: 1px solid #999999;
+ border-bottom: 1px solid #999999;
}
-main{
- width: 100wv;
- display: flex;
- flex-direction: row;
- flex: 1;
+th,
+td {
+ vertical-align: top;
+ padding: 0.6em;
}
-section{
- width: 100%;
+
+tbody tr:nth-child(odd) {
+ background-color: #eeeeee;
}
-aside{
- text-align: right;
- flex: 1;
+
+.table-container{
+ width: 100%;
+ overflow-x: auto;
}
footer{
text-align: center;
}
-thead {
- top: 0;
- position: sticky;
-}
-
.navigaatio {
background-color: white;
position: sticky;
diff --git a/public/index.php b/public/index.php
index 05e8f60..0395038 100755
--- a/public/index.php
+++ b/public/index.php
}
}
?>
+
<!DOCTYPE html>
<html lang="en">
<head>
<body>
<?php include "../src/header.php"; ?>
<main>
- <section>
- <h1>
- Harjoittelupaikkoja
- </h1>
- <h1>Taulukot</h1>
- <h2>Tässä on ensimmäinen (ja ainoa) taulukko</h2>
- <p>Tässä on taulukko</p>
- <div class="table-container">
- <input class="searchInput" data-table-id="table1" type="search" placeholder="Hae🔍" aria-label="Hae🔍" aria-target="table1">
- <table class="sortTable" id="table1">
- <thead>
+ <section>
+ <h1>
+ Harjoittelupaikkoja
+ </h1>
+ <div class="table-container">
+ <input class="searchInput" data-table-id="table1" type="search" placeholder="Hae🔍" aria-label="Hae🔍" aria-target="table1">
+ <table class="sortTable" id="table1">
+ <thead>
+ <tr>
+ <th scope="col">Nimi</th>
+ <th scope="col">Harj. paikka</th>
+ <th scope="col">Ohjaaja</th>
+ <th scope="col">Yhteystiedot</th>
+ <th scope="col">Aloitus</th>
+ <th scope="col">Lopetus</th>
+ <th scope="col">Status</th>
+ <th scope="col">Ruokaraha</th>
+ <th scope="col">Lisätietoja</th>
+ <?php // Ei muokkaus riviä, jos ei ole oikeuksia muokata
+ if ($logged_in)
+ {
+ echo "<th>Muokkaus</th>";
+ }
+ ?>
+ </tr>
+ </thead>
+ <!-- Ota tiedot tiedot muuLisätietojattujasta henkilot -->
+ <tbody>
+ <?php foreach ($henkilot as $tyyppi): ?>
<tr>
- <th>Nimi</th>
- <th>Harj. paikka</th>
- <th>Ohjaaja</th>
- <th>Yhmeystiedot</th>
- <th>Aloitus</th>
- <th>Lopetus</th>
- <th>Status</th>
- <th>Ruokaraha</th>
- <th>Lisätietoja</th>
- <?php // Ei muokkaus riviä, jos ei ole oikeuksia muokata
- if ($logged_in)
- {
- echo "<th>Muokkaus</th>";
- }
+ <?php // Renderöi taulukko tyypin tiedoilla
+ if (isset($_GET['id']) and $tyyppi['id'] === $_GET['id']) // Jos tyyppi on muokattavissa
+ {
+ // Muuttaa normaalin tr rivin tableksi
+ echo "<form action='../src/muokkaa.php' method='POST'>";
+ echo "<input type='hidden' id='id' name='id' value={$tyyppi['id']}>";
+ echo "<td> <input type='text' name='nimi' id='nimi' value='" . $tyyppi["nimi"] . "'> </td>";
+ echo "<td> <input type='text' name='paikka' id='paikka' value='" . $tyyppi["paikka"] . "'> </td>";
+ echo "<td> <input type='text' name='ohjaaja' id='ohjaaja' value='" . $tyyppi["ohjaaja"] . "'> </td>";
+ echo "<td> <input type='text' name='yhteystiedot' id='yhteystiedot' value='" . $tyyppi["yhteystiedot"] . "'> </td>";
+ echo "<td> <input type='date' name='aloitus' id='aloitus' value='" . $tyyppi["aloitus"] . "'> </td>";
+ echo "<td> <input type='date' name='lopetus' id='lopetus' value='" . $tyyppi["lopetus"] . "'> </td>";
+ echo "<td> <select name='status' id='status'>
+ <option value='Ei paikkaa' " . (($tyyppi['status'] == 'Ei paikkaa') ? 'selected' : '') . ">Ei paikkaa</option>
+ <option value='Selvityksessä' " . (($tyyppi['status'] == 'Selvityksessä') ? 'selected' : '') . ">Selvityksessä</option>
+ <option value='Paikka varmistunut' " . (($tyyppi['status'] == 'Paikka varmistunut') ? 'selected' : '') . ">Paikka varmistunut</option>
+ </select> </td>";
+ echo "<td> <select name='ruokaraha' id='ruokaraha'>
+ <option value='Kyllä' " . (($tyyppi['ruokaraha'] == 'Kyllä') ? 'selected' : '') . ">Kyllä</option>
+ <option value='Ei' " . (($tyyppi['ruokaraha'] == 'Ei') ? 'selected' : '') . ">Ei</option>
+ </select> </td>";
+ echo "<td> <input type='text' name='muuta' id='muuta' value='" . $tyyppi["muuta"] . "'> </td>";
+ // Täällä emme tarkista onko kirjauduttu sisään, koska ainoa tapa päästä tänne on kirjautumalla
+ // sisään. Tietysti voit muokata url:llää itse, mutta sitten ongelma on sinun syy, ja muokkaa
+ // nappi ei tule toimimaan
+ echo "<td> <button type='submit'>Tallenna muutokset</button></td>";
+ echo "</form>";
+ }
+ else // Tyyppiä ei muokata, näytä vaan normaalisti
+ {
+ echo "<td>" . $tyyppi["nimi"] . "</td>";
+ echo "<td>" . $tyyppi["paikka"] . "</td>";
+ echo "<td>" . $tyyppi["ohjaaja"] . "</td>";
+ echo "<td>" . $tyyppi["yhteystiedot"] . "</td>";
+ echo "<td>" . $tyyppi["aloitus"] . "</td>";
+ echo "<td>" . $tyyppi["lopetus"] . "</td>";
+ echo "<td>" . $tyyppi["status"] . "</td>";
+ echo "<td>" . $tyyppi["ruokaraha"] . "</td>";
+ echo "<td>" . $tyyppi["muuta"] . "</td>";
+ if ($op or ($logged_in and $tunnus === $tyyppi['nimi'])) { // Jos opettaja tai muokkaa omia tietoja
+ echo "<td>" . // Poista nappi
+ "<form action='../src/poista.php' method='POST'>
+ <input type='hidden' id='nimi' name='nimi' value={$tyyppi['nimi']}>
+ <button type='submit'>Poista</button>
+ </form>";
+ echo "" . // Muokkaa nappi
+ "<form action='../public/index.php?id={$tyyppi['id']}' method='GET'>
+ <input type='hidden' id='id' name='id' value={$tyyppi['id']}>
+ <button type='submit'>Muokkaa</button>
+ </form>"
+ . "</td>";
+ }
+ }
?>
</tr>
- </thead>
- <!-- Ota tiedot tiedot muuLisätietojattujasta henkilot -->
- <?php foreach ($henkilot as $tyyppi): ?>
- <tbody>
- <tr>
- <?php // Renderöi taulukko tyypin tiedoilla
- if (isset($_GET['id']) and $tyyppi['id'] === $_GET['id']) // Jos tyyppi on muokattavissa
- {
- // Muuttaa normaalin tr rivin tableksi
- echo "<form action='../src/muokkaa.php' method='POST'>";
- echo "<input type='hidden' id='id' name='id' value={$tyyppi['id']}>";
- echo "<td> <input type='text' name='nimi' id='nimi' value='" . $tyyppi["nimi"] . "'> </td>";
- echo "<td> <input type='text' name='paikka' id='paikka' value='" . $tyyppi["paikka"] . "'> </td>";
- echo "<td> <input type='text' name='ohjaaja' id='ohjaaja' value='" . $tyyppi["ohjaaja"] . "'> </td>";
- echo "<td> <input type='text' name='yhteystiedot' id='yhteystiedot' value='" . $tyyppi["yhteystiedot"] . "'> </td>";
- echo "<td> <input type='date' name='aloitus' id='aloitus' value='" . $tyyppi["aloitus"] . "'> </td>";
- echo "<td> <input type='date' name='lopetus' id='lopetus' value='" . $tyyppi["lopetus"] . "'> </td>";
- echo "<td> <select name='status' id='status'>
- <option value='Ei paikkaa' " . (($tyyppi['status'] == 'Ei paikkaa') ? 'selected' : '') . ">Ei paikkaa</option>
- <option value='Selvityksessä' " . (($tyyppi['status'] == 'Selvityksessä') ? 'selected' : '') . ">Selvityksessä</option>
- <option value='Paikka varmistunut' " . (($tyyppi['status'] == 'Paikka varmistunut') ? 'selected' : '') . ">Paikka varmistunut</option>
- </select> </td>";
- echo "<td> <select name='ruokaraha' id='ruokaraha'>
- <option value='Kyllä' " . (($tyyppi['ruokaraha'] == 'Kyllä') ? 'selected' : '') . ">Kyllä</option>
- <option value='Ei' " . (($tyyppi['ruokaraha'] == 'Ei') ? 'selected' : '') . ">Ei</option>
- </select> </td>";
- echo "<td> <input type='text' name='muuta' id='muuta' value='" . $tyyppi["muuta"] . "'> </td>";
- // Täällä emme tarkista onko kirjauduttu sisään, koska ainoa tapa päästä tänne on kirjautumalla
- // sisään. Tietysti voit muokata url:llää itse, mutta sitten ongelma on sinun syy, ja muokkaa
- // nappi ei tule toimimaan
- echo "<td> <input type='submit' value='Tallenna muutokset' > </td>";
- echo "</form>";
- }
- else // Tyyppiä ei muokata, näytä vaan normaalisti
- {
- echo "<td>" . $tyyppi["nimi"] . "</td>";
- echo "<td>" . $tyyppi["paikka"] . "</td>";
- echo "<td>" . $tyyppi["ohjaaja"] . "</td>";
- echo "<td>" . $tyyppi["yhteystiedot"] . "</td>";
- echo "<td>" . $tyyppi["aloitus"] . "</td>";
- echo "<td>" . $tyyppi["lopetus"] . "</td>";
- echo "<td>" . $tyyppi["status"] . "</td>";
- echo "<td>" . $tyyppi["ruokaraha"] . "</td>";
- echo "<td>" . $tyyppi["muuta"] . "</td>";
- if ($op or ($logged_in and $tunnus === $tyyppi['nimi'])) { // Jos opettaja tai muokkaa omia tietoja
- echo "<td>" . // Poista nappi
- "<form action='../src/poista.php' method='POST'>
- <input type='hidden' id='nimi' name='nimi' value={$tyyppi['nimi']}>
- <input type='submit' value='Poista'>
- </form>";
- echo "" . // Muokkaa nappi
- "<form action='../public/index.php?id={$tyyppi['id']}' method='GET'>
- <input type='hidden' id='id' name='id' value={$tyyppi['id']}>
- <input type='submit' value='Muokkaa'>
- </form>"
- . "</td>";
- }
- }
- ?>
- </tr>
+ <?php endforeach; ?>
</tbody>
- <?php endforeach; ?>
- </table>
- </div>
-
- </section>
+ </table>
+ </div>
+ </section>
<!--
<aside>
<figure>
diff --git a/public/kirjautuminen.php b/public/kirjautuminen.php
index f25a1d8..5d87ee6 100644
--- a/public/kirjautuminen.php
+++ b/public/kirjautuminen.php
<input type="text" id="nimi" name="nimi">
<label for="salasana">Salasana:</label>
<input type="password" id="salasana" name="salasana">
- <input type="submit" name="submit" value="Kirjaudu">
+ <button type="submit" name="submit">
+ Kirjaudu
+ </button>
</fieldset>
</form>
</section>
diff --git a/public/register.php b/public/register.php
index 9921237..a6dd631 100644
--- a/public/register.php
+++ b/public/register.php
<input type="password" id="salasana" name="salasana">
<label for="salasana">Vahvista salasana:</label>
<input type="password" id="vsalasana" name="vsalasana">
- <input type="submit" name="submit" value="Luo käyttäjä">
+ <button type="submit" name="submit">
+ Luo käyttäjä
+ </button>
</fieldset>
</form>
</section>
diff --git a/public/uusharjoittelupaikka.php b/public/uusharjoittelupaikka.php
index e65d7ab..cc3dd1e 100644
--- a/public/uusharjoittelupaikka.php
+++ b/public/uusharjoittelupaikka.php
<label for="ohjaaja">Yhteystiedot:</label>
<input type="text" id="yhteystiedot" name="yhteystiedot" placeholder="04012345678">
</fieldset>
- <input type="submit" name="submit" value="Lisää">
+ <button type="submit" name="submit">
+ Lisää
+ </button>
</form>
</section>
</main>
diff --git a/public/uusopiskelija.php b/public/uusopiskelija.php
index 72a5efc..fd5f48a 100644
--- a/public/uusopiskelija.php
+++ b/public/uusopiskelija.php
<option value="Ei" selected>Ei</option>
</select>
</fieldset>
- <input type="submit" name="submit" value="Lisää">
+ <button type="submit" name="submit">
+ Lisää
+ </button>
</form>
</section>
</main>