Committer: wisest-owl
LJSUP-7431. implement layout of Suggest community page as at mockupU trunk/htdocs/community/directory.bml
Modified: trunk/htdocs/community/directory.bml =================================================================== --- trunk/htdocs/community/directory.bml 2010-11-26 05:33:23 UTC (rev 17796) +++ trunk/htdocs/community/directory.bml 2010-11-26 07:27:35 UTC (rev 17797) @@ -46,15 +46,17 @@ my @caturls = map { { text => $_->{pretty_name}, value => $_->catid } } @categories; @caturls = sort { $a->{text} cmp $b->{text} } @caturls; - $text .= LJ::html_select({ + $text .= "<tr><td style='border-bottom:1px solid #CCC;padding:10px 10px 10px 5px;font-weight:bold;'>Category</td>"; + $text .= "<td style='border-bottom:1px solid #CCC;padding:10px 10px 10px 5px;'>" . LJ::html_select({ name => "catid$i\_$n", + style => "width:100%;", selected => $sel_cat[0] ? $sel_cat[0]->catid : '' }, { text => $ML{'.add'}, value => '' }, @caturls - ); - $text .= " " . LJ::html_submit('select_c', 'Select Category'); - $text .= "<br/>"; + ) . "</td>"; + $text .= "<td style='border-bottom:1px solid #CCC;padding:10px 10px 10px 5px;'>" . LJ::html_submit('select_c', 'Select Category') . "</td>"; + $text .= "</tr>"; if ($sel_cat[0]) { my @children = $sel_cat[0]->children; @@ -157,9 +159,10 @@ $ret .= LJ::form_auth(); $ret .= "<p>" . BML::ml('.update.listing', { 'user' => LJ::ljuser($c) }); - $ret .= "<table>"; + $ret .= "<div style='width:50%;'><div style='background:#C7E0F6;padding:5px 7px;'> </div>\n"; + $ret .= "<table style='width:100%;border-collapse:collapse;'>"; foreach my $i (1..$limit) { - $ret .= "<tr><td valign='top'> $i.</td>"; + $ret .= "<tr><td valign='top' style='border-bottom:1px solid #CCC;padding:10px 10px 10px 5px;font-weight:bold;'><!-- $i.-->Vertical</td>"; my $j = $i - 1; if (@listings[$j]) { my $listing = @listings[$j]; @@ -172,10 +175,10 @@ $status .= "#AA0000'>$ML{'.status.denied'}</span>" if ($listing->{status} eq 'D'); - $ret .= "<td><b>" . $cat->display_name . "</b> " . + $ret .= "<td style='border-bottom:1px solid #CCC;padding:10px 10px 10px 5px;'><b>" . $cat->display_name . "</b> " . "<span style='font-size: smaller; font-style: italic'>" . "(" . $cat->uri . ")</span> $status "; - $ret .= "</td><td style='text-align: right'> $ML{'.remove'}"; + $ret .= "</td><td style='text-align:right;border-bottom:1px solid #CCC;padding:10px 10px 10px 5px;'> $ML{'.remove'}"; $ret .= LJ::html_check({ name => "catremove_$i", id => "catremove_$i", value => $listing->{pendid}, }); @@ -183,17 +186,18 @@ my @verticals = LJ::Vertical->load_all(); @verticals = map { { text => $_->{name}, value => $_->{vert_id} } } @verticals; - $ret .= "<td colspan='2'>".LJ::html_select({ + $ret .= "<td style='border-bottom:1px solid #CCC;padding:10px 10px 10px 5px;'>".LJ::html_select({ name => "vert_id_$i", + style => "width:100%;", selected => $POST{"vert_id_$i"}, }, { text => 'Select Vertical', value => '',}, @verticals ); - $ret .= " \n"; + $ret .= "</td><td style='border-bottom:1px solid #CCC;padding:10px 10px 10px 5px;'>\n"; - $ret .= LJ::html_submit('select_v', 'Select Vertical') . "<br>"; + $ret .= LJ::html_submit('select_v', 'Select Vertical') . "</td></tr>"; if (LJ::did_post() && $vert_[$j]) { my @children = $cat_[$j] ? $cat_[$j]->children : (); @@ -202,13 +206,13 @@ $ret .= _build_tree (0, \@categories, $cat_[$j], undef, undef, $i); if ($cat_[$j]) { - $ret .= "<br/>Selected category: " . $cat_[$j]->display_name; + $ret .= "<tr><td style='border-bottom:1px solid #CCC;padding:10px 10px 10px 5px;font-weight:bold;'>Selected category</td><td colspan='2' style='border-bottom:1px solid #CCC;padding:10px 10px 10px 5px;'>" . $cat_[$j]->display_name . "</td></tr>"; } } } - $ret .= "</td></tr>"; } $ret .= "</table>\n"; + $ret .= "<div style='background:#C7E0F6;padding:5px 7px;'> </div></div>\n"; $ret .= "</p>\n"; $ret .= "<p>" . LJ::html_submit('action:update', $ML{'.update'}) . "</p>\n";