// ==UserScript==
// @name     Fix Telephony
// @match     http://192.168.1.1/
// @match     https://192.168.1.1/
// @match     http://192.168.1.1/#
// @match     https://192.168.1.1/#
// ==/UserScript==

var newElement = document.createElement('div');
newElement.setAttribute('class',"span3");
newElement.innerHTML = `
    <div class="smallcard">
        <div class="header">
            <div data-toggle="modal" class="header-title pull-left tooLongTitle" data-remote="&#47;modals&#47;mmpbx-global-modal.lp" data-id="mmpbx-global-modal">
                <p id=Telephony_tab>Telephony</p>
            </div>
            <div class="switch" id="fixtelephony_switch">
                <div class="switcher" textON="ON" textOFF="OFF" valOn="1" valOff="0"></div>
                <input value="0" type="hidden" name="mmpbx_enabled" id="mmpbx_enabled">
            </div>
            <div id="Telephony" data-toggle="modal" class="settings" data-remote="&#47;modals&#47;mmpbx-global-modal.lp" data-id="mmpbx-global-modal">
                <i class="icon-cogs" ></i>
            </div>
        </div>
        <div class="content card_bg" data-bg-text="&#xf095;">
            <div class="divtable">
                <span id="Telephony_Status" class="simple-desc">
                    <div id="Telephony_LEDStatus" class="light off"></div>
                    Telephony Disabled
                </span>
                <p class= "subinfos"><br/></p>
            </div>
        </div>
    </div>
`;

var fwmodal = document.getElementById('Firewall_tab').parentNode.parentNode.parentNode.parentNode;
if (fwmodal) {
    fwmodal.parentNode.insertBefore(newElement, fwmodal.nextSibling);
}

var myClient = new XMLHttpRequest();
myClient.open('GET', '/modals/mmpbx-global-modal.lp');
myClient.onreadystatechange = function() {
  if (myClient.readyState === 4){
    if (myClient.responseText.includes('<input value="1" type="hidden" name="mmpbx_enabled"')) {
      document.getElementById('Telephony_Status').innerHTML = `
                    <div id="Telephony_LEDStatus" class="light green"></div>
                    Telephony Enabled
`;
      var tmp = document.getElementById('fixtelephony_switch');
      tmp.setAttribute('class',"switch switchOn");
      tmp.innerHTML = `
                <div class="switcher switcherOn" textON="ON" textOFF="OFF" valOn="1" valOff="0"></div>
                <input value="1" type="hidden" name="mmpbx_enabled" id="mmpbx_enabled">
`;
    }
  }
}
myClient.send();