profoundjs 7.14.1 → 7.15.0

package/htdocs/profoundui/userdata/genie skins/Hybrid/custom.js

@@ -1,98 +1,96 @@
-var hybridSkin = {};
+const hybridSkin = {};
 
+// eslint-disable-next-line no-unused-vars
 function customize() {
-
   // Customize Sign-On Screen
-  if (detectScreen('D_1_23','             Sign On', 
-                   'D_2_48','System  . . . . . :',
-                   'D_3_48','Subsystem . . . . :',
-                   'D_4_48','Display . . . . . :')) {
-    hideElements('D_1_23', 'D_2_48', 'D_3_48', 'D_4_48', 'D_2_70', 'D_3_70', 'D_4_70', 'I_11_53', 'I_12_53', 'D_11_17', 'D_12_17',
-                 'D_8_17', 'D_9_17', 'D_10_17', 'I_8_53', 'I_9_53', 'I_10_53', 'D_24_40');
-    changeElementValue('D_6_17', '    User:');
-    changeElementClass('D_6_17', 'BigText');
-    changeElementValue('D_7_17', 'Password:');
-    changeElementClass('D_7_17', 'BigText');
-    setDOMAttribute("D_7_17", "transparent", true);   
-    setDOMAttribute("D_6_17", "transparent", true);      
-    moveElement('D_6_17', 8.9, 15);
-    moveElement('D_7_17', 10.9, 15);
-    moveElement('I_6_53', 8.9, 49);
-    moveElement('I_7_53', 10.9, 49);
-    if (getObj('I_6_53') != null) getObj('I_6_53').style.width = "90px";
-    if (getObj('I_7_53') != null) getObj('I_7_53').style.width = "90px";
-    var loginButton = newElement(12.7, 49, 'button', 'Login', 'login_button');
-    loginButton.onclick = function() { pressKey('Enter') };
-    moveElement('quit_button', 12.7, 57);
-    changeElementValue('quit_button', 'Exit');
-    var backdrop = newElement(5, 15, "img", "/profoundui/proddata/images/login.gif", "backdrop_image");
+  if (detectScreen("D_1_23", "             Sign On",
+    "D_2_48", "System  . . . . . :",
+    "D_3_48", "Subsystem . . . . :",
+    "D_4_48", "Display . . . . . :")) {
+    hideElements("D_1_23", "D_2_48", "D_3_48", "D_4_48", "D_2_70", "D_3_70", "D_4_70", "I_11_53", "I_12_53", "D_11_17", "D_12_17",
+      "D_8_17", "D_9_17", "D_10_17", "I_8_53", "I_9_53", "I_10_53", "D_24_40");
+    changeElementValue("D_6_17", "    User:");
+    changeElementClass("D_6_17", "BigText");
+    changeElementValue("D_7_17", "Password:");
+    changeElementClass("D_7_17", "BigText");
+    setDOMAttribute("D_7_17", "transparent", true);
+    setDOMAttribute("D_6_17", "transparent", true);
+    moveElement("D_6_17", 8.9, 15);
+    moveElement("D_7_17", 10.9, 15);
+    moveElement("I_6_53", 8.9, 49);
+    moveElement("I_7_53", 10.9, 49);
+    if (getObj("I_6_53") != null) getObj("I_6_53").style.width = "90px";
+    if (getObj("I_7_53") != null) getObj("I_7_53").style.width = "90px";
+    const loginButton = newElement(12.7, 49, "button", "Login", "login_button");
+    loginButton.onclick = function() {
+      pressKey("Enter");
+    };
+    moveElement("quit_button", 12.7, 57);
+    changeElementValue("quit_button", "Exit");
+    const backdrop = newElement(5, 15, "img", "/profoundui/proddata/images/login.gif", "backdrop_image");
     backdrop.style.zIndex = 5;
-    
+
     // Format signon differently when using 128 char passwords:
-    if (getObj("I_7_53")!=null 
-      && getObj("I_8_1")!=null 
-      && getObj("I_9_1")!=null) {
-       var pwlength = 0;
-       pwlength  = getObj("I_7_53").fieldInfo.size;
-       pwlength += getObj("I_8_1").fieldInfo.size;
-       pwlength += getObj("I_9_1").fieldInfo.size;
-       if (pwlength == 128) {
-          moveElement("D_6_17", 6.9, 15);
-          moveElement("D_7_17", 8.9, 15);
-          moveElement('I_6_53', 6.9, 49);
-          moveElement('I_7_53', 8.9, 49);
-          moveElement('I_8_1', 10, 49);
-          moveElement('I_9_1', 11.1, 49);
-          getObj("I_7_53").style.width = "150px";
-          getObj("I_8_1").style.width = "150px";
-          getObj("I_9_1").style.width = "150px";
-       }
+    if (getObj("I_7_53") != null &&
+      getObj("I_8_1") != null &&
+      getObj("I_9_1") != null) {
+      let pwlength = 0;
+      pwlength = getObj("I_7_53").fieldInfo.size;
+      pwlength += getObj("I_8_1").fieldInfo.size;
+      pwlength += getObj("I_9_1").fieldInfo.size;
+      if (pwlength == 128) {
+        moveElement("D_6_17", 6.9, 15);
+        moveElement("D_7_17", 8.9, 15);
+        moveElement("I_6_53", 6.9, 49);
+        moveElement("I_7_53", 8.9, 49);
+        moveElement("I_8_1", 10, 49);
+        moveElement("I_9_1", 11.1, 49);
+        getObj("I_7_53").style.width = "150px";
+        getObj("I_8_1").style.width = "150px";
+        getObj("I_9_1").style.width = "150px";
+      }
     }
-    
-    var msg = get('D_24_1');
-    if (msg!='' && pui.genie.alertMsg=='') {
+
+    const msg = get("D_24_1");
+    if (msg != "" && pui.genie.alertMsg == "") {
       pui.genie.alertMsg = msg;
-      if (pui.genie.alertMsg.substr(0,3) == 'CPF') pui.genie.alertMsg = pui.genie.alertMsg.substr(8);
-      if (pui.genie.alertMsg.substr(0,1) == '-') pui.genie.alertMsg = pui.genie.alertMsg.substr(1);
+      if (pui.genie.alertMsg.substr(0, 3) == "CPF") pui.genie.alertMsg = pui.genie.alertMsg.substr(8);
+      if (pui.genie.alertMsg.substr(0, 1) == "-") pui.genie.alertMsg = pui.genie.alertMsg.substr(1);
     }
-    hideElement('D_24_1');
+    hideElement("D_24_1");
     hybridSkin.signon = true;
   }
   else {
     hybridSkin.signon = false;
   }
-  pui["loading animation"]["css"] = 'pui-hybrid-animation';
+  pui["loading animation"]["css"] = "pui-hybrid-animation";
   if (pui.genie.afterInit == null) {
     pui.genie.afterInit = function() {
-    
       if (pui.genie.displaySize == 132) hybridSkin.screenWidth = 1100;
-      else hybridSkin.screenWidth = 775;    
-    
+      else hybridSkin.screenWidth = 775;
+
       hybridSkin.displayLogo();
       hybridSkin.displayUser();
       hybridSkin.removeHeader();
       hybridSkin.createHeader();
       hybridSkin.createSideMenu();
-    }
+    };
   }
 }
 
-
+// eslint-disable-next-line no-unused-vars
 function afterLoad() {
   if (hybridSkin.signon) document.body.className = "hybrid-signon";
   else document.body.className = "hybrid";
 
   pui["vertical button spacing"] = 24;
-  
+
   hybridSkin.resizeArea();
   window.onresize = function() {
     hybridSkin.resizeArea();
-  }
-
-
+  };
 }
 
-
 hybridSkin.removeHeader = function() {
   if (hybridSkin.heading1 != null && hybridSkin.heading1.parentNode != null) {
     hybridSkin.heading1.parentNode.removeChild(hybridSkin.heading1);
@@ -100,20 +98,19 @@ hybridSkin.removeHeader = function() {
   if (hybridSkin.heading2 != null && hybridSkin.heading2.parentNode != null) {
     hybridSkin.heading2.parentNode.removeChild(hybridSkin.heading2);
   }
-}
-
-
-hybridSkin.fixLinks = function() { 
+};
 
+hybridSkin.fixLinks = function() {
+  let count = 0;
   if (pui.genie.middleDiv != null) {
     links = pui.genie.middleDiv.getElementsByTagName("A");
-    var count = 0;
-    for (var i = 0; i < links.length; i++) {
-      var link = links[i];
-      var div = link.parentNode;
+    count = 0;
+    for (let i = 0; i < links.length; i++) {
+      const link = links[i];
+      const div = link.parentNode;
       if (div.className == "hybrid-link" && div.style.visibility != "hidden" && div.style.display != "none") {
         count++;
-        var arrow = newElement("div", "", "arrow" + i + "_" + div.id);
+        const arrow = newElement("div", "", "arrow" + i + "_" + div.id);
         arrow.className = "fkey-arrow";
         arrow.innerHTML = "&gt;";
         arrow.style.left = (parseInt(div.style.left) - 12) + "px";
@@ -121,67 +118,63 @@ hybridSkin.fixLinks = function() {
       }
     }
   }
-  
-  var panel = getObj("ActionsPanel");
+
+  const panel = getObj("ActionsPanel");
   if (panel != null) {
-    var height = count * 30 + 100;
+    let height = count * 30 + 100;
     if (height < 450) height = 450;
     panel.style.height = height + "px";
   }
-}
-
+};
 
 hybridSkin.resizeArea = function() {
   if (pui.genie.middleDiv != null) {
-    var div5250 = getObj("5250");
+    const div5250 = getObj("5250");
     if (div5250 != null && div5250.style.width != "100%") {
-      var windowWidth =  pui.getWindowSize().width;
+      const windowWidth = pui.getWindowSize().width;
+      let position;
       if (pui.genie.displaySize == 132) {
         pui.genie.middleDiv.style.height = "640px";
         div5250.style.position = "absolute";
-        var position = (windowWidth - 950) / 2;
+        position = (windowWidth - 950) / 2;
         if (position < 180) position = 180;
         div5250.style.left = position + "px";
       }
       else {
         pui.genie.middleDiv.style.height = "560px";
         div5250.style.position = "absolute";
-        var position = (windowWidth - 620) / 2;
+        position = (windowWidth - 620) / 2;
         if (position < 180) position = 180;
         div5250.style.left = position + "px";
       }
     }
   }
-}
-
+};
 
 hybridSkin.displayLogo = function(dspf) {
-  var logo = "logo.png";
-  var logoElement = newElement("img", "/profoundui/userdata/genie skins/Hybrid/" + logo);
+  const logo = "logo.png";
+  const logoElement = newElement("img", "/profoundui/userdata/genie skins/Hybrid/" + logo);
   logoElement.style.top = "-72px";
   if (dspf) logoElement.style.left = "5px";
   else logoElement.style.left = "-170px";
-}
-
+};
 
 hybridSkin.displayUser = function(dspf) {
-  var user = pui["appJob"]["user"];
+  let user = pui["appJob"]["user"];
   if (user == null) user = "";
   if (user != "") user = "User:&nbsp;" + user;
-  var userElement = newElement("div", user);
+  const userElement = newElement("div", user);
   userElement.style.top = "-62px";
-  var left = hybridSkin.screenWidth;
+  let left = hybridSkin.screenWidth;
   if (dspf) left = parseInt(pui.genie.middleDiv.style.width);
   left = left - 150;
   userElement.style.left = left + "px";
   userElement.style.fontWeight = "bold";
   userElement.style.fontFamily = "sans-serif";
   userElement.style.color = "#ffffff";
-}
-
+};
 
 hybridSkin.createHeader = function() {
-  
   hybridSkin.headingRows = 3;
   if (!hybridSkin.signon) {
     hybridSkin.heading1 = document.createElement("div");
@@ -194,42 +187,41 @@ hybridSkin.createHeader = function() {
   getObj("5250").parentNode.parentNode.appendChild(hybridSkin.heading2);
 
   pui["loading animation"]["left"] = -165;
-  
-  var height = 67;
+
+  let height = 67;
   // if (some condition should trigger 2 rows vs. 3)  {
-    height = height - pui.multY;
-    hybridSkin.headingRows -= 1;
+  height = height - pui.multY;
+  hybridSkin.headingRows -= 1;
   // }
   hybridSkin.heading2.style.height = height + "px";
   hybridSkin.heading2.className = "hybrid-heading2";
-  
-  var divs = document.getElementById("5250").getElementsByTagName("div");
-  for (var i = 0; i < divs.length; i++) {  
-    var div = divs[i];
-    var id = div.id;
-    if (id.substr(0,4) == "D_1_" || id.substr(0,4) == "D_2_") {
+
+  const divs = document.getElementById("5250").getElementsByTagName("div");
+  for (let i = 0; i < divs.length; i++) {
+    const div = divs[i];
+    const id = div.id;
+    if (id.substr(0, 4) == "D_1_" || id.substr(0, 4) == "D_2_") {
       if (id.indexOf("_W") == -1) {
         div.style.color = "white";
-        if (id.substr(0,4) == "D_1_") {
+        if (id.substr(0, 4) == "D_1_") {
           div.style.fontFamily = "sans-serif";
           div.style.fontSize = "15px";
         }
-      }    
-    }    
+      }
+    }
   }
-}
-
+};
 
 hybridSkin.createSideMenu = function() {
-  var inputs = document.getElementById("5250").getElementsByTagName("input");
-  var buttons = [];
-  var dups = {};
-  var gotEnter = false;
-  for (var i = 0; i < inputs.length; i++) {  
-    var input = inputs[i];
-    if (input.type != "button" || input.fkey == null)  continue;
+  const inputs = document.getElementById("5250").getElementsByTagName("input");
+  const buttons = [];
+  const dups = {};
+  let gotEnter = false;
+  for (let i = 0; i < inputs.length; i++) {
+    const input = inputs[i];
+    if (input.type != "button" || input.fkey == null) continue;
     // don't add a nondisplay button to the side menu
-    if (input.className.indexOf("hide") >= 0)  continue; 
+    if (input.className.indexOf("hide") >= 0) continue;
     // don't add buttons in window formats to side menu, but do
     //   do style them as 'hybrid-button'
     if (input.id.indexOf("W") != -1) {
@@ -243,20 +235,20 @@ hybridSkin.createSideMenu = function() {
 
     input.style.visibility = "hidden";
     if (dups[input.value] == true) continue;
-    buttons.push({    
+    buttons.push({
       fkey: input.fkey,
       text: input.value
     });
     dups[input.value] = true;
-    if (input.fkey.toLowerCase() == "enter") gotEnter = true;    
+    if (input.fkey.toLowerCase() == "enter") gotEnter = true;
   }
-  
+
   if (buttons.length > 0) {
     // sort buttons
     buttons.sort(function(a, b) {
-      if (a.fkey < b.fkey) return -1;    
-      else if (a.fkey == b.fkey) return 0;    
-      else return 1;    
+      if (a.fkey < b.fkey) return -1;
+      else if (a.fkey == b.fkey) return 0;
+      else return 1;
     });
     if (!gotEnter) {
       buttons.splice(0, 0, {
@@ -264,29 +256,30 @@ hybridSkin.createSideMenu = function() {
         text: "Continue"
       });
     }
-    
+
     // create panel
-    var panel = newElement("div", "", "side");
-    var panelTop = 75;
+    const panel = newElement("div", "", "side");
+    let panelTop = 75;
     if (hybridSkin.headingRows == 2) panelTop -= pui.multY;
     panel.style.top = panelTop + "px";
     panel.style.left = "-175px";
     panel.style.width = "165px";
-    var height = buttons.length * 30 + 100;
+    let height = buttons.length * 30 + 100;
     if (height < 450) height = 450;
     panel.style.height = height + "px";
-    
+
     panel.className = "hybrid-actions";
-  
-    var top = 90;
+
+    let top = 90;
     if (hybridSkin.headingRows == 2) top -= pui.multY;
-    for (var i = 0; i < buttons.length; i++) {  
-      var arrow = newElement("div", "", "arrow" + i);
+    let prevLink;
+    for (let i = 0; i < buttons.length; i++) {
+      const arrow = newElement("div", "", "arrow" + i);
       arrow.className = "fkey-arrow";
       arrow.innerHTML = "&gt;";
       arrow.style.left = "-162px";
 
-      var fkeyLink = newElement("div", "", "fkey" + i);
+      const fkeyLink = newElement("div", "", "fkey" + i);
       fkeyLink.className = "fkey-link";
       fkeyLink.innerHTML = buttons[i].text;
       fkeyLink.style.left = "-150px";
@@ -294,37 +287,36 @@ hybridSkin.createSideMenu = function() {
       fkeyLink.style.whiteSpace = "normal";
       fkeyLink.fkey = buttons[i].fkey;
       fkeyLink.onclick = function(e) {
-        var target = getTarget(e);
+        let target = getTarget(e);
         if (target.fkey == null) target = target.parentNode;
-        var fkey = target.fkey;
+        const fkey = target.fkey;
         pressKey(fkey);
-      }
-      
+      };
+
       if (i > 0) {
         top = (prevLink.offsetTop + prevLink.offsetHeight + 7);
       }
-      arrow.style.top = (top-2) + "px";
+      arrow.style.top = (top - 2) + "px";
       fkeyLink.style.top = top + "px";
-      
-      var prevLink = fkeyLink;  
+
+      prevLink = fkeyLink;
     }
   }
-
-}
+};
 
 pui.onload = function() {
   pui["loading animation"]["left"] = 10;
-  pui["loading animation"]["css"] = 'pui-animation';
+  pui["loading animation"]["css"] = "pui-animation";
   window.onresize = function() { };
   setTimeout(function() {
-    var headingPanel = getObj("HeadingPanel");
+    let headingPanel = getObj("HeadingPanel");
     if (headingPanel != null) headingPanel.parentNode.removeChild(headingPanel);
     headingPanel = getObj("HeadingPanel");
     if (headingPanel != null) headingPanel.parentNode.removeChild(headingPanel);
     hybridSkin.fixLinks();
     hybridSkin.removeHeader();
-    hybridSkin.createHeader();    
+    hybridSkin.createHeader();
     hybridSkin.displayLogo(true);
     hybridSkin.displayUser(true);
   }, 0);
-}
+};

package/htdocs/profoundui/userdata/genie skins/Plain/custom.js

@@ -1,6 +1,4 @@
-
+// eslint-disable-next-line no-unused-vars
 function customize() {
 
-
 }
-

package/htdocs/profoundui/userdata/genie skins/Skyline/adjusted columns custom.js

@@ -1,86 +1,87 @@
-
+// eslint-disable-next-line no-unused-vars
 function customize() {
-
   // Customize Sign-On Screen
-  if (detectScreen('D_1_22','             Sign On', 
-                   'D_2_47','System  . . . . . :',
-                   'D_3_47','Subsystem . . . . :',
-                   'D_4_47','Display . . . . . :')) {
-    hideElements('D_1_22', 'D_2_47', 'D_3_47', 'D_4_47', 'D_2_69', 'D_3_69', 'D_4_69', 'I_11_52', 'I_12_52', 'D_11_16', 'D_12_16',
-                 'D_8_16', 'D_9_16', 'D_10_16', 'I_8_52', 'I_9_52', 'I_10_52', 'D_24_39');
-    changeElementValue('D_6_16', '    User:');
-    changeElementClass('D_6_16', 'BigText');
-    changeElementValue('D_7_16', 'Password:');
-    changeElementClass('D_7_16', 'BigText');
-    setDOMAttribute("D_7_16", "transparent", true);   
+  if (detectScreen("D_1_22", "             Sign On",
+    "D_2_47", "System  . . . . . :",
+    "D_3_47", "Subsystem . . . . :",
+    "D_4_47", "Display . . . . . :")) {
+    hideElements("D_1_22", "D_2_47", "D_3_47", "D_4_47", "D_2_69", "D_3_69", "D_4_69", "I_11_52", "I_12_52", "D_11_16", "D_12_16",
+      "D_8_16", "D_9_16", "D_10_16", "I_8_52", "I_9_52", "I_10_52", "D_24_39");
+    changeElementValue("D_6_16", "    User:");
+    changeElementClass("D_6_16", "BigText");
+    changeElementValue("D_7_16", "Password:");
+    changeElementClass("D_7_16", "BigText");
+    setDOMAttribute("D_7_16", "transparent", true);
     setDOMAttribute("D_6_16", "transparent", true);
 
-    var loginButton = newElement(11, 42, 'button', 'Login', 'login_button');
-    loginButton.onclick = function() { pressKey('Enter') };
-    moveElement('quit_button', 11, 50);
-    changeElementValue('quit_button', 'Exit');
-    
-    getObj('D_6_16').style.top="157px"; // User Label
-    getObj('D_6_16').style.left="63px"
-    getObj('D_7_16').style.top="196px"; // Password Label
-    getObj('D_7_16').style.left="63px"
-    getObj('I_6_52').style.top="154px"; // User Textbox
-    getObj('I_6_52').style.left="335px";
-    getObj('I_7_52').style.top="193px"; // Password Textbox
-    getObj('I_7_52').style.left="335px";
-    getObj('I_6_52').style.width = "90px";
-    getObj('I_7_52').style.width = "90px";
+    const loginButton = newElement(11, 42, "button", "Login", "login_button");
+    loginButton.onclick = function() {
+      pressKey("Enter");
+    };
+    moveElement("quit_button", 11, 50);
+    changeElementValue("quit_button", "Exit");
+
+    getObj("D_6_16").style.top = "157px"; // User Label
+    getObj("D_6_16").style.left = "63px";
+    getObj("D_7_16").style.top = "196px"; // Password Label
+    getObj("D_7_16").style.left = "63px";
+    getObj("I_6_52").style.top = "154px"; // User Textbox
+    getObj("I_6_52").style.left = "335px";
+    getObj("I_7_52").style.top = "193px"; // Password Textbox
+    getObj("I_7_52").style.left = "335px";
+    getObj("I_6_52").style.width = "90px";
+    getObj("I_7_52").style.width = "90px";
 
     // Format signon differently when using 128 char passwords:
-    if (getObj("I_7_52")!=null 
-      && getObj("I_8_0")!=null 
-      && getObj("I_9_0")!=null) {
-       var pwlength = 0;
-       pwlength  = getObj("I_7_52").fieldInfo.size;
-       pwlength += getObj("I_8_0").fieldInfo.size;
-       pwlength += getObj("I_9_0").fieldInfo.size;
-       if (pwlength == 128) {
-          getObj('D_6_16').style.top="137px"; // User Label
-          getObj('D_6_16').style.left="52px"
-          getObj('D_7_16').style.top="183px"; // Password Label
-          getObj('D_7_16').style.left="52px"
-          getObj('I_6_52').style.top="137px"; // User Textbox
-          getObj('I_6_52').style.left="324px";
-          getObj('I_7_52').style.top="183px"; // Password Line 1 Textbox
-          getObj('I_7_52').style.left="324px";
-          getObj("I_7_52").style.width = "150px";
-          getObj('I_8_0').style.top="209px"; // Password Line 2 Textbox
-          getObj('I_8_0').style.left="324px";
-          getObj("I_8_0").style.width = "150px";
-          getObj('I_9_0').style.top="234px"; // Password Line 3 Textbox
-          getObj('I_9_0').style.left="324px";
-          getObj("I_9_0").style.width = "150px";
-          getObj('login_button').style.top="270px"; // Login Button
-          getObj('login_button').style.left="324px";
-          if (getObj('quit_button') != null) {
-            getObj('quit_button').style.top="270px"; // Quit Button
-            getObj('quit_button').style.left="400px";
-          }
-       }
+    if (getObj("I_7_52") != null &&
+      getObj("I_8_0") != null &&
+      getObj("I_9_0") != null) {
+      let pwlength = 0;
+      pwlength = getObj("I_7_52").fieldInfo.size;
+      pwlength += getObj("I_8_0").fieldInfo.size;
+      pwlength += getObj("I_9_0").fieldInfo.size;
+      if (pwlength == 128) {
+        getObj("D_6_16").style.top = "137px"; // User Label
+        getObj("D_6_16").style.left = "52px";
+        getObj("D_7_16").style.top = "183px"; // Password Label
+        getObj("D_7_16").style.left = "52px";
+        getObj("I_6_52").style.top = "137px"; // User Textbox
+        getObj("I_6_52").style.left = "324px";
+        getObj("I_7_52").style.top = "183px"; // Password Line 1 Textbox
+        getObj("I_7_52").style.left = "324px";
+        getObj("I_7_52").style.width = "150px";
+        getObj("I_8_0").style.top = "209px"; // Password Line 2 Textbox
+        getObj("I_8_0").style.left = "324px";
+        getObj("I_8_0").style.width = "150px";
+        getObj("I_9_0").style.top = "234px"; // Password Line 3 Textbox
+        getObj("I_9_0").style.left = "324px";
+        getObj("I_9_0").style.width = "150px";
+        getObj("login_button").style.top = "270px"; // Login Button
+        getObj("login_button").style.left = "324px";
+        if (getObj("quit_button") != null) {
+          getObj("quit_button").style.top = "270px"; // Quit Button
+          getObj("quit_button").style.left = "400px";
+        }
+      }
     }
-    
-    var backdrop = newElement(5, 15, "img", "/profoundui/userdata/genie skins/skyline/login.jpg", "backdrop_image");
+
+    const backdrop = newElement(5, 15, "img", "/profoundui/userdata/genie skins/skyline/login.jpg", "backdrop_image");
     backdrop.style.zIndex = 5;
-    
-    var msg = get('D_24_0');
-    if (msg!='' && pui.genie.alertMsg=='') {
+
+    const msg = get("D_24_0");
+    if (msg != "" && pui.genie.alertMsg == "") {
       pui.genie.alertMsg = msg;
-      if (pui.genie.alertMsg.substr(0,3) == 'CPF') pui.genie.alertMsg = pui.genie.alertMsg.substr(8);
-      if (pui.genie.alertMsg.substr(0,1) == '-') pui.genie.alertMsg = pui.genie.alertMsg.substr(1);
+      if (pui.genie.alertMsg.substr(0, 3) == "CPF") pui.genie.alertMsg = pui.genie.alertMsg.substr(8);
+      if (pui.genie.alertMsg.substr(0, 1) == "-") pui.genie.alertMsg = pui.genie.alertMsg.substr(1);
     }
-    hideElement('D_24_0');        
+    hideElement("D_24_0");
   }
-  
+
   // Customize 132x27 mode
-  if (pui.genie.displaySize==132 && !pui.genie.config.useAjax) {
+  if (pui.genie.displaySize == 132 && !pui.genie.config.useAjax) {
     pui.genie.middleDiv.style.height = "640px";
     getObj("5250").style.position = "absolute";
-    var position = (screen.width - 1060) / 2;
+    let position = (screen.width - 1060) / 2;
     if (position < 0) position = 0;
     getObj("5250").style.left = position + "px";
   }
@@ -93,5 +94,4 @@ function customize() {
       getObj("5250").style.width = "";
     }
   }
-
 }