pwb 1.2.0 → 1.3.0

data/app/themes/airbnb/views/pwb/props/show.html.erb

@@ -0,0 +1,69 @@
+<% page_title @property_details.title  %>
+<%# render '/pwb/props/meta_tags' %>
+<%# render '/pwb/props/breadcrumb_row' %>
+<!-- MAIN CONTENT -->
+<section class="slice bg-white bb">
+  <div class="wp-section estate">
+    <div class="container-off-off">
+      <div class="row">
+        <div class="col m9">
+          <div class="row">
+            <div class="col m12">
+              <%= render '/pwb/props/images_section_carousel' %>
+            </div>
+            <div class="col m12">
+              <%= render '/pwb/props/prop_info_list' %>
+            </div>
+          </div>
+          <!-- PROPERTY DESCRIPTION -->
+          <div class="row">
+            <div class="col m12">
+              <h3><%= I18n.t("property.description") %></h3>
+              <%== @property_details.description %>
+              <br>
+              <br>
+            </div>
+            <div class="col m12">
+              <% if @property_details.extras_for_display.present? %>
+                <h3><%= I18n.t("property.extras") %></h3>
+                <%= render '/pwb/props/extras' %>
+                <br>
+                <br>
+              <% end %>
+            </div>
+          </div>
+        </div>
+        <div class="col m3">
+          <div class="sidebar">
+            <%= render '/pwb/props/request_prop_info' %>
+            <%= render '/pwb/props/prop_contact_info' %>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <social-sharing  class="center"  inline-template>
+    <div class="social-icons icon-circle">
+      <network network="facebook">
+        <i class="fa fa-facebook"></i>
+      </network>
+      <network network="googleplus">
+        <i class="fa fa-google-plus"></i>
+      </network>
+      <network network="linkedin">
+        <i class="fa fa-linkedin"></i>
+      </network>
+      <network network="twitter">
+        <i class="fa fa-twitter"></i>
+      </network>
+    </div>
+  </social-sharing>
+</section>
+<% if @property_details.show_map %>
+  <div id="inmo-map-canvas" class="map-canvas no-margin">
+    <inmo-map style="min-height: 600px;"
+    :markers="<%= @map_markers.to_json %>"
+        :zoom="15">
+    </inmo-map>
+  </div>
+<% end %>

data/app/themes/airbnb/views/pwb/search/_search_form_for_rent.html.erb

@@ -0,0 +1,183 @@
+<form accept-charset="UTF-8" action="/apartments" id="filter" method="post">
+  <div style="margin:0;padding:0;display:inline">
+    <input name="utf8" type="hidden" value="✓">
+    <input name="authenticity_token" type="hidden" value="V5YTNhuAaysi8HzMTgM8BN6iL2cDo8EQ3GLHCMBToqE=">
+  </div>
+  <input id="page" name="page" type="hidden" value="1">
+  <input id="sort" name="sort" type="hidden">
+  <input id="city" name="city" type="hidden" value="New York">
+  <h5>Filter by</h5>
+  <a href="#" class="filter-clear">Clear all</a>
+  <h4>Availablility</h4>
+  <fieldset class="embed-label perform-availability-check" id="sidebar-dates">
+    <label for="check_in">From</label>
+    <input class="date-picker check-in hasDatepicker" id="sidebar-check-in" name="check_in" type="text" value="11/08/2017">
+    <label for="check_out">To</label>
+    <input class="date-picker check-out hasDatepicker" id="sidebar-check-out" name="check_out" type="text" value="12/07/2017">
+  </fieldset>
+  <h4>Location</h4>
+  <fieldset>
+    <ul>
+      <li>
+        <input id="neighborhoods_Downtown" name="neighborhoods[]" type="checkbox" value="Downtown">
+        <label for="neighborhoods_Downtown">Downtown</label>
+      </li>
+    </ul>
+  </fieldset>
+  <h4>Price Range</h4>
+  <fieldset>
+    <span class="price-min">$50</span>
+    <span class="price-max">$1000</span>
+    <div class="range ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" aria-disabled="false">
+      <div class="ui-slider-range ui-widget-header ui-corner-all" style="left: 0%; width: 100%;"></div>
+      <a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 0%;"></a><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 100%;"></a></div>
+    <input id="min_price" name="min_price" type="hidden" value="50">
+    <input id="max_price" name="max_price" type="hidden" value="1000">
+  </fieldset>
+  <h4>Bedrooms</h4>
+  <fieldset>
+    <select id="bedrooms" name="bedrooms" class="chzn-done" style="display: none;">
+      <option value="any" selected="">Any</option>
+      <option value="0">0 (Studio/Loft)</option>
+      <option value="1">1 Bedroom</option>
+      <option value="2">2 Bedrooms</option>
+      <option value="3">3 Bedrooms</option>
+      <option value="4">4+ Bedrooms</option>
+    </select>
+    <div class="chzn-container chzn-container-single chzn-container-single-nosearch" style="width: 100%;" title="" id="bedrooms_chzn"><a class="chzn-single" tabindex="-1"><span>Any</span>
+              <div><b></b></div>
+            </a>
+      <div class="chzn-drop">
+        <div class="chzn-search">
+          <input type="text" autocomplete="off" readonly="">
+        </div>
+        <ul class="chzn-results"></ul>
+      </div>
+    </div>
+  </fieldset>
+  <h4>Number of Apartments</h4>
+  <fieldset>
+    <p class="sub-heading">In the same building</p>
+    <select id="units_in_building" name="units_in_building" class="chzn-done" style="display: none;">
+      <option value="0" selected="">Any</option>
+      <option value="2">2 Apartments</option>
+      <option value="3">3 Apartments</option>
+      <option value="4">4 Apartments</option>
+      <option value="5">5 Apartments</option>
+      <option value="6">6+ Apartments</option>
+    </select>
+    <div class="chzn-container chzn-container-single chzn-container-single-nosearch" style="width: 100%;" title="" id="units_in_building_chzn"><a class="chzn-single" tabindex="-1"><span>Any</span>
+              <div><b></b></div>
+            </a>
+      <div class="chzn-drop">
+        <div class="chzn-search">
+          <input type="text" autocomplete="off" readonly="">
+        </div>
+        <ul class="chzn-results"></ul>
+      </div>
+    </div>
+  </fieldset>
+  <h4>Amenities</h4>
+  <fieldset>
+    <ul>
+      <li>
+        <input id="amenities_TV" name="amenities[]" type="checkbox" value="TV">
+        <label for="amenities_TV">TV</label>
+      </li>
+      <li>
+        <input id="amenities_Heating" name="amenities[]" type="checkbox" value="Heating">
+        <label for="amenities_Heating">Heating</label>
+      </li>
+      <li>
+        <input id="amenities_Elevator_in_Building" name="amenities[]" type="checkbox" value="Elevator in Building">
+        <label for="amenities_Elevator_in_Building">Elevator in Building</label>
+      </li>
+      <li>
+        <input id="amenities_Doorman" name="amenities[]" type="checkbox" value="Doorman">
+        <label for="amenities_Doorman">Doorman</label>
+      </li>
+      <li>
+        <input id="amenities_Internet" name="amenities[]" type="checkbox" value="Internet">
+        <label for="amenities_Internet">Internet</label>
+      </li>
+      <li>
+        <input id="amenities_Hot_Tub" name="amenities[]" type="checkbox" value="Hot Tub">
+        <label for="amenities_Hot_Tub">Hot Tub</label>
+      </li>
+      <li class="maxlist-hidden" style="display: none;">
+        <input id="amenities_Air_Conditioning" name="amenities[]" type="checkbox" value="Air Conditioning">
+        <label for="amenities_Air_Conditioning">Air Conditioning</label>
+      </li>
+      <li class="maxlist-hidden" style="display: none;">
+        <input id="amenities_Pets_Allowed" name="amenities[]" type="checkbox" value="Pets Allowed">
+        <label for="amenities_Pets_Allowed">Pets Allowed</label>
+      </li>
+      <li class="maxlist-hidden" style="display: none;">
+        <input id="amenities_Family_Kid_Friendly" name="amenities[]" type="checkbox" value="Family/Kid Friendly">
+        <label for="amenities_Family_Kid_Friendly">Family/Kid Friendly</label>
+      </li>
+      <li class="maxlist-hidden" style="display: none;">
+        <input id="amenities_Breakfast" name="amenities[]" type="checkbox" value="Breakfast">
+        <label for="amenities_Breakfast">Breakfast</label>
+      </li>
+      <li class="maxlist-hidden" style="display: none;">
+        <input id="amenities_Smoking_Allowed" name="amenities[]" type="checkbox" value="Smoking Allowed">
+        <label for="amenities_Smoking_Allowed">Smoking Allowed</label>
+      </li>
+      <li class="maxlist-hidden" style="display: none;">
+        <input id="amenities_Private_Outdoor_Space" name="amenities[]" type="checkbox" value="Private Outdoor Space">
+        <label for="amenities_Private_Outdoor_Space">Private Outdoor Space</label>
+      </li>
+      <li class="maxlist-hidden" style="display: none;">
+        <input id="amenities_Pool" name="amenities[]" type="checkbox" value="Pool">
+        <label for="amenities_Pool">Pool</label>
+      </li>
+      <li class="maxlist-hidden" style="display: none;">
+        <input id="amenities_Wireless_Internet" name="amenities[]" type="checkbox" value="Wireless Internet">
+        <label for="amenities_Wireless_Internet">Wireless Internet</label>
+      </li>
+      <li class="maxlist-hidden" style="display: none;">
+        <input id="amenities_Kitchen" name="amenities[]" type="checkbox" value="Kitchen">
+        <label for="amenities_Kitchen">Kitchen</label>
+      </li>
+      <li class="maxlist-hidden" style="display: none;">
+        <input id="amenities_Gym" name="amenities[]" type="checkbox" value="Gym">
+        <label for="amenities_Gym">Gym</label>
+      </li>
+      <li class="maxlist-hidden" style="display: none;">
+        <input id="amenities_Washer" name="amenities[]" type="checkbox" value="Washer">
+        <label for="amenities_Washer">Washer</label>
+      </li>
+      <li class="maxlist-hidden" style="display: none;">
+        <input id="amenities_Handicap_Accessible" name="amenities[]" type="checkbox" value="Handicap Accessible">
+        <label for="amenities_Handicap_Accessible">Handicap Accessible</label>
+      </li>
+      <li class="maxlist-hidden" style="display: none;">
+        <input id="amenities_Cable_TV" name="amenities[]" type="checkbox" value="Cable TV">
+        <label for="amenities_Cable_TV">Cable TV</label>
+      </li>
+      <li class="maxlist-hidden" style="display: none;">
+        <input id="amenities_Roof_Deck" name="amenities[]" type="checkbox" value="Roof Deck">
+        <label for="amenities_Roof_Deck">Roof Deck</label>
+      </li>
+      <li class="maxlist-hidden" style="display: none;">
+        <input id="amenities_Dryer" name="amenities[]" type="checkbox" value="Dryer">
+        <label for="amenities_Dryer">Dryer</label>
+      </li>
+      <li class="maxlist-hidden" style="display: none;">
+        <input id="amenities_Free_parking_on_premise" name="amenities[]" type="checkbox" value="Free parking on premise">
+        <label for="amenities_Free_parking_on_premise">Free parking on premise</label>
+      </li>
+      <li class="maxlist-hidden" style="display: none;">
+        <input id="amenities_Buzzer_Wireless_Intercom" name="amenities[]" type="checkbox" value="Buzzer/Wireless Intercom">
+        <label for="amenities_Buzzer_Wireless_Intercom">Buzzer/Wireless Intercom</label>
+      </li>
+      <li class="maxlist-hidden" style="display: none;">
+        <input id="amenities_Indoor_Fireplace" name="amenities[]" type="checkbox" value="Indoor Fireplace">
+        <label for="amenities_Indoor_Fireplace">Indoor Fireplace</label>
+      </li>
+    </ul>
+    <p class="maxlist-more"><a href="#">show more</a></p>
+  </fieldset>
+  <!-- <a href="#" class="btn">See Results</a> -->
+</form>

data/app/themes/airbnb/views/pwb/search/_search_results.html.erb

@@ -0,0 +1,34 @@
+<% unless @properties && (@properties.size > 0 ) %>
+  <h4 style="margin-top: 40px;text-transform: none;">
+    <%= t "noResultsForSearch" %>
+  </h4>
+<% end %>
+<div id="results">
+  <% @properties.each_with_index do |property, index| %>
+    <section id="unit-59db5881c011184d6d00038a">
+      <p class="index"><span class="visuallyhidden">Result #</span> <%= index + 1 %> </p>
+      <figure>
+        <%= opt_image_tag((property.ordered_photo 1), quality: "auto",
+            height: 200, width: 300, crop: "scale", class: "img-responsive", alt: "Apartment") %>
+      </figure>
+      <div class="description">
+        <h2>
+          <%= link_to property.title, property.contextual_show_path(@operation_type)  %>
+        </h2>
+        <p>5th Ave. New York, NY 10001<br>
+          <span class="hood">Downtown</span></p>
+        <p class="price"><span><%= property.contextual_price_with_currency @operation_type  %></span> per day</p>
+      </div>
+      <ul class="amenities">
+        <li class="icon-bed"><span class="visuallyhidden">Beds:</span><%= property.count_bedrooms %> <span>BR</span></li>
+        <li class="icon-bath"><span class="visuallyhidden">Bathrooms:</span> <%= property.count_bathrooms %> <span>Bath</span></li>
+      </ul>
+      <div class="co-brand">
+        <a href="/apartments?company=john-walker-sons-inc-52fc58">
+
+          <img alt="brand" src="https://images.unsplash.com/photo-1470082719408-b2843ab5c9ab?dpr=1&auto=compress,format&fit=crop&w=1782&h=&q=80&cs=tinysrgb">
+        </a>
+      </div>
+    </section>
+  <% end %>
+</div>

data/app/themes/airbnb/views/pwb/search/buy.html.erb

@@ -0,0 +1,65 @@
+<% page_title @current_agency.company_name  %>
+<% content_for :page_script do %>
+  <%= javascript_tag do %>
+    $(document).ready(
+    function(){
+      $('#inmo-search-results').html("<%= j (render 'search_results') %>");
+
+      INMOAPP.truncateDescriptions();
+      INMOAPP.sortSearchResults();
+    }
+  );
+  <% end %>
+<% end %>
+<!-- MAIN CONTENT -->
+<div class="pg-opt">
+  <div class="container-off">
+    <div class="row">
+      <div class="col m6">
+        <h2>
+          <%= I18n.t("searchForProperties") %>
+        </h2>
+      </div>
+      <div class="col m6" style="">
+        <ol class="breadcrumb">
+          <li><a href="/">
+              <%= I18n.t("webContentSections.home") %>
+            </a></li>
+          <li class="active">
+            <%= I18n.t("searchForProperties") %>
+          </li>
+        </ol>
+      </div>
+    </div>
+  </div>
+</div>
+<section class="slice bg-white bb">
+  <div class="wp-section">
+    <div class="container-off">
+      <div class="row">
+        <div class="col m9">
+          <%# render '/pwb/search/search_results_header' %>
+          <!-- placeholder for ajax refresh: -->
+          <div id="inmo-search-results">
+          </div>
+        </div>
+        <div class="col m3">
+          <div class="sidebar">
+            <!-- FILTERS -->
+            <%= render '/pwb/search/search_form_for_sale' %>
+            <%# render '/pwb/search/go_to_property' %>
+            <!-- RECENTLY VIEWED -->
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+<% if @map_markers.length > 0 %>
+  <div id="inmo-map-canvas" class="map-canvas no-margin">
+    <inmo-map ref="inmomap" style="min-height: 600px;"
+    :markers="<%= @map_markers.to_json %>"
+        :zoom="15">
+    </inmo-map>
+  </div>
+<% end %>

data/app/themes/airbnb/views/pwb/search/rent.html.erb

@@ -0,0 +1,87 @@
+<% page_title @current_agency.company_name  %>
+<% content_for :page_script do %>
+  <%= javascript_tag do %>
+    $(document).ready(
+    function(){
+      $('#inmo-search-results').html("<%= j (render 'search_results') %>");
+      INMOAPP.truncateDescriptions();
+      INMOAPP.sortSearchResults();
+    }
+  );
+  <% end %>
+<% end %>
+<%# specify a body class (if you want one) %>
+<% content_for :body_class, 'results' %>
+<div id="hero" style="background: url(https://images.unsplash.com/photo-1470082719408-b2843ab5c9ab?dpr=1&auto=compress,format&fit=crop&w=1782&h=&q=80&cs=tinysrgb) no-repeat;background-size: cover;
+    background-position: 50% 50%;">
+  <figure></figure>
+</div>
+<div id="main">
+  <div class="site-content panel panel-top">
+    <div class="results-meta">
+      <p>
+        <strong class="result-count">225</strong>
+        <strong>results</strong>
+        <strong class="result-entity"> for New York </strong>
+      </p>
+      <div class="date-range">
+        (available between <span class="check-in-date">11/08/2017</span>
+        and <span class="check-out-date">12/07/2017</span>)
+                    </div>
+    </div>
+    <div id="primary" role="main">
+      <div id="inmo-search-results">
+      </div>
+      <!-- #results -->
+      <section>
+        <form accept-charset="UTF-8" action="/contact_us" id="contact-us-form" method="post">
+          <div style="margin:0;padding:0;display:inline">
+            <input name="utf8" type="hidden" value="✓"><input name="authenticity_token" type="hidden" value="V5YTNhuAaysi8HzMTgM8BN6iL2cDo8EQ3GLHCMBToqE=">
+          </div>
+          <p>Can't find what your looking for?</p>
+          <p>Get in touch and we'll find you a great apartment.</p>
+          <div class="column">
+            <div>
+              <label class="visuallyhidden" for="contact_us_name">Name</label>
+              <input class="required_text_input" data-error="Please enter your name" id="block_1" name="contact_us_name" placeholder="Name" type="text" value="Pini">
+            </div>
+            <div>
+              <label class="visuallyhidden" for="contact_us_email">Email</label>
+              <input class="required_text_input" data-error="Please enter your email" id="block_2" name="contact_us_email" placeholder="Email" type="text" value="pa@staybay.com">
+            </div>
+          </div>
+          <div class="column">
+            <label class="visuallyhidden" for="contact_us_message">Message</label>
+            <textarea class="required_text_input" cols="30" data-error="Please enter your message" id="block_3" name="contact_us_message" placeholder="Let us know how we can help!" rows="10"></textarea>
+          </div>
+          <input class="btn wide" id="contact-us-send" name="commit" type="submit" value="Send">
+        </form>
+      </section>
+    </div>
+    <!-- primary -->
+    <div id="secondary">
+      <div class="widget map">
+        <div id="map" style="position: relative; overflow: hidden;">
+          <% if @map_markers.length > 0 %>
+            <div id="inmo-map-canvas" class="map-canvas no-margin">
+              <inmo-map ref="inmomap" style="min-height: 60px;height: 100%;
+    width: 100%;
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    background-color: rgb(229, 227, 223);"
+    :markers="<%= @map_markers.to_json %>"
+        :zoom="15">
+              </inmo-map>
+            </div>
+          <% end %>
+        </div>
+      </div>
+      <%= render '/pwb/search/search_form_for_rent' %>
+    </div>
+    <!-- #secondary -->
+  </div>
+  <!-- .site-content -->
+  <div id="pagination">
+  </div>
+</div>

data/app/themes/airbnb/views/pwb/sections/_contact_us_form.html.erb

@@ -0,0 +1,49 @@
+<div class="section-title-wr" style="display:none;">
+  <h3 class="section-title left"><span>
+    <%= I18n.t("contactUs") %>
+  </span>
+  </h3>
+</div>
+<p id="contact-us-prompt" >
+  <%= I18n.t("contactUsPrompt") %>: 
+</p>
+
+<%= form_for :contact, :url => '/contact_us.js', :method => 'post', 
+  :html => { :class => 'form-light mt-20 mi_form' }, :remote => true do |f| %>
+
+  <%=  f.hidden_field :locale, :value => I18n.locale %>
+
+  <div class="form-group">
+    <%= simple_inmo_input f, "name", "name", "text", true %>
+  </div>
+  <div class="row">
+    <div class="col-md-6">
+      <div class="form-group pos_relative">
+        <%= simple_inmo_input f, "email", "email", "email", true %>
+      </div>
+    </div>
+    <div class="col-md-6">
+      <div class="form-group pos_relative">
+        <%= simple_inmo_input f, "tel", "tel", "text", false %>
+      </div>
+    </div>
+  </div>
+  <div class="form-group">
+    <%= simple_inmo_input f, "subject", "subject", "text", false %>
+  </div>
+  <div class="form-group">
+    <%= simple_inmo_textarea f, "message", "message", "text", false %>
+  </div>
+  <div class="form-group">
+  </div>
+  <div class="form-group">
+    <div id="contact-us-result" style="display: inline-table;width: 100%;"></div>
+  </div>
+  <%=  button_tag(type: "submit", class: "btn btn-base fondo_accion") do %>
+    <i class="fa fa-envelope"></i> 
+    <%= I18n.t("send") %>
+  <% end %>
+
+
+  <div id="resp_enviar"></div>
+<% end %>