IntenseWebs/freeipa
3
0
Fork 0
mirror of https://salsa.debian.org/freeipa-team/freeipa.git synced 2024-12-25 08:21:05 -06:00
Code Issues Packages Projects Releases Wiki Activity
4e5cc379d5
freeipa/install/ui/ipa.css

970 lines
17 KiB
CSS
Raw Normal View History

The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
/* Authors:
* Pavel Zuna <pzuna@redhat.com>
* Adam Young <ayoung@redhat.com>
SUDO adjustments The SUDO rule details facet has been updated to support the latest UI spec. The facet consists of 5 sections: general, users, hosts, commands, and run-as. The general section contains the SUDO rule description and status. If the status is changed, the sudorule-enable/disable will be invoked. The other sections contain radio buttons for the association category and tables for the members. When a member is added or removed, the category will be adjusted appropriately. If the category is changed to 'all', 'allow', or 'deny', all members will be removed. The last section is currently not working because backend support is not yet available. The adder dialog boxes for users, groups, and hosts has been modified to accept external identities. The layout for the base adder dialog was updated. The base dialog class was updated to support templates. The SUDO dialog boxes were implemented using templates. New CSS classes were added to ipa.css. The HBAC rule details facet has been updated as well.
2010-12-07 01:51:51 -06:00
* Endi Sukma Dewata <edewata@redhat.com>
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
* Kyle Baker <kybaker@redhat.com>
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
*
* Copyright (C) 2010 Red Hat
*/
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
@font-face {font-family: "FreeWay"; src:url("FreeWay.otf");}
@font-face {font-family: "FreeWayBold"; src:url("FreeWay-Bold.otf");}
more css cleanup remove quick links css very close to specs
2010-11-12 14:23:58 -06:00
body{
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
background-image:url("outer-bg.png");
target style cleanup Target section had radio buttonsreversed, and a few other style changes Note that this has the styling removed for the aci-target dl items
2011-01-26 15:11:22 -06:00
background-repeat:repeat-x;
center page fixes issues from https://fedorahosted.org/freeipa/ticket/507
2011-01-10 08:26:32 -06:00
background-position:left top;
Remove bright green from the tabs and subnav.
2011-02-16 09:29:19 -06:00
background-color:#F3F2F2;
CSS cleanup post UXD discussion
2010-11-17 13:13:33 -06:00
border-width: 0;
font-family:"Liberation Sans",Arial,Sans;
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
font-size:11px;
CSS cleanup post UXD discussion
2010-11-17 13:13:33 -06:00
margin: 0;
more css cleanup remove quick links css very close to specs
2010-11-12 14:23:58 -06:00
}
spinning wheel display a spinning icon gif during network traffic. Fixes the following from first patch: 1 primary key set in span as opposed to appended, so it only appears once. 2. call hide for the network activity icon only in success or failure functions, not multiple times
2011-01-10 20:14:51 -06:00
.network-activity-indicator{
display:none;
}
center page fixes issues from https://fedorahosted.org/freeipa/ticket/507
2011-01-10 08:26:32 -06:00
.center-container {
margin-left: auto;
margin-right: auto;
width: 960px;
}
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
.ui-widget {
font-size: 1em;
}
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
.input_link {
padding: .4em 1em .4em 2em;
text-decoration: none;
position: relative;
cursor: pointer;
}
default disable delete
2011-01-27 15:37:48 -06:00
.input_link_disabled {
cursor: default;
color:black;
}
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
.input_link span.ui-icon {
-moz-border-radius: 0.3em;
Cross brower adjustments for the action-panel.
2011-02-09 08:45:31 -06:00
-webkit-border-radius: 0.3em;
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
border: 1px solid #B8B8B8;
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
margin: -0.9em 0.4em 0em -0.3em;
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
position: absolute;
left: .2em;
top: 50%;
}
css tabs and facets includes Makfile changes to get images to deploy
2010-09-16 14:13:48 -05:00
default disable delete
2011-01-27 15:37:48 -06:00
.input_link_disabled span.ui-icon {
-moz-border-radius: 0.3em;
Cross brower adjustments for the action-panel.
2011-02-09 08:45:31 -06:00
-webkit-border-radius: 0.3em;
default disable delete
2011-01-27 15:37:48 -06:00
border: 1px solid #B8B8B8;
margin: -0.9em 0.4em 0em -0.3em;
position: absolute;
left: .2em;
top: 50%;
}
Adjusted aci's target feilds, adjusted action panel styles, adjusted Delegation and Configuration.
2011-01-27 14:05:16 -06:00
.ipa-icon {
font-size: 0.7em;
padding-right: 0.3em;
}
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
/* ---- Header ---- */
div.header {
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
background: url("top-bg.png") #0C3B00;
more css cleanup remove quick links css very close to specs
2010-11-12 14:23:58 -06:00
width: 100%;
Remove bright green from the tabs and subnav.
2011-02-16 09:29:19 -06:00
height: 3.8em;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
}
Big webUI patch. Quick summary: - use jQuery UI and jQuery BBQ libraries - code restructuring The patch has so many changes they can't be listed here. Many parts of the code have been rewritten from scrach. See freeipa-devel mailing list: webUI code restructuring [wall of text, diagrams, ... you've been warned!] 2010-09-07
2010-09-16 09:28:07 -05:00
div.header a {
text-decoration: none;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
}
Big webUI patch. Quick summary: - use jQuery UI and jQuery BBQ libraries - code restructuring The patch has so many changes they can't be listed here. Many parts of the code have been rewritten from scrach. See freeipa-devel mailing list: webUI code restructuring [wall of text, diagrams, ... you've been warned!] 2010-09-07
2010-09-16 09:28:07 -05:00
div.header a:link {
text-decoration: none;
Whoami link The 'logged in as' message in the header into an active hypoerlink that loads the details page for the current user. Also fixed a bug where, when reloading, the search page would fail due to scl being undefined. Fixed a typo replaced {'user-facet':'details', 'pkey':whoami_pkey},2); with {'user-facet':'details', 'user-pkey':whoami_pkey},2);
2010-09-24 09:47:40 -05:00
color: white;
Big webUI patch. Quick summary: - use jQuery UI and jQuery BBQ libraries - code restructuring The patch has so many changes they can't be listed here. Many parts of the code have been rewritten from scrach. See freeipa-devel mailing list: webUI code restructuring [wall of text, diagrams, ... you've been warned!] 2010-09-07
2010-09-16 09:28:07 -05:00
}
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
Big webUI patch. Quick summary: - use jQuery UI and jQuery BBQ libraries - code restructuring The patch has so many changes they can't be listed here. Many parts of the code have been rewritten from scrach. See freeipa-devel mailing list: webUI code restructuring [wall of text, diagrams, ... you've been warned!] 2010-09-07
2010-09-16 09:28:07 -05:00
div.header a:visited {
text-decoration: none;
Whoami link The 'logged in as' message in the header into an active hypoerlink that loads the details page for the current user. Also fixed a bug where, when reloading, the search page would fail due to scl being undefined. Fixed a typo replaced {'user-facet':'details', 'pkey':whoami_pkey},2); with {'user-facet':'details', 'user-pkey':whoami_pkey},2);
2010-09-24 09:47:40 -05:00
color: white;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
}
more css cleanup remove quick links css very close to specs
2010-11-12 14:23:58 -06:00
div.header span.header-logo {
center page fixes issues from https://fedorahosted.org/freeipa/ticket/507
2011-01-10 08:26:32 -06:00
padding-left: 2em;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
}
more css cleanup remove quick links css very close to specs
2010-11-12 14:23:58 -06:00
div.header span.header-logo a img {
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
border: 0;
}
Big webUI patch. Quick summary: - use jQuery UI and jQuery BBQ libraries - code restructuring The patch has so many changes they can't be listed here. Many parts of the code have been rewritten from scrach. See freeipa-devel mailing list: webUI code restructuring [wall of text, diagrams, ... you've been warned!] 2010-09-07
2010-09-16 09:28:07 -05:00
div.header span.header-loggedinas {
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
width: 96em;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
color: #fff;
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
display: block;
center page fixes issues from https://fedorahosted.org/freeipa/ticket/507
2011-01-10 08:26:32 -06:00
padding-left: 71em;
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
margin-top: -2.6em;
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
margin-left: auto;
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
margin-right: 27.6em;
width: 20em;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
}
Big webUI patch. Quick summary: - use jQuery UI and jQuery BBQ libraries - code restructuring The patch has so many changes they can't be listed here. Many parts of the code have been rewritten from scrach. See freeipa-devel mailing list: webUI code restructuring [wall of text, diagrams, ... you've been warned!] 2010-09-07
2010-09-16 09:28:07 -05:00
/* ---- Navigation ---- */
div.tabs {
overflow: auto;
more css cleanup remove quick links css very close to specs
2010-11-12 14:23:58 -06:00
width: 100%;
height: 100%;
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
min-height: 40em;
target style cleanup Target section had radio buttonsreversed, and a few other style changes Note that this has the styling removed for the aci-target dl items
2011-01-26 15:11:22 -06:00
background: url("centered-bg.png") no-repeat scroll 0 8.4em transparent;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
}
layout Closer to the layout from the spec The facets have been moved to the action panel, to the left of the page the facets are now rendered in an area of the screen with a client class
2010-11-09 19:04:49 -06:00
div#content {
CSS cleanup post UXD discussion
2010-11-17 13:13:33 -06:00
margin-top: 0;
layout Closer to the layout from the spec The facets have been moved to the action panel, to the left of the page the facets are now rendered in an area of the screen with a client class
2010-11-09 19:04:49 -06:00
position: relative;
Stretch content div and make Reset/Update buttons stick to right.
2010-08-10 15:59:18 -05:00
width: 100%;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
}
hashchange We now catch the hashchange event and use that to drive most of the site. To trigger page transitions, modify location.hash. Params start with # not ?. Removed user-group.inc. converted tabs to spaces trivial imlementation of add and details for netgroup and hostgroup lots of bug fixes based on routing problems and the refactorings.
2010-08-23 21:32:23 -05:00
ul#viewtype {
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
padding-left: 2em;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
}
hashchange We now catch the hashchange event and use that to drive most of the site. To trigger page transitions, modify location.hash. Params start with # not ?. Removed user-group.inc. converted tabs to spaces trivial imlementation of add and details for netgroup and hostgroup lots of bug fixes based on routing problems and the refactorings.
2010-08-23 21:32:23 -05:00
ul#viewtype li {
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
color: #656565;
display: inline;
font-weight: bold;
list-style-type: none;
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
padding-right: 2em;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
}
hashchange We now catch the hashchange event and use that to drive most of the site. To trigger page transitions, modify location.hash. Params start with # not ?. Removed user-group.inc. converted tabs to spaces trivial imlementation of add and details for netgroup and hostgroup lots of bug fixes based on routing problems and the refactorings.
2010-08-23 21:32:23 -05:00
ul#viewtype li img {
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
vertical-align: middle;
}
hashchange We now catch the hashchange event and use that to drive most of the site. To trigger page transitions, modify location.hash. Params start with # not ?. Removed user-group.inc. converted tabs to spaces trivial imlementation of add and details for netgroup and hostgroup lots of bug fixes based on routing problems and the refactorings.
2010-08-23 21:32:23 -05:00
ul#viewtype li a {
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
font-weight: normal;
}
layout Closer to the layout from the spec The facets have been moved to the action panel, to the left of the page the facets are now rendered in an area of the screen with a client class
2010-11-09 19:04:49 -06:00
div.content div.content-buttons {
Stretch content div and make Reset/Update buttons stick to right.
2010-08-10 15:59:18 -05:00
float: right;
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
margin-right: 1.5em;
Stretch content div and make Reset/Update buttons stick to right.
2010-08-10 15:59:18 -05:00
}
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
layout Closer to the layout from the spec The facets have been moved to the action panel, to the left of the page the facets are now rendered in an area of the screen with a client class
2010-11-09 19:04:49 -06:00
div.content div.content-buttons img {
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
border: 0;
}
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
h1 {
font-family: "FreeWayBold","Liberation Sans", Arial, sans-serif;
font-size: 1.5em;
font-weight: normal;
color: #555555;
spinning wheel display a spinning icon gif during network traffic. Fixes the following from first patch: 1 primary key set in span as opposed to appended, so it only appears once. 2. call hide for the network activity icon only in success or failure functions, not multiple times
2011-01-10 20:14:51 -06:00
text-transform: uppercase;
Under shadow on h1 and removed images
2011-02-17 12:37:56 -06:00
text-shadow: 1px 1px 0 #FFFFFF;
spinning wheel display a spinning icon gif during network traffic. Fixes the following from first patch: 1 primary key set in span as opposed to appended, so it only appears once. 2. call hide for the network activity icon only in success or failure functions, not multiple times
2011-01-10 20:14:51 -06:00
}
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
.entity-container h1{
-moz-border-radius: 0.5em 0.5em 0 0;
Cross brower adjustments for the action-panel.
2011-02-09 08:45:31 -06:00
-webkit-border-radius: 0.5em 0.5em 0 0;
background: -moz-linear-gradient(center top , #EEEEEE, #DFDFDF) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#DFDFDF));
padding: 0.5em 0.9em;
position: relative;
width: 40.5em;
margin-left: 1.9em;
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
}
spinning wheel display a spinning icon gif during network traffic. Fixes the following from first patch: 1 primary key set in span as opposed to appended, so it only appears once. 2. call hide for the network activity icon only in success or failure functions, not multiple times
2011-01-10 20:14:51 -06:00
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
h2 {
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
font-family: "FreeWayBold","Liberation Sans", Arial, sans-serif;
font-size: 1.5em;
font-weight: normal;
color: #333333;
text-transform: uppercase;
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
margin-left: 1em;
margin-bottom: 0;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
text-align: left;
}
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
.section-expand{
float:left;
-moz-border-radius: 0.3em;
Cross brower adjustments for the action-panel.
2011-02-09 08:45:31 -06:00
-webkit-border-radius: 0.3em;
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
background-color: -moz-linear-gradient(top, #959595, #5e5e5e);
Cross brower adjustments for the action-panel.
2011-02-09 08:45:31 -06:00
background: -webkit-gradient(linear, left top, left bottom, from(#959595), to(#5e5e5e));
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
border: 1px solid #b8b8b8;
color: #fff;
margin-right: 0.5em;
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
margin-top: -0.2em;
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
}
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
hr {
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
background-color: #EEEEEE;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
clear: both;
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
color: #FFFFFF;
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
height: 0.1em;
margin-left: 1.5em;
margin-right: 1.5em;
margin-top: 1em;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
}
HBAC Details Page The UI framework has been extended to include a collection of widgets: - ipa_widget: base class - ipa_text_widget: text field - ipa_radio_widget: radio button - ipa_textarea_widget: textarea - ipa_button_widget: button - ipa_column_widget: column for table - ipa_table_widget: table These widgets can be used to create input controls. They can also be extended to create custom controls. The framework has also been enhanced to support custom layouts. This can be used to change the look of the application without changing the code. Initially this is only available in details section. Layout consists of a collection of HTML templates. Each template is a complete and valid HTML file representing a portion of a page. The template will be loaded and initialized by the code, then filled with the data from the server. The layouts are located in install/static/layouts/<name> folder. By default, if no templates are used, the fields in the details page are rendered vertically using dd/dt/dd tags. For pages that require different layout, a custom UI needs to be developed. There are two ways to do that: - write a custom widget to generate the UI dynamically - create an HTML template and write the initialization code For components that are quite complex or used frequently, it's might be better to use the first method. For simple pages that are used only in one location or need to support customization, the second method might be preferable. Other benefits of templates: - cleaner code and UI separation - more flexibility in customization - new pages can be developed quickly and require less coding - multiple templates can be used with the same initialization code - easier to maintain The HBAC details page has been implemented using both methods. By default it will use custom widgets to generate the page. To use a custom layout, add the following parameter to the URL, then reload the page: &layout=<name> Currently the only available layout is 'default' which produces the same look as the custom widgets. The HBAC details page is usable, but it still needs additional work. The access time is not working yet. There is no undo button, hint, or validation yet. The table in the association facet has also been changed to use ipa_association_widget which is derived from ipa_table_widget. The Makefile has been updated to include the layouts. The unit tests have been updated as well.
2010-11-02 20:16:55 -05:00
.details-section {
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
margin-left: 4.5em;
margin-right: 1.5em;
margin-top: 1.8em;
HBAC Details Page The UI framework has been extended to include a collection of widgets: - ipa_widget: base class - ipa_text_widget: text field - ipa_radio_widget: radio button - ipa_textarea_widget: textarea - ipa_button_widget: button - ipa_column_widget: column for table - ipa_table_widget: table These widgets can be used to create input controls. They can also be extended to create custom controls. The framework has also been enhanced to support custom layouts. This can be used to change the look of the application without changing the code. Initially this is only available in details section. Layout consists of a collection of HTML templates. Each template is a complete and valid HTML file representing a portion of a page. The template will be loaded and initialized by the code, then filled with the data from the server. The layouts are located in install/static/layouts/<name> folder. By default, if no templates are used, the fields in the details page are rendered vertically using dd/dt/dd tags. For pages that require different layout, a custom UI needs to be developed. There are two ways to do that: - write a custom widget to generate the UI dynamically - create an HTML template and write the initialization code For components that are quite complex or used frequently, it's might be better to use the first method. For simple pages that are used only in one location or need to support customization, the second method might be preferable. Other benefits of templates: - cleaner code and UI separation - more flexibility in customization - new pages can be developed quickly and require less coding - multiple templates can be used with the same initialization code - easier to maintain The HBAC details page has been implemented using both methods. By default it will use custom widgets to generate the page. To use a custom layout, add the following parameter to the URL, then reload the page: &layout=<name> Currently the only available layout is 'default' which produces the same look as the custom widgets. The HBAC details page is usable, but it still needs additional work. The access time is not working yet. There is no undo button, hint, or validation yet. The table in the association facet has also been changed to use ipa_association_widget which is derived from ipa_table_widget. The Makefile has been updated to include the layouts. The unit tests have been updated as well.
2010-11-02 20:16:55 -05:00
white-space: nowrap;
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
padding-bottom: 1.8em;
padding-right: 1.8em;
HBAC Details Page The UI framework has been extended to include a collection of widgets: - ipa_widget: base class - ipa_text_widget: text field - ipa_radio_widget: radio button - ipa_textarea_widget: textarea - ipa_button_widget: button - ipa_column_widget: column for table - ipa_table_widget: table These widgets can be used to create input controls. They can also be extended to create custom controls. The framework has also been enhanced to support custom layouts. This can be used to change the look of the application without changing the code. Initially this is only available in details section. Layout consists of a collection of HTML templates. Each template is a complete and valid HTML file representing a portion of a page. The template will be loaded and initialized by the code, then filled with the data from the server. The layouts are located in install/static/layouts/<name> folder. By default, if no templates are used, the fields in the details page are rendered vertically using dd/dt/dd tags. For pages that require different layout, a custom UI needs to be developed. There are two ways to do that: - write a custom widget to generate the UI dynamically - create an HTML template and write the initialization code For components that are quite complex or used frequently, it's might be better to use the first method. For simple pages that are used only in one location or need to support customization, the second method might be preferable. Other benefits of templates: - cleaner code and UI separation - more flexibility in customization - new pages can be developed quickly and require less coding - multiple templates can be used with the same initialization code - easier to maintain The HBAC details page has been implemented using both methods. By default it will use custom widgets to generate the page. To use a custom layout, add the following parameter to the URL, then reload the page: &layout=<name> Currently the only available layout is 'default' which produces the same look as the custom widgets. The HBAC details page is usable, but it still needs additional work. The access time is not working yet. There is no undo button, hint, or validation yet. The table in the association facet has also been changed to use ipa_association_widget which is derived from ipa_table_widget. The Makefile has been updated to include the layouts. The unit tests have been updated as well.
2010-11-02 20:16:55 -05:00
}
cusor pointer for undo link
2010-12-20 15:56:14 -06:00
.undo {
cursor:pointer;
}
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
dl.entryattrs {
clear: both;
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
margin-left: 1.5em;
margin-top: 1.8em;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
white-space: nowrap;
}
dl.entryattrs dt {
clear: left;
float: left;
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
padding-bottom: 1.8em;
padding-right: 1.8em;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
text-align: right;
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
width: 16em;
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
margin: 0.5em -0.5em 0 -6em;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
}
dl.entryattrs dd {
float: left;
Remove bright green from the tabs and subnav.
2011-02-16 09:29:19 -06:00
padding-bottom: 0.8em;
Adjusted aci's target feilds, adjusted action panel styles, adjusted Delegation and Configuration.
2011-01-27 14:05:16 -06:00
margin-left: 0;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
}
dl.entryattrs dd.first {
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
margin-left: 0;
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
margin-top: 0.5em;
Added multi-valued text widget. A multi-valued text widget has been created to replace the old IPA.details_field. The old code was designed to handle all data types, and it uses one <dd> tag for each value, so the code is still incomplete and complex. The new code was designed to handle only multi-valued text attributes, and it uses one <dd> tag for all values, so it's easier to maintain. There are already other widgets that can be used to handle other data types. The new code supports line-level undo and line-out for removal like the old code, but there are some changes: - Undoing a newly added line will remove the entire line. - Editing the value of a removed line will cancel the removal. - It provides 'undo all' link to reset the entire attribute. The old code will be cleaned up in a subsequent patch.
2011-02-02 16:18:35 -06:00
font-weight: bold;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
}
dl.entryattrs dd.other {
clear: both;
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
margin-left: 10.7em;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
}
dl.entryattrs input {
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
margin-right: 0.5em;
Added multi-valued text widget. A multi-valued text widget has been created to replace the old IPA.details_field. The old code was designed to handle all data types, and it uses one <dd> tag for each value, so the code is still incomplete and complex. The new code was designed to handle only multi-valued text attributes, and it uses one <dd> tag for all values, so it's easier to maintain. There are already other widgets that can be used to handle other data types. The new code supports line-level undo and line-out for removal like the old code, but there are some changes: - Undoing a newly added line will remove the entire line. - Editing the value of a removed line will cancel the removal. - It provides 'undo all' link to reset the entire attribute. The old code will be cleaned up in a subsequent patch.
2011-02-02 16:18:35 -06:00
margin-bottom: 1em;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
}
Certificate and Kerberos key status adjustments. The OTP field has been moved into a separate row to avoid line wrapping. The line height inside tables has been increased to avoid overlapping buttons in certificate status panel.
2011-01-13 04:20:12 -06:00
dl.entryattrs input.otp {
min-width: 15em;
New certificate and Kerberos key status behavior. The status panel for certificates and Kerberos keys has been modified to display only the current status with the relevant buttons. New icons have been added to replace the red/yellow/green bullets.
2011-01-17 07:43:43 -06:00
width: 15em;
Certificate and Kerberos key status adjustments. The OTP field has been moved into a separate row to avoid line wrapping. The line height inside tables has been increased to avoid overlapping buttons in certificate status panel.
2011-01-13 04:20:12 -06:00
}
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
target style cleanup Target section had radio buttonsreversed, and a few other style changes Note that this has the styling removed for the aci-target dl items
2011-01-26 15:11:22 -06:00
dl.aci-target{
clear: both;
Adjusted aci's target feilds, adjusted action panel styles, adjusted Delegation and Configuration.
2011-01-27 14:05:16 -06:00
margin-left: 2em;
target style cleanup Target section had radio buttonsreversed, and a few other style changes Note that this has the styling removed for the aci-target dl items
2011-01-26 15:11:22 -06:00
margin-top: 1.8em;
white-space: nowrap;
}
dl.aci-target dt {
padding-bottom: 1.8em;
padding-left: 2.8em;
text-align: left;
width: 16em;
margin: 0.5em -0.5em 0 -6em;
}
dl.aci-target dd {
}
Adjusted aci's target feilds, adjusted action panel styles, adjusted Delegation and Configuration.
2011-01-27 14:05:16 -06:00
dl.aci-target dd.other {
margin-left: -1em;
}
target style cleanup Target section had radio buttonsreversed, and a few other style changes Note that this has the styling removed for the aci-target dl items
2011-01-26 15:11:22 -06:00
dl.aci-target dd.first {
Adjusted aci's target feilds, adjusted action panel styles, adjusted Delegation and Configuration.
2011-01-27 14:05:16 -06:00
margin-left: 8.5em;
margin-top: -3.7em;
padding-bottom: 2em;
target style cleanup Target section had radio buttonsreversed, and a few other style changes Note that this has the styling removed for the aci-target dl items
2011-01-26 15:11:22 -06:00
}
Fixed CSS error.
2011-02-03 09:49:54 -06:00
dl.aci-target dd.other {
Adjusted aci's target feilds, adjusted action panel styles, adjusted Delegation and Configuration.
2011-01-27 14:05:16 -06:00
padding-left: 0.7em;
target style cleanup Target section had radio buttonsreversed, and a few other style changes Note that this has the styling removed for the aci-target dl items
2011-01-26 15:11:22 -06:00
}
dl.aci-target input {
}
Adjusted aci's target feilds, adjusted action panel styles, adjusted Delegation and Configuration.
2011-01-27 14:05:16 -06:00
.aci-attribute-table th.style {
}
#group_filter {
margin-right: 2em;
}
#aci_by_filter {
margin-right: 1em;
}
#aci_by_query {
margin-right: 1em;
}
#aci_by_group {
margin-right: 1em;
}
#aci_by_type {
margin-right: 1em;
margin-top: 2.2em;
}
target style cleanup Target section had radio buttonsreversed, and a few other style changes Note that this has the styling removed for the aci-target dl items
2011-01-26 15:11:22 -06:00
Adjusted aci's target feilds, adjusted action panel styles, adjusted Delegation and Configuration.
2011-01-27 14:05:16 -06:00
#aci_attributes_table {
overflow-x: hidden;
width: 46em;
}
target style cleanup Target section had radio buttonsreversed, and a few other style changes Note that this has the styling removed for the aci-target dl items
2011-01-26 15:11:22 -06:00
Adjusted aci's target feilds, adjusted action panel styles, adjusted Delegation and Configuration.
2011-01-27 14:05:16 -06:00
#memberof-entity-select {
margin-right: 1em;
}
target style cleanup Target section had radio buttonsreversed, and a few other style changes Note that this has the styling removed for the aci-target dl items
2011-01-26 15:11:22 -06:00
Adjusted aci's target feilds, adjusted action panel styles, adjusted Delegation and Configuration.
2011-01-27 14:05:16 -06:00
#group-entity-select {
margin-right: 1em;
}
target style cleanup Target section had radio buttonsreversed, and a few other style changes Note that this has the styling removed for the aci-target dl items
2011-01-26 15:11:22 -06:00
Make changes to details.js. See commit message. - Add/Remove links are now only available for multivalue attributes (Param.multivalue = true) and attributes with param types, that are multivalue by definition (as of now only List). Single-value attributes with no value are displayed as empty input elements. - When updating an attribute, leading and trailing spaces are stripped - Context help available in the form of hints, that are extracted form Param.hint.
2010-08-25 11:49:30 -05:00
span.attrhint {
font-size: 8pt;
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
left: 5em;
margin-left: 12.5em;
Make changes to details.js. See commit message. - Add/Remove links are now only available for multivalue attributes (Param.multivalue = true) and attributes with param types, that are multivalue by definition (as of now only List). Single-value attributes with no value are displayed as empty input elements. - When updating an attribute, leading and trailing spaces are stripped - Context help available in the form of hints, that are extracted form Param.hint.
2010-08-25 11:49:30 -05:00
position: absolute;
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
overflow-x: hidden;
Make changes to details.js. See commit message. - Add/Remove links are now only available for multivalue attributes (Param.multivalue = true) and attributes with param types, that are multivalue by definition (as of now only List). Single-value attributes with no value are displayed as empty input elements. - When updating an attribute, leading and trailing spaces are stripped - Context help available in the form of hints, that are extracted form Param.hint.
2010-08-25 11:49:30 -05:00
}
more css cleanup remove quick links css very close to specs
2010-11-12 14:23:58 -06:00
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
/*Navigation */
Remove bright green from the tabs and subnav.
2011-02-16 09:29:19 -06:00
.tabs1 .ui-tabs-nav {
padding-left: 4px;
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
padding-top: 2.3em;
more css cleanup remove quick links css very close to specs
2010-11-12 14:23:58 -06:00
margin: 0;
CSS cleanup post UXD discussion
2010-11-17 13:13:33 -06:00
border: none;
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
background-image: url("Mainnav-background.png");
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
-moz-border-radius: 0;
Cross brower adjustments for the action-panel.
2011-02-09 08:45:31 -06:00
-webkit-border-radius: 0;
height: 3.5em;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
}
CSS cleanup post UXD discussion
2010-11-17 13:13:33 -06:00
.ui-tabs {
padding:0;
}
layout Closer to the layout from the spec The facets have been moved to the action panel, to the left of the page the facets are now rendered in an area of the screen with a client class
2010-11-09 19:04:49 -06:00
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
#the positions for these are in the large icon image,
#and need to be specified in pixels.
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
.ui-icon-minus {
background-position: -48px -129px;
}
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
.ui-icon-plus {
target style cleanup Target section had radio buttonsreversed, and a few other style changes Note that this has the styling removed for the aci-target dl items
2011-01-26 15:11:22 -06:00
background-position: -16px -129px;
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
}
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
.ui-icon-trash {
background-position: -176px -97px;
}
Modal Panel Changes
2011-01-25 08:23:55 -06:00
.ui-dialog .ui-dialog-titlebar-close span {
Adjusted aci's target feilds, adjusted action panel styles, adjusted Delegation and Configuration.
2011-01-27 14:05:16 -06:00
background-color: transparent !important;
Modal Panel Changes
2011-01-25 08:23:55 -06:00
}
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
.ui-widget-content .ui-icon {
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
//background-image: url("ui-icons_222222_256x240.png");
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
background-color: #e2e2e2;
}
.ui-widget-content {
}
Remove images and replace with css color in dialogs
2011-02-17 10:11:42 -06:00
.ui-dialog .ui-dialog-titlebar {
padding: 0.5em 1em;
position: relative;
}
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
.ui-widget-content a {
text-decoration: none;
color: #1d85d5;
font-weight: normal;
Adjusted aci's target feilds, adjusted action panel styles, adjusted Delegation and Configuration.
2011-01-27 14:05:16 -06:00
text-transform: none;
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
}
.ui-widget-header {
Remove images and replace with css color in dialogs
2011-02-17 10:11:42 -06:00
background: -moz-linear-gradient(center top , #225314, #1c400a) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, left top, left bottom, from(#225314), to(#1c400a));
border: 1px solid #319016;
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
font-weight: bold;
}
Modal Panel Changes
2011-01-25 08:23:55 -06:00
.ui-dialog .ui-dialog-buttonpane button {
cursor: pointer;
margin: 0.5em 0.4em 0.5em 0;
padding: 0.1em 0.2em;
}
.ui-dialog .ui-dialog-buttonpane {
background-image: none;
border-width: 1px 0 0;
padding: 0.3em 1em 0.5em 0.4em;
text-align: left;
}
//.ui-dialog .ui-dialog-content {
target style cleanup Target section had radio buttonsreversed, and a few other style changes Note that this has the styling removed for the aci-target dl items
2011-01-26 15:11:22 -06:00
min-height: 26em !important;
Modal Panel Changes
2011-01-25 08:23:55 -06:00
}//
CSS cleanup post UXD discussion
2010-11-17 13:13:33 -06:00
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
.ui-widget input, .ui-widget select,
.ui-widget textarea, .ui-widget button {
font-family: "Liberation Sans", Arial, sans-serif;
font-size: 1.3em;
margin-right: .1em;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
-moz-border-radius: .3em;
Cross brower adjustments for the action-panel.
2011-02-09 08:45:31 -06:00
-webkit-border-radius: .3em;
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
background: -moz-linear-gradient(top, #959595, #5e5e5e);
Cross brower adjustments for the action-panel.
2011-02-09 08:45:31 -06:00
background: -webkit-gradient(linear, left top, left bottom, from(#959595), to(#5e5e5e));
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
border: 1px solid #777777;
color: #fff;
font-weight: normal;
target style cleanup Target section had radio buttonsreversed, and a few other style changes Note that this has the styling removed for the aci-target dl items
2011-01-26 15:11:22 -06:00
padding: 0.4em 1em;
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
}
span.ui-icon-search {
target style cleanup Target section had radio buttonsreversed, and a few other style changes Note that this has the styling removed for the aci-target dl items
2011-01-26 15:11:22 -06:00
background-color: transparent !important;
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
border: medium none !important;
color: #FFFFFF !important;
target style cleanup Target section had radio buttonsreversed, and a few other style changes Note that this has the styling removed for the aci-target dl items
2011-01-26 15:11:22 -06:00
margin-left: 0 !important;
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
}
[title="Find"] {
target style cleanup Target section had radio buttonsreversed, and a few other style changes Note that this has the styling removed for the aci-target dl items
2011-01-26 15:11:22 -06:00
margin-left: 0.5em !important;
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
padding: 0.4em 1em 0.4em 2em !important;
}
[title="details"] {
target style cleanup Target section had radio buttonsreversed, and a few other style changes Note that this has the styling removed for the aci-target dl items
2011-01-26 15:11:22 -06:00
margin-top: -.7em !important;
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
}
[title="Delete"] {
target style cleanup Target section had radio buttonsreversed, and a few other style changes Note that this has the styling removed for the aci-target dl items
2011-01-26 15:11:22 -06:00
margin-left: 1em !important;
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
}
[title="Add"] {
target style cleanup Target section had radio buttonsreversed, and a few other style changes Note that this has the styling removed for the aci-target dl items
2011-01-26 15:11:22 -06:00
margin-left: 1em !important;
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
}
Adjusted aci's target feilds, adjusted action panel styles, adjusted Delegation and Configuration.
2011-01-27 14:05:16 -06:00
[title="mail"] {
margin-top: 0em !important;
}
[title=">>"] {
display: block;
margin-top: 1em !important;
}
Remove bright green from the tabs and subnav.
2011-02-16 09:29:19 -06:00
CSS cleanup post UXD discussion
2010-11-17 13:13:33 -06:00
.tabs1 .ui-tabs-nav li {
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
-moz-border-radius: 0 !important;
Cross brower adjustments for the action-panel.
2011-02-09 08:45:31 -06:00
-webkit-border-radius: 0 !important;
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
background-image: url("Mainnav-offtab.png");
Remove bright green from the tabs and subnav.
2011-02-16 09:29:19 -06:00
margin: 0 0.2em;
more css cleanup remove quick links css very close to specs
2010-11-12 14:23:58 -06:00
border-width: 0;
CSS cleanup post UXD discussion
2010-11-17 13:13:33 -06:00
text-align: center;
vertical-align:baseline;
Remove bright green from the tabs and subnav.
2011-02-16 09:29:19 -06:00
border: 1px solid #A0A0A0;
more css cleanup remove quick links css very close to specs
2010-11-12 14:23:58 -06:00
}
layout Closer to the layout from the spec The facets have been moved to the action panel, to the left of the page the facets are now rendered in an area of the screen with a client class
2010-11-09 19:04:49 -06:00
CSS cleanup post UXD discussion
2010-11-17 13:13:33 -06:00
.tabs1 .ui-tabs-nav li.ui-tabs-selected {
navigation format UXD guidance to cleanup navigation. adjusts the tab font
2010-11-23 15:32:17 -06:00
padding: 0 0;
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
background-image: url("Mainnav-ontab.png");
CSS cleanup post UXD discussion
2010-11-17 13:13:33 -06:00
text-align: center;
Remove bright green from the tabs and subnav.
2011-02-16 09:29:19 -06:00
margin: 0 0.2em;
CSS cleanup post UXD discussion
2010-11-17 13:13:33 -06:00
}
layout Closer to the layout from the spec The facets have been moved to the action panel, to the left of the page the facets are now rendered in an area of the screen with a client class
2010-11-09 19:04:49 -06:00
Remove bright green from the tabs and subnav.
2011-02-16 09:29:19 -06:00
.tabs1 .ui-tabs-nav li a {
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
-moz-border-radius: 0 !important;
Cross brower adjustments for the action-panel.
2011-02-09 08:45:31 -06:00
-webkit-border-radius: 0 !important;
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
font-family: "FreeWayBold", "Liberation Sans", Arial, Sans;
Adjusted aci's target feilds, adjusted action panel styles, adjusted Delegation and Configuration.
2011-01-27 14:05:16 -06:00
width: 5em;
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
padding: none;
Remove bright green from the tabs and subnav.
2011-02-16 09:29:19 -06:00
color: #858585;
CSS cleanup post UXD discussion
2010-11-17 13:13:33 -06:00
margin: 0 auto;
tab width fixes the spacing and width for the top and second row of tabs
2010-11-19 10:40:44 -06:00
text-align:center;
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
font-size:1.5em;
Remove bright green from the tabs and subnav.
2011-02-16 09:29:19 -06:00
text-shadow: 1px 1px 0 #FFFFFF;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
}
layout Closer to the layout from the spec The facets have been moved to the action panel, to the left of the page the facets are now rendered in an area of the screen with a client class
2010-11-09 19:04:49 -06:00
css tabs and facets includes Makfile changes to get images to deploy
2010-09-16 14:13:48 -05:00
.tabs1 .ui-tabs-nav li > a:link, span.main-nav-off > a:visited{
Remove bright green from the tabs and subnav.
2011-02-16 09:29:19 -06:00
color: #858585;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
}
layout Closer to the layout from the spec The facets have been moved to the action panel, to the left of the page the facets are now rendered in an area of the screen with a client class
2010-11-09 19:04:49 -06:00
.tabs1 .ui-tabs-nav li.ui-tabs-selected a{
Remove bright green from the tabs and subnav.
2011-02-16 09:29:19 -06:00
color: #1e5e05;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
}
more css cleanup remove quick links css very close to specs
2010-11-12 14:23:58 -06:00
.tabs1 .ui-tabs-panel {
CSS cleanup post UXD discussion
2010-11-17 13:13:33 -06:00
display: block;
border-width: 0;
padding: 0 0 0 0;
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
background-color: transparent;
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
overflow-x: hidden;
more css cleanup remove quick links css very close to specs
2010-11-12 14:23:58 -06:00
}
CSS cleanup post UXD discussion
2010-11-17 13:13:33 -06:00
.tabs2 .ui-tabs-nav {
Remove bright green from the tabs and subnav.
2011-02-16 09:29:19 -06:00
padding: 0.2em 6em 0.1em 2em;
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
margin-top: 0em;
Remove bright green from the tabs and subnav.
2011-02-16 09:29:19 -06:00
height: 25px;
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
background-image: url("Subnav-background.png");
CSS cleanup post UXD discussion
2010-11-17 13:13:33 -06:00
}
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
CSS cleanup post UXD discussion
2010-11-17 13:13:33 -06:00
.tabs2 .ui-tabs-nav li {
tab width fixes the spacing and width for the top and second row of tabs
2010-11-19 10:40:44 -06:00
width:auto;
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
margin: 0;
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
background: none repeat scroll 0 0 transparent !important;
tab width fixes the spacing and width for the top and second row of tabs
2010-11-19 10:40:44 -06:00
color: white;
Remove bright green from the tabs and subnav.
2011-02-16 09:29:19 -06:00
border: none;
CSS cleanup post UXD discussion
2010-11-17 13:13:33 -06:00
}
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
CSS cleanup post UXD discussion
2010-11-17 13:13:33 -06:00
.tabs2 .ui-tabs-nav li.ui-tabs-selected {
Remove bright green from the tabs and subnav.
2011-02-16 09:29:19 -06:00
background: url("nav-arrow.png") no-repeat scroll center 2.2em transparent !important;
height: 3.1em;
border: none;
margin: 0;
css tabs and facets includes Makfile changes to get images to deploy
2010-09-16 14:13:48 -05:00
}
layout Closer to the layout from the spec The facets have been moved to the action panel, to the left of the page the facets are now rendered in an area of the screen with a client class
2010-11-09 19:04:49 -06:00
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
.tabs2 .ui-tabs-nav li a {
navigation format UXD guidance to cleanup navigation. adjusts the tab font
2010-11-23 15:32:17 -06:00
width:auto;
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
padding: 0.3em 0.8em ;
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
-moz-border-radius: 2em !important;
Cross brower adjustments for the action-panel.
2011-02-09 08:45:31 -06:00
-webkit-border-radius: 2em !important;
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
border-radius: 2em !important;
tabs2 color from white
2011-02-17 13:29:09 -06:00
color: #333333;
navigation format UXD guidance to cleanup navigation. adjusts the tab font
2010-11-23 15:32:17 -06:00
font-size: 1em;
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
font-family: "Liberation Sans", Arial, Sans;
Remove bright green from the tabs and subnav.
2011-02-16 09:29:19 -06:00
margin: 0 0.3em;
layout Closer to the layout from the spec The facets have been moved to the action panel, to the left of the page the facets are now rendered in an area of the screen with a client class
2010-11-09 19:04:49 -06:00
}
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
.tabs2 .ui-tabs-nav li > a:link, span.main-nav-off > a:visited {
Remove bright green from the tabs and subnav.
2011-02-16 09:29:19 -06:00
color: #333333;
layout Closer to the layout from the spec The facets have been moved to the action panel, to the left of the page the facets are now rendered in an area of the screen with a client class
2010-11-09 19:04:49 -06:00
}
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
.tabs2 .ui-tabs-nav li.ui-tabs-selected a,
.tabs2 .ui-tabs-nav li a:hover {
Remove bright green from the tabs and subnav.
2011-02-16 09:29:19 -06:00
background-color:#EEEEEE;
color: #164304;
text-shadow: 1px 1px 0 #FFFFFF;
target style cleanup Target section had radio buttonsreversed, and a few other style changes Note that this has the styling removed for the aci-target dl items
2011-01-26 15:11:22 -06:00
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
}
css tabs and facets includes Makfile changes to get images to deploy
2010-09-16 14:13:48 -05:00
span.sub-nav-off > a:link, span.sub-nav-off > a:visited{
color:white;
}
span.main-nav-off > a:link, span.main-nav-off > a:visited{
color:white;
}
span.main-separator{
background: #333339;
px to em Making all of the page elements based on the font size. Also, set the font to the defauklt for the browser. By default, most brosers have Font set to 16px.
2010-11-15 14:06:43 -06:00
padding:0.1em;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
}
css tabs and facets includes Makfile changes to get images to deploy
2010-09-16 14:13:48 -05:00
HBAC Details Page The UI framework has been extended to include a collection of widgets: - ipa_widget: base class - ipa_text_widget: text field - ipa_radio_widget: radio button - ipa_textarea_widget: textarea - ipa_button_widget: button - ipa_column_widget: column for table - ipa_table_widget: table These widgets can be used to create input controls. They can also be extended to create custom controls. The framework has also been enhanced to support custom layouts. This can be used to change the look of the application without changing the code. Initially this is only available in details section. Layout consists of a collection of HTML templates. Each template is a complete and valid HTML file representing a portion of a page. The template will be loaded and initialized by the code, then filled with the data from the server. The layouts are located in install/static/layouts/<name> folder. By default, if no templates are used, the fields in the details page are rendered vertically using dd/dt/dd tags. For pages that require different layout, a custom UI needs to be developed. There are two ways to do that: - write a custom widget to generate the UI dynamically - create an HTML template and write the initialization code For components that are quite complex or used frequently, it's might be better to use the first method. For simple pages that are used only in one location or need to support customization, the second method might be preferable. Other benefits of templates: - cleaner code and UI separation - more flexibility in customization - new pages can be developed quickly and require less coding - multiple templates can be used with the same initialization code - easier to maintain The HBAC details page has been implemented using both methods. By default it will use custom widgets to generate the page. To use a custom layout, add the following parameter to the URL, then reload the page: &layout=<name> Currently the only available layout is 'default' which produces the same look as the custom widgets. The HBAC details page is usable, but it still needs additional work. The access time is not working yet. There is no undo button, hint, or validation yet. The table in the association facet has also been changed to use ipa_association_widget which is derived from ipa_table_widget. The Makefile has been updated to include the layouts. The unit tests have been updated as well.
2010-11-02 20:16:55 -05:00
/* Entity */
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
HBAC Details Page The UI framework has been extended to include a collection of widgets: - ipa_widget: base class - ipa_text_widget: text field - ipa_radio_widget: radio button - ipa_textarea_widget: textarea - ipa_button_widget: button - ipa_column_widget: column for table - ipa_table_widget: table These widgets can be used to create input controls. They can also be extended to create custom controls. The framework has also been enhanced to support custom layouts. This can be used to change the look of the application without changing the code. Initially this is only available in details section. Layout consists of a collection of HTML templates. Each template is a complete and valid HTML file representing a portion of a page. The template will be loaded and initialized by the code, then filled with the data from the server. The layouts are located in install/static/layouts/<name> folder. By default, if no templates are used, the fields in the details page are rendered vertically using dd/dt/dd tags. For pages that require different layout, a custom UI needs to be developed. There are two ways to do that: - write a custom widget to generate the UI dynamically - create an HTML template and write the initialization code For components that are quite complex or used frequently, it's might be better to use the first method. For simple pages that are used only in one location or need to support customization, the second method might be preferable. Other benefits of templates: - cleaner code and UI separation - more flexibility in customization - new pages can be developed quickly and require less coding - multiple templates can be used with the same initialization code - easier to maintain The HBAC details page has been implemented using both methods. By default it will use custom widgets to generate the page. To use a custom layout, add the following parameter to the URL, then reload the page: &layout=<name> Currently the only available layout is 'default' which produces the same look as the custom widgets. The HBAC details page is usable, but it still needs additional work. The access time is not working yet. There is no undo button, hint, or validation yet. The table in the association facet has also been changed to use ipa_association_widget which is derived from ipa_table_widget. The Makefile has been updated to include the layouts. The unit tests have been updated as well.
2010-11-02 20:16:55 -05:00
.entity-container{
layout Closer to the layout from the spec The facets have been moved to the action panel, to the left of the page the facets are now rendered in an area of the screen with a client class
2010-11-09 19:04:49 -06:00
position: relative;
px to em Making all of the page elements based on the font size. Also, set the font to the defauklt for the browser. By default, most brosers have Font set to 16px.
2010-11-15 14:06:43 -06:00
width: 80%;
Cross brower adjustments for the action-panel.
2011-02-09 08:45:31 -06:00
margin: 0.06em 0.06em 0.06em 18.5em;
px to em Making all of the page elements based on the font size. Also, set the font to the defauklt for the browser. By default, most brosers have Font set to 16px.
2010-11-15 14:06:43 -06:00
padding: 0.06em;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
background: #e8e8e8;
}
layout Closer to the layout from the spec The facets have been moved to the action panel, to the left of the page the facets are now rendered in an area of the screen with a client class
2010-11-09 19:04:49 -06:00
.action-panel {
CSS cleanup post UXD discussion
2010-11-17 13:13:33 -06:00
position: fixed;
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
height: 33em;
center page fixes issues from https://fedorahosted.org/freeipa/ticket/507
2011-01-10 08:26:32 -06:00
left: auto;
CSS cleanup post UXD discussion
2010-11-17 13:13:33 -06:00
border: none;
center page fixes issues from https://fedorahosted.org/freeipa/ticket/507
2011-01-10 08:26:32 -06:00
float: none;
Remove bright green from the tabs and subnav.
2011-02-16 09:29:19 -06:00
margin-top: 1.6em;
Cross brower adjustments for the action-panel.
2011-02-09 08:45:31 -06:00
margin-left: -16.5em;
center page fixes issues from https://fedorahosted.org/freeipa/ticket/507
2011-01-10 08:26:32 -06:00
margin-right: 0;
padding-left: 0;
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
width: 18em;
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
background-image:url("panel-background.png");
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
background-repeat:no-repeat;
background-position:right;
layout Closer to the layout from the spec The facets have been moved to the action panel, to the left of the page the facets are now rendered in an area of the screen with a client class
2010-11-09 19:04:49 -06:00
}
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
.action-panel h3 {
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
font-family: "FreeWayBold", "Liberation Sans", Arial, sans-serif;
color: #333333;
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
margin-bottom: .8em;
padding: 1em 0 0.5em 0em;
border-bottom: 1px solid #c9c9c9;
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
text-transform: uppercase;
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
font-size: 1.6em;
target style cleanup Target section had radio buttonsreversed, and a few other style changes Note that this has the styling removed for the aci-target dl items
2011-01-26 15:11:22 -06:00
font-weight: normal;
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
}
action panel formatting Cleans up the indentation of the action panel Puts the sudo and HBAC entries in a consistent order
2010-11-23 21:24:50 -06:00
.action-panel ul {
list-style-type:none;
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
padding-left: .5em;
target style cleanup Target section had radio buttonsreversed, and a few other style changes Note that this has the styling removed for the aci-target dl items
2011-01-26 15:11:22 -06:00
padding-top:<EFBFBD>0.5em;
layout Closer to the layout from the spec The facets have been moved to the action panel, to the left of the page the facets are now rendered in an area of the screen with a client class
2010-11-09 19:04:49 -06:00
}
.action-panel li {
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
font-family: "FreeWayBold", "Liberation Sans", Arial, sans-serif;
font-size: 1.1em;
color: #1d85d5;
list-style-type: none;
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
min-height: 2.1em;
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
padding: none;
layout Closer to the layout from the spec The facets have been moved to the action panel, to the left of the page the facets are now rendered in an area of the screen with a client class
2010-11-09 19:04:49 -06:00
}
action select if exactly one entity is selected, it enables the entity-facet links in the action panel, and sets the pkey in bbq to the pkey of the selected
2010-11-15 15:41:21 -06:00
.action-panel li.search-facet {
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
font-family: "FreeWayBold", "Liberation Sans", Arial, Sans;
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
color: #1D85D5;
action select if exactly one entity is selected, it enables the entity-facet links in the action panel, and sets the pkey in bbq to the pkey of the selected
2010-11-15 15:41:21 -06:00
cursor: pointer;
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
text-transform: uppercase;
font-size: 1.2em;
action select if exactly one entity is selected, it enables the entity-facet links in the action panel, and sets the pkey in bbq to the pkey of the selected
2010-11-15 15:41:21 -06:00
}
arrow icons Use Unicode characters for the arrow icons
2011-01-14 13:25:47 -06:00
.action-panel li.back-to-search {
Adjusted aci's target feilds, adjusted action panel styles, adjusted Delegation and Configuration.
2011-01-27 14:05:16 -06:00
margin-left: -1.3em;
margin-top: 1.2em;
arrow icons Use Unicode characters for the arrow icons
2011-01-14 13:25:47 -06:00
}
action select if exactly one entity is selected, it enables the entity-facet links in the action panel, and sets the pkey in bbq to the pkey of the selected
2010-11-15 15:41:21 -06:00
.action-panel li.entity-facet {
Adjusted aci's target feilds, adjusted action panel styles, adjusted Delegation and Configuration.
2011-01-27 14:05:16 -06:00
font-family: "Freewaybold","Liberation Sans",Arial,sans-serif;
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
color: #1d85d5;
action select if exactly one entity is selected, it enables the entity-facet links in the action panel, and sets the pkey in bbq to the pkey of the selected
2010-11-15 15:41:21 -06:00
cursor: pointer;
Adjusted aci's target feilds, adjusted action panel styles, adjusted Delegation and Configuration.
2011-01-27 14:05:16 -06:00
margin-left: 0.4em;
text-transform: uppercase;
action select if exactly one entity is selected, it enables the entity-facet links in the action panel, and sets the pkey in bbq to the pkey of the selected
2010-11-15 15:41:21 -06:00
}
facet nesting correctly nest the facet groups change 'parent' to 'member of' for facet group
2011-01-06 16:14:13 -06:00
.action-panel li.entity-facet-selected {
font-family: "FreeWayBold", "Liberation Sans", Arial, Sans;
Adjusted aci's target feilds, adjusted action panel styles, adjusted Delegation and Configuration.
2011-01-27 14:05:16 -06:00
color: #565656;
facet nesting correctly nest the facet groups change 'parent' to 'member of' for facet group
2011-01-06 16:14:13 -06:00
text-transform: uppercase;
cursor: pointer;
Adjusted aci's target feilds, adjusted action panel styles, adjusted Delegation and Configuration.
2011-01-27 14:05:16 -06:00
margin-left: -0.5em;
}
.action-panel li.entity-facet-selected .ipa-icon {
color: #8a8a8a;
}
.action-panel li.association-facet-selected {
font-family: "Liberaton Sans",Arial,sans-serif;
color: #565656;
font-size: 1em;
margin-left: -1.4em;
}
.action-panel li.association-facet-selected .ipa-icon {
color: #8a8a8a;
facet nesting correctly nest the facet groups change 'parent' to 'member of' for facet group
2011-01-06 16:14:13 -06:00
}
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
.action-panel li.entity-facet-selected .action-controls {
}
action select if exactly one entity is selected, it enables the entity-facet links in the action panel, and sets the pkey in bbq to the pkey of the selected
2010-11-15 15:41:21 -06:00
.action-panel li.entity-facet-disabled {
hide unselectable options If an option is not selectable from the action panel, hide it until it is selectable addresses https://fedorahosted.org/freeipa/ticket/747
2011-01-14 12:29:54 -06:00
display:none;
action select if exactly one entity is selected, it enables the entity-facet links in the action panel, and sets the pkey in bbq to the pkey of the selected
2010-11-15 15:41:21 -06:00
}
Improvements to enrollments in the webUI. TAKE 1 - Enrollement links in the action panel are now sorted by relationships. - You can only enroll members. (The webUI made the impression you can enroll parents as well, but it was broken.) - When enrolling new members, you can choose not to display already enrolled ones. (On by default.) - Couple cosmetic changes.
2011-01-04 14:21:18 -06:00
.action-panel li.entity-facet-relation-label {
font-family: "FreeWayBold", "Liberation Sans", Arial, Sans;
action-panel adjustments tweak the tabs padding
2011-01-07 13:51:12 -06:00
color: #8a8a8a;
Improvements to enrollments in the webUI. TAKE 1 - Enrollement links in the action panel are now sorted by relationships. - You can only enroll members. (The webUI made the impression you can enroll parents as well, but it was broken.) - When enrolling new members, you can choose not to display already enrolled ones. (On by default.) - Couple cosmetic changes.
2011-01-04 14:21:18 -06:00
cursor: default;
text-transform: uppercase;
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
margin-left:0.8em;
facet nesting correctly nest the facet groups change 'parent' to 'member of' for facet group
2011-01-06 16:14:13 -06:00
}
.action-panel li.facet-group-member {
Adjusted aci's target feilds, adjusted action panel styles, adjusted Delegation and Configuration.
2011-01-27 14:05:16 -06:00
font-family: "Liberaton Sans",Arial,sans-serif;
margin-left: 2em;
text-transform: none;
Improvements to enrollments in the webUI. TAKE 1 - Enrollement links in the action panel are now sorted by relationships. - You can only enroll members. (The webUI made the impression you can enroll parents as well, but it was broken.) - When enrolling new members, you can choose not to display already enrolled ones. (On by default.) - Couple cosmetic changes.
2011-01-04 14:21:18 -06:00
}
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
.action-panel li hr {
target style cleanup Target section had radio buttonsreversed, and a few other style changes Note that this has the styling removed for the aci-target dl items
2011-01-26 15:11:22 -06:00
margin-top: 0.3em;
margin-left: 1em;
background-color: #FFFFFF !important;
Main UI, migration, and html Style updates
2011-01-20 14:39:59 -06:00
border-left: medium none !important;
border-top: 1px solid #C9C9C9 !important;
}
facet nesting correctly nest the facet groups change 'parent' to 'member of' for facet group
2011-01-06 16:14:13 -06:00
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
.action-button {
background: none;
background-image:none;
font-family: "Liberation Sans", Arial, sans-serif;
font-size: 0.9em;
}
action select if exactly one entity is selected, it enables the entity-facet links in the action panel, and sets the pkey in bbq to the pkey of the selected
2010-11-15 15:41:21 -06:00
Support for enabling/disabling table widget. The table widget now can be enabled/disabled. When disabled, the checkboxes and links/buttons are grayed out and non functional. The radio buttons in HBAC and SUDO details page have been modified to enable/disable the corresponding tables.
2011-01-10 20:51:09 -06:00
a.action-button-disabled {
color: gray;
cursor: default;
}
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
.action-controls {
facet nesting correctly nest the facet groups change 'parent' to 'member of' for facet group
2011-01-06 16:14:13 -06:00
position: relative;
display:inline;
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
}
action select if exactly one entity is selected, it enables the entity-facet links in the action panel, and sets the pkey in bbq to the pkey of the selected
2010-11-15 15:41:21 -06:00
layout Closer to the layout from the spec The facets have been moved to the action panel, to the left of the page the facets are now rendered in an area of the screen with a client class
2010-11-09 19:04:49 -06:00
.client {
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
font-size: 10px;
px to em Making all of the page elements based on the font size. Also, set the font to the defauklt for the browser. By default, most brosers have Font set to 16px.
2010-11-15 14:06:43 -06:00
margin-top: 0.4em;
layout Closer to the layout from the spec The facets have been moved to the action panel, to the left of the page the facets are now rendered in an area of the screen with a client class
2010-11-09 19:04:49 -06:00
float: left;
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
min-width: 70em;
Cross brower adjustments for the action-panel.
2011-02-09 08:45:31 -06:00
margin-left: 3em;
layout Closer to the layout from the spec The facets have been moved to the action panel, to the left of the page the facets are now rendered in an area of the screen with a client class
2010-11-09 19:04:49 -06:00
}
target style cleanup Target section had radio buttonsreversed, and a few other style changes Note that this has the styling removed for the aci-target dl items
2011-01-26 15:11:22 -06:00
HBAC Details Page The UI framework has been extended to include a collection of widgets: - ipa_widget: base class - ipa_text_widget: text field - ipa_radio_widget: radio button - ipa_textarea_widget: textarea - ipa_button_widget: button - ipa_column_widget: column for table - ipa_table_widget: table These widgets can be used to create input controls. They can also be extended to create custom controls. The framework has also been enhanced to support custom layouts. This can be used to change the look of the application without changing the code. Initially this is only available in details section. Layout consists of a collection of HTML templates. Each template is a complete and valid HTML file representing a portion of a page. The template will be loaded and initialized by the code, then filled with the data from the server. The layouts are located in install/static/layouts/<name> folder. By default, if no templates are used, the fields in the details page are rendered vertically using dd/dt/dd tags. For pages that require different layout, a custom UI needs to be developed. There are two ways to do that: - write a custom widget to generate the UI dynamically - create an HTML template and write the initialization code For components that are quite complex or used frequently, it's might be better to use the first method. For simple pages that are used only in one location or need to support customization, the second method might be preferable. Other benefits of templates: - cleaner code and UI separation - more flexibility in customization - new pages can be developed quickly and require less coding - multiple templates can be used with the same initialization code - easier to maintain The HBAC details page has been implemented using both methods. By default it will use custom widgets to generate the page. To use a custom layout, add the following parameter to the URL, then reload the page: &layout=<name> Currently the only available layout is 'default' which produces the same look as the custom widgets. The HBAC details page is usable, but it still needs additional work. The access time is not working yet. There is no undo button, hint, or validation yet. The table in the association facet has also been changed to use ipa_association_widget which is derived from ipa_table_widget. The Makefile has been updated to include the layouts. The unit tests have been updated as well.
2010-11-02 20:16:55 -05:00
/* Search */
fixed formatting of search table
2010-09-15 10:00:00 -05:00
.search-controls {
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
-moz-border-radius: .7em .7em 0 0;
Cross brower adjustments for the action-panel.
2011-02-09 08:45:31 -06:00
-webkit-border-radius: .7em .7em 0 0;
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
height:2.5em;
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
background: -moz-linear-gradient(top, #eeeeee, #dfdfdf);
Cross brower adjustments for the action-panel.
2011-02-09 08:45:31 -06:00
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dfdfdf));
buttons to action panel
2010-11-13 20:34:31 -06:00
position: relative;
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
padding: 1em 1.5em;
Remove bright green from the tabs and subnav.
2011-02-16 09:29:19 -06:00
margin-top: .8em;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
}
fixed formatting of search table
2010-09-15 10:00:00 -05:00
.search-table > a:link,a:visted{
color:black;
}
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
fixed formatting of search table
2010-09-15 10:00:00 -05:00
.search-table{
px to em Making all of the page elements based on the font size. Also, set the font to the defauklt for the browser. By default, most brosers have Font set to 16px.
2010-11-15 14:06:43 -06:00
padding: 0;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
width:100%;
CSS cleanup post UXD discussion
2010-11-17 13:13:33 -06:00
border: none;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
}
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
.search-table td{
padding-left: 0.5em;
}
Modal Panel Changes
2011-01-25 08:23:55 -06:00
fixed formatting of search table
2010-09-15 10:00:00 -05:00
.search-table th{
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
padding-left: 0.5em;
background-color:#f6f6f6;
color:#333333;
fixed formatting of search table
2010-09-15 10:00:00 -05:00
text-align: left;
button and table styling replaced expand contract +- with icons removed background for action buttons and gave them their own class Major css cleanup
2010-12-09 15:32:22 -06:00
border: 1px solid #dfdfdf;
}
.search-table tfoot tr td span{
border-top: 1px solid #dfdfdf;
padding: 0.9em 0 0 1em;
display: block;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
}
aci attribute table two columns
2011-01-24 21:21:31 -06:00
.aci-attribute-table tbody{
height:30em;
Adjusted aci's target feilds, adjusted action panel styles, adjusted Delegation and Configuration.
2011-01-27 14:05:16 -06:00
overflow-x:hidden;
border-bottom: 1px solid #8a8a8a;
The Javascript code for the new web UI Now with whitespace cleanup.
2010-08-06 09:01:44 -05:00
}
aci attribute table two columns
2011-01-24 21:21:31 -06:00
.aci-attribute-table th.aci-attribute-column{
Adjusted aci's target feilds, adjusted action panel styles, adjusted Delegation and Configuration.
2011-01-27 14:05:16 -06:00
float: left;
width: 46.5em;
Remove bright green from the tabs and subnav.
2011-02-16 09:29:19 -06:00
padding: 0.8em 0.5em;
css tabs and facets includes Makfile changes to get images to deploy
2010-09-16 14:13:48 -05:00
}
.entity-views{
css cleanup Site looks much better. It is not currently meeting the specs of UXD, but it is a t least presentable.
2010-09-16 20:41:24 -05:00
list-style-type:none;
css tabs and facets includes Makfile changes to get images to deploy
2010-09-16 14:13:48 -05:00
}
.entity-views li {
display:inline;
pointer cursor for facets
2010-09-16 20:44:03 -05:00
cursor: pointer;
px to em Making all of the page elements based on the font size. Also, set the font to the defauklt for the browser. By default, most brosers have Font set to 16px.
2010-11-15 14:06:43 -06:00
padding: 0.4em;
css tabs and facets includes Makfile changes to get images to deploy
2010-09-16 14:13:48 -05:00
}
multivalue fixes metadata for phone numbers test date for users Undo works for multivalue JQuery UI buttons have custom classes inputs/fields are now managed inside of objects removed the use of .call. as it was confusing the issue of mismatched parameter lists. Fixed the parameter lists, too.
2010-10-13 12:07:43 -05:00
.strikethrough { text-decoration: line-through; }
Host certificate management The service certificate management UI has been generalized and moved into certificate.js. The host details page is now using the same code to manage certificates. The host.py has been modified to return host certificate info. The Get/Revoke/View buttons behavior has been modified such that they are visible only if there is a valid certificate. The Get dialog box has been fixed to show the correct certificate header and footer. The ipa.css has been modified to store the style of the status bullets. New unit tests for certificate has been added. The test data has been modified to include sample host certificate.
2010-10-15 23:40:38 -05:00
Certificate and Kerberos key status adjustments. The OTP field has been moved into a separate row to avoid line wrapping. The line height inside tables has been increased to avoid overlapping buttons in certificate status panel.
2011-01-13 04:20:12 -06:00
table.certificate-status {
line-height: 2;
}
table.kerberos-key-status {
line-height: 2;
}
password dialog added a modal dialog for resetting the password. Made the whoami varaible global, as anything dependant on the principal will require access to it.
2010-10-15 13:06:23 -05:00
Increased icon size for certificate and Kerberos key status. The <li> tag used for status icon has been replaced with <div> tag shaped like a circle. The size can be adjusted using CSS.
2011-01-13 00:59:57 -06:00
.status-icon {
New certificate and Kerberos key status behavior. The status panel for certificates and Kerberos keys has been modified to display only the current status with the relevant buttons. New icons have been added to replace the red/yellow/green bullets.
2011-01-17 07:43:43 -06:00
vertical-align: bottom;
# width: auto;
# height: 1em;
# -webkit-border-radius: 0.5em;
# -moz-border-radius: 0.5em;
Service and Host Provisioning The service and host details pages have been modified to display Kerberos key provisioning status and to provide a way to unprovision. The host enrollment via OTP has not been implemented yet. The ipa_details_field has been modified to remove any old <dd> tags it created in the previous load operation. This is to support other widgets that need to perform load operation without removing <dd> tags. The certificate_status_panel has been converted into a widget. The host entity has been rewritten using the new framework. The unit tests has been updated.
2010-11-16 18:10:40 -06:00
}
Increased icon size for certificate and Kerberos key status. The <li> tag used for status icon has been replaced with <div> tag shaped like a circle. The size can be adjusted using CSS.
2011-01-13 00:59:57 -06:00
.status-valid {
New certificate and Kerberos key status behavior. The status panel for certificates and Kerberos keys has been modified to display only the current status with the relevant buttons. New icons have been added to replace the red/yellow/green bullets.
2011-01-17 07:43:43 -06:00
background-image:url('check.png');
Increased icon size for certificate and Kerberos key status. The <li> tag used for status icon has been replaced with <div> tag shaped like a circle. The size can be adjusted using CSS.
2011-01-13 00:59:57 -06:00
border: 0.2em solid #008000;
Service and Host Provisioning The service and host details pages have been modified to display Kerberos key provisioning status and to provide a way to unprovision. The host enrollment via OTP has not been implemented yet. The ipa_details_field has been modified to remove any old <dd> tags it created in the previous load operation. This is to support other widgets that need to perform load operation without removing <dd> tags. The certificate_status_panel has been converted into a widget. The host entity has been rewritten using the new framework. The unit tests has been updated.
2010-11-16 18:10:40 -06:00
}
Increased icon size for certificate and Kerberos key status. The <li> tag used for status icon has been replaced with <div> tag shaped like a circle. The size can be adjusted using CSS.
2011-01-13 00:59:57 -06:00
.status-valid-active {
background-color: #008000;
Service and Host Provisioning The service and host details pages have been modified to display Kerberos key provisioning status and to provide a way to unprovision. The host enrollment via OTP has not been implemented yet. The ipa_details_field has been modified to remove any old <dd> tags it created in the previous load operation. This is to support other widgets that need to perform load operation without removing <dd> tags. The certificate_status_panel has been converted into a widget. The host entity has been rewritten using the new framework. The unit tests has been updated.
2010-11-16 18:10:40 -06:00
}
Increased icon size for certificate and Kerberos key status. The <li> tag used for status icon has been replaced with <div> tag shaped like a circle. The size can be adjusted using CSS.
2011-01-13 00:59:57 -06:00
.status-revoked {
border: 0.2em solid #ff0000;
Host certificate management The service certificate management UI has been generalized and moved into certificate.js. The host details page is now using the same code to manage certificates. The host.py has been modified to return host certificate info. The Get/Revoke/View buttons behavior has been modified such that they are visible only if there is a valid certificate. The Get dialog box has been fixed to show the correct certificate header and footer. The ipa.css has been modified to store the style of the status bullets. New unit tests for certificate has been added. The test data has been modified to include sample host certificate.
2010-10-15 23:40:38 -05:00
}
Increased icon size for certificate and Kerberos key status. The <li> tag used for status icon has been replaced with <div> tag shaped like a circle. The size can be adjusted using CSS.
2011-01-13 00:59:57 -06:00
.status-revoked-active {
background-color: #ff0000;
Host certificate management The service certificate management UI has been generalized and moved into certificate.js. The host details page is now using the same code to manage certificates. The host.py has been modified to return host certificate info. The Get/Revoke/View buttons behavior has been modified such that they are visible only if there is a valid certificate. The Get dialog box has been fixed to show the correct certificate header and footer. The ipa.css has been modified to store the style of the status bullets. New unit tests for certificate has been added. The test data has been modified to include sample host certificate.
2010-10-15 23:40:38 -05:00
}
Increased icon size for certificate and Kerberos key status. The <li> tag used for status icon has been replaced with <div> tag shaped like a circle. The size can be adjusted using CSS.
2011-01-13 00:59:57 -06:00
.status-missing {
border: 0.2em solid #daa520;
Host certificate management The service certificate management UI has been generalized and moved into certificate.js. The host details page is now using the same code to manage certificates. The host.py has been modified to return host certificate info. The Get/Revoke/View buttons behavior has been modified such that they are visible only if there is a valid certificate. The Get dialog box has been fixed to show the correct certificate header and footer. The ipa.css has been modified to store the style of the status bullets. New unit tests for certificate has been added. The test data has been modified to include sample host certificate.
2010-10-15 23:40:38 -05:00
}
Increased icon size for certificate and Kerberos key status. The <li> tag used for status icon has been replaced with <div> tag shaped like a circle. The size can be adjusted using CSS.
2011-01-13 00:59:57 -06:00
.status-missing-active {
background-color: #daa520;
Host certificate management The service certificate management UI has been generalized and moved into certificate.js. The host details page is now using the same code to manage certificates. The host.py has been modified to return host certificate info. The Get/Revoke/View buttons behavior has been modified such that they are visible only if there is a valid certificate. The Get dialog box has been fixed to show the correct certificate header and footer. The ipa.css has been modified to store the style of the status bullets. New unit tests for certificate has been added. The test data has been modified to include sample host certificate.
2010-10-15 23:40:38 -05:00
}
password dialog added a modal dialog for resetting the password. Made the whoami varaible global, as anything dependant on the principal will require access to it.
2010-10-15 13:06:23 -05:00
dl.modal {
clear: both;
px to em Making all of the page elements based on the font size. Also, set the font to the defauklt for the browser. By default, most brosers have Font set to 16px.
2010-11-15 14:06:43 -06:00
margin-left: 1em;
margin-top: 1em;
password dialog added a modal dialog for resetting the password. Made the whoami varaible global, as anything dependant on the principal will require access to it.
2010-10-15 13:06:23 -05:00
white-space: nowrap;
}
dl.modal dt {
clear: left;
float: left;
px to em Making all of the page elements based on the font size. Also, set the font to the defauklt for the browser. By default, most brosers have Font set to 16px.
2010-11-15 14:06:43 -06:00
padding-bottom: 0;
padding-right: 0;
password dialog added a modal dialog for resetting the password. Made the whoami varaible global, as anything dependant on the principal will require access to it.
2010-10-15 13:06:23 -05:00
text-align: right;
px to em Making all of the page elements based on the font size. Also, set the font to the defauklt for the browser. By default, most brosers have Font set to 16px.
2010-11-15 14:06:43 -06:00
width: 10em;
password dialog added a modal dialog for resetting the password. Made the whoami varaible global, as anything dependant on the principal will require access to it.
2010-10-15 13:06:23 -05:00
}
dl.modal dd {
float: left;
px to em Making all of the page elements based on the font size. Also, set the font to the defauklt for the browser. By default, most brosers have Font set to 16px.
2010-11-15 14:06:43 -06:00
padding-bottom: 0;
margin-left: 0.8em;
password dialog added a modal dialog for resetting the password. Made the whoami varaible global, as anything dependant on the principal will require access to it.
2010-10-15 13:06:23 -05:00
}
CSS cleanup post UXD discussion
2010-11-17 13:13:33 -06:00
Modal Panel Changes
2011-01-25 08:23:55 -06:00
#dns-record-resource-filter {
target style cleanup Target section had radio buttonsreversed, and a few other style changes Note that this has the styling removed for the aci-target dl items
2011-01-26 15:11:22 -06:00
padding: 0em 1em;
margin: 0 1em;
Modal Panel Changes
2011-01-25 08:23:55 -06:00
}
CSS cleanup post UXD discussion
2010-11-17 13:13:33 -06:00
Modal Panel Changes
2011-01-25 08:23:55 -06:00
#dns-record-type-filter {
target style cleanup Target section had radio buttonsreversed, and a few other style changes Note that this has the styling removed for the aci-target dl items
2011-01-26 15:11:22 -06:00
margin: 0 1em 0 0.5em;
Modal Panel Changes
2011-01-25 08:23:55 -06:00
}
CSS cleanup post UXD discussion
2010-11-17 13:13:33 -06:00
.ui-widget-content {
Remove bright green from the tabs and subnav.
2011-02-16 09:29:19 -06:00
border:0;
CSS cleanup post UXD discussion
2010-11-17 13:13:33 -06:00
}
SUDO adjustments The SUDO rule details facet has been updated to support the latest UI spec. The facet consists of 5 sections: general, users, hosts, commands, and run-as. The general section contains the SUDO rule description and status. If the status is changed, the sudorule-enable/disable will be invoked. The other sections contain radio buttons for the association category and tables for the members. When a member is added or removed, the category will be adjusted appropriately. If the category is changed to 'all', 'allow', or 'deny', all members will be removed. The last section is currently not working because backend support is not yet available. The adder dialog boxes for users, groups, and hosts has been modified to accept external identities. The layout for the base adder dialog was updated. The base dialog class was updated to support templates. The SUDO dialog boxes were implemented using templates. New CSS classes were added to ipa.css. The HBAC rule details facet has been updated as well.
2010-12-07 01:51:51 -06:00
table.scrollable thead {
display: block;
}
table.scrollable tbody {
display: block;
overflow: auto;
}
.adder-dialog-filter {
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
height: 2.5em;
target style cleanup Target section had radio buttonsreversed, and a few other style changes Note that this has the styling removed for the aci-target dl items
2011-01-26 15:11:22 -06:00
padding-top: 0.7em;
SUDO adjustments The SUDO rule details facet has been updated to support the latest UI spec. The facet consists of 5 sections: general, users, hosts, commands, and run-as. The general section contains the SUDO rule description and status. If the status is changed, the sudorule-enable/disable will be invoked. The other sections contain radio buttons for the association category and tables for the members. When a member is added or removed, the category will be adjusted appropriately. If the category is changed to 'all', 'allow', or 'deny', all members will be removed. The last section is currently not working because backend support is not yet available. The adder dialog boxes for users, groups, and hosts has been modified to accept external identities. The layout for the base adder dialog was updated. The base dialog class was updated to support templates. The SUDO dialog boxes were implemented using templates. New CSS classes were added to ipa.css. The HBAC rule details facet has been updated as well.
2010-12-07 01:51:51 -06:00
}
.adder-dialog-results {
position: relative;
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
height: 20.0em;
SUDO adjustments The SUDO rule details facet has been updated to support the latest UI spec. The facet consists of 5 sections: general, users, hosts, commands, and run-as. The general section contains the SUDO rule description and status. If the status is changed, the sudorule-enable/disable will be invoked. The other sections contain radio buttons for the association category and tables for the members. When a member is added or removed, the category will be adjusted appropriately. If the category is changed to 'all', 'allow', or 'deny', all members will be removed. The last section is currently not working because backend support is not yet available. The adder dialog boxes for users, groups, and hosts has been modified to accept external identities. The layout for the base adder dialog was updated. The base dialog class was updated to support templates. The SUDO dialog boxes were implemented using templates. New CSS classes were added to ipa.css. The HBAC rule details facet has been updated as well.
2010-12-07 01:51:51 -06:00
}
.adder-dialog-available {
Modal Panel Changes
2011-01-25 08:23:55 -06:00
background-color: #ffffff;
Remove bright green from the tabs and subnav.
2011-02-16 09:29:19 -06:00
border: none;
SUDO adjustments The SUDO rule details facet has been updated to support the latest UI spec. The facet consists of 5 sections: general, users, hosts, commands, and run-as. The general section contains the SUDO rule description and status. If the status is changed, the sudorule-enable/disable will be invoked. The other sections contain radio buttons for the association category and tables for the members. When a member is added or removed, the category will be adjusted appropriately. If the category is changed to 'all', 'allow', or 'deny', all members will be removed. The last section is currently not working because backend support is not yet available. The adder dialog boxes for users, groups, and hosts has been modified to accept external identities. The layout for the base adder dialog was updated. The base dialog class was updated to support templates. The SUDO dialog boxes were implemented using templates. New CSS classes were added to ipa.css. The HBAC rule details facet has been updated as well.
2010-12-07 01:51:51 -06:00
position: absolute;
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
top: 0;
left: 0;
bottom: 0;
Modal Panel Changes
2011-01-25 08:23:55 -06:00
width: 23em;
Remove bright green from the tabs and subnav.
2011-02-16 09:29:19 -06:00
padding-top: 1em;
SUDO adjustments The SUDO rule details facet has been updated to support the latest UI spec. The facet consists of 5 sections: general, users, hosts, commands, and run-as. The general section contains the SUDO rule description and status. If the status is changed, the sudorule-enable/disable will be invoked. The other sections contain radio buttons for the association category and tables for the members. When a member is added or removed, the category will be adjusted appropriately. If the category is changed to 'all', 'allow', or 'deny', all members will be removed. The last section is currently not working because backend support is not yet available. The adder dialog boxes for users, groups, and hosts has been modified to accept external identities. The layout for the base adder dialog was updated. The base dialog class was updated to support templates. The SUDO dialog boxes were implemented using templates. New CSS classes were added to ipa.css. The HBAC rule details facet has been updated as well.
2010-12-07 01:51:51 -06:00
}
.adder-dialog-selected {
Modal Panel Changes
2011-01-25 08:23:55 -06:00
background-color: #ffffff;
Remove bright green from the tabs and subnav.
2011-02-16 09:29:19 -06:00
border: none;
SUDO adjustments The SUDO rule details facet has been updated to support the latest UI spec. The facet consists of 5 sections: general, users, hosts, commands, and run-as. The general section contains the SUDO rule description and status. If the status is changed, the sudorule-enable/disable will be invoked. The other sections contain radio buttons for the association category and tables for the members. When a member is added or removed, the category will be adjusted appropriately. If the category is changed to 'all', 'allow', or 'deny', all members will be removed. The last section is currently not working because backend support is not yet available. The adder dialog boxes for users, groups, and hosts has been modified to accept external identities. The layout for the base adder dialog was updated. The base dialog class was updated to support templates. The SUDO dialog boxes were implemented using templates. New CSS classes were added to ipa.css. The HBAC rule details facet has been updated as well.
2010-12-07 01:51:51 -06:00
position: absolute;
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
top: 0;
right: 0;
bottom: 0;
enroll dialog layout we were squeezing the buttons in the middle of the page. This patch shrinks the two boxes on either side and centers the buttons.
2011-01-18 12:30:17 -06:00
width: 23em;
Remove bright green from the tabs and subnav.
2011-02-16 09:29:19 -06:00
padding-top: 1em;
Modal Panel Changes
2011-01-25 08:23:55 -06:00
}
.adder-dialog-buttons {
position: absolute;
top: 7.5em;
Adjusted aci's target feilds, adjusted action panel styles, adjusted Delegation and Configuration.
2011-01-27 14:05:16 -06:00
left: 24.4em;
Modal Panel Changes
2011-01-25 08:23:55 -06:00
right: 25;
bottom: 0;
text-align: center;
SUDO adjustments The SUDO rule details facet has been updated to support the latest UI spec. The facet consists of 5 sections: general, users, hosts, commands, and run-as. The general section contains the SUDO rule description and status. If the status is changed, the sudorule-enable/disable will be invoked. The other sections contain radio buttons for the association category and tables for the members. When a member is added or removed, the category will be adjusted appropriately. If the category is changed to 'all', 'allow', or 'deny', all members will be removed. The last section is currently not working because backend support is not yet available. The adder dialog boxes for users, groups, and hosts has been modified to accept external identities. The layout for the base adder dialog was updated. The base dialog class was updated to support templates. The SUDO dialog boxes were implemented using templates. New CSS classes were added to ipa.css. The HBAC rule details facet has been updated as well.
2010-12-07 01:51:51 -06:00
}
.adder-dialog-internal {
adder dialogs with external made the styles for the internal and external classes match the styles for available.
2011-02-22 11:58:26 -06:00
background-color: #ffffff;
border: none;
SUDO adjustments The SUDO rule details facet has been updated to support the latest UI spec. The facet consists of 5 sections: general, users, hosts, commands, and run-as. The general section contains the SUDO rule description and status. If the status is changed, the sudorule-enable/disable will be invoked. The other sections contain radio buttons for the association category and tables for the members. When a member is added or removed, the category will be adjusted appropriately. If the category is changed to 'all', 'allow', or 'deny', all members will be removed. The last section is currently not working because backend support is not yet available. The adder dialog boxes for users, groups, and hosts has been modified to accept external identities. The layout for the base adder dialog was updated. The base dialog class was updated to support templates. The SUDO dialog boxes were implemented using templates. New CSS classes were added to ipa.css. The HBAC rule details facet has been updated as well.
2010-12-07 01:51:51 -06:00
position: absolute;
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
top: 0;
left: 0;
adder dialogs with external made the styles for the internal and external classes match the styles for available.
2011-02-22 11:58:26 -06:00
bottom: 0;
width: 23em;
padding-top: 1em;
SUDO adjustments The SUDO rule details facet has been updated to support the latest UI spec. The facet consists of 5 sections: general, users, hosts, commands, and run-as. The general section contains the SUDO rule description and status. If the status is changed, the sudorule-enable/disable will be invoked. The other sections contain radio buttons for the association category and tables for the members. When a member is added or removed, the category will be adjusted appropriately. If the category is changed to 'all', 'allow', or 'deny', all members will be removed. The last section is currently not working because backend support is not yet available. The adder dialog boxes for users, groups, and hosts has been modified to accept external identities. The layout for the base adder dialog was updated. The base dialog class was updated to support templates. The SUDO dialog boxes were implemented using templates. New CSS classes were added to ipa.css. The HBAC rule details facet has been updated as well.
2010-12-07 01:51:51 -06:00
}
.adder-dialog-external {
adder dialogs with external made the styles for the internal and external classes match the styles for available.
2011-02-22 11:58:26 -06:00
border: none;
SUDO adjustments The SUDO rule details facet has been updated to support the latest UI spec. The facet consists of 5 sections: general, users, hosts, commands, and run-as. The general section contains the SUDO rule description and status. If the status is changed, the sudorule-enable/disable will be invoked. The other sections contain radio buttons for the association category and tables for the members. When a member is added or removed, the category will be adjusted appropriately. If the category is changed to 'all', 'allow', or 'deny', all members will be removed. The last section is currently not working because backend support is not yet available. The adder dialog boxes for users, groups, and hosts has been modified to accept external identities. The layout for the base adder dialog was updated. The base dialog class was updated to support templates. The SUDO dialog boxes were implemented using templates. New CSS classes were added to ipa.css. The HBAC rule details facet has been updated as well.
2010-12-07 01:51:51 -06:00
position: absolute;
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
left: 0;
bottom: 0;
adder dialogs with external made the styles for the internal and external classes match the styles for available.
2011-02-22 11:58:26 -06:00
width: 23em;
action panel style make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
2011-01-06 10:22:57 -06:00
height: 4em;
Improvements to enrollments in the webUI. TAKE 1 - Enrollement links in the action panel are now sorted by relationships. - You can only enroll members. (The webUI made the impression you can enroll parents as well, but it was broken.) - When enrolling new members, you can choose not to display already enrolled ones. (On by default.) - Couple cosmetic changes.
2011-01-04 14:21:18 -06:00
}
move expand and collpase all to the right hand side
2011-02-22 12:09:14 -06:00
.expand-collapse-all {
float: right;
padding-right: 1.5em;
}
Reference in New Issue Copy Permalink