webui: apply PatternFly theme on migration pages

https://fedorahosted.org/freeipa/ticket/4278

Reviewed-By: Endi Sukma Dewata <edewata@redhat.com>
This commit is contained in:
Petr Vobornik 2014-03-31 15:55:12 +02:00
parent 5a2aed99ba
commit f0cf2e10d5
3 changed files with 148 additions and 95 deletions

View File

@ -4,31 +4,36 @@
<meta charset="utf-8">
<title>IPA: Identity Policy Audit</title>
<link rel="stylesheet" type="text/css" href="../ui/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="../ui/ipa.css" />
<link rel="stylesheet" type="text/css" href="../ui/css/patternfly.css" />
<link rel="stylesheet" type="text/css" href="../ui/css/ipa.css" />
</head>
<body class="info-page">
<nav class="navbar navbar-default navbar-pf" role="navigation">
<div class="navbar-header">
<a class="brand" href="../ui/index.html"><img src="../ui/images/header-logo.png" alt="FreeIPA"></a>
</div>
</nav>
<div class="container_1">
<div class="header-logo">
<img src="../ui/images/ipa-logo.png" /><img src="../ui/images/ipa-banner.png" />
</div>
<br>
<br>
<div id="formwindow">
<h2>We're Sorry</h2>
<div class="formcontent">
<div class="container-fluid">
<div class="row">
<div class="col-sm-12">
<h1>We're Sorry</h1>
<div class="formcontent">
<p>
<strong>There was a problem with your request. Please, try again later.</strong>
There was a problem with your request. Please, try again later.
</p>
<p>
<label>If the problem persists, contact your administrator.</label>
If the problem persists, contact your administrator.
</p>
<p>
<a href="index.html" class="btn btn-default" title="Return back">Return back</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

View File

@ -1,50 +1,70 @@
<!DOCTYPE html>
<html>
<html class="login-pf">
<head>
<meta charset="utf-8">
<title>IPA: Identity Policy Audit</title>
<link rel="stylesheet" type="text/css" href="../ui/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="../ui/css/patternfly.css" />
<link rel="stylesheet" type="text/css" href="../ui/css/ipa.css" />
<link rel="stylesheet" type="text/css" href="../ui/ipa.css" />
</head>
<body class="info-page">
<body>
<div class="login-pf-body">
<span id="badge">
<img src="../ui/images/login-screen-logo.png" alt="" />
</span>
<div class="container">
<div class="container_1">
<div class="header-logo">
<img src="../ui/images/ipa-logo.png" /><img src="../ui/images/ipa-banner.png" />
</div>
<div class="textblock">
<div class="row">
<div class="col-sm-12">
<div id="brand">
<img src="../ui/images/product-name.png" alt="">
</div>
</div>
<div class="col-sm-7 col-md-6 col-lg-5 login">
<form class="form-horizontal" id="login" action="migration.py" method="post" name="">
<div class="form-group">
<div class="control-label col-sm-4">
<label for="username">Username</label>
</div>
<div class="col-sm-8">
<input type="text" id="username" name="username" value="" accesskey="u" class="form-control" />
</div>
</div>
<div class="form-group">
<div class="control-label col-sm-4">
<label for="password">Password</label>
</div>
<div class="col-sm-8">
<input type="password" id="password" name="password" value="" accesskey="p" class="form-control" />
</div>
</div>
<div class="form-group">
<div class="col-xs-4 col-sm-offset-4 col-sm-8 submit">
<input name="submit" class="btn btn-primary btn-lg" value="Migrate" type="submit" />
</div>
</div>
</form>
</div>
<div class="col-sm-5 col-md-6 col-lg-7 details">
<h1>Password Migration</h1>
<p>If you have been sent here by your administrator, your personal
information is being migrated to a new identity management solution
(IPA).</p>
<p>Please, enter your credentials in the form below to complete the
process. Upon successful login your kerberos account will be
activated.</p>
</div>
<div id="formwindow">
<h2>Login</h2>
<form id="login" action="migration.py" method="post" name="">
<ul>
<li>
<label for="username">Username:</label>
<input type="text" name="username" value="" accesskey="u" />
</li>
<li>
<label for="password">Password:</label>
<input type="password" name="password" value="" accesskey="p" />
</li>
<ul>
<div class="formbutton">
<input name="submit" value="Migrate" type="submit" />
</div>
</form>
</div>
</div>
<p>
If you have been sent here by your administrator, your personal
information is being migrated to a new identity management solution
(IPA).
</p>
<p>
Please, enter your credentials in the form to complete the
process. Upon successful login your kerberos account will be
activated.
</p>
</div>
</div>
</div>
</div>
</body>
</html>

View File

@ -1,55 +1,83 @@
<!DOCTYPE html>
<html>
<html class="login-pf">
<head>
<meta charset="utf-8">
<title>IPA: Identity Policy Audit</title>
<link rel="stylesheet" type="text/css" href="../ui/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="../ui/css/patternfly.css" />
<link rel="stylesheet" type="text/css" href="../ui/css/ipa.css" />
<link rel="stylesheet" type="text/css" href="../ui/ipa.css" />
</head>
<body class="info-page">
<body>
<div class="login-pf-body">
<span id="badge">
<img src="../ui/images/login-screen-logo.png" alt="" />
</span>
<div class="container">
<div class="container_1">
<div class="header-logo">
<img src="../ui/images/ipa-logo.png" /><img src="../ui/images/ipa-banner.png" />
</div>
<div class="textblock">
<div class="row">
<div class="col-sm-12">
<div id="brand">
<img src="../ui/images/product-name.png" alt="">
</div>
</div>
<div class="col-sm-7 col-md-6 col-lg-5 login">
<form class="form-horizontal" id="login" action="migration.py" method="post" name="">
<div class="form-group validation-summary-group">
<div class="col-sm-12 controls">
<div class="widget validation-summary">
<div class="alert alert-danger">
<span class="fa fa-exclamation-circle"></span>
<p><strong>Please re-enter your username or password</strong></p>
<p> The password or username you entered is incorrect. Please try
again (make sure your caps lock is off).</p>
<p>If the problem persists, contact your administrator.</p>
</div>
</div>
</div>
</div>
<div class="form-group">
<div class="control-label col-sm-4">
<label for="username">Username</label>
</div>
<div class="col-sm-8">
<input type="text" id="username" name="username" value="" accesskey="u" class="form-control" />
</div>
</div>
<div class="form-group">
<div class="control-label col-sm-4">
<label for="password">Password</label>
</div>
<div class="col-sm-8">
<input type="password" id="password" name="password" value="" accesskey="p" class="form-control" />
</div>
</div>
<div class="form-group">
<div class="col-xs-4 col-sm-offset-4 col-sm-8 submit">
<input name="submit" class="btn btn-primary btn-lg" value="Migrate" type="submit" />
</div>
</div>
</form>
</div>
<div class="col-sm-5 col-md-6 col-lg-7 details">
<h1>Password Migration</h1>
<p>If you have been sent here by your administrator, your personal
information is being migrated to a new identity management solution
(IPA).</p>
<p>Please, enter your credentials in the form below to complete the
process. Upon successful login your kerberos account will be
activated.</p>
</div>
<div id="formwindow">
<h2>Login</h2>
<div id="error-box">
<p><strong>Please re-enter your username or password</strong></p>
<p>The password or username you entered is incorrect. Please try again (make sure your caps lock is off).</p>
<p>If the problem persists, contact your administrator.</p>
</div>
<form id="login" action="migration.py" method="post" name="">
<ul>
<li>
<label for="username">Username:</label>
<input type="text" name="username" value="" accesskey="u" />
</li>
<li>
<label for="password">Password:</label>
<input type="password" name="password" value="" accesskey="p" />
</li>
<ul>
<div class="formbutton">
<input name="submit" value="Migrate" type="submit" />
</div>
</form>
</div>
</div>
<p>
If you have been sent here by your administrator, your personal
information is being migrated to a new identity management solution
(IPA).
</p>
<p>
Please, enter your credentials in the form to complete the
process. Upon successful login your kerberos account will be
activated.
</p>
</div>
</div>
</div>
</div>
</body>
</html>