Is there an S-Tag to display all members of a team? S36 exists to tantalize and then burn me?

Tanna Lewis

I'm working on a donation page for TR team fundraising which includes a list of all team members on the team, hyperlinked to their personal pages, so that if the donor doesn't really mean to donate to the team and wants to choose a particular participant, they get a double-check + easy access to the correct participant page.  


I thought an easy way to accomplish this would be to use S36 - so I tried [[E36:top_participants_list,[[S334:FR_ID]],[[S334:PROXY_ID]],0,list,sum,200,[[S120:dc:teamName]] Team Members]] but unfortunately the team list I'm getting back only includes team members who have at least one donation, NOT all team members.  


Does anyone know if either I've misconfigured something with S36, or if there is a different S-tag I can use to get a full list of the team members, regardless of whether or not they've fundraised yet?


Here's the test form - just click "Yes" to the "...support specific rider..." question to expand the team list area I'm struggling with.:
https://secure.childrenscoloradofoundation.org/site/Donation2?&df_id=3303&3303.donation=form1&FR_ID=1530&mfc_pref=T&PROXY_ID=3962&PROXY_TYPE=22




As usual, looks like the incomparable @Brian Mucha has helpful API direction for me between this - https://community.blackbaud.com/forums/viewtopic/12/6524?post_id=6524#p6524 - and this - https://community.blackbaud.com/forums/viewtopic/100/12072?post_id=12072#p12072 - so I imagine there might not be a simple S-Tag solution, but since I *still* haven't built out any API solutions and am slightly trepidatious to start, haha, just want to check with you wonderful Community gurus first!!


THANKS!!

Brian Mucha

Okay, here's your chance. This one is easy.


First, I fixed that plugin a bit. See attached for an updated version. You'll need to post that somewhere. I use FTP and put it in the folder with my wrapper assets. But I think you could even use the LO Document Library.


Here's a demo page showing it in action. I hard coded the teamraiser and team id, but the comments in the plugin show how to use S-Tags if the page is within Teamraiser:

http://foundation.luriechildrens.org/site/PageServer?pagename=TeamRosterDemo


The code on this page is:


<script type="text/javascript" src="//code.jquery.com/jquery-3.2.1.min.js"></script>

<script type="text/javascript" src="../_wrappers/luriechildrens/mainsite_2018/scripts/jquery.madTeamRoster.js"></script>


<script type="text/javascript">


$(document).ready(function() {

     $('#rosterList').getTeamRoster({

      'proxyURL':'AjaxProxy?auth=[[S86:true]]&cnv_url=',

      'nonsecureConvioPath':'http://[[S29:DOMAIN]][[S29:PATH]]',

      'secureConvioPath':'https://'+'[[S29:SECURE_DOMAIN]][[S29:SECURE_PATH]]',

      'apiKey':'[[S0:CONVIO_API_KEY]]',

      'fr_id':'1800',

      'team_id':'37288',

      'loadingImage': 'http://foundation.luriechildrens.org/_wrappers/luriechildrens/mainsite_2018/images/ajax_loader.gif',

      'loadingText': 'Loading...',

      'personalPageDelimiter': ' - '

     })

});

</script>


<style>

    div#rosterList

    {

        max-width: 600px;

        margin: 20px auto;

        padding: 0;

        border: 1px solid black;

    }

    div#rosterList div#rosterLoading

    {

        padding: 10px;

        text-align: center;

    }

    div#rosterList div#rosterLoading img

    {

        display: block;

        margin: 0 auto;

    }

    div#rosterList div.rosterEntry

    {

        padding: 10px;

    }

    div#rosterList div.rosterEntry:nth-child(even)

    {

        background: #F0F0F0;

    }

</style>



<div id="rosterList"></div>

Brian Mucha

I just read your post more closely. Details, details.


So for this use on a donation form, you'll need to pull the fr_id and team_id from the query string. On a donation form the team id is passed in the PROXY_ID.


$(document).ready(function() {

     $('#rosterList').getTeamRoster({

      'proxyURL':'AjaxProxy?auth=[[S86:true]]&cnv_url=',

      'nonsecureConvioPath':'http://[[S29:DOMAIN]][[S29:PATH]]',

      'secureConvioPath':'https://'+'[[S29:SECURE_DOMAIN]][[S29:SECURE_PATH]]',

      'apiKey':'[[S0:CONVIO_API_KEY]]',

      'fr_id':'[[S334:FR_ID]]',

      'team_id':'[[S334:PROXY_ID]]'

     })

});


We could also tweak the plugin to create a link to the donation form for each team member, rather than a link to the personal page, if you want.


I'd start by trying to reproduce what I have on a PageBuilder page, and then move to the donation form, and finally tweak everything as desired. Keep it simple when you are first setting everything up.


BPM

Tanna Lewis

Thanks so much Brian!  I think you are right that this is the one!  Fingers crossed it goes smoothly!  And thank you again for always being the incredibly awesome resource you are and sharing all your hard work with the rest of us!!  I got no choice on this one so will be working on it this week.  Will let you know how it goes and may circle back with a question or two.  You are the best!!

Brian Mucha

Yay! Glad to hear it. Send me an IM whenever you need to. 


Be sure to use your browser's DevTools (F12) to check out what's happening. If you don't use DevTools then reading the docs for that is your first job. Welcome to the wonderful world of code debugging!


Then get access to your Luminate API config from Support if you haven't done that already and set up an API Key.


BPM