Project

General

Profile

Actions
Copy link

Bug #746

closed

Create Pop-Up Login Overlay

Added by Matt Gold almost 13 years ago. Updated almost 13 years ago.

Status:
Resolved
Priority name:
Normal
Assignee:
Raymond Hoh
Category name:
BuddyPress (misc)
Target version:
1.3
Start date:
2011-05-07
Due date:
% Done:

0%

Estimated time:
Deployment actions:

Description

Right now, when one visits the Commons and clicks "Login," one is taken to a completely different login page whose only purpose is to log in. I'd love to see the act of clicking "Login" pop-up a little window so that one could enter info without leaving the page. Even if the page had to be reload on login, that would cut a page load out of the process.

Files

Download all files
mockup.jpg (90.2 KB) mockup.jpg Raymond Hoh, 2011-05-13 04:11 AM
mockup_trans.jpg (67.4 KB) mockup_trans.jpg Raymond Hoh, 2011-05-13 03:38 PM
mockup_trans_80.jpg (71.6 KB) mockup_trans_80.jpg Raymond Hoh, 2011-05-14 01:40 AM
Actions
Copy link
 #1

Updated by Raymond Hoh almost 13 years ago

Here's something I coded quite fast.

Still need to add the javascript, but is this what you had in mind, Matt?

Actions
Copy link
 #2

Updated by Matt Gold almost 13 years ago

Yes, that's exactly what I had in mind, Ray -- thanks! The only change I'd make is to the color -- instead of orange, I'd use a semi-transparent black, like the dropdown menus you see on our nav bar when you mouseover "About" or when you look at the image slide on the homepage. Thanks so much for your work on this!

Actions
Copy link
 #3

Updated by Raymond Hoh almost 13 years ago

How's this?

Actions
Copy link
 #4

Updated by Matt Gold almost 13 years ago

Better! I think that a little bit darker would be good, so that a bit less of the background shows through. Thank you!

Actions
Copy link
 #5

Updated by Raymond Hoh almost 13 years ago

I originally used the transparent black from the slider, which was 70% black.

The new background in the attached screenshot uses 80% black. Take a look and let me know if it's dark enough!

Actions
Copy link
 #6

Updated by Matt Gold almost 13 years ago

Great! Thanks so much, Ray!

Actions
Copy link
 #7

Updated by Matt Gold almost 13 years ago

One other thing -- should/could it include a "Forgot your password?" link? My worry is that if we change the login link to just this pop-up, there will be no way for people to reset their passwords if they need to.

Actions
Copy link
 #8

Updated by Raymond Hoh almost 13 years ago

I'll include a "Forgot your password" link next to the "Remember me" checkbox.

Don't worry about the login link! I never actually change the link; I use a little javascript to check if someone clicks on the login link and when the link is clicked the popup login form appears.

So if someone does have an unsuccessful login or if that someone attempts to reset their password, wp-login.php will still be used.

Actions
Copy link
 #9

Updated by Matt Gold almost 13 years ago

Sounds great to me! Thanks, Ray. Boone, what do you think.

Actions
Copy link
 #10

Updated by Boone Gorges almost 13 years ago

This looks good to me.

Actions
Copy link
 #11

Updated by Raymond Hoh almost 13 years ago

Add login form to adminbar:
https://github.com/castiron/cac/commit/78c99ea5fd90c845cbd805061bbf2d6ae5a133b4

Boone, I've added the javascript inline in wp_footer to save a server request. If you're not a fan of this, let me know and I'll add it to an external JS file.

The login form is basically a duplicate of the BP sidebar login form; I wish this login form was a template tag!

Actions
Copy link
 #12

Updated by Raymond Hoh almost 13 years ago

  • Status changed from Assigned to Resolved
Actions
Copy link
 #13

Updated by Boone Gorges almost 13 years ago

Mighty purty.

Inline JS is fine. We're making so many HTTP requests on the front page already, it's probably good not to add anymore.

Actions
Copy link

Also available in: Atom PDF