# HG changeset patch
# User jittat <jittat@6386c4cd-e34a-4fa8-8920-d93eb39b512e>
# Date 2008-02-08 04:30:36
# Node ID eeff05df9da18bd15d975f4cebee40ffbe8bd8e4
# Parent  a663af8c2813105452e54077a905fa8b5b3df01c

+user template, +some style

git-svn-id: http://theory.cpe.ku.ac.th/grader/web/trunk@38 6386c4cd-e34a-4fa8-8920-d93eb39b512e

diff --git a/app/views/users/index.html.haml b/app/views/users/index.html.haml
new file mode 100644
--- /dev/null
+++ b/app/views/users/index.html.haml
@@ -0,0 +1,32 @@
+
+%h1 Your account settings
+
+%p
+  You can edit your full name and alias.  Just click on the text and edit it.
+
+
+%table.uinfo
+  %tr
+    %th.uinfo Login
+    %td.uinfo= @user.login
+  %tr
+    %th.uinfo Full name
+    %td.uinfo= in_place_editor_field :user, 'full_name', {}, :rows => 1
+  %tr
+    %th.uinfo Alias
+    %td.uinfo= in_place_editor_field :user, 'alias', {}, :rows => 1
+  %tr
+    %th.uinfo Password
+    %td.uinfo
+      - form_tag :action => 'chg_passwd', :method => 'post' do
+        %table
+          %tr
+            %td= password_field_tag 'passwd'
+            %td (new)
+          %tr
+            %td= password_field_tag 'passwd_verify'
+            %td (verify)
+          %tr
+            %td{:colspan => "2"}
+              = submit_tag 'change password'
+
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -1,34 +1,61 @@
+p {
+    font-size: 12px;
+}
 
-div.problist-each { margin-top: 2px; margin-bottom: 2px}
+div.problist-each { 
+    margin-top: 2px; 
+    margin-bottom: 2px
+}
 
 div.usermenu { 
-  border-top: thin solid grey;
-  border-bottom: thin solid grey;
-  text-align: right
+    border-top: thin solid grey;
+    border-bottom: thin solid grey;
+    text-align: right
 }
 
 div.probname { 
-  background-color: #66aaaa; 
-  font-weight: bold;
-  color: white;
-  padding: 2px;
+    background-color: #66aaaa; 
+    font-weight: bold;
+    color: white;
+    padding: 2px;
 }
 
 div.subinfo { 
-  margin-left: 20px; 
-  margin-top: 2px;
-  border-bottom: thin solid grey;
-  border-left: thin solid grey
+    margin-left: 20px; 
+    margin-top: 2px;
+    border-bottom: thin solid grey;
+    border-left: thin solid grey
 }
 
 div.compilermsgbody {
-  font-family: monospace;
+    font-family: monospace;
 }
 
 div.submitbox {
-  border: thin solid black;
-  padding: 5px;
-  color: white;
-  background-color: #777777;
+    border: thin solid black;
+    padding: 5px;
+    color: white;
+    background-color: #777777;
+}
+
+
+table.uinfo {
+    border-collapse: collapse;
+    border: 1px solid black;
+    font-size: 13px;
 }
 
+
+td.uinfo {
+    vertical-align: top;
+    border: 1px solid black;
+    padding: 5px;
+}
+
+th.uinfo {
+    background: lightgreen;
+    vertical-align: top;
+    text-align: right;
+    border: 1px solid black;
+    padding: 5px;
+}