An Ember component for gravatar image tags
JavaScript HTML CSS
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
addon
app
config
tests
vendor
.editorconfig
.ember-cli
.eslintrc.js
.gitignore
.npmignore
.travis.yml
.watchmanconfig
CHANGELOG.md
LICENSE.md
README.md
ember-cli-build.js
index.js
package-lock.json
package.json
testem.js

README.md

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.