While clicking on the url I want to open the login popup in my application - vuejs2

Login popup does have the separate url. Login is done by modal popup. So I want to sent a link by email so that the user can click on the link and it will directly opens the login popup.
Is there any solution using vue js
While checking the query params it is returning login object but based on that how I will check the condition

Related

Vue router how to trigger navigation guards before entering external domain

I have a Vue application and need to know when a user is about to navigate out of my application.
I have a beforeRouteLeave in place that triggers an alert if I go from myvueapp.nl/example to myvueapp.nl/example2 however if I navigate from myvueapp.nl/example to www.google.nl it doesn't trigger.
The reason I need to do this is the following:
You can navigate to /example/123 and this will open the example page and open a modal showing the user data of person 123. when you close this modal a router.go(-1) will be triggered. This allows me to use nested modal views. However if you go from google.com directly to /example/123 and then close the modal you will be send back to google.com. My idea was to check where a user is about to navigate to and if it is outside my domain I will check if the modal is open. is the modal open then close that instead of navigation. If it was already closed then let the user go on their way.
How can I know when a user is about to navigate out of my application?

How to get response back from Chrome Custom Tabs in react-native

I want to get response from URL that is opened into chrome custom tab. actually i have some forms in external url that is submitted and return data array on success page. I want to get array into my app. when user click on button custom tab will open and submit required fields and goes into success page. I want to do custom tab will be close automatically and fetch array into app and want to create success page into app.

Add a Sign in portlet on the login page

I am building a basic login page using the existing sign-in portlet.
I just want to have a functionality that when a user access the website, right now localhost:8080, the sign-in portlet should pop up!
Is this doable? If so, Can someone please hint me how this can be done?
This is how the default page looks like right now:
To log in, I have to explicitely click on the "sign-in" blue button and then it pops out a modal sign in portlet.
But what I am trying to do here is:
Whenever a user clicks on the default url, it should immediately ask the user to login rather than showing a blank page with a sign-in button (something like the output image)
Or even a modal sign-in box (Whatever is easy to customize.)
and
Whenever a user hits any other url for eg. localhost:8080/web/project1/home and if the user is not signed in, it should force him to sign in first.
Two possibilities out of the box:
place nothing but the sign in portlet on the homepage, appearing at that location (typically /web/guest/home)
protect your default page to be not visible to the guest user (this will automatically forward to the sign-in portlet) - see the "Permissions" button on the "Manage Pages" interface
There are more, but these seem to be the first and most obvious ones. Let me know if one of them works for you or what the reason for your request is
From what I understand, you want the Login Portlet to popup as a modal window/lightbox on the current page (i.e. without leaving the page). AFAIK, to achieve this, you'll have to develop all your portlets to use AJAX to create links that point protected resources. So when you get an unauthenticated request, you can stay on the same page and show login dialog.
This is high-level approach. You'll need to 1) embed the Login portlet in your theme and 2) put the below javascript functionality in Theme:
callback function - to handle response for unauthenticated request,
to render modal/lightbox
You might face surprises while implementing this.

Activate Facebook like and facebook comment on same page

Here is my situation.
I have two facebook likes on a single page and a single facebook comment. (using javascript sdk facebook)
I tried to like one of the facebook likes and it opens the facebook login authorization window where i enter my login details. The like works fine for that particular button only. When i click on another like button in the same page, it opens a popup window and closes it suddenly.. But no likes registered for the second button. For the another like button to work, i need to refresh the page... and the same case is with the facebook comments plugin...
Please suggest me a way such that if the user initiates the login using one of the buttons, the other facebook like and the comment will automatically work without the need to refresh the page...I got the clue to refresh the facebook plugins entirely by using
FB.XFBML.parse();
But i don't know to attach the above function to the particular event...
Check this url
http://hillarsaare.com/projects/facebook/multi-like/
Where you can see multiple like buttons on the same page...If you are already logged in through facebook and visit that page, you will be able to like all the posts there...But if you are not logged in and visit that page, clicking one of the like buttons will prompt you to login through facebook and after logging in, you will not be able to like any other posts in the page except that post you clicked like...When you do page refresh, it will work fine...
Thank you
I think that you can use this work-around for every like button on your page:
Subscribing to the auth.statusChange
(http://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe/)
and check to see if it is a sucessful login. If so, re-render the like
button code into your DOM and then have the Javascript SDK re-parse it
using FB.XFBL.parse()
(http://developers.facebook.com/docs/reference/javascript/FB.XFBML.parse/)
Similar to:
Facebook like button status update

Facebook Javascript SDK Issue

I am implementing Facebook javascript SDK on my site. I have a few issues with it.
First of all there are two instantiations of code on one page. One is a login button and other is the comment box. Now if i sign-In from the login button the commentBox does not update until the page is refreshed. What i want is that both of the widgets should update if one signs-In from any of them.
The second issue is with the login Button. I have implemented a onlogin function in it. What it is doing is that it calls the onlogin function even if i cancel to login when the login dialog appears after clicking the FAcebook login button.
If any one of you wants to visit the page. Here it is http://bit.ly/lIMjAf