Skip to content

humancopy/sweet-alert-rails-confirm

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

75 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

sweet-alert-rails-confirm

Build Status

A Rails confirm replacement with SweetAlert

depends on https://github.com/t4t5/sweetalert

So you need to Install: gem 'sweet-alert'

Or the latest with: gem 'rails-assets-sweetalert' # Using https://rails-assets.org/

Requirements

Rails >= 3.1

Usage

Add it to your Gemfile:

gem 'sweet-alert'
gem 'sweet-alert-confirm'

Add the following to application.js:

//= require sweetalert
//= require sweet-alert-confirm

Add the following to application.css:

/*
 *= require sweetalert
 */

Custom options

You can pass options in data:

 data: {
  confirm: 'Are you ready?'
  :'confirm-button-text' => 'Im ready',
  :'cancel-button-text' => 'No way',
  :'confirm-button-color' => '#66CD00',
  :'sweet-alert-type' => 'info',
  text: 'This is a subtitle',
  :'image-url' => '/pic.png'
}

Custom confirm

Default options that will be used application wide so it is not nessecary to set the option on each link. Put this object inside your app to override default options with sweetAlertConfirmConfig object.

var sweetAlertConfirmConfig = {
  title: 'Are you sure?',
  type: 'warning',
  showCancelButton: true,
  confirmButtonColor: '#DD6B55',
  confirmButtonText: 'Ok'
};

Before Callback

A callback that will be runned before alert is shown. Returning false will display the alert and true will not display it.

data-saBeforeFunction='myFunction'

Contribute

Fork the repo & pull request you fix/feature

append RAILS_VERSION=4.1.2 or whichever you target before your bundle command ex: RAILS_VERSION=4.1.2 bundle install

please add/modify test examples on fix or features

About

A Rails confirm replacement with SweetAlert

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Ruby 63.2%
  • HTML 19.5%
  • JavaScript 12.4%
  • CSS 4.9%