open_porch 0.5.0

data/app/views/registrations/new.html.haml

@@ -0,0 +1,17 @@
+= content_for :head do
+  = javascript_include_tag "http://maps.google.com/maps/api/js?sensor=false"
+  = javascript_include_tag 'google_maps'
+
+
+= content_for :doc_ready do
+  initialize_gmap(document.getElementById("map_canvas"), #{@address.lat}, #{@address.lng});
+  add_marker(#{@address.lat}, #{@address.lng}, '#{@address.full}');
+  
+.columns
+  .left_column
+    %h2 Find your address on the map
+
+    = render :partial => 'address_form'
+    
+  .right_column      
+    #map_canvas{:style => 'width:260px; height:400px'}

data/app/views/sessions/new.html.haml

@@ -0,0 +1,18 @@
+.columns
+
+  %h1 Login
+
+  .left_column
+    = formatted_form_for @session_user, :url => login_path do |f|
+      = f.text_field :email, :label => 'Email address'
+      = f.password_field :password
+      = f.check_box :remember_me, :label => 'Remember me when I come back'
+      = f.submit 'Log In'
+
+  .right_column
+    %p
+      Did you forget your password?
+      = link_to 'Recover it here.', new_password_path
+      %br/
+      Don't have an account yet?
+      = link_to 'Register here.', root_path

data/app/views/stylesheets/common.sass

@@ -0,0 +1,239 @@
+// === Columns ========================================
+.columns
+  overflow: hidden
+  background: #fff
+  padding: 30px 40px
+  .left_column
+    float: left
+    width: 560px
+    margin-right: 40px
+  .right_column
+    float: right
+    width: 280px
+
+.columns.half
+  .left_column
+    width: 420px
+  .right_column
+    width: 420px
+
+// === Tabs ========================================
+ul.tabs
+  overflow: hidden
+  font: 14px Georgia, serif
+  li
+    float: left
+    margin-bottom: 0px
+    padding: 10px 10px
+    margin: 5px 5px 0px 0px
+    background: #9f9a9f
+    color: #fff
+    a
+      color: #fff
+  li.active
+    margin-top: 0px
+    border-top: 5px solid #00AFDB
+    background: #fff
+    color: #2D212D
+    a
+      color: #2D212D
+  li.right
+    float: right
+    margin: 5px 0px 0px 5px
+    a
+      background: none
+      
+// === Sub nav ========================================
+ul.sub_nav
+  overflow: hidden
+  li
+    float: left
+    line-height: 30px
+    margin-right: 10px
+    a
+      padding: 4px 5px
+    a.active
+      background-color: #00AFDB
+      color: #fff
+      
+ul.list
+  margin-bottom: 20px
+  line-height: 15px
+  clear: both
+  li
+    padding: 5px
+    border-top: 1px solid #a6a8ab
+    border-bottom: 1px solid #a6a8ab
+    .name
+      margin-bottom: 5px
+    h4
+      margin-bottom: 0px
+    p.meta
+      font-size: 10px
+      text-transform: uppercase
+    
+  li+li
+    border-top: none
+
+// === Table ========================================
+table
+  border-bottom: 1px solid #a6a8ab
+  width: 100%
+  margin-bottom: 10px
+  th
+    border-bottom: 1px solid #a6a8ab
+  th, td
+    padding: 5px
+  td
+    vertical-align: top
+    border-bottom: 1px solid #ddd
+  td.action_link
+    white-space: nowrap
+  th.center, td.center
+    text-align: center
+  tr.important
+    td
+      background: #ddd
+
+// === Form ========================================
+form.formatted
+  .form_element
+    margin-bottom: 10px
+    .label
+      font: 10px/20px Arial, sans-serif
+      color: #6E666E
+      text-transform: uppercase
+      letter-spacing: 1px
+      margin-bottom: 5px
+    .errors, .description
+      font: 11px/20px Arial, sans-serif
+      letter-spacing: 1px
+    .errors
+      color: red
+    .description
+      font-style: italic
+      color: #6E666E
+    
+  .form_element.text_field, .form_element.password_field
+    input
+      border: 1px solid #a6a8ab
+      padding: 5px
+      width: 90%
+    .search
+      width: 150px
+    
+  .form_element.text_area textarea
+    border: 1px solid #a6a8ab
+    padding: 5px
+    width: 90%
+  
+  .form_element.check_box
+    .value
+      label
+        padding-left: 5px
+
+// === Form  admin search========================================
+
+.columns
+  .header
+    overflow: hidden
+    h2
+      float: left
+    h5
+      float: left
+      margin-left: 10px
+      margin-top: 12px
+
+form.admin_search
+  overflow: hidden
+  float: right
+  .form_element
+    float: left
+    width: auto
+    margin-right: 10px
+    .label
+      margin-bottom: 0px
+    .value
+      input[type=text], input[type=date]
+        width: 150px
+  .form_element.submit_element
+    padding-top: 20px
+    width: 50px
+  
+  
+
+// === Flash messages ========================================
+.flash_wrapper
+  .flash_message
+    padding: 5px 5px
+    margin: -15px auto 15px auto
+    text-align: center
+    background: #fff
+    color: #00AFDB
+  .flash_message.alert
+    color: #c21a1a
+
+
+// === Google map ========================================
+#map_canvas
+  border: 2px solid #2D212D
+  margin-bottom: 10px
+
+
+#user_activity
+  overflow: hidden
+  margin: 5px 0
+  float: right
+  width: 400px
+  font: 10px/15px Arial, sans-serif
+  text-align: right
+  .user
+    background: #ddd
+    float: right
+    padding: 0px 5px
+    margin-left: 5px
+
+// === Pagination ========================================
+.pagination
+  font: 13px/20px Arial, sans-serif
+  margin-bottom: 10px
+  float: right
+  .previous_page, .next_page
+    background: #ebebeb
+    text-transform: uppercase
+    font-size: 11px
+  span, a, em
+    background-color: #ebebeb
+    font-size: 12px
+    line-height: 20px
+    padding: 4px 10px
+    text-decoration: none
+    margin: 0
+  .current
+    background-color: #404041
+    color: #fff
+    font-style: normal
+  a:hover
+    text-decoration: underline
+
+h2
+  .pagination
+    margin-top: 20px
+
+.ajax-loader
+  width: 20px
+  height: 20px
+  background: url('/images/icons/ajax-loader.gif') no-repeat center
+
+div.ui-datepicker
+  font-size: 10px
+input[type=date]
+  background: url(/images/icons/calendar.png) no-repeat 98%
+  
+// === Ads ========================================
+a.ad.current_issue
+  width: 140px
+  height: 140px
+  margin: 15px auto
+  display: block
+  

data/app/views/stylesheets/content.sass

@@ -0,0 +1,193 @@
+.wrapper.registrations_index
+  .main_content
+    overflow: hidden
+    padding-top: 0px
+    .intro
+      float: left
+      width: 550px
+      padding-top: 80px
+      h5
+        display: inline
+        margin-right: 10px
+      h3.join
+        width: 100px
+    .columns
+      float: right
+      width: 280px
+      .flash_wrapper
+        .flash_message.alert
+          background: #c21a1a
+          color: #fff
+
+.registrations_create
+  li.selected, li.hover
+    background: #eee        
+      
+.users_show
+  .main_content
+    ul.list li
+      overflow: hidden
+      .label
+        float: left
+        width: 150px
+      .value
+        float: left
+        width: 300px
+    .list_header
+      overflow: hidden
+      h3
+        float: left
+        width: 200px
+      h5
+        float: right
+        width: 100px
+        text-align: right
+
+.areas_show, .admin_areas_issues_show
+  .main_content
+    .stats
+      margin-bottom: 20px
+    h2, h3
+      margin-bottom: 0px
+    ul.list
+      padding-top: 20px
+      li
+        padding: 10px 5px
+        h4
+          margin-bottom: 0px
+        p.meta
+          text-transform: uppercase
+          font-size: 10px
+          line-height: 15px
+          color: #6E666E
+
+.admin_areas_edit_borders
+  #map_canvas
+    #google_map
+      .editor_button
+        font: 12px/12px Arial,sans-serif
+        background: #fff
+        color: #000
+        border: solid #000 2px
+        margin: 5px
+        padding: 2px 4px
+        cursor: pointer
+      .disabled
+        color: #bbb
+        border: solid #bbb 2px
+        cursor: default
+    .flash_message
+      position: absolute
+      z-index: 100
+      padding: 2px 5px
+      margin: 5px 0px 0px 70px
+      font: 12px/12px Arial,sans-serif
+      float: none
+      border: solid #000 1px
+      background-color: #c4d2a6
+      color: #000
+    .flash_message.alert
+      background-color: #f2d9d9
+      color: #c21a1a
+    .region_details
+      position: absolute
+      z-index: 100
+      padding: 2px 5px
+      margin: 5px 0px 0px 200px
+      font: 12px/12px Arial,sans-serif
+      float: none
+      border: solid #000 1px
+      background-color: #a6c4d2
+      color: #000
+
+
+
+.posts
+  border-bottom: 1px solid #a6a8ab
+  margin-bottom: 10px
+  .post
+    overflow: hidden
+    padding: 5px 0
+    .select
+      float: left
+      width: 20px
+    .content
+      float: left
+      width: 360px
+      h6
+        margin-bottom: 0px
+      .meta
+        font-size: 10px
+        text-transform: uppercase
+      input[type=text], textarea
+        width: 350px
+        margin-bottom: 10px
+      .edit_post
+        .ajax-loader
+          display: inline-block
+          width: 14px
+          height: 14px
+    .status
+      float: left
+      width: 40px
+      a
+        width: 20px
+        height: 20px
+        display: block
+        background-repeat: no-repeat
+        background-position: center
+      a.reviewed
+        background-image: url('/images/icons/post_reviewed.png')
+      a.unreviewed
+        background-image: url('/images/icons/post_new.png')
+        
+  .header
+    overflow: hidden
+    border-bottom: 1px solid #a6a8ab
+    padding: 5px 0
+    .select
+      float: left
+      width: 20px
+    .text
+      float: left
+      width: 400px
+      font-weight: bold
+
+.right_column
+  .posts
+    .status
+      cursor: move
+      
+#chart-container
+  margin-bottom: 20px
+  width: 100%
+  height: 200px
+    
+.area_issues_index
+  .left_column
+    ul.list li
+      overflow: hidden
+      .post
+        float: left
+        width: 270px
+        margin-bottom: 20px
+        h4
+          margin-bottom: 0px
+        p.meta
+          font-size: 10px
+          text-transform: uppercase
+  .right_column
+    .pagination
+      float: none
+      
+.area_issues_show
+  .pagination
+    float: none
+
+.users_edit
+  .delete_account
+    color: #ecbdbd
+    a
+      color: #ecbdbd
+    a:hover
+      color: #cc0000

data/app/views/stylesheets/reset.sass

@@ -0,0 +1,46 @@
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
+  margin: 0
+  padding: 0
+
+table
+  border-collapse: collapse
+  border-spacing: 0
+  
+fieldset, img
+  border: 0
+  
+img
+  display: block
+
+address, caption, cite, code, dfn, var
+  font-style: normal
+  font-weight: normal
+  
+ol, ul
+  list-style: none
+  
+caption, th
+  text-align: left
+  
+h1, h2, h3, h4, h5, h6
+  font-size: 100%
+  
+q:before, q:after
+  content: ''
+
+abbr, acronym
+  border: 0
+  
+sup, sub
+  height: 0
+  line-height: 1
+  vertical-align: baseline
+  _vertical-align: bottom
+  position: relative
+
+sup
+  bottom: 1ex
+
+sub
+  top: .5ex
+  left: -0.25em

data/app/views/stylesheets/structure.sass

@@ -0,0 +1,11 @@
+body
+  background-color: #D1DBCD
+  .wrapper
+    margin: auto
+    width: 960px
+    .main_content
+      margin-bottom: 50px
+      padding-top: 50px
+    .footer
+      border-top: 1px solid #a6a8ab
+      padding: 10px 0

data/app/views/stylesheets/typography.sass

@@ -0,0 +1,57 @@
+a
+  color: #00AFDB
+  text-decoration: none
+a:hover
+  text-decoration: underline
+  
+h1
+  font: 50px/55px Georgia, serif
+  color: #2D212D
+  em
+    font-style: italic
+h2
+  font: 35px/38px Georgia, serif
+  color: #2D212D
+h3
+  font: 20px/28px Georgia, serif
+  color: #6E666E
+  text-transform: none
+  em
+    font-style: italic
+  strong
+    font-weight: normal
+    color: #2D212D
+  
+h4
+  font: 15px/20px Georgia, serif
+  color: #2D212D
+  
+h5
+  font: bold 13px/20px Arial, sans-serif
+  color: #fff
+  a
+    text-decoration: none
+    background-color: #00AFDB
+    padding: 4px 5px
+    color: #fff
+  a.active
+    background-color: #2D212D
+
+h1,h2
+  margin-bottom: 20px
+h3,h4,h5
+  margin-bottom: 10px
+
+p+p
+  margin-top: 10px
+  
+p, ul, table, .posts
+  font: 13px/20px Arial, sans-serif
+  color: #2D212D
+  
+  
+label
+  font: 10px/20px Arial, sans-serif
+  color: #6E666E
+  text-transform: uppercase
+  letter-spacing: 1px

data/app/views/user_mailer/email_verification.html.erb

@@ -0,0 +1,5 @@
+<p>Hi <%= @user.first_name %></p>
+
+<p>Welcome to OpenPorch. Thanks for signing up.</p>
+
+<h2><%= link_to 'To complete your registration, please click here.', verify_email_url(@user.email_verification_key) %></h2>

data/app/views/user_mailer/email_verification.text.erb

@@ -0,0 +1,7 @@
+Hi <%= @user.first_name %>
+
+Welcome to OpenPorch. Thanks for signing up. 
+
+To complete your registration, please go to:
+
+<%= verify_email_url(@user.email_verification_key) %>

data/app/views/user_mailer/new_issue.html.erb

@@ -0,0 +1,32 @@
+<p>To POST your message, email to <%= mail_to(@issue.area.email) %></p>
+
+
+<h2><%= "#{@issue.area.name} NEIGHBORHOOD FORUM NO.#{@issue.number}".upcase %></h2>
+
+
+
+
+<% @issue.posts.order(:position).each do |post| %>
+  <h3><%=post.title %></h3>
+  <p class="author"> 
+    By 
+    <strong><%= post.user_first_name%> <%= post.user_last_name%>, <%=post.user_address %></strong>
+  </p>
+  
+<% end %>
+
+
+<% @issue.posts.order(:position).each do |post| %>
+  <br/>
+  <hr/>
+  <br/>
+  <h3><%= post.title %></h3>
+  <p class="author"> 
+    By 
+    <strong><%= post.user_first_name%> <%= post.user_last_name%>, <%=post.user_address %>, <%= mail_to(post.user_email) %></strong>
+    <br/>
+    <%= post.created_at.to_date.to_s(:long)%>
+    <br/>Post your note to neighbors: <%= mail_to(@issue.area.email) %>
+  </p>
+  <%= simple_format(auto_link(post.content)) %>
+<% end %>

data/app/views/user_mailer/new_issue.text.erb

@@ -0,0 +1,26 @@
+To POST your message, email to <%= mail_to(@issue.area.email) %>
+
+<%= "#{@issue.area.name} NEIGHBORHOOD FORUM NO.#{@issue.number}".upcase %>
+
+
+<% @issue.posts.order(:position).each do |post| %>
+  <%=post.title.upcase %>
+  By <%= post.user_first_name%> <%= post.user_last_name%>, <%=post.user_address %>
+  
+<% end %>
+
+
+
+<% @issue.posts.order(:position).each do |post| %>
+---------------------------------------------
+  
+  
+<%= post.title.upcase %>
+By <%= post.user_first_name%> <%= post.user_last_name%>, <%=post.user_address %>, <%=post.user_email %>
+<%= post.created_at.to_date.to_s(:long) %>
+Post your note to neighbors: <%= mail_to(@issue.area.email) %>
+
+<%= post.content %>
+
+<% end %>
+

data/app/views/user_mailer/password_reset.html.erb

@@ -0,0 +1,7 @@
+<p>Hi <%= @user.first_name %></p>
+
+<p>A new password was requested for this email address.</p>
+
+<p>Please ignore this if you think this email is sent to you in error.</p>
+
+<h2><%= link_to 'Reset your password', edit_password_url(:id => @user.perishable_token) %></h2

data/app/views/user_mailer/password_reset.text.erb

@@ -0,0 +1,6 @@
+Hi <%= @user.first_name %>,
+
+A new password was requested for this email address. Please ignore this if you think this email is sent to you in error.
+
+To reset your password please follow this link:
+<%= edit_password_url(:id => @user.perishable_token) %>

data/app/views/users/_form.html.haml

@@ -0,0 +1,5 @@
+= f.text_field :first_name
+= f.text_field :last_name
+= f.text_field :email
+= f.password_field :password, :autocomplete => :off
+= f.password_field :password_confirmation

data/app/views/users/edit.html.haml

@@ -0,0 +1,11 @@
+= render :partial => 'layouts/account_nav'
+
+.columns
+  .left_column
+    %h2 Edit your details
+    = formatted_form_for @user, :url => user_path do |f|
+      = render :partial => 'form', :locals => {:f => f}
+      = f.submit 'Save', :cancel_url => link_to('cancel', user_path(@user))
+  .right_column
+    .delete_account
+      = link_to 'Click here if you wish to delete your account.', user_path, :method => :delete, :confirm => "Are you sure you want to delete your account? This action is irreversible."