| Server IP : 103.119.228.120 / Your IP : 3.135.200.121 Web Server : Apache System : Linux v8.techscape8.com 3.10.0-1160.119.1.el7.tuxcare.els2.x86_64 #1 SMP Mon Jul 15 12:09:18 UTC 2024 x86_64 User : nobody ( 99) PHP Version : 5.6.40 Disable Function : shell_exec,symlink,system,exec,proc_get_status,proc_nice,proc_terminate,define_syslog_variables,syslog,openlog,closelog,escapeshellcmd,passthru,ocinum cols,ini_alter,leak,listen,chgrp,apache_note,apache_setenv,debugger_on,debugger_off,ftp_exec,dl,dll,myshellexec,proc_open,socket_bind,proc_close,escapeshellarg,parse_ini_filepopen,fpassthru,exec,passthru,escapeshellarg,escapeshellcmd,proc_close,proc_open,ini_alter,popen,show_source,proc_nice,proc_terminate,proc_get_status,proc_close,pfsockopen,leak,apache_child_terminate,posix_kill,posix_mkfifo,posix_setpgid,posix_setsid,posix_setuid,dl,symlink,shell_exec,system,dl,passthru,escapeshellarg,escapeshellcmd,myshellexec,c99_buff_prepare,c99_sess_put,fpassthru,getdisfunc,fx29exec,fx29exec2,is_windows,disp_freespace,fx29sh_getupdate,fx29_buff_prepare,fx29_sess_put,fx29shexit,fx29fsearch,fx29ftpbrutecheck,fx29sh_tools,fx29sh_about,milw0rm,imagez,sh_name,myshellexec,checkproxyhost,dosyayicek,c99_buff_prepare,c99_sess_put,c99getsource,c99sh_getupdate,c99fsearch,c99shexit,view_perms,posix_getpwuid,posix_getgrgid,posix_kill,parse_perms,parsesort,view_perms_color,set_encoder_input,ls_setcheckboxall,ls_reverse_all,rsg_read,rsg_glob,selfURL,dispsecinfo,unix2DosTime,addFile,system,get_users,view_size,DirFiles,DirFilesWide,DirPrintHTMLHeaders,GetFilesTotal,GetTitles,GetTimeTotal,GetMatchesCount,GetFileMatchesCount,GetResultFiles,fs_copy_dir,fs_copy_obj,fs_move_dir,fs_move_obj,fs_rmdir,SearchText,getmicrotime MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/hendraso/public_html/Templates/Admin/ |
Upload File : |
<div class="page-content p-2">
<div id="add-loading">
<div class="loadingPage text-center"><span class="box"><img src="{$livepath}/Assets/Img/Facebook.svg"><span>Loading Page</span></span></div>
</div>
<div class="rows">
<nav aria-label="breadcrumb" class="float-right">
<ol class="breadcrumb mb-0">
<li class="breadcrumb-item"><a href="{$livepath}/Modules/Dashboard/show" class="clearStorage"><i class="fa fa-home mr-1"></i>Dashboard</a></li>
<li class="breadcrumb-item font-weight-bold" aria-current="page"><a href="{$livepath}/Modules/Admin/Master/Formbuilder/show" class="clearStorage">Formbuilder</a></li>
<li class="breadcrumb-item font-weight-bold active" aria-current="page">Generate Template</li>
</ol>
</nav>
<h2 class="h5 font-weight-bold px-2 pt-2 pb-3">Generate Template</h2>
<div class="cPanel col-md-12 Grid1 rounded">
<div class="portlet">
<div class="portlet-heading bg-darkgray font-weight-bold py-2 px-3 text-white">
<a href="{$livepath}/Modules/Admin/Master/Formbuilder/show" class="btn btn-link text-white font-weight-bold font-sm cancel mtm-1 float-right"><i class="fa fa-arrow-left mr-1"></i> Back to Form Builder</a>
Choose Template</div>
<div class="portlet-body pt-4 px-1">
<div class="templateList filter row">
<div class="col-lg-6 col-md-6">
<div class="card template1 {if $sel_themes == 'template1'}active{/if}">
<div class="imgCont">
<img src="{$livepath}/Assets/Img/template_peview_1_small.jpg" alt="Card image cap" class="card-img-top">
</div>
<div class="card-body px-3 text-right">
<h5 class="card-title float-left">Template A</h5>
{if $sel_themes == 'template1'}
<a href="#" class="btn btn-sm btn-outline-danger font-weight-bold font-sm mr-2 addForm" rel="template1"><i class="fa fa-paint-brush mr-1"></i>Edit</a>
{else}
<a href="#" class="btn btn-sm btn-outline-primary font-weight-bold font-sm mr-2 addForm" rel="template1"><i class="fa fa-paint-brush mr-1"></i>Use</a>
{/if}
<a href="#" class="btn btn-sm btn-outline-success font-weight-bold font-sm mr-2" data-toggle="modal" data-target="#templateDetail" data-title="Template A" data-list="{$livepath}/Assets/Img/template_peview_1.jpg" data-detail="{$livepath}/Assets/Img/template_peview_1_detail.jpg"><i class="fa fa-search-plus mr-1"></i>View Detail</a>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="card template2 {if $sel_themes == 'template2'}active{/if}">
<div class="imgCont">
<img src="{$livepath}/Assets/Img/template_peview_1_small.jpg" alt="Card image cap" class="card-img-top">
</div>
<div class="card-body px-3 text-right">
<h5 class="card-title float-left">Template B</h5>
{if $sel_themes == 'template2'}
<a href="#" class="btn btn-sm btn-outline-danger font-weight-bold font-sm mr-2 addForm" rel="template2"><i class="fa fa-paint-brush mr-1"></i>Edit</a>
{else}
<a href="#" class="btn btn-sm btn-outline-primary font-weight-bold font-sm mr-2 addForm" rel="template2"><i class="fa fa-paint-brush mr-1"></i>Use</a>
{/if}
<a href="#" class="btn btn-sm btn-outline-success font-weight-bold font-sm mr-2" data-toggle="modal" data-target="#templateDetail" data-title="Template B" data-list="{$livepath}/Assets/Img/template_peview_1.jpg" data-detail="{$livepath}/Assets/Img/template_peview_1.jpg"><i class="fa fa-search-plus mr-1"></i>View Detail</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cPanel col-md-12 formGridCustom rounded">
<div class="portlet" id="template1">
<div class="portlet-heading bg-darkgray font-weight-bold py-2 px-3 text-white">
<span class="btn btn-link text-white font-weight-bold font-sm mtm-1 cancel float-right"><i class="fa fa-arrow-left mr-1"></i> Back to List Template</span>
Template A
</div>
<div class="portlet-body pt-4 px-1">
<!--<p class="h6 text-primary font-weight-bold mb-2">Template Preview</p>-->
<!--<div class="imgCont rounded d-inline-block"><img src="{$livepath}/Assets/Img/template_peview_1.jpg"></div>-->
<a href="#" class="btn btn-sm btn-outline-primary font-weight-bold font-sm mr-2" data-toggle="modal" data-target="#templateDetail" data-title="Template A" data-list="{$livepath}/Assets/Img/template_peview_1.jpg" data-detail="{$livepath}/Assets/Img/template_peview_1_detail.jpg"><i class="fa fa-search-plus mr-1"></i>View Example</a>
<form method="POST" name="fTemplate" id="fTemplate" onsubmit="return(false);">
<input type="hidden" name="fid" id="fid" value="{$fid}">
<div class="row">
<div class="col-md-3 order-0">
<p class="h6 text-primary font-weight-bold mt-4 mb-2">Filter Setting</p>
<fieldset class="mb-4 bg-white shadow-sm border rounded p-3">
<form method="POST">
<div class="categoryCont">
{foreach from=$all_field item=sr key=m}
<div class="form-check pl-0">
<span class="switch switch-xs">
<input type="checkbox" name="category[]" value="{$m}" class="switch sList" id="{$sr}" {if isset($getSetFilter[$m])}checked{/if}>
<label for="{$sr}">{$sr}</label>
</span>
</div>
{/foreach}
</div>
</form>
</fieldset>
</div>
<div class="col-md-9 order-1 pl-0 generateList">
<p class="h6 text-primary font-weight-bold mt-4 mb-2">List Setting</p>
<div class="custom_template">
<div class="card shadow-sm mb-3">
<div class="d-flex pb-3">
<div class="card-header border-0 bg-transparent imgCont order-0 pl-3">
<img class="" src="" alt="">
</div>
<div class="card-body col order-1 pr-3 py-3 pl-0">
<h6 class="card-title font-weight-bold defcust_title">TITLE</h6>
<div class="row">
<div class="col">
<div class="h6 font-weight-bold text-secondary">
{$field_variable1}
</div>
<small class="d-block text-black-50">
{$field_variable2}
</small>
</div>
<div class="col">
<div class="h6 font-weight-bold text-secondary">
{$field_variable3}
</div>
<small class="d-block text-black-50">
{$field_variable4}
</small>
</div>
<div class="col">
<div class="h6 font-weight-bold text-secondary">
{$field_variable5}
</div>
<small class="d-block text-black-50">
{$field_variable6}
</small>
</div>
</div>
</div>
<div class="order-2 col pt-3 pr-3 text-center hideCst">
<a href="" class="devcust_url btn btn-primary btn-md font-weight-bold mb-3"><i class="fa fa-credit-card mr-1"></i> Apply Now</a>
</div>
</div>
<div class="collapse show border-top bg-light" id="md{literal}{$e_num}{/literal}">
<div class="infoWraps p-3">
<div class="d-block">
{$field_variable7}
</div>
</div>
</div>
<div class="card-footer bg-white flex-wrap px-3">
<a class="btn btn-outline-secondary btn-sm dropdown-toggle float-right" data-toggle="collapse" href="#md{literal}{$e_num}{/literal}" role="button" aria-expanded="false" aria-controls="md{literal}{$e_num}{/literal}">Show more</a>
<p class="card-text pl-0 mt-1">
<span class="d-inline-block">
{$field_variable8}
</span>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="btn btn-sm btn-outline-success font-weight-bold mt-4" onclick="saveTemplate('template1')"><i class="fa fa-floppy-o mr-1"></i>Save Template</div>
</form>
</div>
</div>
<div class="portlet" id="template2">
<div class="portlet-heading bg-darkgray font-weight-bold py-2 px-3 text-white">
<span class="btn btn-link text-white font-weight-bold font-sm cancel mtm-1 float-right"><i class="fa fa-arrow-left mr-1"></i> Back to List Template</span>
Template B
</div>
<div class="portlet-body pt-4 px-1">
<!--<p class="h6 text-primary font-weight-bold mb-2">Template Preview</p>-->
<!--<div class="imgCont border rounded d-inline-block"><img src="{$livepath}/Assets/Img/template_peview_1.jpg"></div>-->
<a href="#" class="btn btn-sm btn-outline-primary font-weight-bold font-sm mr-2" data-toggle="modal" data-target="#templateDetail" data-title="Template B" data-list="{$livepath}/Assets/Img/template_peview_1.jpg" data-detail="{$livepath}/Assets/Img/template_peview_1_detail.jpg"><i class="fa fa-search-plus mr-1"></i>View Example</a>
<form method="POST" name="fTemplate" id="fTemplate" onsubmit="return(false);">
<input type="hidden" name="fid" id="fid" value="{$fid}">
<div class="row">
<div class="col-md-3 order-0">
<p class="h6 text-primary font-weight-bold mt-4 mb-2">Filter Setting</p>
<fieldset class="mb-4 bg-white shadow-sm border rounded p-3">
<form method="POST">
<div class="form-group mb-3">
<input type="text" name="" id="" class="form-control" placeholder="Search">
</div>
<div class="categoryCont">
{foreach from=$all_field item=sr key=m}
<div class="form-check pl-0">
<span class="switch switch-xs">
<input type="checkbox" name="category[]" value="{$m}" class="switch sList" id="{$sr}">
<label for="{$sr}">{$sr}</label>
</span>
</div>
{/foreach}
</div>
</form>
</fieldset>
</div>
<div class="col-md-9 order-1 pl-0 generateList">
<p class="h6 text-primary font-weight-bold mt-4 mb-2">List Setting</p>
<div class="custom_template">
<div class="card shadow-sm mb-3">
<div class="d-flex pb-3">
<div class="card-header border-0 bg-transparent imgCont order-0 pl-3">
<img class="" src="" alt="">
</div>
<div class="card-body col order-1 pr-3 py-3 pl-0">
<h6 class="card-title font-weight-bold defcust_title">TITLE</h6>
<div class="row">
<div class="col">
<div class="h6 font-weight-bold text-secondary">
{$field_variable1}
</div>
<small class="d-block text-black-50">
{$field_variable2}
</small>
</div>
<div class="col">
<div class="h6 font-weight-bold text-secondary">
{$field_variable3}
</div>
<small class="d-block text-black-50">
{$field_variable4}
</small>
</div>
<div class="col">
<div class="h6 font-weight-bold text-secondary">
{$field_variable5}
</div>
<small class="d-block text-black-50">
{$field_variable6}
</small>
</div>
</div>
</div>
<div class="order-2 col pt-3 pr-3 text-center hideCst">
<a href="" class="devcust_url btn btn-primary btn-md font-weight-bold mb-3"><i class="fa fa-credit-card mr-1"></i> Apply Now</a>
</div>
</div>
<div class="collapse show border-top bg-light" id="md{literal}{$e_num}{/literal}">
<div class="infoWraps p-3">
<div class="d-block">
{$field_variable7}
</div>
</div>
</div>
<div class="card-footer bg-white flex-wrap px-3">
<a class="btn btn-outline-secondary btn-sm dropdown-toggle float-right" data-toggle="collapse" href="#md{literal}{$e_num}{/literal}" role="button" aria-expanded="false" aria-controls="md{literal}{$e_num}{/literal}">Show more</a>
<p class="card-text pl-0 mt-1">
<span class="d-inline-block">
{$field_variable8}
</span>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="btn btn-sm btn-outline-success font-weight-bold mt-4" onclick="saveTemplate('template2')"><i class="fa fa-floppy-o mr-1"></i>Save Template</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="templateDetail" tabindex="-1" role="dialog" aria-labelledby="templateDetailTitle" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalCenterTitle">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p class="font-weight-bold text-primary mb-2">List Data</p>
<div class="imgCont mb-4 over-hidden rounded"><img src="" id="imgList"></div>
<p class="font-weight-bold text-primary mb-2">More Details</p>
<div class="imgCont mb-4 border over-hidden rounded"><img src="" id="imgDetail"></div>
</div>
</div>
</div>
</div>
<script type="text/javascript">{if isset($pathcustom)} var custom_path = '{$pathcustom}';{else}var custom_path = '{$path}';{/if}var menuAccess = '{$menu}', livepath = '{$livepath}', ajaxFile = "{$path}", ajaxParam = "{$param}", device = "{$device}", pathupload = "{if isset($pathupload)}{$pathupload}{/if}", addFilterTable = '{if isset($addFilter)}{$addFilter}{/if}{$slFilter}';</script>
{if isset($addJs)}<script>{$addJs}</script>{/if}
<script type="text/javascript">
//var d = "template1", arr = [], arrVal = JSON.parse('{$temp_value}');
var d = "template1", fr = $(".formGridCustom"), gr = $(".Grid1"), prefix = '{$prefix}';
$("document").ready(function() {
removeWaiting();
$(".addForm").on('click', function() {
d = $(this).attr('rel')
var arr = [], arrVal = JSON.parse('{$temp_value}');
gr.hide();
fr.show().find('#'+d).show().siblings('.portlet').hide();
//======= Change Variable Content ===========
$("#"+d+" select").on("change", function(e) {
var name_id = $(this).attr("id");
if($(this).val() != "") {
$("#"+d+" select[id!='"+name_id+"'] option[value='"+$(this).val()+"']").remove();
}
if(typeof arrVal[name_id] != 'undefined' && arrVal[name_id] != '' && arrVal[name_id] != '0|||') {
var optionText = $("#"+d+" #" + name_id + " option[value='" + arrVal[name_id] + "']").text();
$("#"+d+" select[id='"+name_id+"'] option[value='"+arrVal[name_id]+"']").remove();
var optionTemp = "<option value='"+arrVal[name_id]+"'>"+optionText+"</option>";
arr[name_id] = optionTemp;
}
if(arr[name_id] != 'undefined' && arr[name_id] != '') {
$("#"+d+" select").append(arr[name_id]);
}
$.each($("#"+d+" select"), function(key, val){
var elId = $(val).attr("id");
var optionValue = $(val).val();
var optionText = $("#"+d+" #" + elId + " option[value='" + $(val).val() + "']").text();
var option = "";
if(optionValue != '' && optionValue != null) {
var option = "<option value='"+optionValue+"'>"+optionText+"</option>";
arrVal[elId] = optionValue;
}else{
arrVal[elId] = "";
}
arr[elId] = option;
});
});
//==================================
});
$(".cancel").on('click', function() {
gr.show();
fr.hide();
});
});
function waiting() {
$("#add-loading").html('<div class="loadingPage text-center"><span class="box"><img src="'+livepath+'/assets/img/Facebook.svg"><span>Loading Page</span></span></div>');
$('.breads').hide();
$('.ftr').hide();
}
function removeWaiting() {
setTimeout(function() {
$("#add-loading").empty();
$('.breads').show();
$('.ftr').show();
}, 1000);
}
function saveTemplate(d) {
//======= Save Template ==============
{literal}
//$("#saveTemplate_"+d).on("click", function() {
// Create Temporary Template
$("body").append("<div class='custom_temp_"+d+"' style='display:none'>");
$(".custom_temp_"+d).html($("#"+d+" .custom_template").html());
$.each($(".custom_temp_"+d+" select"), function(key, val) {
var id_temp = $(val).attr("id");
var name = id_temp + "_temp_"+d;
$(val).parent().html("<div id='"+name+"'>");
});
// ========================
// Set Variable In Temporary Template
$.each($("#"+d+" .custom_template select"), function(key, val) {
var id = $(val).attr("id");
var value = $(val).val();
var pecah = value.split('|');
var variable = pecah[1];
if(typeof pecah[1] != 'undefined') {
$("#"+id+"_temp_"+d).parent().html("{$e_var."+pecah[1]+"}");
}else{
$("#"+id+"_temp_"+d).parent().html("");
}
});
// == FOR TITLE & IMAGE DEFAULT ==
$(".custom_temp_"+d+" .defcust_title").html("{$e_var."+prefix+"Name}");
$(".custom_temp_"+d+" .defcust_title").removeClass("defcust_title");
$(".custom_temp_"+d+" .devcust_url").attr("href", "{$e_var."+prefix+"Url}");
$(".custom_temp_"+d+" .devcust_url").removeClass("devcust_url");
$(".custom_temp_"+d+" img").attr("src", "{$path}/Assets/Img/{$e_var."+prefix+"Image}");
$(".custom_temp_"+d+" img").attr("title", "{$e_var."+prefix+"Name}");
// ===== END Set Variable In Temporary Template =======
// Ajax nya jalan disini
$.ajax({
url:custom_path+"/generate",
type:"POST",
dataType:"JSON",
data:{
"themes" : d + "_" + $("#"+d+" #fid").val(),
"form" : $("#"+d+" #fTemplate").serialize(),
"content" : $(".custom_temp_"+d).html()
},
success:function(obj) {
if (obj.status != 'ok') {
Lobibox.notify('error', {
msg : obj.error,
width : '100%',
size : 'mini',
delay : 3500,
showClass : 'bounceIn',
hideClass : 'bounceOut'
});
} else {
Lobibox.notify('success', {
msg : 'Save Successfully',
width : '100%',
size : 'mini',
delay : 3500,
showClass : 'bounceIn',
hideClass : 'bounceOut'
});
$("div[class^='template'] .addForm").removeClass("btn-outline-danger").addClass("btn-outline-primary").html('<i class="fa fa-paint-brush mr-1"></i>Use');
$("."+d+" .addForm").removeClass("btn-outline-primary").addClass("btn-outline-danger").html('<i class="fa fa-paint-brush mr-1"></i> Edit');
$(".active").removeClass("active");
$("."+d).addClass("active");
gr.show();
fr.hide();
}
}
});
// =====================
// Remove temporary Template
$(".custom_temp_"+d).remove();
// ====================
//});
{/literal}
//====================================
}
</script>
<script type="text/javascript">
/* =========== For Change Field ================== */
/*var arr = [];
var arrVal = JSON.parse('{$temp_value}');*/
{literal}
$('#templateDetail').on('show.bs.modal', function (event) {
var button = $(event.relatedTarget),
title = button.data('title');
imgList = button.data('list');
imgDetail = button.data('detail');
var modal = $(this);
modal.find('.modal-title').text(title);
modal.find('.modal-body #imgList').attr('src', imgList);
modal.find('.modal-body #imgDetail').attr('src', imgDetail);
});
{/literal}
</script>