Problem/Motivation

On clicking any icon we get the message "Contacting ...". The message is good from users perspective that a process is in progress, however it may not be useful in all cases. For example, I am showing the widget in header bar of a site I am working, and the header bar expands when I click on any icon. I could also had increased the css height of bar, but I need to make this bar as minimalistic as possible and also serving its purpose at the same time. See images.

Normal header bar:

When any icon clicked:

Proposed resolution

Provide an admin setting (checkbox) whether we want to show the progress message.

User interface changes

If the setting is checked then we do not show the message. Otherwise, the default behavior is to show the message.

API changes

There will not be any API changes

CommentFileSizeAuthor
#1 option_to_disable-2316965-1.patch2.85 KBsubhojit777
Tooltip_002.png7.57 KBsubhojit777
Selection_001.png5.43 KBsubhojit777

Comments

subhojit777’s picture

subhojit777
he/him
Primary language Bengali
commented
Assigned: Unassigned » subhojit777
Status: Active » Needs review
StatusFileSize
new option_to_disable-2316965-1.patch2.85 KB

Here is the patch that will provide the option. I needed this thing in my project ASAP and thought that this should be an extra option in hybridauth module. Hybridauth module already provides so many options to customize, this option will just make it more usable. Please check the english in option title and description, as english is not my native language :)

shixish’s picture

shixish commented

This patch looks good (but I haven't tried it).

I have a similar issue with this feature.
I found that users can click the button multiple times and it will add another "Contacting ... " thing over and over.
There is also no class added to the text, so it is practically impossible to theme the text to your liking without hacking the module.
I'd like it if a class is added to the anchor tag when the user clicks the link, that way you can change the appearance of the button to show that it is disabled or loading.

I added a little hack to my theme js file that just disables the button after they click it once:

  //Remove the hybridauth button when it's clicked, otherwise the user can click it multiple times...
  $(document).ready(function(){
    $('.hybridauth-widget-provider').bind('click', function() {
      $('.hybridauth-widget-provider').unbind('click'); //just remove all click handlers so you can't spam click it.
    });
  });