Example #1
0
    function jwl_options_page()
    {
        //we need the global screen column value to beable to have a sidebar in WordPress 2.8
        //global $screen_layout_columns;
        //add a 3rd content box now for demonstration purpose, boxes added at start of page rendering can't be switched on/off,
        //may be needed to ensure that a special box is always available
        //add_meta_box('postbox_addons', 'Plugin Addons', array(&$this, 'postbox_addons'), $this->pagehook, 'side', 'core');
        //define some data can be given to each metabox during rendering
        $data = array('My Data 1', 'My Data 2', 'Available Data 1');
        ?>
            
            
            
            
<div id="ultimate-tinymce-general" class="wrap">

	<?php 
        // This will remove the title section if the user selects the plugin disable styling option
        $options_remove_title = get_option('jwl_options_group4');
        $jwl_remove_title = isset($options_remove_title['jwl_disable_styles']);
        if ($jwl_remove_title == "1") {
            screen_icon('options-general');
            ?>
<h2><?php 
            _e('Ultimate Tinymce Admin Settings Page', 'jwl-ultimate-tinymce');
            ?>
</h2><?php 
        } else {
            ?>
		<span style="margin-top:10px;">
			<img src="<?php 
            echo plugins_url('img/settings.png', __FILE__);
            ?>
" title="Ultimate Tinymce Settings Page" style="margin-top:10px;margin-bottom:-10px;"/>
			<span style="margin-left:20px;color:#FAC46D;font-size:32px;font-family:'Unlock', cursive;"><?php 
            _e('Ultimate Tinymce ', 'jwl-ultimate-tinymce');
            ?>
			</span>
			<span style="color:#5F95EF;font-size:22px;font-family:'Unlock', cursive;"><?php 
            _e('Admin Settings Page', 'jwl-ultimate-tinymce');
            ?>
			</span>
		</span>
    <?php 
        }
        ?>
    
    <form action="admin-post.php" method="post">
    <?php 
        wp_nonce_field('ultimate-tinymce-general');
        ?>
    <?php 
        wp_nonce_field('closedpostboxes', 'closedpostboxesnonce', false);
        ?>
    <?php 
        wp_nonce_field('meta-box-order', 'meta-box-order-nonce', false);
        ?>
    <input type="hidden" name="action" value="save_ultimate-tinymce_general" />
    </form>
    
    
    <?php 
        // This will remove all of the main tabbed section content if the user selects the plugin disable styling option
        $options_remove_main_tabs = get_option('jwl_options_group4');
        $jwl_remove_main_tabs = isset($options_remove_main_tabs['jwl_disable_styles']);
        if ($jwl_remove_main_tabs != "1") {
            // Closing bracket is directly after closing #container div
            ?>
	                 
    <div id="container"> 
     
        <ul class="menu">  
            <li id="news" class="active" style="font-size:16px;"><img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/addon.png" style="margin-right:3px;" title="Addons" /><?php 
            _e('Plugin Addons', 'jwl-ultimate-tinymce');
            ?>
</li>
            <li id="tutorials" style="font-size:16px;"><img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/donate2.png" style="margin-right:3px;" title="Donate" /><?php 
            _e('Donations', 'jwl-ultimate-tinymce');
            ?>
</li>  
            <li id="spread" style="font-size:16px;"><img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/spread.png" style="margin-right:3px;" title="Spread the Word" /><?php 
            _e('Spread the Word', 'jwl-ultimate-tinymce');
            ?>
</li> 
            <li id="gettingstarted" style="font-size:16px;"><img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/started.png" style="margin-right:3px;" title="Getting Started" /><?php 
            _e('Getting Started', 'jwl-ultimate-tinymce');
            ?>
</li>
            <li id="tips" style="font-size:16px;"><img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/tips.png" style="margin-right:3px;" title="Admin Tips" /><?php 
            _e('Admin Tips', 'jwl-ultimate-tinymce');
            ?>
</li>
            <li id="defaults" style="font-size:16px;"><img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/default.png" style="margin-right:3px;" title="Load Defaults" /><?php 
            _e('Default Settings', 'jwl-ultimate-tinymce');
            ?>
</li>
            <li id="links" style="font-size:16px;"><img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/uninstall.png" style="margin-right:3px;" title="Uninstall" /><?php 
            _e('Uninstall Plugin', 'jwl-ultimate-tinymce');
            ?>
</li>  
        </ul>  
        <span class="clear"></span> 
         
        <div class="content news"> 
        
            <div class="main_help_wrapper">
            	<span class="content_title"><?php 
            _e('Plugin Addons:', 'jwl-ultimate-tinymce');
            ?>
                </span><br /><br />
                
                <span style="margin-left:10px;">
					<?php 
            _e('These addons provide additional features for Ultimate TinyMCE.  Click the title to view the download page.', 'jwl-ultimate-tinymce');
            ?>
                </span><br />
                
                
                
                <div id="clickme2" class="content_wrapper_addons">
					<?php 
            _e('<a target="_blank" title="Easily Integrate Google Webfonts into your Website." href="http://www.plugins.joshlobe.com/ultimate-tinymce-google-webfonts/"><span style="font-family:\'Unlock\', cursive;">Google Webfonts</span></a>', 'jwl-ultimate-tinymce');
            ?>
 
                    <span class="span_hover"><?php 
            _e('(Toggle)', 'jwl-ultimate-tinymce');
            ?>
                    </span>
                    
                    <div id="me2" style="display:none;margin-top:10px;"><?php 
            if (is_plugin_active('ultimate_tinymce_google_webfonts_addon/main.php')) {
                _e('<span style="color:green;">Activated</span>', 'jwl-ultimate-tinymce');
                ?>
 <img src="<?php 
                echo plugin_dir_url(__FILE__);
                ?>
img/check.png" class="activation_icons" title="This addon has been installed and activated successfully." /> <?php 
            } else {
                _e('<span style="color:red;">Not Activated</span>', 'jwl-ultimate-tinymce');
                ?>
 <img src="<?php 
                echo plugin_dir_url(__FILE__);
                ?>
img/warning.png" class="activation_icons" title="This addon has NOT been activated." /><br /><br /><span class="plugin_addons"> <?php 
                _e('Choose any combination of Google Webfonts, and add them to the font dropdown selector.<br /><br />Fonts are rendered on both the editor screen, and to all front-end viewers.', 'jwl-ultimate-tinymce');
                ?>
 <br /><br /><center><img style="border:1px solid #666" src="<?php 
                echo plugin_dir_url(__FILE__);
                ?>
img/admin_webfonts.png" title="Ultimate Tinymce Google Webfonts" /></center></span> <?php 
            }
            ?>
                    </div> <!-- End Div #me2 -->
                </div> <!-- End Div #clickme2 -->
                
                
                
                <div id="clickme3" class="content_wrapper_addons">
					<?php 
            _e('<a target="_blank" title="Easily add custom styles to your content." href="http://www.plugins.joshlobe.com/ultimate-tinymce-custom-styles/"><span style="font-family:\'Unlock\', cursive;">Custom Styles</span></a>', 'jwl-ultimate-tinymce');
            ?>
 
                    <span class="span_hover"><?php 
            _e('(Toggle)', 'jwl-ultimate-tinymce');
            ?>
                    </span>
                    
                    <div id="me3" style="display:none;margin-top:10px;"><?php 
            if (is_plugin_active('ultimate_tinymce_custom_styles_addon/main.php')) {
                _e('<span style="color:green;">Activated</span>', 'jwl-ultimate-tinymce');
                ?>
 <img src="<?php 
                echo plugin_dir_url(__FILE__);
                ?>
img/check.png" class="activation_icons" title="This addon has been installed and activated successfully." /> <?php 
            } else {
                _e('<span style="color:red;">Not Activated</span>', 'jwl-ultimate-tinymce');
                ?>
 <img src="<?php 
                echo plugin_dir_url(__FILE__);
                ?>
img/warning.png" class="activation_icons" title="This addon has NOT been activated." /><br /><br /><span class="plugin_addons"> <?php 
                _e('Define unlimited custom styles, and add them to the styleselect dropdown list.<br /><br />Styles are rendered in both the editor screen and the front end of the website.', 'jwl-ultimate-tinymce');
                ?>
 <br /><br /><center><img style="border:1px solid #666" src="<?php 
                echo plugin_dir_url(__FILE__);
                ?>
img/admin_styles.png" title="Ultimate Tinymce Custom Styles" /></center></span> <?php 
            }
            ?>
    
                	</div> <!-- End Div #me3 -->
                </div> <!-- End Div #clickme3 -->
                
                
                
                <div id="clickme4" class="content_wrapper_addons">
				<?php 
            _e('<a target="_blank" title="Add a list of over 80 predefined styles to your editor." href="http://www.plugins.joshlobe.com/predefined-custom-styles/"><span style="font-family:\'Unlock\', cursive;">Pre-Defined Styles</span></a>', 'jwl-ultimate-tinymce');
            ?>
 
                <span class="span_hover"><?php 
            _e('(Toggle)', 'jwl-ultimate-tinymce');
            ?>
                </span>
                
                    <div id="me4" style="display:none;margin-top:10px;"><?php 
            if (is_plugin_active('ultimate_tinymce_predefined_styles/main.php')) {
                _e('<span style="color:green;">Activated</span>', 'jwl-ultimate-tinymce');
                ?>
 <img src="<?php 
                echo plugin_dir_url(__FILE__);
                ?>
img/check.png" class="activation_icons" title="This addon has been installed and activated successfully." /> <?php 
            } else {
                _e('<span style="color:red;">Not Activated</span>', 'jwl-ultimate-tinymce');
                ?>
 <img src="<?php 
                echo plugin_dir_url(__FILE__);
                ?>
img/warning.png" class="activation_icons" title="This addon has NOT been activated." /><br /><br /><span class="plugin_addons"> <?php 
                _e('A collection of my custom styles.  No need to create your own.<br /><br />Install this plugin and have instant access to over 80 custom styles (and growing).', 'jwl-ultimate-tinymce');
                ?>
 </span> <?php 
            }
            ?>
    
                    </div> <!-- End Div #me4 -->
                </div> <!-- End Div #clickme4 -->
                
                
                
                <div id="clickme5" class="content_wrapper_addons">
				<?php 
            _e('<a target="_blank" title="Apply six unique color settings to your admin panel." href="http://www.plugins.joshlobe.com/wp-admin-colors/"><span style="font-family:\'Unlock\', cursive;">WP Admin Colors</span></a>', 'jwl-ultimate-tinymce');
            ?>
 
                <span class="span_hover"><?php 
            _e('(Toggle)', 'jwl-ultimate-tinymce');
            ?>
                </span>
                
                    <div id="me5" style="display:none;margin-top:10px;"><?php 
            if (is_plugin_active('wp-admin-colors/main.php')) {
                _e('<span style="color:green;">Activated</span>', 'jwl-ultimate-tinymce');
                ?>
 <img src="<?php 
                echo plugin_dir_url(__FILE__);
                ?>
img/check.png" class="activation_icons" title="This addon has been installed and activated successfully." /> <?php 
            } else {
                _e('<span style="color:red;">Not Activated</span>', 'jwl-ultimate-tinymce');
                ?>
 <img src="<?php 
                echo plugin_dir_url(__FILE__);
                ?>
img/warning.png" class="activation_icons" title="This addon has NOT been activated." /><br /><br /><span class="plugin_addons"> <?php 
                _e('Here is a compliment to the color selection for the tinymce editor. This addon will provide a choice of six unique stylesheets to apply to the entire admin panel dashboard.', 'jwl-ultimate-tinymce');
                ?>
 </span> <?php 
            }
            ?>
    
                    </div> <!-- End Div #me5 -->
                </div> <!-- End Div #clickme5 -->
                
                
                
                <br />
                <div style="clear:both"></div>
                <br />
                
                
                <div id="clickme" class="content_wrapper_addons" style="margin-top:-10px;">
				<?php 
            _e('<a target="_blank" title="Take powerful control over the visual tinymce editor." href="http://www.plugins.joshlobe.com/ultimate-tinymce-advanced-configuration/"><span style="font-family:\'Unlock\', cursive;">Advanced Configuration</span></a>', 'jwl-ultimate-tinymce');
            ?>
 
                <span class="span_hover"><?php 
            _e('(Toggle)', 'jwl-ultimate-tinymce');
            ?>
                </span>
                
                    <div id="me" style="display:none;margin-top:10px;"><?php 
            if (is_plugin_active('ultimate-tinymce-advanced-configuration/main.php')) {
                _e('<span style="color:green;">Activated</span>', 'jwl-ultimate-tinymce');
                ?>
 <img src="<?php 
                echo plugin_dir_url(__FILE__);
                ?>
img/check.png" class="activation_icons" title="This addon has been installed and activated successfully." /> <?php 
            } else {
                _e('<span style="color:red;">Not Activated</span>', 'jwl-ultimate-tinymce');
                ?>
 <img src="<?php 
                echo plugin_dir_url(__FILE__);
                ?>
img/warning.png" class="activation_icons" title="This addon has NOT been activated." /><br /><br /><span class="plugin_addons"> <?php 
                _e('Take advanced control over your visual tinymce editor.  Control settings such as button placement, font sizes, date and time formats, and more.', 'jwl-ultimate-tinymce');
                ?>
 </span> <?php 
            }
            ?>
    
                    </div> <!-- End Div #me -->
                </div> <!-- End Div #clickme -->
                
                
                
                
                <div id="clickme6" class="content_wrapper_addons" style="margin-top:-10px;">
				<?php 
            _e('<a target="_blank" title="Take powerful control over the visual tinymce editor." href="http://www.plugins.joshlobe.com/ultimate-tinymce-classes-and-ids/"><span style="font-family:\'Unlock\', cursive;">Classes and IDs</span></a>', 'jwl-ultimate-tinymce');
            ?>
 
                <span class="span_hover"><?php 
            _e('(Toggle)', 'jwl-ultimate-tinymce');
            ?>
                </span>
                
                    <div id="me6" style="display:none;margin-top:10px;"><?php 
            if (is_plugin_active('ultimate-tinymce-classes-ids/main.php')) {
                _e('<span style="color:green;">Activated</span>', 'jwl-ultimate-tinymce');
                ?>
 <img src="<?php 
                echo plugin_dir_url(__FILE__);
                ?>
img/check.png" class="activation_icons" title="This addon has been installed and activated successfully." /> <?php 
            } else {
                _e('<span style="color:red;">Not Activated</span>', 'jwl-ultimate-tinymce');
                ?>
 <img src="<?php 
                echo plugin_dir_url(__FILE__);
                ?>
img/warning.png" class="activation_icons" title="This addon has NOT been activated." /><br /><br /><span class="plugin_addons"> <?php 
                _e('Ultimate Tinymce Classes and IDs is a plugin for WordPress TinyMCE which enables the usage of CSS classes and CSS ids on any HTML element within TinyMCE.', 'jwl-ultimate-tinymce');
                ?>
<br /><br /><?php 
                _e('Together with an external CSS file, Ultimate Tinymce Classes and IDs bridges the (visual) gap between the content entered through TinyMCE and the actual output.', 'jwl-ultimate-tinymce');
                ?>
 </span> <?php 
            }
            ?>
    
                    </div> <!-- End Div #me6 -->
                </div> <!-- End Div #clickme6 -->
                
                
                
                <div id="clickme7" class="content_wrapper_addons" style="margin-top:-10px;">
				<?php 
            _e('<a target="_blank" title="Ultimate Tinymce PRO" href="http://ultimatetinymcepro.com"><span style="font-family:\'Unlock\', cursive;">Ultimate Tinymce PRO</span></a>', 'jwl-ultimate-tinymce');
            ?>
 
                <span class="span_hover"><?php 
            _e('(Toggle)', 'jwl-ultimate-tinymce');
            ?>
                </span>
                <span style="color:green;margin-left:10px;"><?php 
            _e('New!', 'jwl-ultimate-tinymce');
            ?>
                </span>
                
                    <div id="me7" style="display:none;margin-top:10px;">
					<?php 
            _e('Are you using the most advanced WP visual editor available? Get it today!', 'jwl-ultimate-tinymce');
            ?>
                    <br /><br />
                    <center>
                    	<a target="_blank" href="http://ultimatetinymcepro.com">
                        	<img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/pro.gif" />
                           </a>
                    </center>
                    </div> <!-- End Div #me7 -->
                </div> <!-- End Div #clickme7 -->
                
                <br />
                <div style="clear:both"></div>
                    
             </div> <!-- End Div .main_help_wrapper -->
        </div> <!-- End Div .content news -->
        
        
        
        <div class="content tutorials">
        
        	<div class="main_help_wrapper">
            <span class="content_title">
			<?php 
            _e('Donations:', 'jwl-ultimate-tinymce');
            ?>
</span><br /><br />
            
            	<div class="content_wrapper_tips">
                <span class="content_wrapper_title">
					<?php 
            _e('Support the Developer', 'jwl-ultimate-tinymce');
            ?>
                </span><br />
				<?php 
            _e('Developing this awesome plugin took a lot of effort and time; months and months of continuous voluntary unpaid work.', 'jwl-ultimate-tinymce');
            ?>
                <br /><br />
                <center>
                     <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
                     <input type="hidden" name="cmd" value="_s-xclick">
                     <input type="hidden" name="hosted_button_id" value="A9E5VNRBMVBCS">
                     <input type="image" src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/donate.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
                     <img alt="PayPal - The safer, easier way to pay online!" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
                     </form>
                </center><br />
                
                <?php 
            _e('If you like this plugin or if you are using it for commercial websites, please consider a donation to the author to help support future updates and development.', 'jwl-ultimate-tinymce');
            ?>
                
            	</div> <!-- End Div .content_wrapper_tips -->
        
                <div class="content_wrapper_tips">
                <?php 
            _e('<span class="content_wrapper_title">Main uses of Donations</span><ul class="help_tab_list_image"><li>Web Hosting Fees</li><li>Cable Internet Fees</li><li>Time/Value Reimbursement</li><li>Motivation for Continuous Improvements</li><li>Sunday Father-Daughter Day</li></ul>', 'jwl-ultimate-tinymce');
            ?>
                </div> <!-- End Div .content_wrapper_tips -->
                
                <div class="content_wrapper_tips">
                <span class="content_wrapper_title"><?php 
            _e('Donate Securely via Paypal', 'jwl-ultimate-tinymce');
            ?>
</span><br />
                	<center><form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
                     <input type="hidden" name="cmd" value="_s-xclick">
                     <input type="hidden" name="hosted_button_id" value="A9E5VNRBMVBCS">
                     <input type="image" src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/paypal.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!" style="margin-top:30px;">
                     <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
                     </form>
                     </center>
                </div> <!-- End Div .content_wrapper_tips -->
        	</div> <!-- End Div .main_help_wrapper -->
        </div> <!-- End Div .content tutorials -->
        
        
        
        <div class="content spread">
        
        	<div class="main_help_wrapper">
            <span class="content_title">
			<?php 
            _e('Spread the Word:', 'jwl-ultimate-tinymce');
            ?>
</span><br /><br />
            
            	<div class="content_wrapper_tips">
                <span class="content_wrapper_title">
                <?php 
            _e('Blog about this Plugin', 'jwl-ultimate-tinymce');
            ?>
                </span><br />
                
                	<div class="blog_image">
                    <img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/blog.png" />
                    </div> <!-- End Div .blog_image -->
                    
                    <div style="float:left;width:67%;">
                <?php 
            _e('<ul class="help_tab_list_image"><li>Do you like this plugin, and use it regularly on your site?</li><li>Why not write a brief article recommending it to your readers and other wordpress blogger buddies?</li><li>Include a link to the plugin download page to make it easy for your readers to access.</li></ul>', 'jwl-ultimate-tinymce');
            ?>
                	</div> <!-- End Div -->
                </div> <!-- End Div .content_wrapper_tips -->
                
                <div class="content_wrapper_tips">
                <span class="content_wrapper_title">
                <?php 
            _e('Vote and Click Works', 'jwl-ultimate-tinymce');
            ?>
                </span><br />
                	<div class="vote_image">
                    <img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/works.png" />
                    </div> <!-- End Div .vote_image -->
                    <div style="float:left;width:60%;">
                <?php 
            _e('Please take a few moments to visit the plugin download page to vote and click "Works".  You must have an account on wordpress to rate and vote. Signing up is quick and easy.<br /><br />Also, each time a new plugin update is available, it resets the "Works" count.  So, please do this each time you update the plugin.<br /><br /><a target="_blank" href="http://wordpress.org/extend/plugins/ultimate-tinymce/">Ultimate Tinymce Wordpress Page</a>', 'jwl-ultimate-tinymce');
            ?>
                	</div> <!-- End Div -->
                </div> <!-- End Div .content_wrapper_tips -->
                
                <div class="content_wrapper_tips">
                <span class="content_wrapper_title">
                <?php 
            _e('Twitter & Facebook', 'jwl-ultimate-tinymce');
            ?>
                </span><br />
                	<div style="float:left;width:100%;margin-top:20px;">
                    <center>
                    <a target="_blank" href="https://twitter.com/"><img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/twitter.png" /></a><br />
                    <a target="_blank" href="https://www.facebook.com/"><img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/facebook.png" /></a>
                    </center>
                    </div> <!-- End Div -->
                </div> <!-- End Div .content_wrapper_tips -->
            </div> <!-- End Div .main_help_wrapper -->
        </div> <!-- End Div .content spread -->
        
        
        
        <div class="content gettingstarted">
        
        	<div class="main_help_wrapper">
            <span class="content_title">
			<?php 
            _e('Getting Started:', 'jwl-ultimate-tinymce');
            ?>
</span><br /><br />
            
            	<div class="content_wrapper_tips" style="width:50%;">
                <span class="content_wrapper_title">
                <?php 
            _e('Setting up the Admin Settings Page', 'jwl-ultimate-tinymce');
            ?>
                </span><br />
                 	<iframe width="420" height="315" src="http://www.youtube.com/embed/wymClsVjkFY" frameborder="0" allowfullscreen></iframe>
                </div> <!-- End Div .content_wrapper_tips -->
            </div> <!-- End Div .main_help_wrapper -->
        </div> <!-- End Div .content gettingstarted -->
        
        
        <div class="content tips"> 
        
        	<div class="main_help_wrapper">
            <span class="content_title"><?php 
            _e('Tips and Tricks for the Admin Panel', 'jwl-ultimate-tinymce');
            ?>
</span><br /><br />
            
            	<div class="content_wrapper_tips">
            	<?php 
            _e('<span class="content_wrapper_title">Screen Options:</span><ul class="help_tab_list_image"><li>Click the "Screen Options" tab in the upper-right corner to enable further customization.</li><li>Set the Screen Columns to "2" for best results.</li><li>Decide which Meta-Boxes to show or hide.</li><li>Selections are saved in the database.</li></ul>', 'jwl-ultimate-tinymce');
            ?>
                </div> <!-- End Div .content_wrapper_tips -->
                
                <div class="content_wrapper_tips">
            	<?php 
            _e('<span class="content_wrapper_title">Meta Boxes:</span><ul class="help_tab_list_image"><li>Each Meta-Box can be clicked to collapse/expand the contents of the box.</li><li>Boxes can be sorted by clicking and dragging the title area to a new location.</li><li>Open/Closed status and sorting arrangement are saved in the database.  So each time the page is visited; the last chosen layout remains.</li></ul>', 'jwl-ultimate-tinymce');
            ?>
                </div> <!-- End Div .content_wrapper_tips -->
                
                <div class="content_wrapper_tips">
            	<?php 
            _e('<span class="content_wrapper_title">Button Row Selection:</span><ul class="help_tab_list_image"><li>Each button from this plugin can be assigned to one of the four rows of the editor.</li><li>For suggested best results, set all buttons used in "Group One Buttons" to Row 3 and set all buttons used in "Group Two Buttons" to Row 4.  <em>This is only recommended, and not mandatory.</em></li><li>If the buttons scroll off the editor screen, come back here and select a different row for those buttons.</li></ul>', 'jwl-ultimate-tinymce');
            ?>
                </div> <!-- End Div .content_wrapper_tips -->
            </div> <!-- End Div .main_help_wrapper -->
        </div> <!-- End Div .content tips -->
        
        
        <div class="content defaults"> 
        	<div class="main_help_wrapper"><span class="content_title"><?php 
            _e('Load developers suggested settings.', 'jwl-ultimate-tinymce');
            ?>
</span><br /><br />
                <div class="content_wrapper_tips" style="width:60%;">
                <?php 
            jwl_ultimate_tinymce_load_defaults();
            ?>
                </div> <!-- End Div .content_wrapper_tips -->
        	</div> <!-- End Div .main_help_wrapper -->
        </div> <!-- End Div .content defaults -->
        
        
        
        <div class="content links"> 
        	<div class="main_help_wrapper">
            <span class="content_title"><?php 
            _e('Uninstall Plugin & Delete Database Entries:', 'jwl-ultimate-tinymce');
            ?>
</span><br /><br />
            	<div class="content_wrapper_tips">
            	<?php 
            jwl_ultimate_tinymce_form_uninstall();
            ?>
                </div> <!-- End Div .content_wrapper_tips -->
                <div class="content_wrapper_tips" style="height:318px;">
                <center><img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/uninstall1.png" style="margin-top:120px;" /></center>
                </div> <!-- End Div .content_wrapper_tips -->
            </div> <!-- End Div .main_help_wrapper -->
        </div> <!-- End Div .content links -->
        
    </div> <!-- End Div #container -->
    
    
    <?php 
            // Closes the styling conditional if the user enables the option to remove plugin author styling
        }
        ?>
        
        
    
    <div id="poststuff" class="metabox-holder has-right-sidebar">
    
        <div id="side-info-column" class="inner-sidebar">  
        
        
        <?php 
        // This will remove all the sidebar content if the user enables the option to remove plugin styling
        $options_remove_sidebar = get_option('jwl_options_group4');
        $jwl_remove_sidebar = isset($options_remove_sidebar['jwl_disable_styles']);
        if ($jwl_remove_sidebar != "1") {
            // Closing bracket is just before closing #side-info-column div
            ?>
                      
            
            <div class="jwl_support_sidebar">
            	<h3><?php 
            _e('Need Support?', 'jwl-ultimate-tinymce');
            ?>
</h3>
                <p><a target="_blank" href="http://forum.joshlobe.com/member.php?action=register&referrer=1"><?php 
            _e('Dedicated Support Forum', 'jwl-ultimate-tinymce');
            ?>
</a></p>
                <p><a target="_blank" href="http://www.plugins.joshlobe.com/contact/"><?php 
            _e('Contact Me', 'jwl-ultimate-tinymce');
            ?>
</a></p>
            </div> <!-- End Div .jwl_support_sidebar -->
            
            <div class="jwl_follow_sidebar">
            	<h3><?php 
            _e('Like to Follow?', 'jwl-ultimate-tinymce');
            ?>
</h3>
                <p><a target="_blank" href="http://www.facebook.com/joshlobe"><?php 
            _e('Facebook', 'jwl-ultimate-tinymce');
            ?>
<img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
css/img/facebook_sidebar.png" style="margin-bottom:-13px;margin-left:5px;width:30px;height:30px;" /></a></p>
                <p><a target="_blank" href="http://twitter.com/#!/joshlobe"><?php 
            _e('Twitter', 'jwl-ultimate-tinymce');
            ?>
<img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
css/img/twitter_sidebar.png" style="margin-bottom:-13px;margin-left:23px;" /></a></p>
                <p><a target="_blank" href="http://www.youtube.com/user/kygirlhighlands"><?php 
            _e('YouTube', 'jwl-ultimate-tinymce');
            ?>
<img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
css/img/youtube_sidebar.png" style="margin-bottom:-13px;margin-left:10px;" /></a></p>
            </div> <!-- End Div .jwl_follow_sidebar -->
            
            <div class="jwl_rate_sidebar">
            	<h3><?php 
            _e('New Rating System!', 'jwl-ultimate-tinymce');
            ?>
</h3>
                <p><a target="_blank" href="http://wordpress.org/support/view/plugin-reviews/ultimate-tinymce"><img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
css/img/fivestars.png" style="margin-left:-3px;margin-bottom:-10px;" /></a></p>
                <p><?php 
            _e('<a target="_blank" href="http://wordpress.org/support/view/plugin-reviews/ultimate-tinymce"><strong>Ultimate Tinymce Ratings Page</strong></a><br /><br />Wordpress has implemented a new plugin ratings system.  Comments are now required to "justify" a rating.<br /><br />Please visit the link above and leave a rating and a comment to help others in the future.', 'jwl-ultimate-tinymce');
            ?>
</p>
            </div> <!-- End Div .jwl_rate_sidebar -->
            
            <div class="jwl_signup_sidebar">
            	<h3><?php 
            _e('Want to Signup?', 'jwl-ultimate-tinymce');
            ?>
</h3>
                <form method="post" action="http://ymlp.com/subscribe.php?id=gjwmeubgmgb" target="signup_popup" onsubmit="window.open( 'http://ymlp.com/subscribe.php?id=gjwmeubgmgb','signup_popup','scrollbars=yes,width=600,height=450'); return true;">
                	<?php 
            $jwl_admin_email = get_option('admin_email');
            $jwl_blog_title = get_bloginfo('name');
            ?>
                    <br /><br />
                    <table cellpadding="5" cellspacing="0" align="center" border="0">
                    <tbody>
                    <tr>
                    <td colspan="2"><span style="font-size:14px;font-weight:bold;"><?php 
            _e('Subscribe to the Ultimate Tinymce Newsletter!', 'jwl-ultimate-tinymce');
            ?>
</span></td>
                    </tr>
                    <tr>
                    <td valign="top"><span style="font-family: &quot;verdana&quot;, &quot;geneva&quot;; font-size: 10pt;"><?php 
            _e('Name:', 'jwl-ultimate-tinymce');
            ?>
</span></td>
                    <td valign="top"><input value="<?php 
            echo $jwl_blog_title;
            ?>
" size="30" name="YMP1" type="text" /></td>
                    </tr>
                    <tr>
                    <td valign="top"><span style="font-family: &quot;verdana&quot;, &quot;geneva&quot;; font-size: 10pt;"><?php 
            _e('Email:', 'jwl-ultimate-tinymce');
            ?>
</span></td>
                    <td valign="top"><input value="<?php 
            echo $jwl_admin_email;
            ?>
" size="30" name="YMP0" type="text" /></td>
                    </tr>
                    <tr>
                    <td colspan="2"><input checked="checked" value="subscribe" name="action" type="radio" /> <span style="font-family: &quot;verdana&quot;, &quot;geneva&quot;; font-size: 10pt;"><?php 
            _e('Subscribe', 'jwl-ultimate-tinymce');
            ?>
</span><input style="margin-left:20px;" value="unsubscribe" name="action" type="radio" /> <span style="font-family: &quot;verdana&quot;, &quot;geneva&quot;; font-size: 10pt;"><?php 
            _e('Unsubscribe', 'jwl-ultimate-tinymce');
            ?>
</span></td>
                    </tr>
                    <tr>
                    <td colspan="2"><input class="button-primary" value="Submit" type="submit" />&nbsp;</td>
                    </tr>
                    </tbody>
                    </table>
                </form>
                <p><?php 
            _e('Receive news about new features, links to tutorials and videos, and other "first-response" emails regarding this plugin.', 'jwl-ultimate-tinymce');
            ?>
</p>
            </div> <!-- End Div .jwl_signup_sidebar -->
            
            <div class="jwl_pro_sidebar">
            	<h3><?php 
            _e('Enjoy PRO Features?', 'jwl-ultimate-tinymce');
            ?>
</h3>
                <p><a target="_blank" href="http://ultimatetinymcepro.com"><?php 
            _e('Ultimate Tinymce PRO', 'jwl-ultimate-tinymce');
            ?>
</a></p>
            </div> <!-- End Div .jwl_pro_sidebar -->
            
        <?php 
            // Closes the styling conditional if the user enables the option to remove plugin author styling
        }
        ?>
            
        </div> <!-- End Div #side-info-column -->
        
        
        
        <div id="post-body" class="has-sidebar">
        
            <div id="post-body-content" class="has-sidebar-content">
            
            <?php 
        global $current_user;
        $user_id = $current_user->ID;
        // This will remove all the sidebar content if the user enables the option to remove plugin styling
        $options_remove_quicknav = get_option('jwl_options_group4');
        $jwl_remove_quicknav = isset($options_remove_quicknav['jwl_disable_styles']);
        if ($jwl_remove_quicknav != "1") {
            ?>
<strong><?php 
            _e('Quick Navigation:', 'jwl-ultimate-tinymce');
            ?>
</strong><?php 
            ?>
<br />
				<a href="#buttons1"><?php 
            _e('Buttons Group 1', 'jwl-ultimate-tinymce');
            ?>
</a> | 
				<a href="#buttons2"><?php 
            _e('Buttons Group 2', 'jwl-ultimate-tinymce');
            ?>
</a> | 
				<a href="#buttonsother"><?php 
            _e('Other Buttons', 'jwl-ultimate-tinymce');
            ?>
</a> | 
				<a href="#misc"><?php 
            _e('Misc. Features', 'jwl-ultimate-tinymce');
            ?>
</a> | 
				<a href="#adminopts"><?php 
            _e('Admin Options', 'jwl-ultimate-tinymce');
            ?>
</a> | 
				<a href="#override"><?php 
            _e('Editor Over-rides', 'jwl-ultimate-tinymce');
            ?>
</a><br /><br />
			<?php 
        }
        do_meta_boxes($this->pagehook, 'normal', $data);
        //do_meta_boxes($this->pagehook, 'additional', $data);
        ?>
            </div> <!-- End Div #post-body-content -->
        </div> <!-- End Div #post-body -->
        <br class="clear"/>		
        
   </div> <!-- End Div #poststuff -->
   
    <?php 
        // This will remove 'scroll to top' if the user enables the option to remove plugin styling
        $options_remove_scroll = get_option('jwl_options_group4');
        $jwl_remove_scroll = isset($options_remove_scroll['jwl_disable_styles']);
        if ($jwl_remove_scroll != "1") {
            ?>
   		<a href="#" class="scrollToTop"><?php 
            _e('Scroll To Top', 'jwl-ultimate-tinymce');
            ?>
</a>
        <?php 
        }
        ?>
        

</div> <!-- End Div #ultimate-tinymce-general -->

<script type="text/javascript" language="javascript">
//<![CDATA[
jQuery(document).ready( 
	function($) { 
		$(".if-js-closed").removeClass("if-js-closed").addClass("closed"); 
		postboxes.add_postbox_toggles("<?php 
        echo $this->pagehook;
        ?>
"); 
	}
);
//]]>
</script>

<?php 
    }
Example #2
0
    function jwl_options_page()
    {
        //we need the global screen column value to beable to have a sidebar in WordPress 2.8
        global $screen_layout_columns;
        //add a 3rd content box now for demonstration purpose, boxes added at start of page rendering can't be switched on/off,
        //may be needed to ensure that a special box is always available
        //add_meta_box('postbox_addons', 'Plugin Addons', array(&$this, 'postbox_addons'), $this->pagehook, 'side', 'core');
        //define some data can be given to each metabox during rendering
        $data = array('My Data 1', 'My Data 2', 'Available Data 1');
        ?>
			<div id="ultimate-tinymce-general" class="wrap">
			<?php 
        //screen_icon('options-general');
        ?>
            <span style="margin-top:10px;"><img src="<?php 
        echo plugins_url('img/settings.png', __FILE__);
        ?>
" title="Ultimate Tinymce Settings Page" style="margin-top:10px;margin-bottom:-10px;"/><span style="margin-left:20px;color:#FAC46D;font-size:32px;font-family:'Unlock', cursive;"><?php 
        _e('Ultimate Tinymce ', 'jwl-ultimate-tinymce');
        ?>
</span><span style="color:#5F95EF;font-size:22px;font-family:'Unlock', cursive;"><?php 
        _e('Admin Settings Page', 'jwl-ultimate-tinymce');
        ?>
</span></span>
				<form action="admin-post.php" method="post">
				<?php 
        wp_nonce_field('ultimate-tinymce-general');
        ?>
				<?php 
        wp_nonce_field('closedpostboxes', 'closedpostboxesnonce', false);
        ?>
				<?php 
        wp_nonce_field('meta-box-order', 'meta-box-order-nonce', false);
        ?>
				<input type="hidden" name="action" value="save_ultimate-tinymce_general" />
				</form>
                
                 
                
    <div id="container">  
        <ul class="menu">  
            <li id="news" class="active" style="font-size:16px;"><img src="<?php 
        echo plugin_dir_url(__FILE__);
        ?>
img/addon.png" style="margin-right:3px;" title="Addons" /><?php 
        _e('Plugin Addons', 'jwl-ultimate-tinymce');
        ?>
</li>
            <li id="tutorials" style="font-size:16px;"><img src="<?php 
        echo plugin_dir_url(__FILE__);
        ?>
img/donate2.png" style="margin-right:3px;" title="Donate" /><?php 
        _e('Donations', 'jwl-ultimate-tinymce');
        ?>
</li>  
            <li id="spread" style="font-size:16px;"><img src="<?php 
        echo plugin_dir_url(__FILE__);
        ?>
img/spread.png" style="margin-right:3px;" title="Spread the Word" /><?php 
        _e('Spread the Word', 'jwl-ultimate-tinymce');
        ?>
</li> 
            <li id="gettingstarted" style="font-size:16px;"><img src="<?php 
        echo plugin_dir_url(__FILE__);
        ?>
img/started.png" style="margin-right:3px;" title="Getting Started" /><?php 
        _e('Getting Started', 'jwl-ultimate-tinymce');
        ?>
</li>
            <li id="tips" style="font-size:16px;"><img src="<?php 
        echo plugin_dir_url(__FILE__);
        ?>
img/tips.png" style="margin-right:3px;" title="Admin Tips" /><?php 
        _e('Admin Tips', 'jwl-ultimate-tinymce');
        ?>
</li>
            <li id="defaults" style="font-size:16px;"><img src="<?php 
        echo plugin_dir_url(__FILE__);
        ?>
img/default.png" style="margin-right:3px;" title="Load Defaults" /><?php 
        _e('Default Settings', 'jwl-ultimate-tinymce');
        ?>
</li>
            <li id="links" style="font-size:16px;"><img src="<?php 
        echo plugin_dir_url(__FILE__);
        ?>
img/uninstall.png" style="margin-right:3px;" title="Uninstall" /><?php 
        _e('Uninstall Plugin', 'jwl-ultimate-tinymce');
        ?>
</li>  
        </ul>  
        <span class="clear"></span>  
        <div class="content news"> 
            <div class="main_help_wrapper"><span class="content_title"><?php 
        _e('Plugin Addons:', 'jwl-ultimate-tinymce');
        ?>
</span><br /><br />
                    <span style="margin-left:10px;"><?php 
        _e('These addons provide additional features for Ultimate TinyMCE.  Click the title to view the download page.', 'jwl-ultimate-tinymce');
        ?>
</span><br />
					<div id="clickme2" class="content_wrapper_addons"><?php 
        _e('<a target="_blank" title="Easily Integrate Google Webfonts into your Website." href="http://www.plugins.joshlobe.com/ultimate-tinymce-google-webfonts/"><span style="font-family:\'Unlock\', cursive;">Google Webfonts</span></a>', 'jwl-ultimate-tinymce');
        ?>
 <span class="span_hover"><?php 
        _e('(Toggle)', 'jwl-ultimate-tinymce');
        ?>
</span>
                    <div id="me2" style="display:none;margin-top:10px;"><?php 
        if (is_plugin_active('ultimate_tinymce_google_webfonts_addon/main.php')) {
            _e('<span style="color:green;">Activated</span>', 'jwl-ultimate-tinymce');
            ?>
 <img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/check.png" class="activation_icons" title="This addon has been installed and activated successfully." /> <?php 
        } else {
            _e('<span style="color:red;">Not Activated</span>', 'jwl-ultimate-tinymce');
            ?>
 <img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/warning.png" class="activation_icons" title="This addon has NOT been activated." /><br /><br /><span class="plugin_addons"> <?php 
            _e('Choose any combination of Google Webfonts, and add them to the font dropdown selector.<br /><br />Fonts are rendered on both the editor screen, and to all front-end viewers.', 'jwl-ultimate-tinymce');
            ?>
 <br /><br /><center><img style="border:1px solid #666" src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/admin_webfonts.png" title="Ultimate Tinymce Google Webfonts" /></center></span> <?php 
        }
        ?>
</div></div>
                    
					<div id="clickme3" class="content_wrapper_addons"><?php 
        _e('<a target="_blank" title="Easily add custom styles to your content." href="http://www.plugins.joshlobe.com/ultimate-tinymce-custom-styles/"><span style="font-family:\'Unlock\', cursive;">Custom Styles</span></a>', 'jwl-ultimate-tinymce');
        ?>
 <span class="span_hover"><?php 
        _e('(Toggle)', 'jwl-ultimate-tinymce');
        ?>
</span>
                    <div id="me3" style="display:none;margin-top:10px;"><?php 
        if (is_plugin_active('ultimate_tinymce_custom_styles_addon/main.php')) {
            _e('<span style="color:green;">Activated</span>', 'jwl-ultimate-tinymce');
            ?>
 <img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/check.png" class="activation_icons" title="This addon has been installed and activated successfully." /> <?php 
        } else {
            _e('<span style="color:red;">Not Activated</span>', 'jwl-ultimate-tinymce');
            ?>
 <img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/warning.png" class="activation_icons" title="This addon has NOT been activated." /><br /><br /><span class="plugin_addons"> <?php 
            _e('Define unlimited custom styles, and add them to the styleselect dropdown list.<br /><br />Styles are rendered in both the editor screen and the front end of the website.', 'jwl-ultimate-tinymce');
            ?>
 <br /><br /><center><img style="border:1px solid #666" src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/admin_styles.png" title="Ultimate Tinymce Custom Styles" /></center></span> <?php 
        }
        ?>
    
                    </div></div>
                    
                    <div id="clickme4" class="content_wrapper_addons"><?php 
        _e('<a target="_blank" title="Add a list of over 80 predefined styles to your editor." href="http://www.plugins.joshlobe.com/predefined-custom-styles/"><span style="font-family:\'Unlock\', cursive;">Pre-Defined Styles</span></a>', 'jwl-ultimate-tinymce');
        ?>
 <span class="span_hover"><?php 
        _e('(Toggle)', 'jwl-ultimate-tinymce');
        ?>
</span>
                    <div id="me4" style="display:none;margin-top:10px;"><?php 
        if (is_plugin_active('ultimate_tinymce_predefined_styles/main.php')) {
            _e('<span style="color:green;">Activated</span>', 'jwl-ultimate-tinymce');
            ?>
 <img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/check.png" class="activation_icons" title="This addon has been installed and activated successfully." /> <?php 
        } else {
            _e('<span style="color:red;">Not Activated</span>', 'jwl-ultimate-tinymce');
            ?>
 <img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/warning.png" class="activation_icons" title="This addon has NOT been activated." /><br /><br /><span class="plugin_addons"> <?php 
            _e('A collection of my custom styles.  No need to create your own.<br /><br />Install this plugin and have instant access to over 80 custom styles (and growing).', 'jwl-ultimate-tinymce');
            ?>
 </span> <?php 
        }
        ?>
    
                    </div>
                    </div>
                    
                    <div id="clickme5" class="content_wrapper_addons"><?php 
        _e('<a target="_blank" title="Apply six unique color settings to your admin panel." href="http://www.plugins.joshlobe.com/wp-admin-colors/"><span style="font-family:\'Unlock\', cursive;">WP Admin Colors</span></a>', 'jwl-ultimate-tinymce');
        ?>
 <span class="span_hover"><?php 
        _e('(Toggle)', 'jwl-ultimate-tinymce');
        ?>
</span>
                    <div id="me5" style="display:none;margin-top:10px;"><?php 
        if (is_plugin_active('wp-admin-colors/main.php')) {
            _e('<span style="color:green;">Activated</span>', 'jwl-ultimate-tinymce');
            ?>
 <img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/check.png" class="activation_icons" title="This addon has been installed and activated successfully." /> <?php 
        } else {
            _e('<span style="color:red;">Not Activated</span>', 'jwl-ultimate-tinymce');
            ?>
 <img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/warning.png" class="activation_icons" title="This addon has NOT been activated." /><br /><br /><span class="plugin_addons"> <?php 
            _e('Here is a compliment to the color selection for the tinymce editor. This addon will provide a choice of six unique stylesheets to apply to the entire admin panel dashboard.', 'jwl-ultimate-tinymce');
            ?>
 </span> <?php 
        }
        ?>
    
                    </div>
                    </div>
                    <br />
                    <div style="clear:both"></div>
                    <br />
                    <div id="clickme" class="content_wrapper_addons" style="margin-top:-10px;"><?php 
        _e('<a target="_blank" title="Take powerful control over the visual tinymce editor." href="http://www.plugins.joshlobe.com/ultimate-tinymce-advanced-configuration/"><span style="font-family:\'Unlock\', cursive;">Advanced Configuration</span></a>', 'jwl-ultimate-tinymce');
        ?>
 <span class="span_hover"><?php 
        _e('(Toggle)', 'jwl-ultimate-tinymce');
        ?>
</span>
                    <div id="me" style="display:none;margin-top:10px;"><?php 
        if (is_plugin_active('ultimate-tinymce-advanced-configuration/main.php')) {
            _e('<span style="color:green;">Activated</span>', 'jwl-ultimate-tinymce');
            ?>
 <img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/check.png" class="activation_icons" title="This addon has been installed and activated successfully." /> <?php 
        } else {
            _e('<span style="color:red;">Not Activated</span>', 'jwl-ultimate-tinymce');
            ?>
 <img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/warning.png" class="activation_icons" title="This addon has NOT been activated." /><br /><br /><span class="plugin_addons"> <?php 
            _e('Take advanced control over your visual tinymce editor.  Control settings such as button placement, font sizes, date and time formats, and more.', 'jwl-ultimate-tinymce');
            ?>
 </span> <?php 
        }
        ?>
    
                    </div>
                    </div>
                    <div id="clickme6" class="content_wrapper_addons" style="margin-top:-10px;"><?php 
        _e('<a target="_blank" title="Take powerful control over the visual tinymce editor." href="http://www.plugins.joshlobe.com/ultimate-tinymce-classes-and-ids/"><span style="font-family:\'Unlock\', cursive;">Classes and IDs</span></a>', 'jwl-ultimate-tinymce');
        ?>
 <span class="span_hover"><?php 
        _e('(Toggle)', 'jwl-ultimate-tinymce');
        ?>
</span>
                    <div id="me6" style="display:none;margin-top:10px;"><?php 
        if (is_plugin_active('ultimate-tinymce-classes-ids/main.php')) {
            _e('<span style="color:green;">Activated</span>', 'jwl-ultimate-tinymce');
            ?>
 <img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/check.png" class="activation_icons" title="This addon has been installed and activated successfully." /> <?php 
        } else {
            _e('<span style="color:red;">Not Activated</span>', 'jwl-ultimate-tinymce');
            ?>
 <img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/warning.png" class="activation_icons" title="This addon has NOT been activated." /><br /><br /><span class="plugin_addons"> <?php 
            _e('Ultimate Tinymce Classes and IDs is a plugin for WordPress TinyMCE which enables the usage of CSS classes and CSS ids on any HTML element within TinyMCE.', 'jwl-ultimate-tinymce');
            ?>
<br /><br /><?php 
            _e('Together with an external CSS file, Ultimate Tinymce Classes and IDs bridges the (visual) gap between the content entered through TinyMCE and the actual output.', 'jwl-ultimate-tinymce');
            ?>
 </span> <?php 
        }
        ?>
    
                    </div>
                    </div>
                    
                    <div id="clickme7" class="content_wrapper_addons" style="margin-top:-10px;"><?php 
        _e('<a target="_blank" title="Ultimate Tinymce PRO" href="http://www.plugins.joshlobe.com/ultimate-tinymce-pro/"><span style="font-family:\'Unlock\', cursive;">Ultimate Tinymce PRO</span></a>', 'jwl-ultimate-tinymce');
        ?>
 <span class="span_hover"><?php 
        _e('(Toggle)', 'jwl-ultimate-tinymce');
        ?>
</span><span style="color:green;margin-left:10px;">NEW!</span>
                    <div id="me7" style="display:none;margin-top:10px;"><?php 
        _e('Are you using the most advanced WP visual editor available? Get it today!', 'jwl-ultimate-tinymce');
        ?>
<br /><br /><center><a target="_blank" href="http://plugins.joshlobe.com/ultimate-tinymce-pro/"><img src="<?php 
        echo plugin_dir_url(__FILE__);
        ?>
img/pro.gif" /></a></center><?php 
        ?>
    
                    </div>
                    </div>
                    
                    <br />
                    <div style="clear:both"></div>
                    
             </div>
        </div>
        
        <div class="content tutorials">
        	<div class="main_help_wrapper">
            <span class="content_title">
			<?php 
        _e('Donations:', 'jwl-ultimate-tinymce');
        ?>
</span><br /><br />
            	<div class="content_wrapper_tips">
                <span class="content_wrapper_title"><?php 
        _e('Support the Developer', 'jwl-ultimate-tinymce');
        ?>
</span><br />
				<?php 
        _e('Developing this awesome plugin took a lot of effort and time; months and months of continuous voluntary unpaid work.', 'jwl-ultimate-tinymce');
        ?>
                <br /><br /><center>
                     <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
                     <input type="hidden" name="cmd" value="_s-xclick">
                     <input type="hidden" name="hosted_button_id" value="A9E5VNRBMVBCS">
                     <input type="image" src="<?php 
        echo plugin_dir_url(__FILE__);
        ?>
img/donate.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
                     <img alt="PayPal - The safer, easier way to pay online!" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
                     </form>
                </center><br />
                <?php 
        _e('If you like this plugin or if you are using it for commercial websites, please consider a donation to the author to help support future updates and development.', 'jwl-ultimate-tinymce');
        ?>
            </div>
        
                <div class="content_wrapper_tips">
                <?php 
        _e('<span class="content_wrapper_title">Main uses of Donations</span><ul class="help_tab_list_image"><li>Web Hosting Fees</li><li>Cable Internet Fees</li><li>Time/Value Reimbursement</li><li>Motivation for Continuous Improvements</li><li>Sunday Father-Daughter Day</li></ul>', 'jwl-ultimate-tinymce');
        ?>
                </div>
                
                <div class="content_wrapper_tips">
                <span class="content_wrapper_title"><?php 
        _e('Donate Securely via Paypal', 'jwl-ultimate-tinymce');
        ?>
</span><br />
                	<center><form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
                     <input type="hidden" name="cmd" value="_s-xclick">
                     <input type="hidden" name="hosted_button_id" value="A9E5VNRBMVBCS">
                     <input type="image" src="<?php 
        echo plugin_dir_url(__FILE__);
        ?>
img/paypal.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!" style="margin-top:30px;">
                     <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
                     </form>
                     </center>
                </div>
        	</div>
        </div>  
        
        <div class="content spread">
        	<div class="main_help_wrapper">
            <span class="content_title">
			<?php 
        _e('Spread the Word:', 'jwl-ultimate-tinymce');
        ?>
</span><br /><br />
            	<div class="content_wrapper_tips">
                <span class="content_wrapper_title">
                <?php 
        _e('Blog about this Plugin', 'jwl-ultimate-tinymce');
        ?>
                </span><br />
                	<div class="blog_image">
                    <img src="<?php 
        echo plugin_dir_url(__FILE__);
        ?>
img/blog.png" />
                    </div>
                    <div style="float:left;width:67%;">
                <?php 
        _e('<ul class="help_tab_list_image"><li>Do you like this plugin, and use it regularly on your site?</li><li>Why not write a brief article recommending it to your readers and other wordpress blogger buddies?</li><li>Include a link to the plugin download page to make it easy for your readers to access.</li></ul>', 'jwl-ultimate-tinymce');
        ?>
                	</div>
                </div>
                <div class="content_wrapper_tips">
                <span class="content_wrapper_title">
                <?php 
        _e('Vote and Click Works', 'jwl-ultimate-tinymce');
        ?>
                </span><br />
                	<div class="vote_image">
                    <img src="<?php 
        echo plugin_dir_url(__FILE__);
        ?>
img/works.png" />
                    </div>
                    <div style="float:left;width:60%;">
                <?php 
        _e('Please take a few moments to visit the plugin download page to vote and click "Works".  You must have an account on wordpress to rate and vote. Signing up is quick and easy.<br /><br />Also, each time a new plugin update is available, it resets the "Works" count.  So, please do this each time you update the plugin.<br /><br /><a target="_blank" href="http://wordpress.org/extend/plugins/ultimate-tinymce/">Ultimate Tinymce Wordpress Page</a>', 'jwl-ultimate-tinymce');
        ?>
                	</div>
                </div>
                <div class="content_wrapper_tips">
                <span class="content_wrapper_title">
                <?php 
        _e('Twitter & Facebook', 'jwl-ultimate-tinymce');
        ?>
                </span><br />
                	<div style="float:left;width:100%;margin-top:20px;">
                    <center>
                    <a target="_blank" href="https://twitter.com/"><img src="<?php 
        echo plugin_dir_url(__FILE__);
        ?>
img/twitter.png" /></a><br />
                    <a target="_blank" href="https://www.facebook.com/"><img src="<?php 
        echo plugin_dir_url(__FILE__);
        ?>
img/facebook.png" /></a>
                    </center>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="content gettingstarted">
        	<div class="main_help_wrapper">
            <span class="content_title">
			<?php 
        _e('Getting Started:', 'jwl-ultimate-tinymce');
        ?>
</span><br /><br />
            	<div class="content_wrapper_tips">
                <span class="content_wrapper_title">
                <?php 
        _e('Setting up the Admin Settings Page', 'jwl-ultimate-tinymce');
        ?>
                </span><br />
                    <div style="">
                    <br /><br />
                 		<iframe width="420" height="315" src="http://www.youtube.com/embed/wymClsVjkFY" frameborder="0" allowfullscreen></iframe>
                	</div>
                </div>
            </div>
        </div>
        
        <div class="content tips"> 
        	<div class="main_help_wrapper"><span class="content_title"><?php 
        _e('Tips and Tricks for the Admin Panel', 'jwl-ultimate-tinymce');
        ?>
</span><br /><br />
            	<div class="content_wrapper_tips">
            	<?php 
        _e('<span class="content_wrapper_title">Screen Options:</span><ul class="help_tab_list_image"><li>Click the "Screen Options" tab in the upper-right corner to enable further customization.</li><li>Set the Screen Columns to "2" for best results.</li><li>Decide which Meta-Boxes to show or hide.</li><li>Selections are saved in the database.</li></ul>', 'jwl-ultimate-tinymce');
        ?>
                </div>
                <div class="content_wrapper_tips">
            	<?php 
        _e('<span class="content_wrapper_title">Meta Boxes:</span><ul class="help_tab_list_image"><li>Each Meta-Box can be clicked to collapse/expand the contents of the box.</li><li>Boxes can be sorted by clicking and dragging the title area to a new location.</li><li>Open/Closed status and sorting arrangement are saved in the database.  So each time the page is visited; the last chosen layout remains.</li></ul>', 'jwl-ultimate-tinymce');
        ?>
                </div>
                <div class="content_wrapper_tips">
            	<?php 
        _e('<span class="content_wrapper_title">Button Row Selection:</span><ul class="help_tab_list_image"><li>Each button from this plugin can be assigned to one of the four rows of the editor.</li><li>For suggested best results, set all buttons used in "Group One Buttons" to Row 3 and set all buttons used in "Group Two Buttons" to Row 4.  <em>This is only recommended, and not mandatory.</em></li><li>If the buttons scroll off the editor screen, come back here and select a different row for those buttons.</li></ul>', 'jwl-ultimate-tinymce');
        ?>
                </div>
            </div>
        </div>
        
        <div class="content defaults"> 
          <div class="main_help_wrapper"><span class="content_title"><?php 
        _e('Load developers suggested settings.', 'jwl-ultimate-tinymce');
        ?>
</span><br /><br />
                <div class="content_wrapper_tips" style="width:60%;">
                <?php 
        jwl_ultimate_tinymce_load_defaults();
        ?>
                </div>
          </div>
        </div>
        
        <div class="content links"> 
        	<div class="main_help_wrapper"><span class="content_title"><?php 
        _e('Uninstall Plugin & Delete Database Entries:', 'jwl-ultimate-tinymce');
        ?>
</span><br /><br />
            	<div class="content_wrapper_tips">
            	<?php 
        jwl_ultimate_tinymce_form_uninstall();
        ?>
                </div>
                <div class="content_wrapper_tips" style="height:318px;">
                <center><img src="<?php 
        echo plugin_dir_url(__FILE__);
        ?>
img/uninstall1.png" style="margin-top:120px;" /></center>
                </div>
            </div>
        </div>  
    </div>  
          	
    <div id="poststuff" class="metabox-holder<?php 
        echo 2 == $screen_layout_columns ? ' has-right-sidebar' : '';
        ?>
">
        <div id="side-info-column" class="inner-sidebar">                        
            <?php 
        do_meta_boxes($this->pagehook, 'side', $data);
        ?>
        </div>
        <div id="post-body" class="has-sidebar">
            <div id="post-body-content" class="has-sidebar-content">
            
            <?php 
        global $current_user;
        $user_id = $current_user->ID;
        /* Check that the user hasn't already clicked to ignore themefuse */
        if (!get_user_meta($user_id, 'jwl_ignore_notice_themefuse')) {
            ?>
            	<div style="height:160px;width:99%;margin-bottom:10px;margin-top:0px;" class="main_help_wrapper">
                	<div style="float:left;width:30%;">
                    <a target="_blank" href="http://themefuse.com/wp-themes-shop/?plugin=ultimate-tiny-mce">
                    <img src="<?php 
            echo plugin_dir_url(__FILE__);
            ?>
img/themefuse.png" width="100%" />
                    </a>
                    </div>
                    <div style="float:left;width:65%;padding-left:20px;">
                    <span style="font-size:16px;font-weight:bold;">
                    <?php 
            _e('Still using a basic default Wordpress Theme?  Why not upgrade to a premium theme?', 'jwl-ultimate-tinymce');
            ?>
                    </span><br /><br /><br />
					<a target="_blank" href="http://themefuse.com/wp-themes-shop/?plugin=ultimate-tiny-mce"><?php 
            _e('Themefuse', 'jwl-ultimate-tinymce');
            ?>
</a>
					<?php 
            _e(', a Premium WordPress themes shop, focuses on original out of the box design and ease of use for every type of user.', 'jwl-ultimate-tinymce');
            ?>
<br /><br /><?php 
            _e('ThemeFuse aims at providing their customers with themes that can make every website stand out from the crowd, and also offers dedicated support around the clock.', 'jwl-ultimate-tinymce');
            ?>
<br />
                    <?php 
            printf(__('<span style="float:right;"><a href="admin.php?page=ultimate-tinymce%1$s">Dismiss Permanently</a></span>'), '&jwl_nag_ignore_themefuse=0');
            ?>
                	</div>
                </div> 
                <div style="clear:both;"></div>
            <?php 
        }
        ?>
                
                
                <?php 
        do_meta_boxes($this->pagehook, 'normal', $data);
        ?>
                <?php 
        //do_meta_boxes($this->pagehook, 'additional', $data);
        ?>
            </div>
        </div>
        <br class="clear"/>			
   </div>	
   
</div>
<script type="text/javascript">
//<![CDATA[
jQuery(document).ready( function($) { $(".if-js-closed").removeClass("if-js-closed").addClass("closed"); postboxes.add_postbox_toggles("<?php 
        echo $this->pagehook;
        ?>
"); });
//]]>
</script>
<script type="text/javascript"> jQuery(document).ready( function($) { $("#allsts").click(function() { $(".one").attr("checked", true); }); $("#nosts").click(function() { $(".one").attr("checked", false); }); $(".one" ).each( function() { var isitchecked = this.checked; }); });</script>
<script type="text/javascript"> jQuery(document).ready( function($) { $("#allsts2").click(function() { $(".two").attr("checked", true); }); $("#nosts2").click(function() { $(".two").attr("checked", false); }); $(".two" ).each( function() { var isitchecked = this.checked; }); });</script>
<script type="text/javascript"> jQuery(document).ready( function($) { $("#allsts3").click(function() { $(".three").attr("checked", true); }); $("#nosts3").click(function() { $(".three").attr("checked", false); }); $(".three" ).each( function() { var isitchecked = this.checked; }); });</script>
<?php 
        /*
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> */
        ?>
<script type="text/javascript"> jQuery(document).ready( function($) { $("#clickme").click(function() { $("#me").animate({ height: "toggle" }, 300 ); }); }); </script>
<script type="text/javascript"> jQuery(document).ready( function($) { $("#clickme2").click(function() { $("#me2").animate({ height: "toggle" }, 300 ); }); }); </script>
<script type="text/javascript"> jQuery(document).ready( function($) { $("#clickme3").click(function() { $("#me3").animate({ height: "toggle" }, 300 ); }); }); </script>
<script type="text/javascript"> jQuery(document).ready( function($) { $("#clickme4").click(function() { $("#me4").animate({ height: "toggle" }, 300 ); }); }); </script>
<script type="text/javascript"> jQuery(document).ready( function($) { $("#clickme5").click(function() { $("#me5").animate({ height: "toggle" }, 300 ); }); }); </script>
<script type="text/javascript"> jQuery(document).ready( function($) { $("#clickme6").click(function() { $("#me6").animate({ height: "toggle" }, 300 ); }); }); </script>
<script type="text/javascript"> jQuery(document).ready( function($) { $("#clickme7").click(function() { $("#me7").animate({ height: "toggle" }, 300 ); }); }); </script>
<script type="text/javascript">
jQuery(document).ready( function($){  
    $(".menu > li").click(function(e){ switch(e.target.id){  
            case "news": $("#news").addClass("active"); $("#tutorials").removeClass("active"); $("#spread").removeClass("active"); $("#gettingstarted").removeClass("active"); $("#tips").removeClass("active"); $("#defaults").removeClass("active"); $("#links").removeClass("active"); $("div.news").fadeIn(); $("div.tutorials").css("display", "none"); $("div.spread").css("display", "none"); $("div.gettingstarted").css("display", "none"); $("div.tips").css("display", "none"); $("div.defaults").css("display", "none"); $("div.links").css("display", "none");  
            break;  
            case "tutorials": $("#news").removeClass("active"); $("#tutorials").addClass("active"); $("#spread").removeClass("active"); $("#gettingstarted").removeClass("active"); $("#tips").removeClass("active"); $("#defaults").removeClass("active"); $("#links").removeClass("active"); $("div.tutorials").fadeIn(); $("div.news").css("display", "none"); $("div.spread").css("display", "none"); $("div.gettingstarted").css("display", "none"); $("div.tips").css("display", "none"); $("div.defaults").css("display", "none"); $("div.links").css("display", "none");  
            break; 
			case "spread": $("#news").removeClass("active"); $("#tutorials").removeClass("active"); $("#spread").addClass("active"); $("#gettingstarted").removeClass("active"); $("#tips").removeClass("active"); $("#defaults").removeClass("active"); $("#links").removeClass("active"); $("div.spread").fadeIn(); $("div.tips").css("display", "none"); $("div.news").css("display", "none"); $("div.gettingstarted").css("display", "none"); $("div.tutorials").css("display", "none"); $("div.links").css("display", "none"); $("div.defaults").css("display", "none");
            break; 
			case "gettingstarted": $("#news").removeClass("active"); $("#tutorials").removeClass("active"); $("#spread").removeClass("active"); $("#gettingstarted").addClass("active"); $("#tips").removeClass("active"); $("#defaults").removeClass("active"); $("#links").removeClass("active"); $("div.gettingstarted").fadeIn(); $("div.spread").css("display", "none"); $("div.tips").css("display", "none"); $("div.news").css("display", "none"); $("div.tutorials").css("display", "none"); $("div.links").css("display", "none"); $("div.defaults").css("display", "none");
            break; 
			case "tips": $("#news").removeClass("active"); $("#tutorials").removeClass("active"); $("#spread").removeClass("active"); $("#gettingstarted").removeClass("active"); $("#tips").addClass("active"); $("#defaults").removeClass("active"); $("#links").removeClass("active"); $("div.tips").fadeIn(); $("div.spread").css("display", "none"); $("div.gettingstarted").css("display", "none"); $("div.news").css("display", "none"); $("div.tutorials").css("display", "none"); $("div.links").css("display", "none"); $("div.defaults").css("display", "none");
            break; 
			case "defaults": $("#news").removeClass("active"); $("#tutorials").removeClass("active"); $("#spread").removeClass("active"); $("#gettingstarted").removeClass("active"); $("#defaults").addClass("active"); $("#tips").removeClass("active"); $("#links").removeClass("active"); $("div.defaults").fadeIn(); $("div.tips").css("display", "none"); $("div.spread").css("display", "none"); $("div.gettingstarted").css("display", "none"); $("div.news").css("display", "none"); $("div.tutorials").css("display", "none"); $("div.links").css("display", "none");
            break; 
            case "links": $("#news").removeClass("active"); $("#tutorials").removeClass("active"); $("#spread").removeClass("active"); $("#gettingstarted").removeClass("active"); $("#tips").removeClass("active"); $("#defaults").removeClass("active"); $("#links").addClass("active"); $("div.links").fadeIn(); $("div.news").css("display", "none"); $("div.tutorials").css("display", "none"); $("div.spread").css("display", "none"); $("div.gettingstarted").css("display", "none"); $("div.tips").css("display", "none"); $("div.defaults").css("display", "none");
            break;  
        } return false; });  
});  
</script>

<script type="text/javascript">
jQuery(document).ready( function($) {

    //Hide div w/id jwl_hide
	if ($("#jwl_qr_code").is(":checked") || $("#jwl_qr_code_pages").is(":checked")) { $('.jwl_hide').fadeIn('slow', function() { $(".jwl_hide").css("display","block"); }); } else { $('.jwl_hide').fadeOut('fast', function() { $(".jwl_hide").css("display","none"); }); } $("#jwl_qr_code").click(function(){ $('.jwl_hide').fadeIn('slow', function() { if ($("#jwl_qr_code").is(":checked") || $("#jwl_qr_code_pages").is(":checked")) { $(".jwl_hide").css("display","block"); }else{ $('.jwl_hide').fadeOut('slow', function() { $(".jwl_hide").css("display","none"); }); } }); }); $("#jwl_qr_code_pages").click(function(){ $('.jwl_hide').fadeIn('slow', function() { if ($("#jwl_qr_code_pages").is(":checked") || $("#jwl_qr_code").is(":checked")) { $(".jwl_hide").css("display","block"); }else{ $('.jwl_hide').fadeOut('slow', function() {  $(".jwl_hide").css("display","none"); }); } }); });
	
	$("#jwl_export_group1").click(function(){ if ($("#jwl_export_group1").is(":checked")) { $(".jwl_hide_group1").css("display","block"); }else{ $(".jwl_hide_group1").css("display","none"); } });
	$("#jwl_import_group1").click(function(){ if ($("#jwl_import_group1").is(":checked")) { $(".jwl_hide_import_group1").css("display","block"); }else{ $(".jwl_hide_import_group1").css("display","none"); } });
	$("#jwl_export_group2").click(function(){ if ($("#jwl_export_group2").is(":checked")) { $(".jwl_hide_group2").css("display","block"); }else{ $(".jwl_hide_group2").css("display","none"); } });
	$("#jwl_import_group2").click(function(){ if ($("#jwl_import_group2").is(":checked")) { $(".jwl_hide_import_group2").css("display","block"); }else{ $(".jwl_hide_import_group2").css("display","none"); } });

});
</script>
<script type="text/javascript">
jQuery(document).ready( function($) {
	$('select[name="masterBox"]').change(function(){
	$('.actionList option[value="'+$(this).val()+'"]').attr('selected','selected'); });
	$('select[name="masterBox2"]').change(function(){
	$('.actionList2 option[value="'+$(this).val()+'"]').attr('selected','selected'); });
	$('select[name="masterBox3"]').change(function(){
	$('.actionList3 option[value="'+$(this).val()+'"]').attr('selected','selected'); });
});
</script>
<script type="text/javascript">
jQuery(document).ready( function($) {
    // define the mouseover event for text
$('.popup').mouseover(function() { $($(this).data("image")).css('display', 'block'); });
    // define the mouseout event for text       
$('.popup').mouseout(function() { $($(this).data("image")).css('display', 'none'); }); });
</script>
	
<?php 
    }