[Rails]Assignment — Todolist

Rails一開始的框架都差不多，所以在處理這個assignment時，也是早早就把前面給寫好了。寫完之後，心想除了Alpha Camp給的user story外，也想加入自己想要的user story進去，盡可能地把這個assignment做成完整的project。

但是，就是這個”但是“，一開始列user story，林林總總就列了個太多，然後發現自己已能上手解決的沒幾個，心裡就產生陰影，”拖延症“就出現了！延了個幾天，在今天把「刻意練習」看完之後，決定認真面對這個問題。

首先，先把想呈現的頁面格式畫出來，將先前設定好的頁面優化。

index部分：
加上well，code為：
<div class=”row”>
  <div class=”col-md-8 col-md-offset-2">
    <div class=”well”>
      <div class=”list-title col-md-3">(上下兩個col-md-3，變同一行)
        <%= link_to list.name.capitalize, list_path(list) %>(讓name變  成超連結，可以連結到show page)
      </div>
      <div class=”list-duedate pull-right col-md-3">
        <%= list.duedate %>
      </div>
      ...
    </div>
  </div>
</div>
將連結edit和delete變成按鈕，code為：
<button type="button" class="btn btn-success">
  <%= link_to 'Edit',edit_list_path(list)%>
</button>

show的部分和index一樣，變成well。

new和edit的partial部分：
加上form-horizontal、well、form-group、control-label和form-control：
<div class=”form-horizontal”>
  <div class=”col-sm-8 col-sm-offset-2">
    <%= form_for @list do |f| %>
      <div class=”well”>
        <div class=”form-group”>
          <div class=”control-label col-sm-2">
            <%= f.label :name %>
          </div>
          <div class=”col-sm-8">
            <%= f.text_field :name, class: “form-control”, placeholder: “Name of List”, autofocus: true %>
          </div>
        </div>
        ...
      </div>
    <% end %>
  </div>
</div>

改完上述部分後，發現網頁不再只是單純的文字敘述，多了一些顏色，心情就很好。不懂之前為了這些問題，在躊躇什麼。之後遇到這種問題，想辦法把問題拆成更小的問題，然後一步一步達成，累積起來，就像往前了很大一步，而會感到開心！發現自己能夠改，且改得不錯，就會投入更多時間，想辦法解題，讓網頁往自己想要的方向前進。所以，遇到困難，想拖延時，解決的辦法為：列出想要前進的方向、然後拆問題、找答案、解題，不斷循環，就可以達成！

error部分尚未改完，checklist也還沒弄清楚該怎麼放上去，bootstrap會套，但每想套一個，就要找網頁設定的class，非常麻煩，明天繼續！