# HG changeset patch # User Dan # Date 1204415730 18000 # Node ID fe8b8c9b54e8c19a4d32b5d1ff109109e85d185f # Parent 8063eace5b67d3f5ae840208f6bf24e291905271 Finished theme manager to the point where it's in a working state in Firefox and hopefully IE. diff -r 8063eace5b67 -r fe8b8c9b54e8 includes/clientside/static/theme-manager.js --- a/includes/clientside/static/theme-manager.js Sat Mar 01 18:54:33 2008 -0500 +++ b/includes/clientside/static/theme-manager.js Sat Mar 01 18:55:30 2008 -0500 @@ -40,36 +40,56 @@ var status = document.createElement('div'); status.className = 'status'; thediv.appendChild(status); - setTimeout(function() + + var req = toJSONString({ + mode: 'install', + theme_id: theme_id + }); + // we've finished nukeing the existing interface, request editor data + ajaxPost(makeUrlNS('Admin', 'ThemeManager/action.json'), 'r=' + ajaxEscape(req), function() { - var theme_list = document.getElementById('theme_list_edit'); - - var btn = document.createElement('div'); - btn.className = 'themebutton'; - btn.style.backgroundImage = thediv.style.backgroundImage; - btn.id = 'themebtn_edit_' + theme_id; - - var a = document.createElement('a'); - a.className = 'tb-inner'; - a.appendChild(document.createTextNode($lang.get('acptm_btn_theme_edit'))); - a.appendChild(document.createTextNode("\n")); - a.theme_id = theme_id; - a.onclick = function() + if ( ajax.readyState == 4 && ajax.status == 200 ) { - ajaxEditTheme(this.theme_id); - return false; + var response = String(ajax.responseText + ''); + if ( response.substr(0, 1) == '{' ) + { + response = parseJSON(response); + if ( response.mode == 'error' ) + { + alert(response.error); + return false; + } + } + + var theme_list = document.getElementById('theme_list_edit'); + + var btn = document.createElement('div'); + btn.className = 'themebutton'; + btn.style.backgroundImage = thediv.style.backgroundImage; + btn.id = 'themebtn_edit_' + theme_id; + + var a = document.createElement('a'); + a.className = 'tb-inner'; + a.appendChild(document.createTextNode($lang.get('acptm_btn_theme_edit'))); + a.appendChild(document.createTextNode("\n")); + a.theme_id = theme_id; + a.onclick = function() + { + ajaxEditTheme(this.theme_id); + return false; + } + a.href = '#'; + var span = document.createElement('span'); + span.className = 'themename'; + span.appendChild(document.createTextNode(thediv.getAttribute('enano:themename'))); + a.appendChild(span); + btn.appendChild(a); + btn.setAttribute('enano:themename', thediv.getAttribute('enano:themename')); + theme_list.appendChild(btn); + + thediv.parentNode.removeChild(thediv); } - a.href = '#'; - var span = document.createElement('span'); - span.className = 'themename'; - span.appendChild(document.createTextNode(thediv.getAttribute('enano:themename'))); - a.appendChild(span); - btn.appendChild(a); - btn.setAttribute('enano:themename', thediv.getAttribute('enano:themename')); - theme_list.appendChild(btn); - - thediv.parentNode.removeChild(thediv); - }, 3000); + }); } function ajaxEditTheme(theme_id) @@ -78,15 +98,24 @@ // ajax request to the theme manager for the theme info via JSON var theme_list = document.getElementById('theme_list_edit').parentNode; var backgroundImage = document.getElementById('themebtn_edit_' + theme_id).style.backgroundImage; + /* for ( var i = 0; i < theme_list.childNodes.length; i++ ) { var el = theme_list.childNodes[i]; if ( el.tagName ) domOpacity(el, 100, 0, 1000); } + */ + var thediv = document.getElementById('themebtn_edit_' + theme_id); + if ( !thediv ) + return false; + thediv.removeChild(thediv.getElementsByTagName('a')[0]); + var status = document.createElement('div'); + status.className = 'status'; + thediv.appendChild(status); + setTimeout(function() { - theme_list.innerHTML = ''; var req = toJSONString({ mode: 'fetch_theme', theme_id: theme_id @@ -96,6 +125,7 @@ { if ( ajax.readyState == 4 && ajax.status == 200 ) { + theme_list.innerHTML = ''; var response = String(ajax.responseText + ''); if ( response.substr(0, 1) != '{' ) { @@ -112,7 +142,7 @@ ajaxBuildThemeEditor(response, theme_list); } }); - }, 1050); + }, 200); } function ajaxBuildThemeEditor(data, target) @@ -152,6 +182,7 @@ target.appendChild(l_name); target.appendChild(document.createElement('br')); + target.appendChild(document.createElement('br')); // Field: default style var l_style = document.createElement('label'); @@ -177,6 +208,7 @@ target.appendChild(l_style); target.appendChild(document.createElement('br')); + target.appendChild(document.createElement('br')); // Default theme target.appendChild(document.createTextNode($lang.get('acptm_field_default_theme') + ' ')); @@ -196,21 +228,433 @@ } target.appendChild(l_default); + target.appendChild(document.createElement('br')); + target.appendChild(document.createElement('br')); + + // Disable theme + var disable_span = document.createElement('span'); + disable_span.appendChild(document.createTextNode($lang.get('acptm_field_disable_title') + ' ')); + target.appendChild(disable_span); + var l_disable = document.createElement('label'); + var f_disable = document.createElement('input'); + f_disable.type = 'checkbox'; + f_disable.id = 'themeed_field_disable'; + if ( !data.enabled ) + f_disable.setAttribute('checked', 'checked'); + l_disable.style.fontWeight = 'bold'; + l_disable.appendChild(f_disable); + l_disable.appendChild(document.createTextNode($lang.get('acptm_field_disable'))); + target.appendChild(l_disable); + // Availability policy var h3 = document.createElement('h3'); h3.appendChild(document.createTextNode($lang.get('acptm_heading_theme_groups'))); target.appendChild(h3); + // Label for the whole field + var p_d_policy = document.createElement('p'); + p_d_policy.style.fontWeight = 'bold'; + p_d_policy.appendChild(document.createTextNode($lang.get('acptm_field_policy'))); + target.appendChild(p_d_policy); + + // Wrapper for options + var p_f_policy = document.createElement('p'); + + // Option: allow all + var l_policy_allow_all = document.createElement('label'); + var f_policy_allow_all = document.createElement('input'); + f_policy_allow_all.type = 'radio'; + f_policy_allow_all.id = 'themeed_field_policy_allow_all'; + f_policy_allow_all.name = 'themeed_field_policy'; + f_policy_allow_all.value = 'allow_all'; + l_policy_allow_all.appendChild(f_policy_allow_all); + l_policy_allow_all.appendChild(document.createTextNode(' ' + $lang.get('acptm_field_policy_allow_all'))); + if ( data.group_policy == 'allow_all' ) + { + f_policy_allow_all.setAttribute('checked', 'checked'); + } + + // Option: whitelist + var l_policy_whitelist = document.createElement('label'); + var f_policy_whitelist = document.createElement('input'); + f_policy_whitelist.type = 'radio'; + f_policy_whitelist.id = 'themeed_field_policy_whitelist'; + f_policy_whitelist.name = 'themeed_field_policy'; + f_policy_whitelist.value = 'whitelist'; + l_policy_whitelist.appendChild(f_policy_whitelist); + l_policy_whitelist.appendChild(document.createTextNode(' ' + $lang.get('acptm_field_policy_whitelist'))); + if ( data.group_policy == 'whitelist' ) + { + f_policy_whitelist.setAttribute('checked', 'checked'); + } + + // Option: blacklist + var l_policy_blacklist = document.createElement('label'); + var f_policy_blacklist = document.createElement('input'); + f_policy_blacklist.type = 'radio'; + f_policy_blacklist.id = 'themeed_field_policy_blacklist'; + f_policy_blacklist.name = 'themeed_field_policy'; + f_policy_blacklist.value = 'blacklist'; + l_policy_blacklist.appendChild(f_policy_blacklist); + l_policy_blacklist.appendChild(document.createTextNode(' ' + $lang.get('acptm_field_policy_blacklist'))); + if ( data.group_policy == 'blacklist' ) + { + f_policy_blacklist.setAttribute('checked', 'checked'); + } + f_policy_allow_all.onclick = ajaxThemeManagerHandlePolicyClick; + f_policy_whitelist.onclick = ajaxThemeManagerHandlePolicyClick; + f_policy_blacklist.onclick = ajaxThemeManagerHandlePolicyClick; + + p_f_policy.appendChild(l_policy_allow_all); + p_f_policy.appendChild(document.createElement('br')); + p_f_policy.appendChild(l_policy_whitelist); + p_f_policy.appendChild(document.createElement('br')); + p_f_policy.appendChild(l_policy_blacklist); + + target.appendChild(p_d_policy); + target.appendChild(p_f_policy); + + var div_acl = document.createElement('div'); + div_acl.id = 'themeed_acl_box'; + div_acl.style.margin = '0 0 10px 30px'; + + var h3_g = document.createElement('h3'); + h3_g.appendChild(document.createTextNode($lang.get('acptm_field_acl_heading_groups'))); + div_acl.appendChild(h3_g); + + var div_groups = document.createElement('div'); + div_groups.style.border = '1px solid #E8E8E8'; + div_groups.id = 'themeed_group_list'; + + // Group list + for ( var i in data.group_names ) + { + var g_name = data.group_names[i]; + var check = document.createElement('input'); + check.type = 'checkbox'; + if ( in_array("g:" + i, data.group_list) ) + { + check.setAttribute('checked', 'checked'); + } + check.group_id = parseInt(i); + var lbl_g_acl = document.createElement('label'); + lbl_g_acl.appendChild(check); + // FIXME: l10n on group name + lbl_g_acl.appendChild(document.createTextNode(g_name)); + div_groups.appendChild(lbl_g_acl); + div_groups.appendChild(document.createElement('br')); + } + div_acl.appendChild(div_groups); + + var h3_u = document.createElement('h3'); + h3_u.appendChild(document.createTextNode($lang.get('acptm_field_acl_heading_users'))); + div_acl.appendChild(h3_u); + + // User addition field + var frm = document.createElement('form'); + frm.action = 'javascript:ajaxThemeManagerHandleUserAdd();'; + frm.appendChild(document.createTextNode($lang.get('acptm_field_acl_add_user'))); + var f_useradd = document.createElement('input'); + f_useradd.type = 'text'; + f_useradd.id = 'themeed_field_adduser'; + f_useradd.onkeyup = function(e) + { + new AutofillUsername(this, e, false); + } + + frm.appendChild(f_useradd); + div_acl.appendChild(frm); + + div_acl.appendChild(document.createElement('br')); + + // User list + var div_users = document.createElement('div'); + div_users.style.border = '1px solid #E8E8E8'; + div_users.style.padding = '4px'; + div_users.id = 'themeed_user_list'; for ( var i = 0; i < data.group_list.length; i++ ) { + var id = data.group_list[i]; + if ( id.substr(0, 2) != 'u:' ) + continue; + var uid = id.substr(2); + var username = data.usernames[uid]; + var useritem = document.createElement('span'); + useritem.appendChild(document.createTextNode(username + ' ')); + useritem.userid = parseInt(uid); + var deleter = document.createElement('a'); + deleter.href = '#'; + deleter.onclick = function() + { + ajaxThemeManagerHandleUserRemoval(this); + return false; + } + deleter.appendChild(document.createTextNode('[X]')); + useritem.appendChild(deleter); + div_users.appendChild(useritem); + div_users.appendChild(document.createElement('br')); } + div_acl.appendChild(div_users); + + target.appendChild(div_acl); + + ajaxThemeManagerHandlePolicyClick(); var clearer = document.createElement('span'); clearer.className = 'menuclear'; target.appendChild(clearer); + // Theme ID + var tid = document.createElement('input'); + tid.type = 'hidden'; + tid.id = 'themeed_theme_id'; + tid.value = data.theme_id; + target.appendChild(tid); + + // Save button + var raquo = unescape('%BB'); + var savebtn = document.createElement('input'); + savebtn.type = 'button'; + savebtn.style.fontWeight = 'bold'; + savebtn.value = $lang.get('etc_save_changes') + ' ' + raquo; + savebtn.onclick = function() + { + ajaxThemeManagerHandleSaveRequest(); + } + target.appendChild(savebtn); + + target.appendChild(document.createTextNode(' ')); + + // Cancel button + var savebtn = document.createElement('input'); + savebtn.type = 'button'; + savebtn.value = $lang.get('etc_cancel'); + savebtn.onclick = function() + { + ajaxPage(namespace_list['Admin'] + 'ThemeManager'); + } + target.appendChild(savebtn); + + target.appendChild(document.createTextNode(' ')); + + // Uninstall button + var savebtn = document.createElement('input'); + savebtn.type = 'button'; + savebtn.value = $lang.get('acptm_btn_uninstall_theme'); + savebtn.style.color = '#D84308'; + savebtn.onclick = function() + { + if ( !confirm($lang.get('acptm_msg_uninstall_confirm')) ) + return false; + ajaxThemeManagerHandleUninstallClick(); + } + target.appendChild(savebtn); + // Fade it all in domOpacity(target, 0, 100, 500); f_name.focus(); } + +function ajaxThemeManagerHandlePolicyClick() +{ + if ( document.getElementById('themeed_field_policy_allow_all').checked ) + { + document.getElementById('themeed_acl_box').style.display = 'none'; + } + else if ( document.getElementById('themeed_field_policy_whitelist').checked || document.getElementById('themeed_field_policy_blacklist').checked ) + { + document.getElementById('themeed_acl_box').style.display = 'block'; + } +} + +function ajaxThemeManagerHandleUserAdd() +{ + var f_useradd = document.getElementById('themeed_field_adduser'); + f_useradd.setAttribute('disabled', 'disabled'); + var parent = f_useradd.parentNode; + var img = document.createElement('img'); + img.src = ajax_load_icon; + img.id = 'themeed_useradd_status'; + img.style.marginLeft = '10px'; + insertAfter(parent, img, f_useradd); + + var req = toJSONString({ + mode: 'uid_lookup', + username: f_useradd.value + }); + ajaxPost(makeUrlNS('Admin', 'ThemeManager/action.json'), 'r=' + ajaxEscape(req), function() + { + if ( ajax.readyState == 4 && ajax.status == 200 ) + { + var img = document.getElementById('themeed_useradd_status'); + var f_useradd = document.getElementById('themeed_field_adduser'); + + f_useradd.disabled = null; + img.parentNode.removeChild(img); + + // process response + var response = String(ajax.responseText + ''); + if ( response.substr(0, 1) != '{' ) + { + alert(response); + return false; + } + response = parseJSON(response); + if ( response.mode == 'error' ) + { + alert(response.error); + return false; + } + + var uid = parseInt(response.uid); + var username = response.username; + + // Loop through the list of users and remove any existing ones with the same uid + var div_users = document.getElementById('themeed_user_list'); + var children = div_users.getElementsByTagName('span'); + for ( var i = 0; i < children.length; i++ ) + { + var child = children[i]; + if ( child.userid == uid ) + { + // the sister is the br element next to the span with the checkbox/text + var sister = child.nextSibling; + div_users.removeChild(child); + div_users.removeChild(sister); + break; + } + } + + var useritem = document.createElement('span'); + useritem.appendChild(document.createTextNode(username + ' ')); + useritem.userid = parseInt(uid); + var deleter = document.createElement('a'); + deleter.href = '#'; + deleter.onclick = function() + { + ajaxThemeManagerHandleUserRemoval(this); + return false; + } + deleter.appendChild(document.createTextNode('[X]')); + useritem.appendChild(deleter); + div_users.appendChild(useritem); + div_users.appendChild(document.createElement('br')); + } + }); +} + +function ajaxThemeManagerHandleUserRemoval(el) +{ + var parent = el.parentNode; + var uid = parent.userid; + + var grandparent = parent.parentNode; + var sister = parent.nextSibling; + grandparent.removeChild(parent); + grandparent.removeChild(sister); +} + +function ajaxThemeManagerHandleSaveRequest() +{ + // Build a JSON condensed request + var md = false; + if ( document.getElementById('themeed_field_default') ) + { + if ( document.getElementById('themeed_field_default').checked ) + { + md = true; + } + } + var policy = 'allow_all'; + if ( document.getElementById('themeed_field_policy_whitelist').checked ) + policy = 'whitelist'; + else if ( document.getElementById('themeed_field_policy_blacklist').checked ) + policy = 'blacklist'; + var json_packet = { + theme_id: document.getElementById('themeed_theme_id').value, + theme_name: document.getElementById('themeed_field_name').value, + default_style: document.getElementById('themeed_field_style').value, + make_default: md, + group_policy: policy, + enabled: ( document.getElementById('themeed_field_disable').checked ? false : true ) + }; + var acl_list = []; + var checks = document.getElementById('themeed_group_list').getElementsByTagName('input'); + for ( var i = 0; i < checks.length; i++ ) + { + if ( checks[i].checked ) + acl_list.push('g:' + checks[i].group_id); + } + var spans = document.getElementById('themeed_user_list').getElementsByTagName('span'); + for ( var i = 0; i < spans.length; i++ ) + { + if ( spans[i].userid ) + acl_list.push('u:' + spans[i].userid); + } + json_packet.group_list = acl_list; + + var json_send = { + mode: 'save_theme', + theme_data: json_packet + }; + + json_send = ajaxEscape(toJSONString(json_send)); + + // Request the save + var parent = document.getElementById('ajaxPageContainer'); + ajaxPost(makeUrlNS('Admin', 'ThemeManager/action.json'), 'r=' + json_send, function() + { + if ( ajax.readyState == 4 && ajax.status == 200 ) + { + // process response + var response = String(ajax.responseText + ''); + if ( response.substr(0, 1) != '{' ) + { + // For this we actually *expect* an HTML response. + parent.innerHTML = response; + return false; + } + response = parseJSON(response); + if ( response.mode == 'error' ) + { + alert(response.error); + return false; + } + } + }); +} + +function ajaxThemeManagerHandleUninstallClick() +{ + var theme_id = document.getElementById('themeed_theme_id').value; + var json_send = { + mode: 'uninstall', + theme_id: theme_id + }; + + json_send = ajaxEscape(toJSONString(json_send)); + + // Request the action + var parent = document.getElementById('ajaxPageContainer'); + ajaxPost(makeUrlNS('Admin', 'ThemeManager/action.json'), 'r=' + json_send, function() + { + if ( ajax.readyState == 4 && ajax.status == 200 ) + { + // process response + var response = String(ajax.responseText + ''); + if ( response.substr(0, 1) != '{' ) + { + // For this we actually *expect* an HTML response. + parent.innerHTML = response; + return false; + } + response = parseJSON(response); + if ( response.mode == 'error' ) + { + alert(response.error); + return false; + } + } + }); +} diff -r 8063eace5b67 -r fe8b8c9b54e8 language/english/admin.json --- a/language/english/admin.json Sat Mar 01 18:54:33 2008 -0500 +++ b/language/english/admin.json Sat Mar 01 18:55:30 2008 -0500 @@ -211,6 +211,10 @@ field_disablesite: 'Disable this site', field_disablesite_message: 'Message to show to users:', + // Section: default theme + heading_default_theme: 'Visual defaults', + field_defualt_theme: 'Default theme for guests and new users:', + // Main section: users and communication heading_users: 'Users and communication', @@ -317,7 +321,7 @@ // Section Defective By Design link heading_dbd: 'Defective By Design Anti-DRM button', dbd_intro: 'The Enano project is strongly against Digital Restrictions Management.', - dbd_explain: 'DRM removes the freedoms that every consumer should have: to freely copy and use digital media items they legally purchased to their own devices. Showing your opposition to DRM is as easy as checking the box below to place a link to DefectiveByDesign.org on your sidebar.', + dbd_explain: 'DRM removes the freedoms that every consumer should have: to freely copy and use digital media items they legally purchased to their own devices. Furthermore, DRM technologies can lock you into a specific brand or product, thus stifling interoperability. Showing your opposition to DRM is as easy as checking the box below to place a link to DefectiveByDesign.org on your sidebar.', field_stopdrm: 'Help stop DRM by placing a link to DBD on the sidebar!', // Save button @@ -449,7 +453,28 @@ field_default_theme: 'Site-wide default theme:', field_default_msg_current: 'This is the current default', field_default_btn_make_default: 'Make this the default theme when I click Save', + field_disable_title: 'Disable theme: ', + field_disable: 'Prevent all users and guests from using this theme', heading_theme_groups: 'User and group policy', + field_policy: 'Theme access policy:', + field_policy_allow_all: 'Allow everyone to use this theme', + field_policy_whitelist: 'Only allow the users and groups I select below', + field_policy_blacklist: 'Allow everyone except what I select below', + field_acl_heading_groups: 'Groups', + field_acl_heading_users: 'Users', + field_acl_add_user: 'Add a user: ', + btn_uninstall_theme: 'Uninstall theme', + msg_uninstall_confirm: 'Are you sure you want to uninstall this theme?', + + err_invalid_username: 'Please enter a valid username.', + err_username_not_found: 'The user you entered does not exist.', + err_save_validation_failed: 'One or more of the fields in the form is incorrect. Please ensure that you have entered a proper value for all of the fields in the theme editing form, and then click %this.etc_save_changes% again.', + err_uninstalling_default: 'You cannot uninstall the default theme.', + err_uninstalling_oxygen: 'You cannot uninstall the Oxygen theme because it\'s used for important functions such as database errors.', + warn_cant_disable_default: 'Please note that the theme was not disabled because it is currently the default.', + warn_access_with_default: 'If you selected to whitelist or blacklist certain users, that choice will not apply to guests because this is the default theme.', + msg_save_success: 'Your changes to this theme have been saved.', + msg_uninstall_success: 'The selected theme has been uninstalled.', }, acpdb: { err_not_supported_title: 'Not supported', diff -r 8063eace5b67 -r fe8b8c9b54e8 plugins/SpecialAdmin.php --- a/plugins/SpecialAdmin.php Sat Mar 01 18:54:33 2008 -0500 +++ b/plugins/SpecialAdmin.php Sat Mar 01 18:55:30 2008 -0500 @@ -275,6 +275,10 @@ setConfig('pw_strength_minimum', $strength); } + // Default theme + $default_theme = ( isset($template->named_theme_list[@$_POST['default_theme']]) ) ? $_POST['default_theme'] : $template->theme_list[0]['theme_id']; + setConfig('theme_default', $default_theme); + setConfig('register_tou', RenderMan::preprocess_text($_POST['register_tou'], true, false)); // Account lockout policy @@ -495,6 +499,28 @@ + + +
' . $lang->get('adm_err_not_auth_body', array( 'login_link' => $login_link )) . '
'; - return; - } - - - // Get the list of styles in the themes/ dir - $h = opendir('./themes'); - $l = Array(); - if(!$h) die('Error opening directory "./themes" for reading.'); - while(false !== ($n = readdir($h))) { - if($n != '.' && $n != '..' && is_dir('./themes/'.$n)) - $l[] = $n; - } - closedir($h); - echo(' -Install, uninstall, and manage Enano themes.
- '); - if(isset($_POST['disenable'])) { - $q = 'SELECT enabled FROM '.table_prefix.'themes WHERE theme_id=\'' . $db->escape($_POST['theme_id']) . '\''; - $s = $db->sql_query($q); - if(!$s) die('Error selecting enabled/disabled state value: '.$db->get_error().'All themes are currently installed.
'); -}