5 require_once 'prototype.php';
8 <script type="text/javascript" src="/plekit/tablesort/tablesort.js"></script>
9 <script type="text/javascript" src="/plekit/tablesort/customsort.js"></script>
10 <script type="text/javascript" src="/plekit/tablesort/paginate.js"></script>
11 <script type="text/javascript" src="/plekit/table/table.js"></script>
12 <link href="/plekit/table/table.css" rel="stylesheet" type="text/css" />
15 ////////////////////////////////////////
16 // table_id: <table>'s id tag - WARNING : do not use '-' in table ids as it's used for generating javascript code
17 // headers: an associative array "label"=>"type"
18 // column_sort: the column to sort on at load-time
19 // options : an associative array to override options
20 // - search_area : boolean (default true)
21 // - pagesize_area : boolean (default true)
22 // - notes_area : boolean (default true)
23 // - search_width : size in chars of the search text dialog
24 // - notes : an array of additional notes
25 // - pagesize: the initial pagination size
26 // - pagesize_def: the page size when one clicks the pagesize reset button
27 // - max_pages: the max number of pages to display in the paginator
36 var $search_area; // boolean (default true)
37 var $pagesize_area; // boolean (default true)
38 var $notes_area; // boolean (default true)
39 var $search_width; // size in chars of the search text dialog
40 var $pagesize; // the initial pagination size
41 var $pagesize_def; // the page size when one clicks the pagesize reset button
42 var $max_pages; // the max number of pages to display in the paginator
43 var $notes; // an array of additional notes
46 function PlekitTable ($table_id,$headers,$column_sort,$options=NULL) {
47 $this->table_id = $table_id;
48 $this->headers = $headers;
49 $this->column_sort = $column_sort;
51 $this->has_tfoot=false;
53 $this->search_area = true;
54 $this->pagesize_area = true;
55 $this->notes_area = true;
56 $this->search_width = 40;
58 $this->pagesize_def = 999;
59 $this->max_pages = 10;
60 $this->notes = array();
62 $this->set_options ($options);
65 function set_options ($options) {
68 if (array_key_exists('caption',$options)) $this->caption=$options['caption'];
69 if (array_key_exists('search_area',$options)) $this->search_area=$options['search_area'];
70 if (array_key_exists('pagesize_area',$options)) $this->pagesize_area=$options['pagesize_area'];
71 if (array_key_exists('notes_area',$options)) $this->notes_area=$options['notes_area'];
72 if (array_key_exists('search_width',$options)) $this->search_width=$options['search_width'];
73 if (array_key_exists('pagesize',$options)) $this->pagesize=$options['pagesize'];
74 if (array_key_exists('pagesize_def',$options)) $this->pagesize_def=$options['pagesize_def'];
75 if (array_key_exists('max_pages',$options)) $this->max_pages=$options['max_pages'];
77 if (array_key_exists('notes',$options)) $this->notes=array_merge($this->notes,$options['notes']);
80 public function columns () {
81 return count ($this->headers);
85 public function start () {
86 $paginator=$this->table_id."_paginator";
87 $classname="paginationcallback-".$paginator;
88 $classname.=" max-pages-" . $this->max_pages;
89 $classname.=" paginate-" . $this->pagesize;
90 // instantiate paginator callback
92 <script type="text/javascript">
93 function $paginator (opts) { plekit_table_paginator (opts,"$this->table_id"); }
96 <table id="$this->table_id" cellpadding="0" cellspacing="0" border="0"
97 class="plekit_table sortable-onload-$this->column_sort rowstyle-alt colstyle-alt no-arrow $classname">
101 if ($this->pagesize_area)
102 print $this->pagesize_area_html ();
103 if ($this->search_area)
104 print $this->search_area_html ();
107 print "<caption> $this->caption </caption>";
109 foreach ($this->headers as $label => $type) {
113 case "string": case "int": case "float":
114 $class="sortable"; break;
115 case ( strpos($type,"date-") == 0):
116 $class="sortable-" . $type; break;
118 $class="sortable-sort" . $type; break;
120 printf ('<th class="%s plekit_table">%s</th>',$class,$label);
131 // for convenience, the options that apply to the bottom area can be passed here
132 // typically notes will add up to the ones provided so far, and to the default ones
133 // xxx default should be used only if applicable
134 function end ($options=NULL) {
135 $this->set_options($options);
136 print $this->bottom_html();
137 if ($this->notes_area)
138 print $this->notes_area_html();
142 function pagesize_area_html () {
143 $width=count($this->headers);
144 $pagesize_text_id = $this->table_id . "_pagesize";
146 <tr class='pagesize_area'><td class='pagesize_area' colspan='$width'>
147 <form class='pagesize' action='satisfy_xhtml_validator'><fieldset>
148 <input class='pagesize_input' type='text' id="$pagesize_text_id" value='$this->pagesize'
149 onkeyup='plekit_pagesize_set("$this->table_id","$pagesize_text_id", $this->pagesize);'
150 size='3' maxlength='3' />
151 <label class='pagesize_label'> items/page </label>
152 <img class='reset' src="/planetlab/icons/clear.png" alt="reset visible size"
153 onmousedown='plekit_pagesize_reset("$this->table_id","$pagesize_text_id",$this->pagesize_def);' />
154 </fieldset></form></td></tr>
160 function search_area_html () {
161 $width=count($this->headers);
162 $search_text_id = $this->table_id . "_search";
163 $search_reset_id = $this->table_id . "_search_reset";
164 $search_and_id = $this->table_id . "_search_and";
166 <tr class='search_area'><td class='search_area' colspan='$width'>
167 <form class='search' action='satisfy_xhtml_validator'><fieldset>
168 <label class='search_label'> Search </label>
169 <input class='search_input' type='text' id='$search_text_id'
170 onkeyup='plekit_table_filter("$this->table_id","$search_text_id","$search_and_id");'
171 size='$this->search_width' maxlength='256' />
173 <input id='$search_and_id' class='search_and'
174 type='checkbox' checked='checked'
175 onchange='plekit_table_filter("$this->table_id","$search_text_id","$search_and_id");' />
176 <img class='reset' src="/planetlab/icons/clear.png" alt="reset search"
177 onmousedown='plekit_table_filter_reset("$this->table_id","$search_text_id","$search_and_id");' />
178 </fieldset></form></td></tr>
183 //////////////////// start a <tfoot> section
184 function tfoot_start () { print $this->tfoot_start_html(); }
185 function tfoot_start_html () {
186 $this->has_tfoot=true;
187 return "</tbody><tfoot>";
190 ////////////////////////////////////////
191 function bottom_html () {
193 if ($this->has_tfoot)
194 $result .= "</tfoot>";
196 $result .= "</tbody>";
197 $result .= "</table>\n";
201 ////////////////////////////////////////
202 function notes_area_html () {
203 $default_notes = array(
204 "Enter & or | in the search area to switch between <span class='bold'>AND</span> and <span class='bold'>OR</span> search modes",
205 "Hold down the shift key to select multiple columns to sort");
211 $notes=array_merge($notes,$default_notes);
215 $result .= "<p class='table_note'> <span class='table_note_title'>Notes</span>\n";
216 foreach ($notes as $note)
217 $result .= "<br/>$note\n";
222 ////////////////////////////////////////
223 function row_start ($id=NULL,$class=NULL) {
225 if ( $id) print (" id=\"$id\"");
226 if ( $class) print (" class=\"$class\"");
230 function row_end () {
235 public function cell ($text,$colspan=0,$align=NULL) { print $this->cell_html ($text,$colspan,$align); }
236 public function cell_html ($text,$colspan=0,$align=NULL) {
239 if ($colspan) $result .= " colspan='$colspan'";
240 if ($align) $result .= " style='text-align:$align'";
241 $result .= ">$text</td>";