add some styling on tables view

app/models/section.rb

@@ -22,6 +22,19 @@ class Section
     section
   end
 
+  def occupied_tables
+    return @occupied_tables if @occupied_tables.present?
+    @active_lists = List.active_for_section(self.id)
+    @active_lists.include_relation(:table)
+    @occupied_tables = @active_lists.map(&:table)
+  end
+
+  def active_lists
+    return @active_lists if @active_lists.present?
+    @active_lists = List.active_for_section(self.id)
+  end
+
+
   def width
     self.path.last.try(:first).to_f - self.path.first.try(:first).to_f
   end
@@ -47,4 +60,22 @@ class Section
       path_will_change!
     end
   end
+
+  def as_json
+    super.merge(width: width, height: height)
+  end
+
+  def for_tables_as_json
+    return @for_tables_as_json if @for_tables_as_json.present?
+    h = as_json
+    h[:tables] = []
+    for table in tables
+      ht = table.as_json
+      ht[:occupied] = occupied_tables.include?(table)
+      ht[:needs_help] = ht[:occupied] ? active_lists.find{|l| l.table_id == table.id}.try(:needs_help).present? : false
+      ht[:needs_payment] = ht[:occupied] ? active_lists.find{|l| l.table_id == table.id}.try(:needs_payment).present? : false
+      h[:tables] << ht
+    end
+    @for_tables_as_json = h
+  end
 end