1.3.1 • Published 4 years ago

initials-avatar v1.3.1

Weekly downloads
2,470
License
MIT
Repository
github
Last release
4 years ago
        ___
     o$"""""$o   
   o$"       "$o
  o$  .   .    $o   . .    . ___ .   .   .    __      . .    . .  ___  .    __
 o$   |  /_\    $o  | |\ | |  |  |  /_\  |   '--.    /_\ \  / /_\  |  /_\  |__)
 o$   | /   \   $o  | | \| |  |  | /   \ |__ \__/   /   \ \/ /   \ | /   \ |  \
  o$           $o        
   o$         $o
     '"+$$$+"'

Build Status

An Ember CLI Addon that generates an avatar based on the initials of someone with a first and last name.

Installation

ember install initials-avatar

Usage

Initials-avatar is intended to be a "default" avatar when an actual image is not present.

If neither first or last names are present, a single initial for the company will be displayed:

{{initials-avatar
  firstName=userGivenName
  lastName=userFamilyName
  company=userCompany
  email=userEmail
  image=userProfileImageUrl
}}

There are also color classes that you can leverage to control the styling of your different initials avatars:

{{initials-avatar
  firstName=userGivenName
  lastName=userFamilyName
  company=userCompany
  email=userEmail
  image=userProfileImageUrl
  colorIndex=userid
  maxColorIndex=3 {{!-- you only have 3 color classes defined --}}
}}

You can use a background-color directly you can pass in a color property. This is useful if you want to generate colors from unique strings like emails or ids. This background-color style will only be applied if image is a "falsy" value:

{{initials-avatar
  firstName=userGivenName
  lastName=userFamilyName
  company=userCompany
  email=userEmail
  color="#f6f8fa"
}}

Updating to 1.x

Contributing

Installation

  • git clone <repository-url> this repository
  • cd initials-avatar
  • npm install

Running

Running Tests

  • ember test – Runs the test suite on the current Ember version
  • ember test --server – Runs the test suite in "watch mode"
  • ember try:each – Runs the test suite against multiple Ember versions

Building

  • ember build

For more information on using ember-cli, visit https://ember-cli.com/.

License

This project is licensed under the MIT License.

1.3.1

4 years ago

1.3.0

5 years ago

1.2.2

5 years ago

1.2.1

5 years ago

1.1.1

5 years ago

1.1.0

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago

0.2.1

7 years ago

0.2.0

7 years ago

0.0.10

9 years ago

0.0.9

9 years ago

0.0.8

9 years ago

0.0.7

9 years ago

0.0.6

9 years ago

0.0.5

9 years ago

0.0.4

9 years ago

0.0.3

9 years ago

0.0.2

9 years ago

0.0.1

9 years ago

0.0.0

9 years ago