There are some things wrong with this plugin but easy to fix.
1. Path to plugin folders is wrong in file-perm-check.php
2. The version jQuery tools that is called is outdated and loads jQuery main file itself = WP do not like = JS errors
3. Actually there are more JS errors as the init file file-perm.js is wrong. You just do not see tabs, your screenshot wpmu.org show how tables are one long string.
4. When you have fixed those errors you see empty screen. Turns out there is a display: none for those tabs. That is why it works out of the box because CSS file is not even loaded due to wrong path.
Fix 1 and 2:
I commented out first chunk in file-perm-check.php, then changed next one to use correct file from jQuery tools and to use correct paths.
//register jquery tools and tab styles
/*
add_action('admin_init', 'load_custom_perm_scripts_lcp');
function load_custom_perm_scripts_lcp() {
wp_register_script('my-jquery-ui', 'http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js');
wp_register_script('my-perm-js', WP_PLUGIN_URL . '/file-permission-check/file-perm.js');
wp_register_style('jquery-style', WP_PLUGIN_URL . '/file-permission-check/file-perm-check.css');
}
*/
//load stuff only on plugin page
//add_action( 'admin_print_styles', 'load_admin_perm_styles' );
add_action( 'admin_init', 'load_admin_perm_styles_lap' );
function load_admin_perm_styles_lap(){
if( (is_admin() ) && (isset($_GET['page']) == "perm_check") ) {
wp_enqueue_style('jquery-style', WP_PLUGIN_URL . '/wp-file-permission-check/file-perm-check.css'); // path to plugin is not file-permission-check
wp_enqueue_script('my-jquery-ui', 'http://cdn.jquerytools.org/1.2.7/tiny/jquery.tools.min.js', array('jquery')); // Does not load jQuery, only tabs
wp_enqueue_script('my-perm-js', WP_PLUGIN_URL . '/wp-file-permission-check/file-perm.js'); // path to plugin is not file-permission-check
}
}
Fix 3:
Change content of file-perm.js to this
(function($) {
$('ul.tabs').tabs('div.panes > div');
});
(jQuery);
Fix 4:
Comment out or delete in file-perm-check-css
/* tab pane */
.panes div{
/* display:none; */
border:1px solid #666;
border-width:0 1px 1px 1px;
min-height:150px;
/* padding:15px 20px; */
background-color:#ddd;
}
And plugin seem to be fully working.
Edit: actually it is not because there are still some tab issues. You can look up correct syntax at jquery tools site, http://jquerytools.org/demos/tabs/index.html then fix in plugin. Not so sure it is a CSS issue. Could be a HTML bug.
Neat little plugin so would be cool if dev. did real fixes.
