\n\t
`\n\n //main template\n const navNode = document.createElement('div');\n const body = document.body;\n navNode.innerHTML = menuHtml;\n navNode.id = MDM.SharedNav.Core.ElementIds.navigationContainer;\n body.insertBefore(navNode, body.firstChild);\n};\n\ntry {\nMDM.SharedNav.MyMdUI.initHeader();\n}\ncatch (e) {\n MDM.SharedNav.MyMdUI.loadSimplifiedMenu();\n}","\"use strict\";\nvar MDM = MDM || {};\nMDM.SharedNav = MDM.SharedNav || {};\nMDM.SharedNav.Template = MDM.SharedNav.Template || {};\n\nMDM.SharedNav.Template.Survey = class {\n constructor(surveySrc) {\n this._hasInit = false;\n this._surveySrc = surveySrc;\n\n if (this.isAvailable()) {\n this.init(this._surveySrc);\n }\n }\n\n isAvailable() {\n return MDM.SharedNav.Params.getSurvey;\n }\n\n hide() {\n Array.from(document.getElementsByClassName('_acs')).forEach(\n function (element, index, array) {\n element.style.visibility = 'hidden';\n }\n );\n }\n\n show() {\n if (this._hasInit === false) {\n this.init(this._surveySrc);\n } else {\n Array.from(document.getElementsByClassName('_acs')).forEach(\n function (element, index, array) {\n element.style.visibility = 'visible';\n }\n );\n }\n }\n\n toggle(show) {\n if (show === true) {\n this.show();\n } else {\n this.hide();\n }\n }\n\n init(src) {\n // ForeSee Embed Script v2.01\n // DO NOT MODIFY BELOW THIS LINE *****************************************\n (function (g) {\n var d = document, am = d.createElement('script'), h = d.head || d.getElementsByTagName(\"head\")[0], fsr = 'fsReady',\n aex = {\n \"src\": src,\n \"type\": \"text/javascript\",\n \"async\": \"true\",\n \"data-vendor\": \"fs\",\n \"data-role\": \"gateway\"\n };\n for (var attr in aex) { am.setAttribute(attr, aex[attr]); } h.appendChild(am); g[fsr] || (g[fsr] = function () { var aT = '__' + fsr + '_stk__'; g[aT] = g[aT] || []; g[aT].push(arguments); });\n })(window);\n // DO NOT MODIFY ABOVE THIS LINE *****************************************\n\n this._hasInit = true;\n }\n};\nMDM.SharedNav.Template.forseeInstance = null;\n","\"use strict\";\nvar MDM = MDM || {};\nMDM.SharedNav = MDM.SharedNav || {};\nMDM.SharedNav.Template = MDM.SharedNav.Template || {};\n\n\nMDM.SharedNav.Template.BaseSearch = class {\n\n submitSearch(searchOptions) {\n let urlWithParams = searchOptions.url + this.param(searchOptions.getParams());\n let options = {\n method: searchOptions.method,\n url: urlWithParams,\n withCredentials: false\n };\n return MDM.SharedNav.Utils.makeRequest(options);\n }\n\n param(object) {\n let encodedString = '';\n for (let prop in object) {\n if (object.hasOwnProperty(prop)) {\n if (encodedString.length > 0) {\n encodedString += '&';\n }\n encodedString += encodeURI(prop + '=' + object[prop]);\n }\n }\n return encodedString;\n }\n};\n\nMDM.SharedNav.Template.NavSearch = class extends MDM.SharedNav.Template.BaseSearch {\n\n constructor(searchBoxSelector, searchResultBoxSelector, searchBtnSelector) {\n super();\n let self = this;\n let searchOptions = {\n searchBoxSelector: searchBoxSelector,\n searchResultBoxSelector: searchResultBoxSelector,\n searchBtnSelector: searchBtnSelector,\n queryOptions: {\n method: 'GET',\n url: MDM.SharedNav.Params.onlineUrl + '/mdapi/search/suggestions?',\n getParams: function() {\n return {\n term: document.querySelector(searchBoxSelector).value,\n culture: MDM.SharedNav.Utils.getCurrentLanguage()\n };\n },\n beforeCallback: function() {\n self.clearSuggestionUi();\n },\n afterCallback: function(data) {\n self.updateSuggestionUi(data);\n }\n }\n };\n this.init(searchOptions);\n this.searchResultBoxSelector = searchResultBoxSelector;\n }\n\n init(searchOptions) {\n let self = this;\n self.termSelector = searchOptions.searchBoxSelector;\n self.containerSelector = searchOptions.searchResultBoxSelector;\n self.submitSelector = searchOptions.searchBtnSelector;\n self.searchInput = document.querySelector(this.termSelector);\n self.searchBtn = document.querySelector(this.submitSelector);\n self.searchInputEmptyErrorEN = \"Please enter a search term\";\n self.searchInputEmptyErrorFR = \"Entrez un terme à rechercher\";\n self.inputErrorClass = \"md--search__input--error\";\n self.queryOptions = searchOptions.queryOptions || {};\n self.queryOptions.method = searchOptions.queryOptions.method || 'GET';\n self.queryOptions.url = searchOptions.queryOptions.url || '';\n self.queryOptions.getParams = searchOptions.queryOptions.getParams || function() {};\n\n if (self.searchInput !== null && self.searchBtn !== null) {\n self.queryTimeOut;\n self.queryTimeOutLength = 500;\n // bind events\n let clearSuggestion = function () {\n self.clearSuggestionUi();\n };\n let getSuggestions = function (event) {\n if (self.queryOptions.beforeCallback)\n self.queryOptions.beforeCallback();\n clearTimeout(self.queryTimeOut);\n if (self.queryOptions.getParams().term.length > 1) {\n self.queryTimeOut = setTimeout(function () {\n self.queryOptions.url = MDM.SharedNav.Params.onlineUrl + '/mdapi/search/suggestions?';\n let submit = self.submitSearch(self.queryOptions);\n submit.then((data) => {\n if (self.queryOptions.afterCallback)\n self.queryOptions.afterCallback(data);\n }).catch(error => {\n console.log(error);\n });\n },\n self.queryTimeOutLength);\n }\n\n // if keyup is 'ENTER'\n if (event.keyCode === 13) {\n getSearchResult();\n }\n\n return;\n };\n\n let getSearchResult = function () {\n let length = self.queryOptions.getParams().term.length;\n if (!self.searchInput.classList.contains(self.inputErrorClass) && length > 1 && length <= 200) {\n //do search\n if (MDM.SharedNav.Utils.getCurrentLanguage() === 'en')\n location.href = MDM.SharedNav.Params.onlineUrl +\n '/search-results?term=' +\n self.searchInput.value;\n else {\n location.href = MDM.SharedNav.Params.onlineUrl +\n '/fr/resultats-de-recherche?term=' +\n self.searchInput.value;\n }\n } else {\n //show error\n self.searchInput.classList.add(self.inputErrorClass);\n\n //Clear error UI for additional attempt\n //https://www.sitepoint.com/create-one-time-events-javascript/ \t\t//same as .one()\n self.searchInput.addEventListener('click', self.handlerUISearchField);\n\n switch (MDM.SharedNav.Utils.getCurrentLanguage()) {\n case \"en\":\n self.searchInput.value = self.searchInputEmptyErrorEN;\n break;\n case \"fr\":\n self.searchInput.value = self.searchInputEmptyErrorFR;\n break;\n }\n }\n };\n\n self.searchInput.addEventListener('input', clearSuggestion);\n self.searchInput.addEventListener('focusout',\n function () {\n let container = document.querySelector(self.containerSelector);\n setTimeout(function () {\n //setTimeout used to prevent bug when clicking on anchor links\n container.classList.remove('md--search__listContainer--isVisible');\n },\n 100);\n });\n self.searchInput.addEventListener('keyup', getSuggestions);\n self.searchInput.addEventListener('focusin',\n function () {\n let container = document.querySelector(self.containerSelector);\n container.classList.add('md--search__listContainer--isVisible');\n });\n\n self.handlerUISearchField = function () {\n self.searchInput.value = \"\";\n self.searchInput.classList.remove(self.inputErrorClass);\n self.searchInput.removeEventListener('click', self.handlerUISearchField);\n };\n\n self.searchBtn.addEventListener('click', getSearchResult);\n }\n }\n\n renderSearchResult(searchSuggestion) {\n if (searchSuggestion)\n return `\n \n \n
\n \n
\n \n \n \n ![\"MD](\"/assets/MD-diamond-logo.svg\")
\n \n
\n \n \n \n - \n ${searchSuggestion\n\t\t\t\t.map(suggestion => `
- ${suggestion.Title\n } `).join('\\r\\n')}\n