{"id":22016355,"url":"https://github.com/simeg/ngjs-color-picker","last_synced_at":"2025-05-07T01:24:50.136Z","repository":{"id":25659317,"uuid":"29094789","full_name":"simeg/ngjs-color-picker","owner":"simeg","description":":rainbow: A color picker with a few extra functions - for AngularJS","archived":false,"fork":false,"pushed_at":"2018-12-16T13:56:10.000Z","size":1241,"stargazers_count":17,"open_issues_count":5,"forks_count":4,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-11T19:09:09.272Z","etag":null,"topics":["angularjs","color","color-picker"],"latest_commit_sha":null,"homepage":"http://simeg.github.io/ngjs-color-picker","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/simeg.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-01-11T14:46:20.000Z","updated_at":"2022-12-12T12:29:36.000Z","dependencies_parsed_at":"2022-09-01T00:52:40.213Z","dependency_job_id":null,"html_url":"https://github.com/simeg/ngjs-color-picker","commit_stats":null,"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simeg%2Fngjs-color-picker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simeg%2Fngjs-color-picker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simeg%2Fngjs-color-picker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simeg%2Fngjs-color-picker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/simeg","download_url":"https://codeload.github.com/simeg/ngjs-color-picker/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252794654,"owners_count":21805225,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angularjs","color","color-picker"],"created_at":"2024-11-30T04:34:37.103Z","updated_at":"2025-05-07T01:24:50.120Z","avatar_url":"https://github.com/simeg.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ngjs-color-picker [![npm](https://img.shields.io/npm/dm/ngjs-color-picker.svg)](https://npmjs.org/package/ngjs-color-picker) [![Build Status](https://travis-ci.org/simeg/ngjs-color-picker.svg?branch=master)](https://travis-ci.org/simeg/ngjs-color-picker)\n\nA small directive which essentially is a color picker but with a few extra functions - for AngularJS. Based on [ng-color-picker](https://github.com/joujiahe/ng-color-picker).\n\n**Requirements**: Angular 1.2+\n\n![Screenshot](assets/screenshot.png)\n\n# Features\n- Customize the appearance of the color picker (vertical, horizontal, columns etc.)\n- Generate random colors\n- Generate gradient colors\n\n# Demo\n- [Demo](http://simeg.github.io/ngjs-color-picker)\n- [Plunker](http://embed.plnkr.co/INXf3efkYeP1gWaF9SId/preview)\n\n# Installation\n## npm:\n``` bash\nnpm install --save ngjs-color-picker\n```\n\nYou may have to run\n\n``` bash\ngrunt wiredep\n```\n\nto make grunt automatically add the needed files to your `index.html`.\n\n## Manually:\nClone or [download](https://github.com/simeg/ngjs-color-picker/archive/master.zip) the repository and include the production file in your application.\n\n``` html\n\u003cscript type=\"text/javascript\" src=\"dist/ngjs-color-picker.js\"\u003e\u003c/script\u003e\n```\n\nInject the directive as a dependency in your app:\n\n``` javascript\nangular.module('myApp', ['ngjsColorPicker']);\n```\n\n# Usage and documentation\nFor documentation, examples and usage see the [GitHub page for this repository](http://simeg.github.io/ngjs-color-picker).\n\n## Option prioritization\n1. Custom colors\n2. Random colors\n3. Gradient\n4. Default colors\n\n# Contribute :raised_hands:\nRun `npm install` and then you're able to start dev server with\n``` bash\nnpm run serve\n```\n\nThe server is then available at [http://localhost:8080](http://localhost:8080).\n\nThe file `dev/app/ngjs-color-picker.js` is a symlink to `source/ngjs-color-picker.js`, so you can edit either one of them and the change will be shown on the dev server.\n\n(Development server environment created using awesome [angular-webpack](https://github.com/preboot/angular-webpack)).\n\n# TODO\n* **See [issues](https://github.com/simeg/ngjs-color-picker/issues)**\n* Click (or something) to get the hex-code for the color (rgb should also be available)\n* Add reverse option for gradient\n* Include color themes (Good palettes: http://jsfiddle.net/nicgirault/bqph3pkL/)\n* Add option to select rows instead of columns\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimeg%2Fngjs-color-picker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsimeg%2Fngjs-color-picker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimeg%2Fngjs-color-picker/lists"}