// ==UserScript==
// @name         Zendesk close all tabs
// @namespace    http://tampermonkey.net/
// @version      0.7
// @description  Adds a button to Zendesk to close all tabs
// @author       Gerrit De Vriese
// @match        https://*.zendesk.com/agent/*
// @grant        none
// ==/UserScript==
//Make sure script only runs after page has loaded
var observer = new MutationObserver(resetTimer);
var timer = setTimeout(action, 200, observer);
observer.observe(document, {childList: true, subtree: true});
function resetTimer(changes, observer) {
clearTimeout(timer);
timer = setTimeout(action, 200, observer);
}
function action(o) {
o.disconnect();
//Add Google Icons
if(!document.getElementById('id2')) {
var link = document.createElement('link');
link.id = 'id2';
link.rel = 'stylesheet';
link.href = 'https://fonts.googleapis.com/icon?family=Material+Icons';
document.head.appendChild(link);
}
//Create closetabs div
var closetabs = document.createElement("DIV");
closetabs.setAttribute("style", "width: 75px; cursor: pointer; padding-left: 22px;  padding-top: 10px;");
closetabs.setAttribute("class", "tab-content-holder");
//Create icon div
var icon = document.createElement("DIV");
icon.innerHTML = "<i class='material-icons' style='font-size:16px;'>delete</i>";
icon.setAttribute("style", "padding-top: 7px; width: 19px; font-size: 16px; color:#767676; float:left");
//Create text div
var text = document.createElement("DIV");
text.innerHTML = "Close All";
text.setAttribute("style", "padding-top: 8px; width: 55px; font-size: 12px; color:#2F3941; float:left");
//Add icon and text to closetabs div
closetabs.appendChild(icon);
closetabs.appendChild(text);
closetabs.addEventListener("click", CloseTabs, false);
//Get zendesk top tab bar by id
var list = document.getElementById("tabs");
//Insert before Add Button
list.insertBefore(closetabs, list.lastElementChild);
function CloseTabs() {
//Closing all tabs
[...document.querySelectorAll('li.tab:not(.selected) .close')].reverse().forEach(btn => btn.click());
}
}