{"id":24611054,"url":"https://github.com/jonathanporta/backbone.animationview","last_synced_at":"2025-07-30T09:03:09.628Z","repository":{"id":143848910,"uuid":"40213587","full_name":"JonathanPorta/backbone.animationview","owner":"JonathanPorta","description":"A simple Backbone Layout Manager view that abstracts animation/transition when hiding or showing views.","archived":false,"fork":false,"pushed_at":"2015-09-11T22:50:36.000Z","size":164,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-06-27T05:40:19.141Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","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/JonathanPorta.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-08-04T23:14:29.000Z","updated_at":"2021-06-02T10:30:11.000Z","dependencies_parsed_at":"2023-03-21T04:58:58.732Z","dependency_job_id":null,"html_url":"https://github.com/JonathanPorta/backbone.animationview","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/JonathanPorta/backbone.animationview","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JonathanPorta%2Fbackbone.animationview","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JonathanPorta%2Fbackbone.animationview/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JonathanPorta%2Fbackbone.animationview/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JonathanPorta%2Fbackbone.animationview/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JonathanPorta","download_url":"https://codeload.github.com/JonathanPorta/backbone.animationview/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JonathanPorta%2Fbackbone.animationview/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267842970,"owners_count":24153133,"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-07-30T02:00:09.044Z","response_time":70,"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":[],"created_at":"2025-01-24T19:34:23.415Z","updated_at":"2025-07-30T09:03:09.564Z","avatar_url":"https://github.com/JonathanPorta.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Backbone AnimationView for LayoutManager\nA simple view that abstracts animation/transition when hiding or showing views. Uses jQuery UI and Backbone LayoutManager under the hood.\n\n# Install\nTo add this module to your project, use npm:\n`npm install --save backbone.animationview`\n\nIf using Node.js you can require the module as you would normally:\n\n`require('backbone.animationview');`\n\nThe module will automatically load itelf onto the global `Backbone` object and be available at `Backbone.AnimationView`. Please remember to include Backbone and LayoutManager prior to including this module.\n\n# Usage\nOnce installed you can require the module and extend from it in the same way that you would normally extend from `Backbone.View`:\n```\n  var ItemView = Backbone.AnimationView.extend({\n    ...\n\n```\n\nThen you can specify the show and hide actions for the view. The show options will control what happens when the view first appears, and the hide options will control what happens when the view is destroyed.\n\n```\n  var ItemView = Backbone.AnimationView.extend({\n    animation: {\n      enabled: false,\n      show: {\n        effect: 'fold',\n        duration: 100\n      },\n      hide: {\n        effect: 'fold'\n      }\n    },\n  });\n```\n\nThese options are based on the jQuery UI animation options. The hide and show objects are directly passed to jQuery to handle the animation. For a detailed list of the options available for jQuery UI animations please see [hide](http://api.jqueryui.com/hide/) and [show](http://api.jqueryui.com/show/) docs.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjonathanporta%2Fbackbone.animationview","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjonathanporta%2Fbackbone.animationview","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjonathanporta%2Fbackbone.animationview/lists"}