VueJs Series with Nirmal : Lifecycle hooks

June 14, 2018 No comments Article

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

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

May 25, 2018 No comments Article

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.


<div id="app_div">
	<input type="text" v-model="show_type"/>
	<span v-if="show_type=='Fruits'">Fruits</span>
	<span v-else-if="show_type=='Birds'">Birds</span>
	<span v-else>Animals</span>
</div>
<script>
	var app = new Vue({
		el: "#app_div",
		data: {
			show_type: 'Birds'
		}
	});
</script>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<span v-if="show_type=='Fruits'">Fruits</span>

<span v-else-if="show_type=='Birds'">Birds</span>

<span v-else>Animals</span>

</div>

var app = new Vue({

el: "#app_div",

data: {

show_type: 'Birds'

}

});

</script>

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

Vue.JS – An introduction

May 18, 2018 No comments Article

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

Two Step Authentication vs Two Factor Authentication

November 25, 2017 No comments Article

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

TIP : Showing login failure message in devise views in rails

August 8, 2016 No comments Article

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


<%= flash[:alert]%>

1

2

3

<%= flash[:alert]%>

Hope this helps

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

August 4, 2016 No comments Article

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


# config.authentication_keys = [:email]
config.authentication_keys = [:user_name]

1

2

3

4

# config.authentication_keys = [:email]

config.authentication_keys = [:user_name]

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

Multiple Submit buttons in a single view in Rails

July 29, 2016 No comments Article

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

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

December 10, 2015 No comments Article

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.

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

Fixing ExecJS::ProgramError in page

December 1, 2015 No comments Article

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

A Factory Design Pattern Example

October 12, 2015 1 comment Article

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


namespace DocumentFactory
{
    public interface iDocument
    {
        string CreateDocument(string documentName, string path);
        string ReadDocument(string documentName, string path);
        bool Saved();
    }
}

1

2

3

4

5

6

7

8

9

10

11

namespace DocumentFactory

{

public interface iDocument

{

string CreateDocument(string documentName, string path);

string ReadDocument(string documentName, string path);

bool Saved();

}

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

VueJs Series with Nirmal : Lifecycle hooks

Like this:

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

Like this:

Vue.JS – An introduction

Like this:

Two Step Authentication vs Two Factor Authentication

Like this:

TIP : Showing login failure message in devise views in rails

Like this:

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

Like this:

Multiple Submit buttons in a single view in Rails

Like this:

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

Fix I followed

Like this:

Fixing ExecJS::ProgramError in page

Like this:

A Factory Design Pattern Example

What is a Factory Design Pattern ?

How we will do it ?

Let me do it…

Like this:

Share this:

Like this:

Share this:

Like this:

Share this:

Like this:

Share this:

Like this:

Share this:

Like this:

Share this:

Like this:

Share this:

Like this:

Fix I followed

Share this:

Like this:

Share this:

Like this:

What is a Factory Design Pattern ?

How we will do it ?

Let me do it…

Share this:

Like this: