mirror of
https://github.com/grocy/grocy.git
synced 2025-08-20 04:12:59 +00:00
f6649d51bd
This is a workaround for now. The tables are still DOM sourced because of too big dependencies between server side rendering and frontend JS code. The tables are initially load while tbody is hidden, this results in a speedup by around 65 %.
92 lines
3.5 KiB
PHP
92 lines
3.5 KiB
PHP
@extends('layout.default')
|
|
|
|
@section('title', $L('Equipment'))
|
|
@section('activeNav', 'equipment')
|
|
@section('viewJsName', 'equipment')
|
|
|
|
@section('content')
|
|
<div class="row">
|
|
|
|
<div class="col-xs-12 col-md-4 pb-3">
|
|
<h1>
|
|
@yield('title')
|
|
<a class="btn btn-outline-dark" href="{{ $U('/equipment/new') }}">
|
|
<i class="fas fa-plus"></i> {{ $L('Add') }}
|
|
</a>
|
|
</h1>
|
|
|
|
<label for="search">{{ $L('Search') }}</label> <i class="fas fa-search"></i>
|
|
<input type="text" class="form-control" id="search">
|
|
|
|
<table id="equipment-table" class="table table-striped dt-responsive">
|
|
<thead>
|
|
<tr>
|
|
<th>{{ $L('Name') }}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="d-none">
|
|
@foreach($equipment as $equipmentItem)
|
|
<tr data-equipment-id="{{ $equipmentItem->id }}">
|
|
<td>
|
|
{{ $equipmentItem->name }}
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="col-xs-12 col-md-8">
|
|
<ul class="nav nav-tabs">
|
|
<li class="nav-item">
|
|
<a class="nav-link active" data-toggle="tab" href="#instruction-manual-tab">{{ $L('Instruction manual') }}</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-toggle="tab" href="#description-tab">{{ $L('Notes') }}</a>
|
|
</li>
|
|
</ul>
|
|
<div class="tab-content">
|
|
<div class="tab-pane fade show active" id="instruction-manual-tab">
|
|
<div id="selectedEquipmentInstructionManualCard" class="card">
|
|
<div class="card-header">
|
|
<i class="fas fa-toolbox"></i> <span class="selected-equipment-name"></span>
|
|
<a class="btn btn-info btn-sm btn-outline-info py-0 equipment-edit-button" href="#">
|
|
<i class="fas fa-edit"></i>
|
|
</a>
|
|
<a class="btn btn-danger btn-sm btn-outline-danger py-0 equipment-delete-button" href="#" data-equipment-id="{{ $equipmentItem->id }}" data-equipment-name="{{ $equipmentItem->name }}">
|
|
<i class="fas fa-trash"></i>
|
|
</a>
|
|
<a id="selectedEquipmentInstructionManualToggleFullscreenButton" class="btn btn-sm btn-outline-secondary py-0 float-right" href="#" data-toggle="tooltip" title="{{ $L('Expand to fullscreen') }}">
|
|
<i class="fas fa-expand-arrows-alt"></i>
|
|
</a>
|
|
</div>
|
|
<div class="card-body py-0 px-0">
|
|
<p id="selected-equipment-has-no-instruction-manual-hint" class="text-muted font-italic d-none">{{ $L('The selected equipment has no instruction manual') }}</p>
|
|
<embed id="selected-equipment-instruction-manual" class="embed-responsive embed-responsive-4by3" src="" type="application/pdf">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane fade" id="description-tab">
|
|
<div id="selectedEquipmentDescriptionCard" class="card">
|
|
<div class="card-header">
|
|
<i class="fas fa-toolbox"></i> <span class="selected-equipment-name"></span>
|
|
<a class="btn btn-info btn-sm btn-outline-info py-0 equipment-edit-button" href="#">
|
|
<i class="fas fa-edit"></i>
|
|
</a>
|
|
<a class="btn btn-danger btn-sm btn-outline-danger py-0 equipment-delete-button" href="#" data-equipment-id="{{ $equipmentItem->id }}" data-equipment-name="{{ $equipmentItem->name }}">
|
|
<i class="fas fa-trash"></i>
|
|
</a>
|
|
<a id="selectedEquipmentDescriptionToggleFullscreenButton" class="btn btn-sm btn-outline-secondary py-0 float-right" href="#" data-toggle="tooltip" title="{{ $L('Expand to fullscreen') }}">
|
|
<i class="fas fa-expand-arrows-alt"></i>
|
|
</a>
|
|
</div>
|
|
<div class="card-body">
|
|
<div id="description-tab-content" class="mb-0"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@stop
|