Blob: index.php

Blob id: 36bb68ef2d0ec412c8522a76df1f7e441082d408

Size: 3.0 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
<?php

include"connect.php";
include"logged_in.php";

// Hanki kategoriat
$sql = "SELECT * FROM kategoriat";
$result = $conn->query($sql); // Aja komento
// Jos tuloksia
$kategoriat = [];
if ($result->num_rows>0){
	while($row = $result->fetch_assoc()){
		$kategoriat[] = $row;
	}
}
// Hanki artikkelit
$sql = "SELECT * FROM uutiset"; //TODO ota vain oikean kategorian
$result = $conn->query($sql); // Aja komento
// Jos tuloksia
$artikkelit = [];
if ($result->num_rows>0){
	while($row = $result->fetch_assoc()){
		$artikkelit[] = $row;
	}
}
// Hanki toimittajat
$sql = "SELECT * FROM kayttajat"; //TODO ota vain oikean kategorian
$result = $conn->query($sql); // Aja komento
// Jos tuloksia
$kayttajat = [];
if ($result->num_rows>0){
	while($row = $result->fetch_assoc()){
		$kayttajat[] = $row;
	}
}

if (isset($_GET["kategoria"])) {
	foreach ($kategoriat as $kat) {
		if ($kat["nimi"] == $_GET["kategoria"]) {
			$sivu_cat = $kat["id"];
		}
	}
}

?>
<!DOCTYPE html>
<html lang="fi">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="stylesheet" href="style.css" type="text/css" media="all">
		<title>NeoYle, uutisten tulevaisuus</title>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <!-- En voinut hillitä itseäni -->
		<link href="https://fonts.googleapis.com/css2?family=Stack+Sans+Text:wght@200..700&display=swap" rel="stylesheet">
	</head>
	<body class="light-theme">
		<header>
			<nav>
				<a href="." id="logocontainer">
					<object data="neoyle.svg" type="image/svg+xml" id="logo"></object>
				</a>
				<?php foreach ($kategoriat as $kategoria): ?>
					<a href="?kategoria=<?php echo $kategoria["nimi"]; ?>"> <?php echo $kategoria["nimi"]; ?> </a>
				<?php endforeach; ?>
				<a id="themebtn">Teema</a>
				<noscript>Vaalean ja pimäen teeman vaihtoon vaaditaan Javascript</noscript>
				<?php if ($logged_in): ?>
					<a href="write.php"> Kirjoita </a>
					<a href="logout.php"> Kirjaudu ulos </a>
				<?php else: ?>
					<a href="login.php"> Kirjaudu </a>
				<?php endif; ?>
			</nav>
		</header>
		<main>
			<?php foreach ($artikkelit as $artikkeli): ?>
				<?php if ( !isset($sivu_cat) or $sivu_cat == $artikkeli["kategoria_id"] ): ?>
					<section id="<?php echo $artikkeli["otsikko"] ?>">
						<a href="#<?php echo $artikkeli["otsikko"] ?>">
							<div class="imgcontainer">
								<img src="images/<?php echo $artikkeli["kuva"]; ?>">
							</div>
						<h1><?php echo $artikkeli["otsikko"]; ?></h1>
						<p>
							<?php echo $artikkeli["teksti"]; ?>
						</p>
						<p class="right">
							<?php 
								$toimittaja_id = $artikkeli["toimittaja_id"];
								foreach ($kayttajat as $kayttaja) { // Säästää SQL queryjä mutta ehkä vähän hidas kuitenkin
									if ($kayttaja["id"] == $toimittaja_id) {
										echo $kayttaja["nimi"];
										break;
									}
								}
							?>
						</p>
						</a>
					</section>
				<?php endif; ?>
			<?php endforeach; ?>
		</main>
		<script src="theme-switch.js" charset="utf-8"></script>
	</body>
</html>