conschedule 0.1.0

data/app/views/conschedule/schedules/_page_three.html.erb

@@ -0,0 +1,94 @@
+<div id="main-region">
+  <div>
+    <div class="header">
+      <div class="js-profile-region">
+        <div class="wrapper">
+          <div class="step-back icon-arrow-left js-step-back">&nbsp;</div>
+          <div class="label">
+            <%= @page_info[:main_heading] %>
+            <div class="js-popover-region"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <hr class="mbl">
+    <div class="wrapper">
+      <div class="notification js-event-error-block mbl" style="display: none;">
+        <span class="js-event-error-message"></span>
+        <a class="button ghost js-step-back">Find a new spot</a>
+      </div>
+      <div class="row adaptive">
+        <div class="col1of2 hidden-phone prm mbm">
+          <div class="mbs row">
+            <% unless @page_info[:purpose].blank? %>
+              <div class="marker" style="background-color: #fff200"></div>
+              <div class="last-col">
+                <h2><%= @page_info[:purpose] %></h2>
+              </div>
+            <% end %>  
+          </div>
+          <div class="iconed-text emphasis slot-details"></div>
+          <div class="iconed-text tz-details"></div>
+          <div class="iconed-text">
+            <% unless @page_info[:instructions].blank? %>
+              <i class="icon-description"></i>
+              <div class="last-col">
+                <%= @page_info[:instructions] %>
+              </div>
+            <% end %>  
+          </div>
+          <div class="iconed-text">
+            <% unless @page_info[:location_details].blank? %>
+              <i class="icon-location-target"></i>
+              <div class="last-col">
+                <%= @page_info[:location_details] %>
+              </div>
+            <% end %>  
+          </div>
+        </div>
+        <div class="col1of2 plm">
+          <div class="error_explanation"></div>
+          <h2 class="mbm">Enter Details</h2>
+          <%= f.hidden_field :slot_start_time %>
+          <%= f.hidden_field :slot_end_time %>
+          <%= f.hidden_field :app_tz_offset %>
+          <%= f.hidden_field :user_tz_offset %>
+          <div class="row">
+            <div class="col1of2 prs">
+              <div class="field mbm">
+                <label>First Name *</label>
+                <%= f.text_field :first_name, autocomplete: "off", autocorrect: "off", maxlength: "155" %>
+                <span data-error="first_name"></span>
+              </div>
+            </div>
+            <div class="col1of2 pls">
+              <div class="field mbm">
+                <label>Last Name</label>
+                <%= f.text_field :last_name, autocomplete: "off", autocorrect: "off", maxlength: "155" %>
+                <span data-error="last_name"></span>
+              </div>
+            </div>
+          </div>
+          <div class="field mbm">
+            <label>Your phone *</label>
+            <%= f.text_field :phone, autocomplete: "off" %>
+            <span data-error="phone"></span>
+          </div>
+          <div class="field mbm">
+            <label>Your e-mail address *</label>
+            <%= f.text_field :email, autocomplete: "off" %>
+            <span data-error="email"></span>
+          </div>
+          <div class="field mbm">
+            <label>Message</label>
+            <%= f.text_area :message, autocomplete: "off", maxlength: "255", class: "js-input" %>
+            <span data-error="message"></span>
+          </div>
+          <div class="ptm">
+            <%= f.submit "Schedule Event", :class => "button schedule-event" %>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/conschedule/schedules/_page_two.html.erb

@@ -0,0 +1,22 @@
+<div id="main-region">
+  <div>
+    <div class="header">
+      <div class="wrapper">
+        <div class="step-back icon-arrow-left js-step-back">&nbsp;</div>
+        <h2 class="selected_day"></h2>
+        <div class="mbm selected_date"></div>
+        <div class="mbl selected_tz"></div>
+      </div>
+    </div>
+    <hr class="mbl">
+    <div class="wrapper narrow">
+      <div class="text-center mbm">
+      </div>
+      <div class="row mbm">
+        <h2 class="left">Select a Time</h2>
+      </div>
+      <div class="js-spot-list mbl">
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/conschedule/schedules/_schedules.html.erb

@@ -0,0 +1,122 @@
+<ul class="date-list mbl">
+  <% unless @grouped.blank? %>
+    <% @grouped.each do |key,values| %>
+      <li class="date">
+        <div class="heading">
+          <%= fdtime(key.to_date,:date) %>
+          <% if is_today?(key.to_date,@page_info[:system_time_zone]) %>
+            <strong class="mls">
+              TODAY
+            </strong>
+          <% end %>  
+        </div>  
+        <div class="js-events-region">
+          <div class="event-list">
+            <% values.each do |value| %>
+              <div class="event <%= value.status %> collapsed">
+                <div class="js-title-region js-content-toggle">
+                  <div class="title row">
+                    <div class="duration ">
+                      <div>
+                        <span class="h4 time">
+                          <%= slot_start_end_time(value,"app") %>
+                        </span>
+                        <span class="marker" style="background: #fff200;"></span>
+                      </div>
+                      <div class="locked-time muted">
+                        <%= slot_start_end_time(value,"user") %> (<%= value.user_time_zone %>)
+                      </div>
+                    </div>
+                    <div class="description">
+                      <div class="toggle">
+                        <div class="expand">
+                          Details
+                          <i class="icon-angle-down"></i>
+                        </div>
+                        <div class="collapse">
+                          Close
+                          <i class="icon-close"></i>
+                        </div>
+                      </div> 
+                      <div class="primary">
+                        <a class="h4">
+                          <strong class="user-name">
+                            <%= value.full_name %>
+                          </strong>
+                        </a>
+                        <span class="muted">with you</span>
+                      </div>
+                      <div class="secondary">
+                        Event type
+                        <strong class="schedule-name"><%= value.event_name %></strong>
+                      </div>
+                      <% if value.cancelled?  %>
+                        <div class="pts">
+                          <small class="text-danger">
+                            Cancel Message:
+                          </small>
+                          <small class="muted">
+                            <%= cancel_reason(value) %>
+                          </small>
+                        </div>
+                      <% end %> 
+                    </div>  
+                  </div>  
+                </div>  
+                <div class="details row js-content-body">
+                  <div class="controls">
+                    <% if value.display_action? %>
+                      <a class="action-button js-cancel-event-button" href="" data-sch-id="<%= value.id %>">
+                        <i class="icon-trash"></i>
+                        <span class="label">
+                          Cancel Event
+                        </span>
+                      </a>
+                    <% end %>  
+                  </div>  
+                  <div class="content pvm">
+                    <div class="entry">
+                      <label>
+                        Email
+                      </label>
+                      <div>
+                        <%= value.email %>
+                      </div>
+                    </div>
+                    <div class="entry">
+                      <label>
+                        Location
+                      </label>
+                      <div class="text-wrap">
+                        <%= value.location_details %>
+                      </div>
+                    </div>
+                    <div class="timestamp">
+                      created <%= fdtime(value.created_at,:month_date) %>
+                    </div>   
+                  </div> 
+                </div>
+              </div>
+            <% end %>    
+          </div>
+        </div>  
+      </li>
+    <% end %>
+  <% else %>
+    <div class="centered muted ptl">
+      <% if @filters_applied %>
+        <h3 class="pvl">
+          <%= @filter_message %> matching the filtered criteria.
+        </h3>
+        <h3 class="pbl">
+          Suggestion:
+          <a class="js-reset-filters">reset filters </a>to see all <%= @suggestion_message %>.
+        </h3>
+      <% else %>
+        <h3 class="pvl">
+          <%= @filter_message %>
+        </h3>  
+      <% end %>  
+    </div>  
+  <% end %>
+</ul>

data/app/views/conschedule/schedules/create.js.erb

@@ -0,0 +1,11 @@
+$(".error_explanation").html("")
+<% unless @schedule.errors.any? %>
+  $(".page-loaded").html("<%= escape_javascript(render 'confirmation') %>")
+<% else %>
+  $(".error_explanation").append("<h2><%= pluralize(@schedule.errors.count, 'error')%> prohibited this form from being saved:</h2>")
+  $(".error_explanation").append("<p class='error-heading'>There were problems with the following fields:</p>")
+  $(".error_explanation").append("<ul class='form-errors'></ul>")
+  <% @schedule.errors.full_messages.each do |message| %>
+    $("ul.form-errors").append($("<li />").html("<%= message.html_safe %>"))
+  <% end %>
+<% end %>

data/app/views/conschedule/schedules/index.html.erb

@@ -0,0 +1,123 @@
+<div id="popup-region"></div>
+<div class="main-wrapper">
+  <div class="body-content">
+    <div id="main-region" id="main-region">
+      <div class="dashboard">
+        <div class="controls">
+          <div class="wrapper">
+            <div class="scopes-row">
+              <div class="js-scope-filter-region">
+                <div class="tabs">
+                  <div class="tab active" data-value="user">
+                    My Schedules
+                  </div>
+                </div>
+              </div>
+              <div class="js-daterangepicker-region">
+                <div class="daterange">
+                  <div class="js-daterangepicker-toggle">
+                    <%= @date_range_label %>
+                    <i class="icon-angle-down"></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="event-types-row">
+              <div class="js-event-types-region left">
+                <div class="quick-menu"></div>
+              </div>
+              <div class="js-filters-toggle-region last-col">
+                <div class="filters-toggle scope-user">
+                  <span class="js-filters-toggle right">
+                    <small class="label filter-label">Show Filter</small>
+                    <i class="icon-manage"></i>
+                  </span>
+                </div>
+              </div>
+            </div>
+          </div>    
+          <div class="filters-row">
+            <div class="wrapper js-nested-filters-region" style="display:none;">
+              <div class="filters row">
+                <div class="row annotation">
+                  <small>Show me events matching:</small>
+                </div>
+                <div class="row">
+                  <div class="filters-list js-filters-list">
+                    <div class="filter">
+                      <div class="name">Status</div>
+                      <span class="label muted js-label events-tab">
+                        Active Events
+                        <i class="icon-angle-down"></i>
+                      </span>
+                      <div class="js-content-region event-options" style="display:none;">
+                        <div class="options-dropdown">
+                          <div style="max-height: 260px;" class="scroller">
+                            <ul class="checkbox-list js-filter-items">
+                              <li class="checkbox-group">
+                                <div class="present-items plm js-present-items-region">
+                                  <ul>
+                                    <li>
+                                      <div class="checkbox">
+                                        <input checked="checked" class="js-checkbox filter-active" id="option-c514" type="checkbox" data-filter-type="active">
+                                        <label for="option-c514">
+                                          Active events
+                                        </label>
+                                      </div>
+                                    </li>
+                                    <li>
+                                      <div class="checkbox">
+                                        <input class="js-checkbox filter-cancel" id="option-c515" type="checkbox" data-filter-type="canceled">
+                                        <label for="option-c515">
+                                          Cancelled events
+                                        </label>
+                                      </div>
+                                    </li>
+                                  </ul>
+                                </div>
+                                <div class="plm js-deleted-items-region"></div>
+                              </li>
+                            </ul>
+                            <div class="empty muted hidden js-search-empty">
+                              No Status match your search.
+                            </div>
+                          </div>
+                          <div class="decision centered">
+                            <button class="mrs js-apply">Apply</button>
+                            <button class="hollow js-close">Cancel</button>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <span class="ghost-action js-clear-filters" style="display:none;">
+                    Reset Filters
+                  </span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="wrapper">
+          <div class="js-summary-region pagination-summary">
+            <div class="row muted">
+              <% unless @grouped.blank? %>
+                <strong class="pagination-entries">
+                  <%= page_entries_info @schedules, entry_name: 'Event' %>
+                </strong>
+              <% end %>  
+            </div>
+          </div>
+          <div class="js-results-region">
+            <div class="schedule">
+              <%= render 'schedules' %>
+            </div>
+          </div>  
+          <div class="schedule-pagination">
+            <%= paginate @schedules, theme: 'custom_theme', remote: true %>   
+          </div>
+        </div>
+      </div>  
+    </div>
+  </div>
+</div>

data/app/views/conschedule/schedules/index.js.erb

@@ -0,0 +1,3 @@
+$('.schedule').html("<%= escape_javascript(render 'schedules') %>");
+$('.schedule-pagination').html("<%= escape_javascript(paginate(@schedules, theme: 'custom_theme', remote: true).to_s) %>");
+$('.pagination-entries').html("<%= escape_javascript(page_entries_info(@schedules, entry_name: 'Events')) %>");

data/app/views/conschedule/schedules/new.html.erb

@@ -0,0 +1,11 @@
+<%= form_for @schedule, remote: true, html: {class: 'schedule_wizard'} do |f| %>
+  <fieldset class="section-division">
+    <%= render 'page_one', f: f %>
+  </fieldset>
+  <fieldset class="section-division">
+    <%= render 'page_two' %>
+  </fieldset>
+  <fieldset class="section-division">
+    <%= render 'page_three', f: f %>
+  </fieldset>
+<% end %>

data/app/views/conschedule/schedules_mailer/send_cancel_email_owner.html.erb

@@ -0,0 +1,61 @@
+<div bgcolor="#ffffff" style="background-color:#ffffff">
+  <div style="padding:20px 0;margin:0 auto;max-width:600px">
+    <table style="width:80%;margin:0 auto;padding-bottom:20px;border-bottom:1px dashed #dadada">
+      <tbody>
+        <tr>
+          <td style="text-align:center">
+          </td>
+        </tr>
+      </tbody>
+    </table>
+    <table style="width:80%;margin:30px auto 0;font-size:16px">
+      <tbody>
+        <tr>
+          <td style="color:#666a7a;line-height:22px">
+            <p>Hi <%= Conschedule.contact_name %>,</p>
+            <p style="margin-top:20px">The event below has been canceled.</p>
+            <p style="margin-top:20px">
+              <strong style="font-size:14px">Invitee:</strong>
+              <br>
+              <span style="font-size:16px"><%= @schedule.full_name %></span>
+            </p>
+            <p style="margin-top:20px">
+              <strong style="font-size:14px">Invitee Email:</strong>
+              <br>
+              <span style="font-size:16px">
+                <a href="mailto:<%= @schedule.email %>" target="_blank"><%= @schedule.email %></a>
+              </span>
+            </p>
+            <p style="margin-top:20px">
+              <strong style="font-size:14px">Event Date/Time:</strong>
+              <br>
+              <span style="font-size:16px">
+                <span tabindex="0">
+                  <span><%= @slot_start_time.strftime("%-l:%M%P") %></span>
+                </span> - 
+                <span tabindex="0">
+                  <span><%= @schedule.slot_start_time.strftime("%A, %B %-d, %Y") %></span>
+                </span> (<%= @schedule.app_tz_offset %>)
+              </span>
+            </p>
+            <% unless @schedule.cancel_reason.blank? %>
+              <p style="margin-top:20px;color:#e41600">
+                <strong style="font-size:14px">Cancellation Reason:</strong>
+                <br>
+                <span style="font-size:16px"><%= @schedule.cancel_reason %></span>
+              </p>
+            <% end %>  
+          </td>
+        </tr>
+      </tbody>
+    </table>
+    <table style="width:80%;margin:30px auto;border-top:1px dashed #dadada">
+      <tbody>
+        <tr>
+          <td style="color:#a8a8a8;padding-top:15px">
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</div>