Implementing a Login Warning Banner

From TDiWiki

If you would like to set up your ConsoleWorks server to warn a potential ConsoleWorks user that access to your system is restricted to authorized personnel, or any other site-specific message you may need, you can use the login template management feature along with the code listed below to display a message that must be acknowledged before ConsoleWorks allows the user to log in.

For this example, the code will be placed into the 'Login-Bottom' template, which can be edited from within ConsoleWorks (On the ConsoleWorks menu, click ADMIN > Template Management > Login-Bottom).

<TR valign="middle"><TD align="left" class="topheader"><div id="overlaypage" style="display: none;"></div>
<div id="dialogue" style="display: none;">
<h2>Warning:</h2> 
<hr width=90%>
<p>This system is restricted to [YOURCOMPANY] authorized users,
for legitimate business purposes only. The actual or attempted unauthorized
access, use, or modification of this system is strictly prohibited by
[YOUR COMPANY]. Unauthorized users are subject to company disciplinary
proceedings and/or criminal and civil penalties under state, federal, or
other applicable domestic and foreign laws.</p>

<p>The use of this system may be monitored and recorded for administrative and
security reasons. Anyone accessing this system expressly consents to such
monitoring and is advised that if monitoring reveals possible evidence of
criminal activity, [YOUR COMPANY] may provide the evidence of such
activity to law enforcement officials. All users must comply with [YOUR COMPANY's]
corporate instructions regarding the protection of [YOUR COMPANY's] information
assets.</p>
<h3><a href='#' id='ackLink' onclick='return clickack();'>ACKNOWLEDGE</a></h3>
</div>
</TD></TR>
<style type="text/css">
#overlaypage {
        z-index: 1000;
        filter: alpha(opacity=60); /*older IE*/
        filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE */
        -moz-opacity: .60; /*older Mozilla*/
        -khtml-opacity: 0.6;   /*older Safari*/
        opacity: 0.6;   /*supported by current Mozilla, Safari, and Opera*/
        background-color: #000000;
        position:fixed; top:0px; left:0px; width:100%; height:100%; color:#FFFFFF; text-align:center; vertical-align:middle;
}
#dialogue {
        position: absolute;
        left: 50%;
        margin-left: -180px;
        top: 100px;
        width: 400px;
        padding: 20px;
        border: 2px solid #0000DD; 
        background-color: #FFFFFF;
        color: #000000; 
        z-index: 2000;
}
#dialogue * {
        background-color: #FFFFFF;
        color: #FF0000;
        font-weight: bold;
}
#dialogue a {
        background-color: #FFFFFF;
        color: #0000FF;
}
#dialogue h2 {
        color: #000000;
        text-align:center;
        margin: 0 0 0 0;
}
#dialogue h3 {
        color: #000000;
        text-align:center;
        margin: 0 0 0 0;
}
#dialogue p {
        text-align:justify;
        font-size:0.75em;
}
#dialogue hr {
        text-align: center;
}
</style>
<script>
function clickack(){
  var pageoverdiv=document.getElementById('overlaypage');
  var dialogdiv=document.getElementById('dialogue');
  if(pageoverdiv.style.display == "none"){
    pageoverdiv.style.display = "";
    dialogdiv.style.display = "";
    document.userForm.cwUser.disabled=true;
    document.userForm.cwPass.disabled=true;
    document.getElementById('ackLink').focus()
  }else{
    pageoverdiv.style.display = "none";
    dialogdiv.style.display = "none";
    document.userForm.cwUser.disabled=false;
    document.userForm.cwPass.disabled=false;
    document.userForm.cwUser.focus();
  }
  return false;
}
clickack();
</script>