Fixed browser configuration pages

The browser configuration pages have been modified to improve the
content and appearance.

Ticket #1624
This commit is contained in:
Endi S. Dewata 2011-08-16 13:58:19 -05:00
parent e8b64be673
commit 72a7e3ac2d
3 changed files with 57 additions and 47 deletions

View File

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>IPA: Identity Policy Audit</title> <title>IPA: Identity Policy Audit</title>
<script type="text/javascript" src="../ui/jquery.js"></script> <script type="text/javascript" src="../ui/jquery.js"></script>
@ -9,32 +9,31 @@
<link rel="stylesheet" type="text/css" href="ipa_error.css" /> <link rel="stylesheet" type="text/css" href="ipa_error.css" />
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function() { $(document).ready(function() {
if (navigator.userAgent.indexOf("Firefox") != -1 || if (navigator.userAgent.indexOf("Firefox") != -1 ||
navigator.userAgent.indexOf("SeaMonkey") != -1) navigator.userAgent.indexOf("SeaMonkey") != -1) {
{ $('.textblockkrb').css('display', 'block');
$('.textblockkrb').css('display','block'); }
} });
});
</script> </script>
</head> </head>
<body id="header-bg"> <body id="header-bg">
<div class="container_1"> <div class="container_1">
<div class="header-logo">
<img src="../ui/ipalogo.png" /> <div class="header-logo">
</div> <img src="../ui/ipalogo.png" />
<div class="textblockkrb" style="display:none;"> </div>
<div class="textblockkrb" style="display: none;">
<h1>Configure Browser</h1> <h1>Configure Browser</h1>
<p> Click the below button to configure your browser </p> <p> Click the below button to configure your browser </p>
<object data="jar:/ipa/errors/configure.jar!/preferences.html" <object data="jar:/ipa/errors/configure.jar!/preferences.html"
type="text/html" class="browser-config"></object> type="text/html" class="browser-config"></object>
</div> </div>
<div class="textblockkrb">
<p><a href="/ipa/ui">Return to the Web UI</a></p> </div>
</div>
</div>
</body> </body>

View File

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>IPA: Identity Policy Audit</title> <title>IPA: Identity Policy Audit</title>
<script type="text/javascript" src="../ui/jquery.js"></script> <script type="text/javascript" src="../ui/jquery.js"></script>
@ -9,41 +9,49 @@
<link rel="stylesheet" type="text/css" href="../ui/jquery-ui.css" /> <link rel="stylesheet" type="text/css" href="../ui/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="ipa_error.css" /> <link rel="stylesheet" type="text/css" href="ipa_error.css" />
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function() { $(document).ready(function() {
$("#import-cert-auth-link").click(function(){ $("#import-cert-auth-link").click(function() {
$("#first-time").css("display","none"); $("#first-time").css("display", "none");
$("#next-link").css("display","block"); $("#next-link").css("display", "block");
return true; return true;
}); });
});
}); </script>
</script>
</head> </head>
<body id="header-bg"> <body id="header-bg">
<div class="container_1"> <div class="container_1">
<div class="header-logo">
<div class="header-logo">
<img src="../ui/ipalogo.png" /> <img src="../ui/ipalogo.png" />
</div> </div>
<div class="textblockkrb">
<h1>Unable to verify your Kerberos credentials.</h1><p> Please make sure that you have valid Kerberos tickets (obtainable via <b>kinit</b>), and that you have configured your browser correctly. </p> <div class="textblockkrb">
<b>If this is your first time</b> <h1>Unable to verify your Kerberos credentials</h1>
<div id="first-time"> <p>
<ul> Please make sure that you have valid Kerberos tickets (obtainable via <b>kinit</b>),
<li><a id="import-cert-auth-link" href="/ipa/errors/ca.crt" >Click here to Import the IPA Certificate Authority</a>. </li> and that you have configured your browser correctly.
<li>Make sure you select <b>all three</b> checkboxes </li> </p>
<li>Click the <b>OK</b> Button</li>
</ul> <div id="first-time">
</div> <b>If this is your first time:</b>
<div id="next-link" style="display:none;"> <ul>
. <p> <a href="browserconfig.html"> Next Step:</a></p> <li><a id="import-cert-auth-link" href="/ipa/errors/ca.crt">Click here to
</div> Import the IPA Certificate Authority.</a></li>
<li>Make sure you select <b>all three</b> checkboxes.</li>
<li>Click the <b>OK</b> Button.</li>
</ul>
</div>
<div id="next-link" style="display: none;">
<p><a href="browserconfig.html">Click here to continue.</a></p>
</div>
</div> </div>
</div> </div>
</body> </body>

View File

@ -22,8 +22,8 @@
</head> </head>
<body> <body>
<form action="undefined" method="get"> <form action="undefined" method="get">
<input type=button onclick="setPreferences()" name="prefs" value="Configure Firefox"> <input id="button" type=button onclick="setPreferences()" name="prefs" value="Configure Firefox">
<div id="success" class="textblock" style="display:none;"> <div id="success" class="textblock" style="display: none;">
<p>Browser configured.</p> <p>Browser configured.</p>
<p> <p>
<a href="/ipa/ui" id="redirect_link" target="_top">Click here to return to the Web UI.</a> <a href="/ipa/ui" id="redirect_link" target="_top">Click here to return to the Web UI.</a>
@ -67,6 +67,9 @@
var redirect_link = document.getElementById('redirect_link'); var redirect_link = document.getElementById('redirect_link');
redirect_link.href = "https://" + location.hostname + location.port + "/ipa/ui"; redirect_link.href = "https://" + location.hostname + location.port + "/ipa/ui";
var button = document.getElementById('button');
button.style['display'] = "none";
var successDiv = document.getElementById('success'); var successDiv = document.getElementById('success');
successDiv.style['display'] = "block"; successDiv.style['display'] = "block";
} catch (e) { } catch (e) {