php blade for staff
@extends('layouts.mainapp_staff')
@if (session('alert'))
<div class="alert alert-warning">
{{ session('alert') }}
</div>
@endif
@section('content')
<!-- breadcrumb banner -->
<div class="light-wrapper page-title" style="padding-top: 100px">
<div class="container inner">
<h1 style="float:left">IXN/{{$text}}</h1>
</div>
</div>
<var></var>
<div class="dark-wrapper">
<div class="container inner" style="padding-top: 2%">
<!--filters-->
<div class="row" id="myDIV">
<div class="col-sm-20">
<a class="btn btn-primary {{request()->has('module') ? '' : 'active'}}" name="allProject" href="/projects/">All Projects</a>
@foreach ($modules as $module)
<a class="btn btn-primary {{(request()->has('module') and request()->get('module')==$module->module_code) ? 'active': ''}}" href="/projects/?module={{$module->module_code}}">{{$module->module_code}}</a>
{{-- <h4>{{$module->module_code}}</h4> --}}
@endforeach
<a style="float:right" class="btn btn-primary text-right" href="/modules/create"> New Module</a>
</div>
</div>
<!--search box-->
<div class="row">
<div class="divide20"></div>
{{-- <form action="{{URL::to('/search')}}" method="GET" role="search" class="form-inline my-2 my-lg-0">
{{ csrf_field() }}
<div class="input-group">
<input type="text" class="form-control" style="width:40%" name="query"
placeholder="Search Project Title"> <span class="input-group-btn">
<button type="submit" class="btn btn-default">
<span>Search</span>
</button>
</span>
</div>
</form> --}}
<form class="example" action="action_page.php">
<div class="col-sm-5">
<input type="text" class="form-control" id="search" name="search" placeholder="Search..."/>
</div>
{{-- <input type="text" placeholder="Search.." name="search" style="width:40%"> --}}
{{-- <button type="submit" class="btn btn-default">
<span>Search</span>
</button> --}}
<a href="/projects/create?module={{$text}}" class="btn btn-default">Add New Project</a>
<a href="/upload" class="btn btn-default">Add Projects By CSV</a>
</form>
<div class="divide20"></div>
</div>
<!--change striped table color because default stripes won't show on dark-wrapper -->
<style>
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
background-color: #e6eaf2;
}
</style>
<!-- error messages -->
@include('inc.messages')
<div class="container">
<div class="">
<h5>Traffic Light Feedback System</h5>
<span class="label label-default">0: Absent</span>
<span class="label label-danger">1: Unsatisfactory</span>
<span class="label label-warning">2: Needs More Work</span>
<span class="label label-info">3: Good To Continue</span>
<span class="label label-success">4: Excellent Work</span>
</div>
</div>
<table class="table table-striped">
<thead>
<tr>
<th>@sortablelink('team_number', 'Team Number')</th>
<th>@sortablelink('lab', 'Project Lab')</th>
<th>@sortablelink('title', 'Project Title')</th>
<th>@sortablelink('state', 'State')</th>
<th>@sortablelink('team_member_1', 'Team Leader')</th>
<th>@sortablelink('state', 'State')</th>
<th>@sortablelink('team_member_2', 'Second Member')</th>
<th>@sortablelink('state', 'State')</th>
<th>@sortablelink('team_member_3', 'Third Member')</th>
<th>@sortablelink('state', 'State')</th>
<th>@sortablelink('ta', 'TA')</th>
<th>@sortablelink('status', 'Status')</th>
<th>@sortablelink('created_at', 'Date Created')</th>
<th>Manage</th>
</tr>
</thead>
@if($count > 0)
@foreach($projects as $project)
<tr>
<td>{{$project->team_number}}</td>
<td>{{$project->lab}}</td>
<td><a href="/projects/{{$project->id}}" style="display:block;"><b>{{$project->title}}</b></a></td>
<?php
$project_state = $project->latest_state;
if(is_null($project_state)){
echo "<td></td>";
}
else{
switch($project_state){
case "0":
echo "<td align='center'><span class='label label-default'>0</span></td>";
break;
case "1":
echo "<td align='center'><span class='label label-danger'>1</span></td>";
break;
case "2":
echo "<td align='center'><span class='label label-warning'>2</span></td>";
break;
case "3":
echo "<td align='center'><span class='label label-info'>3</span></td>";
break;
case "4":
echo "<td align='center'><span class='label label-success'>4</span></td>";
break;
}
}
?>
<td>{{$project->team_member_1}}</td>
<?php
$member_1_state = $project->latest_team_member_1_state;
if(is_null($member_1_state)){
echo "<td></td>";
}
else{
switch($member_1_state){
case "0":
echo "<td align='center'><span class='label label-default'>0</span></td>";
break;
case "1":
echo "<td align='center'><span class='label label-danger'>1</span></td>";
break;
case "2":
echo "<td align='center'><span class='label label-warning'>2</span></td>";
break;
case "3":
echo "<td align='center'><span class='label label-info'>3</span></td>";
break;
case "4":
echo "<td align='center'><span class='label label-success'>4</span></td>";
break;
}
}
?>
<td>{{$project->team_member_2}}</td>
<?php
$member_2_state = $project->latest_team_member_2_state;
if(is_null($member_2_state)){
echo "<td></td>";
}
else{
switch($member_2_state){
case "0":
echo "<td align='center'><span class='label label-default'>0</span></td>";
break;
case "1":
echo "<td align='center'><span class='label label-danger'>1</span></td>";
break;
case "2":
echo "<td align='center'><span class='label label-warning'>2</span></td>";
break;
case "3":
echo "<td align='center'><span class='label label-info'>3</span></td>";
break;
case "4":
echo "<td align='center'><span class='label label-success'>4</span></td>";
break;
}
}
?>
<td>{{$project->team_member_3}}</td>
<?php
$member_3_state = $project->latest_team_member_3_state;
if(is_null($member_3_state)){
echo "<td></td>";
}
else{
switch($member_3_state){
case "0":
echo "<td align='center'><span class='label label-default'>0</span></td>";
break;
case "1":
echo "<td align='center'><span class='label label-danger'>1</span></td>";
break;
case "2":
echo "<td align='center'><span class='label label-warning'>2</span></td>";
break;
case "3":
echo "<td align='center'><span class='label label-info'>3</span></td>";
break;
case "4":
echo "<td align='center'><span class='label label-success'>4</span></td>";
break;
}
}
?>
<td>{{$project->TA}}</td>
<td>{{$project->status}}</td>
<td>{{$project->created_at->format('Y-m-d')}}</td>
<td>
<button class="btn-sm btn-info pull-left" onclick="location.href = '/assessments/view/{{$project['id']}}'"><i class="icon-edit"></i>View</button>
</td>
</tr>
@endforeach
@else
<tr>
<td>No Projects Found.</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
@endif
<tbody id="Content"></tbody>
</table>
{{$projects->links()}}
</div>
<!-- /.container -->
</div>
<!-- /.dark-wrapper -->
@endsection
@push('scripts')
<script type="text/javascript">
const getQueryParams = (params, url)=>{
let href = url;
let regexp = new RegExp('[?&]' + params + '=([^&#]*)', 'i');
let qString = regexp.exec(href);
return qString ? qString[1] : null;
}
$('#search').on('keyup',function(){
$value = $(this).val();
$qString = getQueryParams('module', window.location.href);
$queryString =
$.ajax({
type : 'get',
url : '{{URL::to('search')}}',
data : {'search':$value, 'module_code': $qString},
success:function (data) {
//console.log(data);
//alert(data);
$('tbody').html(data);
}
});
})
</script>
@endpush