Portal reworked (code factorization, allowing for paginated lists) + added the list of closed tickets (+search)

SVN:trunk[1577]
This commit is contained in:
Romain Quetiez
2011-09-15 10:06:46 +00:00
parent 552ffd79b1
commit 559de3d38f
2 changed files with 600 additions and 770 deletions

File diff suppressed because it is too large Load Diff

View File

@@ -7,72 +7,98 @@ html, body {
height: 100%;
}
#content {
margin: 10px;
margin: auto;
padding-left: 10px;
padding-right: 10px;
text-align: center;
overflow-y: auto;
no.max-width: 90%;
min-width: 960px;
position: relative;
display: block;
clear: both;
}
div#portal #welcome {
display: none;
background: url("./images/dockbar_bg.png") repeat-x scroll 0 0 #97A1AE;
border-bottom: 1px solid #636364;
font-size: 13px;
padding: 1px 5px;
position: relative;
z-index: 300;
text-align:right;
color: #2C2F34;
font-weight: bold;
text-shadow: 1px 1px #FFFFFF;
}
div#portal #banner {
width: 100%;
height: 60px;
background-color: #F6F6F1;
display: block;
vertical-align:middle;
background-color: #f6f6f1;
height: 60px;
vertical-align: middle;
width: 100%;
}
div#portal #logo {
background: url("../images/itop-logo.png") no-repeat scroll 0 0 transparent;
border: 0 none;
display: inline-block;
height: 116px;
line-height: 48px;
margin-left: 20px;
margin-right: 20px;
padding-right: 50px;
text-align: center;
vertical-align: middle;
width: 240px;
}
div#portal #logo {
width: 126px;
background: url(../images/itop-logo.png) 0 0 no-repeat;
margin-left:20px;
margin-right:20px;
height: 60px;
border: 0;
vertical-align: middle;
text-align: center;
display: inline-block;
line-height: 48px;
padding-right:50px;
}
div#menu {
display: block;
width: auto;
position: absolute;
top: 0;
left: 200px;
right: 0px;
line-height: 48px;
height: 48px;
left: 200px;
line-height: 48px;
position: absolute;
right: 0;
top: 0;
width: auto;
}
#portal_menu {
height: 60px;
}
div.button {
margin-left:20px;
margin-right:20px;
height: 60px;
border: 0;
vertical-align: middle;
text-align: center;
display: inline-block;
line-height: 48px;
#change_pwd {
background: url("../images/password.png") no-repeat scroll 0 0 transparent;
display: block;
float: right;
}
a.button , a.button:visited {
#logoff {
background: url("../images/logoff.png") no-repeat scroll 0 0 transparent;
display: block;
float: right;
}
#logoff span {
}
div.button {
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
}
a.button, a.button:visited {
color: #1C94C4;
text-decoration: none;
vertical-align: middle;
display: inline-block;
height: 48px;
line-height: 48px;
display: inline-block;
text-decoration: none;
vertical-align: middle;
}
a.button span {
vertical-align:middle;
margin-right: 20px;
margin-left: 50px;
margin-right: 20px;
vertical-align: middle;
}
#close_form_table {
@@ -80,66 +106,117 @@ a.button span {
padding: 20px;
}
#logoff {
display: block;
float: right;
background: url(../images/logoff.png) right center no-repeat;
#request_details td {
text-align:left;
}
#logoff span {
margin-right: 50px;
margin-left: 20px;
#request_details td fieldset{
xxxheight:100%;
}
#cancel {
background: url(../images/stop-mid.png) 0 0 no-repeat;
}
#create {
background: url(../modules/itop-request-mgmt-1.0.0/images/user-request.png) 0 0 no-repeat;
}
#user_info {
background: url(../images/clean-mid.png) 0 0 no-repeat;
}
#change_pwd {
background: url(../images/password.png) 0 0 no-repeat;
}
#back {
background: url(../images/back.png) 0 0 no-repeat;
}
#back span {
margin-left: 54px;
}
#refresh {
background: url(../images/refresh.png) 0 0 no-repeat;
margin-right: 40px;
}
#refresh span {
margin-left: 54px;
margin-right: 20px;
}
#request_details {
display: inline-block;
width:800px;
text-align: left;
}
#form_close_request {
display: inline-block;
width:800px;
text-align: left;
}
#request_details_log {
width:774px;
}
#request_details table {
border: #f1f1f6 2px solid;
text-align: left;
}
#form_details {
display: inline-block;
}
.wizContainer table {
display: inline-block;
text-align: left;
}
#user_request_comment {
width: 30em;
height: 20em;
}
#buttons {
margin-top: 1em;
}
div#buttons #btn_cancel {
margin-right: 50px;
}
div#buttons #btn_back {
margin-left: 50px;
margin-right: 5px;
}
div#buttons #btn_next {
margin-left: 5px;
}
div#buttons #btn_finish {
margin-left: 5px;
}
table.listContainer {
clear: both;
width: 100%;
}
h1 {
font-weight: bold;
font-weight: bold;
padding: 5px;
margin-top: 5px;
}
div.DrawerHandle {
display:none;
}
div.HRDrawer {
background: transparent;
border: 0;
height: 0.5em;
}
.SearchDrawer {
background-color: #F9EDBF;
border: 0;
-moz-border-radius: 4px 4px 4px 4px;
}
.SearchDrawer label {
background: transparent;
}
#open_incidents, #open_requests, #open_changes, #request_details {
margin-bottom: 1em;
}
legend {
background: url("./images/header_bg.png") repeat-x scroll 0 0 #D4D4D4;
border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
border-style: solid;
border-width: 1px;
font-size: 1.1em;
font-weight: bold;
color: #222222;
font-weight: bold;
text-shadow: 1px 1px #FFFFFF;
padding: 5px;
-moz-border-radius: 4px 4px 4px 4px;
margin-top:0;
}
table.details > tbody > tr > td {
padding-bottom: 5px;
padding-top: 3px;
padding-right: 5px;
border: 0;
}
.label {
font-weight: bold;
}
.caselog {
display:block;
width: 100%;
}
.caselog textarea {
resize: none;
}
.edit_item {
margin-bottom: 1em;
}
div.edit_item span div table {
width: 100%;
}
div.edit_item span div table tbody tr td textarea{
width: 99%;
}
div#ticket_shortcuts form {
display: inline-block;
}