ember-cli-gravatar v3.10.2
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
retina=true}}
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 - whetherhttp
orhttps
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.
6 years ago
6 years ago
6 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago