Skip to content

Commit

Permalink
Show quiz question
Browse files Browse the repository at this point in the history
  • Loading branch information
@FlazeFy
FlazeFy committed Aug 31, 2022
1 parent f182251 commit 8f716c9
Show file tree
Hide file tree
Showing 7 changed files with 254 additions and 0 deletions.
23 changes: 23 additions & 0 deletions Learnzia/application/controllers/QuizCtrl.php
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
<?php
defined('BASEPATH') OR exit('No direct script access alowed');

class QuizCtrl extends CI_Controller {
function __construct(){
parent::__construct();
$this->load->model('UserModel');
$this->load->model('QuizModel');
}
public function index(){
$data = [];
$data['dataUser']= $this->UserModel->get_data_user();
$data['allQQuestion']= $this->QuizModel->get_all_quiz_question();
$data['currentQuestion']= $this->QuizModel->get_current_question();
$this->load->view('quiz/index', $data);
}

//Sign out
public function signOut(){
$this->ProfileModel->offstatus('user');
}
}
?>
6 changes: 6 additions & 0 deletions Learnzia/application/controllers/homeCtrl.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -302,6 +302,12 @@ public function verifyRep(){
redirect('HomeCtrl');
}

//Open quiz
public function playquiz(){
$this->session->set_userdata('quizIdTrack', $this->input->post('id_quiz'));
redirect('QuizCtrl');
}

//Sign out
public function signOut(){
$this->UserModel->offstatus('user');
Expand Down
12 changes: 12 additions & 0 deletions Learnzia/application/models/QuizModel.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,5 +18,17 @@ public function get_all_quiz_question(){
$this->db->order_by('id_quiz','ASC');
return $data = $this->db->get()->result_array();
}

public function get_current_question(){
if($this->session->userdata('quiz_numberTrack') == null){
$number = 1;
} else {
$number = $this->session->userdata('quiz_numberTrack');
}
$this->db->select('*');
$this->db->from('quiz_question');
$this->db->where('quiz_no', $number);
return $data = $this->db->get()->result_array();
}
}
?>
148 changes: 148 additions & 0 deletions Learnzia/application/views/quiz/index.php
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,148 @@
<!DOCTYPE html>
<html>
<head>
<title>Learnzia || Quiz</title>
<link rel="icon" type="image/png" href="http://localhost/Learnzia/assets/images/icon/Logo.png"/>
<!--Meta tags-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!--CDN Bootstrap CSS-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://kit.fontawesome.com/12801238e9.js" crossorigin="anonymous"></script>

<!--Source file-->
<link rel="stylesheet" type="text/css" href="http://localhost/Learnzia/assets/css/mainStyle2.css"/>

<style>
body {background-color: #0A0C10;}
.navbar {position: fixed; width:100%; z-index:1;}
a {color:#F1C40F;}
.active {border-radius: 4px; border-bottom: 4.5px solid rgb(40, 207, 54); position: relative;bottom: 5%;}
img {height: 30px;width: 30px;} .form-control{color:whitesmoke; background:#212121; border-width: 0 0 3px;
border-bottom: 3.5px solid #F1C40F;}
hr {background-color: #F1C40F;}
h4 {color:#F1C40F;} h5 {color:#F1C40F;}
#menu {background-color: #212121; border-radius:5px; margin-bottom:1%;}
.dropdown-menu{background-color: #212121; border-color:#F1C40F;} .dropdown-item{color:#F1C40F;}
a.nav-link:hover{color:#7289da;}
.dropdown-item:hover{color:whitesmoke; background-color:#7289da;}

/*Scrollbar*/
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-track {
border-radius: 10px;
background: #212121;
}
::-webkit-scrollbar-thumb {
background: #f1c40f;
border-radius: 10px;
}

#btn-up-story{
border:none;
font-size:14.5px;
}

.text-primary{
color: #f1c40f !important;
}
</style>
</head>

<body>
<!--Main Navbar-->
<nav class="navbar navbar-expand-lg" style="background-color:#212121;">
<a class="nav-link" onclick="openNav()" type="button">
<img src="http://localhost/Learnzia/assets/images/icon/Message.png">Contact</a>

<!--Side Navbar Message-->
<?php
$this->load->view('contact/contact');
?>

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation" style="color:#F1C40F;">
<a>Show</a>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="homeCtrl">Home<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="globalCtrl">Global</a>
</li>
<li class="nav-item">
<a class="nav-link" href="profileCtrl">Profile</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Setting
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Help Center</a>
<a class="dropdown-item" href="#">Privacy & Condition</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">About us</a>
</div>
</li>
</ul>
<button class="btn btn-primary" style="color:whitesmoke; margin-left:1%; background-color:#e62d27; border:none;"
data-toggle="modal" data-target="#signOutModal">Sign Out</button>
</div>
</nav>

<!--Content-->
<br><br>
<div class="container mt-3">
<div class="row">
<div class="col-md-9">
<!--Question-->
<?php
$this->load->view('quiz/question');
?>
</div>
<div class="col-md-3">
<!--Navigation-->
<?php
$this->load->view('quiz/nav');
?>
</div>
</div>
</div>

<!--Footer.-->
<?php
$this->load->view('others/footer');
?>

<script>
function openNav() {
document.getElementById("mySidebar").style.width = "360px";
}

function closeNav() {
document.getElementById("mySidebar").style.width = "0";
}

</script>

<!--Others CDN.-->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"> </script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"></script>

<script>

</script>
</body>
</html>
Empty file added Learnzia/application/views/quiz/nav.php
View file
Empty file.
65 changes: 65 additions & 0 deletions Learnzia/application/views/quiz/question.php
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
<style>
input[type=radio] {
width: 18px;
height: 18px;
}
.quiz-nav{
border: 2px solid #f1c40f;
width: 120px;
color: #F1c40f;
}
.quiz-nav:hover{
background: #f1c40f;
color: #212121;
}
</style>

<?php
$i = 1;
$count = 0;
foreach($currentQuestion as $quiz){
echo"
<div id='accordion-quiz' class='accordion'>
<div class='card p-1 my-3 border-0 rounded' style='background-color:#212121;'>
<div class='card-header' id='headingOne'>
<form action='quizCtrl/answer' method='POST'>";
if($quiz['question_url'] != "null"){
echo"
<img src='http://localhost/Learnzia/assets/uploads/quiz/".$data['question_url'].".jpg' id='question_img'
data-toggle='modal' data-target='#zoom".$data['id_discussion']."'>
<div id='question_alt'><i class='fa-solid fa-magnifying-glass'></i> Zoom Image</div>";
}
echo
"<p class='text-white'>".$quiz['question_body']."</p>
<h5>Answer: </h5>";
$no = 1;
while($no <= 4){
echo"
<li class='input-group mt-2'>
<div class='input-group-prepend'>
<div class='input-group-text bg-transparent p-2 border-0'>
<input type='radio' name='opt' value='".$no."' style='background:red !important;'>
</div>
</div>
<a class='text-white text-decoration-none'>".$quiz['question_opt_'.$no]."</a>
</li>";
$no++;
}
echo"
<div class='mt-3 position-relative'>
<h5 class='text-primary text-center position-absolute b-0' style='left:50%;'>".$quiz['quiz_no']."</h5>";
if($quiz['quiz_no'] != 1){
echo"
<button class='btn btn-transparent quiz-nav float-left' type='submit'>
<i class='fa-solid fa-arrow-left'></i> Previous</button>";
}
echo"
<button class='btn btn-transparent quiz-nav float-right' type='submit'>
Next <i class='fa-solid fa-arrow-right'></i></button>
</div>
</form>
</div>
</div>
</div>";
}
?>
Empty file added Learnzia/application/views/quiz/summary.php
View file
Empty file.

0 comments on commit 8f716c9

Please sign in to comment.