public function show()
{
if (!$this->load()) {
$this->is_new_block = true;
}
$content = $this->data('content');
if ($this->type != 'generic' && $this->type != "") {
$content = $this->generate_content();
}
if ($this->type == 'generic') {
$block_editor = 'ckeditor';
} else {
$block_editor = 'custom';
}
$this->html = preg_replace('/{content}/', "<div class='block-content' block-editor='{$block_editor}' block-name='{$this->name}'>" . $content . "</div>", $this->html, 1);
if ($this->is_new_block) {
PC::WARNING("This is new block - saving " . $this->name);
$this->save();
}
$this->include_nested_elements();
$classes = "";
if ($this->is_resizable()) {
$classes .= " resizable " . $this->size();
}
$css_attributes = $this->data('css_attributes');
$arr = $this->data('style');
if (isset($arr['custom_classes'])) {
$add_classes = $arr['custom_classes'];
} else {
$add_classes = "";
}
$style = $this->build_style();
$output = "<div class='block {$classes} {$add_classes} {$this->get_css_classes()}' style=\"{$style}\" name='{$this->name}'>" . $this->html . "</div>";
if ($this->output) {
echo $output;
} else {
return $output;
}
}
public function show()
{
$freeModeClass = '';
if (!$this->load()) {
$this->is_new_block = true;
}
$content = $this->data('content');
if (true) {
$content = $this->generate_content();
}
$editor = $this->data('block-editor');
if ($this->type == 'generic' || $editor != null && ($editor = 'inline-text-editor')) {
$block_editor = 'ckeditor';
} else {
$block_editor = 'custom';
}
//$block_editor = 'ckeditor';
if ($this->is_new_block) {
PC::WARNING("This is new block - saving " . $this->name);
$this->save();
}
$classes = "";
if ($this->is_resizable()) {
$classes .= " resizable " . $this->size() . " ";
}
$block_content = "<div class='block-content' block-type='{$this->type}' block-editor='{$block_editor}' block-name='{$this->name}'>" . $content . "</div>";
$this->children_holder_classes = "";
switch ($this->type) {
case "header":
$this->html .= '<div class="block-controls">
<div class="block-controls-inner panel-heading-btn">
<a rel="tooltip" data-placement="top" title="Style Settings" class="style btn btn-xs btn-white" data-click="" data-original-title="" title=""><i class="fa fa-paint-brush"></i></a>
<div class="dropdown block-add-child-block">
<a rel="tooltip" data-placement="top" title="Add Section" class="btn btn-xs btn-white dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown"> <span class="fa fa-th-large"></span>
</a>
<ul class="dropdown-menu " role="menu"
aria-labelledby="dropdownMenu1">
</ul>
</div>
';
$this->html .= $this->output_admin_options();
$this->html .= " </div>\r\n </div>";
$classes .= " be-header-block be-container-block ";
$this->children_holder_classes = " header-children ";
break;
case "page":
$this->html .= '<div class="block-controls">
<div class="block-controls-inner panel-heading-btn">
<a rel="tooltip" data-placement="top" title="Style Settings" class="style btn btn-xs btn-white" data-click="" data-original-title="" title=""><i class="fa fa-paint-brush"></i></a>
<div class="dropdown block-add-child-block">
<a rel="tooltip" data-placement="top" title="Add Section" class="btn btn-xs btn-white dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown"> <span class="fa fa-th-large"></span>
</a>
<ul class="dropdown-menu " role="menu"
aria-labelledby="dropdownMenu1">
</ul>
</div>
';
$this->html .= $this->output_admin_options();
$this->html .= " </div>\r\n </div>";
$classes .= " be-page-content-block be-container-block ";
$this->children_holder_classes = " page-children ";
break;
case "footer":
$this->html .= '<div class="block-controls">
<div class="block-controls-inner panel-heading-btn">
<a rel="tooltip" data-placement="top" title="Style Settings" class="style btn btn-xs btn-white" data-click="" data-original-title="" title=""><i class="fa fa-paint-brush"></i></a>
<div class="dropdown block-add-child-block">
<a rel="tooltip" data-placement="top" title="Add Section" class="btn btn-xs btn-white dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown"> <span class="fa fa-th-large"></span>
</a>
<ul class="dropdown-menu " role="menu"
aria-labelledby="dropdownMenu1">
</ul>
</div>
';
$this->html .= $this->output_admin_options();
$this->html .= " </div>\r\n </div>";
$classes .= " be-footer-content-block be-container-block ";
break;
case "row":
$this->html .= '<div class="block-controls">
<div class="block-controls-inner panel-heading-btn">
<a rel="tooltip" data-placement="top" title="Remove" href="#close" class="remove btn btn-xs btn-danger"><i class="fa fa-times"></i></a>
<a rel="tooltip" data-placement="top" title="Minimize / Maximize" class="collapse-element btn btn-xs btn-warning"><i class="fa fa-minus"></i></a>
<span rel="tooltip" data-placement="top" title="Move" class="drag btn btn-xs btn-white"><i class="fa fa-arrows"></i></span>
<a rel="tooltip" data-placement="top" title="Style Settings" class="style btn btn-xs btn-white" data-click="" data-original-title="" title=""><i class="fa fa-paint-brush"></i></a>
<div class="dropdown block-add-child-block">
<a rel="tooltip" data-placement="top" title="Add Section" class="btn btn-xs btn-white dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown"> <span class="fa fa-th-large"></span>
</a>
<ul class="dropdown-menu " role="menu"
aria-labelledby="dropdownMenu1">
</ul>
</div>
';
$this->html .= $this->output_admin_options();
$this->html .= '
</div>
</div>';
$this->children_holder_classes = " row-children ";
$classes .= " be-row-block row ";
break;
case "column":
$classes = " be-column-block ";
$this->html .= '<div class="block-controls">
<div class="block-controls-inner panel-heading-btn">
<a rel="tooltip" data-placement="top" title="Remove" href="#close" class="remove btn btn-xs btn-danger"><i class="fa fa-times"></i></a>
<a rel="tooltip" data-placement="top" title="Minimize / Maximize" class="collapse-element btn btn-xs btn-warning"><i class="fa fa-minus"></i></a>
<span rel="tooltip" data-placement="top" title="Move" class="drag btn btn-xs btn-white"><i class="fa fa-arrows"></i></span>
<a rel="tooltip" data-placement="top" title="Style Settings" class="style btn btn-xs btn-white" data-click="" data-original-title="" title=""><i class="fa fa-paint-brush"></i></a>
<div class="dropdown block-add-child-block">
<a rel="tooltip" data-placement="top" title="Add Block" class="btn btn-xs btn-white dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown"> <span class="fa fa-plus-square"></span>
</a>
<ul class="dropdown-menu " role="menu"
aria-labelledby="dropdownMenu1">
</ul>
</div>
</div>
</div>';
$this->children_holder_classes = " column-children ";
break;
case "generic":
$freeModeClass = 'freeMode';
$classes = " be-content-block ";
$this->html .= '<div class="block-controls">
<div class="block-controls-inner panel-heading-btn">
<a rel="tooltip" data-placement="top" title="Remove" href="#close" class="remove btn btn-xs btn-danger"><i class="fa fa-times"></i></a>
<span rel="tooltip" data-placement="top" title="Move" class="drag btn btn-xs btn-white"><i class="fa fa-arrows"></i></span>
<a rel="tooltip" data-placement="top" title="Style Settings" class="style btn btn-xs btn-white" data-click="" data-original-title="" title=""><i class="fa fa-paint-brush"></i></a>
<a rel="tooltip" data-placement="top" title="Undo" href="#undo" class="undo btn btn-xs btn-white"><i class="fa fa-undo"></i></a>
</div>
</div>';
break;
case "content":
$block_type_class = str_replace('_', '-', $this->type) . '-block';
if ($this->type != 'container') {
$block_type_html_class = str_replace('_', '-', $this->type);
} else {
$block_type_html_class = '';
}
echo '
<style>
.editor-mode-active .' . $block_type_class . ':before
{
content: "' . ucfirst(str_replace('_', ' ', $this->type)) . '";
}
</style>
';
$classes = $block_type_class . ' ' . $block_type_html_class;
$this->html .= '<div class="block-controls">
<div class="block-controls-inner panel-heading-btn">
<a rel="tooltip" data-placement="top" title="Remove" href="#close" class="remove btn btn-xs btn-danger"><i class="fa fa-times"></i></a>
<a rel="tooltip" data-placement="top" title="Minimize / Maximize" class="collapse-element btn btn-xs btn-warning" data-click="panel-collapse" data-original-title="" title=""><i class="fa fa-minus"></i></a>
<span rel="tooltip" data-placement="top" title="Move" class="drag drag-content btn btn-xs btn-white"><i class="fa fa-arrows"></i></span>';
if ($this->type != 'container' && $this->type != 'content') {
$this->html .= '
<a rel="tooltip" data-placement="top" title="Settings" block-type="' . $this->type . '" block-name="' . $this->name . '" href="#settings" class="settings btn btn-xs btn-white"><i class="fa fa-cog"></i></a>';
}
$this->html .= '
<a rel="tooltip" data-placement="top" title="Style Settings" class="style btn btn-xs btn-white" data-click="" data-original-title="" title=""><i class="fa fa-paint-brush"></i></a>
<div class="dropdown block-add-child-block">
<a rel="tooltip" data-placement="top" title="Add Section" class="btn btn-xs btn-white dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown"> <span class="fa fa-th-large"></span>
</a>
<ul class="dropdown-menu " role="menu"
aria-labelledby="dropdownMenu1">
<a role="menuitem" tabindex="-1" href="#" class="insert-block" block-type="row">Row</a>
</ul>
</div>';
$this->html .= $this->output_admin_options();
$this->html .= "</div>\r\n </div>";
$this->children_holder_classes = " content-children ";
break;
case "container":
$block_type_class = str_replace('_', '-', $this->type) . '-block';
if ($this->type != 'container') {
$block_type_html_class = str_replace('_', '-', $this->type);
} else {
$block_type_html_class = '';
}
echo '
<style>
.editor-mode-active .' . $block_type_class . ':before
{
content: "' . ucfirst(str_replace('_', ' ', $this->type)) . '";
}
</style>
';
$classes = $block_type_class . ' ' . $block_type_html_class;
$this->html .= '<div class="block-controls">
<div class="block-controls-inner panel-heading-btn">
<a rel="tooltip" data-placement="top" title="Remove" href="#close" class="remove btn btn-xs btn-danger"><i class="fa fa-times"></i></a>
<a rel="tooltip" data-placement="top" title="Minimize / Maximize" class="collapse-element btn btn-xs btn-warning" data-click="panel-collapse" data-original-title="" title=""><i class="fa fa-minus"></i></a>
<span rel="tooltip" data-placement="top" title="Move" class="drag drag-container btn btn-xs btn-white"><i class="fa fa-arrows"></i></span>';
if ($this->type != 'container' && $this->type != 'content') {
$this->html .= '
<a rel="tooltip" data-placement="top" title="Settings" block-type="' . $this->type . '" block-name="' . $this->name . '" href="#settings" class="settings btn btn-xs btn-white"><i class="fa fa-cog"></i></a>';
}
$this->html .= '
<a rel="tooltip" data-placement="top" title="Style Settings" class="style btn btn-xs btn-white" data-click="" data-original-title="" title=""><i class="fa fa-paint-brush"></i></a>';
$this->html .= $this->output_admin_options();
$this->html .= "</div>\r\n </div>";
$this->children_holder_classes = " container-children ";
break;
default:
$freeModeClass = 'freeMode';
$block_type_class = str_replace('_', '-', $this->type) . '-block';
if ($this->type != 'container') {
$block_type_html_class = str_replace('_', '-', $this->type);
} else {
$block_type_html_class = '';
}
echo '
<style>
.editor-mode-active .' . $block_type_class . ':before
{
content: "' . ucfirst(str_replace('_', ' ', $this->type)) . '";
}
</style>
';
$classes = $block_type_class . ' ' . $block_type_html_class;
$this->html .= '<div class="block-controls">
<div class="block-controls-inner panel-heading-btn">
<a rel="tooltip" data-placement="top" title="Remove" href="#close" class="remove btn btn-xs btn-danger"><i class="fa fa-times"></i></a>
<a rel="tooltip" data-placement="top" title="Minimize / Maximize" class="collapse-element btn btn-xs btn-warning" data-click="panel-collapse" data-original-title="" title=""><i class="fa fa-minus"></i></a>
<span rel="tooltip" data-placement="top" title="Move" class="drag btn btn-xs btn-white"><i class="fa fa-arrows"></i></span>';
if ($this->type != 'container' && $this->type != 'content') {
$this->html .= '
<a rel="tooltip" data-placement="top" title="Settings" block-type="' . $this->type . '" block-name="' . $this->name . '" href="#settings" class="settings btn btn-xs btn-white"><i class="fa fa-cog"></i></a>';
}
$this->html .= '
<a rel="tooltip" data-placement="top" title="Style Settings" class="style btn btn-xs btn-white" data-click="" data-original-title="" title=""><i class="fa fa-paint-brush"></i></a>
<a rel="tooltip" data-placement="top" title="Undo" href="#undo" class="undo btn btn-xs btn-white"><i class="fa fa-undo"></i></a>';
$this->html .= $this->output_admin_options();
$this->html .= "</div>\r\n </div>";
break;
}
//$block_content = "Content ".$this->html;
if ($this->type == 'row' || $this->type == 'column' || $this->type == 'footer' || $this->type == 'header' || $this->type == 'page' || $this->type == 'content') {
$this->html = preg_replace('/{elements}/', $block_content, $this->html, 1);
}
$this->html = preg_replace('/{content}/', $block_content, $this->html, 1);
$this->include_nested_elements();
$css_attributes = $this->data('css_attributes');
$arr = $this->data('style');
if (isset($arr['custom_classes'])) {
$add_classes = $arr['custom_classes'];
} else {
$add_classes = "";
}
$style = $this->build_style();
$html_id = $this->data('html_id');
$html_id_string = "";
if ($html_id != null) {
$html_id_string = " id=\"{$html_id}\" ";
}
$output = "<div {$html_id_string} block-type='{$this->type}' class='block " . $freeModeClass . " {$classes} {$add_classes} {$this->get_css_classes()}' style=\"{$style}\" name='{$this->name}'>" . $this->block_control_bar() . $this->html . "</div>";
$output = str_replace("%site_root%", home_url('/'), $output);
$output = str_replace("%theme_root%", get_theme_path(), $output);
if ($this->output) {
echo $output;
} else {
return $output;
}
}
function block_styler($block_name)
{
$page_path = $_GET['page_path'];
PC::debug("Setting page path to {$page_path}");
$this->BuilderEngine->set_page_path($page_path);
$block = new Block($block_name);
$block->load();
if ($block->is_global()) {
PC::WARNING("Block {$block_name} is global so we change page path");
$this->BuilderEngine->set_page_path('layout');
}
PC::debug($block, "ajax::block_styler");
if (isset($_POST['block_save'])) {
PC::WARNING($_POST);
unset($_POST['page_path']);
unset($_POST['block_save']);
$block->set_data("style", $_POST, true);
$block->save();
}
echo '
<script src="/builderengine/public/js/jquery.js"></script>
<link href="/themes/dashboard/css/bootstrap/bootstrap.css" rel="stylesheet" />
<link href="/themes/dashboard/css/bootstrap/bootstrap-responsive.css" rel="stylesheet" />
<script src="/builderengine/public/js/bootstrap.js"></script> <!-- Bootstrap -->
<script>
function enable_disable_font_fields()
{
$("[name=\'color\']").attr(\'disabled\',!$("[name=\'font-color_override\']").attr("checked"));
$("[name=\'color\']").spectrum({
preferredFormat: "hex6",
color: $(this).attr("value"),
showInput: true,
showInitial: true,
clickoutFiresChange: true,
chooseText: "Select",
cancelText: "Close"
});
$("[name=\'color_old\']").attr(\'disabled\',!$("[name=\'font-color_override\']").attr("checked"));
$("[name=\'font-family\']").attr(\'disabled\',!$("[name=\'font-color_override\']").attr("checked"));
$("[name=\'font-family-2\']").attr(\'disabled\',!$("[name=\'font-color_override\']").attr("checked"));
$("[name=\'font-weight\']").attr(\'disabled\',!$("[name=\'font-color_override\']").attr("checked"));
$("[name=\'font-size\']").attr(\'disabled\',!$("[name=\'font-color_override\']").attr("checked"));
}
function enable_disable_bg_color_fields()
{
$("[name=\'background-color\']").attr(\'disabled\',!$("[name=\'background-color_override\']").attr("checked"));
$("[name=\'background-color_old\']").attr(\'disabled\',!$("[name=\'background-color_override\']").attr("checked"));
$("[name=\'background-color\']").spectrum({
preferredFormat: "hex6",
color: $("[name=\'background-color\']").attr("value"),
showInput: true,
showInitial: true,
clickoutFiresChange: true,
chooseText: "Select",
cancelText: "Close"
});
}
function enable_disable_border_fields()
{
$("[name=\'border-color\']").attr(\'disabled\',!$("[name=\'border_override\']").attr("checked"));
$("[name=\'border-color_old\']").attr(\'disabled\',!$("[name=\'border_override\']").attr("checked"));
$("[name=\'border-style\']").attr(\'disabled\',!$("[name=\'border_override\']").attr("checked"));
$("[name=\'border-width\']").attr(\'disabled\',!$("[name=\'border_override\']").attr("checked"));
$("[name=\'border-color\']").spectrum({
preferredFormat: "hex6",
color: $("[name=\'border-color\']").attr("value"),
showInput: true,
showInitial: true,
clickoutFiresChange: true,
chooseText: "Select",
cancelText: "Close"
});
}
function enable_disable_bg_image_fields()
{
$("[name=\'background-image_old\']").attr(\'disabled\',!$("[name=\'background-image_override\']").attr("checked"));
$("[name=\'background-image\']").attr(\'disabled\',!$("[name=\'background-image_override\']").attr("checked"));
$("[name=\'background-repeat\']").attr(\'disabled\',!$("[name=\'background-image_override\']").attr("checked"));
}
$(document).ready(function () {
enable_disable_font_fields();
enable_disable_bg_color_fields();
enable_disable_bg_image_fields();
enable_disable_border_fields();
$("[name=\'font-color_override\']").click(function(){
enable_disable_font_fields();
});
$("[name=\'background-color_override\']").click(function(){
enable_disable_bg_color_fields();
});
$("[name=\'background-image_override\']").click(function(){
enable_disable_bg_image_fields();
});
$("[name=\'border_override\']").click(function(){
enable_disable_border_fields();
});
$(".color-picker").each(function () {
$(this).spectrum({
preferredFormat: "hex6",
color: $(this).attr("value"),
showInput: true,
showInitial: true,
clickoutFiresChange: true,
chooseText: "Select",
cancelText: "Close"
});
});
$("#block-admin-save").click(function (event){
block_name = "' . $block_name . '";
$("#block-admin-save").html("Saving...");
$.ajax( {
url: "/index.php/layout_system/ajax/block_styler/' . $block_name . '?page_path=' . $page_path . '",
async: false,
type: "post",
data: $("#block-admin-form").serialize(),
}).fail(function (data){alert(console.log(data))});
window.parent.reload_block(\'' . $block_name . '\', window.parent.page_path, true);
$("#admin-window").remove();
if(block_name == "be_body_styler"){
setTimeout(\'var iframe = window.parent.document.getElementById("content-frame");iframe.src = iframe.src;\',1500);
}
event.preventDefault();
});
});
</script>
<script src="/themes/dashboard/js/plugins/file_manager.js"></script>
';
echo '<div class="container">
<form class="form-horizontal" id="block-admin-form" method="post">
<input type="hidden" name="block_save" name="">
<input type="hidden" name="page_path" value="' . $page_path . '">';
?>
<link href="/themes/dashboard/js/plugins/forms/spectrum/spectrum.css" rel="stylesheet" />
<script src="/themes/dashboard/js/plugins/forms/spectrum/spectrum.js"></script><!-- Color picker -->
<div style="border-width: 1px;border-color: #ddd;border-radius: 4px 4px 0 0;border-style: solid;">
<ul id="myTab" class="nav nav-tabs">
<li class="active"><a href="#general" data-toggle="tab">General</a></li>
<li><a href="#position" data-toggle="tab">Position</a></li>
<li><a href="#border" data-toggle="tab">Border</a></li>
<li><a href="#font" data-toggle="tab">Font</a></li>
<li><a href="#background" data-toggle="tab">Background</a></li>
<li><a href="#custom" data-toggle="tab">Advanced</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane active" id="general">
<?php
$block->admin_select('display', array("inline" => "Inline (Default)", "block" => "Block", "initial" => "Initial", "inline-block" => "Inline-Block", "inline-table" => "Inline-Table", "list-item" => "List-Item", "run-in" => "Run-In", "table" => "Table", "table-caption" => "Table-Caption", "table-column-group" => "Table-Column-Group", "table-header-group" => "Table-Header-Group", "table-footer-group" => "Table-Footer-Group", "table-row-group" => "Table-Row-Group", "table-cell" => "Table-Cell", "table-column" => "Table-Column", "table-row" => "Table-Row", "none" => "None", "inherit" => "Inherit"), 'Display');
$block->admin_select('position', array("static" => "Static (Default)", "relative" => "Relative", "initial" => "Initial", "absolute" => "Absolute", "inherit" => "Inherit"), 'Position');
$block->admin_input('z-index', "text", 'Z-Index');
?>
</div>
<div class="tab-pane" id="position">
<div class="tabbable tabs-left">
<ul class="nav nav-tabs" id="slider-settings">
<li class="active"><a href="#positions" data-toggle="tab">Position</a></li>
<li><a href="#margin" data-toggle="tab">Margin</a></li>
<li><a href="#padding" data-toggle="tab">Padding</a></li>
</ul>
<div class="tab-content" id="some-tabs" style="height: 240px; overflow-y: scroll">
<div class="tab-pane active" id="positions" >
<?php
$block->admin_input('top', "text", 'Top', '', 'Sets the top edge position in px, cm, etc. Negative values are allowed.');
$block->admin_input('right', "text", 'Right', '', 'Sets the right edge position in px, cm, etc. Negative values are allowed.');
$block->admin_input('bottom', "text", 'Bottom', '', 'Sets the bottom edge position in px, cm, etc. Negative values are allowed.');
$block->admin_input('left', "text", 'Left', '', 'Sets the top left position in px, cm, etc. Negative values are allowed.');
?>
</div>
<div class="tab-pane" id="position" >
<?php
$block->admin_input('margin-top', "text", 'Top', '', 'Specifies a margin in px, pt, cm, etc. Default value is 0px');
$block->admin_input('margin-right', "text", 'Right', '', 'Specifies a margin in px, pt, cm, etc. Default value is 0px');
$block->admin_input('margin-bottom', "text", 'Bottom', '', 'Specifies a margin in px, pt, cm, etc. Default value is 0px');
$block->admin_input('margin-left', "text", 'Left', '', 'Specifies a margin in px, pt, cm, etc. Default value is 0px');
?>
</div>
<div class="tab-pane" id="margin" >
<?php
$block->admin_input('margin-top', "text", 'Top', '', 'Specifies a margin in px, pt, cm, etc. Default value is 0px');
$block->admin_input('margin-right', "text", 'Right', '', 'Specifies a margin in px, pt, cm, etc. Default value is 0px');
$block->admin_input('margin-bottom', "text", 'Bottom', '', 'Specifies a margin in px, pt, cm, etc. Default value is 0px');
$block->admin_input('margin-left', "text", 'Left', '', 'Specifies a margin in px, pt, cm, etc. Default value is 0px');
?>
</div>
<div class="tab-pane" id="padding" >
<?php
$block->admin_input('padding-top', "text", 'Top', '', 'Defines a fixed padding (in pixels, pt, em, etc.)');
$block->admin_input('padding-right', "text", 'Right', '', 'Defines a fixed padding (in pixels, pt, em, etc.)');
$block->admin_input('padding-bottom', "text", 'Bottom', '', 'Defines a fixed padding (in pixels, pt, em, etc.)');
$block->admin_input('padding-left', "text", 'Left', '', 'Defines a fixed padding (in pixels, pt, em, etc.)');
?>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="border">
<?php
$block->admin_input("border_override", "checkbox", "Enable");
$block->admin_select('border-style', array("none" => "None", "hidden" => "Hidden", "dotted" => "Dotted", "dashed" => "Dashed", "solid" => "Solid", "double" => "Double", "groove" => "Groove", "ridge" => "Ridge", "inset" => "Inset", "outset" => "Outset", "initial" => "Initial", "inherit" => "Inherit"), 'Border');
$block->admin_input('border-width', "text", 'Width', '', 'Default value is 0px');
$block->admin_color_picker("border-color", "Color");
?>
</div>
<div class="tab-pane" id="font">
<?php
$block->admin_input("font-color_override", "checkbox", "Enable");
$block->admin_color_picker("color", "Color");
$block->admin_input("font-size", "text", "Font Size", '', 'Font size in pixels. (Example 10px)');
$block->admin_select('font-family', array("Times New Roman" => "Times New Roman", "Arial" => "Arial", "Verdana" => "Verdana"), 'Family');
$block->admin_select('font-family-2', array("sans-serif" => "Sans-Serif", "serif" => "Serif", "cursive" => "Cursive", "fantasy" => "Fantasy", "monospace" => "Monospace"), 'Type');
$block->admin_select('font-weight', array("normal" => "Normal", "bold" => "Bold", "bolder" => "Bolder", "lighter" => "Lighter", "100" => "100", "200" => "200", "300" => "300", "400" => "400", "500" => "500", "600" => "600", "700" => "700", "800" => "800", "900" => "900", "inherit" => "Inherit"), 'Weight');
?>
</div>
<div class="tab-pane" id="background">
<div class="tabbable tabs-left">
<ul class="nav nav-tabs" id="slider-settings">
<li class="active"><a href="#bg-color" data-toggle="tab">Color</a></li>
<li><a href="#bg-image" data-toggle="tab">Image</a></li>
</ul>
<div class="tab-content" id="" style="height: 240px; overflow-y: scroll">
<div class="tab-pane active" id="bg-color" >
<?php
$block->admin_input("background-color_override", "checkbox", "Enable");
$block->admin_color_picker("background-color", "Color");
?>
</div>
<div class="tab-pane" id="bg-image" >
<?php
$block->admin_input("background-image_override", "checkbox", "Enable");
$block->admin_file('background-image', 'Image: ');
$block->admin_select('background-repeat', array("repeat" => "Repeat", "repeat-x" => "Repeat-X", "repear-y" => "Repeat-Y", "no-repeat" => "No-Repeat", "initial" => "Initial", "inherit" => "Inherit"), 'Repeat: ');
?>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="custom">
<?php
$block->admin_input("custom_classes", "text", "Classes");
$block->admin_textarea('custom', "CSS");
if ($block->name == "be_body_styler_" . $this->BuilderEngine->get_option('active_frontend_theme')) {
$block->admin_textarea('custom_code', "Code");
}
?>
</div>
</div>
</div>
<?php
echo '
<div class=\\"control-group\\">
<div class=\\"controls controls-row\\">
<input id="block-admin-save" type="submit" class="btn btn-primary" value="Save">
</div>
</div>
';
echo '</form></div>';
}
