MSV FM

dot.antimicrobial@66.96.161.157: ~ $
Path : /hermes/sb_web/b1536/advancedfunctions.co/print/
File Upload :
Current < : /hermes/sb_web/b1536/advancedfunctions.co/print/index.html

<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src='https://advancedfunctions.co/genericWebsiteCode/googleSheetsPortal.js'></script>
<script src='https://advancedfunctions.co/genericWebsiteCode/styleSheet.js'></script>
<script src='https://advancedfunctions.co/genericWebsiteCode/gui.js'></script>
<script src='https://advancedfunctions.co/genericWebsiteCode/paypal.js'></script>
<script src='https://advancedfunctions.co/genericWebsiteCode/searchBar.js'></script>
<script src='https://advancedfunctions.co/genericWebsiteCode/getFile.js'></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@500&display=swap" rel="stylesheet">

</head>

<body>
<div style='text-align:center;font: max(30px,2.5vw) Calibri;padding:20px;'>3D Printing & Laser Cutting Services</div>
</div>


<div style='margin-top:20px;font-family: Comfortaa, cursive;padding:0px;border:1px solid;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;'><ul style='list-style:none;'><li>✓ <b>Choose from Our Offerings:</b> Pick the perfect service for your needs!</li><li>✓ <b>Email Updates:</b> Opt in to receive real-time email notifications the moment your order is filled—stay informed and ready to go!</li><li>✓ <b>Easy Pickup:</b> Schedule a convenient time to pick up your order with just a few clicks, ensuring a smooth and hassle-free experience. Get ready to enjoy your purchase!</li></div>




<div style='margin:20px;font: 30px Calibri;padding:20px;'>Select service(s)</div>

<div style='margin:20px;padding-left:20px;font: 18px Calibri;' id='options'></div>

<div id='paypalPanel' style='margin-top:30px;margin-bottom:60px;'></div>

<div id='cardMessage' style='display:none;height:300px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.2);width:300px;position:fixed;left:50%;top:50px;transform:translate(-50%,0%);z-index:2;padding:40px 20px;' class='background'><div style='text-align:right;padding-right:20px;font-size:30px;cursor:pointer;' onclick='{if(getInnerHTML(&#39;cardMessageToDisplay&#39;)!=&#39;Write something...&#39;&&getInnerHTML(&#39;cardMessageToDisplay&#39;)!=&#39;Email missing&#39;){setValue(&#39;giftCardText&#39;,getInnerHTML(&#39;cardMessageToDisplay&#39;));};removeDialogs();}'>&#10799;</div><textarea class='lightMode' style='outline:none;font:18px Calibri;background-color:rgba(0,0,0,0);border:none;border-bottom:solid 1px;position:relative;left:50%;top:20px;transform:translate(-50%,0%);min-width:90%;width:90%;max-width:90%;min-height:25%;height:25%;max-height:25%' placeholder='Write something...' id='giftCardText' autocomplete='off'></textarea><input class='lightMode' style='outline:none;font:18px Calibri;background-color:rgba(0,0,0,0);border:none;border-bottom:solid 1px;position:relative;left:50%;top:20px;transform:translate(-50%,0%);width:90%;margin-top:40px;' placeholder='Enter email of recipient' id='giftCardEmail' autocomplete='off'></input><h5 style='position:relative;top:20px;font:18px Calibri;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.2); padding:5px 5px;cursor:pointer;text-align:center;' onclick='{toggle(&#39;cardMessage&#39;);setCardText(giftCardText.value);}'>&nbsp; Done&nbsp;</h5></div>

<div id='cardPrice' style='display:none;height:300px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.2);width:300px;position:fixed;left:50%;top:50px;transform:translate(-50%,0%);z-index:2;padding:40px 20px;' class='background'><div style='text-align:right;padding-right:20px;padding-bottom:20px;font-size:30px;cursor:pointer;' onclick='javascript:removeDialogs()'>&#10799;</div><div style='float:left;width:60px;font:18px Calibri;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.2); padding:5px 5px;cursor:pointer;text-align:center;margin:13px;' onclick='{toggle(&#39;cardPrice&#39;);setInnerHTML(&#39;giftCardAmount&#39;,&#39;$5&#39;);onClickCheckbox(&#39;&#39;);}'>$5</div><div style='float:left;width:60px;font:18px Calibri;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.2); padding:5px 5px;cursor:pointer;text-align:center;margin:13px;' onclick='{toggle(&#39;cardPrice&#39;);setInnerHTML(&#39;giftCardAmount&#39;,&#39;$10&#39;);onClickCheckbox(&#39;&#39;);}'>$10</div><div style='float:left;width:60px;font:18px Calibri;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.2); padding:5px 5px;cursor:pointer;text-align:center;margin:13px;' onclick='{toggle(&#39;cardPrice&#39;);setInnerHTML(&#39;giftCardAmount&#39;,&#39;$15&#39;);onClickCheckbox(&#39;&#39;);}'>$15</div><div style='float:left;width:60px;font:18px Calibri;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.2); padding:5px 5px;cursor:pointer;text-align:center;margin:13px;' onclick='{toggle(&#39;cardPrice&#39;);setInnerHTML(&#39;giftCardAmount&#39;,&#39;$20&#39;);onClickCheckbox(&#39;&#39;);}'>$20</div><div style='float:left;width:60px;font:18px Calibri;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.2); padding:5px 5px;cursor:pointer;text-align:center;margin:13px;' onclick='{toggle(&#39;cardPrice&#39;);setInnerHTML(&#39;giftCardAmount&#39;,&#39;$25&#39;);onClickCheckbox(&#39;&#39;);}'>$25</div><div style='float:left;width:60px;font:18px Calibri;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.2); padding:5px 5px;cursor:pointer;text-align:center;margin:13px;' onclick='{toggle(&#39;cardPrice&#39;);setInnerHTML(&#39;giftCardAmount&#39;,&#39;$30&#39;);onClickCheckbox(&#39;&#39;);}'>$30</div><div style='float:left;width:60px;font:18px Calibri;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.2); padding:5px 5px;cursor:pointer;text-align:center;margin:13px;' onclick='{toggle(&#39;cardPrice&#39;);setInnerHTML(&#39;giftCardAmount&#39;,&#39;$40&#39;);onClickCheckbox(&#39;&#39;);}'>$40</div><div style='float:left;width:60px;font:18px Calibri;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.2); padding:5px 5px;cursor:pointer;text-align:center;margin:13px;' onclick='{toggle(&#39;cardPrice&#39;);setInnerHTML(&#39;giftCardAmount&#39;,&#39;$45&#39;);onClickCheckbox(&#39;&#39;);}'>$45</div><div style='float:left;width:60px;font:18px Calibri;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.2); padding:5px 5px;cursor:pointer;text-align:center;margin:13px;' onclick='{toggle(&#39;cardPrice&#39;);setInnerHTML(&#39;giftCardAmount&#39;,&#39;$50&#39;);onClickCheckbox(&#39;&#39;);}'>$50</div><div style='float:left;width:60px;font:18px Calibri;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.2); padding:5px 5px;cursor:pointer;text-align:center;margin:13px;' onclick='{toggle(&#39;cardPrice&#39;);setInnerHTML(&#39;giftCardAmount&#39;,&#39;$60&#39;);onClickCheckbox(&#39;&#39;);}'>$60</div><div style='float:left;width:60px;font:18px Calibri;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.2); padding:5px 5px;cursor:pointer;text-align:center;margin:13px;' onclick='{toggle(&#39;cardPrice&#39;);setInnerHTML(&#39;giftCardAmount&#39;,&#39;$75&#39;);onClickCheckbox(&#39;&#39;);}'>$75</div><div style='float:left;width:60px;font:18px Calibri;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.2); padding:5px 5px;cursor:pointer;text-align:center;margin:13px;' onclick='{toggle(&#39;cardPrice&#39;);setInnerHTML(&#39;giftCardAmount&#39;,&#39;$80&#39;);onClickCheckbox(&#39;&#39;);}'>$80</div></div>

</body>
<script>
var total=0;
var giftCardIcon=[];
var cardTitle='';
var cardIcon='';
giftCardIcon['Happy Birthday']=["🎂"];
giftCardIcon['Merry Christmas']=["🎅"];
giftCardIcon['Happy Easter']=["🥚"];
giftCardIcon['Congratulations']=["🎓"];
giftCardIcon['Thank you']=["🙏🏽"];

var giftCardPanel="";
giftCardPanel="<div id='giftCardContentPanel' style='font:20px Calibri;margin-top:20px;margin-bottom:20px;padding:20px;border:1px solid;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:max(15vw,200px);height:auto'></div>";

var giftCardCode="<div id='giftCardInput' style='font:20px Calibri;margin-top:20px;margin-bottom:20px;padding:20px;border:1px solid;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;display:none;'>"+getSearchBarUi(true)+giftCardPanel+"</div>";

var convertSketchToStl="<div id='sketchToStlFileInput' style='font:20px Calibri;margin-top:20px;margin-bottom:20px;padding:20px;border:1px solid;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;display:none;'><input id='sketchToStlUploader' type='file' onchange='onClickCheckbox(&#39;&#39;);'></input></div>";

print3D="<div id='print3DFileInput' style='font:20px Calibri;margin-top:20px;margin-bottom:20px;padding:20px;border:1px solid ;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;display:none;'><input id='stlUploader' type='file' onchange='onClickCheckbox(&#39;&#39;);'></input></div>";

var emailCode="<input class='textboxAsLine' placeholder='Enter email address' style='width:260px;font:18px Calibri;margin-top:20px;' id='emailInput' oninput='javascript:onClickCheckbox(&#39;&#39;)'></input>"

var optionsCode=''

optionsCode=makeCheckbox('giftCard','Gift card')+giftCardCode+makeCheckbox('sketchToStl','Convert sketch to STL + $10')+convertSketchToStl+makeCheckbox('print3D','Print STL [< 8000mm³] + $10')+print3D+makeCheckbox('removeSupport','Remove support tree + $5')+emailCode;

setInnerHTML('options',optionsCode);
setRecordToSearch(['Happy Birthday','Merry Christmas','Happy Easter','Congratulations','Thank you']);

function onClickCheckbox(elementId){
total=0;
if(getCheckboxValue('sketchToStl')){
total=total+10;
}
if(getCheckboxValue('print3D')){
total=total+10;
}
if(getCheckboxValue('removeSupport')){
total=total+5;
}
if(getCheckboxValue('giftCard')){
try{
if(getValue('giftCardEmail')!=''&&getInnerHTML('giftCardAmount').indexOf('$')!=-1&&getInnerHTML('cardMessageToDisplay')!='Write something...'){
total=total+parseInt(getInnerHTML('giftCardAmount').replace('$',''));}else{total=-100000;}}catch(err){}
}

prepareArrayToSend();

if(getValue('emailInput')==''||total<6){setInnerHTML('paypalPanel','');}else{
setInnerHTML('paypalPanel',"<div id='smart-button-container' style='width:80%;position:relative;left:50%;transform:translateX(-50%);'><div style='text-align: center;'><div id='paypal-button-container' ></div></div></div>");
initPayPalButton();}

if(elementId=='sketchToStl'){
toggle('sketchToStlFileInput');
}
if(elementId=='print3D'){
toggle('print3DFileInput');
}
if(elementId=='giftCard'){
toggle('giftCardInput');
}

}

function prepareArrayToSend(){

var invoice=[];
var giftCardInvoice=[];
try{
giftCardInvoice[0]=getValue('searchInput');
giftCardInvoice[1]=getValue('giftCardEmail');
giftCardInvoice[2]=getInnerHTML('cardMessageToDisplay');
giftCardInvoice[3]=getInnerHTML('giftCardAmount').replace('$','');}catch(err){}

invoice[0]=giftCardInvoice;
if(!getCheckboxValue('giftCard')){invoice[0]='';}

var sketchToStlInvoice=[];
getFileAndExtension('sketchToStlUploader',sketchToStlInvoice);
invoice[1]=sketchToStlInvoice;
if(!getCheckboxValue('sketchToStl')){invoice[1]='';}

var stlInvoice=[];
getFileAndExtension('stlUploader',stlInvoice);
invoice[2]=stlInvoice;
if(!getCheckboxValue('print3D')){invoice[2]='';}

invoice[3]=getCheckboxValue('removeSupport');
invoice[4]=getValue('emailInput');

if(getCheckboxValue('sketchToStl')&&getValue('sketchToStlUploader')==''){
total=-100000;
}
if(getCheckboxValue('print3D')&&getValue('stlUploader')==''){
total=-100000;
}
}

function optionSelected(optionItem){
cardTitle=optionItem;
cardIcon=giftCardIcon[optionItem];

var giftCardContent="<div style='text-align:center;font: max(1.1vw,20px) Calibri;'>3D Printing Services</div><div style='text-align:center;font-size:max(2vw,30px);padding:5px;'>"+cardIcon+"</div><div style='text-align:center;font-size:max(1.5vw,25px);margin:5px;'>"+cardTitle+"</div><div style='margin:10px;font-size:max(1vw,15px);cursor:pointer;' onclick='removeDialogs(),toggle(&#39;cardMessage&#39;);' id='cardMessageToDisplay'>Write something...</div><div class='highlight' style='-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;-moz-border-bottom-right-radius:0px;-webkit-border-bottom-right-radius:0px;border-bottom-right-radius:0px;padding:10px;font-size:max(1.1vw,18px);cursor:pointer;' onclick='removeDialogs(),toggle(&#39;cardPrice&#39;);' id='giftCardAmount'>Select an amount</div>";

setInnerHTML('giftCardContentPanel',giftCardContent);
}

function setCardText(text){
text=text.replace(/<.+?>/g,'');
text=text.replace(/<|>/g,'');
text=text.replaceAll('\n','<br>');
if(getValue('giftCardEmail')!=''){
setInnerHTML('cardMessageToDisplay',text);
if(text==''){
setInnerHTML('cardMessageToDisplay','Write something...');
}
}else{setInnerHTML('cardMessageToDisplay','Email missing');}
onClickCheckbox('');
}

function removeDialogs(){
document.getElementById('cardMessage').style.display='none';
document.getElementById('cardPrice').style.display='none';}
</script>
</html>