452 lines
20 KiB
PHP
452 lines
20 KiB
PHP
@extends('admin.layout.layout')
|
|
|
|
@section('title', 'Data Detail Siswa ' . $siswa->name)
|
|
|
|
@section('title-bar', 'Data Detail Siswa ' . $siswa->name)
|
|
|
|
@section('content')
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h4 class="card-title">Data Detail Siswa</h4>
|
|
</div>
|
|
<div class="text-end m-2">
|
|
<a href="#" data-bs-toggle="modal" data-bs-target="#Add" class="btn btn-success shadow btn-xs sharp me-1"><i class="fa fa-add"></i></a>
|
|
</div>
|
|
<div class="card-body">
|
|
@if($errors->any())
|
|
<div class="alert alert-danger alert-dismissible fade show mt-2">
|
|
|
|
|
|
|
|
<?php
|
|
|
|
$nomer = 1;
|
|
|
|
?>
|
|
|
|
@foreach($errors->all() as $error)
|
|
<li>{{ $nomer++ }}. {{ $error }}</li>
|
|
@endforeach
|
|
</div>
|
|
@endif
|
|
<div class="table-responsive">
|
|
<table id="test" class="display min-w850">
|
|
<thead>
|
|
<tr>
|
|
<th>No</th>
|
|
<th>Kriteria</th>
|
|
<th>Nilai</th>
|
|
<th>Nilai Kepentingan</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@foreach ($detail_siswa as $data )
|
|
<tr>
|
|
<td>{{ $loop->iteration }}</td>
|
|
<td>{{ $data->kriteria->name }}</td>
|
|
<td>
|
|
@if ($data->nilai == '0')
|
|
-
|
|
@else
|
|
{{ $data->nilai }}
|
|
@endif
|
|
</td>
|
|
<td>{{ $data->nilaiKepentingan->name }}</td>
|
|
<td>
|
|
<div class="d-flex">
|
|
<a href="#" data-bs-toggle="modal" data-bs-target="#Edit{{ $data->id }}" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fa fa-pencil"></i></a>
|
|
<a href="#" data-bs-toggle="modal" data-bs-target="#Delete{{ $data->id }}" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
{{-- edit --}}
|
|
<div class="modal fade" id="Edit{{ $data->id }}">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Edit</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal">
|
|
</button>
|
|
</div>
|
|
<form action="/detail-siswa/{{ $data->id }}" method="post">
|
|
@csrf
|
|
@method('put')
|
|
<div class="modal-body">
|
|
<input hidden type="text" value="{{ $id_siswa }}" name="id_siswa" class="form-control">
|
|
<div class="row">
|
|
<div class="form-group">
|
|
<label>Kriteria</label>
|
|
<div class="dropdown bootstrap-select form-control default-select form-control-sm">
|
|
<select id="kriteria{{ $data->id }}" name="id_kriteria" class="form-control default-select form-control-sm">
|
|
<option value="{{ $data->kriteria->id }}">{{ $data->kriteria->name }}</option>
|
|
@foreach ($kriteria2 as $data2)
|
|
<option value="{{ $data2->id }}">{{ $data2->name }}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="kepentingan{{ $data->id }}" class="row">
|
|
<div class="form-group
|
|
">
|
|
<label>Nilai Kepentingan</label>
|
|
<div class="dropdown bootstrap-select form-control default-select form-control-sm">
|
|
<select id="nilai_kepentingan" name="id_nilai_kepentingan" class="form-control default-select form-control-sm">
|
|
<option value="{{ $data->nilaiKepentingan->id }}">{{ $data->nilaiKepentingan->name }}</option>
|
|
@foreach ($nilai_kepentingan2 as $data2)
|
|
<option value="{{ $data2->id }}">{{ $data2->name }}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="form-group">
|
|
<label>Nilai</label>
|
|
{{-- // hanya boleh mengetik angka dan titik --}}
|
|
<input id="nilai{{ $data->id }}" type="text" maxlength="3" class="form-control" pattern="^\d*\.?\d*$" name="nilai" value="{{ $data->nilai }}" placeholder="0">
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
var input = document.getElementById('nilai{{ $data->id }}');
|
|
input.addEventListener('input', function() {
|
|
var value = input.value;
|
|
|
|
// Hanya mengizinkan angka dan titik
|
|
var validValue = value.replace(/[^0-9.]/g, '');
|
|
if (value !== validValue) {
|
|
input.value = validValue;
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-danger light" data-bs-dismiss="modal">Close</button>
|
|
<button type="submit" class="btn btn-primary">Save</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{-- edit --}}
|
|
|
|
<!-- delete -->
|
|
<div class="modal fade" id="Delete{{ $data->id }}">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Delete</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal">
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">Anda Yakin Akan Menghapus {{ $data->kriteria->name }} ?</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-danger light" data-bs-dismiss="modal">Close</button>
|
|
<form action="/detail-siswa/{{ $data->id }}" method="post">
|
|
@csrf
|
|
@method('delete')
|
|
<button type="submit" class="btn btn-primary">Delete</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- delete -->
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('#kriteria{{ $data->id }}').change(function() {
|
|
var id_kriteria = $(this).val();
|
|
if (id_kriteria == 6) {
|
|
$('#nilai{{ $data->id }}').hide();
|
|
$('#kepentingan{{ $data->id }}').show();
|
|
} else {
|
|
$('#nilai{{ $data->id }}').show();
|
|
$('#kepentingan{{ $data->id }}').hide();
|
|
}
|
|
});
|
|
});
|
|
|
|
</script>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- add -->
|
|
<div class="modal fade" id="Add">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Add</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal">
|
|
</button>
|
|
</div>
|
|
<form action="/detail-siswa" method="post">
|
|
@csrf
|
|
@method('post')
|
|
<div class="modal-body">
|
|
@csrf
|
|
<input hidden type="text" value="{{ $id_siswa }}" name="id_siswa" class="form-control">
|
|
<div class="row">
|
|
<div class="form-group">
|
|
<label>Kriteria</label>
|
|
<div class="dropdown bootstrap-select form-control default-select form-control-sm">
|
|
<select id="kriteria" name="id_kriteria" class="form-control default-select form-control-sm">
|
|
<option selected disabled>Pilih Kriteria</option>
|
|
@foreach ($kriteria as $kriteria)
|
|
<option value="{{ $kriteria->id }}">{{ $kriteria->name }}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="kepentingan" class="row">
|
|
<div class="form-group">
|
|
<label>Nilai Kepentingan</label>
|
|
<div class="dropdown bootstrap-select form-control default-select form-control-sm">
|
|
<select name="id_nilai_kepentingan" class="form-control default-select form-control-sm">
|
|
<option selected disabled>Pilih Nilai Kepentingan</option>
|
|
@foreach ($nilai_kepentingan2 as $data2)
|
|
<option value="{{ $data2->id }}">{{ $data2->name }}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="nilaiaja" class="row">
|
|
<div class="form-group">
|
|
<label>Nilai</label>
|
|
<input type="text" class="form-control" maxlength="3" value="0" id="hehehhe" pattern="^\d*\.?\d*$" name="nilai" placeholder="0">
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
var input = document.getElementById('hehehhe');
|
|
input.addEventListener('input', function() {
|
|
var value = input.value;
|
|
|
|
// Hanya mengizinkan angka dan titik
|
|
var validValue = value.replace(/[^0-9.]/g, '');
|
|
if (value !== validValue) {
|
|
input.value = validValue;
|
|
}
|
|
});
|
|
});
|
|
|
|
</script>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-danger light" data-bs-dismiss="modal">Close</button>
|
|
<button type="submit" class="btn btn-primary">Save</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- add -->
|
|
</div>
|
|
@endsection
|
|
|
|
@section('script')
|
|
|
|
<script>
|
|
// jika id kriteria select value 6, maka id hehehhe hidden
|
|
|
|
$(document).ready(function() {
|
|
$('#kriteria').change(function() {
|
|
var id_kriteria = $(this).val();
|
|
if (id_kriteria == 6) {
|
|
$('#nilaiaja').hide();
|
|
$('#kepentingan').show();
|
|
} else {
|
|
$('#kepentingan').hide();
|
|
$('#nilaiaja').show();
|
|
}
|
|
});
|
|
});
|
|
|
|
</script>
|
|
|
|
|
|
@if(Session::get('store'))
|
|
<script>
|
|
toastr.success("Data Berhasil Ditambahkan", "Info", {
|
|
timeOut: 5000
|
|
, closeButton: !0
|
|
, debug: !1
|
|
, newestOnTop: !0
|
|
, progressBar: !0
|
|
, positionClass: "toast-top-right"
|
|
, preventDuplicates: !0
|
|
, onclick: null
|
|
, showDuration: "300"
|
|
, hideDuration: "1000"
|
|
, extendedTimeOut: "1000"
|
|
, showEasing: "swing"
|
|
, hideEasing: "linear"
|
|
, showMethod: "fadeIn"
|
|
, hideMethod: "fadeOut"
|
|
, tapToDismiss: !1
|
|
})
|
|
|
|
</script>
|
|
@endif
|
|
|
|
@if(Session::get('sudahada'))
|
|
<script>
|
|
toastr.error("Data Sudah Ada", "info", {
|
|
timeOut: 5000
|
|
, closeButton: !0
|
|
, debug: !1
|
|
, newestOnTop: !0
|
|
, progressBar: !0
|
|
, positionClass: "toast-top-right"
|
|
, preventDuplicates: !0
|
|
, onclick: null
|
|
, showDuration: "300"
|
|
, hideDuration: "1000"
|
|
, extendedTimeOut: "1000"
|
|
, showEasing: "swing"
|
|
, hideEasing: "linear"
|
|
, showMethod: "fadeIn"
|
|
, hideMethod: "fadeOut"
|
|
, tapToDismiss: !1
|
|
})
|
|
|
|
</script>
|
|
@endif
|
|
|
|
@if(Session::get('update'))
|
|
<script>
|
|
toastr.success("Data Berhasil Diubah", "Info", {
|
|
timeOut: 5000
|
|
, closeButton: !0
|
|
, debug: !1
|
|
, newestOnTop: !0
|
|
, progressBar: !0
|
|
, positionClass: "toast-top-right"
|
|
, preventDuplicates: !0
|
|
, onclick: null
|
|
, showDuration: "300"
|
|
, hideDuration: "1000"
|
|
, extendedTimeOut: "1000"
|
|
, showEasing: "swing"
|
|
, hideEasing: "linear"
|
|
, showMethod: "fadeIn"
|
|
, hideMethod: "fadeOut"
|
|
, tapToDismiss: !1
|
|
})
|
|
|
|
</script>
|
|
@endif
|
|
|
|
@if(Session::get('destroy'))
|
|
<script>
|
|
toastr.success("Data Berhasil Dihapus", "Info", {
|
|
timeOut: 5000
|
|
, closeButton: !0
|
|
, debug: !1
|
|
, newestOnTop: !0
|
|
, progressBar: !0
|
|
, positionClass: "toast-top-right"
|
|
, preventDuplicates: !0
|
|
, onclick: null
|
|
, showDuration: "300"
|
|
, hideDuration: "1000"
|
|
, extendedTimeOut: "1000"
|
|
, showEasing: "swing"
|
|
, hideEasing: "linear"
|
|
, showMethod: "fadeIn"
|
|
, hideMethod: "fadeOut"
|
|
, tapToDismiss: !1
|
|
})
|
|
|
|
</script>
|
|
@endif
|
|
<script>
|
|
$('#test').DataTable({
|
|
autoWidth: true,
|
|
// "lengthMenu": [
|
|
// [16, 32, 64, -1],
|
|
// [16, 32, 64, "All"]
|
|
// ]
|
|
dom: 'Bfrtip',
|
|
|
|
|
|
lengthMenu: [
|
|
[10, 25, 50, -1]
|
|
, ['10 rows', '25 rows', '50 rows', 'Show all']
|
|
],
|
|
|
|
buttons: [{
|
|
extend: 'colvis'
|
|
, className: 'btn btn-primary btn-sm'
|
|
, text: 'Column Visibility',
|
|
// columns: ':gt(0)'
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
extend: 'pageLength'
|
|
, className: 'btn btn-primary btn-sm'
|
|
, text: 'Page Length',
|
|
// columns: ':gt(0)'
|
|
},
|
|
|
|
|
|
// 'colvis', 'pageLength',
|
|
|
|
{
|
|
extend: 'excel'
|
|
, className: 'btn btn-primary btn-sm'
|
|
, exportOptions: {
|
|
columns: [0, ':visible']
|
|
}
|
|
},
|
|
|
|
// {
|
|
// extend: 'csv',
|
|
// className: 'btn btn-primary btn-sm',
|
|
// exportOptions: {
|
|
// columns: [0, ':visible']
|
|
// }
|
|
// },
|
|
{
|
|
extend: 'pdf'
|
|
, className: 'btn btn-primary btn-sm'
|
|
, exportOptions: {
|
|
columns: [0, ':visible']
|
|
}
|
|
},
|
|
|
|
{
|
|
extend: 'print'
|
|
, className: 'btn btn-primary btn-sm'
|
|
, exportOptions: {
|
|
columns: [0, ':visible']
|
|
}
|
|
},
|
|
|
|
// 'pageLength', 'colvis',
|
|
// 'copy', 'csv', 'excel', 'print'
|
|
|
|
]
|
|
, });
|
|
|
|
</script>
|
|
|
|
@endsection
|