2 * functions used in setup script
\r
7 // show this window in top frame
\r
9 window.top.location.href = location;
\r
12 // default values for fields
\r
13 var defaultValues = {};
\r
16 var PMA_messages = {};
\r
19 * Returns field type
\r
21 * @param Element field
\r
23 function getFieldType(field) {
\r
24 if (field.tagName == 'INPUT') {
\r
25 return field.getProperty('type');
\r
26 } else if (field.tagName == 'SELECT') {
\r
28 } else if (field.tagName == 'TEXTAREA') {
\r
37 * value must be of type:
\r
38 * o undefined (omitted) - restore default value (form default, not PMA default)
\r
39 * o String - if type is 'text'
\r
40 * o boolean - if type is 'checkbox'
\r
41 * o Array of values - if type is 'select'
\r
43 * @param Element field
\r
44 * @param String field_type see getFieldType
\r
45 * @param mixed value
\r
47 function setFieldValue(field, field_type, value) {
\r
48 switch (field_type) {
\r
50 field.value = $defined(value) ? value : field.defaultValue;
\r
53 field.checked = $defined(value) ? value : field.defaultChecked;
\r
56 var i, imax = field.options.length;
\r
57 if (!$defined(value)) {
\r
58 for (i = 0; i < imax; i++) {
\r
59 field.options[i].selected = field.options[i].defaultSelected;
\r
62 for (i = 0; i < imax; i++) {
\r
63 field.options[i].selected = (value.indexOf(field.options[i].value) != -1);
\r
74 * Will return one of:
\r
75 * o String - if type is 'text'
\r
76 * o boolean - if type is 'checkbox'
\r
77 * o Array of values - if type is 'select'
\r
79 * @param Element field
\r
80 * @param String field_type see getFieldType
\r
83 function getFieldValue(field, field_type) {
\r
84 switch (field_type) {
\r
88 return field.checked;
\r
90 var i, imax = field.options.length, items = [];
\r
91 for (i = 0; i < imax; i++) {
\r
92 if (field.options[i].selected) {
\r
93 items.push(field.options[i].value);
\r
101 * Returns values for all fields in fieldsets
\r
103 function getAllValues() {
\r
104 var elements = $$('fieldset input, fieldset select, fieldset textarea');
\r
107 for (var i = 0; i < elements.length; i++) {
\r
108 type = getFieldType(elements[i]);
\r
109 value = getFieldValue(elements[i], type);
\r
110 if (typeof value != 'undefined') {
\r
111 // we only have single selects, fatten array
\r
112 if (type == 'select') {
\r
115 values[elements[i].name] = value;
\r
122 * Checks whether field has its default value
\r
124 * @param Element field
\r
125 * @param String type
\r
128 function checkFieldDefault(field, type) {
\r
129 if (!$defined(defaultValues[field.id])) {
\r
132 var isDefault = true
\r
133 var currentValue = getFieldValue(field, type);
\r
134 if (type != 'select') {
\r
135 isDefault = currentValue == defaultValues[field.id];
\r
137 // compare arrays, will work for our representation of select values
\r
138 if (currentValue.length != defaultValues[field.id].length) {
\r
142 for (var i = 0; i < currentValue.length; i++) {
\r
143 if (currentValue[i] != defaultValues[field.id][i]) {
\r
154 * Returns element's id prefix
\r
155 * @param Element element
\r
157 function getIdPrefix(element) {
\r
158 return element.id.replace(/[^-]+$/, '');
\r
161 // ------------------------------------------------------------------
\r
165 // stores hidden message ids
\r
166 var hiddenMessages = [];
\r
168 window.addEvent('domready', function() {
\r
169 var hidden = hiddenMessages.length;
\r
170 for (var i = 0; i < hidden; i++) {
\r
171 $(hiddenMessages[i]).style.display = 'none';
\r
174 var link = $('show_hidden_messages');
\r
175 link.addEvent('click', function(e) {
\r
177 for (var i = 0; i < hidden; i++) {
\r
178 $(hiddenMessages[i]).style.display = '';
\r
182 link.set('html', link.get('html').replace('#MSG_COUNT', hidden));
\r
183 link.style.display = '';
\r
189 // ------------------------------------------------------------------
\r
191 // ------------------------------------------------------------------
\r
192 // Form validation and field operations
\r
195 // form validator assignments
\r
198 // form validator list
\r
201 * Validates positive number
\r
203 * @param boolean isKeyUp
\r
205 validate_positive_number: function (isKeyUp) {
\r
206 var result = this.value.test('^[0-9]*$') && this.value != '0';
\r
207 return result ? true : PMA_messages['error_nan_p'];
\r
210 * Validates non-negative number
\r
212 * @param boolean isKeyUp
\r
214 validate_non_negative_number: function (isKeyUp) {
\r
215 var result = this.value.test('^[0-9]*$');
\r
216 return result ? true : PMA_messages['error_nan_nneg'];
\r
219 * Validates port number
\r
221 * @param boolean isKeyUp
\r
223 validate_port_number: function(isKeyUp) {
\r
224 var result = this.value.test('^[0-9]*$') && this.value != '0';
\r
225 if (!result || this.value > 65536) {
\r
226 result = PMA_messages['error_incorrect_port'];
\r
230 // field validators
\r
235 * @param boolean isKeyUp
\r
237 hide_db: function(isKeyUp) {
\r
238 if (!isKeyUp && this.value != '') {
\r
240 data[this.id] = this.value;
\r
241 ajaxValidate(this, 'Servers/1/hide_db', data);
\r
246 // fieldset validators
\r
249 * Validates Server fieldset
\r
251 * @param boolean isKeyUp
\r
253 Server: function(isKeyUp) {
\r
255 ajaxValidate(this, 'Server', getAllValues());
\r
260 * Validates Server_login_options fieldset
\r
262 * @param boolean isKeyUp
\r
264 Server_login_options: function(isKeyUp) {
\r
265 return validators._fieldset.Server.bind(this)(isKeyUp);
\r
268 * Validates Server_pmadb fieldset
\r
270 * @param boolean isKeyUp
\r
272 Server_pmadb: function(isKeyUp) {
\r
277 var prefix = getIdPrefix(this.getElement('input'));
\r
278 var pmadb_active = $(prefix + 'pmadb').value != '';
\r
279 if (pmadb_active) {
\r
280 ajaxValidate(this, 'Server_pmadb', getAllValues());
\r
289 * Calls server-side validation procedures
\r
291 * @param Element parent input field in <fieldset> or <fieldset>
\r
292 * @param String id validator id
\r
293 * @param Object values values hash (element_id: value)
\r
295 function ajaxValidate(parent, id, values) {
\r
296 // ensure that parent is a fieldset
\r
297 if (parent.tagName != 'FIELDSET') {
\r
298 parent = parent.getParent('fieldset');
\r
303 // ensure that we have a Request object
\r
304 if (typeof parent.request == 'undefined') {
\r
305 parent.validate = {
\r
306 request: new Request.JSON({
\r
307 url: 'validate.php',
\r
309 onSuccess: function(response) {
\r
310 if (response == null) {
\r
314 if ($type(response) != 'object') {
\r
315 error[parent.id] = [response];
\r
316 } else if (typeof response['error'] != 'undefined') {
\r
317 error[parent.id] = [response['error']];
\r
319 $each(response, function(value, key) {
\r
320 error[key] = $type(value) == 'array' ? value : [value];
\r
323 displayErrors(error);
\r
325 token: parent.getParent('form').token.value
\r
329 parent.validate.request.send({
\r
331 token: parent.validate.token,
\r
333 values: JSON.encode(values)}
\r
340 * Registers validator for given field
\r
342 * @param String id field id
\r
343 * @param String type validator (key in validators object)
\r
344 * @param boolean onKeyUp whether fire on key up
\r
345 * @param mixed params validation function parameters
\r
347 function validateField(id, type, onKeyUp, params) {
\r
348 if (typeof validators[type] == 'undefined') {
\r
351 if (typeof validate[id] == 'undefined') {
\r
354 validate[id].push([type, params, onKeyUp]);
\r
358 * Returns valdiation functions associated with form field
\r
360 * @param String field_id form field id
\r
361 * @param boolean onKeyUpOnly see validateField
\r
362 * @return Array array of [function, paramseters to be passed to function]
\r
364 function getFieldValidators(field_id, onKeyUpOnly) {
\r
365 // look for field bound validator
\r
366 var name = field_id.match(/[^-]+$/)[0];
\r
367 if (typeof validators._field[name] != 'undefined') {
\r
368 return [[validators._field[name], null]];
\r
371 // look for registered validators
\r
372 var functions = [];
\r
373 if (typeof validate[field_id] != 'undefined') {
\r
374 // validate[field_id]: array of [type, params, onKeyUp]
\r
375 for (var i = 0, imax = validate[field_id].length; i < imax; i++) {
\r
376 if (onKeyUpOnly && !validate[field_id][i][2]) {
\r
379 functions.push([validators[validate[field_id][i][0]], validate[field_id][i][1]]);
\r
387 * Displays errors for given form fields
\r
389 * WARNING: created DOM elements must be identical with the ones made by
\r
390 * display_input() in FormDisplay.tpl.php!
\r
392 * @param Object error list (key: field id, value: error array)
\r
394 function displayErrors(errors) {
\r
395 $each(errors, function(errors, field_id) {
\r
396 var field = $(field_id);
\r
397 var isFieldset = field.tagName == 'FIELDSET';
\r
398 var errorCnt = isFieldset
\r
399 ? field.getElement('dl.errors')
\r
400 : field.getNext('.inline_errors');
\r
402 // remove empty errors (used to clear error list)
\r
403 errors = errors.filter(function(item) {
\r
407 if (errors.length) {
\r
408 // if error container doesn't exist, create it
\r
409 if (errorCnt === null) {
\r
411 errorCnt = new Element('dl', {
\r
414 errorCnt.inject(field.getElement('table'), 'before');
\r
416 errorCnt = new Element('dl', {
\r
417 'class': 'inline_errors'
\r
419 errorCnt.inject(field.getParent('td'), 'bottom');
\r
424 for (var i = 0, imax = errors.length; i < imax; i++) {
\r
425 html += '<dd>' + errors[i] + '</dd>';
\r
427 errorCnt.set('html', html);
\r
428 } else if (errorCnt !== null) {
\r
429 // remove useless error container
\r
430 errorCnt.dispose();
\r
436 * Validates fieldset and puts errors in 'errors' object
\r
438 * @param Element field
\r
439 * @param boolean isKeyUp
\r
440 * @param Object errors
\r
442 function validate_fieldset(fieldset, isKeyUp, errors) {
\r
443 if (fieldset && typeof validators._fieldset[fieldset.id] != 'undefined') {
\r
444 var fieldset_errors = validators._fieldset[fieldset.id].bind(fieldset)(isKeyUp);
\r
445 $each(fieldset_errors, function(field_errors, field_id) {
\r
446 if (typeof errors[field_id] == 'undefined') {
\r
447 errors[field_id] = [];
\r
449 errors[field_id][$type(field_errors) == 'array' ? 'extend' : 'push'](field_errors);
\r
455 * Validates form field and puts errors in 'errors' object
\r
457 * @param Element field
\r
458 * @param boolean isKeyUp
\r
459 * @param Object errors
\r
461 function validate_field(field, isKeyUp, errors) {
\r
462 errors[field.id] = [];
\r
463 var functions = getFieldValidators(field.id, isKeyUp);
\r
464 for (var i = 0; i < functions.length; i++) {
\r
465 var result = functions[i][0].bind(field)(isKeyUp, functions[i][1]);
\r
466 if (result !== true) {
\r
467 errors[field.id][$type(result) == 'array' ? 'extend' : 'push'](result);
\r
473 * Validates form field and parent fieldset
\r
475 * @param Element field
\r
476 * @param boolean isKeyUp
\r
478 function validate_field_and_fieldset(field, isKeyUp) {
\r
480 validate_field(field, isKeyUp, errors);
\r
481 validate_fieldset(field.getParent('fieldset'), isKeyUp, errors);
\r
482 displayErrors(errors);
\r
486 * Marks field depending on its value (system default or custom)
\r
488 * @param Element field
\r
490 function markField(field) {
\r
491 var type = getFieldType(field);
\r
492 var isDefault = checkFieldDefault(field, type);
\r
494 // checkboxes uses parent <span> for marking
\r
495 var fieldMarker = (type == 'checkbox') ? field.getParent() : field;
\r
496 setRestoreDefaultBtn(field, !isDefault);
\r
497 fieldMarker[isDefault ? 'removeClass' : 'addClass']('custom');
\r
501 * Enables or disables the "restore default value" button
\r
503 * @param Element field
\r
504 * @param bool display
\r
506 function setRestoreDefaultBtn(field, display) {
\r
507 var td = field.getParent('td');
\r
509 var el = td.getElement('.restore-default');
\r
511 el.style.display = (display ? '' : 'none');
\r
514 window.addEvent('domready', function() {
\r
515 var elements = $$('input[id], select[id], textarea[id]');
\r
516 var elements_count = elements.length;
\r
518 // register validators and mark custom values
\r
519 for (var i = 0; i < elements_count; i++) {
\r
520 var el = elements[i];
\r
522 el.addEvent('change', function(e) {
\r
523 validate_field_and_fieldset(this, false);
\r
526 // text fields can be validated after each change
\r
527 if (el.tagName == 'INPUT' && el.type == 'text') {
\r
528 el.addEvent('keyup', function(e) {
\r
529 validate_field_and_fieldset(this, true);
\r
533 // disable textarea spellcheck
\r
534 if (el.tagName == 'TEXTAREA') {
\r
535 el.setProperty('spellcheck', false)
\r
539 // check whether we've refreshed a page and browser remembered modified
\r
541 var check_page_refresh = $('check_page_refresh');
\r
542 if (!check_page_refresh || check_page_refresh.value == '1') {
\r
543 // run all field validators
\r
545 for (var i = 0; i < elements_count; i++) {
\r
546 validate_field(elements[i], false, errors);
\r
548 // run all fieldset validators
\r
549 $$('fieldset').each(function(el){
\r
550 validate_fieldset(el, false, errors);
\r
553 displayErrors(errors);
\r
554 } else if (check_page_refresh) {
\r
555 check_page_refresh.value = '1';
\r
560 // END: Form validation and field operations
\r
561 // ------------------------------------------------------------------
\r
563 // ------------------------------------------------------------------
\r
570 * @param Element tab_link
\r
572 function setTab(tab_link) {
\r
573 var tabs_menu = tab_link.getParent('.tabs');
\r
575 var links = tabs_menu.getElements('a');
\r
577 for (var i = 0, imax = links.length; i < imax; i++) {
\r
578 contents = $(links[i].getProperty('href').substr(1));
\r
579 if (links[i] == tab_link) {
\r
580 links[i].addClass('active');
\r
581 contents.style.display = 'block';
\r
583 links[i].removeClass('active');
\r
584 contents.style.display = 'none';
\r
587 location.hash = 'tab_' + tab_link.getProperty('href').substr(1);
\r
590 window.addEvent('domready', function() {
\r
591 var tabs = $$('.tabs');
\r
592 var url_tab = location.hash.match(/^#tab_.+/)
\r
593 ? $$('a[href$="' + location.hash.substr(5) + '"]') : null;
\r
595 url_tab = url_tab[0];
\r
597 // add tabs events and activate one tab (the first one or indicated by location hash)
\r
598 for (var i = 0, imax = tabs.length; i < imax; i++) {
\r
599 var links = tabs[i].getElements('a');
\r
600 var selected_tab = links[0];
\r
601 for (var j = 0, jmax = links.length; j < jmax; j++) {
\r
602 links[j].addEvent('click', function(e) {
\r
606 if (links[j] == url_tab) {
\r
607 selected_tab = links[j];
\r
610 setTab(selected_tab);
\r
612 // tab links handling, check each 200ms
\r
613 // (works with history in FF, further browser support here would be an overkill)
\r
614 var prev_hash = location.hash;
\r
616 if (location.hash != prev_hash) {
\r
617 prev_hash = location.hash;
\r
618 var url_tab = location.hash.match(/^#tab_.+/)
\r
619 ? $$('a[href$="' + location.hash.substr(5) + '"]') : null;
\r
621 setTab(url_tab[0]);
\r
624 }).periodical(200);
\r
628 // END: Tabbed forms
\r
629 // ------------------------------------------------------------------
\r
631 // ------------------------------------------------------------------
\r
632 // Form reset buttons
\r
635 window.addEvent('domready', function() {
\r
636 var buttons = $$('input[type=button]');
\r
637 for (var i = 0, imax = buttons.length; i < imax; i++) {
\r
638 buttons[i].addEvent('click', function(e) {
\r
639 var fields = this.getParent('fieldset').getElements('input, select, textarea');
\r
640 for (var i = 0, imax = fields.length; i < imax; i++) {
\r
641 setFieldValue(fields[i], getFieldType(fields[i]));
\r
648 // END: Form reset buttons
\r
649 // ------------------------------------------------------------------
\r
651 // ------------------------------------------------------------------
\r
652 // "Restore default" and "set value" buttons
\r
656 * Restores field's default value
\r
658 * @param String field_id
\r
660 function restoreField(field_id) {
\r
661 var field = $(field_id);
\r
662 if (!field || !$defined(defaultValues[field_id])) {
\r
665 setFieldValue(field, getFieldType(field), defaultValues[field_id]);
\r
668 window.addEvent('domready', function() {
\r
669 var buttons = $$('.restore-default, .set-value');
\r
670 var fixIE = Browser.Engine.name == 'trident' && Browser.Engine.version == 4;
\r
671 for (var i = 0, imax = buttons.length; i < imax; i++) {
\r
672 buttons[i].set('opacity', 0.25);
\r
673 if (!buttons[i].hasClass('restore-default')) {
\r
674 // restore-default is handled by markField
\r
675 buttons[i].style.display = '';
\r
677 buttons[i].addEvents({
\r
678 mouseenter: function(e) {this.set('opacity', 1);},
\r
679 mouseleave: function(e) {this.set('opacity', 0.25);},
\r
680 click: function(e) {
\r
682 var href = this.getProperty('href').substr(1);
\r
684 if (this.hasClass('restore-default')) {
\r
686 restoreField(field_id);
\r
688 field_id = href.match(/^[^=]+/)[0];
\r
689 var value = href.match(/=(.+)$/)[1];
\r
690 setFieldValue($(field_id), 'text', value);
\r
692 $(field_id).fireEvent('change');
\r
695 // fix IE showing <img> alt text instead of link title
\r
697 buttons[i].getChildren('img')[0].alt = buttons[i].title;
\r
703 // END: "Restore default" and "set value" buttons
\r
704 // ------------------------------------------------------------------
\r