admin console: upload user logo, modify user profile.

Author: robbin

TODO

@@ -1,3 +1,8 @@
+- Now
+  * upload logo
+  * comment box tips: markdown style
+  * upload attachment and delete immediately
+  
 - Backend
   * Editor Tab
   * admin panel: 

app/controllers/admin.rb

@@ -108,6 +108,7 @@
     @account = Account.find params[:id]
     if @account.update_attributes(params[:account])
       flash[:notice] = '修改个人设置成功'
+      redirect_to url(:admin, :edit_profile, :id => @account.id)
     else
       render 'admin/edit_profile'
     end

app/views/admin/_form.erb

@@ -5,12 +5,12 @@
 
 <table class="content">
   <tr>
-    <th valign="top">Title</th>
+    <th valign="top">文章标题</th>
     <td><%= form.text_field :title, :class => 'title' %></td>
   </tr>
 
   <tr>
-    <th valign="top">Content</th>
+    <th valign="top">文章内容</th>
     <td>
       <div>
         <a id="show_blog_content_editor" href="#">Editor</a>
@@ -28,7 +28,7 @@
   </tr>
 
   <tr>
-    <th valign="top">Category</th>
+    <th valign="top">文章分类</th>
     <td>
       <label><%= form.radio_button :category, :value => 'blog' %> 博客文章(blog)</label>
       <label><%= form.radio_button :category, :value => 'note' %> 学习笔记(note)</label>
@@ -66,14 +66,14 @@
   </tr>
 
   <tr>
-    <th valign="top">URL</th>
+    <th valign="top">URL后缀</th>
     <td>
       <%= form.text_field :slug_url, :placeholder => '填写URL英文关键词，用-连接'  %>
     </td>
   </tr>
 
   <tr>
-    <th valign="top">Comment</th>
+    <th valign="top">允许评论</th>
     <td>
       <%= form.check_box :commentable, :style => 'display:inline;' %>
       <div id="form-error-info"></div>

app/views/admin/edit_profile.erb

@@ -1 +1,43 @@
-edit <%= @account.name %> profile
+<div class="publish">
+	<div class="con">
+    <% form_for @account, url(:admin, :profile, :id => @account.id), :method => :put,  :multipart => true do |form| %>
+    <div class="title">修改用户信息</div>
+    <table class="content">
+      <tr>
+        <th valign="top">用户名字</th>
+        <td><%= form.text_field :name, :class => 'title' %></td>
+      </tr>
+
+      <tr>
+        <th valign="top">Email地址</th>
+        <td><%= form.text_field :email, :class => 'title' %></td>
+      </tr>
+ 
+      <tr>
+        <th valign="top">修改密码</th>
+        <td><%= form.password_field :password, :class => 'title' %></td>
+      </tr>
+      
+      <tr>
+        <th valign="top">确认密码</th>
+        <td><%= form.password_field :password_confirmation, :class => 'title' %></td>
+      </tr>
+             
+      <tr>
+        <th valign="top">头像</th>
+        <td>
+          <p><%= image_tag(@account.logo.url) %></p>
+          <%= form.file_field :logo %>
+        </td>
+      </tr>
+
+      <tr>
+        <th>&nbsp;</th>
+        <td align="center">
+          <%= form.submit '', :class => 'submit' %>
+        </td>
+      </tr>
+    </table>
+    <% end %>
+  </div>
+</div>

app/views/admin/index.erb

@@ -6,5 +6,5 @@
 </div>
 
 <p>
-  admin
+  admin console.
 </p>

lib/avatar_uploader.rb

@@ -2,17 +2,20 @@ class AvatarUploader < CarrierWave::Uploader::Base
   include CarrierWave::MiniMagick
   storage :file
 
+  process :resize_to_fit => [80, 80]
+  process :convert => 'png' 
+  
+  def filename 
+      "logo.#{model.logo.file.extension}" if original_filename
+  end 
+  
   def store_dir
     "uploads/#{model.class.to_s.underscore}/#{mounted_as}/#{model.id}"
   end
 
   def default_url
    "/images/default_logo.jpg"
   end
-  
-  version :normal do
-    process :resize_to_fill => [80, 80]
-  end
 
   def extension_white_list
     %w(jpg jpeg gif png)

public/skins/default/content.css

@@ -216,4 +216,4 @@ body{ background:#bebebe url(bg.gif);}
 div#flash-notice{ width:100px;height:24px;text-align:center;position:fixed;background-color:red;color:#fff;top:0px;right:0px;display:none;}
 div#comment-error-info{ width:120px;height:24px;text-align:center;float:left;position:relative;background-color:red;color:#fff;display:none;}
 div#form-error-info{ width:100%;height:20px;text-align:left;display:block;color:red;}
-div#form-error-info span{padding:0 5px;}
+div#form-error-info span{padding:0 5px;}