Monday, 9 July 2018

Jabber Custom Tab Pop-up for 911 Disclaimer

Jabber Custom Tab Pop-up for 911 Disclaimer



Preparing Jabber config file 


<?xml version="1.0" encoding="utf-8" ?>
  <config version="1.0">
<Client>
  <jabber-plugin-config>
   <browser-plugin>
     <page refresh ="false" preload="true">
     <tooltip>Disclaimer</tooltip>
     <icon>https://www.cisco.com/web/fw/i/logo.gif</icon>
     <url>http://YOUR_SERVER/disclaimer</url>
    </page>
   </browser-plugin>
  </jabber-plugin-config>
</Client>

  <Options>
  <AllowUserCustomTabs>true</AllowUserCustomTabs>
</Options>

  </config>

<page refresh ="false" preload="true">  Content refreshes each time users select the tab.


Directory structure: 

./disclaimer
 - index.html
 - getback.asp
 - window.asp
 - /js
 - /css


index.html


<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="favicon.ico">

<title>911 Disclaimer</title>

<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link href="css/sticky-footer.css" rel="stylesheet">
<script src="js/tpop.js"></script>
</head>

<body>

<body onload="MyPopUp('window.asp')">
<!-- Begin page content -->
<!-- Begin page content -->
<main role="main" class="container">
<h1 class="mt-5">911 Disclaimer</h1>
<p class="lead">During an emergency, softphone technology may not provide the most timely or
accurate location data if used for a 911 emergency call. Calls may be misdirected
to the wrong emergency response center or the emergency response center may make
errors when determining your location. USE A SOFTPHONE ONLY AT YOUR OWN RISK DURING AN EMERGENCY.</p>
</main>


</body>
</html>

window.asp


<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="favicon.ico">

    <title>911 Disclaimer</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="css/sticky-footer.css" rel="stylesheet">
              
  </head>

  <body>

    <!-- Begin page content -->
    <main role="main" class="container">
      <h1 class="mt-5">911 Disclaimer</h1>
      <p class="lead">During an emergency, softphone technology may not provide the most timely or 
accurate location data if used for a 911 emergency call. Calls may be misdirected 
to the wrong emergency response center or the emergency response center may make
 errors when determining your location. <b>USE A SOFTPHONE ONLY AT YOUR OWN RISK DURING AN EMERGENCY.</b></p>
    </main>

    <footer class="footer">
      <div class="container">
        <input type="button" class="btn btn-success" value="Accept" onclick="sendAck(); self.close(); "> 
      </div>
    </footer>
  </body>
</html>


Tpop.js


    // Popup window code
               function MyPopUp(url) {
                var newwindow;
                popupWindow = window.open (
                       url,'popUpWindow','height=400,width=500,left=0,top=200,titlebar=no,sresizable=no,scrollbars=yes,toolbar=no,menubar=no,location=no,directories=no,copyhistory=no,status=no')
               }


Example