designmodo-flatuipro-rails

This gem integrates Designmodo's Flat UI Pro Design for Twitter Bootstrap 3 into the Rails 3 and 4 Asset Pipeline.

You must purchase and download a licensed copy to use this gem (none of the assets are packaged per Flat UI Pro license). You may do so by clicking the above image (full disclosure: affiliate link).

The version major and minors should match the Flat UI Pro version. Anything after these are gem versions.

Installation

First install and configure dependencies: less-rails-bootstrap and jquery-ui-rails .

Add this line to your application's Gemfile:

gem 'designmodo-flatuipro-rails', '~> 1.3.1.0.branch'

And then execute:

$ bundle

Or install it yourself as:

$ gem install designmodo-flatuipro-rails -v 1.3.1.0.branch

Fetch Flat UI Pro JS dependencies via Bower

Install Bower. Run 'bower install' in the Flat UI Pro directory that contains the bower.json file.

Install Generator

One must run this after install and after update of designmodo-flatuipro-rails gem:

$ rails generate flatuipro:install <Flat UI Pro Directory>

Demo Page Generator

If you want to integrate the demo page:

$ rails generate flatuipro:demo

The demo generator creates a 'flatuipro_demo' controller with a default 'flatuipro_demo/index' route.

IMPORTANT: After deciding which components to use from the demo page, make sure to only include the what you need from the docs.js and docs.less demo files

Usage

After running the install generator, all assets should be setup.

Thanks

If you haven't bought it already, please use my Designmodo Affiliate Link (image above)

Thanks @jehughes for the blog post that inspired me to stop being lazy and write the demo page generator =)

Changes

1.3.1.0.branch

• Detect Flat-UI-Pro-v1.3.1 directory
• Flat UI Pro 1.3.1 changes
  • Add jquery.timepicker.js dependency
  • Remove patches for issues designmodo fixed

1.3.0.0.branch

• Detect Flat-UI-Pro-1.3.0 directory
• Flat UI Pro 1.3.0 changes
  • JS dependencies no longer bundled so users now have to fetch them first via Bower
  • Lots of directory and file name changes

1.2.5.0.branch

• Detect Flat-UI-Pro-1.2.5 directory
• Flat UI Pro 1.2.5 changes
  • Font and icon paths changed to annoying string interpolation. Less-rails requires *-url helpers for digests
  • Fix Flat UI Pro caret.less syntax error when precompiling

1.2.4.0.branch

• Detect Flat-UI-Pro-1.2.4 directory
• Change bootstrap 3 rails gem dependency from bootstrap-on-rails -> less-rails-bootstrap
• Flat UI Pro 1.2.4 changes
  • switch.less patch fix because of newline change (\n to \r\n)
  • bootstrap-typeahead.js -> typeahead.js

1.2.2.0.branch

• Detect Flat-UI-Pro-1.2.2 directory
• Everything else seems to still work =)

1.2.1.0.branch

• Git branch (flatuipro-1.2) and gem release for people who want to use Bootstrap 3
• Rails bootstrap gem changed: twitter-bootstrap-rails -> bootstrap-on-rails

Contributing

1. Fork it
2. Create your feature branch (git checkout -b my-new-feature)
3. Commit your changes (git commit -am 'Add some feature')
4. Push to the branch (git push origin my-new-feature)
5. Create new Pull Request