VueJs Series with Nirmal : Lifecycle hooks

Lifecycle hooks are the defined methods which gets executed in the certain stage on the Vue object lifespan. Starting from the initialization to till it gets destroyed, the object follows different phases of life. Here is the famous diagram indicating the hook sequence. (Image source : https://vuejs.org/v2/guide/instance.html#Lifecycle-Diagram) Let’s add our code to the hooks and

Read More

VueJs Series with Nirmal : Difference between v-if and v-show

Welcome to the VueJs series with Nirmal. v-if The control structure followed by VueJs for the UI element rendering. v-if supports the control branching if..else if..else. A quick example to render spans based on the value typed in the input.

It renders the “Fruits” and “Birds” span when typed “Fruits” and “Birds” in the

Read More

Vue.JS – An introduction

What is Vue.Js A progressive javascript framework for building the UI. It is built on top of Javascript. Mainly focuses on the View layer for interactive UI designs. Any pre-requisite knowledge to learn it ? HTML, CSS and Javascript should be the basic one to know to start with it. A quick introduction to kick

Read More

Two Step Authentication vs Two Factor Authentication

Two Step Authentication It involves two processes of authentication of same type. Based on “What You Know” and “What You Know”. For example, the authentication involved Password and Security question. Both of them are belongs to the “What You Know” category. Two Factor Authentication This type authentication makes use of two factors like “What You

Read More

TIP : Showing login failure message in devise views in rails

While working with devise gem, I need to show the failure messages like “Invalid username / password” (As shown in the below image) when user enters a wrong username/password. I have added the flash massage to show the error as shown in below code in app/view/devise/sessions/new

Hope this helps

Read More

Tip : Making email as optional (not mandatory) field in devise in Rails

This situation arises, when we need to login through a different unique key other than email and wanted email to be optional in the entry form. Prerequisites Make sure in config/initializers/devise.rb to set the config.authentication_keys to some other field (not email, which is default) in devise.rb

Now, let’s do In the model rb (user.rb

Read More

Multiple Submit buttons in a single view in Rails

While working in an assignment, I have to dealt with view where I have to re-send the verification code form the same view in which I have to accept the verification code. As shown in the image, “Confirm” and “Resend code” both are 2 submit buttons. I need to resend another code from the same

Read More

[Fixed] CSS loading issue after fixing ExecJS::ProgramError in page

I have manage to fix my ExecJS::ProgramError as mentioned in my last post.

The error got disappeared as soon as I change the “application” to “default”. But the issue I faced now is, my app is unable to locate and load the CSS and JS. None of the styles got loaded.

I tried to inspect the issue. Looked into the source rendered in the browser by choosing the “view source” option.

ViewSourceInBrowser

From the source it looks like the app is trying to locate the default.css and default.js, which is not present.

Fix I followed

Read More

Fixing ExecJS::ProgramError in page

How I got the issue Created a new project in rails $ rails new StaticPageDemo Added static_page controller to it with home action $ rails generate controller static_page home Ran the server $ rails server Got this error while tried to access the page in http://localhost:3000/static_page/home Solution After some search in Google, I got a

Read More

A Factory Design Pattern Example

What is a Factory Design Pattern ?

This is a creational design pattern. It encapsulate the object creation logic from the user by creating a logical separation between the object creation and use.

How we will do it ?

We will gather and create a family of classes having almost similar features. Then we will create a factory class to create and return the desired objects.

Let me do it…

We will consider creating documents in this example.

As a first step let us create an interface and call it as iDocument

We will create classes for separate documents and inherit them from iDocument

Read More

1 2 3 4
%d bloggers like this: