https://github.com/johno/ember-cli-gravatar

An Ember component for gravatar image tags
https://github.com/johno/ember-cli-gravatar

Last synced: 3 months ago
JSON representation

An Ember component for gravatar image tags

• Host: GitHub
• URL: https://github.com/johno/ember-cli-gravatar
• Owner: johno
• License: mit
• Created: 2014-09-10T21:35:21.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2018-06-01T20:17:40.000Z (over 6 years ago)
• Last Synced: 2024-04-29T05:43:13.580Z (9 months ago)
• Language: JavaScript
• Homepage:
• Size: 902 KB
• Stars: 45
• Watchers: 6
• Forks: 24
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# ember-cli-gravatar [![Build Status](https://travis-ci.org/johnotander/ember-cli-gravatar.svg?branch=master)](https://travis-ci.org/johnotander/ember-cli-gravatar) [![Ember Observer Score](http://emberobserver.com/badges/ember-cli-gravatar.svg)](http://emberobserver.com/addons/ember-cli-gravatar)

An ember addon for [Gravatar](https://gravatar.com) components.

## Installation

```

ember install ember-cli-gravatar

```

## Usage

```hbs

{{gravatar-image email='[email protected]'}}

```

__An example with multiple options:__

```hbs

{{gravatar-image email='[email protected]'

  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](https://en.gravatar.com/site/implement/images/#default-image).

### 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`:

```javascript

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:

```hbs

{{#has-gravatar email='[email protected]' 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](https://twitter.com/4lpine).