Code: Select all

// ==UserScript==
// ...
// ==/UserScript==
(function() {
  function init(e) {
    if (e && e.user == null) {
      return;
    }
    if (typeof Waze === 'undefined' || typeof Waze.map === 'undefined') {
      setTimeout(init, 800);
      log('Waze object unavailable, map still loading');
      return;
    }
    if (document.getElementById('user-info') == null) {
      setTimeout(init, 500);
      log('user-info element not yet available, map still loading');
      return;
    }
    if (typeof Waze.loginManager === 'undefined') {
      setTimeout(init, 300);
      return;
    }
    if (!Waze.loginManager.hasUser()) {
      Waze.loginManager.events.register("login", null, init);
      Waze.loginManager.events.register("loginStatus", null, init);
      return;
    }
    var tab = setupTab();
    if (Waze.app.modeController) {
      Waze.app.modeController.model.bind('change:mode', function(model, modeId) {
        if (modeId == 0) {
          setupTab(tab);
        }
      });
    }
    // fill tab with other elements
  }
  
  // Create a tab for the userscript and possibly receive a previous tab to restore (usually in case of a mode change)
  function setupTab(recoveredTab) {
    var userInfo = document.getElementById('user-info'),
      tabHandles = userInfo.querySelector('.nav-tabs'),
      tabs = userInfo.querySelector('.tab-content'),
      tabHandle = document.createElement('li'),
      tab = document.createElement('div');
    tabHandle.innerHTML = '<a href="#sidepanel-youruserscript" data-toggle="tab" title="youruserscript">youruserscript</a>';
    if (recoveredTab) {
      tab = recoveredTab;
    } else {
      tab.id = 'sidepanel-youruserscript';
      tab.className = 'tab-pane';
    }
    tabHandles.appendChild(tabHandle);
    tabs.appendChild(tab);
    return tab;
  }

  init();
})();

Code: Select all

    if (typeof Waze.app === 'undefined') {
      setTimeout(init, 300); // replace init with the actual name of your initialisation function
      return;
    }

Code: Select all

(function() {

// global variables
var myAddonStorageVariable;

function init1() {
	// If the Waze map object doesn't yet exist, then we have to
	//wait for it. This will re-call init1 in 200ms
	if(!window.Waze.map) {
		setTimeout(init1, 200);
		return;
	}
	
	//Do initial setup here, including creating the contents 
	//for the tab and storing it in a global variable
	//
	//
	myAddonStorageVariable = functionToCreateAddon();
	//or create it directly in this function
	//Make sure this HTML object has an id!
	//
	// call function to add the tab. Tell it we're in normal editor 
	// mode (second parameter=0), since we're loading WME now
	addMyTab(null,0);
	//pass control to init2
	init2();
}

function init2() {

	//If my tab doesn't yet exist, then we have to wait again
	if (!document.getElementById('idOfMyAddonHTMLElement')) {
		setTimeout(init2, 200);
		return;
	}
	//My tab should be there now, so we can proceed with the rest
	//of initialisation. Things like reading settings from local
	//storage, setting values, applying settings, setting up event
	//handlers and so on, including:

	// set up event to recreate my tab when MTE mode is exited
	Waze.app.modeController.model.bind('change:mode', addMyTab);

}

function functionToCreateAddon() {
	//create the contents of my side-panel tab
	var addon = document.createElement('section');
	var section = document.createElement('p');
	addon.id = "idOfMyAddonHTMLElement";
	section.innerHTML  = 'This is a useless tab!<br>';
	addon.appendChild(section);
	addon.className = "tab-pane";
	return addon;
}

function addMyTab(model,modeID) {
	//This function will be called during initialisation, but will
	//also need to be called to recreate the tab when exiting MTE mode
	//It is used as a callback function and modeID will identify which
	//editor mode is valid
	if (modeID === 0) {
		//entering editor mode, so recreate tab
		tabsLooper();
	} else {
		//entering MTE mode, so do nothing
		return;
	}
}

function tabsLooper() {
	//This function actually creates the tab
	//If the tab framework doesn't yet exist, it will try again in 200ms
	var userTabs = getId('user-info');
	var navTabs = getElementsByClassName('nav-tabs', userTabs)[0];
	if (typeof navTabs === "undefined") {
		//the basic tabs aren't there yet, so I can't add mine
		setTimeout(tabsLooper, 200);
	} else{
		var tabContent = getElementsByClassName('tab-content', userTabs)[0];
		newtab = document.createElement('li');
		newtab.innerHTML = '<a href="#idOfMyAddonHTMLElement" data-toggle="tab">TAB TEXT</a>';
		navTabs.appendChild(newtab);
		tabContent.appendChild(myAddonStorageVariable);
	}
}

function getElementsByClassName(classname, node) {
	if(!node) node = document.getElementsByTagName("body")[0];
	var a = [];
	var re = new RegExp('\\b' + classname + '\\b');
	var els = node.getElementsByTagName("*");
	for (var i=0,j=els.length; i<j; i++)
		if (re.test(els[i].className)) a.push(els[i]);
	return a;
}


// Start it running
setTimeout(init1, 200);
})();

Code: Select all

Waze.app.modeController.model.bind('change:mode', init);

Code: Select all

Waze.app is undefined