diff -r de56132c008d -r bdac73ed481e includes/clientside/static/theme-manager.js --- a/includes/clientside/static/theme-manager.js Sun Mar 28 21:49:26 2010 -0400 +++ b/includes/clientside/static/theme-manager.js Sun Mar 28 23:10:46 2010 -0400 @@ -1,661 +1,661 @@ function ajaxToggleSystemThemes() { - var theme_list = document.getElementById('theme_list_edit'); - var mode = ( theme_list.sys_shown ) ? 'hide' : 'show'; - for ( var i = 0; i < theme_list.childNodes.length; i++ ) - { - var child = theme_list.childNodes[i]; - if ( child.tagName == 'DIV' ) - { - if ( $dynano(child).hasClass('themebutton_theme_system') ) - { - if ( $dynano(child).hasClass('themebutton_theme_disabled') ) - { - $dynano(child).rmClass('themebutton_theme_disabled') - } - if ( mode == 'show' ) - { - domObjChangeOpac(0, child); - child.style.display = 'block'; - domOpacity(child, 0, 100, 1000); - } - else - { - domOpacity(child, 100, 0, 1000); - setTimeout("document.getElementById('" + child.id + "').style.display = 'none';", 1050); - } - } - } - } - theme_list.sys_shown = ( mode == 'show' ); - document.getElementById('systheme_toggler').innerHTML = ( mode == 'hide' ) ? $lang.get('acptm_btn_system_themes_show') : $lang.get('acptm_btn_system_themes_hide'); + var theme_list = document.getElementById('theme_list_edit'); + var mode = ( theme_list.sys_shown ) ? 'hide' : 'show'; + for ( var i = 0; i < theme_list.childNodes.length; i++ ) + { + var child = theme_list.childNodes[i]; + if ( child.tagName == 'DIV' ) + { + if ( $dynano(child).hasClass('themebutton_theme_system') ) + { + if ( $dynano(child).hasClass('themebutton_theme_disabled') ) + { + $dynano(child).rmClass('themebutton_theme_disabled') + } + if ( mode == 'show' ) + { + domObjChangeOpac(0, child); + child.style.display = 'block'; + domOpacity(child, 0, 100, 1000); + } + else + { + domOpacity(child, 100, 0, 1000); + setTimeout("document.getElementById('" + child.id + "').style.display = 'none';", 1050); + } + } + } + } + theme_list.sys_shown = ( mode == 'show' ); + document.getElementById('systheme_toggler').innerHTML = ( mode == 'hide' ) ? $lang.get('acptm_btn_system_themes_show') : $lang.get('acptm_btn_system_themes_hide'); } function ajaxInstallTheme(theme_id) { - var thediv = document.getElementById('themebtn_install_' + theme_id); - if ( !thediv ) - return false; - thediv.removeChild(thediv.getElementsByTagName('a')[0]); - var status = document.createElement('div'); - status.className = 'status'; - thediv.appendChild(status); - - 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(ajax) - { - if ( ajax.readyState == 4 && ajax.status == 200 ) - { - 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); - } - }); + var thediv = document.getElementById('themebtn_install_' + theme_id); + if ( !thediv ) + return false; + thediv.removeChild(thediv.getElementsByTagName('a')[0]); + var status = document.createElement('div'); + status.className = 'status'; + thediv.appendChild(status); + + 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(ajax) + { + if ( ajax.readyState == 4 && ajax.status == 200 ) + { + 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); + } + }); } function ajaxEditTheme(theme_id) { - // Fade out and subsequently destroy the entire list, then make an - // 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() - { - var req = toJSONString({ - mode: 'fetch_theme', - theme_id: theme_id - }); - // we've finished nukeing the existing interface, request editor data - ajaxPost(makeUrlNS('Admin', 'ThemeManager/action.json'), 'r=' + ajaxEscape(req), function(ajax) - { - if ( ajax.readyState == 4 && ajax.status == 200 ) - { - theme_list.innerHTML = ''; - var response = String(ajax.responseText + ''); - if ( !check_json_response(response) ) - { - alert(response); - return false; - } - response = parseJSON(response); - if ( response.mode == 'error' ) - { - alert(response.error); - return false; - } - response.background_image = backgroundImage; - ajaxBuildThemeEditor(response, theme_list); - } - }); - }, 200); + // Fade out and subsequently destroy the entire list, then make an + // 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() + { + var req = toJSONString({ + mode: 'fetch_theme', + theme_id: theme_id + }); + // we've finished nukeing the existing interface, request editor data + ajaxPost(makeUrlNS('Admin', 'ThemeManager/action.json'), 'r=' + ajaxEscape(req), function(ajax) + { + if ( ajax.readyState == 4 && ajax.status == 200 ) + { + theme_list.innerHTML = ''; + var response = String(ajax.responseText + ''); + if ( !check_json_response(response) ) + { + alert(response); + return false; + } + response = parseJSON(response); + if ( response.mode == 'error' ) + { + alert(response.error); + return false; + } + response.background_image = backgroundImage; + ajaxBuildThemeEditor(response, theme_list); + } + }); + }, 200); } function ajaxBuildThemeEditor(data, target) { - // Build the theme editor interface - // Init opacity - domObjChangeOpac(0, target); - - // Theme preview - var preview = document.createElement('div'); - preview.style.border = '1px solid #F0F0F0'; - preview.style.padding = '5px'; - preview.style.width = '216px'; - preview.style.height = '150px'; - preview.style.backgroundImage = data.background_image; - preview.style.backgroundRepeat = 'no-repeat'; - preview.style.backgroundPosition = 'center center'; - preview.style.cssFloat = 'right'; - preview.style.styleFloat = 'right'; - - target.appendChild(preview); - - // Heading - var h3 = document.createElement('h3'); - h3.appendChild(document.createTextNode($lang.get('acptm_heading_theme_edit', { theme_name: data.theme_name }))); - target.appendChild(h3); - - // Field: Theme name - var l_name = document.createElement('label'); - l_name.appendChild(document.createTextNode($lang.get('acptm_field_theme_name') + ' ')); - var f_name = document.createElement('input'); - f_name.type = 'text'; - f_name.id = 'themeed_field_name'; - f_name.value = data.theme_name; - f_name.size = '40'; - l_name.appendChild(f_name); - target.appendChild(l_name); - - target.appendChild(document.createElement('br')); - target.appendChild(document.createElement('br')); - - // Field: default style - var l_style = document.createElement('label'); - l_style.appendChild(document.createTextNode($lang.get('acptm_field_default_style') + ' ')); - var f_style = document.createElement('select'); - f_style.id = 'themeed_field_style'; - var opts = []; - for ( var i = 0; i < data.css.length; i++ ) - { - if ( data.css[i] == '_printable' ) - continue; - - opts[i] = document.createElement('option'); - opts[i].value = data.css[i]; - opts[i].appendChild(document.createTextNode(data.css[i])); - if ( data.default_style == data.css[i] ) - { - opts[i].selected = true; - } - f_style.appendChild(opts[i]); - } - l_style.appendChild(f_style); - 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') + ' ')); - if ( data.is_default ) - { - var l_default = document.createElement('b'); - l_default.appendChild(document.createTextNode($lang.get('acptm_field_default_msg_current'))); - } - else - { - var l_default = document.createElement('label'); - var f_default = document.createElement('input'); - f_default.type = 'checkbox'; - f_default.id = 'themeed_field_default'; - l_default.appendChild(f_default); - l_default.appendChild(document.createTextNode($lang.get('acptm_field_default_btn_make_default'))); - } - 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); - var str = 'groupcp_grp_' + g_name.toLowerCase(); - var g_name_l10n = ( $lang.get(str) != str ) ? $lang.get(str) : g_name; - lbl_g_acl.appendChild(document.createTextNode(g_name_l10n)); - 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(); + // Build the theme editor interface + // Init opacity + domObjChangeOpac(0, target); + + // Theme preview + var preview = document.createElement('div'); + preview.style.border = '1px solid #F0F0F0'; + preview.style.padding = '5px'; + preview.style.width = '216px'; + preview.style.height = '150px'; + preview.style.backgroundImage = data.background_image; + preview.style.backgroundRepeat = 'no-repeat'; + preview.style.backgroundPosition = 'center center'; + preview.style.cssFloat = 'right'; + preview.style.styleFloat = 'right'; + + target.appendChild(preview); + + // Heading + var h3 = document.createElement('h3'); + h3.appendChild(document.createTextNode($lang.get('acptm_heading_theme_edit', { theme_name: data.theme_name }))); + target.appendChild(h3); + + // Field: Theme name + var l_name = document.createElement('label'); + l_name.appendChild(document.createTextNode($lang.get('acptm_field_theme_name') + ' ')); + var f_name = document.createElement('input'); + f_name.type = 'text'; + f_name.id = 'themeed_field_name'; + f_name.value = data.theme_name; + f_name.size = '40'; + l_name.appendChild(f_name); + target.appendChild(l_name); + + target.appendChild(document.createElement('br')); + target.appendChild(document.createElement('br')); + + // Field: default style + var l_style = document.createElement('label'); + l_style.appendChild(document.createTextNode($lang.get('acptm_field_default_style') + ' ')); + var f_style = document.createElement('select'); + f_style.id = 'themeed_field_style'; + var opts = []; + for ( var i = 0; i < data.css.length; i++ ) + { + if ( data.css[i] == '_printable' ) + continue; + + opts[i] = document.createElement('option'); + opts[i].value = data.css[i]; + opts[i].appendChild(document.createTextNode(data.css[i])); + if ( data.default_style == data.css[i] ) + { + opts[i].selected = true; + } + f_style.appendChild(opts[i]); + } + l_style.appendChild(f_style); + 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') + ' ')); + if ( data.is_default ) + { + var l_default = document.createElement('b'); + l_default.appendChild(document.createTextNode($lang.get('acptm_field_default_msg_current'))); + } + else + { + var l_default = document.createElement('label'); + var f_default = document.createElement('input'); + f_default.type = 'checkbox'; + f_default.id = 'themeed_field_default'; + l_default.appendChild(f_default); + l_default.appendChild(document.createTextNode($lang.get('acptm_field_default_btn_make_default'))); + } + 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); + var str = 'groupcp_grp_' + g_name.toLowerCase(); + var g_name_l10n = ( $lang.get(str) != str ) ? $lang.get(str) : g_name; + lbl_g_acl.appendChild(document.createTextNode(g_name_l10n)); + 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'; - } + 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(ajax) - { - 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 ( !check_json_response(response) ) - { - 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')); - } - }); + 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(ajax) + { + 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 ( !check_json_response(response) ) + { + 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); + 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(ajax) - { - if ( ajax.readyState == 4 && ajax.status == 200 ) - { - // process response - var response = String(ajax.responseText + ''); - if ( !check_json_response(response) ) - { - // 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; - } - } - }); + // 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(ajax) + { + if ( ajax.readyState == 4 && ajax.status == 200 ) + { + // process response + var response = String(ajax.responseText + ''); + if ( !check_json_response(response) ) + { + // 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(ajax) - { - if ( ajax.readyState == 4 && ajax.status == 200 ) - { - // process response - var response = String(ajax.responseText + ''); - if ( !check_json_response(response) ) - { - // 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; - } - } - }); + 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(ajax) + { + if ( ajax.readyState == 4 && ajax.status == 200 ) + { + // process response + var response = String(ajax.responseText + ''); + if ( !check_json_response(response) ) + { + // 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; + } + } + }); }