Skip to content
Snippets Groups Projects
Commit c11e2d07 authored by Kevin Yauris's avatar Kevin Yauris
Browse files

search bar attempt

parent 45523adb
Branches
No related merge requests found
Pipeline #2667 skipped
......@@ -26,6 +26,14 @@ foreach ($data as $tps ) {
<li class="active"><i class="fa fa-angle-right"></i>TPS</li>
</ul>
</div>
<div>
<form action="tpssearch.blade.php" method="GET">
Search TPS:
<input type="search" name="key">
<input type="submit">
</form>
</div>
<div class="wrapper-lg bg-light">
<div class="row">
<!-- Pie Chart-->
......
<?php
$jumlahPenuh = 0;
$jumlahTakPenuh = 0;
foreach ($data as $tps ) {
if($tps->is_full==0){
$jumlahTakPenuh+=1;
}else{
$jumlahPenuh+=1;
}
}
?>
@extends('layouts.app')
@section('content')
{!! csrf_field() !!}
<div class="hbox hbox-auto-xs hbox-auto-sm ng-scope">
<div class="col">
<div class="app-content-body ">
<div class="bg-light lter">
<ul class="breadcrumb bg-grey-breadcrumb m-b-none">
<li><a href="#" class="btn no-shadow" ui-toggle-class="app-aside-folded" target=".app">
<i class="icon-bdg_expand1 text"></i>
<i class="icon-bdg_expand2 text-active"></i>
</a> </li>
<li><a href="{{ url('/') }}">Home</a></li>
<li class="active"><i class="fa fa-angle-right"></i>TPS</li>
</ul>
</div>
<div class="wrapper-lg bg-light">
<div class="row">
<!-- Pie Chart-->
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-heading font-regular">Statistik TPS</div>
<div class="panel-body no-padder">
<div class="col-xs-8">
<div class="wrapper text-center">
<div ui-jq="sparkline" ui-options="[<?=$jumlahPenuh?>,<?=$jumlahTakPenuh?>], {type:'pie', height:140, sliceColors:['#001080','#8dc80e']}" class="sparkline inline text-center"></div>
<div class="line pull-in"></div>
</div>
</div>
<div class="col-xs-4 border-left">
<div class="wrapper">
<div class="text-xs">
<ul class="sparkline-info">
<li class="mb20 text-info font-light"><i class="fa fa-circle text-info"></i> Penuh</li>
<li class="mb20 text-success font-light"><i class="fa fa-circle text-success"></i> Takpenuh</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-heading font-semibold">
TPS Table
</div>
<div class="row wrapper-sm">
<div class="col-sm-5">
</div>
<div class="col-sm-6">
</div>
<div class="col-sm-1">
<a href="{{ url('/tps/create') }}"><button class="btn m-b-sm m-r-sm btn-info">Create</button></a>
</div>
</div>
<div class="row wrapper-sm">
<div class="col-sm-5">
<select id="aksi2" class="input-sm form-control w-sm inline v-middle">
<option value="0">Bulk action</option>
<option value="1">Delete selected</option>
<option value="2">Bulk edit</option>
</select>
<button onclick="aksi2();return false;" class="btn btn-sm btn-default">Apply</button>
</div>
<div class="col-sm-4">
</div>
<div class="col-sm-3">
<div class="input-group">
<input type="text" class="input-sm form-control" placeholder="Search">
<span class="input-group-btn">
<button class="btn btn-sm btn-default" type="button">Go!</button>
</span>
</div>
</div>
</div>
<div class="table-responsive">
<table class="table table-striped b-t b-light">
<thead>
<tr>
<th style="width:20px;">
<label class="checkbox-inline ">
<!-- <input type="checkbox"><i></i> -->
</label>
</th>
<th>Nama</th>
<th>Kapasitas saat ini</th>
<th>Kapasitas penuh</th>
<th>Manager</th>
<th>Tidak penuh</th>
</tr>
</thead>
<tbody>
<form id="deleteForm" method="POST">
{!! csrf_field() !!}
<input type="hidden" name="_method" value="DELETE">
@foreach ($data as $tps)
@if (str_contains($tps->nama, <?php $_POST["key"];?>)
<tr>
<td><label class="checkbox-inline "><input type="radio" name="id" value="<?=$tps->id?>"><i></i></label></td>
<td><?php echo $tps->nama;?></td>
<td><?php echo $tps->capacity_now;?></td>
<td><?php echo $tps->capacity_full;?></td>
<td><?php echo $tps->managerName;?></td>
<td>
<?php if($tps->is_full==0){?>
<a class="active"><i class="fa fa-check text-success text-active"></i></a>
<?php }else{?>
<a class="active"><i class="fa fa-times text-danger text-active"></i></a><?php }?>
</td>
</tr>
@endif
@endforeach
</form>
</tbody>
</table>
</div>
<footer class="panel-footer">
<div class="row">
<div class="col-sm-4 hidden-xs">
<select id="aksi" class="input-sm form-control w-sm inline v-middle">
<option value="0">Bulk action</option>
<option value="1">Delete selected</option>
<option value="2">Bulk edit</option>
</select>
<button onclick="aksi();return false;" class="btn btn-sm btn-default">Apply</button>
</div>
<script type="text/javascript">
function aksi(){
var lol = document.getElementById("aksi").value;
var KumpulanId = document.getElementsByName("id");
var id ;
for (i = 0; i < KumpulanId.length; i++) {
if (KumpulanId[i].checked) {
id = KumpulanId[i].value;
break;
}
}
if(id==null){
window.alert('pilih salah satu');
lol=3;
}
if(lol==0){
window.location.href = '/templatePPL2/public/tps';
}
if(lol==1){
var s = '/templatePPL2/public/tps/'+id;
document.getElementById("deleteForm").action = s;
document.getElementById("deleteForm").submit();
}
if(lol==2){
var s = '/templatePPL2/public/tps/'+id+'/edit';
window.location.href = s;
}
}
function aksi2(){
var lol = document.getElementById("aksi2").value;
var KumpulanId = document.getElementsByName("id");
var id ;
for (i = 0; i < KumpulanId.length; i++) {
if (KumpulanId[i].checked) {
id = KumpulanId[i].value;
break;
}
}
if(id==null){
window.alert('pilih salah satu');
lol=3;
}
if(lol==0){
window.location.href = '/templatePPL2/public/tps';
}
if(lol==1){
var s = '/templatePPL2/public/tps/'+id;
document.getElementById("deleteForm").action = s;
document.getElementById("deleteForm").submit();
}
if(lol==2){
var s = '/templatePPL2/public/tps/'+id+'/edit';
window.location.href = s;
}
}
</script>
<div class="col-sm-4 text-center">
<small class="text-muted inline m-t-sm m-b-sm">showing 20-30 of 50 items</small>
</div>
<div class="col-sm-4 text-right text-center-xs">
<ul class="pagination pagination-sm m-t-none m-b-none">
<li><a href><i class="icon-bdg_arrow4"></i></a></li>
<li><a href>1</a></li>
<li><a href>2</a></li>
<li><a href>3</a></li>
<li><a href>4</a></li>
<li><a href>5</a></li>
<li><a href><i class="icon-bdg_arrow3"></i></a></li>
</ul>
</div>
</div>
</footer>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment