Theme For Rails (3 and hopefully later)
Features list / Wish list
- Support for adding themes which includes stylesheets, javascripts, views and layouts.
$app_root
themes/
[theme_name]
images/
stylesheets/
javascripts/
views/ <- you can override application views
layouts/ <- layout .rhtml or .liquid templates
Instructions
Add themes_for_rails to your Gemfile.
gem 'themes_for_rails'
Add themes_for_rails to your config/routes.rb
MySuperDuperApp::Application.routes.draw do
# ...
themes_for_rails
# ...
end
And then?
Now you’ll be able to use themes like this:
Inside method, for some explicit action:
class MyController < ApplicationController
def show
theme "purple"
end
end
Or at class level definition, in order to set a theme for more than one action. I think this is is prettier, and less invasive.
class MyController < ApplicationController
theme "purple" # all actions will use this theme
def show
...
end
end
You could also enable a theme for some actions only
class MyController < ApplicationController
theme "purple", :only => :show
def show
# with theme
end
def edit
# no theme
end
end
As a plus, you could do this to defer theme name resolution to a method:
class MyController < ApplicationController
theme :theme_resolver
# ...
private
def theme_resolver
current_user.theme # or anything else that return a string.
end
end
As a general rule, when passing a String, that becomes the theme name, but when a Symbol is sent, it gets treated as method message.
Action Mailer integration:
As a plus, you can use it from Action Mailer too (thanks to rafaelss) like this:
class MyMailer < ActionMailer::Base
def notify_someone
mail :theme => "blue" , :to => "[email protected]"
end
end
Url Helpers
In your views you should be able to access your assets like this (given the theme ‘default’ is set):
current_theme_image_path('logo.png') # => /themes/default/images/logo.png
current_theme_stylesheet_path('style') # => /themes/default/stylesheets/logo.css
current_theme_javascript_path('app') # => /themes/default/stylesheets/app.js
Or a given theme:
current_theme_image_path('logo.png', 'purple') # => /themes/purple/images/logo.png
In your application views, there are theme specific helper tags available to you. For ERb templates they are:
theme_image_tag
theme_image_path
theme_javascript_include_tag
theme_javascript_path
theme_stylesheet_link_tag
theme_stylesheet_path
Generators
For now, it only creates the theme folder and add the “themes_for_rails” route in the routes.rb.
rails generate themes_for_rails:install
Inside the themes folder, it create a structure for my_theme.
rails generate themes_for_rails:theme my_theme
Changing things
At least for now, you can change the ThemesForRails base dir in your app, in the corresponding environment file, or in your application.rb file. Do it like this:
KillerApp::Application.configure do
#
config.themes_for_rails.base_dir = File.join(Rails.root, "tmp")
#...
end
Thanks to matheusca, now you can change the name of the theme’s dir.
KillerApp::Application.configure do
#
config.themes_for_rails.themes_dir = "another_themes"
#...
end
Sass support
ThemesForRails will automatically add the themes paths to Sass, if sass is available.
For instance, everything you put inside themes/my_theme/stylesheets/sass will get compiled into themes/my_theme/stylesheets (duh, right?)
To bypass sass configuration, do this:
KillerApp::Application.configure do
#</p>
config.themes_for_rails.use_sass = false
#…
<p>end
Another way to change things
If you don’t like this approach and prefer something more like an initializer file, you could create one an put something like this.
# Rails.root/config/initializers/themes_for_rails.rb (for instance)
ThemesForRails.config do |config|
#
config.themes_dir = 'another_themes'
# ...
end
Notes and Warnings.
If you are running an app in production mode, and you get the static files with no content, is because you don’t have X-senfile enabled at your web server.
You can do two things:
comment out this line in your production.rb file:
config.action_dispatch.x_sendfile_header = “X-Sendfile”
or
configure your web server to use it. :)
Documentation
Ideas
- Add ThemesForRails::Railtie for configuration, so we selectively set the plugin on or off. Also to be able to change several settings.
Add routes to allow access to the theme’s static resources (js and cs), unless cached on public folder by capistrano / rake.Extend Action View path in order to make the views accessible. Same for the layouts.- More tests ford edge cases. Now I am only testing the happy paths.
Things to remember.
Final version should be a gem. Initialization hooks doesn’t work when using this as a plugin (vendor/plugins).Research about testing this kind of gem. I really don’t have a clue.Testing in place!- I should probably load the theme list at start time, to be able to consult it as needed. I am gonna need that when dealing with runtime theme selection. Many themes are going to be used simultaneously, so I have to be able to switch view paths as fast as I can.
Rails 2 Support
This gem only works with Rails 3 (duh). If you want the same exactly behavior, but for Rails 2.x, go here .
Running tests
gem install bundler
bundle install
rake
Authors and contributors
- lucasefe
- jbarreneche
- kule
- matheusmoreira
Last but not least
If you are using this gem, please, take a minute to recommend me at Working With Rails.