pwb 1.1.1 → 1.2.0

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

@@ -1,4 +1,5 @@
 <% page_title @property_details.title  %>
+<%= render '/pwb/props/meta_tags' %>
 <%= render '/pwb/props/breadcrumb_row' %>
 <!-- MAIN CONTENT -->
 <section class="slice bg-white bb">
@@ -23,12 +24,12 @@
               <br>
             </div>
             <div class="col-md-12">
-            <% if @property_details.extras_for_display.present? %>
-              <h3><%= I18n.t("property.extras") %></h3>
-              <%= render '/pwb/props/extras' %>
-              <br>
-              <br>              
-            <% end %>
+              <% if @property_details.extras_for_display.present? %>
+                <h3><%= I18n.t("property.extras") %></h3>
+                <%= render '/pwb/props/extras' %>
+                <br>
+                <br>
+              <% end %>
             </div>
           </div>
         </div>
@@ -41,8 +42,28 @@
       </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"></div>
+  <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 %>
-<!-- FOOTER -->

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

@@ -1,69 +1,65 @@
 <% page_title @current_agency.company_name  %>
-<%= javascript_tag do %>
-  $(document).ready(
+<% content_for :page_script do %>
+  <%= javascript_tag do %>
+    $(document).ready(
     function(){
       $('#inmo-search-results').html("<%= j (render 'search_results') %>");
-      $('select').selectpicker({
-        noneSelectedText: '<%= I18n.t("selectpicker.noneSelectedText") %>',
-        noneResultsText: '<%= I18n.t("selectpicker.noneResultsText") %>',
-        countSelectedText: '<%= I18n.t("selectpicker.countSelectedText") %>'
-      });
+
       INMOAPP.truncateDescriptions();
       INMOAPP.sortSearchResults();
     }
   );
+  <% end %>
 <% end %>
-  <!-- MAIN CONTENT -->
-  <div class="pg-opt">
-    <div class="container">
-      <div class="row">
-        <div class="col-md-6">
-          <h2>
-            <%= I18n.t("searchForProperties") %>
-          </h2>
-        </div>
-        <div class="col-md-6" style="">
-          <ol class="breadcrumb">
-            <li><a href="/">
+<!-- MAIN CONTENT -->
+<div class="pg-opt">
+  <div class="container">
+    <div class="row">
+      <div class="col-md-6">
+        <h2>
+          <%= I18n.t("searchForProperties") %>
+        </h2>
+      </div>
+      <div class="col-md-6" style="">
+        <ol class="breadcrumb">
+          <li><a href="/">
               <%= I18n.t("webContentSections.home") %>
             </a></li>
-            <li class="active">
-              <%= I18n.t("searchForProperties") %>
-            </li>
-          </ol>
-        </div>
+          <li class="active">
+            <%= I18n.t("searchForProperties") %>
+          </li>
+        </ol>
       </div>
     </div>
   </div>
-
-  <section class="slice bg-white bb">
-    <div class="wp-section">
-      <div class="container">
-        <div class="row">
-          <div class="col-md-9">
-
+</div>
+<section class="slice bg-white bb">
+  <div class="wp-section">
+    <div class="container">
+      <div class="row">
+        <div class="col-md-9">
           <%# render '/pwb/search/search_results_header' %>
           <!-- placeholder for ajax refresh: -->
           <div id="inmo-search-results">
           </div>
-
-          </div>
-
-
-          <div class="col-md-3">
-            <div class="sidebar">
-              <!-- FILTERS -->
-
-              <%= render '/pwb/search/search_form_for_sale' %>
-
-              <%# render '/pwb/search/go_to_property' %>
-
-              <!-- RECENTLY VIEWED -->
-
-            </div>
+        </div>
+        <div class="col-md-3">
+          <div class="sidebar">
+            <!-- FILTERS -->
+            <%= render '/pwb/search/search_form_for_sale' %>
+            <%# render '/pwb/search/go_to_property' %>
+            <!-- RECENTLY VIEWED -->
           </div>
         </div>
       </div>
     </div>
-  </section>
-  <!-- FOOTER -->
+  </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/default/views/pwb/search/rent.html.erb

@@ -1,69 +1,65 @@
 <% page_title @current_agency.company_name  %>
-<%= javascript_tag do %>
-  $(document).ready(
+<% content_for :page_script do %>
+  <%= javascript_tag do %>
+    $(document).ready(
     function(){
       $('#inmo-search-results').html("<%= j (render 'search_results') %>");
-      $('select').selectpicker({
-        noneSelectedText: '<%= I18n.t("selectpicker.noneSelectedText") %>',
-        noneResultsText: '<%= I18n.t("selectpicker.noneResultsText") %>',
-        countSelectedText: '<%= I18n.t("selectpicker.countSelectedText") %>'
-      });
+
       INMOAPP.truncateDescriptions();
       INMOAPP.sortSearchResults();
     }
   );
+  <% end %>
 <% end %>
-  <!-- MAIN CONTENT -->
-  <div class="pg-opt">
-    <div class="container">
-      <div class="row">
-        <div class="col-md-6">
-          <h2>
-            <%= I18n.t("searchForProperties") %>
-          </h2>
-        </div>
-        <div class="col-md-6" style="">
-          <ol class="breadcrumb">
-            <li><a href="/">
+<!-- MAIN CONTENT -->
+<div class="pg-opt">
+  <div class="container">
+    <div class="row">
+      <div class="col-md-6">
+        <h2>
+          <%= I18n.t("searchForProperties") %>
+        </h2>
+      </div>
+      <div class="col-md-6" style="">
+        <ol class="breadcrumb">
+          <li><a href="/">
               <%= I18n.t("webContentSections.home") %>
             </a></li>
-            <li class="active">
-              <%= I18n.t("searchForProperties") %>
-            </li>
-          </ol>
-        </div>
+          <li class="active">
+            <%= I18n.t("searchForProperties") %>
+          </li>
+        </ol>
       </div>
     </div>
   </div>
-
-  <section class="slice bg-white bb">
-    <div class="wp-section">
-      <div class="container">
-        <div class="row">
-          <div class="col-md-9">
-
+</div>
+<section class="slice bg-white bb">
+  <div class="wp-section">
+    <div class="container">
+      <div class="row">
+        <div class="col-md-9">
           <%# render '/pwb/search/search_results_header' %>
           <!-- placeholder for ajax refresh: -->
           <div id="inmo-search-results">
           </div>
-
-          </div>
-
-
-          <div class="col-md-3">
-            <div class="sidebar">
-              <!-- FILTERS -->
-
-              <%= render '/pwb/search/search_form_for_rent' %>
-
-              <%# render '/pwb/search/go_to_property' %>
-
-              <!-- RECENTLY VIEWED -->
-
-            </div>
+        </div>
+        <div class="col-md-3">
+          <div class="sidebar">
+            <!-- FILTERS -->
+            <%= render '/pwb/search/search_form_for_rent' %>
+            <%# render '/pwb/search/go_to_property' %>
+            <!-- RECENTLY VIEWED -->
           </div>
         </div>
       </div>
     </div>
-  </section>
-  <!-- FOOTER -->
+  </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/default/views/pwb/sections/about_us.html.erb

@@ -1,4 +1,5 @@
 <% page_title @current_agency.company_name  %>
+<%= render '/pwb/meta_tags' %>
 <!-- MAIN CONTENT -->
 <div class="pg-opt">
   <div class="container">

data/app/themes/default/views/pwb/sections/contact_us.html.erb

@@ -1,4 +1,5 @@
 <% page_title @current_agency.company_name  %>
+<%= render '/pwb/meta_tags' %>
 <!-- MAIN CONTENT -->
 <div class="pg-opt">
   <div class="container">
@@ -40,6 +41,9 @@
             </div>
             <div class="col-sm-12">
             <% if @current_agency.show_contact_map %>
+              <inmo-map style="min-height: 600px;" :markers="<%= @map_markers.to_json %>"
+                  :zoom="15">
+              </inmo-map>
                <div id="inmo-map-canvas" class="map-canvas no-margin"></div>              
             <% end %>
             </div>

data/app/themes/default/views/pwb/sections/static.html.erb

@@ -1,4 +1,5 @@
 <% page_title @current_agency.company_name  %>
+<%= render '/pwb/meta_tags' %>
 <!-- MAIN CONTENT -->
 <div class="pg-opt">
   <div class="container">

data/app/themes/default/views/pwb/welcome/index.html.erb

@@ -1,4 +1,5 @@
 <% page_title @current_agency.company_name  %>
+<%= render '/pwb/meta_tags' %>
 <div>
   <div class="jumbotron">
     <div class="jumbotron-left">
@@ -9,7 +10,6 @@
           <% end %>
         </ol>
         <div class="carousel-inner">
-
           <% @carousel_items.each.with_index do |carousel_item, index| %>
             <div class="item item-dark <%= " active " if index == 0 %>"
             style="<%= bg_image carousel_item.default_photo, quality: "auto",
@@ -35,10 +35,20 @@
       </div>
     </div>
     <div class="jumbotron-right">
-      <!-- FIND property list WIDGET -->
     </div>
   </div>
 </div>
+<% if @current_website.configuration["show_landing_searchbar"]  %>
+  <div class="landing-search-container row fondo_secundario">
+    <div class="col-md-1"></div>
+    <div class="col-md-10">
+      <%= render '/pwb/search/search_form_landing' %>
+    </div>
+    <div class="col-md-1"></div>
+  </div>
+<% end  %>
+
+
 <%= render '/pwb/welcome/content_area_cols' %>
 <% if @properties_for_sale.length > 0  %>
   <%= render :partial => '/pwb/welcome/single_property_row', :locals => { properties: @properties_for_sale, rent_or_sale: 'for_sale', title_key: 'propertyForSale' }  %>
@@ -47,5 +57,5 @@
   <%= render :partial => '/pwb/welcome/single_property_row', :locals => { properties: @properties_for_rent, rent_or_sale: 'for_rent', title_key: 'propertyForRent' }  %>
 <% end %>
 <%# if @about_us %>
-  <%#= render '/pwb/welcome/about_us' %>
-<%# end %>
+<%#= render '/pwb/welcome/about_us' %>
+<%# end %>

data/app/views/pwb/_meta_tags.html.erb

@@ -0,0 +1,10 @@
+<% content_for :page_head do %>
+  <% if @carousel_items && @carousel_items.length > 0 %>
+    <link rel="image_src" href="<%= opt_image_url((@carousel_items[0].default_photo), height: 800, crop: "scale", quality: "auto") %>" />
+    <meta property="og:image" content="<%= opt_image_url((@carousel_items[0].default_photo), height: 800, crop: "scale", quality: "auto") %>" />
+  <% end %>
+  <% if @header_image %>
+    <link rel="image_src" href="<%= opt_image_url((@header_image), height: 800, crop: "scale", quality: "auto") %>" />
+    <meta property="og:image" content="<%= opt_image_url((@header_image), height: 800, crop: "scale", quality: "auto") %>" />
+  <% end %>
+<% end %>

data/app/views/pwb/props/_meta_tags.html.erb

@@ -0,0 +1,8 @@
+<% content_for :page_head do %>
+  <link rel="image_src" href="<%= opt_image_url((@property_details.ordered_photo 1), height: 800, crop: "scale", quality: "auto") %>" />
+  <meta property="og:image" content="<%= opt_image_url((@property_details.ordered_photo 1), height: 800, crop: "scale", quality: "auto") %>" />
+  <% if @property_details.show_map %>
+    <meta property="place:location:latitude"  content="<%= @property_details.latitude %>"> 
+    <meta property="place:location:longitude"  content="<%= @property_details.longitude %>"> 
+  <% end %>
+<% end %>

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

@@ -9,16 +9,22 @@
   :html => { :class => 'form-light' }, :remote => true do |f| %>
       <div class="row div_precios_venta" style="">
         <div class="col-sm-6">
-          <%= f.input :for_rent_price_from, collection: 
-          @prices_from_collection, :required => false,
-      selected: @search_defaults["price_from"] %>
+          <div class="form-group select optional search_for_sale_price_from">
+            <label class="control-label select optional" for="search_for_sale_price_from"><%= I18n.t("simple_form.labels.search.for_rent_price_from") %></label>
+            <select-picker :select-picker-texts="<%= @select_picker_texts %>" :select-options="<%= @prices_from_collection %>" class="form-control" 
+            id="search_for_rent_price_from" name="search[for_rent_price_from]" v-once></select-picker>
+          </div>
         </div>
         <div class="col-sm-6">
-          <%= f.input :for_rent_price_till, collection: 
-          @prices_till_collection, :required => false,
-      selected: @search_defaults["price_till"] %>
+          <div class="form-group select optional search_for_sale_price_till">
+            <label class="control-label select optional" for="search_for_sale_price_till"><%= I18n.t("simple_form.labels.search.for_rent_price_till") %></label>
+            <select-picker :select-picker-texts="<%= @select_picker_texts %>" :select-options="<%= @prices_till_collection %>" class="form-control" 
+            id="search_for_rent_price_till" name="search[for_rent_price_till]"></select-picker>
+          </div>
         </div>
       </div>
+      <div class="col-sm-12">
+      </div>
       <%= f.input :property_type, collection: @property_types, label_method: :label, selected: @search_defaults["property_type"], value_method: :value, :required => false %>
       <% if @zones && (@zones.length > 1) %>
         <%= f.input :in_zone, collection: @zones, value_method: :key, :required => false, :include_blank => true %>
@@ -26,19 +32,16 @@
       <% if @localities && (@localities.length > 1) %>
         <%= f.input :in_locality, collection: @localities, value_method: :key, :required => false %>
       <% end %>
-
-    <div class="row div_precios_venta" style="">
-      <div class="col-sm-6">  
-      <%= f.input :count_bedrooms, collection: 0..50, :required => false,
+      <div class="row div_precios_venta" style="">
+        <div class="col-sm-6">
+          <%= f.input :count_bedrooms, collection: 0..50, :required => false,
       selected: @search_defaults["count_bedrooms"] %>
-      </div>
-      <div class="col-sm-6">  
-      <%= f.input :count_bathrooms, collection: 0..20, :required => false,
+        </div>
+        <div class="col-sm-6">
+          <%= f.input :count_bathrooms, collection: 0..20, :required => false,
       selected: @search_defaults["count_bathrooms"] %>
+        </div>
       </div>
-    </div>
-
-
       <%# f.input :property_state, collection: @property_states, label_method: :label, value_method: :value, :required => false %>
       <div>
       </br>

data/app/views/pwb/search/_search_form_landing.html.erb

@@ -0,0 +1,35 @@
+<div class="panel panel-base no-margin">
+  <div class="panel-heading panel-heading-lg"><%= t "findAProperty"%> </div>
+  <%= simple_form_for :search, :url => "/#{I18n.locale}/buy", :method => 'get', 
+  :html => { :class => 'form-base' }, :remote => false do |f| %>
+    <div class="panel-body" style="padding:25px;">
+      <div class="form-group" style="display:none;">
+        <input type="text" class="form-control input-lg" placeholder="I would like to buy ...">
+      </div>
+      <div class="row">
+        <div class="col-md-6">
+          <%= f.input :for_sale_price_from, collection: @prices_collection, :required => false, selected: '50.000', input_html: { maxlength: 20 } %>
+        </div>
+        <div class="col-md-6">
+          <%= f.input :for_sale_price_till, collection: @prices_collection, :required => false , selected: '150.000', input_html: { maxlength: 20 } %>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col-md-6">
+          <%= f.input :property_type, collection: @property_types, label_method: :label, value_method: :value, selected: "", :required => false %>
+        </div>
+        <div class="col-md-6">
+          <%= f.input :num_bedrooms, collection: 0..50, :required => false,
+          selected: '2' %>
+        </div>
+      </div>
+    </div>
+    <div class="panel-footer">
+      <%= f.button :button, :class=> "btn fondo_accion btn-icon", 
+        :id => "btn_buscar_inmuebles" do %>
+        <i class="fa fa-search"></i>
+        <%= I18n.t("search") %>
+      <% end %>
+    </div>
+  <% end %>
+</div>