The branch, master has been updated via 12b5d8d20b08c25115e9e6b7c68865a8b191fdc5 (commit) via 5603e1a68373b88fa46911d2e38c0a7e7def017e (commit) from 1fc253e19e6952437fe980a932cf62e5200988e5 (commit) - Log ----------------------------------------------------------------- commit 12b5d8d20b08c25115e9e6b7c68865a8b191fdc5 Author: Michal Čihař <mcihar@novell.com> Date: Fri Apr 9 11:13:20 2010 +0200 Convert end of lines. commit 5603e1a68373b88fa46911d2e38c0a7e7def017e Author: Crack <piotrprz@gmail.com> Date: Thu Apr 8 19:30:20 2010 +0200 Setup script: migrate MooTools code to jQuery ----------------------------------------------------------------------- Summary of changes: js/jquery/jquery.json-2.2.min.js | 31 + setup/index.php | 5 +- setup/lib/FormDisplay.class.php | 4 +- setup/scripts.js | 1446 +++++++++++++++++++------------------- setup/styles.css | 768 ++++++++++---------- 5 files changed, 1154 insertions(+), 1100 deletions(-) create mode 100644 js/jquery/jquery.json-2.2.min.js diff --git a/js/jquery/jquery.json-2.2.min.js b/js/jquery/jquery.json-2.2.min.js new file mode 100644 index 0000000..bad4a0a --- /dev/null +++ b/js/jquery/jquery.json-2.2.min.js @@ -0,0 +1,31 @@ + +(function($){$.toJSON=function(o) +{if(typeof(JSON)=='object'&&JSON.stringify) +return JSON.stringify(o);var type=typeof(o);if(o===null) +return"null";if(type=="undefined") +return undefined;if(type=="number"||type=="boolean") +return o+"";if(type=="string") +return $.quoteString(o);if(type=='object') +{if(typeof o.toJSON=="function") +return $.toJSON(o.toJSON());if(o.constructor===Date) +{var month=o.getUTCMonth()+1;if(month<10)month='0'+month;var day=o.getUTCDate();if(day<10)day='0'+day;var year=o.getUTCFullYear();var hours=o.getUTCHours();if(hours<10)hours='0'+hours;var minutes=o.getUTCMinutes();if(minutes<10)minutes='0'+minutes;var seconds=o.getUTCSeconds();if(seconds<10)seconds='0'+seconds;var milli=o.getUTCMilliseconds();if(milli<100)milli='0'+milli;if(milli<10)milli='0'+milli;return'"'+year+'-'+month+'-'+day+'T'+ +hours+':'+minutes+':'+seconds+'.'+milli+'Z"';} +if(o.constructor===Array) +{var ret=[];for(var i=0;i<o.length;i++) +ret.push($.toJSON(o[i])||"null");return"["+ret.join(",")+"]";} +var pairs=[];for(var k in o){var name;var type=typeof k;if(type=="number") +name='"'+k+'"';else if(type=="string") +name=$.quoteString(k);else +continue;if(typeof o[k]=="function") +continue;var val=$.toJSON(o[k]);pairs.push(name+":"+val);} +return"{"+pairs.join(", ")+"}";}};$.evalJSON=function(src) +{if(typeof(JSON)=='object'&&JSON.parse) +return JSON.parse(src);return eval("("+src+")");};$.secureEvalJSON=function(src) +{if(typeof(JSON)=='object'&&JSON.parse) +return JSON.parse(src);var filtered=src;filtered=filtered.replace(/\\["\\\/bfnrtu]/g,'@');filtered=filtered.replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,']');filtered=filtered.replace(/(?:^|:|,)(?:\s*\[)+/g,'');if(/^[\],:{}\s]*$/.test(filtered)) +return eval("("+src+")");else +throw new SyntaxError("Error parsing JSON, source is not valid.");};$.quoteString=function(string) +{if(string.match(_escapeable)) +{return'"'+string.replace(_escapeable,function(a) +{var c=_meta[a];if(typeof c==='string')return c;c=a.charCodeAt();return'\\u00'+Math.floor(c/16).toString(16)+(c%16).toString(16);})+'"';} +return'"'+string+'"';};var _escapeable=/["\\\x00-\x1f\x7f-\x9f]/g;var _meta={'\b':'\\b','\t':'\\t','\n':'\\n','\f':'\\f','\r':'\\r','"':'\\"','\\':'\\\\'};})(jQuery); \ No newline at end of file diff --git a/setup/index.php b/setup/index.php index 44174b7..a0f5b3a 100644 --- a/setup/index.php +++ b/setup/index.php @@ -34,8 +34,9 @@ require './libraries/header_http.inc.php'; <link href="../favicon.ico" rel="icon" type="image/x-icon" /> <link href="../favicon.ico" rel="shortcut icon" type="image/x-icon" /> <link href="styles.css" rel="stylesheet" type="text/css" /> -<script type="text/javascript" src="../js/mootools.js"></script> -<script type="text/javascript" src="../js/mootools-more.js"></script> +<script type="text/javascript" src="../js/jquery/jquery-1.4.2-min.js"></script> +<script type="text/javascript" src="../js/jquery/jquery-ui-1.8.custom.min.js"></script> +<script type="text/javascript" src="../js/jquery/jquery.json-2.2.min.js"></script> <script type="text/javascript" src="scripts.js"></script> </head> <body> diff --git a/setup/lib/FormDisplay.class.php b/setup/lib/FormDisplay.class.php index e3c8b0a..f1ee1c3 100644 --- a/setup/lib/FormDisplay.class.php +++ b/setup/lib/FormDisplay.class.php @@ -227,10 +227,10 @@ class FormDisplay : filter_input($GLOBALS["str$str"]); // null if not set $js_lang[] = "'$str': '" . PMA_jsFormat($lang, false) . '\''; } - $js[] = '$extend(PMA_messages, {' . implode(",\n\t", $js_lang) . '})'; + $js[] = '$.extend(PMA_messages, {' . implode(",\n\t", $js_lang) . '})'; } - $js[] = '$extend(defaultValues, {' . implode(",\n\t", $js_default) . '})'; + $js[] = '$.extend(defaultValues, {' . implode(",\n\t", $js_default) . '})'; display_js($js); } diff --git a/setup/scripts.js b/setup/scripts.js index 16b0568..7298e63 100644 --- a/setup/scripts.js +++ b/setup/scripts.js @@ -1,717 +1,729 @@ -/** - * functions used in setup script - * - * @version $Id$ - */ - -// show this window in top frame -if (top != self) { - window.top.location.href = location; -} - -// default values for fields -var defaultValues = {}; - -// language strings -var PMA_messages = {}; - -/** - * Returns field type - * - * @param Element field - */ -function getFieldType(field) { - if (field.tagName == 'INPUT') { - return field.getProperty('type'); - } else if (field.tagName == 'SELECT') { - return 'select'; - } else if (field.tagName == 'TEXTAREA') { - return 'text'; - } - return ''; -} - -/** - * Sets field value - * - * value must be of type: - * o undefined (omitted) - restore default value (form default, not PMA default) - * o String - if type is 'text' - * o boolean - if type is 'checkbox' - * o Array of values - if type is 'select' - * - * @param Element field - * @param String field_type see getFieldType - * @param mixed value - */ -function setFieldValue(field, field_type, value) { - switch (field_type) { - case 'text': - field.value = $defined(value) ? value : field.defaultValue; - break; - case 'checkbox': - field.checked = $defined(value) ? value : field.defaultChecked; - break; - case 'select': - var i, imax = field.options.length; - if (!$defined(value)) { - for (i = 0; i < imax; i++) { - field.options[i].selected = field.options[i].defaultSelected; - } - } else { - for (i = 0; i < imax; i++) { - field.options[i].selected = (value.indexOf(field.options[i].value) != -1); - } - } - break; - } - markField(field); -} - -/** - * Gets field value - * - * Will return one of: - * o String - if type is 'text' - * o boolean - if type is 'checkbox' - * o Array of values - if type is 'select' - * - * @param Element field - * @param String field_type see getFieldType - * @return mixed - */ -function getFieldValue(field, field_type) { - switch (field_type) { - case 'text': - return field.value; - case 'checkbox': - return field.checked; - case 'select': - var i, imax = field.options.length, items = []; - for (i = 0; i < imax; i++) { - if (field.options[i].selected) { - items.push(field.options[i].value); - } - } - return items; - } -} - -/** - * Returns values for all fields in fieldsets - */ -function getAllValues() { - var elements = $$('fieldset input, fieldset select, fieldset textarea'); - var values = {} - var type, value; - for (var i = 0; i < elements.length; i++) { - type = getFieldType(elements[i]); - value = getFieldValue(elements[i], type); - if (typeof value != 'undefined') { - // we only have single selects, fatten array - if (type == 'select') { - value = value[0]; - } - values[elements[i].name] = value; - } - } - return values; -} - -/** - * Checks whether field has its default value - * - * @param Element field - * @param String type - * @return boolean - */ -function checkFieldDefault(field, type) { - if (!$defined(defaultValues[field.id])) { - return true; - } - var isDefault = true - var currentValue = getFieldValue(field, type); - if (type != 'select') { - isDefault = currentValue == defaultValues[field.id]; - } else { - // compare arrays, will work for our representation of select values - if (currentValue.length != defaultValues[field.id].length) { - isDefault = false; - } - else { - for (var i = 0; i < currentValue.length; i++) { - if (currentValue[i] != defaultValues[field.id][i]) { - isDefault = false; - break; - } - } - } - } - return isDefault; -} - -/** - * Returns element's id prefix - * @param Element element - */ -function getIdPrefix(element) { - return element.id.replace(/[^-]+$/, ''); -} - -// ------------------------------------------------------------------ -// Messages -// - -// stores hidden message ids -var hiddenMessages = []; - -window.addEvent('domready', function() { - var hidden = hiddenMessages.length; - for (var i = 0; i < hidden; i++) { - $(hiddenMessages[i]).style.display = 'none'; - } - if (hidden > 0) { - var link = $('show_hidden_messages'); - link.addEvent('click', function(e) { - e.stop(); - for (var i = 0; i < hidden; i++) { - $(hiddenMessages[i]).style.display = ''; - } - this.dispose(); - }); - link.set('html', link.get('html').replace('#MSG_COUNT', hidden)); - link.style.display = ''; - } -}); - -// -// END: Messages -// ------------------------------------------------------------------ - -// ------------------------------------------------------------------ -// Form validation and field operations -// - -// form validator assignments -var validate = {}; - -// form validator list -var validators = { - /** - * Validates positive number - * - * @param boolean isKeyUp - */ - validate_positive_number: function (isKeyUp) { - var result = this.value.test('^[0-9]*$') && this.value != '0'; - return result ? true : PMA_messages['error_nan_p']; - }, - /** - * Validates non-negative number - * - * @param boolean isKeyUp - */ - validate_non_negative_number: function (isKeyUp) { - var result = this.value.test('^[0-9]*$'); - return result ? true : PMA_messages['error_nan_nneg']; - }, - /** - * Validates port number - * - * @param boolean isKeyUp - */ - validate_port_number: function(isKeyUp) { - var result = this.value.test('^[0-9]*$') && this.value != '0'; - if (!result || this.value > 65536) { - result = PMA_messages['error_incorrect_port']; - } - return result; - }, - // field validators - _field: { - /** - * hide_db field - * - * @param boolean isKeyUp - */ - hide_db: function(isKeyUp) { - if (!isKeyUp && this.value != '') { - var data = {}; - data[this.id] = this.value; - ajaxValidate(this, 'Servers/1/hide_db', data); - } - return true; - }, - /** - * TrustedProxies field - * - * @param boolean isKeyUp - */ - TrustedProxies: function(isKeyUp) { - if (!isKeyUp && this.value != '') { - var data = {}; - data[this.id] = this.value; - ajaxValidate(this, 'TrustedProxies', data); - } - return true; - }, - }, - // fieldset validators - _fieldset: { - /** - * Validates Server fieldset - * - * @param boolean isKeyUp - */ - Server: function(isKeyUp) { - if (!isKeyUp) { - ajaxValidate(this, 'Server', getAllValues()); - } - return true; - }, - /** - * Validates Server_login_options fieldset - * - * @param boolean isKeyUp - */ - Server_login_options: function(isKeyUp) { - return validators._fieldset.Server.bind(this)(isKeyUp); - }, - /** - * Validates Server_pmadb fieldset - * - * @param boolean isKeyUp - */ - Server_pmadb: function(isKeyUp) { - if (isKeyUp) { - return true; - } - - var prefix = getIdPrefix(this.getElement('input')); - var pmadb_active = $(prefix + 'pmadb').value != ''; - if (pmadb_active) { - ajaxValidate(this, 'Server_pmadb', getAllValues()); - } - - return true; - } - } -} - -/** - * Calls server-side validation procedures - * - * @param Element parent input field in <fieldset> or <fieldset> - * @param String id validator id - * @param Object values values hash (element_id: value) - */ -function ajaxValidate(parent, id, values) { - // ensure that parent is a fieldset - if (parent.tagName != 'FIELDSET') { - parent = parent.getParent('fieldset'); - if (!parent) { - return false; - } - } - // ensure that we have a Request object - if (typeof parent.request == 'undefined') { - parent.validate = { - request: new Request.JSON({ - url: 'validate.php', - autoCancel: true, - onSuccess: function(response) { - if (response == null) { - return; - } - var error = {}; - if ($type(response) != 'object') { - error[parent.id] = [response]; - } else if (typeof response['error'] != 'undefined') { - error[parent.id] = [response['error']]; - } else { - $each(response, function(value, key) { - error[key] = $type(value) == 'array' ? value : [value]; - }); - } - displayErrors(error); - }}), - token: parent.getParent('form').token.value - }; - } - - parent.validate.request.send({ - data: { - token: parent.validate.token, - id: id, - values: JSON.encode(values)} - }); - - return true; -} - -/** - * Registers validator for given field - * - * @param String id field id - * @param String type validator (key in validators object) - * @param boolean onKeyUp whether fire on key up - * @param mixed params validation function parameters - */ -function validateField(id, type, onKeyUp, params) { - if (typeof validators[type] == 'undefined') { - return; - } - if (typeof validate[id] == 'undefined') { - validate[id] = []; - } - validate[id].push([type, params, onKeyUp]); -} - -/** - * Returns valdiation functions associated with form field - * - * @param String field_id form field id - * @param boolean onKeyUpOnly see validateField - * @return Array array of [function, paramseters to be passed to function] - */ -function getFieldValidators(field_id, onKeyUpOnly) { - // look for field bound validator - var name = field_id.match(/[^-]+$/)[0]; - if (typeof validators._field[name] != 'undefined') { - return [[validators._field[name], null]]; - } - - // look for registered validators - var functions = []; - if (typeof validate[field_id] != 'undefined') { - // validate[field_id]: array of [type, params, onKeyUp] - for (var i = 0, imax = validate[field_id].length; i < imax; i++) { - if (onKeyUpOnly && !validate[field_id][i][2]) { - continue; - } - functions.push([validators[validate[field_id][i][0]], validate[field_id][i][1]]); - } - } - - return functions; -} - -/** - * Displays errors for given form fields - * - * WARNING: created DOM elements must be identical with the ones made by - * display_input() in FormDisplay.tpl.php! - * - * @param Object error list (key: field id, value: error array) - */ -function displayErrors(errors) { - $each(errors, function(errors, field_id) { - var field = $(field_id); - var isFieldset = field.tagName == 'FIELDSET'; - var errorCnt = isFieldset - ? field.getElement('dl.errors') - : field.getNext('.inline_errors'); - - // remove empty errors (used to clear error list) - errors = errors.filter(function(item) { - return item != ''; - }); - - if (errors.length) { - // if error container doesn't exist, create it - if (errorCnt === null) { - if (isFieldset) { - errorCnt = new Element('dl', { - 'class': 'errors' - }); - errorCnt.inject(field.getElement('table'), 'before'); - } else { - errorCnt = new Element('dl', { - 'class': 'inline_errors' - }); - errorCnt.inject(field.getParent('td'), 'bottom'); - } - } - - var html = ''; - for (var i = 0, imax = errors.length; i < imax; i++) { - html += '<dd>' + errors[i] + '</dd>'; - } - errorCnt.set('html', html); - } else if (errorCnt !== null) { - // remove useless error container - errorCnt.dispose(); - } - }); -} - -/** - * Validates fieldset and puts errors in 'errors' object - * - * @param Element field - * @param boolean isKeyUp - * @param Object errors - */ -function validate_fieldset(fieldset, isKeyUp, errors) { - if (fieldset && typeof validators._fieldset[fieldset.id] != 'undefined') { - var fieldset_errors = validators._fieldset[fieldset.id].bind(fieldset)(isKeyUp); - $each(fieldset_errors, function(field_errors, field_id) { - if (typeof errors[field_id] == 'undefined') { - errors[field_id] = []; - } - errors[field_id][$type(field_errors) == 'array' ? 'extend' : 'push'](field_errors); - }); - } -} - -/** - * Validates form field and puts errors in 'errors' object - * - * @param Element field - * @param boolean isKeyUp - * @param Object errors - */ -function validate_field(field, isKeyUp, errors) { - errors[field.id] = []; - var functions = getFieldValidators(field.id, isKeyUp); - for (var i = 0; i < functions.length; i++) { - var result = functions[i][0].bind(field)(isKeyUp, functions[i][1]); - if (result !== true) { - errors[field.id][$type(result) == 'array' ? 'extend' : 'push'](result); - } - } -} - -/** - * Validates form field and parent fieldset - * - * @param Element field - * @param boolean isKeyUp - */ -function validate_field_and_fieldset(field, isKeyUp) { - var errors = {}; - validate_field(field, isKeyUp, errors); - validate_fieldset(field.getParent('fieldset'), isKeyUp, errors); - displayErrors(errors); -} - -/** - * Marks field depending on its value (system default or custom) - * - * @param Element field - */ -function markField(field) { - var type = getFieldType(field); - var isDefault = checkFieldDefault(field, type); - - // checkboxes uses parent <span> for marking - var fieldMarker = (type == 'checkbox') ? field.getParent() : field; - setRestoreDefaultBtn(field, !isDefault); - fieldMarker[isDefault ? 'removeClass' : 'addClass']('custom'); -} - -/** - * Enables or disables the "restore default value" button - * - * @param Element field - * @param bool display - */ -function setRestoreDefaultBtn(field, display) { - var td = field.getParent('td'); - if (!td) return; - var el = td.getElement('.restore-default'); - if (!el) return; - el.style.display = (display ? '' : 'none'); -} - -window.addEvent('domready', function() { - var elements = $$('input[id], select[id], textarea[id]'); - var elements_count = elements.length; - - // register validators and mark custom values - for (var i = 0; i < elements_count; i++) { - var el = elements[i]; - markField(el); - el.addEvent('change', function(e) { - validate_field_and_fieldset(this, false); - markField(this); - }); - // text fields can be validated after each change - if (el.tagName == 'INPUT' && el.type == 'text') { - el.addEvent('keyup', function(e) { - validate_field_and_fieldset(this, true); - markField(el); - }); - } - // disable textarea spellcheck - if (el.tagName == 'TEXTAREA') { - el.setProperty('spellcheck', false) - } - } - - // check whether we've refreshed a page and browser remembered modified - // form values - var check_page_refresh = $('check_page_refresh'); - if (!check_page_refresh || check_page_refresh.value == '1') { - // run all field validators - var errors = {}; - for (var i = 0; i < elements_count; i++) { - validate_field(elements[i], false, errors); - } - // run all fieldset validators - $$('fieldset').each(function(el){ - validate_fieldset(el, false, errors); - }); - - displayErrors(errors); - } else if (check_page_refresh) { - check_page_refresh.value = '1'; - } -}); - -// -// END: Form validation and field operations -// ------------------------------------------------------------------ - -// ------------------------------------------------------------------ -// Tabbed forms -// - -/** - * Sets active tab - * - * @param Element tab_link - */ -function setTab(tab_link) { - var tabs_menu = tab_link.getParent('.tabs'); - - var links = tabs_menu.getElements('a'); - var contents; - for (var i = 0, imax = links.length; i < imax; i++) { - contents = $(links[i].getProperty('href').substr(1)); - if (links[i] == tab_link) { - links[i].addClass('active'); - contents.style.display = 'block'; - } else { - links[i].removeClass('active'); - contents.style.display = 'none'; - } - } - location.hash = 'tab_' + tab_link.getProperty('href').substr(1); -} - -window.addEvent('domready', function() { - var tabs = $$('.tabs'); - var url_tab = location.hash.match(/^#tab_.+/) - ? $$('a[href$="' + location.hash.substr(5) + '"]') : null; - if (url_tab) { - url_tab = url_tab[0]; - } - // add tabs events and activate one tab (the first one or indicated by location hash) - for (var i = 0, imax = tabs.length; i < imax; i++) { - var links = tabs[i].getElements('a'); - var selected_tab = links[0]; - for (var j = 0, jmax = links.length; j < jmax; j++) { - links[j].addEvent('click', function(e) { - e.stop(); - setTab(this); - }); - if (links[j] == url_tab) { - selected_tab = links[j]; - } - } - setTab(selected_tab); - } - // tab links handling, check each 200ms - // (works with history in FF, further browser support here would be an overkill) - var prev_hash = location.hash; - (function() { - if (location.hash != prev_hash) { - prev_hash = location.hash; - var url_tab = location.hash.match(/^#tab_.+/) - ? $$('a[href$="' + location.hash.substr(5) + '"]') : null; - if (url_tab) { - setTab(url_tab[0]); - } - } - }).periodical(200); -}); - -// -// END: Tabbed forms -// ------------------------------------------------------------------ - -// ------------------------------------------------------------------ -// Form reset buttons -// - -window.addEvent('domready', function() { - var buttons = $$('input[type=button]'); - for (var i = 0, imax = buttons.length; i < imax; i++) { - buttons[i].addEvent('click', function(e) { - var fields = this.getParent('fieldset').getElements('input, select, textarea'); - for (var i = 0, imax = fields.length; i < imax; i++) { - setFieldValue(fields[i], getFieldType(fields[i])); - } - }); - } -}); - -// -// END: Form reset buttons -// ------------------------------------------------------------------ - -// ------------------------------------------------------------------ -// "Restore default" and "set value" buttons -// - -/** - * Restores field's default value - * - * @param String field_id - */ -function restoreField(field_id) { - var field = $(field_id); - if (!field || !$defined(defaultValues[field_id])) { - return; - } - setFieldValue(field, getFieldType(field), defaultValues[field_id]); -} - -window.addEvent('domready', function() { - var buttons = $$('.restore-default, .set-value'); - var fixIE = Browser.Engine.name == 'trident' && Browser.Engine.version == 4; - for (var i = 0, imax = buttons.length; i < imax; i++) { - buttons[i].set('opacity', 0.25); - if (!buttons[i].hasClass('restore-default')) { - // restore-default is handled by markField - buttons[i].style.display = ''; - } - buttons[i].addEvents({ - mouseenter: function(e) {this.set('opacity', 1);}, - mouseleave: function(e) {this.set('opacity', 0.25);}, - click: function(e) { - e.stop(); - var href = this.getProperty('href').substr(1); - var field_id; - if (this.hasClass('restore-default')) { - field_id = href; - restoreField(field_id); - } else { - field_id = href.match(/^[^=]+/)[0]; - var value = href.match(/=(.+)$/)[1]; - setFieldValue($(field_id), 'text', value); - } - $(field_id).fireEvent('change'); - } - }); - // fix IE showing <img> alt text instead of link title - if (fixIE) { - buttons[i].getChildren('img')[0].alt = buttons[i].title; - } - } -}); - -// -// END: "Restore default" and "set value" buttons -// ------------------------------------------------------------------ +/** + * functions used in setup script + * + * @version $Id$ + */ + +// show this window in top frame +if (top != self) { + window.top.location.href = location; +} + +// default values for fields +var defaultValues = {}; + +// language strings +var PMA_messages = {}; + +/** + * Returns field type + * + * @param Element field + */ +function getFieldType(field) { + field = $(field); + var tagName = field.attr('tagName'); + if (tagName == 'INPUT') { + return field.attr('type'); + } else if (tagName == 'SELECT') { + return 'select'; + } else if (tagName == 'TEXTAREA') { + return 'text'; + } + return ''; +} + +/** + * Sets field value + * + * value must be of type: + * o undefined (omitted) - restore default value (form default, not PMA default) + * o String - if field_type is 'text' + * o boolean - if field_type is 'checkbox' + * o Array of values - if field_type is 'select' + * + * @param Element field + * @param String field_type see getFieldType + * @param mixed value + */ +function setFieldValue(field, field_type, value) { + field = $(field); + switch (field_type) { + case 'text': + field.attr('value', (value != undefined ? value : field.attr('defaultValue'))); + break; + case 'checkbox': + field.attr('checked', (value != undefined ? value : field.attr('defaultChecked'))); + break; + case 'select': + var options = field.attr('options'); + var i, imax = options.length; + if (value == undefined) { + for (i = 0; i < imax; i++) { + options[i].selected = options[i].defaultSelected; + } + } else { + for (i = 0; i < imax; i++) { + options[i].selected = (value.indexOf(options[i].value) != -1); + } + } + break; + } + markField(field); +} + +/** + * Gets field value + * + * Will return one of: + * o String - if type is 'text' + * o boolean - if type is 'checkbox' + * o Array of values - if type is 'select' + * + * @param Element field + * @param String field_type see getFieldType + * @return mixed + */ +function getFieldValue(field, field_type) { + field = $(field); + switch (field_type) { + case 'text': + return field.attr('value'); + case 'checkbox': + return field.attr('checked'); + case 'select': + var options = field.attr('options'); + var i, imax = options.length, items = []; + for (i = 0; i < imax; i++) { + if (options[i].selected) { + items.push(options[i].value); + } + } + return items; + } +} + +/** + * Returns values for all fields in fieldsets + */ +function getAllValues() { + var elements = $('fieldset input, fieldset select, fieldset textarea'); + var values = {}; + var type, value; + for (var i = 0; i < elements.length; i++) { + type = getFieldType(elements[i]); + value = getFieldValue(elements[i], type); + if (typeof value != 'undefined') { + // we only have single selects, fatten array + if (type == 'select') { + value = value[0]; + } + values[elements[i].name] = value; + } + } + return values; +} + +/** + * Checks whether field has its default value + * + * @param Element field + * @param String type + * @return boolean + */ +function checkFieldDefault(field, type) { + field = $(field); + var field_id = field.attr('id'); + if (typeof defaultValues[field_id] == 'undefined') { + return true; + } + var isDefault = true; + var currentValue = getFieldValue(field, type); + if (type != 'select') { + isDefault = currentValue == defaultValues[field_id]; + } else { + // compare arrays, will work for our representation of select values + if (currentValue.length != defaultValues[field_id].length) { + isDefault = false; + } + else { + for (var i = 0; i < currentValue.length; i++) { + if (currentValue[i] != defaultValues[field_id][i]) { + isDefault = false; + break; + } + } + } + } + return isDefault; +} + +/** + * Returns element's id prefix + * @param Element element + */ +function getIdPrefix(element) { + return $(element).attr('id').replace(/[^-]+$/, ''); +} + +// ------------------------------------------------------------------ +// Messages +// + +// stores hidden message ids +var hiddenMessages = []; + +$(function() { + var hidden = hiddenMessages.length; + for (var i = 0; i < hidden; i++) { + $('#'+hiddenMessages[i]).css('display', 'none'); + } + if (hidden > 0) { + var link = $('#show_hidden_messages'); + link.click(function(e) { + e.preventDefault(); + for (var i = 0; i < hidden; i++) { + $('#'+hiddenMessages[i]).show(500); + } + $(this).remove(); + }); + link.html(link.html().replace('#MSG_COUNT', hidden)); + link.css('display', ''); + } +}); + +// +// END: Messages +// ------------------------------------------------------------------ + +// ------------------------------------------------------------------ +// Form validation and field operations +// + +// form validator assignments +var validate = {}; + +// form validator list +var validators = { + // regexp: numeric value + _regexp_numeric: new RegExp('^[0-9]*$'), + /** + * Validates positive number + * + * @param boolean isKeyUp + */ + validate_positive_number: function (isKeyUp) { + var result = this.value != '0' && validators._regexp_numeric.test(this.value); + return result ? true : PMA_messages['error_nan_p']; + }, + /** + * Validates non-negative number + * + * @param boolean isKeyUp + */ + validate_non_negative_number: function (isKeyUp) { + var result = validators._regexp_numeric.test(this.value); + return result ? true : PMA_messages['error_nan_nneg']; + }, + /** + * Validates port number + * + * @param boolean isKeyUp + */ + validate_port_number: function(isKeyUp) { + var result = validators._regexp_numeric.test(this.value) && this.value != '0'; + if (!result || this.value > 65536) { + result = PMA_messages['error_incorrect_port']; + } + return result; + }, + // field validators + _field: { + /** + * hide_db field + * + * @param boolean isKeyUp + */ + hide_db: function(isKeyUp) { + if (!isKeyUp && this.value != '') { + var data = {}; + data[this.id] = this.value; + ajaxValidate(this, 'Servers/1/hide_db', data); + } + return true; + }, + /** + * TrustedProxies field + * + * @param boolean isKeyUp + */ + TrustedProxies: function(isKeyUp) { + if (!isKeyUp && this.value != '') { + var data = {}; + data[this.id] = this.value; + ajaxValidate(this, 'TrustedProxies', data); + } + return true; + } + }, + // fieldset validators + _fieldset: { + /** + * Validates Server fieldset + * + * @param boolean isKeyUp + */ + Server: function(isKeyUp) { + if (!isKeyUp) { + ajaxValidate(this, 'Server', getAllValues()); + } + return true; + }, + /** + * Validates Server_login_options fieldset + * + * @param boolean isKeyUp + */ + Server_login_options: function(isKeyUp) { + return validators._fieldset.Server.apply(this, [isKeyUp]); + }, + /** + * Validates Server_pmadb fieldset + * + * @param boolean isKeyUp + */ + Server_pmadb: function(isKeyUp) { + if (isKeyUp) { + return true; + } + + var prefix = getIdPrefix($(this).find('input')); + var pmadb_active = $('#' + prefix + 'pmadb').val() != ''; + if (pmadb_active) { + ajaxValidate(this, 'Server_pmadb', getAllValues()); + } + + return true; + } + } +}; + +/** + * Calls server-side validation procedures + * + * @param Element parent input field in <fieldset> or <fieldset> + * @param String id validator id + * @param Object values values hash (element_id: value) + */ +function ajaxValidate(parent, id, values) { + parent = $(parent); + // ensure that parent is a fieldset + if (parent.attr('tagName') != 'FIELDSET') { + parent = parent.closest('fieldset'); + if (parent.length == 0) { + return false; + } + } + + if (parent.data('ajax') != null) { + parent.data('ajax').abort(); + } + + parent.data('ajax', $.ajax({ + url: 'validate.php', + cache: false, + type: 'POST', + data: { + token: parent.closest('form').find('input[name=token]').val(), + id: id, + values: $.toJSON(values) + }, + success: function(response) { + if (response == null) { + return; + } + + var error = {}; + if (typeof response != 'object') { + error[parent.id] = [response]; + } else if (typeof response['error'] != 'undefined') { + error[parent.id] = [response['error']]; + } else { + for (key in response) { + var value = response[key]; + error[key] = jQuery.isArray(value) ? value : [value]; + } + } + displayErrors(error); + }, + complete: function() { + parent.removeData('ajax'); + } + })); + + return true; +} + +/** + * Registers validator for given field + * + * @param String id field id + * @param String type validator (key in validators object) + * @param boolean onKeyUp whether fire on key up + * @param mixed params validation function parameters + */ +function validateField(id, type, onKeyUp, params) { + if (typeof validators[type] == 'undefined') { + return; + } + if (typeof validate[id] == 'undefined') { + validate[id] = []; + } + validate[id].push([type, params, onKeyUp]); +} + +/** + * Returns valdiation functions associated with form field + * + * @param String field_id form field id + * @param boolean onKeyUpOnly see validateField + * @return Array array of [function, paramseters to be passed to function] + */ +function getFieldValidators(field_id, onKeyUpOnly) { + // look for field bound validator + var name = field_id.match(/[^-]+$/)[0]; + if (typeof validators._field[name] != 'undefined') { + return [[validators._field[name], null]]; + } + + // look for registered validators + var functions = []; + if (typeof validate[field_id] != 'undefined') { + // validate[field_id]: array of [type, params, onKeyUp] + for (var i = 0, imax = validate[field_id].length; i < imax; i++) { + if (onKeyUpOnly && !validate[field_id][i][2]) { + continue; + } + functions.push([validators[validate[field_id][i][0]], validate[field_id][i][1]]); + } + } + + return functions; +} + +/** + * Displays errors for given form fields + * + * WARNING: created DOM elements must be identical with the ones made by + * display_input() in FormDisplay.tpl.php! + * + * @param Object error list (key: field id, value: error array) + */ +function displayErrors(error_list) { + for (field_id in error_list) { + var errors = error_list[field_id]; + var field = $('#'+field_id); + var isFieldset = field.attr('tagName') == 'FIELDSET'; + var errorCnt = isFieldset + ? field.find('dl.errors') + : field.siblings('.inline_errors'); + + // remove empty errors (used to clear error list) + errors = $.grep(errors, function(item) { + return item != ''; + }); + + if (errors.length) { + // if error container doesn't exist, create it + if (errorCnt.length == 0) { + if (isFieldset) { + errorCnt = $('<dl class="errors" />'); + field.find('table').before(errorCnt); + } else { + errorCnt = $('<dl class="inline_errors" />'); + field.closest('td').append(errorCnt); + } + } + + var html = ''; + for (var i = 0, imax = errors.length; i < imax; i++) { + html += '<dd>' + errors[i] + '</dd>'; + } + errorCnt.html(html); + } else if (errorCnt !== null) { + // remove useless error container + errorCnt.remove(); + } + } +} + +/** + * Validates fieldset and puts errors in 'errors' object + * + * @param Element field + * @param boolean isKeyUp + * @param Object errors + */ +function validate_fieldset(fieldset, isKeyUp, errors) { + fieldset = $(fieldset); + if (fieldset.length && typeof validators._fieldset[fieldset.attr('id')] != 'undefined') { + var fieldset_errors = validators._fieldset[fieldset.attr('id')].apply(fieldset[0], [isKeyUp]); + for (field_id in fieldset_errors) { + if (typeof errors[field_id] == 'undefined') { + errors[field_id] = []; + } + if (typeof fieldset_errors[field_id] == 'string') { + fieldset_errors[field_id] = [fieldset_errors[field_id]]; + } + $.merge(errors[field_id], fieldset_errors[field_id]); + } + } +} + +/** + * Validates form field and puts errors in 'errors' object + * + * @param Element field + * @param boolean isKeyUp + * @param Object errors + */ +function validate_field(field, isKeyUp, errors) { + field = $(field); + var field_id = field.attr('id'); + errors[field_id] = []; + var functions = getFieldValidators(field_id, isKeyUp); + for (var i = 0; i < functions.length; i++) { + var result = functions[i][0].apply(field[0], [isKeyUp, functions[i][1]]); + if (result !== true) { + if (typeof result == 'string') { + result = [result]; + } + $.merge(errors[field_id], result); + } + } +} + +/** + * Validates form field and parent fieldset + * + * @param Element field + * @param boolean isKeyUp + */ +function validate_field_and_fieldset(field, isKeyUp) { + field = $(field); + var errors = {}; + validate_field(field, isKeyUp, errors); + validate_fieldset(field.closest('fieldset'), isKeyUp, errors); + displayErrors(errors); +} + +/** + * Marks field depending on its value (system default or custom) + * + * @param Element field + */ +function markField(field) { + field = $(field); + var type = getFieldType(field); + var isDefault = checkFieldDefault(field, type); + + // checkboxes uses parent <span> for marking + var fieldMarker = (type == 'checkbox') ? field.parent() : field; + setRestoreDefaultBtn(field, !isDefault); + fieldMarker[isDefault ? 'removeClass' : 'addClass']('custom'); +} + +/** + * Enables or disables the "restore default value" button + * + * @param Element field + * @param bool display + */ +function setRestoreDefaultBtn(field, display) { + var el = $(field).closest('td').find('.restore-default'); + el.css('display', (el.css('display') ? '' : 'none')); +} + +$(function() { + // register validators and mark custom values + var elements = $('input[id], select[id], textarea[id]'); + $('input[id], select[id], textarea[id]').each(function(){ + markField(this); + var el = $(this); + el.bind('change', function() { + validate_field_and_fieldset(this, false); + markField(this); + }); + var tagName = el.attr('tagName'); + // text fields can be validated after each change + if (tagName == 'INPUT' && el.attr('type') == 'text') { + el.keyup(function() { + validate_field_and_fieldset(el, true); + markField(el); + }); + } + // disable textarea spellcheck + if (tagName == 'TEXTAREA') { + el.attr('spellcheck', false); + } + }); + + // check whether we've refreshed a page and browser remembered modified + // form values + var check_page_refresh = $('#check_page_refresh'); + if (check_page_refresh.length == 0 || check_page_refresh.val() == '1') { + // run all field validators + var errors = {}; + for (var i = 0; i < elements.length; i++) { + validate_field(elements[i], false, errors); + } + // run all fieldset validators + $('fieldset').each(function(){ + validate_fieldset(this, false, errors); + }); + + displayErrors(errors); + } else if (check_page_refresh) { + check_page_refresh.val('1'); + } +}); + +// +// END: Form validation and field operations +// ------------------------------------------------------------------ + +// ------------------------------------------------------------------ +// Tabbed forms +// + +/** + * Sets active tab + * + * @param Element tab_link + */ +function setTab(tab_link) { + var tabs_menu = $(tab_link).closest('.tabs'); + + var links = tabs_menu.find('a'); + var contents, link; + for (var i = 0, imax = links.length; i < imax; i++) { + link = $(links[i]); + contents = $(link.attr('href')); + if (links[i] == tab_link) { + link.addClass('active'); + contents.css('display', 'block'); + } else { + link.removeClass('active'); + contents.css('display', 'none'); + } + } + location.hash = 'tab_' + $(tab_link).attr('href').substr(1); +} + +$(function() { + var tabs = $('.tabs'); + var url_tab = location.hash.match(/^#tab_.+/) + ? $('a[href$="' + location.hash.substr(5) + '"]') : null; + if (url_tab) { + url_tab = url_tab[0]; + } + // add tabs events and activate one tab (the first one or indicated by location hash) + for (var i = 0, imax = tabs.length; i < imax; i++) { + var links = $(tabs[i]).find('a'); + var selected_tab = links[0]; + for (var j = 0, jmax = links.length; j < jmax; j++) { + $(links[j]).click(function(e) { + e.preventDefault(); + setTab(this); + }); + if (links[j] == url_tab) { + selected_tab = links[j]; + } + } + setTab(selected_tab); + } + // tab links handling, check each 200ms + // (works with history in FF, further browser support here would be an overkill) + var prev_hash = location.hash; + setInterval(function() { + if (location.hash != prev_hash) { + prev_hash = location.hash; + var url_tab = location.hash.match(/^#tab_.+/) + ? $('a[href$="' + location.hash.substr(5) + '"]') : null; + if (url_tab) { + setTab(url_tab[0]); + } + } + }, 200); +}); + +// +// END: Tabbed forms +// ------------------------------------------------------------------ + +// ------------------------------------------------------------------ +// Form reset buttons +// + +$(function() { + $('input[type=button]').click(function(e) { + var fields = $(this).closest('fieldset').find('input, select, textarea'); + for (var i = 0, imax = fields.length; i < imax; i++) { + setFieldValue(fields[i], getFieldType(fields[i])); + } + }); +}); + +// +// END: Form reset buttons +// ------------------------------------------------------------------ + +// ------------------------------------------------------------------ +// "Restore default" and "set value" buttons +// + +/** + * Restores field's default value + * + * @param String field_id + */ +function restoreField(field_id) { + var field = $('#'+field_id); + if (field.length == 0 || defaultValues[field_id] == undefined) { + return; + } + setFieldValue(field, getFieldType(field), defaultValues[field_id]); +} + +$(function() { + $('.restore-default, .set-value').each(function() { + var link = $(this); + link.css('opacity', 0.25); + if (!link.hasClass('restore-default')) { + // restore-default is handled by markField + link.css('display', ''); + } + link.bind({ + mouseenter: function() {$(this).css('opacity', 1);}, + mouseleave: function() {$(this).css('opacity', 0.25);}, + click: function(e) { + e.preventDefault(); + var href = $(this).attr('href').substr(1); + var field_id; + if ($(this).hasClass('restore-default')) { + field_id = href; + restoreField(field_id); + } else { + field_id = href.match(/^[^=]+/)[0]; + var value = href.match(/=(.+)$/)[1]; + setFieldValue($('#'+field_id), 'text', value); + } + $('#'+field_id).trigger('change'); + } + }); + }); +}); + +// +// END: "Restore default" and "set value" buttons +// ------------------------------------------------------------------ diff --git a/setup/styles.css b/setup/styles.css index 0b89143..d5a399d 100644 --- a/setup/styles.css +++ b/setup/styles.css @@ -1,379 +1,389 @@ -/* global styles */ - -body { - padding-bottom: 1em; -} - -img { - border: 0; -} - -a { - color: #004C96; -} - -a:hover, a:active { - color: #000; -} - -h1 { - font-size: 1.5em; - font-family: Verdana, Arial, Helvetica, sans-serif; -} - -/* language selection box */ - -#select_lang { - position: absolute; - right: 1em; - top: 1em; -} - -/* menu */ - -#menu { - float: left; - width: 200px; -} - -#menu ul { - margin: 1em 1em 1em 0.5em; - padding: 0 0.5em; - list-style: none; -} - -#menu li a { - padding: 3px; - font-weight: bold; - display: block; - color: #669; - text-decoration: none; - zoom: 1; /* IE fix */ -} - -#menu li a:hover, #menu li a:active { - color: #C00; -} - -/* page contents and footer layout */ - -#page { - margin-left: 200px; -} - -#footer { - margin-top: 1em; -} - -#footer a { - margin-right: 0.5em; - text-decoration: none; - font-size: small; -} - -/* phpMyAdmin logo colors */ - -.blue { - color: #7584B3; -} - -.orange { - color: #FFAD17; -} - -.red { - color: #C00; -} - -/* main page messages */ - -div.notice, div.warning, div.error { - margin: 0.5em 0; - padding: 10px 10px 10px 36px; - border: 1px solid #000; - background: #FFD url(../themes/original/img/b_tipp.png) no-repeat 10px 0.8em; -} - -div.notice h4, div.warning h4, div.error h4 { - font-weight: bold; - font-size: large; - margin: 0 0 0.2em 0; - border-bottom: 1px solid #000; -} - -div.notice { - border-color: #FFD700; - background-color: #FFD; - background-image: url(../themes/original/img/s_notice.png); -} - -div.notice h4 { - border-color: #FFD700; -} - -div.warning { - border-color: #C00; - background-color: #FFC; - background-image: url(../themes/original/img/s_warn.png); -} - -div.warning h4 { - color: #C00; - border-color: #C00; -} - -div.error { - border-color: #D00; - background-color: #FFC; - background-image: url(../themes/original/img/s_error.png); -} - -div.error h4 { - color: #D00; - border-color: #D00; -} - -/* form tabs */ - -ul.tabs { - margin: 0; - padding: 0 0 7px 0; - list-style: none; - font-weight: bold; -} - -ul.tabs li { - float: left; -} - -ul.tabs li a { - display: block; - margin: 2px 2px 0; - padding: 2px 8px; - background: #DEE1FF; - white-space: nowrap; - text-decoration: none; - border: 1px #9AA4FF solid; - border-bottom: none; -} - -ul.tabs li a:hover, ul.tabs li a:active, ul.tabs li a.active { - margin: 0; - padding: 2px 10px 4px; - background: #F7FBFF; -} - -ul.tabs li a:hover, ul.tabs li a:active { - color: #C00; -} - -.tabs_contents { - border-top: 2px #66B solid; -} - -.tabs_contents fieldset { - margin-top: 0; - border-top: none; -} - -.tabs_contents legend { - display: none; -} - -/* "restore default value" and "set value: foo" buttons */ - -.restore-default img, .set-value img { - margin-bottom: -3px; -} - -/* forms */ - -fieldset { - padding: 0; - margin-top: 1em; - border: 2px #DEE1FF solid; - background: #DEE1FF; -} - -.form { - border: 2px #DEE1FF solid; -} - -fieldset legend { - margin-left: 1em; - padding: 2px 8px; - font-weight: bold; - background: #F7FBFF; - border: 1px #9AA4FF solid; -} - -fieldset p { - margin: 0; - padding: 0.5em; - background: #DEE1FF; -} - -fieldset .errors { /* form error list */ - margin: 0 -2px 1em -2px; - padding: 0.5em 1.5em; - background: #FBEAD9; - border: 1px #C83838 solid; - border-width: 1px 0; - list-style: none; - font-family: sans-serif; - font-size: small; -} - -fieldset .inline_errors { /* field error list */ - margin: 0.3em 0.3em 0.3em 0; - padding: 0; - list-style: none; - color: #9A0000; -} - -fieldset table { - background: #FFF; -} - -fieldset th { - width: 40%; - min-width: 350px; - padding: 0.3em 0.3em 0.3em 0.5em; - text-align: left; - vertical-align: top; -} - -fieldset th small { - display: block; -} - -fieldset .doc { - margin-left: 1em; -} - -fieldset td { - padding-top: 0.3em; - vertical-align: top; -} - -fieldset th small { - font-weight: normal; - font-family: sans-serif; - font-size: x-small; - color: #666; -} - -fieldset th, fieldset td { - border-top: 1px #555 dotted; -} - -fieldset .lastrow, .form .lastrow { - background: #F7FBFF; - padding: 0.5em; - text-align: center; -} - -.form .lastrow { - border-top: 1px #555 dotted; -} - -fieldset .lastrow input, .form .lastrow input { - font-weight: bold; -} - -/* simple form, without header and legend */ - -fieldset.simple { - border-top-color: #DEE1FF; -} - -fieldset.simple legend { - display: none; -} - -fieldset.simple th, fieldset.simple td { - border-top: none; - border-bottom: 1px #555 dotted; -} - -fieldset.simple .lastrow { - border: 0; -} - -/* form elements */ - -span.checkbox { - padding: 2px; -} - -.custom { /* customized field */ - background: #FFC; -} - -span.checkbox.custom { - padding: 1px; - border: 1px #EDEC90 solid; - background: #FFC; -} - -input[type="text"], select, textarea { - border: 1px #A7A6AA solid; -} - -input[type="text"]:focus, select:focus, textarea:focus { - border: 1px #6676FF solid; - background: #F7FBFF; -} - -.green { /* default form button */ - color: #080; -} - -table.datatable { - margin: 0.5em 0 1em; -} - -table.datatable th { - padding: 0 1em 0 0.5em; - border-bottom: 2px #66F solid; - text-align: left; -} - -table.datatable td { - padding: 1px 0.5em; - border-bottom: 1px #DEE1FF solid; -} - -/* textarea with config file's contents */ - -#textconfig { - width: 100%; - border: 0; -} - -/* error list */ - -dd { - margin-left: 0.5em; -} - -dd:before { - content: "\25B8 "; -} - -/* links on failed validation page, when saving a form */ - -a.btn { - padding: 1px 5px; - text-decoration: none; - background: #E2E8FF; - border: 1px #A6C8FF solid; - border-top-color: #AFD0FF; - border-left-color: #AFD0FF; - font-weight: bold; -} - -a.btn:hover, a.btn:active { - background: #E6F5FF; - color: #004C96; -} +/* global styles */ + +body { + padding-bottom: 1em; +} + +img { + border: 0; +} + +a { + color: #004C96; +} + +a:hover, a:active { + color: #000; +} + +h1 { + font-size: 1.5em; + font-family: Verdana, Arial, Helvetica, sans-serif; +} + +/* language selection box */ + +#select_lang { + position: absolute; + right: 1em; + top: 1em; +} + +/* menu */ + +#menu { + float: left; + width: 200px; +} + +#menu ul { + margin: 1em 1em 1em 0.5em; + padding: 0 0.5em; + list-style: none; +} + +#menu li a { + padding: 3px; + font-weight: bold; + display: block; + color: #669; + text-decoration: none; + zoom: 1; /* IE fix */ +} + +#menu li a:hover, #menu li a:active { + color: #C00; +} + +/* page contents and footer layout */ + +#page { + margin-left: 200px; +} + +#footer { + margin-top: 1em; +} + +#footer a { + margin-right: 0.5em; + text-decoration: none; + font-size: small; +} + +/* phpMyAdmin logo colors */ + +.blue { + color: #7584B3; +} + +.orange { + color: #FFAD17; +} + +.red { + color: #C00; +} + +/* main page messages */ + +div.notice, div.warning, div.error { + margin: 0.5em 0; + padding: 10px 10px 10px 36px; + border: 1px solid #000; + background: #FFD url(../themes/original/img/b_tipp.png) no-repeat 10px 0.8em; +} + +div.notice h4, div.warning h4, div.error h4 { + font-weight: bold; + font-size: large; + margin: 0 0 0.2em 0; + border-bottom: 1px solid #000; +} + +div.notice { + border-color: #FFD700; + background-color: #FFD; + background-image: url(../themes/original/img/s_notice.png); +} + +div.notice h4 { + border-color: #FFD700; +} + +div.notice[id^=version_check] { + border-color: #002DFF; + background-color: #EEF; +} + +div.notice[id^=version_check] h4 { + border-color: #002DFF; +} + +div.warning { + border-color: #C00; + background-color: #FFC; + background-image: url(../themes/original/img/s_warn.png); +} + +div.warning h4 { + color: #C00; + border-color: #C00; +} + +div.error { + border-color: #D00; + background-color: #FFC; + background-image: url(../themes/original/img/s_error.png); +} + +div.error h4 { + color: #D00; + border-color: #D00; +} + +/* form tabs */ + +ul.tabs { + margin: 0; + padding: 0 0 7px 0; + list-style: none; + font-weight: bold; +} + +ul.tabs li { + float: left; +} + +ul.tabs li a { + display: block; + margin: 2px 2px 0; + padding: 2px 8px; + background: #DEE1FF; + white-space: nowrap; + text-decoration: none; + border: 1px #9AA4FF solid; + border-bottom: none; +} + +ul.tabs li a:hover, ul.tabs li a:active, ul.tabs li a.active { + margin: 0; + padding: 2px 10px 4px; + background: #F7FBFF; +} + +ul.tabs li a:hover, ul.tabs li a:active { + color: #C00; +} + +.tabs_contents { + border-top: 2px #66B solid; +} + +.tabs_contents fieldset { + margin-top: 0; + border-top: none; +} + +.tabs_contents legend { + display: none; +} + +/* "restore default value" and "set value: foo" buttons */ + +.restore-default img, .set-value img { + margin-bottom: -3px; +} + +/* forms */ + +fieldset { + padding: 0; + margin-top: 1em; + border: 2px #DEE1FF solid; + background: #DEE1FF; +} + +.form { + border: 2px #DEE1FF solid; +} + +fieldset legend { + margin-left: 1em; + padding: 2px 8px; + font-weight: bold; + background: #F7FBFF; + border: 1px #9AA4FF solid; +} + +fieldset p { + margin: 0; + padding: 0.5em; + background: #DEE1FF; +} + +fieldset .errors { /* form error list */ + margin: 0 -2px 1em -2px; + padding: 0.5em 1.5em; + background: #FBEAD9; + border: 1px #C83838 solid; + border-width: 1px 0; + list-style: none; + font-family: sans-serif; + font-size: small; +} + +fieldset .inline_errors { /* field error list */ + margin: 0.3em 0.3em 0.3em 0; + padding: 0; + list-style: none; + color: #9A0000; + font-size: small; +} + +fieldset table { + background: #FFF; +} + +fieldset th { + width: 40%; + min-width: 350px; + padding: 0.3em 0.3em 0.3em 0.5em; + text-align: left; + vertical-align: top; +} + +fieldset th small { + display: block; +} + +fieldset .doc { + margin-left: 1em; +} + +fieldset td { + padding-top: 0.3em; + vertical-align: top; +} + +fieldset th small { + font-weight: normal; + font-family: sans-serif; + font-size: x-small; + color: #666; +} + +fieldset th, fieldset td { + border-top: 1px #555 dotted; +} + +fieldset .lastrow, .form .lastrow { + background: #F7FBFF; + padding: 0.5em; + text-align: center; +} + +.form .lastrow { + border-top: 1px #555 dotted; +} + +fieldset .lastrow input, .form .lastrow input { + font-weight: bold; +} + +/* simple form, without header and legend */ + +fieldset.simple { + border-top-color: #DEE1FF; +} + +fieldset.simple legend { + display: none; +} + +fieldset.simple th, fieldset.simple td { + border-top: none; + border-bottom: 1px #555 dotted; +} + +fieldset.simple .lastrow { + border: 0; +} + +/* form elements */ + +span.checkbox { + padding: 2px; +} + +.custom { /* customized field */ + background: #FFC; +} + +span.checkbox.custom { + padding: 1px; + border: 1px #EDEC90 solid; + background: #FFC; +} + +input[type="text"], select, textarea { + border: 1px #A7A6AA solid; +} + +input[type="text"]:focus, select:focus, textarea:focus { + border: 1px #6676FF solid; + background: #F7FBFF; +} + +.green { /* default form button */ + color: #080; +} + +table.datatable { + margin: 0.5em 0 1em; +} + +table.datatable th { + padding: 0 1em 0 0.5em; + border-bottom: 2px #66F solid; + text-align: left; +} + +table.datatable td { + padding: 1px 0.5em; + border-bottom: 1px #DEE1FF solid; +} + +/* textarea with config file's contents */ + +#textconfig { + width: 100%; + border: 0; +} + +/* error list */ + +dd { + margin-left: 0.5em; +} + +dd:before { + content: "\25B8 "; +} + +/* links on failed validation page, when saving a form */ + +a.btn { + padding: 1px 5px; + text-decoration: none; + background: #E2E8FF; + border: 1px #A6C8FF solid; + border-top-color: #AFD0FF; + border-left-color: #AFD0FF; + font-weight: bold; +} + +a.btn:hover, a.btn:active { + background: #E6F5FF; + color: #004C96; +} hooks/post-receive -- phpMyAdmin