Blob: index.php

Blob id: db0cc9ace78becd4de2a62ca9b4bdf9f438319d8

Size: 6.2 KB

  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<?php
// Täällä teemme listan henkilöistä jotka ovat taulukossa, alempana tiedostossa renderöimme ne
include "../src/kirjautunut.php";
// Käytä connect.php
include "../src/connect.php";
// SQL komento: saadaan oppilaat
$sql = "SELECT * FROM oppilaat";
$result = $conn->query($sql); // Aja komento
// Jos tuloksia
$henkilot = [];
if ($result->num_rows>0){
	while($row = $result->fetch_assoc()){
		$henkilot[] = $row;
	}
}
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Harjoittelupaikat</title>
    <link rel="stylesheet" type="text/css" href="../css/style.css">
</head>
<body>
	<?php include "../src/header.php"; ?>
	<h1>
		Opiskelijat
	</h1>
    <main>
		<input class="searchInput" data-table-id="table1" type="search" placeholder="Hae🔍" aria-label="Hae🔍" aria-target="table1">  
		<?php
		if ($logged_in and $op) {
			echo "<a href='uusopiskelija.php'><button>+</button></a>";
					}
		?>
		<div class="table-container">
			<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>
							<?php // Renderöi taulukko tyypin tiedoilla
							if (isset($_GET['id']) and $tyyppi['id'] === $_GET['id']) // Jos tyyppi on muokattavissa
								{
									// Muuttaa normaalin tr rivin formiksi
									echo "<form action='../src/muokkaa.php' method='POST'>";
									echo "<input type='hidden' id='taulukko' name='taulukko' value=oppilaat>";
									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>" . date("d.m.y", strtotime($tyyppi["aloitus"])) . "</td>";
									echo "<td>" . date("d.m.y", strtotime($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 class='muokkaus-column'>" . // Poista nappi
											"<form action='../src/poista.php' method='POST'>
											<input type='hidden' id='nimi' name='nimi' value={$tyyppi['nimi']}>
											<input type='hidden' id='taulukko' name='taulukko' value=oppilaat>
											<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>
					<?php endforeach; ?>
				</tbody>
			</table> 
		</div>
    </main>
	<?php include "../src/footer.php"; ?>
	<script>
		var inputs = document.querySelectorAll('input'); // get the input element
		inputs.forEach((input) => {
			if (input.type == "text")
			{
				console.log(input.value);
				input.addEventListener('input', resizeInput); // bind the "resizeInput" callback on "input" event
				resizeInput.call(input); // immediately call the function
			}
		});

		function resizeInput() {
			this.style.width = this.value.length + "ch";
		}
	</script>
	<script src="../external/searchTable.js"></script>
    <script src="../external/sortTable.js"></script>
</body>
</html>