Skip to content

johno/ember-cli-gravatar

Repository files navigation

ember-cli-gravatar Build Status Ember Observer Score

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 - 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

  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.