Rework users show

app/decorators/application_decorator.rb

@@ -1,9 +1,19 @@
 class ApplicationDecorator < Draper::Decorator
-  def formatted_columns
-    self.class.column_names.reject { |e| invisible_columns.include? e }.map { |c| [c.gsub("_", " ").capitalize, self.send(c).to_s] }.to_h
+
+  def visible_columns
+    attributes.keys.select { |e| visible_column_list.include? e }
+  end
+
+  def enabled_columns
+    attributes.keys.select { |e| enabled_column_list.include? e }
   end
 
-  def invisible_columns
+  def visible_column_list
     raise NotImplementedError
   end
+
+  def enabled_column_list
+    raise NotImplementedError
+  end
+
 end

app/decorators/user_decorator.rb

@@ -1,7 +1,15 @@
 class UserDecorator < ApplicationDecorator
   delegate_all
 
-  def invisible_columns
-    ["password_digest", "name", "remember_digest"]
+  def visible_column_list
+    ["id"]
+  end
+
+  def enabled_column_list
+    ["email", "password"]
+  end
+
+  def posted_months
+    self.posts.order(created_at: :asc).map { |p| p.created_at.strftime('%B') }
   end
 end

app/views/users/show.html.erb

@@ -3,13 +3,12 @@
   <script>sweetLogin();</script>
 <% end %>
 <h2 class="center"><%= @user.name %></h2>
-<% @user.formatted_columns.each_pair do |k, v| %>
-  <strong><%= k %>: </strong><%= v %><br />
-<% end %>
-
-<h2>Posts</h2>
+<div class="container">
+  <%= render '/users/user_sections/profile' %>
+</div>
+<%= render '/users/user_sections/posts' %>
 <div class="row">
-  <% @posts.each do |post| %>
-    <div class="col s12 m6 l4"><%= render partial: "/posts/post", locals: {post: post, full_post: false} %></div>
-  <% end %>
+<div class="col s4">
+<%= render '/users/user_sections/months' %>
+</div>
 </div>

app/views/users/user_sections/_months.html.erb

@@ -0,0 +1,13 @@
+<div class="card">
+  <div class="card-image waves-effect waves-block waves-light">
+    <img class="activator" src="<%= image_url('office.jpg') %>">
+  </div>
+  <div class="card-content">
+    <span class="card-title activator grey-text text-darken-4">Card Title<i class="material-icons right">more_vert</i></span>
+    <p><a href="#">This is a link</a></p>
+  </div>
+  <div class="card-reveal">
+    <span class="card-title grey-text text-darken-4">Card Title<i class="material-icons right">close</i></span>
+    <p>Here is some more information about this product that is only revealed once clicked on.</p>
+  </div>
+</div>

app/views/users/user_sections/_posts.html.erb

@@ -0,0 +1,6 @@
+<h2>Posts</h2>
+<div class="row">
+  <% @posts.each do |post| %>
+    <div class="col s12 m6 l4"><%= render partial: "/posts/post", locals: {post: post, full_post: false} %></div>
+  <% end %>
+</div>

app/views/users/user_sections/_profile.html.erb

@@ -0,0 +1,9 @@
+<%= simple_form_for @user do |u| %>
+  <% @user.enabled_columns.each do |c| %>
+    <%= u.input c %>
+  <% end %>
+<% end %>
+
+<% @user.visible_columns.each do |c| %>
+  <strong><%= c %>: </strong><%= @user.send(c) %><br />
+<% end %>