Settings mockup

app/views/layouts/application.html.haml

@@ -27,13 +27,13 @@
                 = image_tag "artist_loader.gif"
             %ul.nav.secondary-nav
               %li.dropdown
-                %a.dropdown-toggle{ :href => "#" } chez
+                %a.dropdown-toggle#username{ :href => "#" } %username%
                 %ul.dropdown-menu
                   %li
-                    %a{ :href => "#" } Preferences
+                    %a#preferences{ :href => "#" } Preferences
                   %li.divider
                   %li
-                    %a{ :href => "#" } Logout
+                    %a#logout{ :href => "#" } Logout
     
     .popover-wrapper
       .popover.below#autocomplete-container

app/views/user/_settings.html.haml

@@ -0,0 +1,65 @@
+%h1 Settings
+%ul.tabs
+  %li.active
+    %a{ :href => "#" } Account
+  %li
+    %a{ :href => "#" } Site
+  %li
+    %a{ :href => "#" } Music
+  %li
+    %a{ :href => "#" } Last.fm
+
+.forms
+  .form.account
+    %form
+      %fieldset
+        .clearfix
+          %label{ :for => "input-username" } Username
+          .input
+            %input.xlarge#input-username{ :name => "input-username", :size => 30, :type => "text" }
+        .clearfix
+          %label{ :for => "input-email" } Email
+          .input
+            %input.xlarge#input-email{ :name => "input-email", :size => 30, :type => "text" }
+  .form.site
+    %form
+      %fieldset
+        .clearfix
+          %label{ :for => "select-lang" } Language
+          .input
+            %select.medium#select-lang{ :name => "select-lang" }
+              %option English
+              %option Русский
+  .form.music
+    %form
+      %fieldset
+        .clearfix
+          %label{ :for => "select-lang" } Show
+          .input
+            %ul.inputs-list
+              %li
+                %label.disabled
+                  %input{ :name => "show-album", :type => "checkbox", :checked => "checked", :disabled => "disabled" }
+                  %span Albums
+              %li
+                %label
+                  %input{ :name => "show-single", :type => "checkbox" }
+                  %span Singles
+              %li
+                %label
+                  %input{ :name => "show-live", :type => "checkbox" }
+                  %span Live shows
+              %li
+                %label
+                  %input{ :name => "show-bootleg", :type => "checkbox" }
+                  %span Bootlegs
+  .form.lastfm
+    %form
+      %fieldset
+        .clearfix
+          %label{ :for => "input-username" } Username
+          .input
+            .input-append
+              %input#input-username{ :name => "input-username", :type => "text", :size => 30 }
+              %label.add-on
+                %input{ :type => "checkbox" }