teamraiser and wordpress ?

Options

 

I'm considering options for putting together a website for a TeamRaiser event. One of the considerations is integrating things like login boxes for participants, participant search, thermometers and the like.

 

Has anyone put together modules for WordPress that talk to TeamRaiser?

Tagged:

Comments

  • Alex,

     

    I assume you're already familiar with the API, http://open.convio.com/api/#teamraiser_api. If not, this is where you'll need to start. I would need to dig to see if any examples already exist. 

  • Jori Taylor:

    Alex,

     

    I assume you're already familiar with the API, http://open.convio.com/api/#teamraiser_api. If not, this is where you'll need to start. I would need to dig to see if any examples already exist. 

    hey Jori,

     

      Thanks! I've heard of the API though I haven't coded anything from scratch with it so far. Which is why I was interested in modules that might have been built for WordPress. Since it's such a popular web-building solution, it would seem like low-hanging fruit for someone familiar with the API to have created widgets either for participants or for site admins, without all of us having to roll our own with the API.

     

     

  • Alex Bernardin:

    hey Jori,

     

      Thanks! I've heard of the API though I haven't coded anything from scratch with it so far. Which is why I was interested in modules that might have been built for WordPress. Since it's such a popular web-building solution, it would seem like low-hanging fruit for someone familiar with the API to have created widgets either for participants or for site admins, without all of us having to roll our own with the API.

     

     

    I'm sure you know about this already, but...

     

    https://github.com/noahcooper/luminateExtend‎

     

    http://luminateextend.site44.com/teamraiser/

     

    Man, not having to wrestle with auth codes and all the cross-domain stuff. Really makes it easy.

  • Brian Mucha:

    I'm sure you know about this already, but...

     

    https://github.com/noahcooper/luminateExtend‎

     

    http://luminateextend.site44.com/teamraiser/

     

    Man, not having to wrestle with auth codes and all the cross-domain stuff. Really makes it easy.

    hey Brian,

     

      Nope, I had never heard of that. Really interesting!  Noah is clearly rockin it out.

     

      I was hoping for a less code-writing solution, as I would love to not have to create this functionality myself, but it's good to know that that's out there.

     

     thanks!

  • Alex Bernardin:

    hey Brian,

     

      Nope, I had never heard of that. Really interesting!  Noah is clearly rockin it out.

     

      I was hoping for a less code-writing solution, as I would love to not have to create this functionality myself, but it's good to know that that's out there.

     

     thanks!

    I mean really easy. Check this out. I knocked this out in around 8 minutes.

     

    It makes a quick participant progress widget that shows goal, achieved and a simple thermometer.

     


    <div class="widget" />

    <script>

    (function($) {

    getParticipantProgress(1234, 1234567); // Pass in fr_id and cons_id

    window.getParticipantProgress = function(fr_id, cons_id) {
    var getParticipantProgressCallback = {
    success: function(data) {
    var progress = data.getParticipantProgressResponse;

    var returnString = '';
    returnString += '<div><span class="label">Goal</span><span class="value">' + progress.personalProgress.goal + '</span></div>';
    returnString += '<div><span class="label">Achieved</span><span class="value">' + progress.personalProgress.raised + '</span></div>';
    returnString += '<table style="width: 100%"><tr><td style="background: red; width: ' + progress.personalProgress.percent + '">&nbsp;</td><td style="background: blue; width: auto">&nbsp;</td></tr></table>';

    $('.widget').append(returnString);
    },
    error: function(data) {
    alert(data.errorResponse.message);
    }
    };
    luminateExtend.api({
    api: 'teamraiser',
    callback: getParticipantProgressCallback,
    data&colon; 'method=getParticipantProgress&fr_id=' + fr_id + '&cons_id=' + cons_id,
    requestType: 'POST',
    requiresAuth: false
    });
    };

    })(jquery);

    </script>

     

  • Brian Mucha:

    I mean really easy. Check this out. I knocked this out in around 8 minutes.

     

    It makes a quick participant progress widget that shows goal, achieved and a simple thermometer.

     


    <div class="widget" />

    <script>

    (function($) {

    getParticipantProgress(1234, 1234567); // Pass in fr_id and cons_id

    window.getParticipantProgress = function(fr_id, cons_id) {
    var getParticipantProgressCallback = {
    success: function(data) {
    var progress = data.getParticipantProgressResponse;

    var returnString = '';
    returnString += '<div><span class="label">Goal</span><span class="value">' + progress.personalProgress.goal + '</span></div>';
    returnString += '<div><span class="label">Achieved</span><span class="value">' + progress.personalProgress.raised + '</span></div>';
    returnString += '<table style="width: 100%"><tr><td style="background: red; width: ' + progress.personalProgress.percent + '">&nbsp;</td><td style="background: blue; width: auto">&nbsp;</td></tr></table>';

    $('.widget').append(returnString);
    },
    error: function(data) {
    alert(data.errorResponse.message);
    }
    };
    luminateExtend.api({
    api: 'teamraiser',
    callback: getParticipantProgressCallback,
    data&colon; 'method=getParticipantProgress&fr_id=' + fr_id + '&cons_id=' + cons_id,
    requestType: 'POST',
    requiresAuth: false
    });
    };

    })(jquery);

    </script>

     

    Stupid WYSIWYG. Near the bottom it should not be "&colon;" it should be an actual colon.

  • Brian Mucha:

    I mean really easy. Check this out. I knocked this out in around 8 minutes.

     

    It makes a quick participant progress widget that shows goal, achieved and a simple thermometer.

     


    <div class="widget" />

    <script>

    (function($) {

    getParticipantProgress(1234, 1234567); // Pass in fr_id and cons_id

    window.getParticipantProgress = function(fr_id, cons_id) {
    var getParticipantProgressCallback = {
    success: function(data) {
    var progress = data.getParticipantProgressResponse;

    var returnString = '';
    returnString += '<div><span class="label">Goal</span><span class="value">' + progress.personalProgress.goal + '</span></div>';
    returnString += '<div><span class="label">Achieved</span><span class="value">' + progress.personalProgress.raised + '</span></div>';
    returnString += '<table style="width: 100%"><tr><td style="background: red; width: ' + progress.personalProgress.percent + '">&nbsp;</td><td style="background: blue; width: auto">&nbsp;</td></tr></table>';

    $('.widget').append(returnString);
    },
    error: function(data) {
    alert(data.errorResponse.message);
    }
    };
    luminateExtend.api({
    api: 'teamraiser',
    callback: getParticipantProgressCallback,
    data&colon; 'method=getParticipantProgress&fr_id=' + fr_id + '&cons_id=' + cons_id,
    requestType: 'POST',
    requiresAuth: false
    });
    };

    })(jquery);

    </script>

     

     

    LOL.  You do realize that the phrase "really easy" is pretty subjective, right?

     

    I happily don't do enough JScript coding these days to have been able to come up with what you did, though I can basically parse it.

     

    How do we join your wonder-twin powers with someone who makes WordPress modules so we can turn that chunk of JS into a configuration screen in a WordPress plugin with a field like "teamraiser URL and participant ID" ?

     

     

  • Alex Bernardin:

     

    LOL.  You do realize that the phrase "really easy" is pretty subjective, right?

     

    I happily don't do enough JScript coding these days to have been able to come up with what you did, though I can basically parse it.

     

    How do we join your wonder-twin powers with someone who makes WordPress modules so we can turn that chunk of JS into a configuration screen in a WordPress plugin with a field like "teamraiser URL and participant ID" ?

     

     

    I haven't done any work in Wordpress in ages so I'm not sure I'll be much use in that department.

     

    Out of curiosity, what sort of features are you looking for?

Categories