From: Anthony Talarico <talarico@gaslightmedia.com>
Date: Fri, 12 Apr 2019 13:47:22 +0000 (-0400)
Subject: adding dynamic image upload preview to the member edit view
X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=2da059991f29e9d7746c7ce1edf9ce59253503e0;p=WP-Plugins%2Fglm-member-db.git

adding dynamic image upload preview to the member edit view
---

diff --git a/views/admin/member/memberInfo/editProfile.html b/views/admin/member/memberInfo/editProfile.html
index 5d449fa1..cbbd4542 100644
--- a/views/admin/member/memberInfo/editProfile.html
+++ b/views/admin/member/memberInfo/editProfile.html
@@ -30,6 +30,23 @@
             listComponent({
                 // activates tooltips OR NOT 
             })
+            function readURL(input) {
+
+                if (input.files && input.files[0]) {
+                    var reader = new FileReader();
+
+                    reader.onload = function(e) {
+                        // $('#blah').attr('src', e.target.result);
+                       {literal} $("#glma-profile-image").css({background: 'url('+ e.target.result +') no-repeat center center / cover'}) {/literal}
+                    }
+
+                    reader.readAsDataURL(input.files[0]);
+                }
+            }
+
+            $("#glm-admin-member-profile-image").change(function() {
+                readURL(this);
+            });
             // $('#glm-table-profile .glma-input-condensed').on("click", function(){
             //     console.log("expanding field");
             //     $(this).addClass("glma-input-expanded").removeClass("glma-input-condensed");
@@ -94,5 +111,5 @@
                 input.one('blur', save).focus();
             });
 
-        })
+        });
         </script>
\ No newline at end of file