pwb 1.2.0 → 1.3.0

data/app/assets/javascripts/pwb/shared/page-content.js

@@ -0,0 +1,24 @@
+var INMOAPP = INMOAPP || {};
+INMOAPP.PageContent = Vue.component('page-content', {
+  // name: "SquaresContainer",
+  mounted: function() {
+    // var vm = this;
+    // $(this.$el).selectpicker(this.selectPickerTexts);
+    // .trigger('change')
+    // // emit event on change.
+    // .on('change', function() {
+    //   vm.$emit('input', this.value)
+    // });
+  },
+  props: {
+    pageTitle: String
+  },
+  methods: {
+    toggleSidenav() {
+      this.$root.toggleSidenav();
+    }
+  },
+  mounted() {
+    document.title = this.pageTitle + ' - Vue Material';
+  }
+});

data/app/assets/javascripts/pwb/shared/squares-container.js

@@ -0,0 +1,58 @@
+var INMOAPP = INMOAPP || {};
+Vue.component('squares-container', {
+  // name: "SquaresContainer",
+  mounted: function() {
+    // var vm = this;
+    // $(this.$el).selectpicker(this.selectPickerTexts);
+    // .trigger('change')
+    // // emit event on change.
+    // .on('change', function() {
+    //   vm.$emit('input', this.value)
+    // });
+  },
+  // props: ['selectOptions', 'selectPickerTexts', 'selected'],
+  watch: {
+    props(val) {
+      val.forEach(function(prop){
+        prop.url = "/tabs/" + prop[".key"];
+      });
+      // debugger;
+      // let total = this.events.length;
+    },
+  },
+  firebase: function() {
+    return {
+      props: {
+        source: INMOAPP.fbDb.ref('props/pwb1'),
+        // asObject: true,
+        // Optional, allows you to handle any errors.
+        cancelCallback(err) {
+          debugger;
+          console.error(err);
+        }
+      }
+    }
+  },
+  data: () => {
+    return {
+      props: []
+    }
+  },
+  methods: {
+    // toggleLeftSidenav() {
+    //   this.$refs.leftSidenav.toggle();
+    // },
+    // toggleRightSidenav() {
+    //   this.$refs.rightSidenav.toggle();
+    // },
+    // closeRightSidenav() {
+    //   this.$refs.rightSidenav.close();
+    // },
+    // open(ref) {
+    //   console.log('Opened: ' + ref);
+    // },
+    // close(ref) {
+    //   console.log('Closed: ' + ref);
+    // }
+  }
+});

data/app/assets/javascripts/pwb/shared/vue-main.js

@@ -27,5 +27,5 @@ window.onload = function() {
       // ]
     }
   });
-
+  // $('select').material_select();
 }

data/app/assets/javascripts/pwb/shared/vue-squares.js.erb

@@ -0,0 +1,74 @@
+var INMOAPP = INMOAPP || {};
+window.onload = function() {
+
+  // var pwbGM = Vue.component('gmap-map', VueGoogleMaps);
+  Vue.use(VueRouter);
+  // var pwbHH = Vue.component('Hello', Hello.default);
+
+  // 1. Define route components.
+  // These can be imported from other files
+  const Foo = { template: '<div>foo</div>' }
+  const Bar = { template: '<div>bar</div>' }
+
+  // 2. Define some routes
+  // Each route should map to a component. The "component" can
+  // either be an actual component constructor created via
+  // `Vue.extend()`, or just a component options object.
+  // We'll talk about nested routes later.
+  const routes = [
+    // { path: '/foo', component: Hello.default },
+    { path: '/bar', component: INMOAPP.TabableSection },
+    { path: '/tabs/:id', component: INMOAPP.TabableSection },
+    // { path: '/tabs/', component: INMOAPP.TabableSection }
+  ]
+
+  // 3. Create the router instance and pass the `routes` option
+  // You can pass in additional options here, but let's
+  // keep it simple for now.
+  const router = new VueRouter({
+    mode: 'history',
+    base: '/propertysquares/',
+    routes // short for `routes: routes`
+  })
+  // var VueMaterial = Vue.component('vue-material');
+  Vue.use(VueMaterial);
+  // Vue.use(VueMaterial.mdCore) //Required to boot vue material
+  // Vue.use(VueMaterial.mdButton)
+  // Vue.use(VueMaterial.mdIcon)
+  // Vue.use(VueMaterial.mdSidenav)
+  // Vue.use(VueMaterial.mdToolbar)
+
+  var firebaseApp = firebase.initializeApp({
+    // apiKey: process.env.FIREBASE_API,
+    authDomain: '<%= Rails.application.secrets.fb_instance_id %>.firebaseapp.com',
+    databaseURL: 'https://<%= Rails.application.secrets.fb_instance_id %>.firebaseio.com',
+    projectId: '<%= Rails.application.secrets.fb_instance_id %>',
+    storageBucket: ''
+    // messagingSenderId: process.env.FIREBASE_SENDER
+  }) 
+  INMOAPP.fbDb = firebaseApp.database()
+
+
+  INMOAPP.pwbVue = new Vue({
+    el: '#squares-vue',
+    data: {},
+    router
+    // firebase: {
+    //   // simple syntax, bind as an array by default
+    //   anArray: INMOAPP.fbDb.ref('props'),
+    //   // can also bind to a query
+    //   // anArray: INMOAPP.fbDb.ref('url/to/my/collection').limitToLast(25)
+    //   // full syntax
+    //   anObject: {
+    //     source: INMOAPP.fbDb.ref('url/to/my/object'),
+    //     // optionally bind as an object
+    //     asObject: true,
+    //     // optionally provide the cancelCallback
+    //     cancelCallback: function() {},
+    //     // this is called once the data has been retrieved from firebase
+    //     readyCallback: function() {}
+    //   }
+    // }
+  });
+
+}

data/app/assets/javascripts/pwb/squares/tabable-section.js

@@ -0,0 +1,47 @@
+var INMOAPP = INMOAPP || {};
+INMOAPP.TabableSection = Vue.component('tabable-section', {
+  template: `<div class="main-content component-docs">` +
+    `<md-tabs md-fixed class="md-transparent">` +
+    `<md-tab id="movies" md-label="Movies">Some content` +
+    `</md-tab>` +
+    `<md-tab id="shops" md-label="Shp">shop  content` +
+    `</md-tab></md-tabs>` +
+    `</div>`,
+  watch: {
+    listing(val) {
+      // debugger;
+      // val.forEach(function(prop){
+      //   prop.url = "/tabs/" + prop[".key"];
+      // });
+    },
+  },
+  firebase: function() {
+    return {
+      listing: {
+        source: INMOAPP.fbDb.ref('listing/pwb1/' + this.$route.params.id),
+        // asObject: true,
+        // Optional, allows you to handle any errors.
+        cancelCallback(err) {
+          // debugger;
+          console.error(err);
+        }
+      }
+    }
+  },
+  data: () => {
+    return {
+      listing: []
+    }
+  },
+  // props: {
+  //   pageTitle: String
+  // },
+  methods: {
+    toggleSidenav() {
+      this.$root.toggleSidenav();
+    }
+  },
+  mounted() {
+    // document.title = this.pageTitle + ' - Vue Material';
+  }
+});

data/app/assets/javascripts/pwb/themes/squares.js.erb

@@ -0,0 +1,45 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file. JavaScript code in this file should be added after the last require_* statement.
+//
+// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require jquery
+// require jquery.turbolinks
+
+// below needed for bootstrap-select to work
+// require berlin/bootstrap
+// require berlin/custom
+
+//= require lodash-4.16.4
+// lodash used for google maps
+
+<%
+# ...
+if Rails.env.development?
+  require_asset ("vue-2.4.2")
+else
+  require_asset ("vue-2.4.2.prod")
+end
+
+require_asset ("vue-router-2.7.0")
+require_asset ("firebase-4.0.0")
+require_asset ("vuefire-1.4.3")
+require_asset ("vue-google-maps")
+require_asset ("vue-material-0.7.4")
+# require_asset ("vue-social-sharing")
+# require_asset ("squares-manager-0.0.1")
+require_asset ("../shared/squares-container")
+require_asset ("../shared/page-content")
+require_asset ("../squares/tabable-section")
+require_asset ("../shared/vue-squares")
+
+%>
+
+

data/app/assets/javascripts/pwb/themes/vic.js.erb

@@ -0,0 +1,152 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file. JavaScript code in this file should be added after the last require_* statement.
+//
+// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require jquery
+// require jquery.turbolinks
+//= require jquery_ujs
+//= require paloma
+//= require_tree ../paloma
+// require bootstrap-sprockets
+//= require bootstrap-select
+//= require berlin/slick
+
+
+
+//= require lodash-4.16.4
+// lodash used for google maps
+<%
+# ...
+if Rails.env.development?
+  require_asset ("vue-2.4.2")
+else
+  require_asset ("vue-2.4.2.prod")
+end
+
+require_asset ("vue-social-sharing")
+require_asset ("vue-google-maps")
+require_asset ("../shared/select-picker")
+require_asset ("../shared/inmo-map")
+require_asset ("../shared/slick-carousel")
+require_asset ("../shared/vue-main")
+
+%>
+
+
+
+
+// $(document).on('page:change', function() {
+// once turbolinks is activated, will have to change to above
+$(document).on('ready', function() {
+  INMOAPP.pageHolder = {};
+  // debugger;
+  Paloma.start();
+  // Paloma.executeHook();
+  // Paloma.engine.start();
+});
+
+// global namespace
+var INMOAPP = INMOAPP || {};
+// sub namespace
+INMOAPP.pageHolder = {};
+
+
+INMOAPP.showMap = function(currentItemForMap) {
+  if (typeof(INMOAPP.pageHolder.map) === "undefined") {
+    INMOAPP.renderMap(currentItemForMap, "600px", true);
+  } else {
+    // okay, we've got a map and we need to resize it
+    google.maps.event.addListener(INMOAPP.pageHolder.map, 'idle', function() {
+      google.maps.event.trigger(INMOAPP.pageHolder.map, 'resize');
+      var center = INMOAPP.pageHolder.map.getCenter();
+      INMOAPP.pageHolder.map.setCenter(center);
+    });
+
+  }
+};
+
+INMOAPP.renderMap = function(currentItemForMap, minHeight, showMarker) {
+  if ($("#inmo-map-canvas").length > 0) {
+    // $("#inmo-map-canvas").show();
+    var mapOptions = {
+      // maxZoom: 20,
+      // minZoom: 9,
+      scrollwheel: false,
+      zoom: 15,
+      // center: mapCenter,
+      // mapTypeId: google.maps.MapTypeId.ROADMAP
+      styles: [{
+        "featureType": "poi",
+        "elementType": "labels",
+        "stylers": [{
+          "visibility": "off"
+        }]
+      }]
+    };
+    mapOptions.mapTypeId = google.maps.MapTypeId.ROADMAP;
+
+    if (minHeight) {
+      $("#inmo-map-canvas").css("min-height", minHeight);
+    }
+    INMOAPP.pageHolder.map = new google.maps.Map(document.getElementById(
+      'inmo-map-canvas'), mapOptions);
+
+    if (currentItemForMap && currentItemForMap.latitude) {
+      var propertyLatLng = new google.maps.LatLng(
+        parseFloat(currentItemForMap.latitude),
+        parseFloat(currentItemForMap.longitude)
+      );
+      // var allMapMarkers = this.get('geo.allMapMarkers') || [];
+      var formatted_address = currentItemForMap.street_address || "";
+      if (showMarker) {
+        INMOAPP.addMarker(propertyLatLng, formatted_address);
+      }
+      google.maps.event.addListener(INMOAPP.pageHolder.map, 'idle', function() {
+        google.maps.event.trigger(INMOAPP.pageHolder.map, 'resize');
+        // var center = INMOAPP.pageHolder.map.getCenter();
+        INMOAPP.pageHolder.map.setCenter(propertyLatLng);
+      });
+    }
+
+  }
+};
+
+INMOAPP.addMarker = function(latlng, formatted_address) {
+  var newMarker = new google.maps.Marker({
+    position: latlng,
+    map: INMOAPP.pageHolder.map
+  });
+};
+
+
+
+
+// below 2 called after search results loaded (client side) - html would not be 
+// ready on document.ready...
+INMOAPP.sortSearchResults = function() {
+  var $wrapper = $('#ordered-properties');
+  if ($("#order-price-desc").hasClass("active")) {
+    $wrapper.find('.property-item').sort(function(a, b) {
+      return (parseInt(b.dataset.price) - parseInt(a.dataset.price));
+    }).appendTo($wrapper);
+  } else if ($("#order-price-asc").hasClass("active")) {
+    $wrapper.find('.property-item').sort(function(a, b) {
+      return (parseInt(a.dataset.price) - parseInt(b.dataset.price));
+    }).appendTo($wrapper);
+  }
+};
+INMOAPP.truncateDescriptions = function() {
+  // $(".truncated_description").each(function(el) {
+  //   var trimmedString = $(this)[0].textContent.trim().substring(0, 200);
+  //   $(this).html(trimmedString);
+  //   $(this).show();
+  // });
+};

data/app/assets/javascripts/pwb_admin_panel/application_legacy_1.js

@@ -0,0 +1,5 @@
+// Place all the behaviors and hooks related to the matching controller here.
+// All this logic will automatically be available in application.js.
+// below 2 in vendor dir
+//= require legacy-1/pwb-admin-vendor
+//= require legacy-1/pwb-admin

data/app/assets/stylesheets/pwb/themes/berlin.scss

@@ -28,6 +28,10 @@ $base-border-color:#e0eded;
 @import "shared/social";
 @import "shared/gmap";
 @import "shared/search_box";
+@import "shared/liquid_templates";
 @import "shared/shame";
 
 
+.jumbotron {
+  display: none;
+}

data/app/assets/stylesheets/pwb/themes/berlin/main.scss

@@ -41,7 +41,7 @@
 
 body {
   background-color: #ffffff;
-  font-family: "Open Sans", sans-serif;
+  /*font-family: "Open Sans", sans-serif;*/
   color: #333333;
   font-size: 15px;
   overflow-x: hidden;