[livejournal] r17797: LJSUP-7431. implement layout of Suggest ...

U   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 .= "&nbsp;" . 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;'>&nbsp;</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 .= "&nbsp;\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;'>&nbsp;</div></div>\n";
     $ret .= "</p>\n";
 
     $ret .= "<p>" . LJ::html_submit('action:update', $ML{'.update'}) . "</p>\n";