{"id":32238063,"url":"https://github.com/tiste/angular-loading-button","last_synced_at":"2025-10-22T14:02:03.071Z","repository":{"id":19489818,"uuid":"22735783","full_name":"tiste/angular-loading-button","owner":"tiste","description":"Loading button directive for AngularJS","archived":false,"fork":false,"pushed_at":"2016-08-30T08:30:54.000Z","size":31,"stargazers_count":26,"open_issues_count":0,"forks_count":10,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-10-22T14:00:02.031Z","etag":null,"topics":["angular","gh-pages","package"],"latest_commit_sha":null,"homepage":"https://angular-loading-button.tiste.io","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tiste.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-08-07T20:38:49.000Z","updated_at":"2024-09-15T07:12:07.000Z","dependencies_parsed_at":"2022-09-10T23:57:02.073Z","dependency_job_id":null,"html_url":"https://github.com/tiste/angular-loading-button","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/tiste/angular-loading-button","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tiste%2Fangular-loading-button","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tiste%2Fangular-loading-button/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tiste%2Fangular-loading-button/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tiste%2Fangular-loading-button/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tiste","download_url":"https://codeload.github.com/tiste/angular-loading-button/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tiste%2Fangular-loading-button/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":280448834,"owners_count":26332533,"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","status":"online","status_checked_at":"2025-10-22T02:00:06.515Z","response_time":63,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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","gh-pages","package"],"created_at":"2025-10-22T14:00:52.154Z","updated_at":"2025-10-22T14:02:03.066Z","avatar_url":"https://github.com/tiste.png","language":"CSS","readme":"# angular-loading-button\n\nLoading button directive for AngularJS.\n\n## Installation\n\n`bower install angular-loading-button --save`\n\n## Usage\n\nInject module into you app:\n\n```javascript\nangular.module('YourAwesomeApp', ['loadingButton']);\n```\n\nUse it at a [directive](http://docs.angularjs.org/guide/directive):\n\n```html\n\u003cdiv class=\"btn btn-success\" loading-button lb-completed=\"isSuccess\"\u003e\n```\n\nYou can also provide a `lb-value` tag to act on your button (e.g. `height`, `background`...).\n\nThen, simply set the `$scope.isSuccess` to `true` or `false`, or change the `lb-value` to update the loader e.g.\n\n```javascript\n$http.post('/contact', data).success(\n  function() {\n    $scope.isSuccess = true;\n  }\n).error(\n  function() {\n    $scope.isSuccess = false;\n  }\n);\n```\n\nThe css classes life-cycle will be `loading`, `error` and `success`. It's up to you to customize ([here is](http://angular-loading-button.tiste.io) an example coming from [this](http://tympanus.net/Tutorials/CircularProgressButton/) awesome Codrops article).\n\n## Contributing\n\n1. [Fork it](http://github.com/tiste/angular-loading-button/fork)\n2. Create your feature branch (`git checkout -b my-new-feature`)\n3. Commit your changes (`git commit -am 'Add some feature'`)\n4. Push to the branch (`git push origin my-new-feature`)\n5. Create new Pull Request\n\n**NB**: mind generated files (e.g. `angular-loading-button.min.js`)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftiste%2Fangular-loading-button","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftiste%2Fangular-loading-button","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftiste%2Fangular-loading-button/lists"}