design tab improved. Themes added

app/assets/stylesheets/common.scss

@@ -642,3 +642,12 @@ p.time {
     }
   }
 }
+
+.styled_image { 
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  -moz-box-shadow: 0 0 5px #888;
+  -webkit-box-shadow: 0 0 5px#888;
+  box-shadow: 0 0 5px #888;
+}

app/helpers/application_helper.rb

@@ -113,4 +113,12 @@ module ApplicationHelper
   def layout 
     controller.send :_layout
   end
+
+  def app_theme
+    if current_user && current_user.theme_id == 1
+      "ui_basic"
+    else
+      "ui_mars"
+    end
+  end
 end

app/models/user.rb

@@ -6,7 +6,7 @@ class User < ActiveRecord::Base
 
   # Setup accessible (or protected) attributes for your model
   attr_accessible :email, :password, :password_confirmation, :remember_me,
-                  :name, :projects_limit, :skype, :linkedin, :twitter, :dark_scheme
+                  :name, :projects_limit, :skype, :linkedin, :twitter, :dark_scheme, :theme_id
 
   has_many :users_projects, :dependent => :destroy
   has_many :projects, :through => :users_projects

app/views/layouts/application.html.haml

@@ -1,7 +1,7 @@
 !!! 5
 %html{ :lang => "en"}
   = render "layouts/head"
-  %body.ui_basic.application
+  %body{:class => "#{app_theme} application"}
     = render "layouts/flash"
     = render "layouts/head_panel", :title => "Dashboard"
     .container

app/views/layouts/error.html.haml

@@ -1,7 +1,7 @@
 !!! 5
 %html{ :lang => "en"}
   = render "layouts/head"
-  %body.ui_basic.application
+  %body{:class => "#{app_theme} application"}
     = render "layouts/flash"
     = render "layouts/head_panel", :title => ""
     .container

app/views/layouts/profile.html.haml

@@ -1,7 +1,7 @@
 !!! 5
 %html{ :lang => "en"}
   = render "layouts/head"
-  %body.ui_basic.profile
+  %body{:class => "#{app_theme} profile"}
     = render "layouts/flash"
     = render "layouts/head_panel", :title => "Profile"
     .container

app/views/layouts/project.html.haml

@@ -1,7 +1,7 @@
 !!! 5
 %html{ :lang => "en"}
   = render "layouts/head"
-  %body.ui_basic.project
+  %body{:class => "#{app_theme} project"}
     = render "layouts/flash"
     = render "layouts/head_panel", :title => @project.name
     .container

app/views/profile/design.html.haml

@@ -1,20 +1,34 @@
-%h3 Design
-%hr
-= form_for @user, :url => profile_update_path, :method => :put do |f|
+= form_for @user, :url => profile_update_path, :remote => true, :method => :put do |f|
+  %h3 Application theme
+  %hr
+  .clearfix
+    = label_tag do 
+      = f.radio_button :theme_id, 1
+      Default
+
+    = label_tag do 
+      = f.radio_button :theme_id, 2
+      Classic
+  %br
+  %h3 Code review
+  %hr
   .row
     %label.span4{:for => "user_dark_scheme_false"}
-      = image_tag "white.png", :width => 210
       %center
         %h4
           = f.radio_button :dark_scheme, false
           White code preview
+      = image_tag "white.png", :width => 210, :class => "styled_image"
     %label.span4{:for => "user_dark_scheme_true"}
-      = image_tag "dark.png", :width => 210
       %center
         %h4
           = f.radio_button :dark_scheme, true
           Dark code preview
-  .clearfix
-  .actions
-    = f.submit 'Save', :class => "btn"
+      = image_tag "dark.png", :width => 210, :class => "styled_image"
 
+:javascript 
+  $(function(){ 
+    $(".edit_user input").bind("click", function() {
+      $(".edit_user").submit();
+    });
+  })