| Server IP : 103.119.228.120 / Your IP : 18.222.20.250 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" style="display: none">
<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 Detail</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 Detail 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>
</div>
</div>
</div>
<!--formGridCustom-->
<div class="cPanel col-md-12 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 Choose Template</span>
Template A
</div>
<div class="portlet-body pt-4 px-1">
<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}">
<p class="h6 text-primary font-weight-bold mt-4 mb-2">Info Credit Card</p>
<div class="custom_template detailTemplate">
<div class="card shadow-sm mb-3">
<div class="d-flex">
<figure class="figure card-header border-0 bg-transparent order-1 pl-3">
<img class="" src="" alt="">
</figure>
<div class="card-body order-2 pr-3 pl-2">
<h1 class="card-title h4 font-weight-bold mb-4 defcust_title">TITLE</h1>
<div class="row">
<div class="col">
<div class="h5 font-weight-bold text-secondary">{$field_variable1}</div>
<small class="d-block text-black-50">{$field_variable2}</small>
</div>
<div class="col">
<div class="h5 font-weight-bold text-secondary">{$field_variable3}</div>
<small class="d-block text-black-50">{$field_variable4}</small>
</div>
<div class="col">
<div class="h5 font-weight-bold text-secondary">{$field_variable5}</div>
<small class="d-block text-black-50">{$field_variable6}</small>
</div>
</div>
<p class="card-text pl-0 mt-3">{$field_variable7}</p>
</div>
</div>
<div class="card-footer bg-white flex-wrap px-3">
<a href="#" class="btn btn-primary btn-md font-weight-bold float-right"><i class="fa fa-credit-card mr-1"></i> Apply Now</a>
<a href="{$path}" class="btn btn-link btn-sm mr-3 mt-1"><i class="fa fa-arrow-left"></i> See all credit cards</a>
</div>
</div>
<p class="h6 text-primary font-weight-bold mt-4 mb-2">Section Setting</p>
<div class="row">
<div class="col-lg-3 col-md-3 order-0">
<div class="sectionCont bg-white shadow-sm border rounded p-3 mb-4">
{foreach from=$all_section 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>
</div>
<div class="col-lg-9 col-md-9 order-1 pl-0">
<div class="scrollspy-example bg-white border rounded shadow-sm p-3" data-spy="scroll" data-target="#list-example" data-offset="0" id="sectionCont">
{foreach from=$all_section item=list key=s}
<div id="{$s}" class="sectionList mb-2">
<div class="form-check pl-0 pt-2 float-right">
<span class="switch switch-xs">
<input type="checkbox" name="option" value="" class="switch subStn" id="{$s}opt" data-toggle="collapse" data-target="#{$s}subSection">
<label for="{$s}opt">Add Sub Section</label>
</span>
</div>
<div class="h4 font-weight-bold">{$list}</div>
<div class="subSection collapse" id="{$s}subSection">
<div class="form-check pl-0">
<span class="switch switch-xs">
<input type="checkbox" name="subSection[]" value="" class="switch sList" id="demo1">
<label for="demo1">Annual Principal Fee</label>
</span>
</div>
<div class="form-check pl-0">
<span class="switch switch-xs">
<input type="checkbox" name="category[]" value="" class="switch sList" id="demo2">
<label for="demo2">Supplementary Annual Fee</label>
</span>
</div>
</div>
</div>
{/foreach}
<div class='cloned-slides' id='cloned-slides'>
</div>
</div>
</div>
</div>
<div class="text-center border-top pt-1 mt-3">
<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>
</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">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();
var arr = [], arrVal = JSON.parse('{$temp_value}');
gr.hide();
fr.show().find('#'+d).show().siblings('.portlet').hide();
var elm = $('#sectionCont'),
lists = $(".sectionList"),
sc = $(".sList");
sc.on("change", function(e) {
var name_id = $(this).attr("id"),
rel = $(this).attr("value");
console.log(name_id, rel);
if($(this).is(":checked")){
console.log('Append Section');
elm.addClass('active');
elm.find('#'+rel).addClass('active');
}else {
console.log('Remove Section');
elm.find('#'+rel).removeClass('active');
}
});
elm.sortable({
stop : function(event, ui){
alert($(this).sortable('serialize'));
}
});
elm.disableSelection();
$(".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>