관리-도구

편집 파일: editor2.php

<!DOCTYPE html>
<html lang="en">

<button class="btn btn-light" title="<?php w("Toggle left column"); ?>" id="toggle-left-column-btn" data-vvveb-action="toggleLeftColumn" data-bs-toggle="button" aria-pressed="false">
					<img src="assets/js/vv2/libs/builder/icons/left-column-layout.svg" width="20px" height="20px">
				</button>

<button class="btn btn-light" title="<?php w("Toggle right column"); ?>" id="toggle-right-column-btn" data-vvveb-action="toggleRightColumn" data-bs-toggle="button" aria-pressed="false">
					<img src="assets/js/vv2/libs/builder/icons/right-column-layout.svg" width="20px" height="20px">
				</button>
			</div>
			<div class="btn-group" role="group">
				<a class="btn" onclick="viewTutorial('https://coursefunnels.in/membership/members#tutorials_editor')" style="cursor:pointer;color: rgb(31, 87, 202);border: 1px solid;font-size: 1rem;"><i class="fas fa-play"></i>&nbsp;<?php w("Watch Tutorials"); ?></a>
			</div>
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<div class="btn-group me-3" role="group">
				<button class="btn btn-light" title="<?php w("Undo (Ctrl/Cmd + Z)"); ?>" id="undo-btn" data-vvveb-action="undo" data-vvveb-shortcut="ctrl+z">
					<i class="la la-undo"></i>
				</button>

<button class="btn btn-light la-flip-horizontal" title="<?php w("Redo (Ctrl/Cmd + Shift + Z)"); ?>" id="redo-btn" data-vvveb-action="redo" data-vvveb-shortcut="ctrl+shift+z">
					<i class="la la-undo"></i>
				</button>
			</div>

<div class="btn-group me-3" role="group">
				<button class="btn btn-light" title="<?php w("Designer Mode (Free component dragging)"); ?>" id="designer-mode-btn" data-bs-toggle="button" aria-pressed="false" data-vvveb-action="setDesignerMode">
					<i class="la la-hand-rock"></i>
				</button>

<button class="btn btn-light" title="<?php w("Preview"); ?>" id="preview-btn" type="button" data-bs-toggle="button" aria-pressed="false" data-vvveb-action="preview">
					<i class="la la-eye"></i>
				</button>

<button class="btn btn-light" title="<?php w("Fullscreen (F11)"); ?>" id="fullscreen-btn" data-bs-toggle="button" aria-pressed="false" data-vvveb-action="fullscreen">
					<i class="la la-expand-arrows-alt"></i>
				</button>

<button class="btn btn-light" title="<?php w("Download"); ?>" id="download-btn" data-vvveb-action="download" data-v-download="index.html">
					<i class="la la-download"></i>
				</button>

</div>

<div class="btn-group me-3 float-end" role="group">
				<button class="btn btn-primary btn-icon" title="<?php w("Export (Ctrl + E)"); ?>" id="save-btn" data-vvveb-action="saveAjax" data-vvveb-url="save.php" data-v-vvveb-shortcut="ctrl+e">
					<i class="la la-save"></i> <span data-v-gettext><?php w("Save page"); ?></span>
				</button>
			</div>

<div class="btn-group float-end me-3 responsive-btns" role="group">
				<button id="mobile-view" data-view="mobile" class="btn btn-light" title="<?php w("Mobile view"); ?>" data-vvveb-action="viewport">
					<i class="la la-mobile"></i>
				</button>

<button id="tablet-view" data-view="tablet" class="btn btn-light" title="<?php w("Tablet view"); ?>" data-vvveb-action="viewport">
					<i class="la la-tablet"></i>
				</button>

<button id="desktop-view" data-view="" class="btn btn-light" title="<?php w("Desktop view"); ?>" data-vvveb-action="viewport">
					<i class="la la-laptop"></i>
				</button>

</div>

</a>
						</li>
						<li class="nav-item d-none component-configuration-tab">
							<a class="nav-link" id="configuration-tab" data-bs-toggle="tab" href="#configuration" role="tab" aria-controls="configuration" aria-selected="false" title="<?php w("Configuration"); ?>">
								<i class="la la-tools"></i>
								
								
							</a>
						</li>
					</ul>

</div>
										</div>
									</div>
								</div>

<div class="search">
										<div class="expand">
											<a href="#" class="text-sm" title="<?php w("Expand All"); ?>" data-vvveb-action="expand"><i class="la la-plus"></i></a>
											<a href="#" title="<?php w("Collapse all"); ?>" data-vvveb-action="collapse"><i class="la la-minus"></i></a>
										</div>

<input class="form-control section-search" placeholder="<?php w("Search sections"); ?>" type="text" data-vvveb-action="search" data-vvveb-on="keyup">
										<button class="clear-backspace" data-vvveb-action="clearSearch" title="<?php w("Clear search"); ?>">
											<i class="la la-times"></i>
										</button>
									</div>

</div>
									</div>

</div>

<input class="form-control component-search" placeholder="<?php w("Search components"); ?>" type="text" data-vvveb-action="search" data-vvveb-on="keyup">
										<button class="clear-backspace" data-vvveb-action="clearSearch">
											<i class="la la-times"></i>
										</button>
									</div>

</div>
									</div>
								</div>

<input class="form-control block-search" placeholder="<?php w("Search blocks"); ?>" type="text" data-vvveb-action="search" data-vvveb-on="keyup">
										<button class="clear-backspace" data-vvveb-action="clearSearch">
											<i class="la la-times"></i>
										</button>
									</div>

</div>
									</div>
								</div>

</div>
						</div>

<label class="header" data-header="default" for="header_pallette"><span><?php w("Color palette"); ?></span>
								<div class="header-arrow"></div>
							</label>
							<input class="header_check" type="checkbox" checked="true" id="header_pallette">

<label class="header" data-header="element_header" for="header_element_typography"><span><?php w("Typography"); ?></span>
								<div class="header-arrow"></div>
							</label>

</div>

</div>

</div>

</div>
		</div>

<div id="justify-btn" class="dropdown-menu" aria-labelledby="dropdownMenuButton">
									<a class="dropdown-item" href="#" data-value="Left"><i class="la la-lg la-align-left"></i> Align Left</a>
									<a class="dropdown-item" href="#" data-value="Center"><i class="la la-lg la-align-center"></i> Align Center</a>
									<a class="dropdown-item" href="#" data-value="Right"><i class="la la-lg la-align-right"></i> Align Right</a>
									<a class="dropdown-item" href="#" data-value="Full"><i class="la la-lg la-align-justify"></i> Align Justify</a>
								</div>
							</div>

<select id="font-family" class="form-select px-2 w-50">
								<option value=""><?php w("Default"); ?></option>
								<optgroup label="System default">
									<option value="Arial, Helvetica, sans-serif">Arial</option>
									<option value="'Lucida Sans Unicode', 'Lucida Grande', sans-serif">Lucida Grande</option>
									<option value="'Palatino Linotype', 'Book Antiqua', Palatino, serif">Palatino Linotype</option>
									<option value="'Times New Roman', Times, serif">Times New Roman</option>
									<option value="Georgia, serif">Georgia, serif</option>
									<option value="Tahoma, Geneva, sans-serif">Tahoma</option>
									<option value="'Comic Sans MS', cursive, sans-serif">Comic Sans</option>
									<option value="Verdana, Geneva, sans-serif">Verdana</option>
									<option value="Impact, Charcoal, sans-serif">Impact</option>
									<option value="'Arial Black', Gadget, sans-serif">Arial Black</option>
									<option value="'Trebuchet MS', Helvetica, sans-serif">Trebuchet</option>
									<option value="'Courier New', Courier, monospace">Courier New</option>
									<option value="'Brush Script MT', sans-serif">Brush Script</option>
								</optgroup>
							</select>
						</div>

<div id="select-actions">
							<a id="drag-btn" href="" title="<?php w("Drag element"); ?>"><i class="la la-arrows-alt"></i></a>
							<a id="parent-btn" href="" title="<?php w("Select parent"); ?>" class="la-rotate-180"><i class="la la-level-up-alt"></i></a>

</div>

<div id="add-section-box" class="drag-elements">

</div>

<div>
										<div>
											<ul class="components-list clearfix" data-type="addbox">
											</ul>
										</div>
									</div>
								</div>
								<div class="tab-pane fade" id="box-blocks" role="tabpanel" aria-labelledby="blocks-tab">
									<div class="search">
										<div class="expand">
											<a href="#" class="text-sm" title="<?php w("Expand All"); ?>" data-vvveb-action="expand"><i class="la la-plus"></i></a>
											<a href="#" title="<?php w("Collapse all"); ?>" data-vvveb-action="collapse"><i class="la la-minus"></i></a>
										</div>
										<input class="form-control block-search" placeholder="<?php w("Search blocks"); ?>" type="text" data-vvveb-action="search" data-vvveb-on="keyup">
										<button class="clear-backspace" data-vvveb-action="clearSearch">
											<i class="la la-times"></i>
										</button>
									</div>
									<div>
										<div>
											<ul class="blocks-list clearfix" data-type="addbox">
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

</div>

<div class="btn-group float-end" role="group">
				<button id="code-editor-btn" data-view="mobile" class="btn btn-sm btn-light btn-sm" title="Code editor" data-vvveb-action="toggleEditor">
					<i class="la la-code"></i> Code editor
				</button>

<div class="popup">
					<select class="form-select">
						{% var optgroup = false; for ( var i = 0; i < options.length; i++ ) { %}
						{% if (options[i].optgroup) {  %}
						{% if (optgroup) {  %}
						</optgroup>
						{% } %}
						<optgroup label="{%=options[i].optgroup%}">
							{% optgroup = true; } else { %}
							<option value="{%=options[i].value%}">{%=options[i].text%}</option>
							{% } } %}
					</select>

<div class="elements">
						{%=elements%}
					</div>
				</div>
			</div>
			</div>
		</script>

<div class="elements">
						{%=elements%}
					</div>
				</div>
			</div>
			</div>
		</script>

{% for ( var i = 0; i < options.length; i++ ) { %}
				<div class="col-6">
					<div class="input-group">
						<input name="{%=key%}_{%=i%}" type="text" class="form-control" value="{%=options[i].text%}" />
						<div class="input-group-append">
							<button class="input-group-text btn btn-sm btn-danger">
								<i class="la la-trash la-lg"></i>
							</button>
						</div>
					</div>
					<br />
				</div>
				{% } %}

{% if (typeof hide_remove === 'undefined') { %}
				<div class="col-12">

</div>
				{% } %}

</div>
		</script>

<label>Flexbox</label>
					<select class="form-select" name="col">

<option value="">None</option>
						{% for ( var i = 1; i <= 12; i++ ) { %}
						<option value="{%=i%}" {% if ((typeof col !== 'undefined') && col == i) { %} selected {% } %}>{%=i%}</option>
						{% } %}

</select>
				</div>

<div class="col-6 mb-2">
					<label>Extra small</label>
					<select class="form-select" name="col-xs">

<option value="">None</option>
						{% for ( var i = 1; i <= 12; i++ ) { %}
						<option value="{%=i%}" {% if ((typeof col_xs !== 'undefined') && col_xs == i) { %} selected {% } %}>{%=i%}</option>
						{% } %}

</select>
				</div>

<div class="col-6 mb-2">
					<label>Medium</label>
					<select class="form-select" name="col-md">

<option value="">None</option>
						{% for ( var i = 1; i <= 12; i++ ) { %}
						<option value="{%=i%}" {% if ((typeof col_md !== 'undefined') && col_md == i) { %} selected {% } %}>{%=i%}</option>
						{% } %}

</select>
				</div>

<div class="col-6 mb-2">
					<label>Large</label>
					<select class="form-select" name="col-lg">

<option value="">None</option>
						{% for ( var i = 1; i <= 12; i++ ) { %}
						<option value="{%=i%}" {% if ((typeof col_lg !== 'undefined') && col_lg == i) { %} selected {% } %}>{%=i%}</option>
						{% } %}

</select>
				</div>

<div class="col-6 mb-2">
					<label>Extra large </label>
					<select class="form-select" name="col-xl">

</select>
				</div>

<div class="col-6 mb-2">
					<label>Extra extra large</label>
					<select class="form-select" name="col-xxl">

</select>
				</div>

{% if (typeof hide_remove === 'undefined') { %}
				<div class="col-12">

<button class="btn btn-sm btn-outline-light text-danger">
						<i class="la la-trash la-lg"></i> Remove
					</button>

</div>
				{% } %}

</div>
		</script>

{% if (typeof hide_remove === 'undefined') { %}
				<div class="col-12">

<button class="btn btn-sm btn-outline-light text-danger">
						<i class="la la-trash la-lg"></i> Remove
					</button>

</div>
				{% } %}

</div>
		</script>

{% if (typeof name !== 'undefined' && name != false) { %}
				<label class="{% if (typeof inline === 'undefined' ) { %}col-sm-4{% } %} form-label" for="input-model">{%=name%}</label>
				{% } %}

</div>
		</script>

{%=text%}
				</div>
			</div>
		</script>

<div class="tree">
					<ol>
						<li data-component="Products" class="file">
							<label for="idNaN" style="background-image:url(/js/vvvebjs/icons/products.svg)"><span>Products</span></label>
							<input type="checkbox" id="idNaN">
						</li>
						<li data-component="Posts" class="file">
							<label for="idNaN" style="background-image:url(/js/vvvebjs/icons/posts.svg)"><span>Posts</span></label>
							<input type="checkbox" id="idNaN">
						</li>
					</ol>
				</div>
			</div>
		</script>

<div class="modal fade" id="textarea-modal" tabindex="-1" role="dialog" aria-labelledby="textarea-modal" aria-hidden="true">
			<div class="modal-dialog modal-lg" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<p class="modal-title text-primary"><i class="la la-lg la-save"></i> Export html</p>
						<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
							
						</button>
					</div>
					<div class="modal-body">

</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-secondary btn-lg" data-bs-dismiss="modal"><i class="la la-times"></i> Close</button>
					</div>
				</div>
			</div>
		</div>

<div class="modal fade" id="message-modal" tabindex="-1" role="dialog">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<p class="modal-title text-primary"><i class="la la-lg la-comment"></i> VvvebJs</p>
						<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
							
						</button>
					</div>
					<div class="modal-body">
						<p>Page was successfully saved!.</p>
					</div>
					<div class="modal-footer">
						
						<button type="button" class="btn btn-secondary btn-lg" data-bs-dismiss="modal"><i class="la la-times"></i> Close</button>
					</div>
				</div>
			</div>
		</div>

<div class="modal fade" id="new-page-modal" tabindex="-1" role="dialog">
			<div class="modal-dialog" role="document">

<div class="modal-body text">
							<div class="mb-3 row" data-key="type">
								<label class="col-sm-3 form-label">
									Template
									<abbr class="badge badge-pill badge-secondary" title="This template will be used as a start">?</abbr>
								</label>
								<div class="col-sm-9 input">
									<div>
										<select class="form-select" name="startTemplateUrl">
											<option value="new-page-blank-template.html">Blank Template</option>
											<option value="demo/narrow-jumbotron/index.html">Narrow jumbotron</option>
											<option value="demo/album/index.html">Album</option>
										</select>
									</div>
								</div>
							</div>

<div class="mb-3 row" data-key="href">
								<label class="col-sm-3 form-label">Folder</label>
								<div class="col-sm-9 input">
									<div>
										<input name="folder" type="text" value="my-pages" class="form-control" placeholder="/" required>
									</div>
								</div>
							</div>
						</div>

<div class="modal-footer">
							<button class="btn btn-primary btn-lg" type="submit"><i class="la la-check"></i> Create page</button>
							<button class="btn btn-secondary btn-lg" type="reset" data-bs-dismiss="modal"><i class="la la-times"></i> Cancel</button>
						</div>
					</div>

</form>

</div>
		</div>
	</div>
	<?php
	$payment_methodp = [];
	$plugins_ob = false;
	if (isset($GLOBALS['plugin_loader'])) {
		$plugins_ob = $GLOBALS['plugin_loader'];
	}
	$plugin_saved_payment_methods = $plugins_ob->payment_methods_callbacks;
	foreach ($plugin_saved_payment_methods as $plugin_saved_payment_methods_index => $plugin_saved_payment_methods_val) {

$new_arra = ['value' => $plugin_saved_payment_methods_index, 'text' => $plugin_saved_payment_methods_val['credentials']['title']];
		$payment_methods[] = $new_arra;
	}
	$cod_arra = ['value' => 'cod', 'text' => 'Cash On Delivery'];
	$payment_methods[] = $cod_arra;
	$payment_methodps = json_encode($payment_methods);

?>
	<script>
		const CF_GLOBAL_PAYMENT_METHOD = <?= $payment_methodps; ?>;
		const CF_GLOBAL_ELEMENT_TYPES = [{
				value: "-1",
				text: t("Select Element")
			},
			{
				value: "section",
				text: "Section"
			},
			{
				value: "div",
				text: "Division"
			},
			{
				value: "span",
				text: "Span"
			},
			{
				value: "button",
				text: "Button"
			},
			{
				value: "p",
				text: "Paragraph"
			},
			{
				value: "h1",
				text: "Heading 1"
			},
			{
				value: "h2",
				text: "Heading 2"
			},
			{
				value: "h3",
				text: "Heading 3"
			},
			{
				value: "h4",
				text: "Heading 4"
			},
			{
				value: "h5",
				text: "Heading 5"
			},
			{
				value: "h6",
				text: "Heading 6"
			},
			{
				value: "a",
				text: "Link"
			},
			{
				value: "code",
				text: "Code"
			},
			{
				value: "b",
				text: "Bold"
			},
			{
				value: "em",
				text: "Emphasis"
			},
			{
				value: "i",
				text: "Itelic"
			},
			{
				value: "u",
				text: "Underline"
			},
			{
				value: "sub",
				text: "subscript "
			},
			{
				value: "sup",
				text: "superscript"
			},
			{
				value: "var",
				text: "Variable"
			},
		];

var cf_installation_url = "<?php echo get_option('install_url'); ?>";
		var cf_editor_url = `${cf_installation_url}/assets/js/vv2`;
		var cf_page_fid = <?php echo $_GET['fid']; ?>;
		var cf_page_abtype = "<?php echo $_GET['abtype']; ?>";
		var cf_page_lbl = "<?php echo $_GET['lbl']; ?>";
		var cf_page_categ = "<?php echo $_GET['category']; ?>";
		var cf_page_folder = "<?php echo $_GET['folder']; ?>";
		var cf_request = new ajaxRequest();

var global_custom_blocks_options = [{
			value: null,
			text: t("Create New Block")
		}];
		var track_block_save = false;

var cf_global_fontawesome_url = `<link rel="stylesheet" href="<?php echo get_option('install_url'); ?>/assets/fontawesome/css/all.css"/>`;

<?php
		for ($i = 0; $i < count($content['input_names']); $i++) {
			$content['input_names'][$i] = '"' . htmlentities($content['input_names'][$i]) . '"';
		}
		echo "const cf_global_page_inputs=[" . implode(",", $content['input_names']) . "];";
		?>
		const cf_global_img_upload_info = {
			imgstore: 1,
			upload_location: "<?php echo str_replace('@folder@', $_GET['folder'], $content['img_dir']); ?>",
			img_base_url: "<?php echo str_replace('@folder@', $_GET['folder'], $content['img_url']); ?>"
		};
	</script>
	
	<script src="assets/js/vv2/js/jquery.min.js"></script>
	<script src="assets/js/vv2/js/jquery.hotkeys.js"></script>

<script src="assets/js/vv2/js/bootstrap.min.js"></script>

<script src="assets/js/vv2/libs/builder/builder.js"></script>
	
	<script src="assets/js/vv2/libs/builder/undo.js"></script>
	
	<script src="assets/js/vv2/libs/builder/inputs.js"></script>

<link href="assets/js/vv2/libs/media/media.css" rel="stylesheet">
	<script>
		window.mediaPath = 'media';
	</script>
	<script src="assets/js/vv2/libs/media/media.js"></script>
	<script src="assets/js/vv2/libs/media/openverse.js"></script>
	<script src="assets/js/vv2/libs/builder/plugin-media.js"></script>

<script src="assets/js/vv2/libs/builder/plugin-google-fonts.js"></script>
	<script src="assets/js/vv2/libs/builder/components-common.js"></script>
	<script src="assets/js/vv2/libs/builder/plugin-aos.js"></script>
	<script src="assets/js/vv2/libs/builder/components-elements.js"></script>
	<script src="assets/js/vv2/libs/builder/components-bootstrap5.js"></script>
	<script src="assets/js/vv2/libs/builder/components-widgets.js"></script>

<script src="assets/js/vv2/libs/builder/sections-bootstrap5.js"></script>

<script src="assets/js/vv2/libs/builder/blocks-custom.js"></script>
	<script src="assets/js/vv2/libs/builder/blocks-bootstrap5.js"></script>

<link href="assets/js/vv2/libs/codemirror/lib/codemirror.css" rel="stylesheet" />
	<link href="assets/js/vv2/libs/codemirror/theme/material.css" rel="stylesheet" />
	<script src="assets/js/vv2/libs/codemirror/lib/codemirror.js"></script>
	<script src="assets/js/vv2/libs/codemirror/lib/xml.js"></script>
	<script src="assets/js/vv2/libs/codemirror/lib/formatting.js"></script>
	<script src="assets/js/vv2/libs/builder/plugin-codemirror.js"></script>

<script src="assets/js/vv2/libs/jszip/jszip.min.js"></script>
	<script src="assets/js/vv2/libs/jszip/filesaver.min.js"></script>
	<script src="assets/js/vv2/libs/builder/plugin-jszip.js"></script>

<script src="assets/js/vv2/libs/autocomplete/jquery.autocomplete.js"></script>

<?php
			$vv_target_url = "req.php?loadalltemplatedata_get=1&fid=" . $_GET['fid'] . "&lbl=" . $_GET['lbl'] . "&abtype=" . $_GET['abtype'] . "";
			?>

var config_alert = document.createElement("div");
			config_alert.setAttribute("style", "top:20%;left:50%;transform:translate(-50%,-50%);position:fixed;background-color:white;padding:10px;z-index:10;border-radius:2px;");
			config_alert.innerHTML = "<h3><img src='assets/img/visual_cog.gif' style='max-width:100px;margin-left:8px;'>" + t("Loading Template...") + "</h3>";
			document.body.appendChild(config_alert);

Vvveb.Builder.init('<?php echo $vv_target_url; ?>', function() {
				//run code after page/iframe is loaded
				document.body.removeChild(config_alert);
			});

Vvveb.Gui.init();
			Vvveb.FileManager.init();
			Vvveb.SectionList.init();

// Vvveb.FileManager.addPages(pages);

// Vvveb.FileManager.loadPage("narrow-jumbotron");
			Vvveb.Breadcrumb.init();
		});
	</script>
	<style>
		.components-list {
			height: 98% !important;
			overflow: auto;
		}

input[name="vvfontawesiconslink"] {
			display: none;
		}

input[name="widcollectionhr"] {
			display: none;
		}

div#add-section-box {
			top: 12px !important;
			border: 5px solid grey;
			max-height: 600px !important;
			overflow: auto;
		}

[data-key="element_custom_block_delete"] button {
			background-color: #dc3545;
			border-color: #dc3545;
			display: none;
		}
	</style>
	<?php echo $footer; ?>
	<script>
		//manage media
		function doEditorMediaOpen(cb) {
			//alert(selector);
			openMedia(function(data) {
				try {
					cb(data);
				} catch (err) {
					console.log(err);
				}
			});
		}
	</script>
</body>

</html>