Changeset 1415:46f961cd2b91 for admin

Timestamp:

08/16/13 18:32:16 (12 years ago)

Author:

Anne Kozlika <kozlika@…>

Branch:

default

Message:

Lists and filters, progressive enhancements. Need to be done on all list pages with filters.

Location:

admin

Files:

• posts.php (modified) (1 diff)
• style/default.css (modified) (3 diffs)

admin/posts.php

@@ -260 +260 @@
      if (!$show_filters) {
           echo '<p><a id="filter-control" class="form-control" href="#">'.
-          __('Filters').'</a></p>';
+          __('Filter posts list').'</a></p>';
      }
      
      echo
      '<form action="posts.php" method="get" id="filters-form">'.
-     '<fieldset><legend>'.__('Filters').'</legend>'.
-     '<div class="three-cols">'.
-     '<div class="col">'.
-     '<label for="user_id">'.__('Author:').
-     form::combo('user_id',$users_combo,$user_id).'</label> '.
-     '<label for="cat_id">'.__('Category:').
-     form::combo('cat_id',$categories_combo,$cat_id).'</label> '.
-     '<label for="status">'.__('Status:').
-     form::combo('status',$status_combo,$status).'</label> '.
-     '</div>'.
-     
-     '<div class="col">'.
-     '<label for="selected">'.__('Selected:').
-     form::combo('selected',$selected_combo,$selected).'</label> '.
-     '<label for="month">'.__('Month:').
-     form::combo('month',$dt_m_combo,$month).'</label> '.
-     '<label for="lang">'.__('Lang:').
-     form::combo('lang',$lang_combo,$lang).'</label> '.
-     '</div>'.
-     
-     '<div class="col">'.
-     '<p><label for="sortby">'.__('Order by:').
-     form::combo('sortby',$sortby_combo,$sortby).'</label> '.
-     '<label for="order">'.__('Sort:').
-     form::combo('order',$order_combo,$order).'</label></p>'.
-     '<p><label for="nb" class="classic">'.  form::field('nb',3,3,$nb_per_page).' '.
-     __('Entries per page').'</label></p> '.
-     '<p><input type="submit" value="'.__('Apply filters').'" /></p>'.
-     '</div>'.
-     '</div>'.
+     '<h3>'.__('Filter posts list').'</h3>'.
+
+     '<div class="table">'.
+     '<div class="cell">'.
+     '<p><label for="user_id" class="ib">'.__('Author:').'</label> '.
+     form::combo('user_id',$users_combo,$user_id).'</p>'.
+     '<p><label for="cat_id" class="ib">'.__('Category:').'</label> '.
+     form::combo('cat_id',$categories_combo,$cat_id).'</p>'.
+     '<p><label for="status" class="ib">'.__('Status:').'</label>' .
+     form::combo('status',$status_combo,$status).'</p> '.
+     '</div>'.
+     
+     '<div class="cell">'.
+     '<p><label for="selected" class="ib">'.__('Selected:').'</label> '.
+     form::combo('selected',$selected_combo,$selected).'</p>'.
+     '<p><label for="month" class="ib">'.__('Month:').'</label> '.
+     form::combo('month',$dt_m_combo,$month).'</p>'.
+     '<label for="lang" class="ib">'.__('Lang:').'</label> '.
+     form::combo('lang',$lang_combo,$lang).'</p> '.
+     '</div>'.
+     
+     '<div class="cell filters-options">'.
+     '<p><label for="sortby" class="ib">'.__('Order by:').'</label> '.
+     form::combo('sortby',$sortby_combo,$sortby).'</p>'.
+     '<p><label for="order" class="ib">'.__('Sort:').'</label> '.
+     form::combo('order',$order_combo,$order).'</p>'.
+     '<p><span class="label ib">Afficher</span> <label for="nb" class="classic">'.   form::field('nb',3,3,$nb_per_page).' '.
+     __('entries per page').'</label></p>'.
+     '</div>'.
+     '</div>'.
+
+     '<p class="no-margin"><input type="submit" value="'.__('Apply filters').'" /></p>'.
+
      '<br class="clear" />'. //Opera sucks
-     '</fieldset>'.
      '</form>';
      

admin/style/default.css

@@ -69 +69 @@
      font-size: 1em;
      color: #575859;
+}
+#entry-sidebar h5 {
+     font-weight: normal;
+     color: #333;
 }
 p, div.p {
@@ -1361 +1365 @@
      display: none;
      font-weight: bold;
-     background: url(magnifier.png) no-repeat 0 0;
-     color: green;
+     background: url(../images/expand.png) no-repeat .6rem center;
      padding-left: 20px;
+     color: #000;
 }
 .constrained {
@@ -1518 +1522 @@
 }
 
+/* ------------------------------------------------------- Filters */
+#filters-form {
+     border: 1px dashed #999;
+     border-radius: .6rem;
+     margin-bottom: 2em;
+     padding: .5em 1em 0;
+}
+#filters-form .table {
+     display: table;
+     width: 100%;
+     padding: 0;
+     margin-bottom: 1em;
+     margin-top: 1.5em;
+}
+#filters-form .cell {
+     padding: 0 2em 0 0;
+     display: table-cell;
+     vertical-align: top;
+}
+#filters-form .filters-options {
+     padding-left: 2em;
+     border-left: 1px solid #ccc;
+}
+#filters-form label.ib, span.ib {
+     width:7em;
+     display: inline-block;
+}
+#filters-form select {
+     width: 14em;
+}
+
+/* ---------------------------------------------------- Pagination */
+.pagination {
+     height: 20px;
+     line-height: 20px;
+     padding: 0 1rem; 
+     border: 1px solid #ccc;
+     overflow: hidden; 
+     background: #e1e1e1; 
+     background: -moz-linear-gradient(center top , #f2f2f2, #e1e1e1); 
+     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e1e1e1)); 
+     -moz-border-radius: 4px; 
+     -webkit-border-radius: 4px; 
+     border-radius: 4px; 
+}
+.pagination a, .pagination strong {
+     height: 20px;
+     border: none;
+     padding: 2px 6px; 
+     background-color : transparent;
+     background-position : 50% 50%;
+     background-repeat: no-repeat;
+}
+.pagination a:hover, .pagination strong {
+     border-color : #ccc;
+     background-color: #fff;
+}
+
 /* ---------------------------------------------------------------------------
      Media queries vite fait en attendant la reprise complète du layout