////////////////////////////////
///////////  FOOTER  ///////////
////////////////////////////////


// creates customer MCC footer
var footer = '<table width="100%"><tr><td><span id="footer-links">' + '<a class="contact-mco" target="_blank" href="https://maps.macomb.edu">Macomb Campus Map </a> ' + ' <a class="contact-mco" target="_blank" href="mailto:onlinesupport@macomb.edu">onlinesupport@macomb.edu</a> ' + ' <a class="contact-mco" href="tel:877-362-2662">877.362.2662</a> ' + '<a class="contact-mco" target="_blank" href="http://www.macomb.edu/">Macomb Community College</a> ' + ' </span></td>' + '</tr></table>';
$('#footer').html(footer);


////////////////////////////////
///////////  COURSE  ///////////
////////////////////////////////
// reset course content button
$(document).ready(function(){
  if((ENV.current_user_roles.indexOf("teacher") > -1) && (ENV.current_user_roles.indexOf('admin') == -1)){
    $('.reset_course_content_button').hide();
  }


////////////////////////////////////
//Change the report a problem link//
////////////////////////////////////
// set timeout
var tid = setTimeout(mycode, 250);
function mycode() {
  //Change the title of "Ask Your Teacher a Question"
  $("a[href='#create_ticket'] .text").text('Email Macomb Online Support');
  tid = setTimeout(mycode, 250); // repeat myself
}

});


////////////////////////////////
////////  CANVABADGES  ////////
////////////////////////////////

$(function() {
  console.log("CANVABADGES: Loaded!");
  // NOTE: if pasting this code into another script, you'll need to manually change the
  // next line. Instead of assigning the value null, you need to assign the value of
  // the Canvabadges domain, i.e. "https://www.canvabadges.org". If you have a custom
  // domain configured then it'll be something like "https://www.canvabadges.org/_my_site"
  // instead.
  var protocol_and_host = "https://macomb.instructure.com";
  if(!protocol_and_host) {
    var $scripts = $("script");
    $("script").each(function() {
      var src = $(this).attr('src');
      if(src && src.match(/canvas_profile_badges/)) {
        var splits = src.split(/\//);
        protocol_and_host = splits[0] + "//" + splits[2];
      }
      var prefix = src && src.match(/\?path_prefix=\/(\w+)/);
      if(prefix && prefix[1]) {
        protocol_and_host = protocol_and_host + "/" + prefix[1];
      }
    });
  }
  if(!protocol_and_host) {
    console.log("CANVABADGES: Couldn't find a valid protocol and host. Canvabadges will not appear on profile pages until this is fixed.");
  }
  var match = location.href.match(/\/(users|about)\/(\d+)$/);
  if(match && protocol_and_host) {
    console.log("CANVABADGES: This page shows badges! Loading...");
    var user_id = match[2];
    var domain = location.host;
    var url = protocol_and_host + "/api/v1/badges/public/" + user_id + "/" + encodeURIComponent(domain) + ".json";
    $.ajax({
      type: 'GET',
      dataType: 'jsonp',
      url: url,
      success: function(data) {
        console.log("CANVABADGES: Data retrieved!");
        if(data.objects && data.objects.length > 0) {
          console.log("CANVABADGES: Badges found! Adding to the page...");
          var $box = $("<div/>", {style: 'margin-bottom: 20px;'});
          $box.append("<h2 class='border border-b'>Badges</h2>");
          for(idx in data.objects) {
            var badge = data.objects[idx];
            var $badge = $("<div/>", {style: 'float: left;'});
            var link = protocol_and_host + "/badges/criteria/" + badge.config_id + "/" + badge.config_nonce + "?user=" + badge.nonce;
            var $a = $("<a/>", {href: link});
            $a.append($("<img/>", {src: badge.image_url, style: 'width: 72px; height: 72px; padding-right: 10px;'}));
            $badge.append($a);
            $box.append($badge);
          }
          $box.append($("<div/>", {style: 'clear: left'}));
          $("#edit_profile_form,fieldset#courses,.more_user_information + div").after($box);
        } else {
          console.log("CANVABADGES: No badges found for the user: " + user_id + " at " + domain);
        }
      },
      error: function(err) {
        console.log("CANVABADGES: Badges failed to load, API error response");
        console.log(err);
      },
      timeout: 5000
    });
  } else {
    console.log("CANVABADGES: This page doesn't show badges");
  }
});

//////////////////////////////////////
///////Bookstore link/////////
////////////////////////////////////

function addMenuItem (linkText, linkhref, icon) {  
  var iconHtml = '',  
  itemHtml,  
  linkId = linkText.split(' ').join('_');  
  if (icon !== '') {  
    //iconHtml = '<i class="' + icon + '" style="display: block; width: 100%; height: 25px;"></i> ';

    // If it is a Canvas icon    
    if (icon.indexOf('icon') === 0) {    
      iconHtml = '<div class="menu-item-icon-container" role="presentation"><i class="' + icon + ' custom_menu_list_icon"></i></div>';    
    // for an svg or other image    
    } 
    else if (icon !== '') {    
      iconHtml = '<div class="menu-item-icon-container" role="presentation"><img src="' + icon + '" style="display: block; width: 100%; height: 25px;" /></div>';    
    }  

  }  
  itemHtml = '<li class="ic-app-header__menu-list-item ">' +  
  '  <a id="global_nav_' + linkId + '" href="' + linkhref + '" class="ic-app-header__menu-list-link" target="_blank">' +  
  iconHtml + 
  ' <div class="menu-item__text">' + linkText + '</div>' +  
  '  </a>' +  
  '</li>';  
  $('#menu').append(itemHtml);  
} 
addMenuItem('Macomb Bookstore', 'https://macombbookstore.com/', 'https://www.macomb.edu/resources/images/offsite/BookstoreIconOpenBook.png');  


//////////////////////////////////////
///////Success link/////////
////////////////////////////////////

function addMenuItem (linkText, linkhref, icon) {  
  var iconHtml = '',  
  itemHtml,  
  linkId = linkText.split(' ').join('_');  
  if (icon !== '') {  
    //iconHtml = '<i class="' + icon + '" style="display: block; width: 100%; height: 25px;"></i> ';

    // If it is a Canvas icon    
    if (icon.indexOf('icon') === 0) {    
      iconHtml = '<div class="menu-item-icon-container" role="presentation"><i class="' + icon + ' custom_menu_list_icon"></i></div>';    
    // for an svg or other image    
    } 
    else if (icon !== '') {    
      iconHtml = '<div class="menu-item-icon-container" role="presentation"><img src="' + icon + '" style="display: block; width: 100%; height: 25px;" /></div>';    
    }  

  }  
  itemHtml = '<li class="ic-app-header__menu-list-item ">' +  
  '  <a id="global_nav_' + linkId + '" href="' + linkhref + '" class="ic-app-header__menu-list-link" target="_blank">' +  
  iconHtml + 
  ' <div class="menu-item__text">' + linkText + '</div>' +  
  '  </a>' +  
  '</li>';  
  $('#menu').append(itemHtml);  
} 
addMenuItem('Success Link', 'https://macomb.inspire.civitaslearning.com/login', 'https://www.macomb.edu/resources/images/offsite/SuccessLink.png');


//////////////////////////////////////
///////Student Resources link/////////
////////////////////////////////////

function addMenuItem (linkText, linkhref, icon) {  
  var iconHtml = '',  
  itemHtml,  
  linkId = linkText.split(' ').join('_');  
  if (icon !== '') {  
    //iconHtml = '<i class="' + icon + '" style="display: block; width: 100%; height: 25px;"></i> ';

    // If it is a Canvas icon    
    if (icon.indexOf('icon') === 0) {    
      iconHtml = '<div class="menu-item-icon-container" role="presentation"><i class="' + icon + ' custom_menu_list_icon"></i></div>';    
    // for an svg or other image    
    } 
    else if (icon !== '') {    
      iconHtml = '<div class="menu-item-icon-container" role="presentation"><img src="' + icon + '" style="display: block; width: 100%; height: 25px;" /></div>';    
    }  

  }  
  itemHtml = '<li class="ic-app-header__menu-list-item ">' +  
  '  <a id="global_nav_' + linkId + '" href="' + linkhref + '" class="ic-app-header__menu-list-link" target="_blank">' +  
  iconHtml + 
  ' <div class="menu-item__text">' + linkText + '</div>' +  
  '  </a>' +  
  '</li>';  
  $('#menu').append(itemHtml);  
} 
addMenuItem('Student <br /> Resources', 'https://online.macomb.edu/courses/7375', 'https://www.macomb.edu/resources/images/offsite/student-resources.svg');  

//////////////////////////////////////
///////Panorama Theme/////////
////////////////////////////////////

(async function() {
    const PANORAMA_SERVER_URL = 'https://panorama-api.yuja.com';
    const panoramaIdentifierKey = 'd4356af7a1edf643ef63d38cf37d972a2ecfbacb21536c5c0a8b976847ef7751';
    const PANORAMA_CDN_URL = 'https://cdn-panorama.yuja.com';

    window.PANORAMA_SERVER_URL = PANORAMA_SERVER_URL;
    window.panoramaIdentifierKey = panoramaIdentifierKey;
    window.PANORAMA_CDN_URL = PANORAMA_CDN_URL;

    function loadScript(url) {
        const script = document.createElement('script');
        script.src = url;
        document.head.appendChild(script);
    }

    try {
        const response = await fetch(`${PANORAMA_SERVER_URL}/panorama-visualizer/canvas`, {cache: 'no-store'});
        const scriptUrl = await response.text();
        loadScript(scriptUrl);
    } catch (e) {
        console.error('Failed to load Panorama: ', e);
    }
})();

/////////////////////////////Pria LTI -Praxis//////////////////////////////
/* Custom JavaScript for Canva's Theme - Pria version 1.4 July 7th 2025 */
var priaStarted = window.priaStarted || false

//
// TODO: 
// 1- Leave the institution_id to an empty string (Digital Twin) so that teachers or administrators can create or select a new or existing instance of Pria (digital twin),
//    or set to a specific instance public id like ('5fd6d7a4-4cc7-4e04-8473-e89aef4e...') which will be used by default when launching Pria, 
//    When value is set to undefined, Pria will not load.
// 2- set the picture PNG/JPG accessible cross domains to change your logo, or leave undefined to keep Pria's default picture
// 3- customize display options or leave the default values.
// See install documentation at https://learning.praxislxp.com/praxis/pria-custom-theme-canvas-install-guide/
//
// Note: as of version 1.2 a new display option noUI is offered to disable the UI completely and interact with Pris programatically through the SDK 
// See Developer documentation at https://learning.praxislxp.com/praxis/pria-js-sdk/

var INSTITUTION_ID="";   // undefined, "", or valid ID "5fd6d7a4-4cc7-4e04-8473-e89aef4e...";
var INSTITUTION_ICON_URL; // undefined for default Pria logo or full url ex: "https://cdn.mydomain.com/assets/picture.png"
var DISPLAY_OPTIONS={
    fullScreen: false,    // True for expanded in full screen
    openOnLoad: false,    // True to open Pria immediately when loaded 
    buttonWidth: '80px',  // Size of the button containing the Pria Logo
    buttonPosition: 'fixed',     // Determine the position of the button (fixed, relative, sticky)
    buttonPositionRight: '20px', // Position of the button relative to the right edge of the screen
    buttonPositionBottom: '20px',// Position of the button relative to the bottom edge of the screen
    buttonNoBounce: true,  // Determine wether the button will not bounce when Pria is closed
    priaContainerId: '',   // Id of the container receiving pria window (default empty uses BODY)
    buttonContainerId: '', // Id of the container receiving the button (default empty uses BODY)
    allowPop: false, // true to show the button and pop Pria out the containing iFrame 
    noUI: false // true to disable the UI. Pria is still accessible through the Javascript SDK
}

window.addEventListener('load', (event) => {

    //
    // Code below determines when to start Pria 
    // By default on all course pages and theme editor for preview
    // Customize as needed
    //

   
    // load on all courses page (default)
    // Ex: https://praxis-ai.instructure.com/courses/106
    onPage(/\/courses\/\d+/, function (isOnPage) {
        if (isOnPage) {
            // Will not load on preview pages
            if (location.href.match(/preview=/)) return 

            // Example on how to use the isInCourses functions to 
            // connect to a specific instance of pria, or enable digital twins 
            // when the INSTITUTION_ID is set to undefined on line 13
            
            var coursesForSpecificInstance = [72620]
            isInCourses(coursesForSpecificInstance, function (isCourse) {
                if (isCourse) {
                    INSTITUTION_ID='cc02819e-256c-49e5-8dfd-fe03e2dcc796'
                    INSTITUTION_ICON_URL='https://learning.praxislxp.com/praxis/wp-content/uploads/2025/07/robert.webp'
                }
            })
            
	/*
            
            // Example combined logic
            var coursesForDigitalTwin = []
            isInCourses(coursesForDigitalTwin, function (isCourse) {
                if (isCourse) {
                    INSTITUTION_ID=''
                    INSTITUTION_ICON_URL=undefined
                    loadPria();
                }
                else{
                    var noDigitalTwin = [123,231]
                    isInCourses(noDigitalTwin, function (isCourse) {
                        if (isCourse) {
                            // don't load pria
                        }
                        else{
                            INSTITUTION_ID='1234-5245-ss-aaa'
                            INSTITUTION_ICON_URL='https://cdn.domain.edu/my/icon.png'
                            loadPria();
                        }  
                    })    
                }
        */   
            })
           
	/*
                        var coursesForAccounts = [123]
            isInAccounts(coursesForAccounts, function (isAccount) {
                if (isAccount) {
                    INSTITUTION_ID=''
                    INSTITUTION_ICON_URL=undefined
                }
            })
        */
            loadPria()

        }
    })

    //
    // Additional loading options 
    //

    // load on theme_editor page
    // Ex: url https://praxis-ai.instructure.com/accounts/1/theme_editor
    onPage(/\/theme_editor/, function (isOnPage) {
        if (isOnPage) {
           loadPria()
        }
    })

    // load for a user role 
    // ex: user, teacher, admin, root_admin, etc.
    hasAnyRole('user', function (hasRole) {
        if (hasRole) {
            // loadPria()
        }
    })

    // load if a student
    isStudent(function (isStudent) {
        if (isStudent) {
            //  loadPria()
        }
    })

    // load for a specific user
    isUser(1, function (isUser) {
        if (isUser) {
            //  loadPria()
        }
    })
    
    // load for specific users
    var userIds=[1,2,3]
    isInUsers(userIds, function (isUser) {
        if (isUser) {
            //  loadPria()
        }
    })

    // load for a specific course
    isCourse(123, function (isCourse) {
        if (isCourse) {
            //  loadPria()
        }
    })

    var courseIds = [1234,2345]
    isInCourses(courseIds, function (isCourse) {
        if (isCourse) {
            //  loadPria()
        }
    })

    // Load with an action on a page using el (a jquery element collection)
    onElementRendered('a[href=#create_ticket]', function (el) {
        //  loadPria()
    })

})

//
// DO NOT MODIFY utility functions below
//
function onPage(regex, fn) {
    location.pathname.match(regex) ? fn(true) : fn(false)
}

function hasAnyRole(/*roles, cb*/) {
    var roles = [].slice.call(arguments, 0);
    var cb = roles.pop();
    for (var i = 0; i < arguments.length; i++) {
        if (ENV.current_user_roles !== null && ENV.current_user_roles.indexOf(arguments[i]) !== -1) {
            return cb(true)
        }
    }
    return cb(false)
}

function isUser(id, cb) {
    var currentUser = Number(ENV?.current_user_id || ENV?.current_user?._id)
    cb( currentUser === Number(id));
}

function isInUsers(ids, cb) {
    var currentUser = Number(ENV?.current_user_id || ENV?.current_user?._id)
    var res = ids.includes(currentUser)
    if (cb) {
        cb(res)
    }
    return res
}

function isCourse(id, cb) {
    let res = (ENV?.current_context?.id && Number(ENV.current_context?.id) === Number(id) && ENV?.current_context?.type==="Course") ||
    (ENV.COURSE_ID && Number(ENV.COURSE_ID) === Number(id))
    if (cb) {
        cb(res)
    }
    return res
}

function isInCourses(ids, cb) {
    let currentCourseId = (ENV?.current_context?.type==="Course" &&  ENV?.current_context?.id ? Number(ENV.current_context?.id) : (ENV?.COURSE_ID ? Number(ENV.COURSE_ID) : 0 ))
    var res = ids.includes(currentCourseId)
    if (cb) {
        cb(res)
    }
    return res
} 

function isAccount(id, cb) {
    let res = (ENV?.current_context?.id && ENV?.current_context?.type==="Course" && ENV.ACCOUNT_ID && Number(ENV.ACCOUNT_ID) === Number(id))
    if (cb) {
        cb(res)
    }
    return res
}

function isInAccounts(ids, cb) {
    let currentAccountId = (ENV?.current_context?.id && ENV?.current_context?.type==="Course" && ENV.ACCOUNT_ID ? Number(ENV.ACCOUNT_ID) : -1 )
    if (currentAccountId<=0) {
        cb(false)
        return false
    }

    var res = ids.includes(currentAccountId)
    if (cb) {
        cb(res)
    }
    return res
}

function isStudent(cb) {
    cb(ENV.current_user_is_student);
}

function onElementRendered(selector, cb, _attempts) {
    var el = $(selector)
    _attempts = ++_attempts || 1
    if (el.length) return cb(el)
    if (_attempts === 60) return
    setTimeout( () => {
        onElementRendered(selector, cb, _attempts);
    }, 250)
}


const loadPria = () => {
    if (priaStarted) return;
    priaStarted = true;
    var currentUser = ENV?.current_user_global_id || ENV?.current_user_id || ENV?.current_user?._id || 1
    
    var email = ENV?.current_user?.email || ENV?.USER_EMAIL || ""
    if (email.length === 0) {
        email =  `${currentUser}@${document.location.host}`
    }

    var isAdmin = ENV.current_user_roles?.indexOf('admin') > -1 || ENV.current_user_roles?.indexOf('teacher') > -1 || ENV.current_user_roles?.indexOf('root_admin') > -1 || ENV.current_user_is_admin || false;
    //console.info("Canvas ENV", ENV)
    var user = {
        email: email,
        profilename: ENV?.current_user?.display_name || "User Name",
        profilepicture: ENV?.current_user?.avatar_image_url || "",
        userid: `${currentUser}`,  /* external id of the user */
        usertype: isAdmin ? 4 : 1, /*1: user, 4: admin*/
        roleid: Number(ENV?.current_context?.id || ENV?.COURSE_ID || ENV?.COURSE?.id || 1),  /* Course ID when present (optional) */
        rolename:  ENV?.current_context?.name || ENV?.COURSE?.long_name || "", /* Course Name (optional)*/
        partnerid: `${ENV.DOMAIN_ROOT_ACCOUNT_ID || ENV.ACCOUNT_ID || 1}`, /* Account ID (optional) */
        partnername: document.location.host, /* Account domain (optional) */
        lticontextid : ENV?.current_context?.url || document.location.href, /* Placement of Pria */
    }

    loadSdkOver('https://pria.praxislxp.com', user, INSTITUTION_ID, INSTITUTION_ICON_URL, DISPLAY_OPTIONS)

}

const loadSdkOver = (u, user, key, icon, options) => {
    const script = document.createElement('script');
    script.src = u + "/pria-sdk.js";
    script.async = true;
    document.body.appendChild(script);
    script.onload = () => {
        if (typeof (window.priasdk) === 'function') {
            window.priasdk(u, user, key, icon, options);
        }
    }
}