migrated to bootstrap 2

app/views/admin/projects/show.html.haml

@@ -31,7 +31,7 @@
       = @admin_project.description
 
 
-.span-14
+.span12
 
   %h3
     Team

app/views/commits/_head.html.haml

@@ -1,4 +1,4 @@
-%ul.tabs
+%ul.nav.nav-tabs
   %li
     = form_tag switch_project_refs_path(@project), :method => :get, :class => "project-refs-form" do
       = select_tag "ref", grouped_options_refs, :onchange => "$(this.form).trigger('submit');", :class => "project-refs-select"

app/views/dashboard/index.html.haml

@@ -42,7 +42,7 @@
                 %br
                 = link_to profile_path, :class => "btn" do 
                   Your Profile » 
-      .span12.left= render "dashboard/projects_feed", :projects => @active_projects
+      .span8.left= render "dashboard/projects_feed", :projects => @active_projects
     - if @last_push && @last_push.valid_push?
       .padded.prepend-top-20
         %h5

app/views/issues/_head.html.haml

@@ -1,4 +1,4 @@
-.tabs
+%ul.nav.nav-tabs
   %li{:class => "#{'active' if current_page?(project_issues_path(@project))}"}
     = link_to project_issues_path(@project), :class => "tab" do 
       Browse Issues  

app/views/issues/index.html.haml

@@ -22,7 +22,7 @@
     .title
       .row
         .span6
-          %ul.pills.left
+          %ul.nav.nav-pills.left
             %li{:class => ("active" if (params[:f] == "0" || !params[:f]))}
               = link_to project_issues_path(@project, :f => 0) do 
                 Open
@@ -36,7 +36,7 @@
               = link_to project_issues_path(@project, :f => 1) do 
                 All
 
-        .span6.right
+        .span4.right
           = form_tag project_issues_path(@project), :method => :get, :class => :right  do
             = select_tag(:milestone_id, options_from_collection_for_select(@project.milestones.order("id desc").all, "id", "title", params[:milestone_id]), :prompt => "Select milestone")
 

app/views/layouts/_head_panel.html.haml

@@ -1,6 +1,6 @@
 / Page Header
 %header.top_panel_holder
-  .wrapper
+  .container
     .top_panel_content
       %div.app_logo
         = link_to root_path, :class => "home", :title => "Home" do 

app/views/merge_requests/_form.html.haml

@@ -1,29 +1,29 @@
-= form_for [@project, @merge_request] do |f|
+= form_for [@project, @merge_request], :html => { :class => "new_merge_request form-horizontal" } do |f|
   -if @merge_request.errors.any?
     .alert-message.block-message.error
       %ul
         - @merge_request.errors.full_messages.each do |msg|
           %li= msg
 
-  .clearfix
-    = f.label :title
-    .input= f.text_area :title, :class => "xxlarge", :maxlength => 255, :rows => 5
-  .clearfix
-    = f.label :source_branch, "From"
-    .input
+  .control-group
+    = f.label :title, :class => "control-label"
+    .controls= f.text_area :title, :class => "input-xxlarge", :maxlength => 255, :rows => 5
+  .control-group
+    = f.label :source_branch, "From", :class => "control-label"
+    .controls
       = f.select(:source_branch, @project.heads.map(&:name), { :include_blank => "Select branch" }, :style => "width:250px")
       .mr_source_commit
-  .clearfix
-    = f.label :target_branch, "To"
-    .input
+  .control-group
+    = f.label :target_branch, "To", :class => "control-label"
+    .controls
       = f.select(:target_branch, @project.heads.map(&:name), { :include_blank => "Select branch" }, :style => "width:250px")
       .mr_target_commit
   .clearfix
-    = f.label :assignee_id, "Assign to"
-    .input= f.select(:assignee_id, @project.users.all.collect {|p| [ p.name, p.id ] }, { :include_blank => "Select user" }, :style => "width:250px")
+    = f.label :assignee_id, "Assign to", :class => "control-label"
+    .controls= f.select(:assignee_id, @project.users.all.collect {|p| [ p.name, p.id ] }, { :include_blank => "Select user" }, :style => "width:250px")
 
-  .actions
-    = f.submit 'Save', :class => "primary btn"
+  .form-actions
+    = f.submit 'Save', :class => "btn-primary btn"
     - if @merge_request.new_record?
       = link_to project_merge_requests_path(@project), :class => "btn" do 
         Cancel

app/views/merge_requests/index.html.haml

@@ -8,7 +8,7 @@
 
 .ui-box
   .title
-    %ul.pills
+    %ul.nav.nav-pills
       %li{:class => ("active" if (params[:f] == "0" || !params[:f]))}
         = link_to project_merge_requests_path(@project, :f => 0) do 
           Open

app/views/merge_requests/show.html.haml

@@ -56,7 +56,7 @@
 = render "merge_requests/commits"
 
 - unless @commits.empty?
-  .tabs
+  .nav.nav-tabs
     %li.active
       = link_to "#notes", :class => "merge-notes-tab tab" do 
         Notes

app/views/milestones/_form.html.haml

@@ -5,33 +5,33 @@
 
 %hr
 
-= form_for [@project, @milestone]  do |f|
+= form_for [@project, @milestone], :html => {:class => "new_milestone form-horizontal"}  do |f|
   -if @milestone.errors.any?
     .alert-message.block-message.error
       %ul
         - @milestone.errors.full_messages.each do |msg|
           %li= msg
   .row
-    .span7
-      .clearfix
-        = f.label :title, "Title"
-        .input
-          = f.text_field :title, :maxlength => 255, :class => "xlarge"
-          %p.hint Required
-      .clearfix
-        = f.label :description, "Description"
-        .input
-          = f.text_area :description, :maxlength => 2000, :class => "xlarge", :rows => 10
-          %p.hint Markdown is enabled.
-    .span8
-      .clearfix
-        = f.label :due_date, "Due Date"
+    .span6
+      .control-group
+        = f.label :title, "Title", :class => "control-label"
+        .controls
+          = f.text_field :title, :maxlength => 255, :class => "input-xlarge"
+          %p.help-block Required
+      .control-group
+        = f.label :description, "Description", :class => "control-label"
+        .controls
+          = f.text_area :description, :maxlength => 2000, :class => "input-xlarge", :rows => 10
+          %p.help-block Markdown is enabled.
+    .span6
+      .control-group
+        = f.label :due_date, "Due Date", :class => "control-label"
         .input= f.hidden_field :due_date
-        .input
+        .controls
           .datepicker
 
 
-  .actions
+  .form-actions
     - if @milestone.new_record?
       = f.submit 'Create milestone', :class => "primary btn"
     -else

app/views/milestones/index.html.haml

@@ -7,7 +7,7 @@
   %br
   %div.ui-box
     .title
-      %ul.pills
+      %ul.nav.nav-pills
         %li{:class => ("active" if (params[:f] == "0" || !params[:f]))}
           = link_to project_milestones_path(@project, :f => 0) do 
             Active

app/views/profile/design.html.haml

@@ -1,30 +1,33 @@
 = 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
+  -#%div
+    %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
+      = label_tag do 
+        = f.radio_button :theme_id, 2
+        Classic
+    %br
   %h3 Code review
   %hr
   .row
-    %label.span4{:for => "user_dark_scheme_false"}
-      %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"}
-      %center
-        %h4
-          = f.radio_button :dark_scheme, true
-          Dark code preview
-      = image_tag "dark.png", :width => 210, :class => "styled_image"
+    %label.span3{:for => "user_dark_scheme_false"}
+      .thumbnail
+        = image_tag "white.png", :width => 260, :class => "styled_image"
+        .caption
+          %h5
+            = f.radio_button :dark_scheme, false
+            White code preview
+    %label.span3{:for => "user_dark_scheme_true"}
+      .thumbnail
+        = image_tag "dark.png", :width => 260, :class => "styled_image"
+        .caption
+          %h5
+            = f.radio_button :dark_scheme, true
+            Dark code preview
 
 :javascript 
   $(function(){ 

app/views/profile/password.html.haml

@@ -1,46 +1,50 @@
 .row
-  .span8
-    %h3 Password
-    %hr
-    = form_for @user, :url => profile_password_path, :method => :put do |f|
-      .data
-        .alert-message.block-message.warning
-          %p After successfull password update you will be redirected to login page where you should login with new password
-        -if @user.errors.any?
-          .alert-message.block-message.error
-            %ul
-              - @user.errors.full_messages.each do |msg|
-                %li= msg
+  .span6
+    .thumbnail
+      .caption
+        %h3 Password
+        %hr
+        = form_for @user, :url => profile_password_path, :method => :put do |f|
+          .data
+            .alert-message.block-message.warning
+              %p After successfull password update you will be redirected to login page where you should login with new password
+            -if @user.errors.any?
+              .alert-message.block-message.error
+                %ul
+                  - @user.errors.full_messages.each do |msg|
+                    %li= msg
 
-        .clearfix
-          = f.label :password
-          .input= f.password_field :password
-        .clearfix
-          = f.label :password_confirmation
-          .input= f.password_field :password_confirmation
-      .actions
-        = f.submit 'Save', :class => "btn"
-
-  .span7.right
-    %h3 
-      Private token
-      %span.cred.right
-        keep it in secret!
-    %hr
-    = form_for @user, :url => profile_reset_private_token_path, :method => :put do |f|
-      .data
-        .alert-message.block-message.warning
-          %p Private token used to access application resources without authentication.
+            .clearfix
+              = f.label :password
+              .input= f.password_field :password
+            .clearfix
+              = f.label :password_confirmation
+              .input= f.password_field :password_confirmation
           %hr
-          %p * required for rss feed
-        %p.cgray
-          - if current_user.private_token
-            = text_field_tag "token", current_user.private_token
-          - else
-            You don`t have one yet. Click generate to fix it.
-      .actions
-        - if current_user.private_token
-          = f.submit 'Reset', :confirm => "Are you sure?", :class => "btn"
-        - else
-          = f.submit 'Generate', :class => "btn"
+            = f.submit 'Save', :class => "btn"
+
+  .span6.right
+    .thumbnail
+      .caption
+        %h3 
+          Private token
+          %span.cred.right
+            keep it in secret!
+        %hr
+        = form_for @user, :url => profile_reset_private_token_path, :method => :put do |f|
+          .data
+            .alert-message.block-message.warning
+              %p Private token used to access application resources without authentication.
+              %hr
+              %p * required for rss feed
+            %p.cgray
+              - if current_user.private_token
+                = text_field_tag "token", current_user.private_token
+              - else
+                You don`t have one yet. Click generate to fix it.
+          %hr
+            - if current_user.private_token
+              = f.submit 'Reset', :confirm => "Are you sure?", :class => "btn"
+            - else
+              = f.submit 'Generate', :class => "btn"
 

app/views/profile/show.html.haml

@@ -1,5 +1,5 @@
 .row
-  .span10
+  .span8
     .profile_avatar_holder
       = image_tag gravatar_icon(@user.email, 90), :class => "styled_image"
     %h3
@@ -8,7 +8,7 @@
       %small
         = @user.email
   
-  .span6.right
+  .span4.right
     %div
       %div
         %h5.cgray
@@ -23,45 +23,45 @@
             %span= current_user.keys.count
 %hr
 
-= form_for @user, :url => profile_update_path, :method => :put do |f|
+= form_for @user, :url => profile_update_path, :method => :put, :html => { :class => "edit_user form-horizontal" }  do |f|
   -if @user.errors.any?
     %div.alert-message.block-message.error
       %ul
         - @user.errors.full_messages.each do |msg|
           %li= msg
   .row
-    .span9
-      .clearfix
-        = f.label :name
-        .input
-          = f.text_field :name, :class => "xlarge"
+    .span7
+      .control-group
+        = f.label :name, :class => "control-label"
+        .controls
+          = f.text_field :name, :class => "input-xlarge"
           %span.help-block Enter youre name, so people you know can recognize you.
-      .clearfix
-        = f.label :email
-        .input
-          = f.text_field :email, :class => "xlarge"
+      .control-group
+        = f.label :email, :class => "control-label"
+        .controls
+          = f.text_field :email, :class => "input-xlarge"
           %span.help-block We also use email for avatar detection
-      .clearfix
-        = f.label :skype
-        .input= f.text_field :skype, :class => "xlarge"
-      .clearfix
-        = f.label :linkedin
-        .input= f.text_field :linkedin, :class => "xlarge"
-      .clearfix
-        = f.label :twitter
-        .input= f.text_field :twitter, :class => "xlarge"
-      .clearfix
-        = f.label :bio
-        .input
-          = f.text_area :bio, :rows => 6, :class => "xlarge", :maxlength => 250
+      .control-group
+        = f.label :skype, :class => "control-label"
+        .controls= f.text_field :skype, :class => "input-xlarge"
+      .control-group
+        = f.label :linkedin, :class => "control-label"
+        .controls= f.text_field :linkedin, :class => "input-xlarge"
+      .control-group
+        = f.label :twitter, :class => "control-label"
+        .controls= f.text_field :twitter, :class => "input-xlarge"
+      .control-group
+        = f.label :bio, :class => "control-label"
+        .controls
+          = f.text_area :bio, :rows => 6, :class => "input-xlarge", :maxlength => 250
           %span.help-block About yourself in fewer than 250 characters.
-    .span7.right
+    .span5.right
       %p.alert-message.block-message 
         %strong Tip:
         You can change your avatar at gravatar.com
 
-  .actions
-    = f.submit 'Save', :class => "primary btn"
+  .form-actions
+    = f.submit 'Save', :class => "btn-primary btn"
 
 -#= link_to "New project", new_project_path, :class => "btn small padded"
 -#= link_to "New public key", new_key_path, :class => "btn small"

app/views/projects/_project_head.html.haml

@@ -1,4 +1,4 @@
-%ul.tabs
+%ul.nav.nav-tabs
   %li{ :class => "#{'active' if current_page?(project_path(@project)) }" }
     = link_to project_path(@project), :class => "activities-tab tab" do 
       Show

app/views/projects/index.html.haml

@@ -1,8 +1,8 @@
 - if @projects.any?
   .row
-    .span11
+    .span8
       = render @events
-    .span5.right
+    .span4.right
       %div.leftbar.ui-box
         %h5
           Projects

app/views/projects/show.html.haml

@@ -1,9 +1,18 @@
 = render "project_head"
-.main_box
-  .top_box_content
-    %h3
-      = @project.name
-      %span.right
+
+.alert.alert-info
+  .row
+    -#.span2
+      .back_link
+        = link_to projects_path do 
+          ← To projects list
+    .span7
+      .form-horizontal
+        .input-prepend
+          %span.add-on git clone
+          = text_field_tag :project_clone, @project.url_to_repo, :class => "one_click_select span5"
+    .span4.right
+      .right
         - if can? current_user, :download_code, @project
           = link_to "Download", archive_project_repository_path(@project), :class => "btn small padded"
         - if @project.merge_requests_enabled && can?(current_user, :write_merge_request, @project)
@@ -12,18 +21,7 @@
         - if @project.issues_enabled && can?(current_user, :write_issue, @project)
           = link_to new_project_issue_path(@project), :title => "New Issue", :class => "btn small" do 
             Issue
-    .back_link
-      = link_to projects_path do 
-        ← To projects list
-  .middle_box_content
-    .input
-      .input-prepend
-        %span.add-on git clone
-        = text_field_tag :project_clone, @project.url_to_repo, :class => "xlarge one_click_select git_clone_url"
 
-  - if @project.description.present?
-    .bottom_box_content
-      .markdown= markdown @project.description
 - unless @events.blank?
   %br
   %h5.cgray

app/views/projects/team.html.haml

@@ -1,10 +1,12 @@
 = render "project_head"
 
 - if can? current_user, :admin_team_member, @project
-  .alert-message.block-message
+  .alert.alert-info
     = link_to new_project_team_member_path(@project), :class => "btn small right", :title => "New Team Member" do 
       New Team Member
-    %p Read more about project permissions #{link_to "here", help_permissions_path, :class => "vlink"}
+    %p 
+      Read more about project permissions 
+      %strong= link_to "here", help_permissions_path, :class => "vlink"
     %p To open team member profile - click on avatar. 
 
 

app/views/protected_branches/index.html.haml

@@ -1,6 +1,6 @@
 = render "repositories/branches_head"
 
-.alert-message.block-message
+.alert
   %p Protected branches designed to prevent push for all except #{link_to "masters", help_permissions_path, :class => "vlink"}. 
   %p This ability allows: 
   %ul
@@ -11,7 +11,7 @@
 
 
 - unless @branches.empty?
-  %table.zebra-striped
+  %table.table-striped
     %thead
       %tr
         %th Name

app/views/refs/_tree_file.html.haml

@@ -4,14 +4,14 @@
     .row
       .span1.file_icon= image_tag(file.image? ? "file_img.png" : "file_txt.png")
       .span2.mode_text= file.mode
-      .span7.file_name= name
-      .span4.right
+      .span5.file_name= name
+      .span3.right
         = link_to "raw", blob_project_ref_path(@project, @ref, :path => params[:path]), :class => "right", :target => "_blank"
         = link_to "history", project_commits_path(@project, :path => params[:path], :ref => @ref), :class => "right", :style => "margin-right:10px;"
   - if file.text?
     .view_file_content
       - unless file.empty?
-        %div{:class => current_user.dark_scheme ? "black" : ""} 
+        %div{:class => current_user.dark_scheme ? "black" : "white"} 
           :erb
             <%= raw file.colorize %>
       - else 

app/views/refs/tree.html.haml

@@ -1,4 +1,4 @@
-%ul.tabs
+%ul.nav.nav-tabs
   %li
     = form_tag switch_project_refs_path(@project), :method => :get, :class => "project-refs-form", :remote => true do
       = select_tag "ref", grouped_options_refs, :onchange => "$(this.form).trigger('submit');", :class => "project-refs-select"

app/views/repositories/_branches_head.html.haml

@@ -1,5 +1,5 @@
 = render "commits/head"
-%ul.pills
+%ul.nav.nav-pills
   %li{:class => ("active" if current_page?(project_repository_path(@project)))}
     = link_to project_repository_path(@project) do 
       Recent

app/views/repositories/branches.html.haml

@@ -1,6 +1,6 @@
 = render "repositories/branches_head"
 - unless @branches.empty?
-  %table.zebra-striped.borders
+  %table.table-striped.borders
     %tbody
       - @branches.each do |branch|
         = render "repositories/branch", :branch => branch

app/views/repositories/tags.html.haml

@@ -1,6 +1,6 @@
 = render "commits/head"
 - unless @tags.empty?
-  %table.zebra-striped.borders
+  %table.table-striped.borders
     - @tags.each do |tag|
       %tr
         %td

app/views/search/show.html.haml

@@ -2,8 +2,8 @@
   .padded
     = label_tag :search, "Looking for"
     .input
-      = text_field_tag :search, params[:search],:placeholder => "issue 143", :class => "xxlarge"
-      = submit_tag 'Search', :class => "btn primary"
+      = text_field_tag :search, params[:search],:placeholder => "issue 143", :class => "input-xxlarge"
+      = submit_tag 'Search', :class => "btn btn-primary"
 - if params[:search].present?
   %br
   %h3 Search results

app/views/team_members/_show.html.haml

@@ -11,5 +11,5 @@
     .span3
       = form_for(member, :as => :team_member, :url => project_team_member_path(@project, member)) do |f|
         = f.select :project_access, options_for_select(UsersProject.access_roles, member.project_access), {}, :class => "medium project-access-select", :disabled => !allow_admin
-    - if @project.owner == user
-      %span.label Project Owner
+      - if @project.owner == user
+        %span.label Project Owner

app/views/team_members/show.html.haml

@@ -15,7 +15,7 @@
       ← To team list
   %br
   .row
-    .span8
+    .span6
       %table.no-borders
         %tr
           %td Email
@@ -35,7 +35,7 @@
           %tr
             %td Bio
             %td= user.bio
-    .span8
+    .span6
       %table.no-borders
         %tr
           %td Member since
@@ -50,8 +50,9 @@
   %hr
   = render user.recent_events.limit(3)
   - if can? current_user, :admin_project, @project
-    .actions
-      = link_to 'Remove from team', project_team_member_path(:project_id => @project, :id => @team_member.id), :confirm => 'Are you sure?', :method => :delete, :class => "btn danger"
+    .form-horizontal
+      .form-actions
+        = link_to 'Remove from team', project_team_member_path(:project_id => @project, :id => @team_member.id), :confirm => 'Are you sure?', :method => :delete, :class => "btn btn-danger"
 
 :javascript
   $(function(){