{"id":22888343,"url":"https://github.com/dei79/jquery-modal-rails","last_synced_at":"2025-04-06T23:18:09.073Z","repository":{"id":53306741,"uuid":"4717239","full_name":"dei79/jquery-modal-rails","owner":"dei79","description":"The simplest possible modal for jQuery for the Rails 3.1+ asset pipeline","archived":false,"fork":false,"pushed_at":"2021-03-31T17:46:44.000Z","size":691,"stargazers_count":64,"open_issues_count":16,"forks_count":59,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-03-30T21:11:53.750Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Ruby","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/dei79.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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":"2012-06-19T17:58:58.000Z","updated_at":"2024-02-15T15:46:09.000Z","dependencies_parsed_at":"2022-09-02T04:13:14.349Z","dependency_job_id":null,"html_url":"https://github.com/dei79/jquery-modal-rails","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dei79%2Fjquery-modal-rails","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dei79%2Fjquery-modal-rails/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dei79%2Fjquery-modal-rails/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dei79%2Fjquery-modal-rails/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dei79","download_url":"https://codeload.github.com/dei79/jquery-modal-rails/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247563942,"owners_count":20958971,"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-12-13T20:47:44.996Z","updated_at":"2025-04-06T23:18:09.050Z","avatar_url":"https://github.com/dei79.png","language":"Ruby","funding_links":[],"categories":[],"sub_categories":[],"readme":"###Currently I moved to angular-js for all my web applications. Because of that I do not maintain this project any more. It would be a pleasure for me to hand this project over to an other developer. Please just send me a note or create a issue if you are the one. \n\njquery-modal-rails\n==================\n\nThe simplest possible modal for jQuery for the Rails 3.1+ asset pipeline based on https://github.com/kylefox/jquery-modal\n\n## Usage\n\nIn your Gemfile, add:\n\n```ruby\ngroup :assets do\n  gem 'jquery-ui-rails'\n  gem 'jquery-modal-rails'\nend\n```\n\n## Require Everything\n\nTo require the jQuery modal modules, add the following to your application.js:\n\n```javascript\n//= require jquery.ui.all\n//= require jquery.modal\n```\n\nAlso add the jQuery modal CSS to your application.css:\n\n```css\n/*\n *= require jquery.ui.all\n *= require jquery.modal\n */\n```\n\nAll images required by jQuery Modal are automatically served through the asset\npipeline, so you are good to go! For example, this code will open a given DIV\nas a modal dialog\n\n```rails\n\u003cdiv id=\"demo-form\" class=\"demo-description\" style=\"display: none; \"\u003e\n  \u003cp\u003e\n    The basic dialog window is an overlay positioned within the viewport and is protected from page content\n    (like select elements) shining through with an iframe. It has a title bar and a content area, and can be moved,\n    resized and closed with the 'x' icon by default.\n  \u003c/p\u003e\n\u003c/div\u003e\n\n\u003c%=  link_to_modal \"Demo Form\", \"#demo-form\", :class=\u003e\"button\" %\u003e\n```\n\nOpening an existing view via AJAX as a modal dialog is that easy:\n\n```rails\n\u003c%=  link_to_modal \"New User\", new_user_path, :class=\u003e\"button\" %\u003e\n```\n\n## Forms-Support\n\nThe link_to_modal helper offers forms support. The following parameter ensures that every form which is part\nof the received html content will be submitted via AJAX request. As a requirement the controller action needs\nto support JSON\n\n```rails\n\u003c%= link_to_modal 'New User', new_user_path, :remote =\u003e true %\u003e\n```\n\n## Cancel or Close buttons\n\nAll anchors generated with the link_to helper can be marked as a dialog close button. Just use the following\nsample:\n\n```rails\n\u003c%= link_to 'Cancel', users_path, :rel =\u003e \"modal:close\" %\u003e\n```\n\n## Contributors\n\nThank you to the following wonderful people and projects for contributing to jquery-modal-rails:\n\n* @kylefox with https://github.com/kylefox/jquery-modal\n* @joliss with https://github.com/joliss/jquery-ui-rails\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdei79%2Fjquery-modal-rails","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdei79%2Fjquery-modal-rails","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdei79%2Fjquery-modal-rails/lists"}