Talkdesk Call Relater Assistant

This application will observe for changes on the salesforce website, specifically it'll look for when the relate calls tab is opened, or in the CSS class ("DOCKED"). Upon seeing this change, it will then play a chime that is stored inside of the extension. All code referred to inside of this extension will only apply to salesforce and has no impact outside of that website. it only exists to allow a chime to play upon certain circumstances. the function fccfinder exists so that I can loop through a list, this is due to the fact that there a four elements on the salesforce webpage that contain the class "oneUtilityBarPanel". So when I loop through the list I am looking for an innerText attribute that contains "Relate the call to". this means that I can specify that I only want to look for changes that'd apply to this specific element that contains "Relate the call to". function callback just links the Mutation observer to another function "relatechecker". Function relatechecker is where we check if the current selected element contains the class "DOCKED". I log the innerText of the element just for debugging purposes. Lets me see what the currently selected element is. it then plays the audio file located inside of the extension "Ring01.mp3" which is stored within the variable "relateaudio". I loop the sound to make sure that it doesnt stop playing until the user minimises the element. if the element is minimised, it pauses the relateaudio and sets the time on the audio back to 0 so that it restarts upon reopening the element. the constant variable mutationObserver, is used to check for changes in the fcc element. allowing me to then check for the specific change within the relatechecker function. The constant variable "elementCheckInterval" is used so that I can check for the element on the webpage every 500ms. index.html just contains a header element with text. background.js only contains a console.log that states the extension has been installed. the manifest makes sure that the extension can work on specify, it's limited to only working on salesforce, and no other website. I tested this by checking console on multiple website. Added a Volume changing feature, that adds an element to the FCC which is an adjustable bar, as to allow users to change the volume to what they consider a comfortable listening level. To do so I created a variable called "audiobar" which is an element with the type of "input", I then set 5 attributes, "range" "min" "max" "value" and "id". all of these are used so that I can allow the user to adjust the volume, I then take the value of the audiobar, divide it by 100 and set that to be the relateaudio volume.