moving contact partial and giving example code

app/views/groups/_contact.html.haml

@@ -1,10 +1,22 @@
 %div.contact-container{bindonce: true}  
-  / - if @group.email || @group.website || @group.phone
-  %div.modal-centered
-    %p.modal-header Contact
-    %p 
-      Container for contact info
-      / = @group.phone
+
+  - if @group.email.present? || @group.website.present? || @group.phone.present?
+    %div.modal-centered
+      %p.modal-header Contact
+      %p 
+        - if @group.phone.present? && @group.phone != 'undefined'
+            Call
+            %a{tel: @group.phone}
+              = @group.phone
+        - if @group.email.present?
+            Email
+            %a{mailto: true, href: @group.email.reverse}
+              = @group.email.gsub('@', ' at ').gsub('.', ' dot ')
+        - if @group.website.present?
+            Website
+            %a{href: @group.website}
+              = @group.website
+
 
 %div.contact-container{bindonce: true}  
   / - if @group.email || @group.website || @group.phone
@@ -109,4 +121,4 @@
   /           %a{title:'Visit our website', href: 'http://' + @group.website, target: '_blank'}
   /             %i.ofn-i_049-web
   /       %p
-  /          
+  /          

app/views/groups/show.html.haml

@@ -84,7 +84,7 @@
                       = render partial: 'shared/components/enterprise_no_results'
       
       .small-12.medium-4.columns
-        %ng-include{src: "'partials/group-contact.html'"}
+        = render partial: 'contact'
   /       %h4 Contact us
   /       - if @group.phone
   /         .row