Skip to content

Commit 207cee4

Browse files
author
NIKITA
committed
UI for Advanced Search Popup
1 parent b0fb424 commit 207cee4

4 files changed

Lines changed: 217 additions & 2 deletions

File tree

‎ui/new/css/main.css‎

Lines changed: 169 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1386,6 +1386,7 @@ a:visited {
13861386
width:223px;
13871387
height:27px;
13881388
float:left;
1389+
position:relative;
13891390
margin:0;
13901391
padding:0;
13911392
background:url(../images/actionpanel_border.gif) no-repeat top right;
@@ -1460,6 +1461,174 @@ a:visited {
14601461
padding:0;
14611462
}
14621463

1464+
.adv_searchpopup {
1465+
width:156px;
1466+
height:auto;
1467+
float:left;
1468+
position:absolute;
1469+
background:#fefae7 repeat top left;
1470+
border:1px solid #999;
1471+
top:5px;
1472+
left:8px;
1473+
margin:0;
1474+
padding:0;
1475+
z-index:1005;
1476+
}
1477+
1478+
.adv_searchformbox {
1479+
width:140px;
1480+
height:auto;
1481+
float:left;
1482+
margin:0 0 10px 10px;
1483+
display:inline;
1484+
padding:0;
1485+
}
1486+
1487+
.adv_searchformbox a:link {
1488+
width:auto;
1489+
height:auto;
1490+
float:right;
1491+
text-align:left;
1492+
text-decoration:underline;
1493+
font-size:10px;
1494+
font-weight:normal;
1495+
color: #2c8bbc;
1496+
margin: 7px 5px 0 0;
1497+
padding:0;
1498+
}
1499+
1500+
.adv_searchformbox a:visited {
1501+
width:auto;
1502+
height:auto;
1503+
float:right;
1504+
text-align:left;
1505+
text-decoration:underline;
1506+
font-size:10px;
1507+
font-weight:normal;
1508+
color: #2c8bbc;
1509+
margin: 7px 5px 0 0;
1510+
padding:0;
1511+
}
1512+
.adv_searchformbox a:hover {
1513+
width:auto;
1514+
height:auto;
1515+
float:right;
1516+
text-align:left;
1517+
text-decoration:none;
1518+
font-size:10px;
1519+
font-weight:normal;
1520+
color: #2c8bbc;
1521+
margin: 7px 5px 0 0;
1522+
padding:0;
1523+
}
1524+
1525+
.adv_searchformbox h3 {
1526+
width:auto;
1527+
height:auto;
1528+
color:#2d6487;
1529+
font-size:11px;
1530+
font-weight:bold;
1531+
float:left;
1532+
margin:8px 0 7px 0;
1533+
padding:0;
1534+
}
1535+
1536+
.adv_searchformbox ol {
1537+
width: auto;
1538+
color:#333;
1539+
float:left;
1540+
font-family:Arial, Helvetica, sans-serif;
1541+
font-size:11px;
1542+
list-style:none;
1543+
}
1544+
1545+
.adv_searchformbox li {
1546+
width:140px;
1547+
float:left;
1548+
clear:left;
1549+
font-family:Arial, Helvetica, sans-serif;
1550+
color:#333;
1551+
font-weight:normal;
1552+
margin:0 0 7px 0;
1553+
}
1554+
1555+
.adv_searchformbox label {
1556+
width:45px;
1557+
float:left;
1558+
clear:left;
1559+
font-family:Arial, Helvetica, sans-serif;
1560+
color:#333;
1561+
font-size:10px;
1562+
font-weight:normal;
1563+
margin:2px 5px 0 0;
1564+
}
1565+
1566+
.adv_searchformbox .text {
1567+
background-color: #FFF;
1568+
font: normal 11px Arial, Helvetica, sans-serif;
1569+
float:left;
1570+
border: 1px solid #CCC;
1571+
height: 13px;
1572+
width: 80px;
1573+
color:#666;
1574+
margin:0;
1575+
padding:1px 0 0 2px;
1576+
font-weight:normal;
1577+
}
1578+
1579+
.adv_searchformbox .select {
1580+
background-color: #FFF;
1581+
font: normal 11px Arial, Helvetica, sans-serif;
1582+
float:left;
1583+
border: 1px solid #CCC;
1584+
height: 17px;
1585+
width: 83px;
1586+
margin:0;
1587+
padding:1px 0 0 2px;
1588+
color:#666;
1589+
}
1590+
1591+
1592+
.adv_search_actionbox {
1593+
width:140px;
1594+
height:20px;
1595+
float:left;
1596+
margin:5px 0 0 0;
1597+
padding:0;
1598+
}
1599+
.adv_searchpopup_button {
1600+
width:49px;
1601+
height:16px;
1602+
float:left;
1603+
background:url(../images/adv_searchbutton.gif) no-repeat top left;
1604+
margin:0 5px 0 0;
1605+
display:inline;
1606+
padding:0;
1607+
cursor:pointer;
1608+
cursor:hand;
1609+
}
1610+
1611+
.adv_searchpopup_button:hover {
1612+
background:url(../images/adv_searchbutton_hover.gif) no-repeat top left;
1613+
}
1614+
1615+
a.search_button {
1616+
width:26px;
1617+
height:25px;
1618+
float:left;
1619+
margin-left:10px;
1620+
display:inline;
1621+
text-decoration:none;
1622+
background:url(../images/searchicon_button.jpg) no-repeat top left;
1623+
padding:0;
1624+
}
1625+
1626+
1627+
1628+
a:hover.search_button {
1629+
background:url(../images/searchicon_button_hover.jpg) no-repeat top left;
1630+
}
1631+
14631632
.actionpanel_button_wrapper{
14641633
width:auto;
14651634
height:27px;

‎ui/new/images/adv_searchbutton.gif‎

781 Bytes
Loading

‎ui/new/images/adv_searchbutton_hover.gif‎

781 Bytes
Loading

‎ui/new/index.jsp‎

Lines changed: 48 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -89,16 +89,61 @@ long milliseconds = new Date().getTime();
8989
<li>
9090
<div class="search_textbg">
9191
<input class="text" type="text" name="search_input" />
92-
<div class="search_closebutton" style="display:none;"></div>
92+
<div class="search_closebutton" style="display:block;"></div>
9393
</div>
9494
</li>
9595
</ol>
9696
</form>
9797
<a href="#">Advanced</a>
98+
<div class="adv_searchpopup" id="action_menu" style="display: none;">
99+
<div class="adv_searchformbox">
100+
<h3>
101+
Advance Search</h3>
102+
<a id="advanced_search_close" href="#">Close </a>
103+
<form action="#"method="post">
104+
<ol style="margin-top:8px;">
105+
<li>
106+
<label for="filter">
107+
Name:</label>
108+
<input class="text" type="text" name="adv_search_name" id="adv_search_name" />
109+
</li>
110+
<li>
111+
<label for="filter">
112+
Status:</label>
113+
<select class="select" id="adv_search_state">
114+
<option value=""></option>
115+
<option value="Creating">Creating</option>
116+
<option value="Starting">Starting</option>
117+
<option value="Running">Running</option>
118+
<option value="Stopping">Stopping</option>
119+
<option value="Stopped">Stopped</option>
120+
<option value="Destroyed">Destroyed</option>
121+
<option value="Expunging">Expunging</option>
122+
<option value="Migrating">Migrating</option>
123+
<option value="Error">Error</option>
124+
<option value="Unknown">Unknown</option>
125+
</select>
126+
</li>
127+
<li>
128+
<label for="filter">
129+
Zone:</label>
130+
<select class="select" id="adv_search_zone">
131+
</select>
132+
</li>
133+
134+
</ol>
135+
</form>
136+
<div class="adv_search_actionbox">
137+
<div class="adv_searchpopup_button" id="adv_search_button">
138+
</div>
139+
</div>
140+
</div>
141+
</div>
98142
</div>
143+
99144
<div class="actionpanel_button_wrapper" id="midmenu_action_link" style="position: relative;
100145
display: none">
101-
<div class="actionpanel_button">
146+
<div class="actionpanel_button">
102147
<div class="actionpanel_button_icons">
103148
<img src="images/actions_actionicon.png" alt="Add" /></div>
104149
<div class="actionpanel_button_links">
@@ -108,6 +153,7 @@ long milliseconds = new Date().getTime();
108153
</div>
109154
<div class="actionsdropdown_box" id="action_menu" style="display: none;">
110155
<ul class="actionsdropdown_boxlist" id="action_list">
156+
111157
</ul>
112158
</div>
113159
</div>

0 commit comments

Comments
 (0)