raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-03-10 03:30:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

linkToService directive to generate external links

Browse Source
This commit is contained in:
Maikel Linke
2015-02-22 16:15:04 +11:00
parent a522242e7a
commit eade689070
3 changed files with 23 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/assets/javascripts/darkswarm/directives/link_to_service.js.coffee Normal file
View File

@@ -0,0 +1,8 @@
Darkswarm.directive "linkToService", ->
restrict: 'E'
replace: true
scope: {
ref: '='
service: '='
}
template: '<a href="{{ref | ext_url: service}}" target="_blank" ng-show="ref"></a>'

9
app/assets/javascripts/darkswarm/filters/ext_url.js.coffee Normal file
View File

@@ -0,0 +1,9 @@
Darkswarm.filter "ext_url", () ->
urlPattern = /^https?:\/\//
(url, prefix) ->
if (!url)
return url
if (url.match(urlPattern))
return url
else
return prefix + url

32
app/views/groups/index.html.haml
View File

@@ -32,33 +32,13 @@
%p
{{ group.state }}
.small-8.medium-4.columns.text-right
/ TODO: Maikel can we use the same logic on contacts partial to render these? doesn't work with the angular binding...
/ .follow-icons{bindonce: true}
/ %span
/ =link_to_service "http://twitter.com/", @group.twitter do
/ %i.ofn-i_041-twitter
/ %span
/ =link_to_service "https://www.facebook.com/", @group.facebook do
/ %i.ofn-i_044-facebook
/ %span
/ =link_to_service "https://www.linkedin.com/in/", @group.linkedin do
/ %i.ofn-i_042-linkedin
/ %span
/ =link_to_service "http://instagram.com/", @group.instagram do
/ %i.ofn-i_043-instagram
%p
{{ group.facebook }}
%br
{{ group.twitter }}
%br
{{ group.instagram }}
%br
{{ group.email }}
%br
{{ group.website }}
%link-to-service.ofn-i_050-mail-circle{service: '""', ref: 'group.email.split("").reverse().join("")', mailto: true}
%link-to-service.ofn-i_049-web{service: '"http://"', ref: 'group.website'}
%link-to-service.ofn-i_041-twitter{service: '"http://twitter.com/"', ref: 'group.twitter'}
%link-to-service.ofn-i_044-facebook{service: '"https://www.facebook.com/"', ref: 'group.facebook'}
%link-to-service.ofn-i_042-linkedin{service: '"https://www.linkedin.com/in/"', ref: 'group.linkedin'}
%link-to-service.ofn-i_043-instagram{service: '"http://instagram.com/"', ref: 'group.instagram'}
.group{"ng-show" => "groups.length == 0"}
.row.pad-top