Skip to main content

Posts

Recent posts

Setting Axios to put/post dynamically

 Let me avoid wasting more time and quickly jump on the problem statement. What is the problem statement -  - I want to use the same React component both for Create/Update. How I achieved it -  - Firstly for new object, it worked smoothly and I wanted to reuse the same component again for edit/update too. - I sent the existing values as props and saved them into the corresponding states. - I reused the existing method ( axios server call ) so that it dynamically POST/PUT as needed.This is show below -         //this method calls post/put dynamically - simple code here..no rocket science methodCall = () => { const { Id, editable, details } = this.state; //check if new or existing record if (editable) { return API.put(`/post/${Id}`, details); } else { return API.post("/post", details); } }; //call this method onClick/onSubmit - as you want to handleSubmit = (event) => { event.preventDefault(); //call dynamic this.me

Fun with Google Maps api and Marker clusters :)

Hello Everyone, has been a long time since i wrote my last blog :(. So i am back with some helpful tips that might help someone.So lets quickly jump to different topics to customise google maps and how to use it in the way we want.Let start - Customise Google Places Autocomplete, so that it can only provide place nearby or relevant instead of global suggestions.Its simple, just use strictBounds     var options ={         ///all options in English language: 'en-US',         ///IMP -> LIFE SAVER :)         strictBounds: true,         //limit only to searching of places in INDIA ONLY         componentRestrictions: { country: "IN" }     } And then pass the options, along with the input field to the Autocomplete api. var input = document.getElementById('find_locations'); var autocomplete = new google.maps.places.Autocomplete(input, options);       2. Moreover, what if you want to check if the location selected from the auto

Loading Associations of associations using joins instead of includes

Imagine a Rails scenario where,User model has many associations.So it make look like:- Use includes for lazy loading of all associations Use joins to load all associations that exists For example:-                  A user has many orders.                  Order has many images,videos,comments,testimonials,feedbacks,address,contact_details and annoucements. So,to access a user having a request,with all orders having all associations,we will use the usual includes  like :- User.includes( { orders: [ { :address,:contact_details,:comments,annoucements,feedbacks: [:videos, :images] }] }) will load all users . But,to get all users having all associations present,we can use Joins  like: User.joins( { orders: [ { :address,:contact_details,:comments,annoucements,feedbacks: [:videos, :images] }] }) will load all users with associations present. Hope it helps :)

Using Charts in Rails Application

Hi Folks,                i have been using charts and graphs to show statistics such for number of orders,products category,daily visits.etc. Before i started using charts,i have been using Charts,js to show charts,which is too very easy. Here is the link where you can get more to understand about Chart.js As i want to share more about Chartkick ,which is a ruby gem which simplifies usage of Charts/Graphs in any Rails application just by simply installing the Gem and using one-line code in your view files wherein you need to pass group_by aggregated results Let us Start by visiting the Gthub page for Chartkick gem Install the Gem  Add the Dependent script(google chart/highchart js) in layout file <%= javascript_include_tag " //www.google.com/jsapi " , " chartkick " % > 3.YOU ARE DONE :) Once you have the Gem,all you need to do is to decide what type of charts you want to show.which can be:- Line Chart 2. Pie Chart 3. Colu

Using Geocoder to get street name,state,city,country etc in Your Rails app

Recently i implemented Google map for one of the module where User will enter his location/address and other relevant geo-details should get autopopulated.Well,This was posible because of   Geocoder  and by using it you can get every small details such as postalcode,country code,zipcode,street name,state name,state code,latitude,longitude(and more) ready in your hands easily.Its really awesome. I have used to it get all relevant information about the location that the user enter using Geocomplete ,another awesome autocomplete library to get locations. Suppose you have a users table and also few columns such as longitude,latitude,state,postal code,street name,address,country  and want to autopopulate other fields just by using address entered by the user then you are reading the right blog,So its easy,let me show you how. User will enter address using Geocomplete and store that address in address column in users/locations table Then,use Geocoder to fetch other geo informations

Implement Modal in rails

Sometimes we need to show a modal window that comes flying on the website which really feels good as we do not have to load a new page.The reason why i love using modals is that you can show two things at the same time. For example :-Suppose user registers and logs in to your website,then immediately after a matter of seconds,you can show a modal to show/edit his profile OR add some more info about himself or similar stuff and all the user can do is just click button to continue/reject without changing the previous screen.Trust me...it feels good.see the example1 , example2    Similarly if You talk in context of Rails,If the user is in index page,you can render the show action in the Modal,Wowwww...so user can either see the stuff he clicked on index page or cancel the modal,thereby reducing your effort to reload or write extra code for index->show and again show->index. Enough of lectures...lets start the main stuff To add MODAL to your application just follow two steps