Ejemplo n.º 1
0
function yp_frame_output()
{
    $protocol = is_ssl() ? 'https' : 'http';
    $protocol = $protocol . '://';
    ?>
<!DOCTYPE html><html lang="en-US">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
	<title>Yellow Pencil</title>
	<link rel='stylesheet' href='<?php 
    echo esc_url(includes_url('css/dashicons.min.css', __FILE__));
    ?>
' type='text/css' />
	<link rel='stylesheet' href='<?php 
    echo $protocol;
    ?>
fonts.googleapis.com/css?family=Open+Sans:400,300,600&subset=latin,latin-ext' type='text/css' />
	<link rel='stylesheet' href='<?php 
    echo esc_url(plugins_url('css/contextmenu.css', __FILE__));
    ?>
' type='text/css' />
	<link rel='stylesheet' href='<?php 
    echo esc_url(plugins_url('css/nouislider.css', __FILE__));
    ?>
' type='text/css' />
	<link rel='stylesheet' href='<?php 
    echo esc_url(plugins_url('css/select2.css', __FILE__));
    ?>
' type='text/css' />
	<link rel='stylesheet' href='<?php 
    echo esc_url(plugins_url('css/iris.css', __FILE__));
    ?>
' type='text/css' />
	<link rel='stylesheet' href='<?php 
    echo esc_url(plugins_url('css/bootstrap-tooltip.css', __FILE__));
    ?>
' type='text/css' />	
	<link rel='stylesheet' href='<?php 
    echo esc_url(plugins_url('css/yellow-pencil.css', __FILE__));
    ?>
' type='text/css' />	
	<script src='<?php 
    echo esc_url(includes_url('js/jquery/jquery.js', __FILE__));
    ?>
'></script>
	<script type="text/javascript">
	var ajaxurl = "<?php 
    echo admin_url('admin-ajax.php');
    ?>
";
	var saving = "<?php 
    _e('Saving', 'yp');
    ?>
";
	var save = "<?php 
    _e('Save', 'yp');
    ?>
";
	var saved = "<?php 
    _e('Saved', 'yp');
    ?>
";
	var demo_alert = "<?php 
    _e('Not Saved because this is only demo!', 'yp');
    ?>
";

	var l18_simple_title = "<?php 
    _e('Basic selector', 'yp');
    ?>
";
	var l18_clean_selector = "<?php 
    _e('Alternative Class selector', 'yp');
    ?>
";
	var l18_simple_sharp_selector = "<?php 
    _e('Simple selector', 'yp');
    ?>
";
	var l18_sharp_selector = "<?php 
    _e('Sharp selector', 'yp');
    ?>
";
	var l18_focus_selector = "<?php 
    _e('This selector for form elements. This selector selecing element while input box focus.', 'yp');
    ?>
";
	var l18_hover_selector = "<?php 
    _e('This selector selecing element while mouseover.', 'yp');
    ?>
";
	var l18_width_id = "<?php 
    _e('This selector selecing element with ID.', 'yp');
    ?>
";
	var l18_with_class_selector = "<?php 
    _e('This selector selecing element with a extra class.', 'yp');
    ?>
";
	var l18_with_one_class_selector = "<?php 
    _e('This selector selecing element with one class.', 'yp');
    ?>
";
	var l18_tag_name_selector = "<?php 
    _e('This selector selecing element with tag name.', 'yp');
    ?>
";

	var l18_animation_notice = "<?php 
    _e('Animation property not working, please set \'block\' option for display property from extra section.', 'yp');
    ?>
";
	var l18_margin_notice = "<?php 
    _e('Margin property not working, please set \'block\' or \'inline-block\' option for display property from extra section.', 'yp');
    ?>
";
	var l18_padding_notice = "<?php 
    _e('Padding property may be not work, please set \'block\' or \'inline-block\' option for display property from extra section. If work please don\'t care this notice.', 'yp');
    ?>
";
	var l18_border_width_notice = "<?php 
    _e('Border width property must be minimum 1px.', 'yp');
    ?>
";
	var l18_bg_img_notice = "<?php 
    _e('There is already background image, may be you must disable background image property for background color work.', 'yp');
    ?>
";
	var l18_bg_img_notice_two = "<?php 
    _e('There not have background image, You must set background image property for use feature.', 'yp');
    ?>
";
	var l18_shadow_notice = "<?php 
    _e('You must choose any color for shadow.', 'yp');
    ?>
";
	var l18_border_style_notice = "<?php 
    _e('Border style property is hidden or none, please select solid, dotted or dashed for show the border.', 'yp');
    ?>
";
	var l18_drag_notice = "<?php 
    _e('this element using position property for automatic width, so element width and height may be will change after drag.', 'yp');
    ?>
";
	var l18_logo = "<?php 
    _e('Logo', 'yp');
    ?>
";
	var l18_google_map = "<?php 
    _e('Google Map', 'yp');
    ?>
";
	var l18_entry_title_link = "<?php 
    _e('Entry Title Link', 'yp');
    ?>
";
	var l18_category_link = "<?php 
    _e('Category Link', 'yp');
    ?>
";
	var l18_tag_link = "<?php 
    _e('Tag Link', 'yp');
    ?>
";
	var l18_widget = "<?php 
    _e('Widget', 'yp');
    ?>
";
	var l18_font_awesome_icon = "<?php 
    _e('Font Awesome Icon', 'yp');
    ?>
";
	var l18_submit_button = "<?php 
    _e('Submit Button', 'yp');
    ?>
";
	var l18_menu_item = "<?php 
    _e('Menu Item', 'yp');
    ?>
";
	var l18_post_meta_division = "<?php 
    _e('Post Meta Division', 'yp');
    ?>
";
	var l18_comment_reply_title = "<?php 
    _e('Comment Reply Title', 'yp');
    ?>
";
	var l18_login_info = "<?php 
    _e('Login Info', 'yp');
    ?>
";
	var l18_allowed_tags = "<?php 
    _e('Allowed Tags', 'yp');
    ?>
";
	var l18_post_title = "<?php 
    _e('Post Title', 'yp');
    ?>
";
	var l18_comment_form = "<?php 
    _e('Comment Form', 'yp');
    ?>
";
	var l18_widget_title = "<?php 
    _e('Widget title', 'yp');
    ?>
";
	var l18_tag_cloud = "<?php 
    _e('Tag Cloud', 'yp');
    ?>
";
	var l18_row = "<?php 
    _e('Row', 'yp');
    ?>
";
	var l18_button = "<?php 
    _e('Button', 'yp');
    ?>
";
	var l18_lead = "<?php 
    _e('Lead', 'yp');
    ?>
";
	var l18_well = "<?php 
    _e('Well', 'yp');
    ?>
";
	var l18_accordion_toggle = "<?php 
    _e('Accordion Toggle', 'yp');
    ?>
";
	var l18_accordion_content = "<?php 
    _e('Accordion Content', 'yp');
    ?>
";
	var l18_alert_division = "<?php 
    _e('Alert Division', 'yp');
    ?>
";
	var l18_footer_content = "<?php 
    _e('Footer Content', 'yp');
    ?>
";
	var l18_global_section = "<?php 
    _e('Global Section', 'yp');
    ?>
";
	var l18_show_more_link = "<?php 
    _e('Show More Link', 'yp');
    ?>
";
	var l18_wrapper = "<?php 
    _e('Wrapper', 'yp');
    ?>
";
	var l18_article_title = "<?php 
    _e('Article title', 'yp');
    ?>
";
	var l18_column = "<?php 
    _e('Column', 'yp');
    ?>
";
	var l18_post_division = "<?php 
    _e('Post Division', 'yp');
    ?>
";
	var l18_content_division = "<?php 
    _e('Content Division', 'yp');
    ?>
";
	var l18_entry_title = "<?php 
    _e('Entry Title', 'yp');
    ?>
";
	var l18_entry_content = "<?php 
    _e('Entry Content', 'yp');
    ?>
";
	var l18_entry_footer = "<?php 
    _e('Entry Footer', 'yp');
    ?>
";
	var l18_entry_header = "<?php 
    _e('Entry Header', 'yp');
    ?>
";
	var l18_enter_time = "<?php 
    _e('Entry Time', 'yp');
    ?>
";
	var l18_post_edit_link = "<?php 
    _e('Post Edit Link', 'yp');
    ?>
";
	var l18_post_thumbnail = "<?php 
    _e('Post Thumbnail', 'yp');
    ?>
";
	var l18_thumbnail = "<?php 
    _e('Thumbnail', 'yp');
    ?>
";
	var l18_thumbnail_image = "<?php 
    _e('Thumbnail Image', 'yp');
    ?>
";
	var l18_edit_link = "<?php 
    _e('Edit Link', 'yp');
    ?>
";
	var l18_comments_link_division = "<?php 
    _e('Comments Link Division', 'yp');
    ?>
";
	var l18_site_description = "<?php 
    _e('Site Description', 'yp');
    ?>
";
	var l18_post_break = "<?php 
    _e('Post Break', 'yp');
    ?>
";
	var l18_paragraph = "<?php 
    _e('Paragraph', 'yp');
    ?>
";
	var l18_line_break = "<?php 
    _e('Line Break', 'yp');
    ?>
";
	var l18_horizontal_rule = "<?php 
    _e('Horizontal Rule', 'yp');
    ?>
";
	var l18_link = "<?php 
    _e('Link', 'yp');
    ?>
";
	var l18_list_item = "<?php 
    _e('List Item', 'yp');
    ?>
";
	var l18_unorganized_list = "<?php 
    _e('Unorganized List', 'yp');
    ?>
";
	var l18_image = "<?php 
    _e('Image', 'yp');
    ?>
"; 
	var l18_bold_tag = "<?php 
    _e('Bold Tag', 'yp');
    ?>
";
	var l18_italic_tag = "<?php 
    _e('Italic Tag', 'yp');
    ?>
";
	var l18_strong_tag = "<?php 
    _e('Strong Tag', 'yp');
    ?>
";
	var l18_blockquote = "<?php 
    _e('Block Quote', 'yp');
    ?>
";
	var l18_preformatted = "<?php 
    _e('Preformatted', 'yp');
    ?>
";
	var l18_table = "<?php 
    _e('Table', 'yp');
    ?>
";
	var l18_table_row = "<?php 
    _e('Table Row', 'yp');
    ?>
";
	var l18_table_data = "<?php 
    _e('Table Data', 'yp');
    ?>
";
	var l18_header_division = "<?php 
    _e('Header Division', 'yp');
    ?>
";
	var l18_footer_division = "<?php 
    _e('Footer Division', 'yp');
    ?>
";
	var l18_section = "<?php 
    _e('Section', 'yp');
    ?>
";
	var l18_form_division = "<?php 
    _e('Form Division', 'yp');
    ?>
";
	var l18_centred_block = "<?php 
    _e('Centred block', 'yp');
    ?>
";
	var l18_definition_list = "<?php 
    _e('Definition list', 'yp');
    ?>
";
	var l18_definition_term = "<?php 
    _e('Definition term', 'yp');
    ?>
";
	var l18_definition_description = "<?php 
    _e('Definition description', 'yp');
    ?>
";
	var l18_header = "<?php 
    _e('Header', 'yp');
    ?>
";
	var l18_level = "<?php 
    _e('Level', 'yp');
    ?>
";
	var l18_smaller_text = "<?php 
    _e('Smaller text', 'yp');
    ?>
";
	var l18_text_area = "<?php 
    _e('Text Area', 'yp');
    ?>
";
	var l18_body_of_table = "<?php 
    _e('Body Of Table', 'yp');
    ?>
";
	var l18_head_of_table = "<?php 
    _e('Head Of Table', 'yp');
    ?>
";
	var l18_foot_of_table = "<?php 
    _e('Foot of table', 'yp');
    ?>
";
	var l18_underline_text = "<?php 
    _e('Underline text', 'yp');
    ?>
";
	var l18_span = "<?php 
    _e('Span', 'yp');
    ?>
";
	var l18_quotation = "<?php 
    _e('Quotation', 'yp');
    ?>
";
	var l18_citation = "<?php 
    _e('Citation', 'yp');
    ?>
";
	var l18_expract_of_code = "<?php 
    _e('Extract of code', 'yp');
    ?>
";
	var l18_navigation = "<?php 
    _e('Navigation', 'yp');
    ?>
";
	var l18_label = "<?php 
    _e('Label', 'yp');
    ?>
";
	var l18_time = "<?php 
    _e('Time', 'yp');
    ?>
";
	var l18_division = "<?php 
    _e('Division', 'yp');
    ?>
";
	var l18_caption_of_table = "<?php 
    _e('Caption Of table', 'yp');
    ?>
";
	var l18_input = "<?php 
    _e('Input', 'yp');
    ?>
";
	var l18_sure = "<?php 
    _e('Are you sure you want to leave page without saving?', 'yp');
    ?>
";
	var l18_reset = "<?php 
    _e('You want reset current options?', 'yp');
    ?>
";
	var l18_process = "<?php 
    _e('CSS data is processing. May be browser is not responding while processing, don\'t click or press any key. Please be patient and wait until process end.', 'yp');
    ?>
";


	var l18_none = "Default value for this rule";
	//var l18_disable = "Disable & Enable";
	var l18_picker = "Active picker and move cursor to on any element. Picker will not work with images.";
	</script>
</head>
<?php 
    $classes[] = 'yp-yellow-pencil wt-yellow-pencil yp-metric-disable';
    if (current_user_can("edit_theme_options") == false) {
        if (defined("WT_DEMO_MODE")) {
            $classes[] = 'yp-yellow-pencil-demo-mode';
        }
    }
    if (defined("WT_DISABLE_LINKS")) {
        $classes[] = 'yp-yellow-pencil-disable-links';
    }
    if (!defined('WTFV')) {
        $classes[] = 'wtfv';
    }
    $classesReturn = '';
    foreach ($classes as $class) {
        $classesReturn .= ' ' . $class;
    }
    $classesReturn = trim($classesReturn);
    ?>
<body class="<?php 
    echo $classesReturn;
    ?>
">

	<?php 
    if (isset($_GET['yp_type'])) {
        $type = $_GET['yp_type'];
        $frame = add_query_arg(array('yellow_pencil_frame' => 'true', 'yp_type' => $type), esc_url(urldecode($_GET['href'])));
    } elseif (isset($_GET['yp_id'])) {
        $id = $_GET['yp_id'];
        $frame = add_query_arg(array('yellow_pencil_frame' => 'true', 'yp_id' => $id), esc_url(urldecode($_GET['href'])));
    } else {
        $frame = add_query_arg(array('yellow_pencil_frame' => 'true'), esc_url(urldecode($_GET['href'])));
    }
    ?>
	
	<iframe id="iframe" class="yellow_pencil_iframe" data-href="<?php 
    echo $frame;
    ?>
"></iframe>

	<?php 
    yp_yellow_penci_bar();
    ?>
	
	<div class="top-area-btn-group">
		<div data-delay='{"show":"150"}' data-toggle='tooltip' data-placement='right' title='<?php 
    _e('CSS Editor', 'yp');
    ?>
 <span class="yp-tooltip-shortcut">shortcut: SHIFT</span>' class="top-area-btn css-editor-btn"><span class="dashicons dashicons-edit"></span></div>

		<div data-delay='{"show":"150"}' data-toggle='tooltip' data-placement='right' title='<?php 
    _e('Undo', 'yp');
    ?>
 <span class="yp-tooltip-shortcut">Hold Z key down</span>' class="top-area-btn top-area-center undo-btn"><span class="dashicons dashicons-undo"></span></div>
		<div data-delay='{"show":"150"}' data-toggle='tooltip' data-placement='right' title='<?php 
    _e('Redo', 'yp');
    ?>
 <span class="yp-tooltip-shortcut">Hold Y key down</span>' class="top-area-btn redo-btn"><span class="dashicons dashicons-redo"></span></div>

		<div data-delay='{"show":"150"}' data-toggle='tooltip' data-placement='right' title='<?php 
    _e('Fullscreen', 'yp');
    ?>
 <span class="yp-tooltip-shortcut">shortcut: F</span>' class="top-area-btn fullscreen-btn"><span class="dashicons dashicons-editor-expand"></span></div>
	</div>

	<img class="metric" src="<?php 
    echo esc_url(plugins_url('images/metric.png', __FILE__));
    ?>
" />

	<div class="yp-iframe-loader"></div>

	<div id="image_uploader">
		<iframe src="<?php 
    echo admin_url('media-upload.php?type=image&TB_iframe=true&reauth=1&yp_uploader=1');
    ?>
"></iframe>
	</div>
	<div id="image_uploader_background"></div>

	<p class="yp-target-helper-note"><?php 
    _e("Press to enter key for select or press to ESC for cancel.", "yp");
    ?>
</p>
	<input type='text' class='yp-button-target-input' placeholder='<?php 
    _e('Search Selector', 'yp');
    ?>
.' id='yp-button-target-input' />
	<ul id="yp-target-dropdown"><li>a</li></ul>
	<div id="target_background"></div>

	<div id="leftAreaEditor">
	<div id="cssData"></div>
	<div id="cssEditorBar"><span data-toggle='tooltip' data-placement='bottom' title='<?php 
    _e('Fullscreen Editor', 'yp');
    ?>
' class="dashicons yp-css-fullscreen-btn dashicons-editor-code"></span><span data-toggle='tooltip' data-placement='right' title='<?php 
    _e('Hide', 'yp');
    ?>
 <span class="yp-tooltip-shortcut">shortcut: ESC</span>' class="dashicons yp-css-close-btn dashicons-no-alt "></span></div>
	</div>

	<div class="yp-popup-background"></div>
	<div class="yp-info-modal">
		<h2>Not saved. Get Premium Version!</h2>
		<p>You are using some premium version features. Disable premium features or upgrade to full version for save changes.</p>

		<ul>
			<li>600+ Font Families</li>
			<li>50+ CSS Animations</li>
			<li>300+  Patterns</li>
			<li>7 Amazing Filters</li>
			<li>Drag&Drop Feature</li>
			<li>Live Resizer Feature</li>
			<li>Color Pallets</li>
			<li>Unlock All Features</li>
			<li>Lifetime License & Free Updates</li>
		</ul>

		<div class="yp-action-area">
			<a class="yp-info-modal-close">Maybe Later</a>
			<a target="_blank" href="http://waspthemes.com/yellow-pencil/buy">Get Premium 23$</a>
		</div>
	</div>
	
	<div class="yp_debug"></div>
	
	<script src='<?php 
    echo esc_url(plugins_url('js/contextmenu.js', __FILE__));
    ?>
'></script>
	<script src='<?php 
    echo esc_url(plugins_url('js/nouislider.js', __FILE__));
    ?>
'></script>
	<script src='<?php 
    echo esc_url(plugins_url('js/select2.js', __FILE__));
    ?>
'></script>
	<script src='<?php 
    echo esc_url(includes_url('js/jquery/ui/core.min.js', __FILE__));
    ?>
'></script>
	<script src='<?php 
    echo esc_url(includes_url('js/jquery/ui/widget.min.js', __FILE__));
    ?>
'></script>
	<script src='<?php 
    echo esc_url(includes_url('js/jquery/ui/mouse.min.js', __FILE__));
    ?>
'></script>
	<script src='<?php 
    echo esc_url(includes_url('js/jquery/ui/slider.min.js', __FILE__));
    ?>
'></script>
	<script src='<?php 
    echo esc_url(includes_url('js/jquery/ui/draggable.min.js', __FILE__));
    ?>
'></script>
	<script src='<?php 
    echo esc_url(plugins_url('js/iris.js', __FILE__));
    ?>
'></script>
	<script src='<?php 
    echo esc_url(plugins_url('js/bootstrap-tooltip.js', __FILE__));
    ?>
'></script>
	<script src='<?php 
    echo esc_url(plugins_url('library/js/css-engine.js', __FILE__));
    ?>
'></script>
	<script type='text/javascript' src='<?php 
    echo esc_url(plugins_url('library/ace/ace.js', __FILE__));
    ?>
'></script>
	<script src='<?php 
    echo esc_url(plugins_url('js/plugins.js', __FILE__));
    ?>
'></script>
	<script src='<?php 
    echo esc_url(plugins_url('js/yellow-pencil.js', __FILE__));
    ?>
'></script>
	</body>
	</html><?php 
    exit;
}
Ejemplo n.º 2
0
function yp_frame_output()
{
    $protocol = is_ssl() ? 'https' : 'http';
    $protocol = $protocol . '://';
    ?>
<!DOCTYPE html><html lang="en-US">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
	<title>Yellow Pencil</title>
	<link rel='stylesheet' href='<?php 
    echo esc_url(includes_url('css/dashicons.min.css', __FILE__));
    ?>
' type='text/css' />
	<link rel='stylesheet' href='<?php 
    echo $protocol;
    ?>
fonts.googleapis.com/css?family=Open+Sans:400,300,600&subset=latin,latin-ext' type='text/css' />
	<link rel='stylesheet' href='<?php 
    echo esc_url(plugins_url('css/contextmenu.css', __FILE__));
    ?>
' type='text/css' />
	<link rel='stylesheet' href='<?php 
    echo esc_url(plugins_url('css/nouislider.css', __FILE__));
    ?>
' type='text/css' />
	<link rel='stylesheet' href='<?php 
    echo esc_url(plugins_url('css/select2.css', __FILE__));
    ?>
' type='text/css' />
	<link rel='stylesheet' href='<?php 
    echo esc_url(plugins_url('css/minicolors.css', __FILE__));
    ?>
' type='text/css' />
	<link rel='stylesheet' href='<?php 
    echo esc_url(plugins_url('css/bootstrap-tooltip.css', __FILE__));
    ?>
' type='text/css' />	
	<link rel='stylesheet' href='<?php 
    echo esc_url(plugins_url('css/yellow-pencil.css', __FILE__));
    ?>
' type='text/css' />	
	<script src='<?php 
    echo esc_url(includes_url('js/jquery/jquery.js', __FILE__));
    ?>
'></script>
	<script type="text/javascript">
	var ajaxurl = "<?php 
    echo admin_url('admin-ajax.php');
    ?>
";
	var saving = "<?php 
    _e('Saving', 'yp');
    ?>
";
	var save = "<?php 
    _e('Save', 'yp');
    ?>
";
	var saved = "<?php 
    _e('Saved', 'yp');
    ?>
";
	var demo_alert = "<?php 
    _e('Not Saved because this is only demo!', 'yp');
    ?>
";
	
	var l18_logo = "<?php 
    _e('Logo', 'yp');
    ?>
";
	var l18_google_map = "<?php 
    _e('Google Map', 'yp');
    ?>
";
	var l18_entry_title_link = "<?php 
    _e('Entry Title Link', 'yp');
    ?>
";
	var l18_category_link = "<?php 
    _e('Category Link', 'yp');
    ?>
";
	var l18_tag_link = "<?php 
    _e('Tag Link', 'yp');
    ?>
";
	var l18_widget = "<?php 
    _e('Widget', 'yp');
    ?>
";
	var l18_font_awesome_icon = "<?php 
    _e('Font Awesome Icon', 'yp');
    ?>
";
	var l18_submit_button = "<?php 
    _e('Submit Button', 'yp');
    ?>
";
	var l18_menu_item = "<?php 
    _e('Menu Item', 'yp');
    ?>
";
	var l18_post_meta_division = "<?php 
    _e('Post Meta Division', 'yp');
    ?>
";
	var l18_comment_reply_title = "<?php 
    _e('Comment Reply Title', 'yp');
    ?>
";
	var l18_login_info = "<?php 
    _e('Login Info', 'yp');
    ?>
";
	var l18_allowed_tags = "<?php 
    _e('Allowed Tags', 'yp');
    ?>
";
	var l18_post_title = "<?php 
    _e('Post Title', 'yp');
    ?>
";
	var l18_comment_form = "<?php 
    _e('Comment Form', 'yp');
    ?>
";
	var l18_widget_title = "<?php 
    _e('Widget title', 'yp');
    ?>
";
	var l18_tag_cloud = "<?php 
    _e('Tag Cloud', 'yp');
    ?>
";
	var l18_row = "<?php 
    _e('Row', 'yp');
    ?>
";
	var l18_button = "<?php 
    _e('Button', 'yp');
    ?>
";
	var l18_lead = "<?php 
    _e('Lead', 'yp');
    ?>
";
	var l18_well = "<?php 
    _e('Well', 'yp');
    ?>
";
	var l18_accordion_toggle = "<?php 
    _e('Accordion Toggle', 'yp');
    ?>
";
	var l18_accordion_content = "<?php 
    _e('Accordion Content', 'yp');
    ?>
";
	var l18_alert_division = "<?php 
    _e('Alert Division', 'yp');
    ?>
";
	var l18_footer_content = "<?php 
    _e('Footer Content', 'yp');
    ?>
";
	var l18_global_section = "<?php 
    _e('Global Section', 'yp');
    ?>
";
	var l18_show_more_link = "<?php 
    _e('Show More Link', 'yp');
    ?>
";
	var l18_wrapper = "<?php 
    _e('Wrapper', 'yp');
    ?>
";
	var l18_article_title = "<?php 
    _e('Article title', 'yp');
    ?>
";
	var l18_column = "<?php 
    _e('Column', 'yp');
    ?>
";
	var l18_post_division = "<?php 
    _e('Post Division', 'yp');
    ?>
";
	var l18_content_division = "<?php 
    _e('Content Division', 'yp');
    ?>
";
	var l18_entry_title = "<?php 
    _e('Entry Title', 'yp');
    ?>
";
	var l18_entry_content = "<?php 
    _e('Entry Content', 'yp');
    ?>
";
	var l18_entry_footer = "<?php 
    _e('Entry Footer', 'yp');
    ?>
";
	var l18_entry_header = "<?php 
    _e('Entry Header', 'yp');
    ?>
";
	var l18_enter_time = "<?php 
    _e('Entry Time', 'yp');
    ?>
";
	var l18_post_edit_link = "<?php 
    _e('Post Edit Link', 'yp');
    ?>
";
	var l18_post_thumbnail = "<?php 
    _e('Post Thumbnail', 'yp');
    ?>
";
	var l18_thumbnail = "<?php 
    _e('Thumbnail', 'yp');
    ?>
";
	var l18_thumbnail_image = "<?php 
    _e('Thumbnail Image', 'yp');
    ?>
";
	var l18_edit_link = "<?php 
    _e('Edit Link', 'yp');
    ?>
";
	var l18_comments_link_division = "<?php 
    _e('Comments Link Division', 'yp');
    ?>
";
	var l18_site_description = "<?php 
    _e('Site Description', 'yp');
    ?>
";
	var l18_post_break = "<?php 
    _e('Post Break', 'yp');
    ?>
";
	var l18_paragraph = "<?php 
    _e('Paragraph', 'yp');
    ?>
";
	var l18_line_break = "<?php 
    _e('Line Break', 'yp');
    ?>
";
	var l18_horizontal_rule = "<?php 
    _e('Horizontal Rule', 'yp');
    ?>
";
	var l18_link = "<?php 
    _e('Link', 'yp');
    ?>
";
	var l18_list_item = "<?php 
    _e('List Item', 'yp');
    ?>
";
	var l18_unorganized_list = "<?php 
    _e('Unorganized List', 'yp');
    ?>
";
	var l18_image = "<?php 
    _e('Image', 'yp');
    ?>
"; 
	var l18_bold_tag = "<?php 
    _e('Bold Tag', 'yp');
    ?>
";
	var l18_italic_tag = "<?php 
    _e('Italic Tag', 'yp');
    ?>
";
	var l18_strong_tag = "<?php 
    _e('Strong Tag', 'yp');
    ?>
";
	var l18_blockquote = "<?php 
    _e('Block Quote', 'yp');
    ?>
";
	var l18_preformatted = "<?php 
    _e('Preformatted', 'yp');
    ?>
";
	var l18_table = "<?php 
    _e('Table', 'yp');
    ?>
";
	var l18_table_row = "<?php 
    _e('Table Row', 'yp');
    ?>
";
	var l18_table_data = "<?php 
    _e('Table Data', 'yp');
    ?>
";
	var l18_header_division = "<?php 
    _e('Header Division', 'yp');
    ?>
";
	var l18_footer_division = "<?php 
    _e('Footer Division', 'yp');
    ?>
";
	var l18_section = "<?php 
    _e('Section', 'yp');
    ?>
";
	var l18_form_division = "<?php 
    _e('Form Division', 'yp');
    ?>
";
	var l18_centred_block = "<?php 
    _e('Centred block', 'yp');
    ?>
";
	var l18_definition_list = "<?php 
    _e('Definition list', 'yp');
    ?>
";
	var l18_definition_term = "<?php 
    _e('Definition term', 'yp');
    ?>
";
	var l18_definition_description = "<?php 
    _e('Definition description', 'yp');
    ?>
";
	var l18_header = "<?php 
    _e('Header', 'yp');
    ?>
";
	var l18_level = "<?php 
    _e('Level', 'yp');
    ?>
";
	var l18_smaller_text = "<?php 
    _e('Smaller text', 'yp');
    ?>
";
	var l18_text_area = "<?php 
    _e('Text Area', 'yp');
    ?>
";
	var l18_body_of_table = "<?php 
    _e('Body Of Table', 'yp');
    ?>
";
	var l18_head_of_table = "<?php 
    _e('Head Of Table', 'yp');
    ?>
";
	var l18_foot_of_table = "<?php 
    _e('Foot of table', 'yp');
    ?>
";
	var l18_underline_text = "<?php 
    _e('Underline text', 'yp');
    ?>
";
	var l18_span = "<?php 
    _e('Span', 'yp');
    ?>
";
	var l18_quotation = "<?php 
    _e('Quotation', 'yp');
    ?>
";
	var l18_citation = "<?php 
    _e('Citation', 'yp');
    ?>
";
	var l18_expract_of_code = "<?php 
    _e('Extract of code', 'yp');
    ?>
";
	var l18_navigation = "<?php 
    _e('Navigation', 'yp');
    ?>
";
	var l18_label = "<?php 
    _e('Label', 'yp');
    ?>
";
	var l18_time = "<?php 
    _e('Time', 'yp');
    ?>
";
	var l18_division = "<?php 
    _e('Division', 'yp');
    ?>
";
	var l18_caption_of_table = "<?php 
    _e('Caption Of table', 'yp');
    ?>
";
	var l18_input = "<?php 
    _e('Input', 'yp');
    ?>
";
	var l18_sure = "<?php 
    _e('Are you sure you want to leave page without saving?', 'yp');
    ?>
";
	var l18_reset = "<?php 
    _e('You want reset current options?', 'yp');
    ?>
";

	var l18_none = "Default value for this rule";
	var l18_disable = "Remove rule from output";
	var l18_picker = "Active picker and move cursor to on any element";
	</script>
</head>
<?php 
    $classes[] = 'yp-yellow-pencil wt-yellow-pencil yp-metric-disable';
    if (current_user_can("edit_theme_options") == false) {
        if (defined("WT_DEMO_MODE")) {
            $classes[] = 'yp-yellow-pencil-demo-mode';
        }
    }
    if (defined("WT_DISABLE_LINKS")) {
        $classes[] = 'yp-yellow-pencil-disable-links';
    }
    if (!defined('WTFV')) {
        $classes[] = 'wtfv';
    }
    $classesReturn = '';
    foreach ($classes as $class) {
        $classesReturn .= ' ' . $class;
    }
    $classesReturn = trim($classesReturn);
    ?>
<body class="<?php 
    echo $classesReturn;
    ?>
">

	<?php 
    if (isset($_GET['yp_type'])) {
        $type = $_GET['yp_type'];
        $frame = add_query_arg(array('yellow_pencil_frame' => 'true', 'yp_type' => $type), esc_url(urldecode($_GET['href'])));
    } elseif (isset($_GET['yp_id'])) {
        $id = $_GET['yp_id'];
        $frame = add_query_arg(array('yellow_pencil_frame' => 'true', 'yp_id' => $id), esc_url(urldecode($_GET['href'])));
    } else {
        $frame = add_query_arg(array('yellow_pencil_frame' => 'true'), esc_url(urldecode($_GET['href'])));
    }
    ?>
	
	<iframe id="iframe" class="yellow_pencil_iframe" src="<?php 
    echo $frame;
    ?>
"></iframe>

	<?php 
    yp_yellow_penci_bar();
    ?>
	
	<div class="top-area-btn-group">
		<div data-delay='{"show":"150"}' data-toggle='tooltip' data-placement='right' title='<?php 
    _e('CSS Editor', 'yp');
    ?>
' class="top-area-btn css-editor-btn"><span class="dashicons dashicons-edit"></span></div>

		<div data-delay='{"show":"150"}' data-toggle='tooltip' data-placement='right' title='<?php 
    _e('Undo', 'yp');
    ?>
' class="top-area-btn top-area-center undo-btn"><span class="dashicons dashicons-undo"></span></div>
		<div data-delay='{"show":"150"}' data-toggle='tooltip' data-placement='right' title='<?php 
    _e('Redo', 'yp');
    ?>
' class="top-area-btn redo-btn"><span class="dashicons dashicons-redo"></span></div>

		<div data-delay='{"show":"150"}' data-toggle='tooltip' data-placement='right' title='<?php 
    _e('Fullscreen', 'yp');
    ?>
' class="top-area-btn fullscreen-btn"><span class="dashicons dashicons-editor-expand"></span></div>
	</div>

	<img class="metric" src="<?php 
    echo esc_url(plugins_url('images/metric.png', __FILE__));
    ?>
" />

	<div id="image_uploader">
		<iframe src="<?php 
    echo admin_url('media-upload.php?type=image&TB_iframe=true&reauth=1&yp_uploader=1');
    ?>
"></iframe>
	</div>
	<div id="image_uploader_background"></div>

	<div id="leftAreaEditor">
	<div id="cssData"></div>
	<div id="cssEditorBar"><span data-toggle='tooltip' data-placement='bottom' title='<?php 
    _e('Hide CSS Editor', 'yp');
    ?>
' class="dashicons yp-css-close-btn dashicons-no-alt "></span></div>
	</div>

	<div class="yp-popup-background"></div>
	<div class="yp-info-modal">
		<h2>Not saved. Get Premium Version!</h2>
		<p>You are using some premium version features. Disable premium features or upgrade to full version for save changes.</p>

		<ul>
			<li>600+ Font Families</li>
			<li>50+ CSS Animations</li>
			<li>300+  Patterns</li>
			<li>7 Amazing Filters</li>
			<li>Color Pallets</li>
			<li>Unlock All Features</li>
			<li>Lifetime License & Free Updates</li>
		</ul>

		<div class="yp-action-area">
			<a class="yp-info-modal-close">Maybe Later</a>
			<a target="_blank" href="http://waspthemes.com/yellow-pencil/buy">Get Premium 23$</a>
		</div>
	</div>
	
	<div class="yp_debug"></div>
	
	<script src='<?php 
    echo esc_url(plugins_url('js/contextmenu.js', __FILE__));
    ?>
'></script>
	<script src='<?php 
    echo esc_url(plugins_url('js/nouislider.js', __FILE__));
    ?>
'></script>
	<script src='<?php 
    echo esc_url(plugins_url('js/select2.js', __FILE__));
    ?>
'></script>
	<script src='<?php 
    echo esc_url(plugins_url('js/minicolors.js', __FILE__));
    ?>
'></script>
	<script src='<?php 
    echo esc_url(includes_url('js/jquery/ui/core.min.js', __FILE__));
    ?>
'></script>
	<script src='<?php 
    echo esc_url(includes_url('js/jquery/ui/widget.min.js', __FILE__));
    ?>
'></script>
	<script src='<?php 
    echo esc_url(includes_url('js/jquery/ui/mouse.min.js', __FILE__));
    ?>
'></script>
	<script src='<?php 
    echo esc_url(includes_url('js/jquery/ui/draggable.min.js', __FILE__));
    ?>
'></script>
	<script src='<?php 
    echo esc_url(plugins_url('js/bootstrap-tooltip.js', __FILE__));
    ?>
'></script>
	<script src='<?php 
    echo esc_url(plugins_url('library/js/css-engine.js', __FILE__));
    ?>
'></script>
	<script type='text/javascript' src='<?php 
    echo esc_url(plugins_url('library/ace/ace.js', __FILE__));
    ?>
'></script>
	<script src='<?php 
    echo esc_url(plugins_url('js/yellow-pencil.js', __FILE__));
    ?>
'></script>
	</body>
	</html><?php 
    exit;
}