{"version":3,"file":"jobs.min.js","sources":["scripts/jobs.min.js"],"sourcesContent":["/**************************************************************************\r\nName:         jobs.js\r\nDescription:  Scripts for careers page; mainly covers YouTube video embedding.\r\nDate Created: 2022-08-17 by Owen Haggerty\r\nModified:     \r\n**************************************************************************/\r\nconst playIconSvg = '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 102 102\" class=\"careers-video-list-play-icon\" xml:space=\"preserve\"><path d=\"M51 1.6C23.7 1.6 1.6 23.7 1.6 51s22.1 49.4 49.4 49.4 49.4-22.1 49.4-49.4c0-27.3-22.1-49.4-49.4-49.4zm23.3 49.8c0 .8-.4 1.6-1.1 2l-31 18.3c-.3.2-.7.3-1.1.3-.4 0-.8-.1-1.1-.3-.7-.4-1.1-1.2-1.1-2V33.1c0-.8.4-1.6 1.1-2 .7-.4 1.6-.4 2.3 0l31 18.3c.6.4 1 1.2 1 2z\"/></svg>';\r\n\r\nvar ytPlayer;\r\n\r\nwindow.addEventListener(\"load\",function(){\r\n\t/* Initializes the video player by loading the YouTube api */\r\n\tlet apiImportTag = document.createElement(\"script\");\r\n\tapiImportTag.src = \"https://www.youtube.com/iframe_api\";\r\n\tdocument.body.appendChild(apiImportTag);\r\n\t//When the youtube script is loaded onYouTubeIframeAPIReady will be called automatically\r\n});\r\n\r\nfunction addVideoToList(title, video){\r\n\t/* Adds an element to the video list */\r\n\t//Check that the video thumbnail can be fetched\r\n\tlet imgUrl = getVideoThumbnailURL(video, getWebp=true);\r\n\tif(imgUrl === \"\") return;\r\n\t//Add the button wrapper\r\n\tlet wrapper = document.createElement(\"button\");\r\n\twrapper.setAttribute(\"type\",\"button\");\r\n\twrapper.dataset.video = video;\r\n\twrapper.dataset.name = title;\r\n\twrapper.classList.add(\"careers-video-list-entry\");\r\n\twrapper.addEventListener(\"click\", videoListClickListener);\r\n\tdocument.querySelector(\".careers-video-list\").appendChild(wrapper);\r\n\t//Add the thumbnail image\r\n\tlet thumbWrapper = document.createElement(\"div\");\r\n\tthumbWrapper.classList.add(\"careers-video-list-thumbnail-wrapper\");\r\n\twrapper.appendChild(thumbWrapper);\r\n\tlet thumb = document.createElement(\"img\");\r\n\tthumb.src = imgUrl;\r\n\tthumb.setAttribute(\"alt\",title + \" thumbnail image\");\r\n\tthumb.classList.add(\"careers-video-list-thumbnail\");\r\n\tthumb.addEventListener(\"load\",checkImageLoad);\r\n\tthumbWrapper.appendChild(thumb);\r\n\t//Add the overlay\r\n\tlet overlay = document.createElement(\"div\");\r\n\toverlay.classList.add(\"careers-video-list-overlay\");\r\n\twrapper.appendChild(overlay);\r\n\t//Add the play icon\r\n\tlet playIcon = document.createElement(\"div\");\r\n\twrapper.appendChild(playIcon);\r\n\tplayIcon.outerHTML = playIconSvg;\r\n\t//Add the title text\r\n\tlet vidTitle = document.createElement(\"div\");\r\n\tvidTitle.textContent = title;\r\n\tvidTitle.classList.add(\"careers-video-list-title\");\r\n\twrapper.appendChild(vidTitle);\r\n}\r\n\r\nfunction getVideoIdFromUrl(videoUrl){\r\n\t/* Gets the video ID from a YouTube url */\r\n\tlet idIndex = /v=[A-Za-z0-9\\-_]{11}/.exec(videoUrl);\r\n\tif(idIndex === null){\r\n\t\t//No match for the video id was found\r\n\t\treturn \"\";\r\n\t}\r\n\treturn videoUrl.substr(idIndex.index + 2, 11);\r\n}\r\n\r\nfunction getVideoThumbnailURL(video, getWebp=false){\r\n\t/* Takes a video ID or URL and returns the video's thumbnail URL (or an empty string if the thumbnail URL could not be found)*/\r\n\tlet videoID = video;\r\n\tif(!/^[A-Za-z0-9\\-_]{11}$/.test(video)){\r\n\t\t//The video URL was passed in, need to extract the ID\r\n\t\tvideoID = getVideoIdFromUrl(video);\r\n\t\tif(videoID === \"\") return \"\";\r\n\t}\r\n\t//Assemble and return the image url\r\n\tlet imgURL = \"http://img.youtube.com/\"\r\n\tif(getWebp === true) imgURL += \"vi_webp/\" + videoID + \"/maxresdefault.webp\";\r\n\telse imgURL += \"vi/\" + videoID + \"/maxresdefault.jpg\";\r\n\treturn imgURL;\r\n}\r\n\r\nfunction checkImageLoad(event){\r\n\t/* Listener for image loading. Replaces the image with the .jpg version if it failed */\r\n\tlet img = event.target;\r\n\timg.removeEventListener(\"error\",checkImageLoad);\r\n\t//Check if the default missing image was loaded\r\n\tif(!this.complete || (this.naturalWidth === 120 && this.naturalHeight === 90)){\r\n\t\tlet videoListEntry = img.parentElement.parentElement;\r\n\t\tlet jpgURL = getVideoThumbnailURL(videoListEntry.dataset.video, getWebp=false);\r\n\t\tif(jpgURL !== \"\") img.src = jpgURL;\r\n\t}\r\n}\r\n\r\nfunction onYouTubeIframeAPIReady(){\r\n\t/* Called when the YouTube api loads, initializes the video thumbnails and click listeners and creates a youtube player */\r\n\tytPlayer = new YT.Player(\"careersVideo\", {\r\n\t\theight: 675,\r\n\t\twidth: 1200,\r\n\t\tplayerVars: {rel: 0},\r\n\t\tevents: {\r\n\t\t\t\"onReady\": function(){\r\n\t\t\t\t/* Continues the initialization once the player is ready */\r\n\t\t\t\t//Add the click listener to the video overlay\r\n\t\t\t\tdocument.querySelector(\".careers-video-overlay\").addEventListener(\"click\",playVideo);\r\n\t\t\t\tif(videoEmbedIDs !== undefined && videoEmbedIDs.length !== undefined && videoEmbedIDs.length > 0){\r\n\t\t\t\t\t//Initialize the video list\r\n\t\t\t\t\tfor(let i=0; i<Math.min(videoEmbedIDs.length, 3); i++){\r\n\t\t\t\t\t\tlet vidObj = videoEmbedIDs[i];\r\n\t\t\t\t\t\taddVideoToList(vidObj.name, vidObj.video);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t//Select the first video in the list to be active\r\n\t\t\t\t\tdocument.querySelector(\".careers-video-list-entry:first-child\").classList.add(\"active\");\r\n\t\t\t\t\tdocument.querySelector(\".careers-video-list-entry:first-child\").setAttribute(\"disabled\",\"\");\r\n\t\t\t\t\tsetActiveVideo(videoEmbedIDs[0].video, videoEmbedIDs[0].name, autoplay=false);\r\n\t\t\t\t}\r\n\t\t\t\telse{\r\n\t\t\t\t\tshowNoVideosMessage();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t});\r\n}\r\n\r\nfunction playVideo(){\r\n\t/* Plays the currently active video */\r\n\t//Hide the video overlay\r\n\tdocument.querySelector(\".careers-video-overlay\").classList.add(\"hidden\");\r\n\t//Show and play the video\r\n\tdocument.querySelector(\"iframe#careersVideo\").classList.remove(\"hidden\");\r\n\tytPlayer.playVideo();\r\n}\r\n\r\nfunction setActiveVideo(video, title, autoplay=false){\r\n\t/* Sets the active video in the video player */\r\n\tif(autoplay !== true){\r\n\t\t//Show the video overlay\r\n\t\tdocument.querySelector(\".careers-video-overlay\").classList.remove(\"hidden\");\r\n\t\t//Update the thumbnail\r\n\t\tlet thumb = document.querySelector(\"#careersVideoThumbnail\");\r\n\t\tthumb.setAttribute(\"src\",getVideoThumbnailURL(video));\r\n\t\tthumb.setAttribute(\"alt\", title + \" thumbnail image\");\r\n\t}\r\n\telse{\r\n\t\t//Hide the video overlay\r\n\t\tdocument.querySelector(\".careers-video-overlay\").classList.add(\"hidden\");\r\n\t}\r\n\t//Set the player's video\r\n\tif(/^[A-Za-z0-9\\-_]{11}$/.test(video)){\r\n\t\t//Set the video using the ID\r\n\t\tif(autoplay === true)\r\n\t\t\tytPlayer.loadVideoById(video);\r\n\t\telse\r\n\t\t\tytPlayer.cueVideoById(video);\r\n\t}\r\n\telse{\r\n\t\t//The video URL was passed in, need to extract the ID\r\n\t\tlet videoID = getVideoIdFromUrl(video);\r\n\t\tif(videoID === \"\") return;\r\n\t\t//Set the player's video using the extracted id\r\n\t\tif(autoplay === true)\r\n\t\t\tytPlayer.loadVideoById(videoID);\r\n\t\telse\r\n\t\t\tytPlayer.cueVideoById(videoID);\r\n\t}\r\n\tif(autoplay !== true){\r\n\t\t//Hide the video\r\n\t\tdocument.querySelector(\"iframe#careersVideo\").classList.add(\"hidden\");\r\n\t}\r\n\telse{\r\n\t\tdocument.querySelector(\"iframe#careersVideo\").classList.remove(\"hidden\");\r\n\t}\r\n}\r\n\r\nfunction showNoVideosMessage(){\r\n\t/* Displays the \"No Videos Found\" message */\r\n}\r\n\r\nfunction videoListClickListener(event){\r\n\t/* Responds to click events on video list elements */\r\n\tlet t = event.target;\r\n\tif(t.classList.contains(\"careers-video-list-entry\")){\r\n\t\tif(!t.classList.contains(\"active\")){\r\n\t\t\tdocument.querySelector(\".careers-video-list-entry.active\").removeAttribute(\"disabled\");\r\n\t\t\tdocument.querySelector(\".careers-video-list-entry.active\").classList.remove(\"active\");\r\n\t\t\tt.classList.add(\"active\");\r\n\t\t\tt.setAttribute(\"disabled\",\"\");\r\n\t\t\tsetActiveVideo(t.dataset.video, t.dataset.name, autoplay=true);\r\n\t\t}\r\n\t}\r\n\telse{\r\n\t\t//Check if the event target is contained in a video list entry\r\n\t\tlet par = t.parentElement;\r\n\t\twhile(par.tagName !== \"BODY\"){\r\n\t\t\tif(par.classList.contains(\"careers-video-list-entry\")){\r\n\t\t\t\tif(!par.classList.contains(\"active\")){\r\n\t\t\t\t\tdocument.querySelector(\".careers-video-list-entry.active\").removeAttribute(\"disabled\");\r\n\t\t\t\t\tdocument.querySelector(\".careers-video-list-entry.active\").classList.remove(\"active\");\r\n\t\t\t\t\tpar.classList.add(\"active\");\r\n\t\t\t\t\tpar.setAttribute(\"disabled\",\"\");\r\n\t\t\t\t\tsetActiveVideo(par.dataset.video, par.dataset.name, autoplay=true);\r\n\t\t\t\t}\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t\tpar = par.parentElement;\r\n\t\t}\r\n\t}\r\n}"],"names":["playIconSvg","ytPlayer","addVideoToList","title","video","let","wrapper","vidTitle","imgUrl","getVideoThumbnailURL","getWebp","document","createElement","setAttribute","dataset","name","classList","add","addEventListener","videoListClickListener","querySelector","appendChild","thumbWrapper","thumb","src","checkImageLoad","overlay","playIcon","outerHTML","textContent","getVideoIdFromUrl","videoUrl","idIndex","exec","substr","index","videoID","test","imgURL","event","jpgURL","img","target","removeEventListener","this","complete","naturalWidth","naturalHeight","parentElement","onYouTubeIframeAPIReady","YT","Player","height","width","playerVars","rel","events","onReady","playVideo","undefined","videoEmbedIDs","length","i","Math","min","vidObj","setActiveVideo","autoplay","showNoVideosMessage","remove","loadVideoById","cueVideoById","t","contains","removeAttribute","par","tagName","window","apiImportTag","body"],"mappings":"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"}