function add_view_layout_extra($view_settings, $view_layout_settings, $view_id)
{
    global $views_edit_help;
    $hide = '';
    if (isset($view_settings['sections-show-hide']) && isset($view_settings['sections-show-hide']['layout-extra']) && 'off' == $view_settings['sections-show-hide']['layout-extra']) {
        $hide = ' hidden';
    }
    ?>
	<div class="wpv-setting-container wpv-setting-container-horizontal wpv-settings-layout-markup js-wpv-settings-layout-extra<?php 
    echo $hide;
    ?>
">

		<div class="wpv-settings-header">
			<h3>
				<?php 
    _e('Layout HTML/CSS/JS', 'wpv-views');
    ?>
				<i class="icon-question-sign js-display-tooltip" data-header="<?php 
    echo $views_edit_help['layout_html_css_js']['title'];
    ?>
" data-content="<?php 
    echo $views_edit_help['layout_html_css_js']['content'];
    ?>
"></i>
			</h3>
		</div>
		<?php 
    $data = wpv_get_view_layout_wizard_hint_data();
    wpv_toolset_help_box($data);
    $data = wpv_get_view_content_template_hint_data();
    wpv_toolset_help_box($data);
    ?>

		<div class="wpv-setting" data>
			<div class="js-code-editor code-editor layout-html-editor" data-name="layout-html-editor">
				<div class="code-editor-toolbar js-code-editor-toolbar">
					<ul class="js-wpv-layout-edit-toolbar">
						<li>
							<button class="button-secondary js-code-editor-toolbar-button js-open-meta-html-wizard">
								<i class="icon-th"></i>
								<span class="button-label"><?php 
    _e('Layout wizard', 'wpv-views');
    ?>
</span>
							</button>
						</li>
						<li class="wpv-vicon-codemirror-button">
							<?php 
    wpv_add_v_icon_to_codemirror('wpv_layout_meta_html_content');
    ?>
						</li>
						<li>
							<?php 
    // TODO Review CRED button, produces orphan li if CRED not activated
    //CREED BUTTON
    wpv_add_cred_to_codemirror('wpv_layout_meta_html_content');
    ?>
						</li>

						<li>
							<button class="button-secondary js-code-editor-toolbar-button js-wpv-ct-assign-to-view" data-id="<?php 
    echo $view_id;
    ?>
">
								<i class="icon-plus"></i>
								<span class="button-label"><?php 
    _e('Content Template', 'wpv-views');
    ?>
</span>
							</button>
						</li>
						<li>
							<button class="button-secondary js-code-editor-toolbar-button js-wpv-media-manager" data-id="<?php 
    echo $view_id;
    ?>
" data-content="wpv_layout_meta_html_content">
								<i class="icon-picture"></i>
								<span class="button-label"><?php 
    _e('Media', 'wpv-views');
    ?>
</span>
							</button>
						</li>
					</ul>
				</div>
				<textarea cols="30" rows="10" id="wpv_layout_meta_html_content" name="_wpv_layout_settings[layout_meta_html]"><?php 
    echo isset($view_layout_settings['layout_meta_html']) ? $view_layout_settings['layout_meta_html'] : '';
    ?>
</textarea>
			</div>
			
			<?php 
    $layout_extra_css = isset($view_settings['layout_meta_html_css']) ? $view_settings['layout_meta_html_css'] : '';
    if (empty($layout_extra_css)) {
        $aux_class = ' code-editor-textarea-empty';
    } else {
        $aux_class = ' code-editor-textarea-full';
    }
    ?>

			<p class="js-wpv-layout-css-editor-old-place">
				<input type="hidden" name="_wpv_settings[layout_meta_html_state][css]" id="wpv_layout_meta_html_extra_css_state" value="<?php 
    echo isset($view_settings['layout_meta_html_state']['css']) ? $view_settings['layout_meta_html_state']['css'] : 'off';
    ?>
" />
				<button class="button-secondary js-code-editor-button layout-css-editor-button<?php 
    echo $aux_class;
    ?>
" data-target="layout-css-editor" data-state="closed" data-closed="<?php 
    echo htmlentities(__('Open CSS editor', 'wpv-views'), ENT_QUOTES);
    ?>
" data-opened="<?php 
    echo htmlentities(__('Close CSS editor', 'wpv-views'), ENT_QUOTES);
    ?>
">
					<?php 
    _e('Open CSS editor', 'wpv-views');
    ?>
				</button>
			</p>

			<div class="js-code-editor code-editor layout-css-editor closed" data-name="layout-css-editor">
				<div class="code-editor-toolbar js-code-editor-toolbar">
					<ul>
						<li>
							<button class="button-secondary js-code-editor-toolbar-button js-wpv-media-manager" data-id="<?php 
    echo $view_id;
    ?>
" data-content="wpv_layout_meta_html_css">
								<i class="icon-picture"></i>
								<span class="button-label"><?php 
    _e('Media', 'wpv-views');
    ?>
</span>
							</button>
						</li>
					</ul>
				</div>
				<textarea cols="30" rows="10" id="wpv_layout_meta_html_css" name="_wpv_settings[layout_meta_html_css]"><?php 
    echo $layout_extra_css;
    ?>
</textarea>
			</div>
			
			<?php 
    $layout_extra_js = isset($view_settings['layout_meta_html_js']) ? $view_settings['layout_meta_html_js'] : '';
    if (empty($layout_extra_js)) {
        $aux_class = ' code-editor-textarea-empty';
    } else {
        $aux_class = ' code-editor-textarea-full';
    }
    ?>

			<p class="js-wpv-layout-js-editor-old-place">
				<input type="hidden" name="_wpv_settings[layout_meta_html_state][js]" id="wpv_layout_meta_html_extra_js_state" value="<?php 
    echo isset($view_settings['layout_meta_html_state']['js']) ? $view_settings['layout_meta_html_state']['js'] : 'off';
    ?>
" />
				<button class="button-secondary js-code-editor-button layout-js-code-editor-button<?php 
    echo $aux_class;
    ?>
" data-target="layout-js-editor" data-state="closed" data-closed="<?php 
    echo htmlentities(__('Open JS editor', 'wpv-views'), ENT_QUOTES);
    ?>
" data-opened="<?php 
    echo htmlentities(__('Close JS editor', 'wpv-views'), ENT_QUOTES);
    ?>
">
					<?php 
    _e('Open JS editor', 'wpv-views');
    ?>
				</button>
			</p>

			<div class="js-code-editor code-editor layout-js-editor closed" data-name="layout-js-editor">
				<div class="code-editor-toolbar js-code-editor-toolbar">
					<ul>
						<li>
							<button class="button-secondary js-code-editor-toolbar-button js-wpv-media-manager" data-id="<?php 
    echo $view_id;
    ?>
" data-content="wpv_layout_meta_html_js">
								<i class="icon-picture"></i>
								<span class="button-label"><?php 
    _e('Media', 'wpv-views');
    ?>
</span>
							</button>
						</li>
					</ul>
				</div>
				<textarea cols="30" rows="10" id="wpv_layout_meta_html_js" name="_wpv_settings[layout_meta_html_js]"><?php 
    echo $layout_extra_js;
    ?>
</textarea>
			</div>

			<p class="update-button-wrap">
				<button data-success="<?php 
    echo htmlentities(__('Data updated', 'wpv-views'), ENT_QUOTES);
    ?>
" data-unsaved="<?php 
    echo htmlentities(__('Data not saved', 'wpv-views'), ENT_QUOTES);
    ?>
" data-nonce="<?php 
    echo wp_create_nonce('wpv_view_layout_extra_nonce');
    ?>
" class="js-wpv-layout-extra-update button-secondary" disabled="disabled">
					<?php 
    _e('Update', 'wpv-views');
    ?>
				</button>
			</p>

		</div>

	</div>
<?php 
}
function wpv_ct_loader_inline_callback()
{
    //add new content template
    if (!isset($_POST["wpnonce"]) || !wp_verify_nonce($_POST["wpnonce"], 'wpv-ct-inline-edit')) {
        die("Undefined Nonce.");
    }
    do_action('views_ct_inline_editor');
    $post = get_post($_POST['id']);
    define("CT_INLINE", "1");
    $out = '';
    if (is_object($post) && isset($post->ID)) {
        ob_start();
        $ct_id = $post->ID;
        ?>

       	<div class="code-editor-toolbar js-code-editor-toolbar">
	       <ul class="js-wpv-v-icon js-wpv-v-icon-<?php 
        echo $ct_id;
        ?>
">
	            <?php 
        wpv_add_v_icon_to_codemirror('wpv-ct-inline-editor-' . $ct_id, true);
        ?>
				<li>
					<button class="button-secondary js-code-editor-toolbar-button js-wpv-media-manager" data-id="<?php 
        echo $ct_id;
        ?>
" data-content="<?php 
        echo 'wpv-ct-inline-editor-' . $ct_id;
        ?>
">
						<i class="icon-picture"></i>
						<span class="button-label"><?php 
        _e('Media', 'wpv-views');
        ?>
</span>
					</button>
				</li>
				<li>
				  <?php 
        wpv_add_cred_to_codemirror('wpv-ct-inline-editor-' . $ct_id);
        ?>
				</li>
	       </ul>
      	</div>
		<textarea name="name" rows="10" id="wpv-ct-inline-editor-<?php 
        echo $ct_id;
        ?>
"><?php 
        echo $post->post_content;
        ?>
</textarea></p>
		<p class="update-button-wrap">
		   <button class="button js-wpv-ct-update-inline js-wpv-ct-update-inline-<?php 
        echo $ct_id;
        ?>
" data-unsaved="<?php 
        echo htmlentities(__('Not saved', 'wpv-views'), ENT_QUOTES);
        ?>
" data-id="<?php 
        echo $ct_id;
        ?>
"><?php 
        _e('Update', 'wpv-views');
        ?>
</button>
		</p>

    <?php 
        $out = ob_get_contents();
        ob_end_clean();
        print $out;
    } else {
        print 'error';
    }
    die;
}
function add_view_filter_extra($view_settings, $view_id)
{
    global $views_edit_help;
    $hide = '';
    if (isset($view_settings['sections-show-hide']) && isset($view_settings['sections-show-hide']['filter-extra']) && 'off' == $view_settings['sections-show-hide']['filter-extra']) {
        $hide = ' hidden';
    }
    ?>
	<div class="wpv-setting-container wpv-setting-container-horizontal wpv-settings-filter-markup js-wpv-settings-filter-extra<?php 
    echo $hide;
    ?>
">

		<div class="wpv-settings-header">
			<h3>
				<?php 
    _e('Filter HTML/CSS/JS', 'wpv-views');
    ?>
				<i class="icon-question-sign js-display-tooltip" data-header="<?php 
    echo $views_edit_help['filters_html_css_js']['title'];
    ?>
" data-content="<?php 
    echo $views_edit_help['filters_html_css_js']['content'];
    ?>
"></i>
			</h3>
		</div>

		<div class="wpv-setting">

			<!-- <div class="js-error-container"></div> -->
			<div class="code-editor js-code-editor filter-html-editor" data-name="filter-html-editor" >
				<div class="code-editor-toolbar js-code-editor-toolbar">
					<ul class="js-wpv-filter-edit-toolbar">
						<li class="wpv-vicon-codemirror-button">
							<?php 
    wpv_add_v_icon_to_codemirror('wpv_filter_meta_html_content');
    ?>
						</li>
						<li>
							<?php 
    // TODO Review CRED button, produces orphan li if CRED not activated
    //CREED BUTTON
    wpv_add_cred_to_codemirror('wpv_filter_meta_html_content');
    ?>
						</li>
						<li class="js-editor-pagination-button-wrapper">
							<button class="button-secondary js-code-editor-toolbar-button js-wpv-pagination-popup" data-content="wpv_filter_meta_html_content">
								<i class="icon-pagination"></i>
								<span class="button-label"><?php 
    _e('Pagination', 'wpv-views');
    ?>
</span>
							</button>
						</li>
						<?php 
    echo apply_filters('wpv_meta_html_add_form_button_new', '', '#wpv_filter_meta_html_content');
    ?>
						<li>
							<button class="button-secondary js-code-editor-toolbar-button js-wpv-media-manager" data-id="<?php 
    echo $view_id;
    ?>
" data-content="wpv_filter_meta_html_content">
								<i class="icon-picture"></i>
								<span class="button-label"><?php 
    _e('Media', 'wpv-views');
    ?>
</span>
							</button>
						</li>
					</ul>

				</div>

				<textarea cols="30" rows="10" id="wpv_filter_meta_html_content" name="_wpv_settings[filter_meta_html]"><?php 
    echo isset($view_settings['filter_meta_html']) ? $view_settings['filter_meta_html'] : '';
    ?>
</textarea>
			</div>
			
			<?php 
    $filter_extra_css = isset($view_settings['filter_meta_html_css']) ? $view_settings['filter_meta_html_css'] : '';
    if (empty($filter_extra_css)) {
        $aux_class = ' code-editor-textarea-empty';
    } else {
        $aux_class = ' code-editor-textarea-full';
    }
    ?>

			<p class="js-wpv-filter-css-editor-old-place">
				<input type="hidden" name="_wpv_settings[filter_meta_html_state][css]" id="wpv_filter_meta_html_extra_css_state" value="<?php 
    echo isset($view_settings['filter_meta_html_state']['css']) ? $view_settings['filter_meta_html_state']['css'] : 'off';
    ?>
" />
				<button class="button-secondary js-code-editor-button filter-css-editor-button<?php 
    echo $aux_class;
    ?>
" data-target="filter-css-editor" data-state="closed" data-closed="<?php 
    echo htmlentities(__('Open CSS editor', 'wpv-views'), ENT_QUOTES);
    ?>
" data-opened="<?php 
    echo htmlentities(__('Close CSS editor', 'wpv-views'), ENT_QUOTES);
    ?>
">
					<?php 
    _e('Open CSS editor', 'wpv-views');
    ?>
				</button>
			</p>

			<div class="js-code-editor code-editor filter-css-editor closed" data-name="filter-css-editor">
				<div class="code-editor-toolbar js-code-editor-toolbar">
					<ul>
						<li>
							<button class="button-secondary js-code-editor-toolbar-button js-wpv-media-manager" data-id="<?php 
    echo $view_id;
    ?>
" data-content="wpv_filter_meta_html_css">
								<i class="icon-picture"></i>
								<span class="button-label"><?php 
    _e('Media', 'wpv-views');
    ?>
</span>
							</button>
						</li>
					</ul>
				</div>
				<textarea cols="30" rows="10" id="wpv_filter_meta_html_css" name="_wpv_settings[filter_meta_html_css]"><?php 
    echo $filter_extra_css;
    ?>
</textarea>
			</div>
			
			<?php 
    $filter_extra_js = isset($view_settings['filter_meta_html_js']) ? $view_settings['filter_meta_html_js'] : '';
    if (empty($filter_extra_js)) {
        $aux_class = ' code-editor-textarea-empty';
    } else {
        $aux_class = ' code-editor-textarea-full';
    }
    ?>

			<p class="js-wpv-filter-js-editor-old-place">
				<input type="hidden" name="_wpv_settings[filter_meta_html_state][js]" id="wpv_filter_meta_html_extra_js_state" value="<?php 
    echo isset($view_settings['filter_meta_html_state']['js']) ? $view_settings['filter_meta_html_state']['js'] : 'off';
    ?>
" />
				<button class="button-secondary js-code-editor-button filter-js-editor-button<?php 
    echo $aux_class;
    ?>
" data-target="filter-js-editor"  data-state="closed" data-closed="<?php 
    echo htmlentities(__('Open JS editor', 'wpv-views'), ENT_QUOTES);
    ?>
" data-opened="<?php 
    echo htmlentities(__('Close JS editor', 'wpv-views'), ENT_QUOTES);
    ?>
">
					<?php 
    _e('Open JS editor', 'wpv-views');
    ?>
				</button>
			</p>

			<div class="js-code-editor code-editor filter-js-editor closed" data-name="filter-js-editor" >
				<div class="code-editor-toolbar js-code-editor-toolbar">
					<ul>
						<li>
							<button class="button-secondary js-code-editor-toolbar-button js-wpv-media-manager" data-id="<?php 
    echo $view_id;
    ?>
" data-content="wpv_filter_meta_html_js">
								<i class="icon-picture"></i>
								<span class="button-label"><?php 
    _e('Media', 'wpv-views');
    ?>
</span>
							</button>
						</li>
					</ul>
				</div>
				<textarea cols="30" rows="10" id="wpv_filter_meta_html_js" name="_wpv_settings[filter_meta_html_js]"><?php 
    echo $filter_extra_js;
    ?>
</textarea>
			</div>

			<p class="update-button-wrap">
				<button data-success="<?php 
    echo htmlentities(__('Data updated', 'wpv-views'), ENT_QUOTES);
    ?>
" data-unsaved="<?php 
    echo htmlentities(__('Data not saved', 'wpv-views'), ENT_QUOTES);
    ?>
" data-nonce="<?php 
    echo wp_create_nonce('wpv_view_filter_extra_nonce');
    ?>
" class="js-wpv-filter-extra-update button-secondary" disabled="disabled"><?php 
    _e('Update', 'wpv-views');
    ?>
</button>
			</p>
		</div>

	</div>
<?php 
}