{"id":15024312,"url":"https://github.com/cybertoothca/ember-cli-bootstrap3-carousel","last_synced_at":"2025-04-05T18:50:08.411Z","repository":{"id":57223127,"uuid":"81045624","full_name":"cybertoothca/ember-cli-bootstrap3-carousel","owner":"cybertoothca","description":"Bootstrap carousel that can lazy-load it's images.","archived":false,"fork":false,"pushed_at":"2017-02-09T05:35:00.000Z","size":29,"stargazers_count":1,"open_issues_count":8,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-11T21:37:59.952Z","etag":null,"topics":["bootstrap-carousel","bootstrap3","carousel","ember-addon","image-slideshow"],"latest_commit_sha":null,"homepage":"http://ember-cli-bootstrap3-carousel.cybertooth.io/","language":"HTML","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/cybertoothca.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-02-06T03:52:06.000Z","updated_at":"2019-06-25T08:41:04.000Z","dependencies_parsed_at":"2022-08-24T15:41:35.989Z","dependency_job_id":null,"html_url":"https://github.com/cybertoothca/ember-cli-bootstrap3-carousel","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cybertoothca%2Fember-cli-bootstrap3-carousel","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cybertoothca%2Fember-cli-bootstrap3-carousel/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cybertoothca%2Fember-cli-bootstrap3-carousel/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cybertoothca%2Fember-cli-bootstrap3-carousel/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cybertoothca","download_url":"https://codeload.github.com/cybertoothca/ember-cli-bootstrap3-carousel/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247385704,"owners_count":20930600,"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":["bootstrap-carousel","bootstrap3","carousel","ember-addon","image-slideshow"],"created_at":"2024-09-24T20:00:06.828Z","updated_at":"2025-04-05T18:50:08.383Z","avatar_url":"https://github.com/cybertoothca.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ember-cli-bootstrap3-carousel [![GitHub version](http://badge.fury.io/gh/cybertoothca%2Fember-cli-bootstrap3-carousel.svg)](http://badge.fury.io/gh/cybertoothca%2Fember-cli-bootstrap3-carousel) ![](http://embadge.io/v1/badge.svg?start=2.3.0)\n\n[![npm version](http://badge.fury.io/js/ember-cli-bootstrap3-carousel.svg)](http://badge.fury.io/js/ember-cli-bootstrap3-carousel) [![CircleCI](http://circleci.com/gh/cybertoothca/ember-cli-bootstrap3-carousel.svg?style=shield)](http://circleci.com/gh/cybertoothca/ember-cli-bootstrap3-carousel) [![Code Climate](http://codeclimate.com/github/cybertoothca/ember-cli-bootstrap3-carousel/badges/gpa.svg)](http://codeclimate.com/github/cybertoothca/ember-cli-bootstrap3-carousel) ![Dependencies](http://david-dm.org/cybertoothca/ember-cli-bootstrap3-carousel.svg) [![ember-observer-badge](http://emberobserver.com/badges/ember-cli-bootstrap3-carousel.svg)](http://emberobserver.com/addons/ember-cli-bootstrap3-carousel) [![License](http://img.shields.io/npm/l/ember-cli-bootstrap3-carousel.svg)](LICENSE.md)\n\nThis addon can create a basic Bootstrap3 carousel that can lazy-load images.  See the\n[Bootstrap3 Carousel](http://getbootstrap.com/javascript/#carousel) documentation for additional information.\n\n## Demo\n\nThe demonstration web application can be found here:\n[http://ember-cli-bootstrap3-carousel.cybertooth.io/](http://ember-cli-bootstrap3-carousel.cybertooth.io/). \n\n## What Does This Addon Do?\n\nThis addon supplies the following _components_:\n\n* `twbs-carousel` - a container-like element for the carousel's slides.\n* `twbs-carousel/slide` - a component representing a slide that is nested \ninside a `twbs-carousel`.\n* `twbs-carousel/slide/img` - a component generating an html `\u003cimg\u003e` tag\nthat has the ability to be lazily loaded by the carousel's slide event.\n\nThe following _mixin_ also ships with this addon:\n\n* `Carousel` - imported as `import Carousel as 'ember-cli-bootstrap3-carousel/mixins/carousel'` and includes all \nof the carousel options as found in the [Bootstrap documentation](http://getbootstrap.com/javascript/#carousel-options).\n\n_Further information about these items can be found in the Usage section below._\n\n## Requirements\n\n* **Ember \u003e= 2.3.0**: This addon uses the [hash helper](http://emberjs.com/blog/2016/01/15/ember-2-3-released.html#toc_hash-helper) which was introduced in Ember-2.3.0.\n* Ember CLI\n* You must have Bootstrap 3.x installed in your Ember application.  Feel free to use the\n  [ember-cli-bootstrap3-sass](http://emberobserver.com/addons/ember-cli-bootstrap3-sass)\n  addon to setup Bootstrap if you haven't already done so.\n\n## Installation\n\nThe following will install this addon:\n\n    $ ember install ember-cli-bootstrap3-carousel\n\n__As mentioned, you must install Bootstrap3 along with the tooltip plugin.  See the requirements section above.__\n\n### Upgrading\n\nWhen working through the Ember upgrade process, I recommend\ninvoking the `ember install ember-cli-bootstrap3-carousel` command once\nyou are done to get the latest version of the addon.\n\n## Usage\n\nAs mentioned above there are several examples on the demonstration site:\n[http://ember-cli-bootstrap3-carousel.cybertooth.io/](http://ember-cli-bootstrap3-carousel.cybertooth.io/)\n\n### Components\n\n#### `{{twbs-carousel}}`\n\nA component that creates the `\u003cdiv class=\"carousel\u003e` element.\n\nThe reason this addon requires **Ember-2.3.0+** is because this particular component uses the _hash_ helper.\n\n##### Arguments\n\n* _All of the properties listed in the `Carousel` mixin_.\n* `onSlide` - the property that accepts an action closure hooked to the bootstrap `slide.bs.carousel` event.\n* `onSlid` - the property that accepts an action closure hooked to the bootstrap `slid.bs.carousel` event.\n\n([Check out the demo...](http://ember-cli-bootstrap3-carousel.cybertooth.io/))\n\n\n#### `{{twbs-carousel/slide}}`\n\n##### Arguments\n\n\n#### `{{twbs-carousel/slide/img}}`\n\n\n##### Arguments\n\n### Mixins\n\n#### `Carousel`\n\nA mixin that provides access to all of the Bootstrap carousel options as found\nhere: [http://getbootstrap.com/javascript/#carousel-options](http://getbootstrap.com/javascript/#carousel-options)\n\n##### Properties\n\n* `interval` - **Default** `5000`\n* `keyboard?` (aliased to `keyboard`) - **Default** `true`\n* `pause` - **Default** `\"hover\"`\n* `wrap?` (aliased to `wrap`) - **Default** `true`\n\n##### Methods\n\n* `computedOptions()` - returns a hash containing the options from this mixin\nthat are used to initialize the Bootstrap popover.\n\n### Troubleshooting And Tips\n\n1. Ember-2.3.0+ is required because this addon uses the _hash_ helper.\n1. Bootstrap3 CSS and the tooltip Javascript plugin must be installed.\n\n---\n\n# Ember Addon Building And Testing\n\n## Setup\n\n* `git clone git@github.com:cybertoothca/ember-cli-bootstrap3-carousel.git`\n* `npm install`\n* `bower install`\n\n## Running The Dummy Application\n\n* `ember server`\n* Visit your app at http://localhost:4200.\n\n## Running Addon Tests\n\n* `npm test` (Runs `ember try:testall` to test your addon against multiple Ember versions)\n* `ember test`\n* `ember test --server`\n\n## Building The Addon\n\n* `ember build`\n\nFor more information on using ember-cli, visit [http://ember-cli.com/](http://ember-cli.com/).\n\n# Linking This Addon For Local Testing\n\n## Linking\n\n1. From the command line at the root of __this__ project run the\n`npm link` command to _link_ this addon within your local\nnode repository.\n1. From the _other_ Ember project that you wish to test this addon\nin, execute the following command:\n`npm link ember-cli-bootstrap3-carousel`.\n1. Now in that same _other_ Ember project, you should go into the\n`package.json` and add the ember addon with the version _*_.  It will\nlook something like this: `\"ember-cli-bootstrap3-carousel\": \"*\"`.  Now\nwhen/if you execute `npm install` on this _other_ project it\nwill know to look for the linked addon rather than fetch it from\nthe central repository.\n\n## Unlinking\n\n1. Remove the addon from your local node repository with the following\ncommand (that can be run anywhere):\n`npm uninstall -g ember-cli-bootstrap3-carousel`\n1. Remove the reference to the `ember-cli-bootstrap3-carousel`\nin your _other_ project's `package.json`.\n1. Run an `npm prune` and `bower prune` from the root of your _other_ project's command line.\n\n# Deploying The Dummy Application\n\nMake sure your `~/.aws/credentials` file has a profile named _cybertooth_ \nwith a valid key and secret,\n\n    [cybertooth]\n    aws_access_key_id = \u003cKEY\u003e\n    aws_secret_access_key = \u003cSECRET\u003e\n\nDeploy by invoking the following command: `ember deploy production`\n\nConfirm your changes are showing up in our S3 container: http://ember-cli-bootstrap3-carousel.cybertooth.io/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcybertoothca%2Fember-cli-bootstrap3-carousel","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcybertoothca%2Fember-cli-bootstrap3-carousel","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcybertoothca%2Fember-cli-bootstrap3-carousel/lists"}