- Slider(bxslider-rails)
- Calendar(Full Calendar Plugin)
- Taggable(Select2)
- Nested forms(cocoon)
- PDF(Wicked PDF)
- STI-Single Table Inheritance(Enumeration)
- Pagination(Kaminari)
- Authentication(Devise)
- Chart(GetOrgChart)
- Google map api
- Audits
- cEditor
- Test Cases
- Twilio
- Delayed::Job
- Elastic Search
- Rake Task
- CSV, XLS
- contextMenu(Right Click Menu)
- Client Side Validation
- Sidekiq
=======================================
- Others
####### How To Implement
gem 'bxslider-rails'
bundle install
'application.js must appear like':
//= require jquery
//= require jquery_ujs
//= require bxslider
'stylesheets/application.css like this':
*= require_self
*= require bxslider
*= require_tree .
'In View':
.bxslider
= image_tag '1.png'
= image_tag '2.png'
'In coffee script' :
$(document).ready ->
$(".bxslider").bxSlider
auto: true
autoControls: true
=======================================
Calendar view like Full Calendar
(FullCalendar is for displaying events, and it is a solution for event content-management. Beyond dragging an event to a different time/day, you can change an event's name, etc. )
- You can add Calendar(e.g Test-Calendar 1), Every calendar has color
- Add Events for particular Calendar, Events have different color.
- Calendars(there is also importing data from file and save in db)
gem 'fullcalendar-rails'
bundle install
'In your application.css.scss':
*= require fullcalendar
'In application.js':
//= require fullcalendar
//= require gcal
//= require fullcalendar/gcal
'In application.js the try to follow this sequence'
//= require moment
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require fullcalendar
//= require fullcalendar/gcal
'In html file':
$('#calendar').fullCalendar();
'In coffee file(events.coffee.js)':
eventSources: [
{
url: '/events.json',
type: 'GET',
allDay: false,
color: 'red'
borderColor: '#bccee0',
textColor: 'black'
error: ->
alert('there was an error while fetching events!')
}
{
url: 'https://www.google.com/calendar/feeds/od305bghpa8fvhjoksdg31glro%40group.calendar.google.com/public/basic'
color: '#166BEC'
textColor: '#FFB504'
}=======================================
Taggable View Like Demo Select2
(Select2 add a form field which can auto fill text & can take multiple tabs(similar to fb) and gives you a customizable select box with support for searching, tagging, remote data sets, infinite scrolling, and many other highly used options.). Here in our application
- Multiple attribute show in select2 field
- You can choise and search from dropdown and also add new which is not predefined in select2 dropdown.
- TaggingSelectTos
gem "select2-rails"
'In app/assets/javascripts/application.js':
//= require select2
'In app/assets/stylesheets/application.css':
*= require select2'If multiple:true, then you can use this way'
'In Form'
<%= f.text_field :name, class: "single-taggable-field",data: {options: Enumeration.pluck(:name)}, placeholder: 'Enter Name' %>
'In coffee'
$(".single-taggable-field").select2(
tags: $('.single-taggable-field').data('options')
width: "252px"
);
In tags: actaully there is array
like
tags: [sajjad, moin] 'If multiple:false, then use this way'
<%= f.text_field :calendar_id, class: "single-field",data: {options: Calendar.all} %>
$('.single-field').each ->
$(this).select2
data: $(this).data('options')
width: "252px"
multiple: false 'In MODEL':
def as_json(options= {})
{id: self.id, text: self.name}
end =======================================
Cocoon Documentation
(Make dynamic nested forms). In Our application
- Add multiple task(form) against project.
gem "cocoon" =======================================
Wicked PDF
(PDF generator (from HTML) plugin for Ruby on Rails)
- .............wicked_pdf is a wrapper for wkhtmltopdf, you'll need to install that, too.............
gem 'wicked_pdf'
gem 'wkhtmltopdf-binary'
'In CONTROLEER': respond_to do |format|
format.html
format.pdf dos
render :pdf => "file_name"
#render pdf:
#templete: 'controller_name/file_name.pdf.slim'
#outline: {outline: true, outline_depth: 2},
#header:{content:render_to_string('name.pdf.slim',layout:nil)},
#footer:{content:render_to_string('name.pdf.slim',layout: nil)}
end
end
end'For download PDF'
'In Controller'
pdf = render_to_string :pdf => 'sajjad',
template: 'billings/show.pdf.slim',
:encoding => 'UTF-8'
send_data(pdf, :filename => @bill.title, :type=>'application/pdf') =======================================
STI lets you save different models inheriting from the same model inside a single table.
For example
- You have an employee model.
- The employees can be of two types : manager or developer(They pretty much share the same attributes and columns.Creating two tables having the exact same fields would be bad.)
- With STI, you can just keep your employee model and simply subclass it with your two types of employee.
'In MODEL' :
class Enumeration < ActiveRecord::Base
end
class Child < Parend
end'In CONTROLLER' :
def new
@enumeration = Enumeration.new(type: params[:type])
end'In Views' :
Where Linke
<% @enumerations.subclasses.each do |subclass| %>
<%= link_to subclass, new_enumeration_path(type: subclass) %>
<% end %>
Where Form
<%= form_for @enumeration.becomes(Enumeration) do |f| %>
become use for
Change from a superclass to a subclass without accessing the “type” attribute directly.Returns an instance of the specified klass with the attributes of the current record.=======================================
Flexible solution for pagination
gem 'kaminari'
bundle install
In CONTROLLER : @instance_variable = Model.all.order("id asc").page( params[:page]).per(2)
In VIEW : <%= paginate @instance_variable %>=======================================
Flexible authentication solution for Rails
(Allows you to have multiple models signed in at the same time.). In our application
- Also Login from Google Here Documentation
gem 'devise'
bundle install
rails generate devise:install
rails generate devise MODEL(in our application USER)
rake db:migrate
'In config/environments/development.rb' :
config.action_mailer.default_url_options = { host: 'localhost', port: 3000 }
'In ANY CONTROLLER(or APPLICATION CONTROLLER)' :
before_action :authenticate_user!
'In MODEL(here in USER model)' :
devise :database_authenticatable, :registerable,:recoverable, :rememberable, :trackable, :validatable, :omniauthable
'In ROUTES' :
devise_for :users- gem 'omniauth-google-oauth2'
- bundle install
- Go to 'https://console.developers.google.com'
- Select your project.
- Click 'APIs & auth'(APIs)
- Make sure "Contacts API" and "Google+ API" are on.
- Click 'APIs & auth'(credentials)
- Note 'CLIENT ID' and 'CLIENT SECRET'
- Go to Consent Screen, and provide an 'EMAIL ADDRESS' and a 'PRODUCT NAME'
- Wait 10 minutes for changes to take effect.
'In ROUTES' :
devise_for :users, :controllers => { :omniauth_callbacks => 'omniauth_callbacks' }'IN CONTROLLER'(OmniauthCallbacks):
class OmniauthCallbacksController < Devise::OmniauthCallbacksController
def google_oauth2
# You need to implement the method below in your model (e.g. app/models/user.rb)
@user = User.find_for_google_oauth2(request.env["omniauth.auth"], current_user)
if @user.persisted?
flash[:notice] = I18n.t "devise.omniauth_callbacks.success", :kind => "Google"
sign_in_and_redirect @user, :event => :authentication
else
session["devise.google_data"] = request.env["omniauth.auth"]
redirect_to new_user_registration_url
end
end
end'In MODEL'(USER) :
class User < ActiveRecord::Base
devise :database_authenticatable, :registerable,
:recoverable, :rememberable, :trackable, :validatable,
:omniauthable, :omniauth_providers => [:google_oauth2]
def self.find_for_google_oauth2(access_token, signed_in_resource=nil)
data = access_token.info
user = User.where(:email => data["email"]).first
# Uncomment the section below if you want users to be created if they dont exist
if user.blank?
user = User.new(email: data["email"],
password: Devise.friendly_token[0,20]
)
user.save!
end
user
end
end'In Initializer/devise.rb':
require "omniauth-google-oauth2"
if Rails.env.production?
config.omniauth :google_oauth2, '527836605419-ibmv7n2o5dl23nfacdlpcrnqbl712fdd.apps.googleusercontent.com', 'F-IV8IKn4x46WuIdDMjDQq7m', { access_type: 'offline', approval_prompt: '' }
else
config.omniauth :google_oauth2, '527836605419-hknvtvfe9564sk7bf5cq9tepgfgjpq7t.apps.googleusercontent.com', 'pQsuytMa-_JPFIPajdfSR0DH', { access_type: 'offline', approval_prompt: '' }
end 'In Production Environment'
config.action_mailer.default_url_options = { host: 'sm-sample-application.herokuapp.com'}
config.action_mailer.perform_deliveries = true
config.action_mailer.raise_delivery_errors = true
config.action_mailer.delivery_method = :smtp
config.action_mailer.smtp_settings = {
address: 'smtp.gmail.com',
port: 587,
user_name: '[email protected]',
password: 'test',
authentication: 'plain',
enable_starttls_auto: true
}
'ANOTHER'
* Use gem 'mail'
* 'In Initializer: setup_email.rb'
ENVIRONMENT = YAML.load_file("#{Rails.root}/config/config.yml")[Rails.env]
ActionMailer::Base.smtp_settings = {
:address => 'smtp.gmail.com',
:port => 587,
:user_name => '[email protected]',
:password => 'test',
:authentication => 'plain',
:enable_starttls_auto => true,
:openssl_verify_mode => 'none'
}
ActionMailer::Base.default_url_options[:host] = "#{ENVIRONMENT['environment']}"
* 'In config/config.yml'
development:
environment: localhost:3000
staging:
environment: https://test-staging.com
production:
environment: https://test.com - In Development Environment => config.action_mailer.default_url_options = { host: 'localhost', port: 3000}
- Documentation also here
- GitHub
=======================================
GetOrgChart Documentation
(Provides the best way to visualize and understand workforce by simple and easy to illustrate hierarchical relationships.)Github
- In Our application
- Organizedata
gem "org_chart", "~>0.0.3"
bundle install
'In app/assets/javascripts/application.js':
//= require getorgchart
'In app/assets/stylesheets/application.css':
*= require getorgchart
+ Load from HTML table element.[demo](http://jsfiddle.net/GetOrgChart/7RKTv/)
OR
+ getorgchart.js(javascript)
+ getorgchart.css(stylesheet)
+ org_chart.png(images)
+ if icon not show try this => asset-url("org_chart.png") replcae with url('org_chart.png') =======================================
Rake-Task-Management-Essentials
Intro to Rake
- In lib => tasks(In our projects)
- Example 1
[desc => description to your rake tasks with the desc method]
task :say_hello_task do
desc '%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%'
puts 'Hello My First Rake Task ... '
puts '####################'
end
rake say_hello_task - Example 2
namespace :sample do
task :say_hello_task do
desc '%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%'
puts 'Hello My First Rake Task ... '
puts '####################'
end
end
rake sample:say_hello_task- Example 3
task :say_hello_task do
puts 'Hello My First Rake Task ... '
end
task :rake_task => :say_hello_task do
puts 'Hello My First Rake Task ... '
end
rake rake_task [If one task in namespace then pass as a string like :rake_task => 'db:say_hello_task'(here db is namespace)]
[If the dependent task is in the same namespace, you don't have to pass it as a string]
- Example 4
[Passing arguments to the tasks]
namespace :sample do
task :say_hello_task do
puts ENV['TITLE'] || 'Blog'
end
end
rake sample:say_hello_task TITLE='sm-sample-application'=======================================
Exporting CSV and Excel
Import Data into Rails from a Spreadsheet
- In Calendar
- format.csv {render text: @calendars.to_csv} #{ send_data @calendars.to_csv }
- format.xls # make own templete e.g. index.xls.erb
- For XLS we have to register new mine type
- Mime::Type.register "application/xls", :xls
In model :
def self.to_csv(option = {})
CSV.generate(option) do |csv|
csv << column_names
all.each do |calendar|
csv << calendar.attributes.values_at(*column_names)
end
end
end - In Location
- In Project
- editor
- Employee
-
In RSpec
'In Cofig/filename.rb':
require 'rubygems'
require 'twilio-ruby'
# put your own credentials here
account_sid = 'AC20aef60110fea26f6ba10374edsajjad'
auth_token = 'f8a93cc98d52c2c3c19fa290d14sajjad'
# set up a client to talk to the Twilio REST API
TWILIO_CLIENT = Twilio::REST::Client.new account_sid, auth_token
'In Controller':
TWILIO_CLIENT.account.messages.create({
:from => '+13346974340',
:to => '+92 342 7852184',
:body => "Please enter #{code} ",
})- In projects
- sudo vi /etc/elasticsearch/elasticsearch.yml
- http://localhost:9200/_plugin/head/
- head -- 2
- in js => jquery.contextMenu.js
- in cs => jquery.contextMenu.css
- Demo
- gem 'client_side_validations', github: 'DavyJonesLocker/client_side_validations'
- in application.js => //= require rails.validations
- Documentation -- _*parsleyjs
- before_filter { name_of_method("parameter") }
- Follow + User + Emplyee
- Events
=======================================