pwb 1.1.1 → 1.2.0

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

@@ -1,17 +1,19 @@
-  <!-- Start Property header  -->
+<% page_title @property_details.title  %>
+<%= render '/pwb/props/meta_tags' %>
+<!-- Start Property header  -->
 <section id="aa-property-header" style="<%= bg_image((@property_details.ordered_photo 1), height: 800, crop: "scale", quality: "auto") %>">
   <div class="container">
     <div class="row">
       <div class="col-md-12">
         <div class="aa-property-header-inner">
           <h2>
-          <%= I18n.t("property.details") %>
+            <%= I18n.t("property.details") %>
           </h2>
           <ol class="breadcrumb">
             <li>
               <%= link_to pwb.root_path(locale: locale), class: "" do %>
                 <%= I18n.t("webContentSections.home") %>
-              <% end %>  
+              <% end %>
             </li>
             <li class="active"><%= @property_details.title %>
             </li>
@@ -30,11 +32,20 @@
         <div class="aa-properties-content">
           <!-- Start properties content body -->
           <div class="aa-properties-details">
-            <div class="aa-properties-details-img">
-              <% @property_details.prop_photos.each.with_index do |photo, index| %>
-                <%= opt_image_tag(photo, height: 800, crop: "scale", :quality => "auto", class: "", alt: "img") %>
-              <% end %>
-            </div>
+            <slick-carousel inline-template :slick-options="{
+                  dots: false,
+                  infinite: true,
+                  arrows: true,
+                  speed: 500,
+                  fade: true,
+                  cssEase: 'linear'
+                }" style="visibility: hidden">
+              <div class="aa-properties-details-img">
+                <% @property_details.prop_photos.each.with_index do |photo, index| %>
+                  <%= opt_image_tag(photo, height: 800, crop: "scale", :quality => "auto", class: "", alt: "img") %>
+                <% end %>
+              </div>
+            </slick-carousel>
             <div class="aa-properties-info">
               <h2>
                 <%= @property_details.title %>
@@ -71,10 +82,32 @@
           <%= render '/pwb/props/prop_contact_info' %>
         </div>
       </div>
+      <div class="col-md-12 m-b-10" style="margin-bottom: 10px;">
+        <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>
+      </div>
     </div>
   </div>
   <% 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 %>
-</section>
-<!-- FOOTER -->
+</section>

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

@@ -1,16 +1,14 @@
-<%= javascript_tag do %>
-  $(document).ready(
+<% 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') %>");
-      $('select').selectpicker({
-        noneSelectedText: '<%= I18n.t("selectpicker.noneSelectedText") %>',
-        noneResultsText: '<%= I18n.t("selectpicker.noneResultsText") %>',
-        countSelectedText: '<%= I18n.t("selectpicker.countSelectedText") %>'
-      });
       INMOAPP.truncateDescriptions();
       INMOAPP.sortSearchResults();
     }
   );
+  <% end %>
 <% end %>
 <section id="top-container" style="<%= bg_image @header_image, height: 800, crop: "scale", quality: "auto" %>">
   <div class="container">
@@ -57,4 +55,13 @@
       </div>
     </div>
   </div>
-</section>
+</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/berlin/views/pwb/search/rent.html.erb

@@ -1,17 +1,15 @@
+<% 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') %>");
-      $('select').selectpicker({
-        noneSelectedText: '<%= I18n.t("selectpicker.noneSelectedText") %>',
-        noneResultsText: '<%= I18n.t("selectpicker.noneResultsText") %>',
-        countSelectedText: '<%= I18n.t("selectpicker.countSelectedText") %>'
-      });
       INMOAPP.truncateDescriptions();
       INMOAPP.sortSearchResults();
     }
   );
 <% end %>
+<% end %>
 <section id="top-container" style="<%= bg_image @header_image, height: 800, crop: "scale", quality: "auto" %>">
 
   <div class="container">
@@ -57,4 +55,13 @@
       </div>
     </div>
   </div>
-</section>
+</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/berlin/views/pwb/sections/about_us.html.erb

@@ -1,5 +1,6 @@
+<% page_title @current_agency.company_name  %>
+<%= render '/pwb/meta_tags' %>
 <section id="top-container" style="<%= bg_image @header_image, height: 800, crop: "scale", quality: "auto" %>">
-
   <div class="container">
     <div class="row">
       <div class="col-md-12">
@@ -26,43 +27,33 @@
 </section>
 <section id="aa-main">
   <div class="container">
-    <row>
-      <div class="col-md-12">
-        <div class="aa-main-area">
-          <div class="row">
-            <div class="col-md-6">
-              <%= opt_image_tag(@content.default_photo, :quality => "auto", height: 600, crop: "scale", class: "img-responsive about-us-img") %>
+    <div class="col-md-12">
+      <div class="aa-main-area">
+        <div class="row">
+          <div class="col-md-6">
+            <%= opt_image_tag(@content.default_photo, :quality => "auto", height: 600, crop: "scale", class: "img-responsive about-us-img") %>
+          </div>
+          <div class="col-md-6">
+            <div class="section-title-wr mt-40">
+              <h3 class="section-title left">
+                <span>
+                  <%= I18n.t("aboutUs") %>
+                </span>
+              </h3>
             </div>
-            <div class="col-md-6">
-              <div class="section-title-wr mt-40">
-                <h3 class="section-title left">
-                  <span>
-                    <%= I18n.t("aboutUs") %>
-                  </span>
-                </h3>
-              </div>
-              <div>
-                <p>
-                  <%== @content.raw %>
-                </p>
-              </div>
-              <div>
-                <% if @is_subdomain_admin  %>
-                  <%= link_to I18n.t("labels.edit"), "#{ "/" + I18n.locale.to_s + @content.urls['adminUrl'] }"  %>
-                <% end %>
-              </div>
+            <div>
+              <p>
+                <%== @content.raw %>
+              </p>
+            </div>
+            <div>
+              <% if @is_subdomain_admin  %>
+                <%= link_to I18n.t("labels.edit"), "#{ "/" + I18n.locale.to_s + @content.urls['adminUrl'] }"  %>
+              <% end %>
             </div>
           </div>
         </div>
       </div>
-    </row>
-  </div>
-</section>
-<!-- <section class="slice bg-white bb min-height-600 margin50">
-  <div class="wp-section">
-    <div class="container">
-      <div class="row">
-      </div>
     </div>
   </div>
-</section> -->
+</section>

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

@@ -1,5 +1,6 @@
+<% page_title @current_agency.company_name  %>
+<%= render '/pwb/meta_tags' %>
 <section id="top-container" style="<%= bg_image @header_image, height: 800, crop: "scale", quality: "auto" %>">
-
   <div class="container">
     <div class="row">
       <div class="col-md-12">
@@ -26,33 +27,31 @@
 </section>
 <section id="aa-main">
   <div class="container">
-    <row>
-      <div class="col-md-12">
-        <div class="aa-main-area">
-          <div class="row">
-            <div class="col-md-7">
-              <%= render 'pwb/sections/contact_us_form' %>
-            </div>
-            <div class="col-md-1">
-            </div>
-            <div class="col-md-4">
-              <div class="row">
-                <div class="col-sm-12">
-                  <%# render '/main/home/about_us/contact_info' %>
-                </div>
-                <div class="col-sm-12" style="display:none;">
-                  <%# render '/main/home/about_us/opening_hours' %>
-                </div>
-                <div class="col-sm-12">
-                  <% if @current_agency.show_contact_map %>
-                    <div id="inmo-map-canvas" class="map-canvas no-margin"></div>
-                  <% end %>
-                </div>
+    <div class="col-md-12">
+      <div class="aa-main-area">
+        <div class="row">
+          <div class="col-md-7">
+            <%= render 'pwb/sections/contact_us_form' %>
+          </div>
+          <div class="col-md-1">
+          </div>
+          <div class="col-md-4">
+            <div class="row">
+              <div class="col-sm-12">
+                <%# render '/main/home/about_us/contact_info' %>
+              </div>
+              <div class="col-sm-12" style="display:none;">
+                <%# render '/main/home/about_us/opening_hours' %>
+              </div>
+              <div class="col-sm-12">
+                <% if @current_agency.show_contact_map %>
+                  <div id="inmo-map-canvas" class="map-canvas no-margin"></div>
+                <% end %>
               </div>
             </div>
           </div>
         </div>
       </div>
-    </row>
+    </div>
   </div>
 </section>

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

@@ -1,4 +1,6 @@
-<section id="top-container" style="background-image: url(<%= @header_image_url %>);">
+<% page_title @current_agency.company_name  %>
+<%= render '/pwb/meta_tags' %>
+<section id="top-container" style="<%= bg_image @header_image, height: 800, crop: "scale", quality: "auto" %>">
   <div class="container">
     <div class="row">
       <div class="col-md-12">
@@ -25,34 +27,32 @@
 </section>
 <section id="aa-main">
   <div class="container">
-    <row>
-      <div class="col-md-12">
-        <div class="aa-main-area">
-          <div class="row">
-            <div class="col-md-11">
-              <div class="section-title-wr mt-40">
-                <h3 class="section-title left">
-                  <span>
-                    <%# I18n.t(@title_key) %>
-                  </span>
-                </h3>
-              </div>
-              <div>
-                <p>
-                  <%== @content.raw %>
-                </p>
-              </div>
-              <div>
-                <% if @is_subdomain_admin  %>
-                  <%= link_to I18n.t("labels.edit"), "#{ "/" + I18n.locale.to_s + @content.urls['adminUrl'] }"  %>
-                <% end %>
-              </div>
+    <div class="col-md-12">
+      <div class="aa-main-area">
+        <div class="row">
+          <div class="col-md-11">
+            <div class="section-title-wr mt-40">
+              <h3 class="section-title left">
+                <span>
+                  <%# I18n.t(@title_key) %>
+                </span>
+              </h3>
+            </div>
+            <div>
+              <p>
+                <%== @content.raw %>
+              </p>
             </div>
-            <div class="col-md-1">
+            <div>
+              <% if @is_subdomain_admin  %>
+                <%= link_to I18n.t("labels.edit"), "#{ "/" + I18n.locale.to_s + @content.urls['adminUrl'] }"  %>
+              <% end %>
             </div>
           </div>
+          <div class="col-md-1">
+          </div>
         </div>
       </div>
-    </row>
+    </div>
   </div>
-</section>
+</section>

data/app/themes/berlin/views/pwb/welcome/_landing_carousel.html.erb

@@ -2,24 +2,33 @@
 <section id="aa-slider">
   <div class="aa-slider-area">
     <!-- Top slider -->
-    <div class="aa-top-slider">
-      <% @carousel_items.each.with_index do |carousel_item, index| %>
-        <!-- Top slider single slide -->
-        <div class="aa-top-slider-single">
-          <%= opt_image_tag((carousel_item.default_photo), :quality => "auto", height: 800, crop: "scale", class: "") %>
-          <!-- Top slider content -->
-          <% if carousel_item.raw  %>
-            <div class="aa-top-slider-content" style="">
-              <h3>
-                <%== carousel_item.raw %>
-              </h3>
-            </div>
-          <% end %>
-          <!-- / Top slider content -->
-        </div>
-        <!-- / Top slider single slide -->
-      <% end %>
-    </div>
+    <slick-carousel inline-template :slick-options="{
+      dots: false,
+      infinite: true,
+      arrows: true,
+      speed: 500,
+      fade: true,
+      cssEase: 'linear'
+    }" style="visibility: hidden">
+      <div class="aa-top-slider">
+        <% @carousel_items.each.with_index do |carousel_item, index| %>
+          <!-- Top slider single slide -->
+          <div class="aa-top-slider-single">
+            <%= opt_image_tag((carousel_item.default_photo), :quality => "auto", height: 800, crop: "scale", class: "") %>
+            <!-- Top slider content -->
+            <% if carousel_item.raw  %>
+              <div class="aa-top-slider-content" style="">
+                <h3>
+                  <%== carousel_item.raw %>
+                </h3>
+              </div>
+            <% end %>
+            <!-- / Top slider content -->
+          </div>
+          <!-- / Top slider single slide -->
+        <% end %>
+      </div>
+    </slick-carousel>
   </div>
 </section>
 <!-- End slider  -->

data/app/themes/berlin/views/pwb/welcome/_service.html.erb

@@ -5,9 +5,9 @@
       <div class="col-md-12">
         <div class="aa-service-area">
           <div class="aa-title">
-            <h2>Our Service</h2>
+            <h2 style="text-transform: capitalize;"><%= I18n.t("labels.ourServices") %></h2>
             <span></span>
-            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum sit ea nobis quae vero voluptatibus.</p>
+            <p style="display: none;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum sit ea nobis quae vero voluptatibus.</p>
           </div>
           <!-- service content -->
           <section class="slice light-gray bb">

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

@@ -1,3 +1,6 @@
+<% page_title @current_agency.company_name  %>
+<%= render '/pwb/meta_tags' %>
+
 <%= render '/pwb/welcome/landing_carousel' %>
 <%# render '/pwb/welcome/adv_search' %>
 <%= render '/pwb/welcome/service' %>
@@ -9,9 +12,9 @@
   <div class="container">
     <div class="aa-latest-property-area">
       <div class="aa-title">
-        <h2>Latest Properties</h2>
+        <h2 style="text-transform: capitalize;"><%= I18n.t("labels.latestProperties") %></h2>
         <span></span>
-        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum sit ea nobis quae vero voluptatibus.</p>
+        <p style="display: none;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum sit ea nobis quae vero voluptatibus.</p>
       </div>
       <div class="aa-latest-properties-content">
         <div class="row">

data/app/themes/default/views/layouts/pwb/application.html.erb

@@ -4,19 +4,21 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="index, follow">
+    <title><%= yield(:page_title) %></title>
+    <%= yield(:page_head) %>
     <%# display_meta_tags site: @current_website.tenant_display_name %>
     <%= stylesheet_link_tag    "pwb/themes/default", media: "all" %>
     <style>
       <%= custom_styles "default" %>
     </style>
     <%= javascript_include_tag "pwb/application", async: false %>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" async: true ></script>
     <%= csrf_meta_tags %>
-    <title><%= yield(:page_title) %></title>
   </head>
   <body class="tnt-body <%= @current_website.body_style %>">
     <%# render @current_website.views_folder + '/shared/main_mobile_menu' %>
     <!-- MAIN WRAPPER -->
-    <div class="body-wrap sticky-wrap <%= @current_website.body_style %>">
+    <div id="main-vue" class="body-wrap sticky-wrap <%= @current_website.body_style %>">
       <%= render :partial => '/pwb/header', :locals => { not_devise: true }  %>
       <div class="sticky-body">
         <%= yield %>
@@ -33,16 +35,17 @@
     </noscript>
     <script>
       var loadDeferredStyles = function() {
-        var addStylesNode = document.getElementById("deferred-styles");
-        var replacement = document.createElement("div");
-        replacement.innerHTML = addStylesNode.textContent;
-        document.body.appendChild(replacement)
-        addStylesNode.parentElement.removeChild(addStylesNode);
-      };
-      var raf = requestAnimationFrame || mozRequestAnimationFrame ||
-          webkitRequestAnimationFrame || msRequestAnimationFrame;
-      if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); });
-      else window.addEventListener('load', loadDeferredStyles);
+              var addStylesNode = document.getElementById("deferred-styles");
+              var replacement = document.createElement("div");
+              replacement.innerHTML = addStylesNode.textContent;
+              document.body.appendChild(replacement)
+              addStylesNode.parentElement.removeChild(addStylesNode);
+            };
+            var raf = requestAnimationFrame || mozRequestAnimationFrame ||
+                webkitRequestAnimationFrame || msRequestAnimationFrame;
+            if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); });
+            else window.addEventListener('load', loadDeferredStyles);
     </script>
+    <%= yield(:page_script) %>
   </body>
 </html>