compass-jquery-plugin
Get gem from Gemcutter.
Get source from github.
Get example application showing everything live from github.
Description
A Sass-based Meta-Framework for Compass that allows you to mix and match any of the following:
- jquery-rails with jQuery 1.6.3 and jQuery.UI 1.8.16 including themes
- jQuery Tools 1.2.5
- jquery.jstree.js V1.0rc3
- jquery.dynatree.js V1.1.1
- jquery.ribbon.js
- jquery.jqGrid.js V4.1.2 (with minor changes to make it RESTful)
- jquery.tinymce.js V3.4.4
and for mobile devices (using pure haml/sass without compass):
- jquery.mobile.js 1.0b2
- jquery.jqtouch.js V1.0b3
This library requires Compass.
For the moment this plugin supports Rails 2.3.
An upgrade to Rails 3.x is planned, but depends on the upgrade of compass which actually has alpha state.
Hint: When trying to build the gem under Windows, bundler can't locate the rakefile. Apply the patch from Arve Knudsen to fix it.
jquery-rails, jQuery and jQuery.UI including themes
Use compass to install the jquery-rails, jQuery and jQuery.UI javascript library including themes into your project.
For jQuery:
compass install [-r jquery] jquery/jquery
You will find all the stylesheets in easy-to-read Sass format at:
stylesheets/jquery/ui
To use the localized stylesheets and javacripts for jQuery include (using the rails_xss plugin):
= stylesheet_link_tag "compiled/jquery/ui/[theme].css", :media => 'screen, projection' = javascript_include_tag :jquery_ui = javascript_include_tag :jrails = raw jquery_javascripts(I18n.locale)
into your layouts.
jQuery TOOLS
Use compass to install the jQuery TOOLS javascript library into your project.
compass install [-r jquery] jquery/tools
To use the javascripts include:
= javascript_include_tag :tools
jQuery Dynatree Plugin
Use compass to install the jQuery Dynatree javascript library into your project.
compass install [-r jquery] jquery/dynatree
You will find all the stylesheets in easy-to-read Sass format at:
stylesheets/jquery/ui
To use the stylesheets and javascripts include:
= stylesheet_link_tag :dynatree_[skin], :media => 'screen, projection' = javascript_include_tag :dynatree
jQuery jsTree Plugin
Use compass to install the jQuery jsTree javascript library into your project.
compass install [-r jquery] jquery/jstree
You will find all the stylesheets in easy-to-read Sass format at:
stylesheets/jquery/ui
To use the stylesheets and javascripts include:
= stylesheet_link_tag :jstree_[theme], :media => 'screen, projection' = javascript_include_tag :jstree
jQuery Ribbon Plugin
Use compass to install the jQuery Ribbon javascript library into your project.
compass install [-r jquery] jquery/ribbon
You will find all the stylesheets in easy-to-read Sass format at:
stylesheets/jquery/ui
To use the stylesheets and javascripts include:
= stylesheet_link_tag :ribbon_[theme], :media => 'screen, projection' = javascript_include_tag :ribbon
jqGrid
Use compass to install the jqGrid javascript library into your project.
compass install [-r jquery] jquery/jqgrid
You will find the jqGrid stylesheet in easy-to-read Sass format at:
stylesheets/jquery/ui
To use the stylesheets and javascripts include:
= stylesheet_link_tag :jqGrid, :media => 'screen, projection' = raw jqgrid_javascripts(I18n.locale)
Secret Sauce
Use compass to install the Secret Sauce for jqGrid javascript library into your project.
compass install [-r jquery] jquery/secret_sauce
You will find all the stylesheets in easy-to-read Sass format.
stylesheets/jquery/ui
To use the stylesheets and javascripts include:
= stylesheet_link_tag :secret_sauce, :media => 'screen, projection' = javascript_include_tag :secret_sauce
jquery.ical
Use compass to install the jquery.ical javascript library into your project.
compass install [-r jquery] jquery/ical
You will find all the stylesheets in easy-to-read Sass format.
stylesheets/jquery/ui
To use the stylesheets and javacripts include:
= stylesheet_link_tag :ical, :media => 'screen, projection' = javascript_include_tag :ical
jQuery TinyMCE Plugin
Use compass to install the jQuery TinyMCE Javascript WYSIWYG Editor into your project.
compass install [-r jquery] jquery/tiny_mce
To use the javascripts include:
= javascript_include_tag :tiny_mce
jQuery markItUp! Plugin
Use compass to install the jQuery markItUp! Editor J into your project.
compass install [-r jquery] jquery/markitup
To use the javascripts include:
= javascript_include_tag :markitup
Graphics
Use compass to install the jquery.ganttView, jquery.highcharts and jquery.sparklines javascript libraries into your project.
compass install [-r jquery] jquery/graphics
You will find all the stylesheets in easy-to-read Sass format.
stylesheets/jquery/ui
To use the stylesheets and javascripts include:
= stylesheet_link_tag :ganttView', :media => 'screen, projection' = javascript_include_tag :ganttView = javascript_include_tag :highcharts = javascript_include_tag :sparkline
Emulators
Use compass to install the emulator stylesheets and fullsize images for iPhone and iPad into your project.
compass install [-r jquery] jquery/emulators
You will find all the stylesheets in easy-to-read Sass format at:
stylesheets/emulators
To use the stylesheets and javacripts include:
= stylesheet_link_tag :ipad_landscape, :media => 'screen, projection' = stylesheet_link_tag :iphone_portrait, :media => 'screen, projection'
jQuery mobile
Use compass to install the jQuery mobile javascript library and themes into your project.
compass install [-r jquery] jquery/mobile
You will find all the stylesheets in easy-to-read Sass format at:
stylesheets/mobile
To use the stylesheets and javascripts include:
= stylesheet_link_tag :mobile_[theme], :media => 'screen, projection' = javascript_include_tag :mobile'
jQTouch
Use compass to install the jQTouch javascript library into your project.
compass install [-r jquery] jquery/jqtouch
You will find all the stylesheets in easy-to-read Sass format at:
stylesheets/jqtouch
To use the stylesheets and javascripts include:
= stylesheet_link_tag :jqt_[theme], :media => 'screen, projection' = javascript_include_tag :jqtouch'
Thanks to the Contributors:
Rails:
- Andre Arko for jquery-rails
- David Turnbull for compass-jquery
- Jonathan Linowes for gridify
- ahe for 2dc_jqgrid
- scrubber for jquery_grid_for_rails
- ariesroyaal for secret_sauce now at.
- Ryan Heath for pretty_flash.
jQuery Plugins included:
- Chris Domigan for jQuery ContextMenu Plugin
- Klaus Hartl for jQuery Cookie Plugin
- "Cowboy" Ben Alman for jQuery doTimeout Plugin
- Pete Gamache for jQuery DSt Plugin
- Martin Wendt for jQuery Dynatree Plugin
- Frank (JC) Grubbs for jQuery Gantt View Plugin
- Tony Tomov for jQuery Grid Plugin
- Tim Caswell for jQuery haml Plugin
- John Reisig et. al. for jQuery Form Plugin
- Ivan Bozhanov for jQuery jsTree Plugin
- Fabrizio Balliano and Kevin Dalman for jQuery Layout Plugin
- Jay Salvat for markItUp!
- Scott Jehl for jQuery Media Helper Plugin
- Brandon Aaron and Fabrizio Balliano for jQuery Mousewheel Plugin
- Yehuda Katz for jQuery Offline Plugin
- Andreas Eberhard for jQuery PngFix Plugin (for IE)
- "Cowboy" Ben Alman for jQuery replaceText Plugin
- Mikael Soederstroem for jQuery Ribbon Plugin
- Gareth Watts from Splunk Inc for jQuery Sparklines plugin
- Denis Howlett for jQuery Table Drag and Drop Plugin
- John Reisig et. al. for jQuery Templating Plugin
- James Smith for jQuery Tokeninput
- Juan G. Hurtado for jQuery TOOLS
- Michael Aufreiter for jQuery UI Multiselect Plugin
- Andrew M Andrews III for Any+Time
- Steven Wittens for Farbtastic Colorpicker plugin
- Adam Shaw for FullCalendar
- Moxiecode Systems AB for TinyMCE
Other stuff included:
- Benjamin Lupton for History.js
- Rick DeNatale for ri_cal
- Highslide Software Torstein Hønsi for Highcharts
Note on Patches/Pull Requests
- Fork the project.
- Make your feature addition or bug fix.
- Add tests for it. This is important so I don't break it in a future version unintentionally.
- Commit, do not mess with rakefile, version, or history. (if you want to have your own version, that is fine but bump version in a commit by itself I can ignore when I pull)
- Send me a pull request. Bonus points for topic branches.
Copyright
Copyright © 2009-2011 Kosmas Schuetz. See LICENSE for details.