r8479: * Sync CSS with current samba.org stylesheets.
[samba.git] / swat / scripting / common.js
1 /*
2         js functions and code common to all pages
3 */
4
5 /* define some global variables for this request */
6 global.page = new Object();
7
8 /* fill in some defaults */
9 global.page.title = "Samba Web Administration Tool";
10
11 /* to cope with browsers that don't support cookies we append the sessionid
12    to the URI */
13 global.SESSIONURI = "";
14 if (request['COOKIE_SUPPORT'] != "True") {
15         global.SESSIONURI="?SwatSessionId=" + request['SESSION_ID'];
16 }
17
18 /*
19   possibly adjust a local URI to have the session id appended
20   used for browsers that don't support cookies
21 */
22 function session_uri(uri) {
23         return uri + global.SESSIONURI;
24 }
25
26 /*
27   like printf, but to the web page
28 */
29 function writef()
30 {
31         write(vsprintf(arguments));
32 }
33
34 /*
35   like writef with a <br>
36 */
37 function writefln()
38 {
39         write(vsprintf(arguments));
40         write("<br/>\n");
41 }
42
43
44 /* if the browser was too dumb to set the HOST header, then
45    set it now */
46 if (headers['HOST'] == undefined) {
47         headers['HOST'] = server['SERVER_HOST'] + ":" + server['SERVER_PORT'];
48 }
49
50 /*
51   show the page header. page types include "plain" and "column" 
52 */
53 function page_header(pagetype, title) {
54         global.page.pagetype = pagetype;
55         global.page.title = title;
56         include("/scripting/header_" + pagetype + ".esp");
57 }
58
59 /*
60   show the page footer, getting the page type from page.pagetype
61   set in page_header()
62 */
63 function page_footer() {
64         include("/scripting/footer_" + global.page.pagetype + ".esp");
65 }
66
67
68 /*
69   check if a uri is one of the 'always allowed' pages, even when not logged in
70   This allows the login page to use the same style sheets and images
71 */
72 function always_allowed(uri) {
73         var allowed = new Array("/images/favicon.ico", 
74                                 "/images/linkpad.gif",
75                                 "/images/logo.png",
76                                 "/images/stripes.png",
77                                 "/style/columns.css",
78                                 "/style/swat.css",
79                                 "/style/common.css");
80         for (i in allowed) {
81                 if (allowed[i] == uri) {
82                         return true;
83                 }
84         }
85         return false;
86 }
87
88 /*
89   create a menu object with the defaults filled in, ready for display_menu()
90  */
91 function MenuObj(name, num_elements)
92 {
93         var o = new Object();
94         o.name = name;
95         o.class = "menu";
96         o.style = "simple";
97         o.orientation = "vertical"
98         o.element = new Array(num_elements);
99         for (i in o.element) {
100                 o.element[i] = new Object();
101         }
102         return o;
103 }
104
105 /*
106   display a menu object. Currently only the "simple", "vertical" menu style
107   is supported
108 */
109 function display_menu(m) {
110         assert(m.style == "simple" && m.orientation == "vertical");
111         write('<div class="' + m.class + '">\n');
112         write("<i>" + m.name + "</i><br /><ul>\n");
113         for (i = 0; i < m.element.length; i++) {
114                 var e = m.element[i];
115                 write("<li><a href=\"" + e.link + "\">" + e.label + "</a></li>\n");
116         }
117         write("</ul></div>\n");
118 }
119
120 function simple_menu() {
121         var i, m = MenuObj(arguments[0], (arguments.length-1)/2);
122         for (i=0;i<m.element.length;i++) {
123                 var ndx = i*2;
124                 m.element[i].label = arguments[ndx+1];
125                 m.element[i].link = arguments[ndx+2];
126         }
127         display_menu(m);
128 }
129
130 /*
131   display a table element
132 */
133 function table_element(i, o) {
134         write("<tr><td>" + i + "</td><td>");
135         if (typeof(o[i]) == "object") {
136                 var j, first;
137                 first = true;
138                 for (j in o[i]) {
139                         if (first == false) {
140                                 write("<br />");
141                         }
142                         write(o[i][j]);
143                         first = false;
144                 }
145         } else {
146                 write(o[i]);
147         }
148         write("</td></tr>\n");
149 }
150
151 /*
152   display a ejs object as a table. The header is optional
153 */
154 function simple_table(v) {
155         if (v.length == 0) {
156                 return;
157         }
158         write("<table class=\"data\">\n");
159         var r;
160         for (r in v) {
161                 table_element(r, v);
162         }
163         write("</table>\n");
164 }
165
166 /*
167   display an array of objects, with the header for each element from the given 
168   attribute
169 */
170 function multi_table(array, header) {
171         var i, n;
172         write("<table class=\"data\">\n");
173         for (i=0;i<array.length;i++) {
174                 var r, v = array[i];
175                 write('<tr><th colspan="2">' + v[header] + "</th></tr>\n");
176                 for (r in v) {
177                         if (r != header) {
178                             table_element(r, v);
179                         }
180                 }
181         }
182         write("</table>\n");
183 }
184
185 /*
186   create a Form object with the defaults filled in, ready for display_form()
187  */
188 function FormObj(name, num_elements, num_submits)
189 {
190         var f = new Object();
191         f.name = name;
192         f.element = new Array(num_elements);
193         f.submit =  new Array(num_submits);
194         f.action = session_uri(request.REQUEST_URI);
195         f.class = "defaultform";
196         for (i in f.element) {
197                 f.element[i] = new Object();
198                 f.element[i].type = "text";
199                 f.element[i].value = "";
200         }
201         return f;
202 }
203
204 /*
205   display a simple form from a ejs Form object
206   caller should fill in
207     f.name          = form name
208     f.action        = action to be taken on submit (optional, defaults to current page)
209     f.class         = css class (optional, defaults to 'form')
210     f.submit        = an array of submit labels
211     f.element[i].label = element label
212     f.element[i].name  = element name (defaults to label)
213     f.element[i].type  = element type (defaults to text)
214     f.element[i].value = current value (optional, defaults to "")
215  */
216 function display_form(f) {
217         var i, size = 20;
218         write('<form name="' + f.name +
219               '" method="post" action="' + f.action + 
220               '" class="' + f.class + '">\n');
221         if (f.element.length > 0) {
222                 write("<table>\n");
223         }
224         for (i in f.element) {
225                 var e = f.element[i];
226                 if (e.name == undefined) {
227                         e.name = e.label;
228                 }
229                 if (e.value == undefined) {
230                         e.value = "";
231                 }
232                 if (strlen(e.value) > size) {
233                         size = strlen(e.value) + 4;
234                 }
235         }
236         for (i in f.element) {
237                 var e = f.element[i];
238                 write("<tr>");
239                 write("<td>" + e.label + "</td>");
240                 if (e.type == "select") {
241                         write('<td><select name="' + e.name + '">\n');
242                         for (s in e.list) {
243                                 if (e.value == e.list[s]) {
244                                         write('<option selected=selected>' + e.list[s] + '</option>\n');
245                                 } else {
246                                         write('<option>' + e.list[s] + '</option>\n');
247                                 }
248                         }
249                         write('</select></td>\n');
250                 } else {
251                         var sizestr = "";
252                         if (e.type == "text" || e.type == "password") {
253                                 sizestr = sprintf('size="%d"', size);
254                         }
255                         writef('<td><input name="%s" type="%s" value="%s" %s /></td>\n',
256                                e.name, e.type, e.value, sizestr);
257                 }
258                 write("</tr>");
259         }
260         if (f.element.length > 0) {
261                 write("</table>\n");
262         }
263         for (i in f.submit) {
264                 write('<input name="submit" type="submit" value="' + f.submit[i] + '" />\n');
265         }
266         write("</form>\n");
267 }
268