<?php
add_shortcode( 'kombinasi', 'kombinasi' );
function kombinasi(){ob_start();
?>
<style>
  #inpbxs td,#inpbxs th {border: 0px solid #AAA;}
</style>
<p style="text-align: center;"><strong>Kombinasi</strong>, sederhananya, jika anda punya angka 2D depan<span style="color: blue;"> 12*34*56*78</span> dan punya angka 2D belakang <span style="color: red;">21*31*41*51*61</span> akan otomatis digabungkan menjadi LN 4D, : <span style="color: red;"><span style="color: blue;">12</span>21*<span style="color: blue;">12</span>31*<span style="color: blue;">12</span>41*<span style="color: blue;">12</span>51*<span style="color: blue;">12</span>61*<span style="color: blue;">34</span>21*<span style="color: blue;">34</span>31*<span style="color: blue;">34</span>41*<span style="color: blue;">34</span>51*<span style="color: blue;">34</span>61*<span style="color: blue;">56</span>21*<span style="color: blue;">56</span>31*<span style="color: blue;">56</span>41*<span style="color: blue;">56</span>51*<span style="color: blue;">56</span>61*<span style="color: blue;">78</span>21*<span style="color: blue;">78</span>31*<span style="color: blue;">78</span>41*<span style="color: blue;">78</span>51*<span style="color: blue;">78</span>61</span></p>
<p style="text-align: center;">Jika ingin menghasikan 3D, cukup masukkan cop : 1*2*3 dan 2D 21*31*41*51*61, maka hasilnya : 121*131*141*151*161*221*231*241*251*261*321*331*341*351*361</p>
<script language="javascript">
function savefile(direct_save,saveasid,saveid){
if(!window.Blob){alert('Your browser does not support HTML5 "Blob" function required to save a file.');
} else {
var txtwrt = '';
if(direct_save == 'yes'){
txtwrt = saveid;
} else {
txtwrt = document.getElementById(saveid).value;}
if(document.getElementById('dos').checked == true) txtwrt = txtwrt.replace(/\n/g,'\r\n');
var textblob = new Blob([txtwrt],{type:'text/plain'});
var saveas =  document.getElementById(saveasid).value;
var dwnlnk = document.createElement('a');
dwnlnk.download = saveas;
dwnlnk.innerHTML = "Download File";
if (window.webkitURL != null){
dwnlnk.href = window.webkitURL.createObjectURL(textblob);
} else {
dwnlnk.href = window.URL.createObjectURL(textblob);
dwnlnk.onclick = destce;
dwnlnk.style.display = 'none';
document.body.appendChild(dwnlnk);}
dwnlnk.click();}}
function destce(event){document.body.removeChild(event.target);}

function clearinput(){
for(var x=0;x<numofbxs;x++){
document.getElementById('input' + x).value = '';}
cntlns('clear');}

function cleartext(){
document.getElementById('output').value = '';}

function SelectAll(id){
document.getElementById(id).focus();
document.getElementById(id).select();}

function wrapis(boxid,wrapis){
var area = document.getElementById(boxid);
area.setAttribute('wrap',wrapis);
var newarea = area.cloneNode(true);
newarea.value = area.value;
area.parentNode.replaceChild(newarea,area);}

var numofbxs = 3;
var pre = '';
var suf = '';
var delm = '';

function comb(){
pre = document.getElementById('pref').value.replace(/\\x/g,'\n');
suf = document.getElementById('sufx').value.replace(/\\x/g,'\n');
var joinsets = document.getElementById('joinsets').value.replace(/\\x/g,'\n');
var objarr = new Array();
var delmarr = new Array();
objarrcnt = 0;
var inbox = '';
var delmbox = '';
for(var x=0;x<numofbxs;x++){
inbox = document.getElementById('input' + x).value;
if(x<numofbxs-1) delmbox = document.getElementById('delm' + x).value.replace(/\\x/g,'*');
if(inbox != ''){
objarr[objarrcnt] = inbox.replace(/\r/g,'').split('*');
for(var y=0;y<objarr[objarrcnt].length;y++){
objarr[objarrcnt][y] = (objarr[objarrcnt][y]).replace(/\\x/g,'*')}
if(x<numofbxs-1) delmarr[objarrcnt] = [delmbox];
objarrcnt++;}}
delm = delmarr;
var out = makecombs(objarr).join(joinsets);
if(document.getElementById('direct_save').checked == true){
savefile('yes','saveas',out)
} else {
document.getElementById('output').value = out;}}

function makecombs(arr){
var i = 0;
var count = 1;
var arrlen = arr.length;
var output = [];
var total = 0;
for(i=0;i<arrlen;i++) {count *= arr[i].length;}
total = count;
for(i=0;i<count;i++) {output.push([]);}
for(i=0;i<arrlen;i++){
count /= arr[i].length;
for(var k=0;k<total;k++){
if(i==0) pre = pre; else pre = '';
if(i<arrlen-1) delmr = delm[(i)]; else delmr = suf;
output[k] = output[k] + pre + arr[i][Math.floor((k/count)%arr[i].length)] + delmr;}}
return output;}

function cntlns(boxid){
if(boxid != 'clear'){
if(document.getElementById('input' + boxid).value != ''){
var lines = document.getElementById('input' + boxid).value.split('*').length;
document.getElementById('lc' + boxid).innerHTML = lines;
} else {
document.getElementById('lc' + boxid).innerHTML = '0';}
var combsgencnt = 1;
for(var x=0;x<numofbxs;x++){
if((document.getElementById('lc' + x).innerHTML*1) != 0) combsgencnt = (document.getElementById('lc' + x).innerHTML*1)*combsgencnt;}
if(combsgencnt > 500000) document.getElementById('combgen').style.color = '#FF0000'; else document.getElementById('combgen').style.color = '#fff';
} else {
for(var x=0;x<numofbxs;x++){
document.getElementById('lc' + x).innerHTML = '0';
document.getElementById('combgen').style.color = '#000000';
combsgencnt = '0';}}
document.getElementById('combgen').innerHTML = combsgencnt;}

var tabcnt = 6;
var bxcnt = 2;

function addbox(){
bxcnt++;
numofbxs++;
var tdrow = document.getElementById('inpbxs').rows[0];
var newtd = tdrow.insertCell(tabcnt);
var tabcont1 = '<div style="margin:0px 6px 0px 6px; text-align:center;">Delimiter<br /><input type="text" id="delm' + (bxcnt - 1) + '" value="" style="width:80px;" /></div>';
newtd.innerHTML = tabcont1;
tabcnt++;
newtd = tdrow.insertCell(tabcnt);
var tabcont2 = '<div style="text-align:center;"><div style="padding:0px 0px 3px 0px;">Object Input ' + (bxcnt + 1) + '</div><textarea id="input' + bxcnt + '" rows="10" style="width:200px;" wrap="off" onkeyup="cntlns(\'' + bxcnt + '\');" onpaste="setTimeout(\'cntlns(&#092;&#039;' + bxcnt + '&#092;&#039;)\',100);"></textarea><div style="padding:3px 0px 0px 0px;">Line count: <span id="lc' + bxcnt + '">0</span></div></div>';
newtd.innerHTML = tabcont2;
tabcnt++;
document.getElementById('inptdiv').scrollLeft = document.getElementById('inptdiv').scrollWidth;}
</script>
<style>
td:nth-child(5) {
    background: red none repeat scroll 0 0;
    display: none;
}
</style>



<div id="toolpadding">
<div id="topdiv">
<table class="table" id="inpbxs"><tbody>
<tr>
<td><div style="text-align: center;">
<div style="padding: 0px 0px 3px 0px;">
2D Depan - jumlah LN: <span id="lc0">0</span></div>
<textarea class="form-control" id="input0" onkeyup="cntlns('0');" onpaste="setTimeout('cntlns(\'0\')',100);" rows="10" value="12*13*21*23*31*32*"></textarea></div>
</td>
<td><div style="text-align: center;">
<div style="padding: 0px 0px 3px 0px;">
2D Belakang - jumlah LN: <span id="lc1">0</span></div>
<textarea class="form-control" id="input1" onkeyup="cntlns('1');" onpaste="setTimeout('cntlns(\'1\')',100);" rows="10"></textarea></div>
</td>
<td style="display: none;"><div style="text-align: center;">
<div style="padding: 0px 0px 3px 0px;">
Objec Input 3</div>
<textarea id="input2" onkeyup="cntlns('2');" onpaste="setTimeout('cntlns(\'2\')',100);" rows="10" style="display: none;" value="45*46*54*56*64*65"></textarea><br>
<div style="padding: 3px 0px 0px 0px;">
Line count: <span id="lc2">0</span></div>
</div>
</td>
</tr>
</tbody></table>
</div>
<input id="delm0" style="width: 80px;" type="hidden">
<input id="delm1" style="width: 80px;" type="hidden">
<input id="pref" style="width: 80px;" type="hidden">
<input id="sufx" style="width: 80px;" type="hidden">
<div class="text-center p-2">
<input class="btn btn-success btn-sm mb-2" onclick="comb();" type="button" value="Generate">
<input id="direct_save" type="hidden">
<input class="btn btn-primary btn-sm mb-2" onclick="SelectAll('output')" title="Select All Text" type="button" value="Select">
<input class="btn btn-warning btn-sm mb-2" onclick="cleartext();" title="Clear All Text" type="button" value="Reset Hasil">
<input class="btn btn-danger btn-sm mb-2" onclick="clearinput();" type="button" value="Reset Input">
<span class="btn btn-success btn-sm mb-2" id="combgen">Hasil : </span> LN
</div>
</div>


<div id="middiv" style="height: 327px;">
<textarea class="form-control" id="output" rows="3" style="height: 327px; width: 100%;" value="" wrap="on"></textarea>
</div>


<div id="btmdiv">
<div class="text-center p-2">
<input class="btn btn-danger btn-sm" onclick="savefile('no','saveas','output');" type="button" value="Simpan Hasil">
<input id="saveas" type="text"  style="color: #000;" value="kombinasi.txt">
<input checked="checked" id="unix" name="sfrmt" type="hidden"><input id="dos" name="sfrmt" type="hidden">
Pisahkan Dengan : 

 <select class="" id="joinsets" style="color: #000;">
  <option value="*">Bintang</option>
  <option value="#">Pagar</option>
  <option value=",">Koma</option>
  <option value=".">Titip</option>
  <option value=" ">Spasi </option>
</select> 
<input checked="checked" name="radbtn" onclick="wrapis('output','soft');" type="hidden"><input name="radbtn" onclick="wrapis('output','soft');" type="hidden">
</div>
</div>
 <?php return ob_get_clean(); }?>