170 lines
6.1 KiB
PHP
170 lines
6.1 KiB
PHP
@extends('admin.layouts.app')
|
|
@section('content')
|
|
<!-- [ breadcrumb ] start -->
|
|
<div class="page-header">
|
|
<div class="page-block">
|
|
<div class="row align-items-center">
|
|
<div class="col-md-12">
|
|
<div class="page-header-title">
|
|
<h5 class="m-b-10">Data Soal</h5>
|
|
</div>
|
|
<ul class="breadcrumb">
|
|
<li class="breadcrumb-item"><a href="{{ route('dashboard.index') }}">Home</a></li>
|
|
<li class="breadcrumb-item"><a href="javascript: void(0)">Data Master</a></li>
|
|
<li class="breadcrumb-item" aria-current="page">Halaman Data Soal</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- [ breadcrumb ] end -->
|
|
|
|
<!-- [ Main Content ] start -->
|
|
<div class="row">
|
|
<!-- [ sample-page ] start -->
|
|
<div class="col-sm-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<h5>Kumpulan Soal</h5>
|
|
</div>
|
|
<div class="col-md-6 d-flex justify-content-end">
|
|
<button class="btn btn-sm btn-info delete-btn rounded-circle mx-1" data-bs-toggle="modal" data-bs-target="#addModal">
|
|
<i class="ti ti-database-import"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="alert alert-info alert-dismissible fade show" role="alert">
|
|
<strong>Note:</strong> Untuk melihat jawaban dan kunci jawaban, silahkan tekan tombol info
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
|
</div>
|
|
<table class="table" id="table-data">
|
|
<thead>
|
|
<tr>
|
|
<th>No</th>
|
|
<th>Pertanyaan</th>
|
|
<th>Aksi</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- [ sample-page ] end -->
|
|
</div>
|
|
<!-- [ Main Content ] end -->
|
|
|
|
<!-- Modal Add -->
|
|
<div class="modal fade" id="addModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h1 class="modal-title fs-5" id="exampleModalLabel">Add Data</h1>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="row">
|
|
<div class="col-md-12 my-1">
|
|
<label for="pertanyaan" class="form-label">Pertanyaan</label>
|
|
<input type="text" class="form-control" id="pertanyaan" name="pertanyaan">
|
|
</div>
|
|
<div class="col-md-12 my-1">
|
|
<label for="jawaban_a" class="form-label">Jawaban A</label>
|
|
<input type="text" class="form-control" id="jawaban_a" name="jawaban_a">
|
|
</div>
|
|
<div class="col-md-12 my-1">
|
|
<label for="jawaban_b" class="form-label">Jawaban B</label>
|
|
<input type="text" class="form-control" id="jawaban_b" name="jawaban_b">
|
|
</div>
|
|
<div class="col-md-12 my-1">
|
|
<label for="jawaban_c" class="form-label">Jawaban C</label>
|
|
<input type="text" class="form-control" id="jawaban_c" name="jawaban_c">
|
|
</div>
|
|
<div class="col-md-12 my-1">
|
|
<label for="jawaban_d" class="form-label">Jawaban D</label>
|
|
<input type="text" class="form-control" id="jawaban_d" name="jawaban_d">
|
|
</div>
|
|
<div class="col-md-12 my-1">
|
|
<label for="jawaban_e" class="form-label">Jawaban E</label>
|
|
<input type="text" class="form-control" id="jawaban_e" name="jawaban_e">
|
|
</div>
|
|
<div class="col-md-6 my-1">
|
|
<label for="jawaban_benar" class="form-label">Jawaban Benar</label>
|
|
<select class="form-select" name="jawaban_benar" id="jawaban_benar">
|
|
<option value="a">A</option>
|
|
<option value="b">B</option>
|
|
<option value="c">C</option>
|
|
<option value="d">D</option>
|
|
<option value="e">E</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
|
|
<button type="button" class="btn btn-primary" onclick="simpanEditData()">Simpan</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
|
|
@section('script')
|
|
<script>
|
|
let table = null;
|
|
$(document).ready(function() {
|
|
table = new DataTable("#table-data", {
|
|
ajax: {
|
|
url: '{{ route('soal.fetchData') }}',
|
|
},
|
|
columns: [
|
|
{
|
|
data: null,
|
|
render: function(data, type, row, meta) {
|
|
return meta.row + 1;
|
|
}
|
|
},
|
|
{
|
|
data: 'pertanyaan'
|
|
},
|
|
{
|
|
data: null,
|
|
render: function(data, type, row, meta) {
|
|
return `
|
|
<div class="btn-group">
|
|
<button type="button" class="btn btn-info btn-sm rounded-circle mx-1" data-bs-toggle="modal" data-bs-target="#editModal" onclick="getDataEdit(this)" data-id="${data.id}">
|
|
<i class="ti ti-edit"></i>
|
|
</button>
|
|
<button class="btn btn-sm btn-danger delete-btn rounded-circle mx-1" data-bs-toggle="modal" data-bs-target="#deleteModal" onclick="getDataHapus(this)" data-id="${data.id}">
|
|
<i class="ti ti-trash"></i>
|
|
</button>
|
|
</div>
|
|
`;
|
|
}
|
|
}
|
|
]
|
|
});
|
|
});
|
|
|
|
function fetchRowData() {
|
|
table.ajax.reload(null, false);
|
|
}
|
|
|
|
function getDataEdit(btn) {
|
|
idEdit = btn.getAttribute('data-id');
|
|
let urlEdit = '{{ route('users.edit', ['__ID__']) }}';
|
|
|
|
$.get(urlEdit.replace('__ID__', idEdit), function(data, status) {
|
|
if(data.status) {
|
|
$('#edit_nama_user').val(data.data.name);
|
|
$('#edit_email').val(data.data.email);
|
|
$('#edit_role').val(data.data.role);
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
@endsection |