From c11e2d07f18d330ce176a79a629dfccd1fd7d662 Mon Sep 17 00:00:00 2001
From: Kevin Yauris <kyauris@gmail.com>
Date: Sun, 15 May 2016 15:28:47 +0700
Subject: [PATCH] search bar attempt
---
resources/views/menu/tps.blade.php | 8 +
resources/views/menu/tpssearch.blade.php | 230 +++++++++++++++++++++++
2 files changed, 238 insertions(+)
create mode 100644 resources/views/menu/tpssearch.blade.php
diff --git a/resources/views/menu/tps.blade.php b/resources/views/menu/tps.blade.php
index 4f5a6ba..6f8d2c1 100644
--- a/resources/views/menu/tps.blade.php
+++ b/resources/views/menu/tps.blade.php
@@ -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-->
diff --git a/resources/views/menu/tpssearch.blade.php b/resources/views/menu/tpssearch.blade.php
new file mode 100644
index 0000000..edf23d9
--- /dev/null
+++ b/resources/views/menu/tpssearch.blade.php
@@ -0,0 +1,230 @@
+<?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
--
GitLab