Login particle

[alisamii]

Now that with WordPress there's a login particle, it would be nice to have a gantry login particle for joomla.

Right now, if you want to have a pop-up login interface, you have to finnegle your way to get it done. It would be helpful to have a simple particle that could be set to display in a position (eg, in a sidebar) where the login fields are visible or trigger a modal.

In both cases, it would need to dynamically change it's display to show whether the user is online or not. Off the user is logged in, instead of having a label that says "Login" or whatever title you have given it to something else, such as "hello username".

[alisamii]

I wrote that from my iPad quite late, so I think it would be good to clarify and enhance the issue a bit.

Right now, if you have a the basic Joomla login module published in a position, it will display on the front end in the position you have chosen (in the case of gantry using either a module position particle or a module instance particle.

However, if you want to have a somewhat more dynamic login functionality, you run into some limitations.

Two potential cases:

1. You want to have just a link (no dropdown) in a menu that allows you to log in AND log out via a modal.

In this case, you need to have a link in the menu that triggers the modal. Let's assume the link has a name of Login. Once you have logged in, the name of the link should change to either:

a. Logout or b. Welcome, [username]

If it changes to Logout, clicking on it should ideally open a modal window that asks you to confirm the action of logging out. If it changes to Welcome, [username], then it could possibly be a dropdown menu that could have options related to managing your account in it, such as modifying your profile, accessing content related only to you, and logging out.

1. The second case would be similar to the 1st (with regard to post-login functionality) however in this case, the login module would be used as an inline menu item.

[mahagr]

The only reasons why I put this into future milestone are:

1) WP doesn't have similar functionality to Joomla 2) We have already decided which are going to be targets of 5.1.3 and 5.2 releases.

I'd rather have small releases every 2 weeks than bigger ones every 2 months and we already have more issues in both releases than we can handle.

[alisamii]

That's fair enough.

[ghost]

@alisamii I don't know whether it helps you out of not but I did write a tutorial on this for Callisto http://www.rockettheme.com/forum/joomla-template-callisto/241842-creating-a-popup-login-form-in-callisto I checked and you should be able to access that with your membership on RT site.

[alisamii]

@marktaylor46 Thank you. This is a good temporary solution and one which as a developer, I can work with.

I do still believe that having a dedicated particle that implements this functionality in a drag-and-drop fashion will be useful, especially for non developers.

I also believe that it would allow for some simple creativity, such as having options to display a welcome message, or have the login particle have a dropdown with account management functionality (much like the login element on the RT site.)

But this is a good provisional workaround.

I would write a documentation about it and push it to the docs repo for a pull request, but as I hope that we will have a more Gantry-based solution that won't rely on NoNumber's Sourcerer, I will hold off.

[ghost]

Ok - glad I could help out a little... maybe we will have a particle in the future... that's up to the DEVS... I just proffered my solution to get you by for now...

[alisamii]

@marktaylor46 @w00fz @mahagr Copying from the gitter chat:

The tutorial you pointed to is a good start…and I think it is very helpful for a single-language site…but when you start dealing with 3 or 4 or 5 languages with 3 or 4 layouts per language, it begins to become hard to keep track of things and is prone to human error.

I was thinking that it would be possible to create a custom particle that does the following things:

1. Detects the language setting of the site and displays a language specific UI by getting the words for Login and Logout from the core Joomla Login Module’s language file.
2. By creating a Custom particle (e.g., /templates/g5_hydrogen/custom/particles/custom_login.yaml and /templates/g5_hydrogen/custom/particles/custom_login.html.twig) you could do away with the need to use sourcerer even though RokBox would still be needed for now.
3. Allow the user to select to show username, name or nothing via a dropdown (such that it would say Logout username or Logout name or just Logout).
4. Allow the user to pick an icon to display next to the Login and Logout word.
5. Even could add the ability to display the user’s avatar (maybe using gravatar api).

The end result would be, in effect, something like a multi-lingual version of this:

https://www.evernote.com/l/AAP_cvl2dYhCYaPOHqmhOurPET7s5kKkPKs

(BTW, you should recognise that interface).

[mahagr]

I would love to get pull request of particle like this.

[ghost]

You can add language strings into the php and you can also use language strings in the twig too. There's nothing stopping you developing this and sharing with the community - it would be welcomed by everyone and you'll get a credit in Gantry 5 too. So, have a go at developing this yourself. Unfortunately I'm too busy in the forums and doing testing to undertake this development right now.

[mahagr]

Just FYI: Login particle has been added to WP (there's no login widget in it), but not yet to Joomla.

[w00fz]

We are still very open for a Joomla login particle contribution! 😸

[txxa]

Any news/plans about this?

[mahagr]

No plans, we are just hoping that someone would write it for us. :)

This is not a priority because of Joomla already has a module that you can use in the layout.

[svanschu]

Any news about this? I added a Joomla Login Module in the menu and it is not very responsive ...

[ghost]

Most of the RT templates have a "popupmodule" that can be used for login. That can have different "login" or "logout" text (depending whether you are logged in or not). So there's no need for any other particles than what you already have. Any responsive issues can be fixed with custom CSS. If it's an RT template you are using you can post in the RT forums to ask for assistance.

Regards, Mark.

[svanschu]

I'm using Helium. Don't wanna do any popup login on a mobile page I found this issue via google and wanted to ask before I start fixing it on my own.

[ghost]

Then add "hidden-phone" block variation to the popupmodule and it won't show on mobile.

Regards, Mark.