ember-cli-gravatar
An ember addon for Gravatar components.
Installation
ember install ember-cli-gravatar
Usage
{{gravatar-image email='johnotander@gmail.com'}}
An example with multiple options:
{{gravatar-image email='johnotander@gmail.com'
title='John Otander'
alt='John Otander gravatar'
defaultImage='identicon'
class='img-circle'
secure=false
size=250}}
The default property is optional as well as the size. You can use a encoded url or a default icon name.
Gravatar documentation.
Required
email
String - the email for the gravatar.
Optional
class
String - any HTML classes to apply to the image. Default: gravatar-image
.alt
String - alt description of the avatar. Default: none.size
Number - size of the image. Default: 250
.defaultImage
String - the default image to be used in case the email doesn't have a gravatar.title
String - the title attribute for the image. Default: none.secure
Boolean - whether http
or https
is used. Default: true
.retina
Boolean - whether retina image is used. Default: false
.hash
String - pass an md5 hash of an email. Default: none.
Content Security Policy
With the latest versions of the Ember CLI, you will have to whitelist gravatar.com with the following
in your config/environment.js
:
module.exports = function(environment) {
var ENV = {
contentSecurityPolicy: {
'default-src': "'none'",
'script-src': "'self'",
'font-src': "'self'",
'connect-src': "'self'",
'img-src': "'self' www.gravatar.com",
'style-src': "'self'",
'media-src': "'self'"
},
}
};
Has gravatar
Additional component that can be used to determine if a user has a gravatar before deciding to show it.
Usage:
{{#has-gravatar email='test@gmail.com' as |g|}}
{{#if g.has}}
{{g.image}}
{{else}}
No gravatar found!
{{/if}}
{{/has-gravatar}}
License
MIT
Contributing
- Fork it
- Create your feature branch (
git checkout -b my-new-feature
) - Commit your changes (
git commit -am 'Add some feature'
) - Push to the branch (
git push origin my-new-feature
) - Create new Pull Request
Crafted with <3 by John Otander.