{"id":17937768,"url":"https://github.com/luizppa/ng-github-contributions","last_synced_at":"2025-03-24T08:33:47.288Z","repository":{"id":46233807,"uuid":"396448357","full_name":"luizppa/ng-github-contributions","owner":"luizppa","description":"A Github board component for Angular ","archived":false,"fork":false,"pushed_at":"2022-06-13T20:47:02.000Z","size":805,"stargazers_count":6,"open_issues_count":1,"forks_count":2,"subscribers_count":3,"default_branch":"main","last_synced_at":"2024-08-10T10:55:09.541Z","etag":null,"topics":["angular","contributions-calendar","github-api","javascript","typescript"],"latest_commit_sha":null,"homepage":"https://ghcontributions.luizp.ninja","language":"TypeScript","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/luizppa.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":"2021-08-15T18:20:31.000Z","updated_at":"2023-12-05T15:40:57.000Z","dependencies_parsed_at":"2022-07-26T05:16:38.060Z","dependency_job_id":null,"html_url":"https://github.com/luizppa/ng-github-contributions","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/luizppa%2Fng-github-contributions","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/luizppa%2Fng-github-contributions/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/luizppa%2Fng-github-contributions/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/luizppa%2Fng-github-contributions/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/luizppa","download_url":"https://codeload.github.com/luizppa/ng-github-contributions/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221949904,"owners_count":16906485,"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":["angular","contributions-calendar","github-api","javascript","typescript"],"created_at":"2024-10-28T23:07:35.777Z","updated_at":"2024-10-28T23:07:36.377Z","avatar_url":"https://github.com/luizppa.png","language":"TypeScript","readme":"# Angular Github Contribuions\n\nAn angular component to reproduce the appearence and behaviour of the Github contributions board. So far, the component supports custom color themes and time span, but more options will be added in the future.\n\n- [Angular Github Contribuions](#angular-github-contribuions)\n  - [Overview](#overview)\n  - [Installation](#installation)\n  - [Usage](#usage)\n    - [Options](#options)\n      - [GithubColorPalette Type](#githubcolorpalette-type)\n      - [GithubBoardLabelOptions Type](#githubboardlabeloptions-type)\n\n## Overview\n\nDefault appearence\n![Example image](https://github.com/luizppa/ng-github-contributions/blob/main/docs/default-appearence.jpg?raw=true)\n\nCustom colors\n![Example image](https://github.com/luizppa/ng-github-contributions/blob/main/docs/custom-colors.jpg?raw=true)\n\nCustom time span\n![Example image](https://github.com/luizppa/ng-github-contributions/blob/main/docs/custom-week-count.jpg?raw=true)\n\nHiding labels\n![Example image](https://github.com/luizppa/ng-github-contributions/blob/main/docs/no-labels.jpg?raw=true)\n\n## Installation\n\nTo install from npm:\n\n```sh\nnpm i --save @luizppa/ng-github-contributions\n```\n\nImport `GithubContributionsModule` into your app module:\n\n```javascript\nimport { GithubContributionsModule } from \"@luizppa/ng-github-contributions\";\n\n//...\n\n@NgModule({\n  //...\n  imports: [\n    //...\n    GithubContributionsModule,\n  ],\n  //...\n});\n\n```\n\n## Usage\n\nBasic usage\n\n```html\n\u003cgithub-board\n    [profile]=\"'luizppa'\"\n    [onCellClick]=\"onCellClickHandler\"\n    [options]=\"boardOptions\"\u003e\n\u003c/github-board\u003e\n```\n\n### Options\n\nOptionally, you can specify an options object to configure the appearence fo the board. The available options are shown on the table bellow:\n\n| Option       | Type                    | Default value | Description                                                                    |\n|--------------|-------------------------|---------------|--------------------------------------------------------------------------------|\n| cellSize     | number                  | 10            | Defines the size of each individual board cell in pixels.                      |\n| weeksNumber  | number                  | 53            | Defines the time span shwon on the board in number of weeks.                   |\n| colorPalette | GithubBoardColorPalette |               | Defines the color palette for the board cells.                                 |\n| labels       | GithubBoardLabelOptions |               | Defines the properties of the labels indicating day and month around the board.|\n\n#### GithubColorPalette Type\n\nObject that defines the color scheme to use on the board. The colors must be specified as strings in any HTML suported format (HEX, rgb, rgba...).\n\n| Option | Type   | Default value | Description                                                 |\n|--------|--------|---------------|-------------------------------------------------------------|\n| none   | string | #EBEDF0       | Defines the color for cells with no contributions.          |\n| low    | string | #9BE9A8       | Defines the color for cells with 1 - 3 contributions.       |\n| medium | string | #40C463       | Defines the color for cells with 4 - 8 contributions.       |\n| high   | string | #30A14E       | Defines the color for cells with 9 - 10 contributions.      |\n| higher | string | #216E39       | Defines the color for cells with more than 10 contributions.|\n\n#### GithubBoardLabelOptions Type\n\n| Option    | Type    | Default value | Description                                   |\n|-----------|---------|---------------|-----------------------------------------------|\n| showMonth | boolean | true          | Defines whether or not to show month labels.  |\n| showDay   | boolean | true          | Defines whether or not to show day labels.    |\n| size      | number  | 9             | Defines the font size of the labels in pixels.|\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fluizppa%2Fng-github-contributions","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fluizppa%2Fng-github-contributions","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fluizppa%2Fng-github-contributions/lists"}