MacKillop Aurion

by simoneast

HTML

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://recruitment.aurion.com/mackillop-jobs/assets/modules/vacancies/vacancies.css"> <!--Link to the default stylesheet-->
  <meta charset="utf-8">
  <script src="https://recruitment.aurion.com/mackillop-jobs/assets/modules/vacancies/vacancies.js"></script> <!--Link to the script used to display the vacancies-->
  <title>Job Vacancies</title>
</head>
<body>
  <h2>---- MacKillop header and intro would go here ----</h2>
  
  <div id="vacancies">
    Jobs are loading, please wait...
  </div> <!--Used to display list of vacancies-->
  <div id="modal" aria-hidden="true"></div> <!--Used to display vacancy details-->
  
  <h2>---- MacKillop footer would go here ----</h2>
  
  <script>
    // Initialises object that handles displaying vacancies and vacancy details
    document.addEventListener('DOMContentLoaded', function(event) {
    
    	// MacKillop Endpoint
      var endpoint =  'https://recruitment.aurion.com/mackillop-jobs';
      
      // AEC endpoint - using this as an example since it actually has some jobs populated
      endpoint = 'https://recruitment.aurion.com/aec-jobs';
      
      var options = {
        element: 'vacancies',
        endpoint: endpoint,
        templateendpoint: endpoint + '/assets/modules/vacancies/',
      };
      var view = new Vacancies(options);
      
    });
  </script>
</body>
</html>