<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
</head>
<body bgcolor="#FFFFFF" text="#000000">
Hi,<br>
<br>
As Horizon is recently undergoing a set of user interface changes,
there will be needed some effort in<br>
getting Tuskar-UI up to date with new Horizon UI structure and
features.<br>
<br>
The changes are comming mostly from the update of Twitter Bootstrap
framework to latest version (3.0) and<br>
Introducing the AngularJS javascript frontend framework. These two
updates are in review phase and are<br>
counted in for Icehouse.<br>
<br>
To adopt these changes I have identified following tasks:<br>
<br>
Horizon based UI Updates in Tuskar-UI:<br>
<br>
- Get up to date with Bootstrap 3:<br>
- update templates through the application to match Bootstrap 3
markup<br>
- get Forms to use django-bootstrap-form<br>
- update custom less code to match Bootstrap 3 styling<br>
- update javascript to use Bootstrap 3 features<br>
<br>
- Start using AngularJS Directives with our javascript components<br>
- update graphs js code to use AngularJS Directives<br>
- update UI code as Horizon transfers to AngularJS if needed, most
of the AngularJS inovations should not<br>
require code update on Tuskar-UI side<br>
<br>
There is also plan to support icon-fonts as a solution for Icons
across Horizon applications. This might require<br>
adding custom icon-font, if Tuskar-UI will require icons that are
not present in basic set that Horizon provides.<br>
<br>
<br>
Related Horizon blueprints:<br>
<br>
Update Twitter Bootstrap to version 3<br>
<meta http-equiv="content-type" content="text/html;
charset=ISO-8859-1">
<a
href="https://blueprints.launchpad.net/horizon/+spec/bootstrap-update">https://blueprints.launchpad.net/horizon/+spec/bootstrap-update</a><br>
<br>
<meta http-equiv="content-type" content="text/html;
charset=ISO-8859-1">
Introduce AngularJS as Frontend Javascript Framework<br>
<meta http-equiv="content-type" content="text/html;
charset=ISO-8859-1">
<a
href="https://blueprints.launchpad.net/horizon/+spec/angularjs-javascript-frontend-framework">
<meta http-equiv="content-type" content="text/html;
charset=ISO-8859-1">
https://blueprints.launchpad.net/horizon/+spec/angularjs-javascript-frontend-framework</a><br>
<br>
Change current bitmap icons for font icons<br>
<meta http-equiv="content-type" content="text/html;
charset=ISO-8859-1">
<a href="https://blueprints.launchpad.net/horizon/+spec/font-icons">https://blueprints.launchpad.net/horizon/+spec/font-icons</a><br>
<br>
<br>
Jirka<br>
</body>
</html>