ember-cli-gravatar

An ember addon for Gravatar components.

Installation

ember install ember-cli-gravatar

Usage

{{gravatar-image email='[e-mail]'}}

An example with multiple options:

{{gravatar-image email='[e-mail]'
  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 - 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='[e-mail]' as |g|}}
  {{#if g.has}}
    {{g.image}}
  {{else}}
    No gravatar found!
  {{/if}}
{{/has-gravatar}}

License

MIT

Contributing

1. Fork it
2. Create your feature branch (git checkout -b my-new-feature)
3. Commit your changes (git commit -am 'Add some feature')
4. Push to the branch (git push origin my-new-feature)
5. Create new Pull Request

---

Crafted with <3 by John Otander.