Subscriptions tag filtering and views

darcs-hash:20081124045319-eefa4-58036c236467323d7437ad7d88ce7b7b0552d266.gz

diff --git a/lib/gallery.php b/lib/gallery.php
index bf04eaa34b5e3ef2f22a91601468e0ca4926a295..024649e2865344a40fbdb74a7f436401d0268c4b 100644 (file)
--- a/lib/gallery.php
+++ b/lib/gallery.php
@@ -88,14 +88,25 @@ class GalleryAction extends Action {
                        $content[$t] = $t;
                }
                if ($tags) {
+                 common_element_start('dl', array('id'=>'filter_tags'));
+      common_element('dt', null, _('Filter tags'));
+                 common_element_start('dd');
+                 common_element_start('ul');
+                 common_element_start('li', array('id'=>'filter_tags_all', 'class'=>'child_1'));
                        common_element('a', array('href' => common_local_url($this->trimmed('action'),
                                                                                                                                 array('nickname' => $profile->nickname))),
                                                   _('All'));
+                       common_element_end('li');
+                 common_element_start('li', array('id'=>'filter_tags_item'));
                        common_element_start('form', array('name' => 'bytag', 'id' => 'bytag'));
                        common_dropdown('tag', _('Tag'), $content,
                                                        _('Choose a tag to narrow list'), FALSE, $tag);
                        common_submit('go', _('Go'));
                        common_element_end('form');
+                       common_element_end('li');
+                       common_element_end('ul');
+                       common_element_end('dd');
+                       common_element_end('dl');
                }
        }
        
@@ -217,30 +228,36 @@ class GalleryAction extends Action {
        }
        
        function display_links($profile, $page, $display) {
-               
-               common_element_start('p');
+               common_element_start('dl', array('id'=>'subscriptions_nav'));
+               common_element('dt', null, _('Subscriptions navigation'));
+               common_element_start('dd');
+               common_element_start('ul', array('class'=>'nav'));
                
                switch ($display) {
                 case 'list':
-                       common_element('span', NULL, _('List'));
-                       common_text(' | ');
-                       common_element('a', array('href' => common_local_url($this->trimmed('action'),
+                       common_element('li', array('class'=>'child_1'), _('List'));
+                       common_element_start('li');
+      common_element('a', array('href' => common_local_url($this->trimmed('action'),
                                                                                                                                 array('display' => 'icons',
                                                                                                                                           'nickname' => $profile->nickname,
                                                                                                                                           'page' => 1 + floor((($page - 1) * PROFILES_PER_PAGE) / AVATARS_PER_PAGE)))),
                                                   _('Icons'));
-                       break;
+                       common_element_end('li');
+      break;
                 default:
+      common_element_start('li', array('class'=>'child_1'));
                        common_element('a', array('href' => common_local_url($this->trimmed('action'),
                                                                                                                                 array('nickname' => $profile->nickname,
                                                                                                                                           'page' => 1 + floor((($page - 1) * AVATARS_PER_PAGE) / PROFILES_PER_PAGE)))),
                                                   _('List'));
-                       common_text(' | ');
-                       common_element('span', NULL, _('Icons'));
+                       common_element_end('li');
+                       common_element('li', NULL, _('Icons'));
                        break;
                }
                
-               common_element_end('p');
+               common_element_end('ul');
+               common_element_end('dd');
+               common_element_end('dl');
        }
        
        # Get list of tags we tagged other users with

diff --git a/theme/default/display.css b/theme/default/display.css
index 47560b16b7b838c7837757daa9813542b71851fa..a69e48240d10020819b65c15ed806aca1e5b9ba1 100644 (file)
--- a/theme/default/display.css
+++ b/theme/default/display.css
@@ -501,6 +501,7 @@ ul.subscriptions, ul.subscribers {
        padding: 0;
        list-style-type: none;
        overflow: auto;
+       clear:both;
        }
 ul.subscriptions li, ul.subscribers li {
        display: block;
@@ -870,6 +871,95 @@ font-size: 60%;
 }
 
 
+#subscriptions_nav,
+#filter_tags {
+margin:0 0 2em 0;
+}
+
+#subscriptions_nav {
+padding-bottom:0.5em;
+/*border-bottom:1px solid #D8E2D7;*/
+float:right;
+}
+#filter_tags {
+float:left;
+}
+
+#subscriptions_nav dt,
+#filter_tags dt {
+display:none;
+}
+#subscriptions_nav dd,
+#filter_tags dd {
+margin-left:0;
+}
+#subscriptions_nav ul,
+#filter_tags ul {
+padding-left:0;
+list-style-type:none;
+}
+#subscriptions_nav ul li {
+display:inline;
+padding-left:0.5em;
+margin-left:0.5em;
+border-left:1px solid #D8E2D7;;
+}
+#subscriptions_nav ul li.child_1 {
+border-left:0;
+padding-left:0;
+margin-left:0;
+}
+
+
+#filter_tags ul li {
+float:left;
+margin-left:0.5em;
+padding-left:0.5em;
+border-left:1px solid #D8E2D7;;
+}
+#filter_tags ul li.child_1 {
+margin-left:0;
+border-left:0;
+padding-left:0;
+}
+#filter_tags ul li li {
+margin-left:0;
+}
+#filter_tags ul li#filter_tags_item {
+width:30em;
+}
+#filter_tags ul li#filter_tags_item form {
+clear:none;
+}
+#filter_tags ul li#filter_tags_item label {
+margin-right:0.5em;
+font-size:14px;
+font-weight:normal;
+font-family:Georgia,"Times New Roman",Times,serif;
+}
+#filter_tags ul li#filter_tags_item label,
+#filter_tags ul li#filter_tags_item select {
+margin-top:-1px;
+margin-bottom:0.5em;
+display:inline;
+}
+#filter_tags ul li#filter_tags_item p {
+margin:0 1em 0 0;
+padding:0;
+float:left;
+}
+#filter_tags ul li .input_instructions {
+display:inline;
+display:block;
+margin:0;
+}
+#filter_tags ul li#filter_tags_item .submit {
+margin:0;
+}
+
+
+
+
 .tags_self,
 .tags_user {
 margin-left:4.5em;