BS3: show bike.

app/assets/stylesheets/frontend.scss

@@ -16,3 +16,9 @@ fieldset, .fieldset {
     vertical-align: top;
   }
 }
+
+.bike-color {
+  display: inline-block;
+  padding-left: 6px;
+  padding-right: 6px;
+}

app/controllers/bikes_controller.rb

@@ -9,7 +9,7 @@ class BikesController < AuthenticatedController
 
   def show
     @bike = Bike.find_by_id(params[:id])
-    @task_list_id = @bike.task_list.id
+    @task_list = @bike.task_list
     @show_add_bike = true if params[:add_bike]
   end
 

app/views/bikes/show.html.haml

@@ -4,24 +4,37 @@
 
 = top_menu link_to_dashboard, btn
 
-%h2 #{@bike.shop_id}: #{@bike.bike_brand}
-%h2 #{@bike.model}
+%h1 #{@bike.shop_id}: #{@bike.bike_brand}
+%h4= @bike.model
 
 %dl.dl-horizontal
   %dt Type
-  %dd #{@bike.bike_style}
+  %dd= @bike.bike_style
+
   %dt Wheel Size
-  %dd #{@bike.bike_wheel_size.display_string}
+  %dd= @bike.bike_wheel_size.display_string
+
   %dt Condition
-  %dd #{@bike.bike_condition}
+  %dd= @bike.bike_condition
+
   %dt Seat Tube (cm)
-  %dd #{@bike.seat_tube_height}
+  %dd= @bike.seat_tube_height
+
   %dt Purpose
-  %dd #{@bike.bike_purpose}
-  - if !@bike.value.nil?
+  %dd= @bike.bike_purpose
+
+  - unless @bike.value.nil?
     %dt Value
-    %dd #{@bike.value}
-  - if !@bike.color.nil?
+    %dd= @bike.value
+
+  - unless @bike.color.nil?
     %dt Color
-    %dd{ style: "width: 50px; background-color: ##{@bike.color}; border: black; border-width: 1px; border-style: solid;"} #{@bike.color}
-%a{class: "btn btn-lg btn-block btn-primary", href: edit_task_list_path(@task_list_id) } View Checklist
+    %dd
+      .bike-color{style: "background-color: ##{@bike.color}"} #{@bike.color}
+
+  - if @task_list
+    - tasks = @task_list.tasks.to_a
+    %dt Task list
+    %dd
+      = link_to edit_task_list_path(@task_list.id) do
+        #{tasks.select(&:done).count}/#{tasks.count}