johno / ember-cli-gravatar

An Ember component for gravatar image tags
MIT License
45 stars 24 forks source link

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

Optional

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.