kenmirrors/grocy
1
0
Fork 0
mirror of https://github.com/grocy/grocy.git synced 2025-08-20 04:12:59 +00:00
Code Issues Projects Releases Wiki Activity

Add possibility to show equipment notes/instruction manuals also in fullscreen mode (references #25)

Browse Source
This commit is contained in:
Bernd Bestel
2018-10-03 16:40:40 +02:00
parent b242a5de52
commit ebd9b1b851
2 changed files with 40 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
views/equipment.blade.php
View File

@@ -62,13 +62,33 @@
<a class="nav-link" data-toggle="tab" href="#description-tab">{{ $L('Notes') }}</a>
</li>
</ul>
<div class="tab-content border-left border-right border-bottom py-2 px-2">
<div class="tab-content">
<div class="tab-pane fade show active" id="instruction-manual-tab">
<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" width="100%" height="800px" src="" type="application/pdf">
<div id="selectedEquipmentInstructionManualCard" class="card">
<div class="card-header">
<i class="fas fa-toolbox"></i> <span class="selected-equipment-name"></span>
<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">
<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" width="100%" height="800px" 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 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>