Regisztrációs oldal módosítása

Dokumentáció/Forgatókönyvek/mod_forgatókönyv.drawio

@@ -0,0 +1 @@
+<mxfile host="app.diagrams.net" modified="2022-10-27T06:50:39.170Z" agent="5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36" etag="pAeWPNjKnvRvpQTucFI7" version="20.5.1" type="device"><diagram id="_aZIK8724AUBjuAana2s" name="Page-1">7Vrfc6M2EP5reKwHgQHzGNu5dqaT6XVy01760lFAAcUycoV8sf3XVzLCgOQfnGOMm15eIq1gEbvft7tabLmT+epnBhfpA40RsRw7Xlnu1HIc4Aeu+Ccl60IyKgUJw7G6qBI84g1SQltJlzhGeeNCTinheNEURjTLUMQbMsgYfWte9kJJ86kLmCBD8BhBYkr/xDFP1Vt4diX/BeEkLZ8MbLUyh+XFSpCnMKZvNZF7b7kTRikvRvPVBBFpvNIuxX2fDqzuNsZQxtvc8LudfM7u//7y9IAnyIH/fP1rMf1JafkGyVK98J3cu3AjsyaudQc4ZZbjE/GE8bMcJXIkFKPMmnhWCBjeZNsrQ2lwaWFEUpgrISDy39idQa6MwNelZYUS4UQxGb+lmKPHBYzkypvAkZClfE7EDIih2iJiHK0OvjvYWVRAEdE54mwtLlE3uMoHCoRDX83fKpeC0k9pzZ1eqJCkUJTsNFeGFgNl6++wu2PY3bRPFt9JAItZRGCe46hpFkaXWYzkQ2zpkhXmX9WKHD9J+cBTs+mqdtl0rSbFI1FsMEAzq9gWXbIIncKRaf6afb195lUyhgjk+FtzG/tsrp7wmWKxwZ13naDpXq/kYKmi2L66q04RXZGt4STUFHHIEsQNRVsI7F77fFS4BirG6BUJrvEZ2hQsyw2ciLiykMMFoxHK89N8eobRLNmi57clJzhDl+OZYUAvFBhsRTXfPuz2d1Ft+F+iWl8UckE4CGt/o6YbR+EA+OdxytXIKXX5mq6OaeUZCHhASbbG/BUeTVpigeCcF8JXlQ8N8DTBcYVcpht0XzJzr8kw37Dvr5gU4WrRa9oHwDs7HnWW+gPDWl8gKYEnaq8CfDHNt7Iph1lciORmYshlvfjJRGFK58/LFtH/Amb1dKu69sBpaVYAgtIDF7fs6EekPx3ph+HxSD8a+F5tVfNV26hvQERmkCN6O84A4XkZQPqN0RdMbib4e0OvYVff7jv4lwf1y7OuYtpTjYP7WSfMx9a1m+T0qb5W3baddXAEUnG9QPIpLPbFfl/jpTdsRgMt6bWle6DV/YL+g+FhtR2zHZhdjRSR9TPKpB83iM1QvuFYbmijkirE/XM70HxzA9y+iTZFxe0Gsyuid8/tsCW3Qa+p3Xd0FgaD4MwEruvygQayrjls9kL+KI4UCUEJKotjlGHFacSbfUijji5SeC6Z3nP9HOpBOAA3UT8Ds1Wy7QbL1yqaTwyJebam896DJQC3VwmZfYYPGC37Cm6jkRaQHLOP1Da4hZ53UlfX8c1smvwAy8XAAuxgD1q8d9e5ZtQ5rrdrEJm9pA8Ioguevfw+QXnJ8gwA/ZPmlT9Vgc6abc1jv30UeheEUFH89BawdH96er3dGhm7n06UmpwrI8NstuFEHr01dIjajzfxkHNGZ2hCCWVCklH5ZXL8ggnRRJDgJJOgEk5GQj6WlSSOILlTC3Mcx+TQJ4Ym6qz3l6K+2fyw9ErU3wMdt6tCtHT4/8YDRrr3Rn27wGxB9RAe92dmcLG8fNv5Fth2VdbvOWp/f87VP2pcOeeWGKqBKkPmUfzD0Npv8aX7uqw2m1If2gHA1ktW0JkHxLT6LWTBmOoXpe79vw==</diagram></mxfile>

Dokumentáció/funkcionális specifikáció.md

@@ -7,7 +7,7 @@ Ezért bízott meg minket egy gaming témájú kvíz játék elkészítésével.
 
 ## 2. Vágyálomrendszer leírása
 Egy webes felület ami idális a felhasználói számára videójátékos ismereteik tovább fejlesztésére.
-Az oldalon grafikus kvízek kitöltésére nyílik lehetőség, melyekben a videójátékok képről való felismerése a cél. A játékos N mennyiségű kép-játéknév kombinációból álló _feladványt_ kap, ahol számára csak a kép látható ameddig nem helyez le egy tippet a játék címéről, minek hatására a helyes válasz láthatóvá válik.
+Az oldalon grafikus kvízek kitöltésére nyílik lehetőség, melyekben a videójátékok képről való felismerése a cél. A játékos N mennyiségű kép-játék név kombinációból álló _feladványt_ kap, ahol számára csak a kép látható ameddig nem helyez le egy tippet a játék címéről, minek hatására a helyes válasz láthatóvá válik.
 Minden parti statisztikája a játék körülményeivel egyetemben rögzítésre kerül. Így pontos kép fog kialakulni minden felhasználó egyéni képpeségeiről és egy-egy _feladvány_ nehézségéről Ezekhez az információkhoz a _látogatók_ intuitív módon férhetnek hozzá.
 Egy számítógép és aktív internet kapcsolat birtokában bárki játszhat, a részvétel nem meghíváshoz vagy regisztrációhoz kötött. Viszont az utóbbira van lehetőség. Minden regisztrált felhasználó előzményeit külön kezeljük ezzel lehetőséget adva a pontos, személyre szabott adatelemzés nyújtására. Továbbá feliratkozás után a felhasználók képesek lesznek visszajelzéseket írni az _adminoknak_.
 Az _adminok_ különleges hatáskörrel rendelkező felhasználók. Ők tudnak módosítani bármely felhasználó és _feladvány_ adatain és új feladványokat hozzáadni. Számukra elérhető egy felhasználói visszajelzés lista is, amin kiemelve szerepelnek a még olvasatlan üzenetek.
@@ -15,7 +15,7 @@ Az _adminok_ különleges hatáskörrel rendelkező felhasználók. Ők tudnak m
 ## 3. Jelenlegi üzleti folyamatok modellje
 Az ügyfél megbízott minket egy videójáték felismerő kvíz oldal elkészítésével.
 A rendszer forrása az ügyfelet fogja illetni. Igényt képez annak további bővítési lehetőségével. Elvárás kód bázis könnyű újra fel használása, alapként használása.
-Működtetni nélkülünk fogják az oldalt. A cég programozói háttérel nem rendelkező személyeket tervez kinevezni karbantartási és moderálási pozíciókra. Tervezés és kivitelezéskor ez kulcs fontosságó szempont. Minden felmerülhető CRUD műveletre grafikus felületet kell biztosítanunk.
+Működtetni nélkülünk fogják az oldalt. A cég programozói háttérrel nem rendelkező személyeket tervez kinevezni karbantartási és moderálási pozíciókra. Tervezés és kivitelezéskor ez kulcs fontosságú szempont. Minden felmerülhető CRUD műveletre grafikus felületet kell biztosítanunk.
 Az oldal adatbányászási céllal jön létre, tehát egy szakszerű, normál formáknak eleget tevő adatbázis szükséges.
 A projektre 3 hónap áll rendelkezésre.
 
@@ -38,7 +38,7 @@ A projektre 3 hónap áll rendelkezésre.
 
 ## 6. Használati esetek
 1. Egy látogató az oldalra téved, hogy kis kisidőre szórakoztassa magát. Játszik egyet-kettőt majd kilép.
-2. Egy videójátékokban méllyen érdekelt személy szeretné felmérni ismereteinek minőséget.
+2. Egy videójátékokban mélyen érdekelt személy szeretné felmérni ismereteinek minőséget.
 3. Egy látogató szeretne tudomást szerezni arról milyen videójátékokat nem ismer még, hogy ötletet kapjon arról mit lenne érdemes kipróbálnia.
 4. Egy moderátor meg akarja tudni mit gondolnak a felhasználók a kvízekről.
 5. Egy moderátor relevánsan akarja tartani az oldalt ezért új kvízt ad hozzá
@@ -67,6 +67,8 @@ A projektre 3 hónap áll rendelkezésre.
 ![játék_forgatókönyv](Forgatókönyvek/játék_forgatókönyv.png)
 4. Kvíz hozzáadása
 ![hozzáadás_forgatókönyv](Forgatókönyvek/hozzáadás_forgatókönyv.png)
+5. Moderáció
+![mod_forgatókönyv](Forgatókönyvek/mod_forgatókönyv.png)
 
 ## 10. Funkció - követelmény megfeleltetése
 
@@ -98,9 +100,9 @@ A projektre 3 hónap áll rendelkezésre.
 		- elérhetőség (bannolva van-e?)
 		- előző játékok
 + **látogató**: olyan fogyasztó aki nem rendelkezik felhasználói fiókkal.
-+ **jogkör**: egy felhasználható álltal végre hajtható műveletek halmaza.
++ **jogkör**: egy felhasználható által végre hajtható műveletek halmaza.
     * fajtái:
         - látogatói: játék
         - felhasználói: játék (rögzítettve); értékelés írás
-        - moderátori: felhasználó; feladvány hozzáadás; felhasználók módosítása; hozzáféres az értékelésekhez
+        - moderátori: felhasználó; feladvány hozzáadás; felhasználók módosítása; hozzáférés az értékelésekhez
 + **IP**: "Intellectual Property"; Szellemi Tulajdon

picquiz/public/css/navbar.css

@@ -1,14 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');
-
-body {
-	background-image: url(../src/background.png);
-	background-repeat: no-repeat;
-	background-size: cover;
-	background-attachment: fixed;
-	font-family: 'Noto Sans', 'Times New Roman' !important;
-	color: white;
-}
-
 .navitem img {
 	border-right: 1px solid white;
 	margin-right: 6px;
@@ -16,33 +5,33 @@ body {
 }
 
 
-.active {
-	background-color: white;
-	color: rgba(0, 0, 0, 0.7) !important;
-	transition-duration: 300ms;
-	transition-timing-function: ease-in;
-}
-
 .navitem.active img {
 	filter: invert(100%);
 }
 
 .navitem {
-	color: white;
+	color:  white;
 	border: 1px solid white;
 	margin-right: 10px;
 	border-radius: 5px;
 }
 
+.active {
+	background-color: white;
+	color: black !important;
+	transition-duration: 300ms;
+	transition-timing-function: ease-in;
+}
+
 .navitem:hover {
 	background-color: white;
-	color: rgba(0, 0, 0, 0.7) !important;
+	color: rgba(0, 0, 0, 0.7);
 	transition-duration: 300ms;
 	transition-timing-function: ease-in;
 }
 
 .navitem:hover img {
-	filter: invert(100%);
+	filter: invert(100%) !important;
 }
 
 nav {
@@ -58,6 +47,7 @@ nav {
 	margin-left: 0px;
 	margin-right: 0px;
 	border-radius: 0px;
+
 	transition-duration: 200ms;
 	transform-origin: top;
 	transition-timing-function: ease-in-out;

picquiz/public/css/template.css

@@ -0,0 +1,8 @@
+@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@700&display=swap');
+
+body {
+	background-image: url("/images/background.jpg");
+	background-size: cover;
+	background-attachment: fixed;
+	font-family: 'PT Sans', sans-serif;
+}

picquiz/resources/views/mainpage.blade.php

@@ -7,4 +7,61 @@
 
 @section('content')
 
+<div class="container bg-dark text-white p-4 rounded-3" style="--bs-bg-opacity: .98;">
+
+	<div class="row">
+		<div class="col-12 text-center">
+			<h1>Üdv a PicQuiz oldalon!</h1>
+		</div>
+	</div>
+
+	<hr>
+
+	<div class="row">
+		<div class="col-12 col-lg-4 d-flex justify-content-center">
+			<div id="carouselExampleIndicators" class="carousel slide w-100" data-bs-ride="true">
+				<div class="carousel-indicators">
+				  <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
+				  <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
+				  <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
+				</div>
+				<div class="carousel-inner">
+				  <div class="carousel-item active">
+					<img src="images/samplePictures/pacman.jpg" class="d-block w-100" alt="Pac-man">
+				  </div>
+				  <div class="carousel-item">
+					<img src="images/samplePictures/tetris.jpg" class="d-block w-100" alt="Tetris">
+				  </div>
+				  <div class="carousel-item">
+					<img src="images/samplePictures/cod.jpg" class="d-block w-100" alt="Call of Duty">
+				  </div>
+				</div>
+				<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
+				  <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+				  <span class="visually-hidden">Előző</span>
+				</button>
+				<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
+				  <span class="carousel-control-next-icon" aria-hidden="true"></span>
+				  <span class="visually-hidden">Következő</span>
+				</button>
+			  </div>
+		</div>
+
+		<hr class="mt-2 d-block d-lg-none">
+
+		<div class="col-12 col-lg-8">
+			<h3>A játék lényege:</h3>
+			<p>A játék során képeket fogsz látni játékokból kiemelve. A feladatod, hogy meghatározd a játék címét. A végén kiderül, hogy mennyit találtál el. Ha szeretnéd elmenteni az eredményed, akkor regisztrálj az oldalon!</p>
+			<h6>Jó szórakozást kívánunk!</h6>
+			<a class="btn btn-success" href="#">Új játék indítása</a>
+		</div>
+	</div>
+
+
+	<div class="row mt-3" style="font-size: 12px;">
+		Készítette: Karácsony Balázs, Györkis Tamás, Kovács Dávid
+	</div>
+
+</div>
+
 @endsection

picquiz/resources/views/template.blade.php

@@ -6,18 +6,25 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
 	<link rel="icon" href="favicon.ico">
-	<link rel="stylesheet" type="text/css" href="css/navbar.css">
+
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>
     <script src="js/navbar.js" defer></script>
+
+
+	@yield('custom_css')
+
+	<link rel="stylesheet" type="text/css" href="css/navbar.css">
+	<link rel="stylesheet" type="text/css" href="css/template.css">
+
     @yield('title')
 </head>
 <body>
 
     <div id="navtop"></div>
-	<nav class="navbar navbar-dark navbar-expand-md bg-dark sticky-top" id="nav">
+	<nav class="navbar navbar-dark navbar-expand-xl bg-dark sticky-top" id="nav">
 		<div class="container-fluid">
-			<a class="navbar-brand" href="/">PicQuiz</a>
+			<a class="navbar-brand" href="/"><img src="favicon.ico" width="30" height="30" class="d-inline-block align-top" alt="" style="filter: invert(100%);">PicQuiz</a>
 			<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
 				data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
 				aria-label="Toggle navigation">
@@ -26,36 +33,81 @@
 			<div class="collapse navbar-collapse" id="navbarSupportedContent">
 				<ul class="navbar-nav me-auto mb-2 mb-lg-0">
 					<li class="nav-item mt-2 mt-lg-0">
-						<a href="/" class="nav-link navitem active"><img src="images/mainPageIcon.png">Főoldal</a>
-					</li>
-					<li class="nav-item mt-2 mt-lg-0">
-						<a href="#" class="nav-link navitem"><img
-								src="images/newGameIcon.png">Új játék</a>
+						<a href="/" class="nav-link navitem {{ Request::is('/') ? 'active' : '' }} mt-2 mt-xl-0"><img src="images/icons/mainPageIcon.png">Főoldal</a>
 					</li>
 
 					<li class="nav-item mt-2 mt-lg-0">
-						<a href="#" class="nav-link navitem"><img
-								src="images/viewProfileIcon.png">Profil megtekintése</a>
+						<a href="#" class="nav-link navitem mt-2 mt-xl-0"><img
+								src="images/icons/newGameIcon.png">Új játék</a>
+					</li>
+
+					@if (Auth::check() && $user->isAdmin)
+
+					<li class="nav-item mt-2 mt-lg-0">
+						<a href="#" class="nav-link navitem mt-2 mt-xl-0"><img
+								src="images/icons/listUsersIcon.png">Felhasználók</a>
 					</li>
 
 					<li class="nav-item mt-2 mt-lg-0">
-						<a href="kapcsolat.html" class="nav-link navitem"><img src="images/feedbackIcon.png">Visszajelzés</a>
+						<a href="#" class="nav-link navitem mt-2 mt-xl-0"><img
+								src="images/icons/listAllQuizzes.png">Feladványok</a>
 					</li>
 
+					@endif
+					
+					@if (Auth::check())
+
+					<li class="nav-item mt-2 mt-lg-0">
+						<a href="kapcsolat.html" class="nav-link navitem mt-2 mt-xl-0 mb-3 mb-xl-0"><img src="images/icons/feedbackIcon.png">Visszajelzés</a>
+					</li>
+
+					@endif
+
+
+					@if (Auth::check() && $user->isAdmin)
+
+					<li class="nav-item mt-2 mt-lg-0">
+						<a href="kapcsolat.html" class="nav-link navitem mt-2 mt-xl-0 mb-3 mb-xl-0"><img src="images/icons/feedbackIcon.png">Visszajelzések megtekintése</a>
+					</li>
+
+					@endif
+
+
 				</ul>
 
 
 				<ul class="navbar-nav mb-2 mb-lg-0 d-flex justify-content-end">
+
+					@if (Auth::check())
+
 					<li class="nav-item mt-2 mt-lg-0">
-<<<<<<< HEAD
-						<a href="/register" class="nav-link navitem"><img src="src/kapcsolat.png">Regisztráció</a>
-=======
-						<a href="" class="nav-link navitem"><img src="images/registerIcon.png">Regisztráció</a>
->>>>>>> 9c2df03809a753e24e4da8bd0dbddc83a93ef7f0
+						<a href="#" class="nav-link navitem mt-3 mt-xl-0 mb-2 mb-xl-0"><img
+								src="images/icons/viewProfileIcon.png">Profil megtekintése</a>
 					</li>
+
+					@endif
+
+					@if (!Auth::check())
+
 					<li class="nav-item mt-2 mt-lg-0">
-						<a href="" class="nav-link navitem"><img src="images/loginIcon.png">Bejelentkezés</a>
+						<a href="/register" class="nav-link navitem {{ Request::is('register') ? 'active' : '' }} mb-2 mb-xl-0"><img src="images/icons/registerIcon.png">Regisztráció</a>
 					</li>
+
+					<li class="nav-item mt-2 mt-lg-0">
+						<a href="" class="nav-link navitem"><img src="images/icons/loginIcon.png">Bejelentkezés</a>
+					</li>
+
+					@endif
+
+
+					@if (Auth::check())
+
+					<li class="nav-item mt-2 mt-lg-0">
+						<a href="" class="nav-link navitem"><img src="images/icons/logoutIcon.png">Kijelentkezés</a>
+					</li>
+
+					@endif
+
 				</ul>
 
 			</div>

picquiz/resources/views/users/register.blade.php

@@ -5,6 +5,7 @@
 @endsection
 
 @section('content')
+<<<<<<< HEAD
 <section class="vh-100">
   <div class="container h-100">
     <div class="row d-flex justify-content-center align-items-center h-100">
@@ -78,4 +79,7 @@
   </div>
 </section>
 
+=======
+<h1>Regisztráció</h1>
+>>>>>>> 05c94c6183fe6c07f04e0ab48fe7c32fc2e3483f
 @endsection