From ebd9b1b8515acc14e58f1f466e4a3c57908bdbdb Mon Sep 17 00:00:00 2001 From: Bernd Bestel Date: Wed, 3 Oct 2018 16:40:40 +0200 Subject: [PATCH] Add possibility to show equipment notes/instruction manuals also in fullscreen mode (references #25) --- public/viewjs/equipment.js | 17 ++++++++++++++++- views/equipment.blade.php | 28 ++++++++++++++++++++++++---- 2 files changed, 40 insertions(+), 5 deletions(-) diff --git a/public/viewjs/equipment.js b/public/viewjs/equipment.js index 85c0d8ed..d6599309 100644 --- a/public/viewjs/equipment.js +++ b/public/viewjs/equipment.js @@ -39,7 +39,8 @@ function DisplayEquipment(id) Grocy.Api.Get('get-object/equipment/' + id, function(equipmentItem) { - $("#description-tab").html(equipmentItem.description); + $(".selected-equipment-name").text(equipmentItem.name); + $("#description-tab-content").html(equipmentItem.description); if (equipmentItem.instruction_manual_file_name !== null && !equipmentItem.instruction_manual_file_name.isEmpty()) { @@ -111,3 +112,17 @@ $(document).on('click', '.equipment-delete-button', function (e) } }); }); + +$("#selectedEquipmentInstructionManualToggleFullscreenButton").on('click', function(e) +{ + $("#selectedEquipmentInstructionManualCard").toggleClass("fullscreen"); + $("#selectedEquipmentInstructionManualCard .card-header").toggleClass("fixed-top"); + $("#selectedEquipmentInstructionManualCard .card-body").toggleClass("mt-5"); +}); + +$("#selectedEquipmentDescriptionToggleFullscreenButton").on('click', function(e) +{ + $("#selectedEquipmentDescriptionCard").toggleClass("fullscreen"); + $("#selectedEquipmentDescriptionCard .card-header").toggleClass("fixed-top"); + $("#selectedEquipmentDescriptionCard .card-body").toggleClass("mt-5"); +}); diff --git a/views/equipment.blade.php b/views/equipment.blade.php index 08952e65..c5d56386 100644 --- a/views/equipment.blade.php +++ b/views/equipment.blade.php @@ -62,13 +62,33 @@ {{ $L('Notes') }} -
+
-

{{ $L('The selected equipment has no instruction manual') }}

- +
+
+ + + + +
+
+

{{ $L('The selected equipment has no instruction manual') }}

+ +
+
- +
+
+ + + + +
+
+
+
+