137 lines
3.4 KiB
PHP
137 lines
3.4 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>Documento Rotacionado</title>
|
|
|
|
<style>
|
|
body,
|
|
html {
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
/* Estilos da tabela */
|
|
table {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
}
|
|
|
|
table,
|
|
th,
|
|
td {
|
|
border: 1px solid black;
|
|
}
|
|
|
|
th,
|
|
td {
|
|
padding: 5px;
|
|
text-align: left;
|
|
}
|
|
|
|
.header {
|
|
display: flex;
|
|
border: 1px solid green;
|
|
}
|
|
|
|
.header-box:first-child {
|
|
height: 50px;
|
|
width: 50px;
|
|
border: 1px solid red;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.header-box:last-child {
|
|
height: 50px;
|
|
width: 50px;
|
|
border: 1px solid red;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.header-img {
|
|
height: 50px;
|
|
width: 50px;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<input type="hidden" id="dataAmbit" value="{{$dataAmbit}}">
|
|
|
|
<input type="hidden" id="projectId" value="{{$projectId}}">
|
|
|
|
<div class="header">
|
|
<div class="header-box">
|
|
<img class="header-img" src="{{ public_path('/img/ispt.jpg') }}" alt="Logo Esquerdo">
|
|
</div>
|
|
<div class="header-box">
|
|
<p>Lugar do Ambito</p>
|
|
</div>
|
|
<div class="header-box">
|
|
<img class="header-img" src="{{ $userLogoPath }}" alt="User Logo">
|
|
</div>
|
|
</div>
|
|
|
|
<table name="showAllEquipmentsForAmbitProject" class="table">
|
|
<tr>
|
|
<th>Nº ISPT</th>
|
|
<th>Unidade</th>
|
|
<th>Tag Nº</th>
|
|
<th>Dim</th>
|
|
<th>#</th>
|
|
<th>Localizacao</th>
|
|
<th>PI&D</th>
|
|
<th>Ambito</th>
|
|
<th>Obsercoes</th>
|
|
<th>Andaime</th>
|
|
<th>Isolamento</th>
|
|
<th>Grua</th>
|
|
<th>Conclusao</th>
|
|
</tr>
|
|
</table>
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|
|
|
|
|
|
@section('scriptsTemplateAdmin')
|
|
<script type="text/javascript">
|
|
var dataTables;
|
|
$(document).ready(function() {
|
|
|
|
dataTables = $('#getDataAllEquipmentsForAmbitOfProject').DataTable({
|
|
responsive: true,
|
|
processing: true,
|
|
serverSide: true,
|
|
ajax: {
|
|
// Rota para obter os valores para o Yajra
|
|
url: '{{ route('getDataAllEquipmentsForAmbitOfProject') }}',
|
|
type: 'GET',
|
|
data: function(d) {
|
|
// Busca diretamente o valor de um input tipo Hidden para buscar e enviar o valor do id do project atual
|
|
d.dataAmbit = $('#dataAmbit').val();
|
|
d.projectId = $('#projectId').val();
|
|
}
|
|
},
|
|
columns: [{
|
|
data: 'ambits_description',
|
|
name: 'ambits_description'
|
|
},
|
|
{
|
|
data: 'amountEquipment',
|
|
name: 'amountEquipment'
|
|
},
|
|
],
|
|
});
|
|
});
|
|
</script>
|
|
@endsection
|