pwb 1.2.0 → 1.3.0

data/app/themes/matt/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">
+    <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>
+    </div>
+  </div>
+</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>
+    </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/matt/views/pwb/welcome/index.html.erb

@@ -0,0 +1,132 @@
+<section>
+  <v-parallax src="<%= opt_image_url((@carousel_items[0].default_photo), :quality => "auto", crop: "scale", class: "") %>"  height="400">
+    <v-layout column align-center justify-center class="white--text">
+      <img src="https://vuetifyjs.com/themes/parallax-starter/assets/vuetify.png" alt="Vuetify.js">
+      <h1 class="white--text mb-2 display-3">Parallax Template</h1>
+      <div class="headline mb-3 text-xs-center">Powered by Vuetify</div>
+      <v-btn class="blue lighten-2 mt-5" dark large href="/pre-made-themes">
+        Get Started
+        </v-btn>
+    </v-layout>
+  </v-parallax>
+</section>
+<section>
+  <v-layout column wrap class="my-5" align-center>
+    <v-flex xs12 sm4 class="my-3">
+      <div class="text-xs-center">
+        <h2 class="headline">The best way to start developing</h2>
+        <span class="subheading">
+          Cras facilisis mi vitae nunc 
+              </span>
+      </div>
+    </v-flex>
+    <v-flex xs12>
+      <v-container grid-list-xl>
+        <v-layout row wrap align-center>
+          <v-flex xs12 md4>
+            <v-card class="elevation-0 transparent">
+              <v-card-text class="text-xs-center">
+                <v-icon x-large class="blue--text text--lighten-2">color_lens</v-icon>
+              </v-card-text>
+              <v-card-title primary-title class="layout justify-center">
+                <div class="headline text-xs-center">Material Design</div>
+              </v-card-title>
+              <v-card-text>
+                Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
+                </v-card-text>
+            </v-card>
+          </v-flex>
+          <v-flex xs12 md4>
+            <v-card class="elevation-0 transparent">
+              <v-card-text class="text-xs-center">
+                <v-icon x-large class="blue--text text--lighten-2">flash_on</v-icon>
+              </v-card-text>
+              <v-card-title primary-title class="layout justify-center">
+                <div class="headline">Fast development</div>
+              </v-card-title>
+              <v-card-text>
+                Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
+                </v-card-text>
+            </v-card>
+          </v-flex>
+          <v-flex xs12 md4>
+            <v-card class="elevation-0 transparent">
+              <v-card-text class="text-xs-center">
+                <v-icon x-large class="blue--text text--lighten-2">build</v-icon>
+              </v-card-text>
+              <v-card-title primary-title class="layout justify-center">
+                <div class="headline text-xs-center">Completely Open Sourced</div>
+              </v-card-title>
+              <v-card-text>
+                Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
+                </v-card-text>
+            </v-card>
+          </v-flex>
+        </v-layout>
+      </v-container>
+    </v-flex>
+  </v-layout>
+</section>
+<section>
+  <v-parallax src="<%= opt_image_url((@carousel_items[0].default_photo), :quality => "auto", crop: "scale", class: "") %>" height="380">
+    <v-layout column align-center justify-center>
+      <div class="headline white--text mb-3">Web development has never been easier</div>
+      <em>Kick-start your application today</em>
+      <v-btn class="blue lighten-2 mt-5" dark large href="/pre-made-themes">
+        Get Started
+        </v-btn>
+    </v-layout>
+  </v-parallax>
+</section>
+<section>
+  <v-container grid-list-xl>
+    <v-layout row wrap justify-center class="my-5">
+      <v-flex xs12 sm4>
+        <v-card class="elevation-0 transparent">
+          <v-card-title primary-title class="layout justify-center">
+            <div class="headline">Company info</div>
+          </v-card-title>
+          <v-card-text>
+            Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
+            </v-card-text>
+        </v-card>
+      </v-flex>
+      <v-flex xs12 sm4 offset-sm1>
+        <v-card class="elevation-0 transparent">
+          <v-card-title primary-title class="layout justify-center">
+            <div class="headline">Contact us</div>
+          </v-card-title>
+          <v-card-text>
+            Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
+            </v-card-text>
+          <v-list class="transparent">
+            <v-list-tile>
+              <v-list-tile-action>
+                <v-icon class="blue--text text--lighten-2">phone</v-icon>
+              </v-list-tile-action>
+              <v-list-tile-content>
+                <v-list-tile-title>777-867-5309</v-list-tile-title>
+              </v-list-tile-content>
+            </v-list-tile>
+            <v-list-tile>
+              <v-list-tile-action>
+                <v-icon class="blue--text text--lighten-2">place</v-icon>
+              </v-list-tile-action>
+              <v-list-tile-content>
+                <v-list-tile-title>Chicago, US</v-list-tile-title>
+              </v-list-tile-content>
+            </v-list-tile>
+            <v-list-tile>
+              <v-list-tile-action>
+                <v-icon class="blue--text text--lighten-2">email</v-icon>
+              </v-list-tile-action>
+              <v-list-tile-content>
+                <v-list-tile-title>john@vuetifyjs.com</v-list-tile-title>
+              </v-list-tile-content>
+            </v-list-tile>
+          </v-list>
+        </v-card>
+      </v-flex>
+    </v-layout>
+  </v-container>
+</section>

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

@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <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 %>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    <%= stylesheet_link_tag    "pwb/themes/vic", media: "all" %>
+    <style>
+      <%= custom_styles "vic" %>
+    </style>
+
+    <%= javascript_include_tag "pwb/themes/vic", async: false %>
+    <%= csrf_meta_tags %>
+  </head>
+  <body class="main-container z-depth-3">
+    <header style="margin: 0px 1px 0px 1px;">
+      <%= render :partial => '/pwb/header', :locals => { not_devise: true }  %>
+    </header>
+    <%= yield(:breadcrumb_row) %>
+    <main id="main-vue">
+      <%= yield %>
+    </main>
+    <footer class="page-footer teal">
+      <div class="container-off">
+        <div class="row">
+          <div class="col l6 s12">
+            <h5 class="white-text">Company Bio</h5>
+            <p class="grey-text text-lighten-4">We are a team of college students working on this project like it's our full time job. Any amount would help support and continue development on this project and is greatly appreciated.</p>
+          </div>
+          <div class="col l3 s12">
+            <h5 class="white-text">Settings</h5>
+            <ul>
+              <li><a class="white-text" href="#!">Link 1</a></li>
+              <li><a class="white-text" href="#!">Link 2</a></li>
+              <li><a class="white-text" href="#!">Link 3</a></li>
+              <li><a class="white-text" href="#!">Link 4</a></li>
+            </ul>
+          </div>
+          <div class="col l3 s12">
+            <h5 class="white-text">Connect</h5>
+            <ul>
+              <li><a class="white-text" href="#!">Link 1</a></li>
+              <li><a class="white-text" href="#!">Link 2</a></li>
+              <li><a class="white-text" href="#!">Link 3</a></li>
+              <li><a class="white-text" href="#!">Link 4</a></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <div class="footer-copyright">
+        <div class="container-off">
+          Made by <a class="brown-text text-lighten-3" href="http://materializecss.com">Materialize</a>
+        </div>
+      </div>
+    </footer>
+    <noscript id="deferred-styles">
+      <link href="https://opensource.keycdn.com/fontawesome/4.7.0/font-awesome.min.css" rel="stylesheet">
+      <!-- Google Font -->
+      <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
+    </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);
+    </script>
+    <%= yield(:page_script) %>
+
+    <!--  Scripts-->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
+    <script>
+      (function($){
+              $(function(){
+      
+                $('.button-collapse').sideNav();
+                $('.parallax').parallax();
+      
+              }); // end of document ready
+            })(jQuery); // end of jQuery name space
+    </script>
+  </body>
+</html>

data/app/themes/vic/views/pwb/_header.html.erb

@@ -0,0 +1,100 @@
+<!-- HEADER -->
+<div class="<%= element_classes "page_top_strip_color", "page_top_strip_background" %>">
+  <div class="container-off-off">
+    <div class="row">
+      <div class="col s6 hidden-xs contacto_header">
+        <% if @current_agency.phone_number_primary %>
+          <i class="fa fa-phone-square fa-lg"></i><%= @current_agency.phone_number_primary %> &nbsp;&nbsp;          
+          <% end %>
+        <% if @current_agency.email_primary %>
+          <i class="fa fa-envelope fa-lg"></i><%= @current_agency.email_primary %>
+        <% end %>
+      </div>
+      <div class="col s6">
+        <% if @current_website.is_multilingual && not_devise %>
+          <div class="contenedor_idiomas" style="">
+            <ul class="idiomas">
+              <% @current_website.supported_locales_with_variants.each do |locale_with_var| %>
+                <li class=<%="#{'selected' if locale.to_s == locale_with_var["locale"]}" %>>
+                  <%= localized_link_to locale_with_var, params.permit(:locale,).merge({:locale => locale_with_var["locale"]}), class: locale_with_var["variant"] %>
+                </li>
+              <% end %>
+            </ul>
+          </div>
+        <% end %>
+      </div>
+    </div>
+  </div>
+</div>
+<header class="header-standard-2">
+  <!-- MAIN NAV -->
+  <div class="navbar navbar-wp navbar-arrow mega-nav" role="navigation">
+    <div class="container-off-off">
+      <!--/.nav-collapse -->
+    </div>
+  </div>
+</header>
+<nav class="white z-depth-0" role="navigation">
+  <div class="nav-wrapper container-off">
+    <span class="brand-logo">
+      <%= link_to pwb.root_path(locale: locale), class: "navbar-brand" do %>
+        <% if @current_website.logo_url  %>
+          <img src="<%= @current_website.logo_url %>" alt="Logo">
+        <% else %>
+          <span class="text-navbar-brand" style="color:black;">
+            <%= @current_agency.company_name %>
+          </span>
+        <% end %>
+      <% end %>
+    </span>
+    <ul class="right hide-on-med-and-down">
+      <%= render_top_navigation_links %>
+      <% if @show_admin_link  %>
+        <li class="">
+          <%= link_to I18n.t("navbar.admin"), pwb.admin_with_locale_path(locale: locale)  %>
+        </li>
+      <% end %>
+      <% if current_user %>
+        <!-- Dropdown Trigger -->
+        <li class="<%= 'selected' if current_page?(pwb.admin_with_locale_path(locale: locale)) %>">
+          <a class="dropdown-button" href="#!" data-activates="admin-dropdown">
+            <%= t "navbar.admin" %>
+            <i class="material-icons right">arrow_drop_down</i></a></li>
+        <li >
+          <ul id="admin-dropdown" class="dropdown-content">
+            <li>
+              <%= link_to I18n.t("navbar.admin"), pwb.admin_with_locale_path(locale: locale)  %>
+            </li>
+            <li>
+              <%= link_to I18n.t("changePassword"), pwb.edit_user_registration_path() %>
+            </li>
+            <li>
+              <%= link_to I18n.t("signOut"), pwb.destroy_user_session_path(), method: :delete %>
+            </li>
+          </ul>
+        </li>
+      <% end %>
+    </ul>
+    <ul id="nav-mobile" class="side-nav">
+      <%= render_top_navigation_links %>
+      <% if @show_admin_link  %>
+        <% if current_user %>
+          <li>
+            <%= link_to I18n.t("navbar.admin"), pwb.admin_with_locale_path(locale: locale)  %>
+          </li>
+          <li>
+            <%= link_to I18n.t("changePassword"), pwb.edit_user_registration_path() %>
+          </li>
+          <li>
+            <%= link_to I18n.t("signOut"), pwb.destroy_user_session_path(), method: :delete %>
+          </li>
+        <% else %>
+          <li class="">
+            <%= link_to I18n.t("navbar.admin"), pwb.admin_with_locale_path(locale: locale)  %>
+          </li>
+        <% end %>
+      <% end %>
+    </ul>
+    <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
+  </div>
+</nav>

data/app/themes/vic/views/pwb/props/_images_section_carousel.html.erb

@@ -0,0 +1,43 @@
+<slick-carousel inline-template :slick-options="{
+                  dots: false,
+                  infinite: true,
+                  arrows: true,
+                  speed: 500,
+                  fade: true,
+                  cssEase: 'linear'
+                }" style="visibility: hidden">
+  <div class="slick-slider">
+    <% @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="product-gallery">
+  <div class="thumbnail-images" style="display:none;">
+    <%# properties_carousel_footer @property_details.prop_photos %>
+  </div>
+  <div class="wp-block property list no-border">
+    <div class="wp-block-content clearfix">
+      <div class="wp-block-footer style2">
+        <ul class="aux-info">
+          <li><i class="fa fa-arrows-alt"></i>
+            <%= @property_details.constructed_area %>
+            <%= area_unit @property_details %>
+          </li>
+          <li><i class="fa fa-bed"></i>
+            <%= @property_details.count_bedrooms %>
+          </li>
+          <li><i class="fa fa-shower"></i>
+            <%= @property_details.count_bathrooms %>
+          </li>
+          <li>
+            <% if @property_details.has_garage %>
+              <i class="fa fa-car"></i>
+              <%= @property_details.count_garages %>
+            <% end %>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</div>

data/app/themes/vic/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 %>