Donations by Siropu [Paid] 1.5.1

[Tom McIntyre]

My semi custom donate button/progress bar widget is now working fine for larger screens, but the widget is not responsive and with the rather wide button I have in place, it looks strange on a mobile device.
Is there an easy fix that would let me center the button one one line and make the progress bar full width on the next line.
I think I might be able to figure out how to do this in Siropo_donations.less, but I would appreciate any help I can get.

 

[Siropu]

Is there an easy fix that would let me center the button one one line and make the progress bar full width on the next line.

Try this code:

<xf:css src="siropu_donations.less">
    #siropuDonateWidget
    {
        display: flex;
    }
    @media (max-width: {{ property('responsiveNarrow') }})
    {
        #siropuDonateWidget
        {
            display: block;
        }
        .siropuDonations-donateButton
        {
            width: 100%;
        }
    }
</xf:css>

<xf:foreach loop="$goals" value="$goal">
    <xf:set var="$progressPercent" value="{$goal.getProgressPercent()}" />
    <div id="siropuDonateWidget">
        <xf:button href="{{ link('donations/donate', null, {'donation_goal_id': $goal.donation_goal_id}) }}" class="button--cta  siropuDonations-donateButton" style="padding: 5px;font-size: inherit;" overlay="true" fa="fas fa-donate">{{ phrase('siropu_donations_donate') }}</xf:button>
        <div class="siropuDonations-progressBar" style="flex: 1;">
            <div class="siropuDonations-progressBar--bar" style="width: {$progressPercent}%; "></div>
            <div class="siropuDonations-progressBar--progress" style="width: {$progressPercent}%;">{$progressPercent}%</div>
        </div>
    </div>
</xf:foreach>

 

[Tom McIntyre]

Do the two code sections go in siropu_donations.less and siropu_donations_widget_donate respectively?

 

[Siropu]

Replace the code you have now with the one above in siropu_donations_widget_donate

 

[Tom McIntyre]

That was what I had done, but there was no effect when I changed to a narrow screen setting on my laptop. It does work when I view the site on my iPhone. That seems strange, but not likely related to your code.

NAWCC is a custom style from PixelExit.

 

[Tom McIntyre]

I decided that the two bar design with the top bars as the button and the bottom the progress bard actually looked best and worked on both my worksations and mobile devices.

I also have old data from the Themehouse donation facility and was looking at the donations table in the database. I noticed that the field definitions are essentially the same and the userid's are accurate for my current system.

Is there a good reason not to just move that data to the donation table for your addon? That will give me another 1,138 donations and allow creation of a donations history table by year.

 

[Siropu]

I noticed that the field definitions are essentially the same and the userid's are accurate for my current system.

Please send me a DM with a screenshot of the table structure.

 

[Nathan LaChine]

Donation box not showing text, compared settings to other donation goals and cannot explain why text isn't showing. What am I missing?

 

[Siropu]

What am I missing?

Your goal has expired.

 

[Nathan LaChine]

Hahaha it's always the simplest of things thank you

 

[thunderclap82]

For Paypal, is Paypal Business required? The donation system we have now doesn't do proper callback from basic Paypal so a user isn't automatically upgraded to the proper usergroup.

 

[philmckrackon]

For Paypal, is Paypal Business required? The donation system we have now doesn't do proper callback from basic Paypal so a user isn't automatically upgraded to the proper usergroup.

I do not use a business account and the callback functions.

 

[thunderclap82]

So I purchased and installed the add-on. Everything is set up and configured correctly for PayPal, but when a donation is made nothing comes back to the forum: no notification to the user, nothing added to the donor list, and no new post to the configured thread. Any ideas?

 

[philmckrackon]

So I purchased and installed the add-on. Everything is set up and configured correctly for PayPal, but when a donation is made nothing comes back to the forum: no notification to the user, nothing added to the donor list, and no new post to the configured thread. Any ideas?

XF does not alert, you need to install an addon to do this.

 

[thunderclap82]

XF does not alert, you need to install an addon to do this.

Wait, what? That doesn't make any sense. There are clearly options in the configuration to do this.

 

[philmckrackon]

If you want more than the standard XF alert than an addon is required.

 

[thunderclap82]

If you want more than the standard XF alert than an addon is required.

I just want these that are in the Donation configuration. They aren't working.

 

[Silmarillion]

Is a bank transfer also possible with the addon?

 

[Siropu]

Siropu updated Donations by Siropu with a new update entry:

Improvements

This version is compatible with XF 2.3

Added bank transfer donation method.

Read the rest of this update entry...

 

[javilonas]

Siropu updated Donations by Siropu with a new update entry:

Improvements



Read the rest of this update entry...

And for those of us using earlier versions like 2.2.15/2.2.16? Since when I try to update it, it says: Donations require XenForo 2.3.0.