{"id":18515019,"url":"https://github.com/fraserxu/ionic-rating","last_synced_at":"2025-03-17T14:12:18.394Z","repository":{"id":16967066,"uuid":"19729573","full_name":"fraserxu/ionic-rating","owner":"fraserxu","description":" An angularjs directive that take care of visualising a star rating bar","archived":false,"fork":false,"pushed_at":"2018-07-03T21:26:57.000Z","size":22,"stargazers_count":142,"open_issues_count":19,"forks_count":56,"subscribers_count":8,"default_branch":"master","last_synced_at":"2025-02-26T00:07:09.451Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CoffeeScript","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/fraserxu.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":"2014-05-13T07:19:03.000Z","updated_at":"2024-07-24T09:02:30.000Z","dependencies_parsed_at":"2022-09-11T02:10:40.800Z","dependency_job_id":null,"html_url":"https://github.com/fraserxu/ionic-rating","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fraserxu%2Fionic-rating","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fraserxu%2Fionic-rating/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fraserxu%2Fionic-rating/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fraserxu%2Fionic-rating/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fraserxu","download_url":"https://codeload.github.com/fraserxu/ionic-rating/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241945473,"owners_count":20046865,"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":[],"created_at":"2024-11-06T15:46:16.368Z","updated_at":"2025-03-05T03:12:18.939Z","avatar_url":"https://github.com/fraserxu.png","language":"CoffeeScript","funding_links":[],"categories":["And A Bunch More! (I am in the process of sorting these)"],"sub_categories":[],"readme":"ionic-rating\n============\n\nAn angularjs directive that take care of visualising a star rating bar, build\nfor ionic.\n\n![rating](https://cloud.githubusercontent.com/assets/1183541/3007107/3cee642c-de6c-11e3-8449-18b86ca130a7.png)\n\nAlso able to print half star (display only) :\n\n![rating-half](https://cloud.githubusercontent.com/assets/7658059/12101509/67ee6d6c-b335-11e5-9ef6-0ceb92018fd2.png)\n\n#### Why?\n\n`angular-ui` has the same [rating](http://angular-ui.github.io/bootstrap/#/rating) directive,\nbut it is build on top of bootstrap. This repo just reuse most of the js code, but build for\nthe [ionic](http://ionicframework.com/) framework.\n\n#### How to use?\n\nInstall with bower:\n\n```\n$ bower install ionic-rating\n```\n\nIn your index.html\n\n```HTML\n\u003cscript src=\"lib/ionic-rating/ionic-rating.min.js\"\u003e\u003c/script\u003e\n```\n\nIn you template:\n\n```HTML\n\u003crating ng-model=\"rating.rate\" max=\"rating.max\"\u003e\u003c/rating\u003e\n```\n\nIn you controller:\n\n```JavaScript\n// first inject it into your app\nangular.module('youApp', ['ionic.rating'])\n\n.controller('yourCtrl', function($scope) {\n\n  // set the rate and max variables\n  $scope.rating = {};\n  $scope.rating.rate = 3;\n  $scope.rating.max = 5;\n\n});\n\n```\n\nFor strict-di, you can use\n\n```\n.controller('RatingController', [ '$scope', '$attrs', 'ratingConfig', function($scope, $attrs, ratingConfig) ]\n```\n\nIf you want to make it read only\n\n\u003e added readonly=\"readOnly\" to rating directive, and $scope.readOnly = true; to the controller.\n\n**Note:** You may also need to include the style file. But I suggest you just copy it to your\nproject.\n\n#### Build\n\n```\n$ npm i\n$ make all\n```\n\n#### License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffraserxu%2Fionic-rating","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffraserxu%2Fionic-rating","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffraserxu%2Fionic-rating/lists"}