掲示板を作ってみる・その１０【スレッド用のビューファイルを作成】

---

掲示板を作ってみる・その１【何を作るの？】
掲示板を作ってみる・その２【モデルを作る パート１】
掲示板を作ってみる・その３【モデルを作る パート２】
掲示板を作ってみる・その４【ルーティングを考える】
掲示板を作ってみる・その５【コントローラを生成】
掲示板を作ってみる・その６【ヘルパを作る】
掲示板を作ってみる・その７【スレッド用コントローラを編集】
掲示板を作ってみる・その８【レス用コントローラを編集】
掲示板を作ってみる・その９【レイアウトファイルとスタイルシートファイルを作成】
掲示板を作ってみる・その１０【スレッド用のビューファイルを作成】
掲示板を作ってみる・その１１【レス用のビューファイルを作成】
掲示板を作ってみる・その１２【ruby-gettext で日本語化】

---

スレッド用に view ファイルを作ります。

でもでもその前に、エラーが起きたときに、Rails はエラーが起きたコントローラ(テキストボックスとか)の周りを親切にも div ダグで囲んでくれます。
しかし、div タグだと勝手に改行されてもうて画面レイアウトがおかしくなるので、div タグで囲んでもらう代わりに、span タグで囲んでもらうようにします。

config/environment.rb の一番最後の行に

ActionView::Base.field_error_proc = Proc.new do |html_tag, instance_tag|
  "<span class='fieldWithErrors'>#{html_tag}</span>"
end

を加えます。

では、スレッド用のビューファイルをざくざくと作成していきましょう。

app/views/topic/list.html.erb

<%= error_messages_for :topic, :post %>
<% if flash[:msg] %>
<%= h(flash[:msg]) %><br />
<% end %>

<table align="center" bgcolor="#ccffcc" border="1" cellpadding="3" cellspacing="7" width="95%"><tbody><tr><td><font size="2">
<%
  if @topics.size > 0
    cnt = 1
    @topics.each do |t|
%>
<%= link_to h("#{cnt}: #{t.title} (#{t.posts.count.to_s})"), {:controller => 'post', :action => 'list', :id => t.id} %>
<%
      cnt += 1
    end
  else
%>
まだスレッドを立てていません。
<%
  end
%>
</font></td></tr>

<tr><td>
<% form_for :topic, :url => {:action => 'create'} do |f| %>
  タイトル: <%= f.text_field :title, {:size => 40} %>
  <%= f.submit '新規スレッド作成' %><br />
  <% fields_for :post do |p| %>
    名前: <%= p.text_field :name, {:size => 19} %>
    E-mail: <%= p.text_field :email, {:size => 19} %><br>
    <span style="vertical-align:top;">内容:</span>
    <%= p.text_area :content, {:rows => 5, :cols => 60, :wrap => 'OFF'} %>
  <% end %>
<% end %>
</td></tr></tbody></table>

難しいところは・・・ link_to の最初の引数を HTMLエスケープしなくてはならないつーところだけかな？質問・意見があったらコメント欄へ書いてください。

おしまい。次回へ続く