accreditation

code to display accreditation information based on course code

by davehol

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>
<div class="captioned-image media-image-gallery-type image-square m-icon-overlay-container">

  <a data-lightbox-src="/content/rmit-ui/en/media-objects/rmit-images/college-of-business-images/school-of-accounting-prize-giving-gallery.html" href="#" class="no-outline js-launch-lightbox remove-outline">
    <div class="scaled-background" style="background-image: url(&quot;/content/dam/rmit/rmit-images/college-of-business-images/prize-giving/Medal_image.jpg.transform/rendition-640x640/image.jpg&quot;);">
      <img class="js-responsive-image bg-cover offset-content" alt="View our valued partners" data-ri-sm="/content/dam/rmit/rmit-images/college-of-business-images/prize-giving/Medal_image.jpg.transform/rendition-640x640/image.jpg" data-ri-xxs="/content/dam/rmit/rmit-images/college-of-business-images/prize-giving/Medal_image.jpg.transform/rendition-800x800/image.jpg"
      src="/content/dam/rmit/rmit-images/college-of-business-images/prize-giving/Medal_image.jpg.transform/rendition-640x640/image.jpg">

      <div class="m-icon-overlay">
        <div class="m-icon-overlay-bg"></div>
        <div class="m-icon-overlay-icon-bg"></div>
        <span class="m-icon-overlay-icon grunticon-camera-gal-wht-40"></span>
      </div>
    </div>
    <div class="call-to-action caption">
      <span class="grunticon-arw-right-red-20"></span><span class="span-outline remove-outline">View our valued partners</span>
    </div>
  </a>
</div>
<div class="dave"></div>
<div class="dave"></div>
<div class="dave"></div>
<div class="m-explore-more not-hide">
  <h3>Explore more</h3>

  <ul>

    <li><a href="/about/our-education/academic-schools/accounting"><span style="font-size: 1em;line-height: 1.571em;">Accounting</span></a></li>


    <li><a href="/about/giving-to-rmit"><span style="font-size: 1em; line-height: 1.571em;">Giving to RMIT</span></a></li>
  </ul>
</div>

JavaScript

$(document).ready(function() {

  var pcode = GetQueryStringParams("code");
  var sid = GetQueryStringParams("sid");
  //var elem = $(".media-image-gallery-type > a").attr("data-lightbox-src", "/content/rmit-ui/en/media-objects/rmit-images/college-of-business-images/" + pcode + "-accred-logos.html");
  var acredData = [];
  $.ajax({
    type: 'GET',
    url: "https://spreadsheets.google.com/feeds/list/13c7HZC1rDAVstNYEqN3_MAodz3dDqLoOePCmCnlpdMg/" + sid + "/public/values?alt=json-in-script&q=" + pcode + "&callback=?",
    dataType: 'jsonp',
    success: function(json) {
      $.each(json.feed.entry, function(index, item) {
        obj = {};
        obj["desc"] = item.gsx$programguideaccreditationdescription.$t;
        obj["code"] = item.gsx$programcode.$t;
        obj["prog"] = item.gsx$program.$t;
        obj["org"] = item.gsx$professionalorstatutorybody.$t;
        obj["url"] = item.gsx$url.$t;
        obj["opps"] = item.gsx$membershipandopportunities.$t;
        obj["gallery"] = item.gsx$includelogo.$t;
        acredData.push(obj);
      });
      buildElems();
    },
    error: function(e) {
      alert("Oop's");
    }
  });

  function buildElems() {
    var isGallery = false;
    var firstPara = $("<div>");
    firstPara.append("<h2>" + acredData[0].prog + "</h2><p>See below for current program accreditations and information about membership and development opportunities for students and graduates.</p>");

    $.each(acredData, function(index) {
      firstPara.append("<hr><h4>" + acredData[index].org + "</h4>");
      if (acredData[index].desc.trim() !== "Not Applicable") {
        firstPara.append("<p>" + acredData[index].desc + "</p>");
      }
      if (acredData[index].opps !== "None") {
        firstPara.append("<h5>Membership and Opportunities</h5>");
        firstPara.append(formatOpps(acredData[index].opps));
      }
      if (acredData[index].gallery != "") {
        isGallery = true;
      }
      firstPara.append("<p><a href='https://" +...