From 576541782e74f59d726f182b72afc1319e515461 Mon Sep 17 00:00:00 2001
From: fipwmaqzufheoxq92ebc
 <29818044+fipwmaqzufheoxq92ebc@users.noreply.github.com>
Date: Mon, 31 Aug 2020 12:18:36 +0200
Subject: [PATCH] Add userfield-type "picture"

---
 localization/userfield_types.pot            |  3 +++
 public/viewjs/components/userfieldsform.js  |  3 ++-
 services/UserfieldsService.php              |  3 ++-
 views/components/userfields_tbody.blade.php |  5 +++++
 views/components/userfieldsform.blade.php   | 11 +++++++++++
 5 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/localization/userfield_types.pot b/localization/userfield_types.pot
index 71db4a1d..97ed306e 100644
--- a/localization/userfield_types.pot
+++ b/localization/userfield_types.pot
@@ -44,3 +44,6 @@ msgstr ""
 
 msgid "file"
 msgstr ""
+
+msgid "image"
+msgstr ""
diff --git a/public/viewjs/components/userfieldsform.js b/public/viewjs/components/userfieldsform.js
index d1305112..39986858 100644
--- a/public/viewjs/components/userfieldsform.js
+++ b/public/viewjs/components/userfieldsform.js
@@ -49,7 +49,6 @@ Grocy.Components.UserfieldsForm.Save = function(success, error)
 					},
 					function (xhr)
 					{
-						Grocy.FrontendHelpers.EndUiBusy("equipment-form");
 						Grocy.FrontendHelpers.ShowGenericError('Error while saving, probably this item already exists', xhr.response)
 					}
 				);
@@ -121,6 +120,8 @@ Grocy.Components.UserfieldsForm.Load = function()
 						file_info.find('a.userfield-current-file')
 							.attr('href', U('/files/userfiles/' + value))
 							.text(file_name);
+						file_info.find('img.userfield-current-file')
+							.attr('src', U('/files/userfiles/' + value + '?force_serve_as=picture'))
 						file_info.find('button.userfield-file-delete').click(
 							function () {
 								file_info.addClass('d-none');
diff --git a/services/UserfieldsService.php b/services/UserfieldsService.php
index 4f69c6c7..34b55824 100644
--- a/services/UserfieldsService.php
+++ b/services/UserfieldsService.php
@@ -15,8 +15,9 @@ class UserfieldsService extends BaseService
 	const USERFIELD_TYPE_PRESET_CHECKLIST = 'preset-checklist';
 	const USERFIELD_TYPE_LINK = 'link';
 	const USERFIELD_TYPE_FILE = 'file';
+    const USERFIELD_TYPE_IMAGE = 'image';
 
-	public function __construct()
+    public function __construct()
 	{
 		parent::__construct();
 	}
diff --git a/views/components/userfields_tbody.blade.php b/views/components/userfields_tbody.blade.php
index 0a86e865..8c29ec21 100644
--- a/views/components/userfields_tbody.blade.php
+++ b/views/components/userfields_tbody.blade.php
@@ -14,6 +14,11 @@
 			<a href="{{ $userfieldObject->value }}" target="_blank">{{ $userfieldObject->value }}</a>
 		@elseif($userfield->type == \Grocy\Services\UserfieldsService::USERFIELD_TYPE_FILE)
 			<a href="{{ $U('/files/userfiles/'. $userfieldObject->value) }}" target="_blank">{{ base64_decode(explode('_', $userfieldObject->value)[1]) }}</a>
+		@elseif($userfield->type == \Grocy\Services\UserfieldsService::USERFIELD_TYPE_IMAGE)
+			<a href="{{ $U('/files/userfiles/'. $userfieldObject->value . '?force_serve_as=picture') }}">
+				<img src="{{ $U('/files/userfiles/'. $userfieldObject->value . '?force_serve_as=picture&best_fit_width=32&best_fit_height=32') }}"
+				 class="lazy" title="{{ base64_decode(explode('_', $userfieldObject->value)[1]) }}" alt="{{ base64_decode(explode('_', $userfieldObject->value)[1]) }}">
+			</a>
 		@else
 			{{ $userfieldObject->value }}
 		@endif
diff --git a/views/components/userfieldsform.blade.php b/views/components/userfieldsform.blade.php
index 5ede4ecc..c35e12b6 100644
--- a/views/components/userfieldsform.blade.php
+++ b/views/components/userfieldsform.blade.php
@@ -109,6 +109,17 @@
 				</button>
 			</div>
 		</div>
+	@elseif($userfield->type == \Grocy\Services\UserfieldsService::USERFIELD_TYPE_IMAGE)
+		<div class="form-group">
+			<label for="{{ $userfield->name }}">{{ $userfield->caption }}</label>
+			<input type="file" class="form-control userfield-input" data-userfield-name="{{ $userfield->name }}">
+			<div class="d-none userfield-file">
+				<img src="" alt="{{ $userfield->name }}" class="userfield-current-file" data-uf-name="{{ $userfield->name }}"/>
+				<button type="button" class="userfield-current-file btn btn-danger userfield-file-delete" data-uf-name="{{ $userfield->name }}">
+					<i class="fas fa-trash"></i>
+				</button>
+			</div>
+		</div>
 	@endif
 
 	@endforeach