Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

ngx-avatar

Package Overview
Dependencies
Maintainers
1
Versions
45
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ngx-avatar - npm Package Compare versions

Comparing version 0.1.8 to 1.0.0

.travis.yml

62

package.json
{
"name": "ngx-avatar",
"version": "0.1.8",
"version": "1.0.0",
"scripts": {
"build": "gulp build",
"build:watch": "gulp",
"docs": "npm run docs:build",
"docs:build": "compodoc -p tsconfig.json -n ngx-avatar -d docs --hideGenerator",
"docs:serve": "npm run docs:build -- -s",
"docs:watch": "npm run docs:build -- -s -w",
"lint": "tslint --type-check --project tsconfig.json src/**/*.ts"
},
"repository": {

@@ -13,8 +22,3 @@ "type": "git",

"keywords": [
"angular",
"avatar",
"facebook avatar",
"twitter",
"gravatar",
"initials"
"angular"
],

@@ -25,14 +29,42 @@ "license": "MIT",

},
"module": "ngx-avatar.js",
"typings": "ngx-avatar.d.ts",
"dependencies": {
"ts-md5": "^1.2.0"
},
"peerDependencies": {
"devDependencies": {
"@angular/common": "^4.0.0",
"@angular/compiler": "^4.0.0",
"@angular/compiler-cli": "^4.0.0",
"@angular/core": "^4.0.0",
"@angular/http": "^4.0.0",
"ts-md5": "^1.2.0",
"@angular/platform-browser": "^4.0.0",
"@angular/platform-browser-dynamic": "^4.0.0",
"@compodoc/compodoc": "^1.0.0-beta.7",
"@types/jasmine": "2.5.38",
"@types/node": "~6.0.60",
"codelyzer": "~2.0.0",
"core-js": "^2.4.1",
"del": "^2.2.2",
"gulp": "^3.9.1",
"gulp-rollup": "^2.11.0",
"jasmine-core": "~2.5.2",
"jasmine-spec-reporter": "~3.2.0",
"karma": "~1.4.1",
"karma-chrome-launcher": "~2.0.0",
"karma-cli": "~1.0.1",
"karma-firefox-launcher": "^1.0.1",
"karma-jasmine": "~1.1.0",
"karma-jasmine-html-reporter": "^0.2.2",
"node-watch": "^0.5.2",
"protractor": "~5.1.0",
"rollup": "^0.41.6",
"run-sequence": "^1.2.2",
"rxjs": "^5.1.0",
"ts-node": "~2.0.0",
"tslint": "~4.5.0",
"typescript": "~2.2.0",
"zone.js": "^0.8.4"
},
"engines": {
"node": ">=6.0.0"
},
"dependencies": {
"ts-md5": "^1.2.0"
}
}
}
# # <ngx-avatar>
[![Build Status](https://travis-ci.org/HaithemMosbahi/angular2-avatar.svg?branch=master)](https://travis-ci.org/HaithemMosbahi/ngx-avatar)
[![Build Status](https://travis-ci.org/HaithemMosbahi/angular2-avatar.svg?branch=master)](https://travis-ci.org/HaithemMosbahi/angular2-avatar)

@@ -89,16 +89,20 @@ A universal avatar component for Angular 2+ applications that fetch / generates avatar based on the informations you have about the user. The component has a fallback system that if for example an invalid Facebook ID is used it will try google ID and so on.

| ------------- | ----------------- | ------- | ------------------------------------------------------------------------------------------------------ |
| `facebook-id` | *string* | | |
| `twitter-id` | *string* | | |
| `google-id` | *string* | | |
| `skype-id` | *string* | | |
| `facebookId` | *string* | | Facebook ID |
| `googleId` | *string* | | Google ID |
| `twitterId` | *string* | | Twitter Handle |
| `skypeId` | *string* | | Skype ID |
| `gravatarId` | *string* | | email or md5 email related to gravatar |
| `src` | *string* | | Fallback image to use |
| `name` | *string* | | Will be used to generate avatar based on the initials of the person |
| `value` | *string* | | Show a value as avatar |
| `color` | *string* | random | Give the background a fixed color with a hex like for example #FF0000 |
| `fgColor` | *string* | #FFF | Used in combination with `name` and `value`. Give the text a fixed color with a hex like for example #FF0000 |
| `bgColor` | *string* | random | Give the background a fixed color with a hex like for example #FF0000 |
| `fgColor` | *string* | #FFF | Used Give the text a fixed color with a hex like for example #FF0000 |
| `size` | *number* | 50 | Size of the avatar |
| `textSizeRatio` | *number* | 3 | For text based avatars the size of the text as a fragment of size (size / textSizeRatio) |
| `round` | *bool* | true | Round the avatar corners |
| `src` | *string* | | Fallback image to use |
| `style` | *object* | | Style that will be applied on the root element
## Release Notes
* 1.0 : Avatar component that fetches / generates user avatar from different sources.
## Development

@@ -105,0 +109,0 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc