Some social styling updates

diff --git a/css/front.css b/css/front.css
new file mode 100644 (file)
index 0000000..96abaf3
--- /dev/null
+++ b/css/front.css
@@ -0,0 +1,10 @@
+
+.glm-member-db-socials {
+    margin: 10px 0 0;
+}
+.glm-member-db-socials a {
+    margin-right: 10px;
+}
+.glm-member-db-socials a img {
+    width: 18px;
+}
\ No newline at end of file

diff --git a/models/front/social/list.php b/models/front/social/list.php
index af0e7ee..655915c 100644 (file)
--- a/models/front/social/list.php
+++ b/models/front/social/list.php
@@ -46,7 +46,11 @@ class GlmMembersFront_social_list extends GlmDataSocialUrls
         if ($memberID) {
             $urlList = $this->getList("ref_dest = " . $memberID);
         }
-
+        if (!is_array($urlList)) {
+            $urlList = null;
+        }
+        
+        
         // Compile template data
         $templateData = array(
             'socials'  => $urlList,

diff --git a/views/front/social/list.html b/views/front/social/list.html
index ce8abe8..41a528d 100644 (file)
--- a/views/front/social/list.html
+++ b/views/front/social/list.html
@@ -1,7 +1,36 @@
 {if $memberID}
     {foreach $socials as $social}
-    <a href="{$social.url}" target="_blank" title="{$social.social_name}">
+    <a id="glm_{$social.social_name}" href="{$social.url}" target="_blank" title="{$social.social_name}">
+
           <img alt="{$social.social_name}" src="data:image/png;base64,{$social.social_b64icon}">
       </a>
+    
+<!--        <script type="text/javascript">
+
+            jQuery(document).ready(function($) {
+                var myImg = new Image();
+                myImg.src = "data:image/png;base64,{$social.social_b64icon}";
+                myImg.onload = function() {
+                    var canvas = document.createElement("canvas");
+                    var ctx = canvas.getContext("2d");
+                    ctx.drawImage(myImg,0,0,24,24);
+                    var imgd = ctx.getImageData(0, 0, 24, 24);
+                    // console.log(imgd)
+                    for (i = 0; i <imgd.data.length; i += 4) {
+                        imgd.data[i]   = 255;
+                        imgd.data[i+1] = 0;
+                        imgd.data[i+2] = 255;
+                    }
+                    ctx.putImageData(imgd, 0, 0);
+                    var newImage=new Image()
+                    newImage.src=canvas.toDataURL("image/png")
+//                    $("#glm_{$social.social_name}").append(newImage);
+                    $("#glm_{$social.social_name} > img").attr('src',newImage.src);
+                }              
+            });
+        </script>-->
+
+    
     {/foreach}
 {/if}
+   
\ No newline at end of file