From 5a32d19a51dae2d17af355ce0a7f2f9d2e6f68f3 Mon Sep 17 00:00:00 2001
From: Dennis Eichhorn <spl1nes.com@googlemail.com>
Date: Wed, 10 Jun 2020 21:51:55 +0200
Subject: [PATCH] immediately replace user image on change

---
 Theme/Backend/profile-single.tpl.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/Theme/Backend/profile-single.tpl.php b/Theme/Backend/profile-single.tpl.php
index 360039e..e200bf8 100755
--- a/Theme/Backend/profile-single.tpl.php
+++ b/Theme/Backend/profile-single.tpl.php
@@ -66,7 +66,7 @@ echo $this->getData('nav')->render();
                         </div>
                         <div class="portlet-body">
                             <span class="rf">
-                                <div><img class="m-profile rf"
+                                <div><img id="preview-profileImage" class="m-profile rf"
                                     alt="<?= $this->getHtml('ProfileImage'); ?>"
                                     itemprop="logo"
                                     data-lazyload="<?=
@@ -76,7 +76,7 @@ echo $this->getData('nav')->render();
                                 width="100px"></div>
                                 <?php if ($this->request->getHeader()->getAccount() === $account->getId()) : ?>
                                     <div><a id="iProfileUploadButton" href="#upload" data-action='[{"listener": "click", "key": 1, "action": [{"key": 1, "type": "event.prevent"}, {"key": 2, "type": "dom.click", "selector": "#iProfileUpload"}]}]'>Change</a>
-                                    <form id="iProfileUploadForm" action="<?= UriFactory::build('{/api}profile/settings/image'); ?>" method="post"><input data-action='[{"listener": "change", "key": 1, "action": [{"key": 1, "type": "form.submit", "selector": "#iProfileUploadForm"}]}]' id="iProfileUpload" name="profileImage" type="file" accept="image/png,image/gif,image/jpeg" style="display: none;"></form></div>
+                                    <form id="iProfileUploadForm" action="<?= UriFactory::build('{/api}profile/settings/image'); ?>" method="post"><input class="preview" data-action='[{"listener": "change", "key": 1, "action": [{"key": 1, "type": "form.submit", "selector": "#iProfileUploadForm"}]}]' id="iProfileUpload" name="profileImage" type="file" accept="image/png,image/gif,image/jpeg" style="display: none;"></form></div>
                                 <?php endif; ?>
                             </span>
                             <table class="list" style="table-layout: fixed">