public static function page() { $selectedFeature = ZAppFeature::selectedFeature(); // pr($selectedFeature); $homePage = $selectedFeature[0]; $arrChildren = ZAppFeature::getChildren(); // pr($arrChildren); $arrObj = array(); foreach ($arrChildren as $child) { $obj = new $child(); //kalo tidak aktif continue if (!$obj->feat_active) { continue; } if (!isset($arrObj[$obj->feat_rank_tampil])) { $arrObj[$obj->feat_rank_tampil] = $obj; } else { $arrObj[] = $obj; } } ksort($arrObj); // pr($arrObj); ?> <style> .sim_textColor{ color: white; } .sim_maskColor{ /*background-color: white;*/ width: 15px; height: 15px; margin: auto; margin-top: 5px; } .bgblur{ position: fixed; width: 100%; height: 100%; top:0px; left: 0px; background-color: rgba(0,0,0,0.8); z-index: 1031; } .list_item_form{ position: fixed; top: 50%; left: 50%; width: auto; height: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 1032; background-color: white; border-radius: 3px; max-height: 90%; overflow: auto; } .list_item_form::-webkit-scrollbar { width: 2px; } .list_item_form::-webkit-scrollbar-button { width: 2px; height:5px; } .list_item_form::-webkit-scrollbar-track { background:#eee; border: thin solid lightgray; box-shadow: 0px 0px 3px #dfdfdf inset; border-radius:10px; } .list_item_form::-webkit-scrollbar-thumb { background:#999; border: thin solid gray; border-radius:10px; } .list_item_form::-webkit-scrollbar-thumb:hover { background:#7d7d7d; } </style> <script> var inTabs = []; var selectedTab = '<?php echo $selectedFeature[0]; ?> '; var arrFeats = {}; function removeAppFeature(id){ $.post("<?php echo _SPPATH; ?> FeatureSessionLayer/removeFeat",{id:id},function(data){ console.log('kiriman feature '); console.log(data); // alert(data); $(".hiddenform").hide(); selectedTab = data[0]; $(".mpage").hide(); $('#m_'+selectedTab).show(); // manageView(data[0]); updateSelectedAppAndSimulator(); if(data.length <2){ $('.jumlahwarning').show(); } $("#wadahbutton_"+id+"_1").hide(); $("#wadahbutton_"+id+"_2").show(); },'json'); } function updateSelectedAppAndSimulator(){ $('.jumlahwarning').hide(); console.log("selectedTab : "+selectedTab); //update warna selected $.get("<?php echo _SPPATH; ?> FeatureSessionLayer/getSelectedFeat",function(data){ console.log("feats"); console.log(data); var jumlahSelected = data.length; var sisaNya = []; var tabs = ''; $(".feat").removeClass("feat-selected"); for(var x=0;x<data.length;x++){ var attr = data[x]; //update iconss $("#icon_"+data[x]).addClass("feat-selected"); // console.log("update "+data[x]); if(jumlahSelected>5) { if(x>3){ sisaNya.push(data[x]); }else{ //update tabss tabs += '<div onclick="manageView(\''+data[x]+'\');" class="mtab '; if(data[x] == selectedTab) tabs += 'mtab-selected'; tabs += '" id="tab_'+data[x]+'">'; tabs += '<div class="mtab-img">' + '<div class="sim_maskColor" style="-webkit-mask-box-image: url('+arrFeats[attr].icon_path+arrFeats[attr].feat_tab_icon+');"></div>' + '</div>'; // tabs += '<div class="mtab-img"><i class="'+arrFeats[attr].feat_tab_icon+'"></i></div>'; tabs += '<div class="mtab-text" id="tabname_'+data[x]+'">'+arrFeats[attr].label_name+'</div></div>'; } }else{ //update tabss tabs += '<div onclick="manageView(\''+data[x]+'\');" class="mtab '; if(data[x] == selectedTab) tabs += 'mtab-selected'; tabs += '" id="tab_'+data[x]+'">'; tabs += '<div class="mtab-img">' + '<div class="sim_maskColor" style="-webkit-mask-box-image: url('+arrFeats[attr].icon_path+arrFeats[attr].feat_tab_icon+');"></div>' + '</div>'; tabs += '<div class="mtab-text" id="tabname_'+data[x]+'">'+arrFeats[attr].label_name+'</div></div>'; } // console.log("update tabs"+tabs); //backend inTabs = []; inTabs.push(data[x]); $("#wadahbutton_"+data[x]+"_1").show(); $("#wadahbutton_"+data[x]+"_2").hide(); } //dari jumlah kita tentukan width var pembagi = jumlahSelected; if(jumlahSelected>5){ pembagi = 5; } var tabwidth = Math.floor(271/pembagi); if(jumlahSelected>5){ //update tabss tabs += '<div class="mtab '; if(data[x] == selectedTab) tabs += 'mtab-selected'; tabs += '" onclick="showMore();" id="tab_more">'; tabs += '<div class="mtab-img">' + '<div class="sim_maskColor" style="-webkit-mask-box-image: url('+arrFeats[attr].icon_path+'ic_more.png'+');"></div>' + '</div>'; // tabs += '<div class="mtab-img"><i class="glyphicon glyphicon-option-horizontal"></i></div>'; tabs += '<div class="mtab-text">more</div></div>'; //update isi dari showMore updateShowMore(sisaNya); } tabs += '<style>.mtab{width: '+tabwidth+'px;} </style>'; $("#mfooter").html(tabs); },'json'); } </script> <style> .closer{ cursor: pointer; /*float: right;*/ width: 10px; height: 10px; } </style> <?php foreach ($arrObj as $obj) { $valuesNya = FeatureSessionLayer::load($obj->feat_id); $labelname = isset($valuesNya[$obj->feat_id . '_labelname']) ? $valuesNya[$obj->feat_id . '_labelname'] : $obj->feat_name; ?> <div class="hiddenform" id="form_<?php echo $obj->feat_id; ?> " style="display: none;"> <div class="closer" onclick="$('#form_<?php echo $obj->feat_id; ?> ').hide();$('#feature').show();">x</div> <?php $obj->formPembuatan(); ?> </div> <script> //sekalian kita buat object javascriptnya untuk masing2 object spy accesible terus nantinya var obj_<?php echo $obj->feat_id; ?> = { feat_id : "<?php echo $obj->feat_id; ?> ", feat_name : "<?php echo $obj->feat_name; ?> ", feat_icon : "<?php echo $obj->feat_icon; ?> ", feat_tab_icon : "<?php echo $obj->feat_tab_icon; ?> ", label_name : "<?php echo $labelname; ?> ", icon_path : "<?php echo $obj->icon_path; ?> " // getInfo: function () { // return this.color + ' ' + this.type + ' apple'; // } } arrFeats.<?php echo $obj->feat_id; ?> = obj_<?php echo $obj->feat_id; ?> ; </script> <?php } ?> <section id="feature"> <h2 class="header_besar">Which features do you want in your app? </h2> <div class="feature_list_heading_information"> <p style="color: #a2a2a2;">Please choose one or more.</p> </div> <div class="alert alert-warning jumlahwarning" style="display: none;"> <strong>Warning!</strong> Minimum one feature must be selected. </div> <script> $(function() { // $( "#sortable" ).sortable(); $("#sortable").sortable({ stop: function(event, ui) { var idsInOrder = $("#sortable").sortable("toArray"); console.log(idsInOrder); $.post("<?php echo _SPPATH; ?> FeatureSessionLayer/updateFeatOrder",{ ids : idsInOrder.join() },function(data){ console.log(data); updateSelectedAppAndSimulator(); },'json'); // var data = ""; // // $("#sortable li").each(function(i, el){ // var p = $(el).text().toLowerCase().replace(" ", "_"); // data += p+"="+$(el).index()+","; // }); // console.log(data); // // $("form > [name='new_order']").val(data.slice(0, -1)); // $("form").submit(); } }); $( "#sortable" ).disableSelection(); }); </script> <style> #sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; } #sortable li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 85px; height: 100px; text-align: center; } </style> <ul id="sortable"> <?php foreach ($selectedFeature as $sel) { foreach ($arrObj as $obj) { if ($obj->feat_id == $sel) { // pr($sel); ?> <li id="li___<?php echo $obj->feat_id; ?> " > <div class="feat <?php if (in_array($obj->feat_id, $selectedFeature)) { echo "feat-selected"; } ?> " onclick="manageView('<?php echo $obj->feat_id; ?> ');" id="icon_<?php echo $obj->feat_id; ?> "> <div class="feat-img"> <div class="feat-img-icon"></div> <!-- <img class="feat_icon" src="--><?php //=$obj->icon_path.$obj->feat_icon; ?> <!--">--> <!-- <i class="--><?php //=$obj->feat_icon; ?> <!--"></i>--> </div> <div class="feat-text" id="featname_<?php echo $obj->feat_id; ?> "> <?php echo $obj->feat_name; ?> </div> </div> </li> <style> #icon_<?php echo $obj->feat_id; ?> .feat-img-icon{ background-color: white; -webkit-mask-box-image: url(<?php echo $obj->icon_path . $obj->feat_icon; ?> ); } </style> <?php } } } ?> <?php foreach ($arrObj as $obj) { if (!in_array($obj->feat_id, $selectedFeature)) { ?> <li id="li___<?php echo $obj->feat_id; ?> " > <div class="feat <?php if (in_array($obj->feat_id, $selectedFeature)) { echo "feat-selected"; } ?> " onclick="manageView('<?php echo $obj->feat_id; ?> ');" id="icon_<?php echo $obj->feat_id; ?> "> <div class="feat-img"> <div class="feat-img-icon"></div> <!-- <img class="feat_icon" src="--><?php //=$obj->icon_path.$obj->feat_icon; ?> <!--">--> <!-- <i class="--><?php //=$obj->feat_icon; ?> <!--"></i>--> </div> <div class="feat-text" id="featname_<?php echo $obj->feat_id; ?> "> <?php echo $obj->feat_name; ?> </div> </div> </li> <style> #icon_<?php echo $obj->feat_id; ?> .feat-img-icon{ background-color: white; -webkit-mask-box-image: url(<?php echo $obj->icon_path . $obj->feat_icon; ?> ); } </style> <?php } } ?> </ul> <div class="clearfix"></div> <div style="text-align: center; margin-top: 20px;"> <button id="nextpage1" style="width: 50%;" class="btn btn-danger btn-lg">Next</button> </div> <script> $('#nextpage1').click(function(){ $('.nav-pills a[href="#page_themes"]').tab('show'); }); //$(this).toggleClass('feat-selected'); function manageView(id){ $( "#loadingmobile" ).show().fadeOut( 300 ); $('#feature').hide(); $('.hiddenform').hide(); $('#form_'+id).show(); //dulunya toggle $(".mtab").removeClass("mtab-selected"); selectedTab = id; $("#tab_"+id).addClass("mtab-selected"); /* if(jQuery.inArray( id, inTabs )>-1){ selectedTab = id; $("#tab_"+id).addClass("mtab-selected"); }*/ $(".mpage").hide(); //showloading bentar $('#m_'+id).show(); if(id == "map"){ kerjakanMap(); } } </script> </section> <?php }
public static function page() { $selectedFeature = ZAppFeature::selectedFeature(); $homePage = $selectedFeature[0]; $arrChildren = ZAppFeature::getChildren(); // pr($arrChildren); $arrObj = array(); foreach ($arrChildren as $child) { $obj = new $child(); //kalo tidak aktif continue if (!$obj->feat_active) { continue; } if (!isset($arrObj[$obj->feat_rank_tampil])) { $arrObj[$obj->feat_rank_tampil] = $obj; } else { $arrObj[] = $obj; } } ksort($arrObj); ?> <div style="margin-left: -50px"> <div class="nexus"> <div id="loadingmobile"> <div style="float: left;"> <img src="<?php echo _SPPATH; ?> images/androidspinner2.gif"> </div> <div style="float: left; margin-left: 15px;"> loading.. </div> <div class="clearfix"></div> </div> <div id="app_desktop" style="display: none;"> <?php $details = ZAppFeature::loadDetails(); ?> <div id="my_app_icon"> <div id="my_app_icon_img"> <img id="my_app_icon_img_src" src="<?php echo $details['app_icon']; ?> "> </div> <div id="my_app_icon_text"><?php echo $details['app_name']; ?> </div> </div> <style> #my_app_icon{ width: 50px; margin-left: 15px; margin-top: 105px; text-align: center; } #my_app_icon_img{ width: 40px; height: 40px; /* background-image: url(*/<?php //=_SPPATH; ?> /*images/noimage2.png);*/ /* background-repeat: no-repeat;*/ /* background-size: 100% auto;*/ border-radius: 2px; margin-left: 5px; overflow: hidden; } #my_app_icon_img_src{ width: 40px; height: 40px; } #my_app_icon_text{ font-size: 11px; margin-top: 5px; color: white; } </style> </div> <div class="menubatterei"></div> <div id="splash_screen" style=" display: none; z-index: 2000;"></div> <div class="isiapp" id="isiapp"> <?php // print isi apps here foreach ($arrObj as $obj) { ?> <div class="mpage" id="m_<?php echo $obj->feat_id; ?> " style="display: none;"> <?php echo $obj->appPage(); ?> </div> <?php } ?> <div class="mpage" id="m_more" style="display: none;"> <div class="mheader" id="mheader_more"> <div class="mheadertext" id="mheadertext_more">More</div> </div> <div class="mcontent" id="mcontent_more"> <?php $jumlahSelected = count($selectedFeature); $cnt = 0; //manage tab here foreach ($selectedFeature as $sel) { foreach ($arrObj as $obj) { if ($obj->feat_id == $sel) { $cnt++; if ($cnt > 5) { $valuesNya = FeatureSessionLayer::load($obj->feat_id); $labelname = isset($valuesNya[$obj->feat_id . '_labelname']) ? $valuesNya[$obj->feat_id . '_labelname'] : $obj->feat_name; ?> <div onclick="manageView('<?php echo $obj->feat_id; ?> ');" id="list_<?php echo $obj->feat_id; ?> " class="listview"> <!-- <i class="--><?php //=$obj->feat_tab_icon; ?> <!--"></i> --> <div class="sim_maskColor" style="float:left;-webkit-mask-box-image: url(<?php echo $obj->icon_path . $obj->feat_tab_icon; ?> );"></div> <span id="tabname_<?php echo $obj->feat_id; ?> "><?php echo $labelname; ?> </span> </div> <?php } } } } ?> </div> </div> </div> <style> .listview{ padding: 5px; border-bottom: 1px solid #dedede; padding-left: 10px; cursor: pointer; } .mtab{ float: left; width: 54px; height: 40x; line-height: 40x; text-align: center; color: white; cursor: pointer; } .mtab-img{ line-height: 20px; } .mtab-text{ line-height: 20px; font-size: 10px; } .mtab-selected{ background-color: rgba(255,255,255,0.3); } .mtab-selected-black{ background-color: rgba(0,0,0,0.3) !important; } </style> <div class="mfooter" id="mfooter"> <?php $jumlahSelected = count($selectedFeature); $cnt = 0; //manage tab here foreach ($selectedFeature as $sel) { foreach ($arrObj as $obj) { if ($jumlahSelected > 5) { if ($cnt > 3) { break; } } if ($obj->feat_id == $sel) { $cnt++; $valuesNya = FeatureSessionLayer::load($obj->feat_id); $labelname = isset($valuesNya[$obj->feat_id . '_labelname']) ? $valuesNya[$obj->feat_id . '_labelname'] : $obj->feat_name; // echo $obj->feat_id." ".$cnt; ?> <div onclick="manageView('<?php echo $obj->feat_id; ?> ');" class="mtab <?php if ($cnt == 1) { ?> mtab-selected<?php } ?> " id="tab_<?php echo $obj->feat_id; ?> "> <div class="mtab-img"> <!-- <i class="--><?php //=$obj->feat_tab_icon; ?> <!--"></i>--> <div class="sim_maskColor" style="-webkit-mask-box-image: url(<?php echo $obj->icon_path . $obj->feat_tab_icon; ?> );"></div> </div> <div class="mtab-text" id="tabname_<?php echo $obj->feat_id; ?> " ><?php echo $labelname; ?> </div> </div> <script> inTabs.push('<?php echo $obj->feat_id; ?> '); </script> <?php } } } $pembagi = $jumlahSelected; if ($jumlahSelected > 5) { $pembagi = 5; } $tabwidth = floor(271 / $pembagi); if ($jumlahSelected > 5) { ?> <div class="mtab" onclick="showMore();" id="tab_more"> <div class="mtab-img"> <div class="sim_maskColor" style="-webkit-mask-box-image: url(<?php echo $obj->icon_path; ?> ic_more.png);"></div> </div> <div class="mtab-text">more</div> </div> <?php } ?> <style> .mtab{ width: <?php echo $tabwidth; ?> px; } </style> </div> </div> </div> <script> function showMore(){ manageView('more'); } function updateShowMore(arr){ console.log('updateShowmore'); console.log(arr); var more = ''; for(var x=0;x<arr.length;x++){ var attr = arr[x]; more += '<div onclick="manageView(\''+attr+'\');" id="list_'+attr+'" class="listview">'; more += '<div class="sim_maskColor" style="float:left;-webkit-mask-box-image: url('+arrFeats[attr].icon_path+arrFeats[attr].feat_tab_icon+');"></div> <span id="tabname_'+attr+'">'+ arrFeats[attr].label_name+'</span>'; // more += 'xxs<i class="'+arrFeats[attr].feat_tab_icon+'"></i> <span id="tabname_'+attr+'">'+ arrFeats[attr].label_name+'</span>'; more += '</div>'; } $('#mcontent_more').html(more); } </script> <style> .header_besar{ font-family: "Helvetica Neue Light", "Arial", sans-serif; font-size: 19px; } #your_business_fields label{ font-family: "Helvetica Neue Light", "Arial", sans-serif; padding-top: 10px; padding-bottom: 5px; } .feature_list_heading_information{ padding-bottom: 10px; font-family: "Helvetica Neue Light", "Arial", sans-serif; margin-top: -10px; font-size: 13px; } .feat{ /*float: left;*/ width: 60px; height: 100px; cursor: pointer; /*margin-right: 13px;*/ /*margin-left: 13px;*/ } .feat-img{ background-color: #dedede; width: 60px; height: 60px; border-radius: 60px; text-align: center; font-size: 30px; margin-top: 12px; /*padding: 5px;*/ color: #999; /*border: 1px solid #dedede;*/ } .feat-img-icon{ width: 30px; height: 30px; margin-left: 15px; margin-top: 15px; position: absolute; } .feat-selected .feat-img{ background-color: #73879C; color: white; } .feat-text{ font-size: 12px; padding-top: 5px; font-family: "Helvetica Neue Light", "Arial", sans-serif; text-align: center; color: #555555; } .begin{ /*margin-top: 28px;*/ /*padding-right: 20px;*/ /*padding-left: 20px;*/ } .navbar-default{ background-color: rgba(255,255,255,0.5); } .nexus{ width: 422px; height: 612px; background: url(<?php echo _SPPATH; ?> images/nexus5.png); background-size: 422px 612px; background-repeat: no-repeat; font-family: 'Roboto', sans-serif; } .menubatterei{ /*background-color: blue;*/ width: 271px; height: 16px; position: relative; top: 57px; left: 75px; overflow: hidden; background: url(<?php echo _SPPATH; ?> images/atasbar.png); background-size: 271px 16px; background-repeat: no-repeat; /*display: none;*/ } #mslogantext{ font-size: 13px; } .isiapp{ background-color: white; position: relative; top: 57px; left: 75px; width: 271px; height: 425px; /*overflow-x: auto;*/ overflow: hidden; /*display: none;*/ } #splash_screen{ top: 57px; left: 75px; width: 271px; height: 466px; overflow: hidden; position: relative; } #app_desktop{ top: 57px; left: 75px; width: 271px; height: 482px; overflow: hidden; position: relative; background-image: url('<?php echo _SPPATH; ?> images/emptyandroid.jpg'); background-repeat: no-repeat; background-size: 100% auto; z-index: 1005; } #mfooter{ width: 271px; height: 41px; line-height: 41px; background-color: black; position: relative; top: 57px; left: 75px; overflow: hidden; /*display: none;*/ } #loadingmobile{ position: absolute; width: 150px; padding: 15px; margin-left:130px; margin-top: 240px; z-index: 1008; background-color: #FFFFFF; border: 1px solid #dedede; } #loadingmobile img{ /*width: 100%;*/ height: 30px; } #loadingmobile div{ line-height: 30px; } .hiddenform::-webkit-scrollbar { width: 2px; } .hiddenform::-webkit-scrollbar-button { width: 2px; height:5px; } .hiddenform::-webkit-scrollbar-track { background:#eee; border: thin solid lightgray; box-shadow: 0px 0px 3px #dfdfdf inset; border-radius:10px; } .hiddenform::-webkit-scrollbar-thumb { background:#999; border: thin solid gray; border-radius:10px; } .hiddenform::-webkit-scrollbar-thumb:hover { background:#7d7d7d; } #mcontent_more{ background-color: #222222; color: white; } </style> <style> .mcontent{ width: 271px; height: 385px; overflow-x: hidden; overflow-y: auto; background-color: white; } .mcontent::-webkit-scrollbar { width: 2px; } .mcontent::-webkit-scrollbar-button { width: 2px; height:5px; } .mcontent::-webkit-scrollbar-track { background:#eee; border: thin solid lightgray; box-shadow: 0px 0px 3px #dfdfdf inset; border-radius:10px; } .mcontent::-webkit-scrollbar-thumb { background:#999; border: thin solid gray; border-radius:10px; } .mcontent::-webkit-scrollbar-thumb:hover { background:#7d7d7d; } .mheader { width: 100%; height: 40px; line-height: 40px; background-color: #000000; color: white; overflow: hidden; } .mheadertext{ padding-left: 10px; font-size: 14px; font-family: 'Roboto', sans-serif; } </style> <script> var homePage = '<?php echo $homePage; ?> '; var listOfFeat = [<?php echo explode(",", $selectedFeature); ?> ]; $( document ).ready(function() { // console.log(homePage); // Handler for .ready() called. $(".mpage").hide(); $('#m_'+homePage).show(); // listOfFeat.push("mobile"); updateSelectedAppAndSimulator(); }); function closeBlur(){ $('.list_item_form').hide(); $('.bgblur').hide(); } </script> <?php }
public function formCustom() { $sel = ZAppFeature::selectedFeature(); $valuesNya = FeatureSessionLayer::load($this->feat_id); $info_slogan = isset($valuesNya['info_slogan']) ? $valuesNya['info_slogan'] : "slogan"; $info_banner = isset($valuesNya['info_banner']) ? $valuesNya['info_banner'] : $this->feat_noimage; ?> <h1 class="header_besar" style="padding: 0; margin: 0; text-align: center; margin-top: 10px; margin-bottom: 10px;">Info</h1> <p style="color: #666666; font-size: 12px;">Please complete one or more fields below. <em>All fields are optional.</em></p> <div class="form-group"> <label for="info_slogan">What is your slogan? </label> <?php TextLimiter::inputText("text", "info_slogan", "info_slogan", "slogan", $info_slogan, 30, 1, "mslogantext"); ?> <!-- <input type="text" class="form-control" id="info_slogan" placeholder="Slogan" value="--><?php //=$info_slogan; ?> <!--">--> </div> <div class="form-group"> <?php global $modalReg; $modalReg->regCropper("bannID", "Banner", "info_banner", $info_banner, "542:400", array("mbannerImg", "bannID_prev")); ?> <?php $bannerModalID = "bannID"; ?> <label for="info_banner" >Main Banner </label> <div class="previewImg"> <img style="cursor:pointer;" data-toggle="modal" data-target="#<?php echo $bannerModalID; ?> " id="<?php echo $bannerModalID; ?> _prev" src="<?php echo $info_banner; ?> "> </div> <div class="clearfix"></div> <input type="hidden" id="info_banner" name="info_banner" value="<?php echo $info_banner; ?> " > </div> <?php //load from fields foreach ($this->fields as $field_name => $details) { $field[$field_name] = isset($valuesNya[$field_name]) ? $valuesNya[$field_name] : $details['default_value']; ?> <div class="form-group"> <label for="<?php echo $this->feat_id; ?> _<?php echo $field_name; ?> "><?php echo $details['form_question']; ?> <?php if ($details['optional']) { ?> <span class="optional">Optional</span><?php } ?> </label> <?php if ($details['type'] == "text") { TextLimiter::inputText("text", $this->feat_id . "_" . $field_name, $this->feat_id . "_" . $field_name, $details['placeholder'], $field[$field_name], $details['limit_max'], $details['limit_min'], "sim_" . $this->feat_id . "_" . $field_name . "_text"); } elseif ($details['type'] == "rte") { TextLimiter::inputTextArea("text", $this->feat_id . "_" . $field_name, $this->feat_id . "_" . $field_name, $details['placeholder'], $field[$field_name], $details['limit_max'], $details['limit_min'], "sim_" . $this->feat_id . "_" . $field_name . "_text"); } else { TextLimiter::inputTextAreaBiasa("text", $this->feat_id . "_" . $field_name, $this->feat_id . "_" . $field_name, $details['placeholder'], $field[$field_name], $details['limit_max'], $details['limit_min'], "sim_" . $this->feat_id . "_" . $field_name . "_text"); } ?> <script> $("#<?php echo $this->feat_id; ?> _<?php echo $field_name; ?> ").keyup(function(){ var name = "sim_<?php echo $this->feat_id . "_" . $field_name; ?> "; <?php if ($details['type'] == "rte") { ?> var slc = $("#<?php echo $this->feat_id; ?> _<?php echo $field_name; ?> ").html(); <?php } else { ?> var slc = $("#<?php echo $this->feat_id; ?> _<?php echo $field_name; ?> ").val(); <?php } ?> autoUpdateOnKeyup(name,slc); }); </script> </div> <?php } ?> <script> function info_save_<?php echo $this->feat_id; ?> (){ //get all data from inputs var info_slogan = $('#info_slogan').val(); var info_banner = $('#info_banner').val(); <?php //load from fields foreach ($this->fields as $field_name => $details) { $field[$field_name] = isset($valuesNya[$field_name]) ? $valuesNya[$field_name] : $details['default_value']; if ($details['type'] == "text") { ?> var vr_<?php echo $this->feat_id; ?> _<?php echo $field_name; ?> = $('#<?php echo $this->feat_id; ?> _<?php echo $field_name; ?> ').val(); <?php } elseif ($details['type'] == "rte") { ?> var vr_<?php echo $this->feat_id; ?> _<?php echo $field_name; ?> = $('#<?php echo $this->feat_id; ?> _<?php echo $field_name; ?> ').html(); <?php } else { ?> var vr_<?php echo $this->feat_id; ?> _<?php echo $field_name; ?> = $('#<?php echo $this->feat_id; ?> _<?php echo $field_name; ?> ').val(); <?php } $imp[] = $field_name . ": vr_" . $this->feat_id . "_" . $field_name; } ?> var label_name = $('#<?php echo $this->feat_id; ?> _labelname').val(); //harus selalu ada ini.. var contact_pname = $('#<?php echo $this->feat_id; ?> _pname').val(); //save the data to sessions $.post('<?php echo _SPPATH; ?> FeatureSessionLayer/save?id=<?php echo $this->feat_id; ?> ',{ <?php echo $this->feat_id; ?> _labelname : label_name, <?php echo $this->feat_id; ?> _pname : contact_pname, info_slogan : info_slogan, info_banner : info_banner <?php if (count($imp) > 0) { echo ","; echo implode(",", $imp); } ?> },function(data){ console.log(data); if(data){ $(".hiddenform").hide(); //update Selected App dan Layout di Simulator updateSelectedAppAndSimulator(); } }); } </script> <script> function autoUpdateOnKeyup(name,slc){ if(slc.length == 0){ $("#" + name).hide(); } else { $("#" + name).show(); $("#"+name+"_text").html(slc); } } </script> <style> .optional{ font-size: 12px; color: #666666; } .mlist-item .clearfix{ padding: 0; margin: 0; } .mlist-text{ white-space: pre-wrap; } .previewImg{ height: 80px; overflow: hidden; } .previewImg img{ height: 100%; } </style> <?php }
public function formCustom() { $sel = ZAppFeature::selectedFeature(); $valuesNya = FeatureSessionLayer::load($this->feat_id); $deal_array = isset($valuesNya[$this->arrayID]) ? $valuesNya[$this->arrayID] : array(); global $modalReg; $modalReg->addAboveBGBlur(array("FeatArticle", "addForm")); //harus dioverwrite ?> <h1 class="header_besar" style="padding: 0; margin: 0; text-align: center; margin-top: 10px; margin-bottom: 10px;"> <?php echo $this->feat_name; ?> </h1> <div id="notfound_<?php echo $this->feat_id; ?> _button" class="deal_not_found" <?php if (count($deal_array) > 0) { ?> style="display: none;"<?php } ?> > <h3 style="text-align: center; padding: 30px; color: #bbbbbb;">Oops, sorry no <?php echo $this->feat_name; ?> was found...</h3> </div> <div <?php if (count($deal_array) < 1) { ?> style="display: none;"<?php } ?> class="wadahform_deal_button" id="wadahform_<?php echo $this->feat_id; ?> _button"> <script> $(function() { $("#<?php echo $this->feat_id; ?> _sortable").sortable({ stop: function(event, ui) { var idsInOrder = $("#<?php echo $this->feat_id; ?> _sortable").sortable("toArray"); console.log(idsInOrder); $.post("<?php echo _SPPATH; ?> FeatureSessionLayer/setArrayOrder?id=<?php echo $this->feat_id; ?> &arrayID=<?php echo $this->arrayID; ?> ",{ ids : idsInOrder.join() },function(data){ console.log(data); update_<?php echo $this->feat_id; ?> _Simulator(data); },'json'); } }); $( "#<?php echo $this->feat_id; ?> _sortable" ).disableSelection(); }); </script> <style> .arraylist_sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; } .arraylist_sortable li { background-color: #ffffff; padding: 5px; margin: 5px; } .arraylist_action{text-align: right;} .arraylist_action i{cursor: pointer;} .arraylist_action i.glyphicon-pencil{color: #008000;} .arraylist_action i.glyphicon-remove{color: #ff0000;} </style> <ul id="<?php echo $this->feat_id; ?> _sortable" class="arraylist_sortable"> <?php foreach ($deal_array as $num => $deal) { ?> <li class="ui-state-default" id="<?php echo $this->feat_id; ?> _arr_<?php echo $num; ?> "> <div class="arraylist_item" > <div class="col-md-7 arraylist_name"><?php echo $deal[$this->feat_id . '_name']; ?> </div> <div class="col-md-5 arraylist_action"> <i onclick="edit_<?php echo $this->feat_id; ?> ('<?php echo $num; ?> ');" class="glyphicon glyphicon-pencil"></i> <i onclick="delete_<?php echo $this->feat_id; ?> ('<?php echo $num; ?> ');" class="glyphicon glyphicon-remove"></i> </div> <div class="clearfix"></div> </div> </li> <?php } ?> </ul> <div class="clearfix"></div> </div> <div style="text-align: center; margin-top: 30px;"> <button onclick="createDeal_<?php echo $this->feat_id; ?> ();" class="btn btn-success btn-lg">Create New <?php echo $this->feat_name; ?> </button> </div> <script> function createDeal_<?php echo $this->feat_id; ?> (){ // console.log("createdeal"); $('.bgblur').show(); $('#<?php echo $this->feat_id; ?> _kosong').show(); //reset value deal_kosong $('#<?php echo $this->feat_id; ?> _id').val('-1'); $('#<?php echo $this->feat_id; ?> _name').val('Name'); $('#<?php echo $this->feat_id; ?> _des').val('Description'); $('#<?php echo $this->feat_id; ?> _pic').val("<?php echo _BPATH; ?> images/run.jpg"); //images $('#<?php echo $this->feat_id; ?> _logo_prev').attr("src",$('#<?php echo $this->feat_id; ?> _pic').val()); $('#sim_<?php echo $this->feat_id; ?> _pic').attr("src",$('#<?php echo $this->feat_id; ?> _pic').val()); //texts $('#sim_<?php echo $this->feat_id; ?> _title').html($('#<?php echo $this->feat_id; ?> _name').val()); $('#sim_<?php echo $this->feat_id; ?> _des').html($('#<?php echo $this->feat_id; ?> _des').val()); $('#image2crop<?php echo $this->feat_id; ?> _logo').attr("src",$('#<?php echo $this->feat_id; ?> _pic').val()); } </script> <script> //penyimpanan dataActual var data_<?php echo $this->feat_id; ?> = <?php echo json_encode($deal_array); ?> ; var data_<?php echo $this->feat_id; ?> _justUpdated = -1; function info_save_<?php echo $this->feat_id; ?> (){ //get all data from inputs // var deal_pic = $('#deal_pic').val(); // var deal_des = $('#deal_des').val(); // var deal_name = $('#deal_name').val(); //harus selalu ada ini.. var contact_pname = $('#<?php echo $this->feat_id; ?> _pname').val(); var label_name = $('#<?php echo $this->feat_id; ?> _labelname').val(); //save the data to sessions $.post('<?php echo _SPPATH; ?> FeatureSessionLayer/save?id=<?php echo $this->feat_id; ?> ',{ <?php echo $this->feat_id; ?> _labelname : label_name, // <?php echo $this->feat_id; ?> _name : <?php echo $this->feat_id; ?> _name, // <?php echo $this->feat_id; ?> _des : <?php echo $this->feat_id; ?> _des, // deal_pic : deal_pic, <?php echo $this->feat_id; ?> _pname : contact_pname },function(data){ console.log(data); if(data){ $(".hiddenform").hide(); //update Selected App dan Layout di Simulator updateSelectedAppAndSimulator(); } }); } function edit_<?php echo $this->feat_id; ?> (num){ $('.bgblur').show(); $('#<?php echo $this->feat_id; ?> _kosong').show(); var data = data_<?php echo $this->feat_id; ?> ; for(var x=0;x<data.length;x++) { var attr = data[x]; if(x==num){ //masukan ke #dealkosong $('#<?php echo $this->feat_id; ?> _id').val(x); $('#<?php echo $this->feat_id; ?> _name').val(attr['<?php echo $this->feat_id; ?> _name']); $('#<?php echo $this->feat_id; ?> _des').val(attr['<?php echo $this->feat_id; ?> _des']); $('#<?php echo $this->feat_id; ?> _pic').val(attr['<?php echo $this->feat_id; ?> _pic']); //images $('#<?php echo $this->feat_id; ?> _logo_prev').attr("src",attr['<?php echo $this->feat_id; ?> _pic']); $('#sim_<?php echo $this->feat_id; ?> _pic').attr("src",attr['<?php echo $this->feat_id; ?> _pic']); //texts $('#sim_<?php echo $this->feat_id; ?> _title').html(attr['<?php echo $this->feat_id; ?> _name']); $('#sim_<?php echo $this->feat_id; ?> _des').html(attr['<?php echo $this->feat_id; ?> _des']); //image2crop+id $('#image2crop<?php echo $this->feat_id; ?> _logo').attr("src",attr['<?php echo $this->feat_id; ?> _pic']); data_<?php echo $this->feat_id; ?> _justUpdated = x; } } } function delete_<?php echo $this->feat_id; ?> (num){ if(confirm("Are you sure you want to delete this Item?")) $.post("<?php echo _SPPATH; ?> FeatureSessionLayer/removeArrayItem?id=<?php echo $this->feat_id; ?> &arrayID=<?php echo $this->arrayID; ?> ",{ pos : num },function(data){ update_<?php echo $this->feat_id; ?> _Simulator(data); },'json'); } </script> <?php }
public function formCustom() { $sel = ZAppFeature::selectedFeature(); $valuesNya = FeatureSessionLayer::load($this->feat_id); $contact_pname = isset($valuesNya[$this->feat_id . '_pname']) ? $valuesNya[$this->feat_id . '_pname'] : "Inbox"; ?> <h1 class="header_besar" style="padding: 0; margin: 0; text-align: center; margin-top: 10px; margin-bottom: 10px;"><?php echo $this->feat_name; ?> </h1> <p style="color: #666666; font-size: 12px;">Please complete one or more fields below. <em>All fields are optional.</em></p> <script> //do not change the function name function info_save_<?php echo $this->feat_id; ?> (){ //get all data from inputs var contact_pname = $('#<?php echo $this->feat_id; ?> _pname').val(); //label_name : mandatory var label_name = $('#<?php echo $this->feat_id; ?> _labelname').val(); //save the data to sessions $.post('<?php echo _SPPATH; ?> FeatureSessionLayer/save?id=<?php echo $this->feat_id; ?> ',{ <?php echo $this->feat_id; ?> _labelname : label_name, <?php echo $this->feat_id; ?> _pname : contact_pname },function(data){ console.log(data); if(data){ $(".hiddenform").hide(); //update Selected App dan Layout di Simulator updateSelectedAppAndSimulator(); } }); } </script> <?php }
public function formCustom() { $sel = ZAppFeature::selectedFeature(); $valuesNya = FeatureSessionLayer::load($this->feat_id); // $info_bname = isset($valuesNya['info_bname'])?$valuesNya['info_bname']:"Business Name"; $info_slogan = isset($valuesNya['info_slogan']) ? $valuesNya['info_slogan'] : "slogan"; // $info_profilepic = isset($valuesNya['info_profilepic'])?$valuesNya['info_profilepic']:_BPATH."images/noimage.jpg"; $info_banner = isset($valuesNya['info_banner']) ? $valuesNya['info_banner'] : _BPATH . "images/iphone.jpg"; // $info_phone = $valuesNya['info_phone']; // $info_email = $valuesNya['info_email']; // $info_website = $valuesNya['info_website']; // $info_address = $valuesNya['info_address']; // $info_additional = $valuesNya['info_additional']; ?> <h1 class="header_besar" style="padding: 0; margin: 0; text-align: center; margin-top: 10px; margin-bottom: 10px;">Info</h1> <p style="color: #666666; font-size: 12px;">Please complete one or more fields below. <em>All fields are optional.</em></p> <div class="form-group"> <label for="info_slogan">What is your slogan? </label> <input type="text" class="form-control" id="info_slogan" placeholder="Slogan" value="<?php echo $info_slogan; ?> "> </div> <div class="form-group"> <?php $bannerModalID = "logoID"; ?> <!-- <div class="col-md-3" style="margin-left: -15px;">--> <!-- <label for="info_profilepic">Profile picture </label>--> <!-- <div class="previewImg">--> <!-- <img style="cursor:pointer;" data-toggle="modal" data-target="#--><?php //=$bannerModalID; ?> <!--" id="--><?php //=$bannerModalID; ?> <!--_prev" src="--><?php //=$info_profilepic; ?> <!--">--> <!-- </div>--> <!-- </div>--> <?php global $modalReg; $modalReg->regCropper("bannID", "Banner", "info_banner", $info_banner, "542:400", array("mbannerImg", "bannID_prev")); // $modalReg->regCropper("logoID","Profile Picture","info_profilepic",$info_profilepic,"400:400",array("mlogoImg","logoID_prev")); ?> <?php $bannerModalID = "bannID"; ?> <!-- <div class="col-md-6" >--> <label for="info_banner" >Main Banner </label> <div class="previewImg"> <img style="cursor:pointer;" data-toggle="modal" data-target="#<?php echo $bannerModalID; ?> " id="<?php echo $bannerModalID; ?> _prev" src="<?php echo $info_banner; ?> "> </div> <!-- </div>--> <div class="clearfix"></div> <input type="hidden" id="info_banner" name="info_banner" value="<?php echo $info_banner; ?> " > <input type="hidden" id="info_profilepic" name="info_profilepic" value="<?php echo $info_profilepic; ?> " > </div> <div class="form-group"> <?php //load from fields foreach ($this->fields as $field_name => $details) { // $field[$field_name] = isset($valuesNya[$field_name])?$valuesNya[$field_name]:$details['default_value']; ?> <label for="<?php echo $this->feat_id; ?> _<?php echo $field_name; ?> "><?php echo $details['form_question']; ?> <?php if ($details['optional']) { ?> <span class="optional">Optional</span><?php } ?> </label> <?php if ($details['type'] == "text") { TextLimiter::inputText("text", $this->feat_id . "_" . $field_name, $this->feat_id . "_" . $field_name, $details['placeholder'], $field[$field_name], $details['limit_max'], $details['limit_min'], "sim_" . $this->feat_id . "_" . $field_name . " .mlist-text"); } else { TextLimiter::inputTextArea("text", $this->feat_id . "_" . $field_name, $this->feat_id . "_" . $field_name, $details['placeholder'], $field[$field_name], $details['limit_max'], $details['limit_min'], "sim_" . $this->feat_id . "_" . $field_name . "_text"); } ?> <script> $("#<?php echo $this->feat_id; ?> _<?php echo $field_name; ?> ").keyup(function(){ var name = "<?php echo "sim_" . $this->feat_id . "_" . $field_name; ?> "; var slc = $("#<?php echo $this->feat_id; ?> _<?php echo $field_name; ?> ").val(); autoUpdateOnKeyup(name,slc); }); </script> <?php } ?> <label for="info_phone">Your phone number <span class="optional">Optional</span></label> <?php TextLimiter::inputText("text", "info_phone", "info_phone", "Page Name", $info_phone, 15, 5, "ninfo_phone .mlist-text"); ?> <!-- <input type="text" class="form-control" id="info_phone" placeholder="Phone Number" value="--><?php //=$info_phone; ?> <!--" >--> </div> <!-- <div class="form-group">--> <!-- <label for="info_email">Your email address <span class="optional">Optional</span></label>--> <!-- <input type="email" class="form-control" id="info_email" placeholder="Email Address" value="--><?php //=$info_email; ?> <!--" >--> <!-- </div>--> <!----> <!-- <div class="form-group">--> <!-- <label for="info_website">Your website URL <span class="optional">Optional</span></label>--> <!-- <input type="url" class="form-control" id="info_website" placeholder="Website URL" value="--><?php //=$info_website; ?> <!--" >--> <!-- </div>--> <!----> <!-- <div class="form-group">--> <!-- <label for="info_address">Your address <span class="optional">Optional</span></label>--> <!-- <textarea id="info_address" class="form-control" rows="4" maxlength="800" placeholder="Address">--><?php //=$info_address; ?> <!--</textarea>--> <!----> <!-- </div>--> <!----> <!-- <div class="form-group">--> <!-- <label for="info_additional">Additional information <span class="optional">Optional</span></label>--> <!-- <textarea id="info_additional" class="form-control" rows="10" maxlength="800" placeholder="Example: Opening Hours">--><?php //=$info_additional; ?> <!--</textarea>--> <!----> <!-- </div>--> <script> function info_save_<?php echo $this->feat_id; ?> (){ //get all data from inputs // var info_bname = $('#info_bname').val(); var info_slogan = $('#info_slogan').val(); // var info_phone = $('#info_phone').val(); // var info_email = $('#info_email').val(); // var info_website = $('#info_website').val(); // var info_address = $('#info_address').val(); // var info_additional = $('#info_additional').val(); var info_banner = $('#info_banner').val(); // var info_profilepic = $('#info_profilepic').val(); <?php //load from fields foreach ($this->fields as $field_name => $details) { $field[$field_name] = isset($valuesNya[$field_name]) ? $valuesNya[$field_name] : $details['default_value']; if ($details['type'] == "text") { ?> var vr_<?php echo $this->feat_id; ?> _<?php echo $field_name; ?> = $('#<?php echo $this->feat_id; ?> _<?php echo $field_name; ?> ').val(); <?php } else { ?> var vr_<?php echo $this->feat_id; ?> _<?php echo $field_name; ?> = $('#<?php echo $this->feat_id; ?> _<?php echo $field_name; ?> ').html(); <?php } $imp[] = $field_name . ": vr_" . $this->feat_id . "_" . $field_name; } ?> var label_name = $('#<?php echo $this->feat_id; ?> _labelname').val(); //harus selalu ada ini.. var contact_pname = $('#<?php echo $this->feat_id; ?> _pname').val(); // var label_name = $('#<?php //=$this->feat_id; ?> //_labelname').val(); //save the data to sessions $.post('<?php echo _SPPATH; ?> FeatureSessionLayer/save?id=<?php echo $this->feat_id; ?> ',{ <?php echo $this->feat_id; ?> _labelname : label_name, <?php echo $this->feat_id; ?> _pname : contact_pname, // info_bname : info_bname, // info_slogan : info_slogan, // info_phone : info_phone, // info_email : info_email, // info_website : info_website, // info_address : info_address, // info_additional : info_additional, info_banner : info_banner // info_profilepic : info_profilepic <?php if (count($imp) > 0) { echo ","; echo implode(",", $imp); } ?> },function(data){ console.log(data); if(data){ $(".hiddenform").hide(); //update Selected App dan Layout di Simulator updateSelectedAppAndSimulator(); } }); } </script> <script> // $("#info_bname").keyup(function(){ // // console.log("in1"); // var slc = $("#info_bname").val(); // $("#mheadertext_<?php //=$this->feat_id; ?> //").html(slc); // console.log("in2"); // }); // $("#info_slogan").keyup(function(){ // // console.log("in1"); // var slc = $("#info_slogan").val(); // $("#mslogantext").html(slc); // console.log("in2"); // }); // // $("#info_phone").keyup(function(){ // var name = "ninfo_phone"; // var slc = $("#info_phone").val(); // // autoUpdateOnKeyup(name,slc); // //// if(slc.length == 0){ //// $("#" + name).remove(); //// } //// else { //// if ($("#" + name).length == 0) { //// //it doesn't exist //// var texthtml = '<div id="' + name + '" class="mlist-item">' + //// '<i class="glyphicon glyphicon-phone-alt"></i> <div class="mlist-text">' + slc + '</div>' + //// '<div class="clearfix"></div></div>'; //// //// $("#mlist").append(texthtml); //// } else { //// $("#" + name + " div.mlist-text").html(slc); //// } //// } // }); // // $("#info_email").keyup(function(){ // var name = "ninfo_email"; // var slc = $("#info_email").val(); // // autoUpdateOnKeyup(name,slc); // }); // // $("#info_website").keyup(function(){ // var name = "ninfo_website"; // var slc = $("#info_website").val(); // // autoUpdateOnKeyup(name,slc); // }); // // $("#info_address").keyup(function(){ // var name = "ninfo_address"; // var slc = $("#info_address").val(); // // autoUpdateOnKeyup(name,slc); // }); // // $("#info_additional").keyup(function(){ // var name = "ninfo_additional"; // var slc = $("#info_additional").val(); // // autoUpdateOnKeyup(name,slc); // // }); function autoUpdateOnKeyup(name,slc){ if(slc.length == 0){ $("#" + name).hide(); } else { $("#" + name).show(); $("#"+name+" .mlist-text").html(slc); } } </script> <style> .optional{ font-size: 12px; color: #666666; } .mlist-item .clearfix{ padding: 0; margin: 0; } .mlist-text{ white-space: pre-wrap; } .previewImg{ height: 80px; overflow: hidden; } .previewImg img{ height: 100%; } </style> <?php }
function createJSON() { $selected = ZAppFeature::selectedFeature(); $color = ZAppFeature::loadColor(); $detail = ZAppFeature::loadDetails(); $features = $_SESSION['FeatureSessionLayer']; $json['id'] = session_id(); $json['selected'] = $selected; $json['color'] = $color; $json['detail'] = $detail; $json['features'] = $features; $app = new AppAccount(); if (isset($_GET['id']) && $_GET['id'] > 0) { $id = addslashes($_GET['id']); $app->getByID($id); $app->load = 1; if ($app->app_client_id != Account::getMyID()) { die("Owner's ID Mismatch"); } else { $json['id'] = $app->app_keywords; } } $fp = fopen(_PHOTOPATH . 'json/' . $json['id'] . '.json', 'w'); fwrite($fp, json_encode($json)); fclose($fp); echo 1; //save ke database dengan ID yang active //kalau disini ke save dobel2 // $this->saveIntoApp(); die; }
function make() { $selectedFeature = ZAppFeature::selectedFeature(); $homePage = $selectedFeature[0]; ?> <div id="navigator" > <a href="<?php echo _SPPATH; ?> myapps">back to myapps</a> <span class="glyphicon glyphicon-backward"></span> </div> <div class="monly" > <div class="alert alert-danger" role="alert" style="margin: 15px;"> Please edit using desktop to benefit using App Simulator. </div> </div> <div class="bgblur" style="display: none;"></div> <div class="attop container" > <div class="col-md-6 col-md-offset-1" > <div class="begin"> <!-- class="nav nav-pills nav-wizard" --> <ul class="nav nav-tabs"> <li class="active" > <a href="#page_feat" data-toggle="tab"><span class="glyphicon glyphicon-th"></span> Features</a> </li> <li > <a href="#page_themes" data-toggle="tab"><span class="glyphicon glyphicon-tint"></span> Themes</a> </li> <li > <a href="#page_details" data-toggle="tab"><span class="glyphicon glyphicon-phone"></span> Details</a> </li> </ul> <div class="tab-content"> <div role="tabpanel" class="tab-pane fade in active" id="page_feat"> <?php AppPageFeat::page(); ?> </div> <div role="tabpanel" class="tab-pane fade" id="page_themes"> <?php AppTheme::page(); ?> </div> <div role="tabpanel" class="tab-pane fade" id="page_details"> <?php AppDetails::page(); ?> </div> </div> <script> // handle on tab move $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { console.log(e.target); // newly activated tab console.log(e.relatedTarget); // previous active tab var dari = $(e.relatedTarget).attr('href'); var dest = $(e.target).attr('href'); console.log(dest); if(dest == "#page_details"){ $('#app_desktop').show(); $('#isiapp').hide(); $('#mfooter').hide(); $('.menubatterei').hide(); }else{ $('#app_desktop').hide(); $('#isiapp').show(); $('#mfooter').show(); $('.menubatterei').show(); } if(dari == "#page_themes"){ //save saveColors(); } if(dari == "#page_details"){ //save saveAppDetails(0); } }); </script> </div> <div class="clearfix" style="padding-bottom: 28px;"></div> </div> <div class="col-md-5 donly"> <?php AppSimulator::page(); ?> </div> <div class="clearfix"></div> </div> <!-- above BGBlur --> <?php // pr($_SESSION['ZAppFeature']); // pr($_SESSION['FeatureSessionLayer']); global $modalReg; $modalReg->printAboveBGBlur(); }
public function formCustom() { $sel = ZAppFeature::selectedFeature(); $valuesNya = FeatureSessionLayer::load($this->feat_id); $loyalty_des = isset($valuesNya['loyalty_des']) ? $valuesNya['loyalty_des'] : ""; $contact_pslogan = isset($valuesNya["loyalty_offer"]) ? $valuesNya['loyalty_offer'] : ""; $loyalty_pin = isset($valuesNya['loyalty_pin']) ? $valuesNya['loyalty_pin'] : ""; $loyalty_nr = isset($valuesNya['loyalty_nr']) ? $valuesNya['loyalty_nr'] : 6; ?> <h1 class="header_besar" style="padding: 0; margin: 0; text-align: center; margin-top: 10px; margin-bottom: 10px;"><?php echo $this->feat_name; ?> </h1> <div class="form-group"> <label for="loyalty_offer">Offer</label> <?php TextLimiter::inputTextArea("text", "loyalty_offer", "loyalty_offer", "buy 6th coffee get 1 free", $contact_pslogan, 500, 0, "sim_loyalty_offer"); ?> </div> <div class="form-group"> <label for="loyalty_nr">Number of Stamps</label> <select class="form-control" id="loyalty_nr"> <?php for ($x = 2; $x <= 12; $x++) { ?> <option <?php if ($x == $loyalty_nr) { echo "selected"; } ?> value="<?php echo $x; ?> "><?php echo $x; ?> </option> <?php } ?> </select> <script> $('#loyalty_nr').change(function(){ var slc = parseInt($('#loyalty_nr').val()); var txt = ''; for(var x=1;x<=slc;x++){ txt += '<div class="loyalty_stamp">'; txt += x; txt += '</div>'; } $('#sim_jumlah_loyalty').html(txt); }); </script> </div> <div class="form-group"> <label for="loyalty_des">Description</label> <?php TextLimiter::inputTextArea("text", "loyalty_des", "loyalty_des", "Bisa diambil kapan saja", $loyalty_des, 500, 0, "sim_loyalty_description"); ?> </div> <div class="form-group"> <label for="loyalty_pin">PIN</label> <?php TextLimiter::inputText("text", "loyalty_pin", "loyalty_pin", "4 digit PIN", $loyalty_pin, 4, 4); ?> </div> <script> //do not change the function name function info_save_<?php echo $this->feat_id; ?> (){ //get all data from inputs var contact_pname = $('#<?php echo $this->feat_id; ?> _pname').val(); var loyalty_offer = $('#loyalty_offer').html(); var loyalty_des = $('#loyalty_des').html(); var loyalty_pin = $('#loyalty_pin').val(); var loyalty_nr = $('#loyalty_nr').val(); //label_name : mandatory var label_name = $('#<?php echo $this->feat_id; ?> _labelname').val(); //save the data to sessions $.post('<?php echo _SPPATH; ?> FeatureSessionLayer/save?id=<?php echo $this->feat_id; ?> ',{ <?php echo $this->feat_id; ?> _labelname : label_name, loyalty_offer : loyalty_offer, loyalty_des:loyalty_des, loyalty_pin : loyalty_pin, loyalty_nr : loyalty_nr, <?php echo $this->feat_id; ?> _pname : contact_pname },function(data){ console.log(data); if(data){ $(".hiddenform").hide(); //update Selected App dan Layout di Simulator updateSelectedAppAndSimulator(); } }); } </script> <?php }
public function formCustom() { $sel = ZAppFeature::selectedFeature(); $valuesNya = FeatureSessionLayer::load($this->feat_id); $contact_pname = isset($valuesNya[$this->feat_id . '_pname']) ? $valuesNya[$this->feat_id . '_pname'] : $this->feat_name; $contact_pslogan = isset($valuesNya[$this->feat_id . '_pslogan']) ? $valuesNya[$this->feat_id . '_pslogan'] : "description"; ?> <h1 class="header_besar" style="padding: 0; margin: 0; text-align: center; margin-top: 10px; margin-bottom: 10px;"><?php echo $this->feat_name; ?> </h1> <p style="color: #666666; font-size: 12px;">Please complete one or more fields below. <em>All fields are optional.</em></p> <div class="form-group"> <label for="info_slogan">Page Content</label> <?php TextLimiter::inputTextArea("text", $this->feat_id . "_pslogan", $this->feat_id . "_pslogan", "Description", $contact_pslogan, 5000, 0, $this->feat_id . "_des"); ?> </div> <script> //do not change the function name function info_save_<?php echo $this->feat_id; ?> (){ //get all data from inputs var contact_pname = $('#<?php echo $this->feat_id; ?> _pname').val(); var contact_pslogan = $('#<?php echo $this->feat_id; ?> _pslogan').html(); //label_name : mandatory var label_name = $('#<?php echo $this->feat_id; ?> _labelname').val(); //save the data to sessions $.post('<?php echo _SPPATH; ?> FeatureSessionLayer/save?id=<?php echo $this->feat_id; ?> ',{ <?php echo $this->feat_id; ?> _labelname : label_name, <?php echo $this->feat_id; ?> _pslogan : contact_pslogan, <?php echo $this->feat_id; ?> _pname : contact_pname },function(data){ console.log(data); if(data){ $(".hiddenform").hide(); //update Selected App dan Layout di Simulator updateSelectedAppAndSimulator(); } }); } </script> <style> #<?php echo $this->feat_id . "_des"; ?> { white-space:pre-wrap !important; } </style> <?php }
public function formCustom() { $sel = ZAppFeature::selectedFeature(); $valuesNya = FeatureSessionLayer::load($this->feat_id); $contact_pname = isset($valuesNya[$this->feat_id . '_pname']) ? $valuesNya[$this->feat_id . '_pname'] : "Page Name"; $contact_pslogan = isset($valuesNya[$this->feat_id . '_pslogan']) ? $valuesNya[$this->feat_id . '_pslogan'] : ""; ?> <h1 class="header_besar" style="padding: 0; margin: 0; text-align: center; margin-top: 10px; margin-bottom: 10px;"><?php echo $this->feat_name; ?> </h1> <div class="form-group"> <label for="info_slogan">Please enter a starting point of your Location</label> <br><small>e.g can be your city, kecamatan or kelurahan.</small> <?php TextLimiter::inputText("text", $this->feat_id . "_pslogan", $this->feat_id . "_pslogan", "e.g Jakarta/Pondok Indah/Ciputat/Kelapa Gading", $contact_pslogan, 150, 0); ?> </div> <div style="text-align: center; margin-top: 30px;"> <button onclick="addAddress2Map();" class="btn btn-success btn-lg">Adjust Map</button> <br><small>You can drag the red marker <i class="glyphicon glyphicon-map-marker"></i> to your business position </small> </div> <script> //do not change the function name function info_save_<?php echo $this->feat_id; ?> (){ //get all data from inputs var contact_pname = $('#<?php echo $this->feat_id; ?> _pname').val(); var contact_pslogan = $('#<?php echo $this->feat_id; ?> _pslogan').val(); //label_name : mandatory var label_name = $('#<?php echo $this->feat_id; ?> _labelname').val(); //save the data to sessions $.post('<?php echo _SPPATH; ?> FeatureSessionLayer/save?id=<?php echo $this->feat_id; ?> ',{ <?php echo $this->feat_id; ?> _labelname : label_name, <?php echo $this->feat_id; ?> _pslogan : contact_pslogan, <?php echo $this->feat_id; ?> _pname : contact_pname },function(data){ console.log(data); if(data){ $(".hiddenform").hide(); //update Selected App dan Layout di Simulator updateSelectedAppAndSimulator(); } }); } </script> <?php }
public function formCustom() { $sel = ZAppFeature::selectedFeature(); $valuesNya = FeatureSessionLayer::load($this->feat_id); $contact_pslogan = isset($valuesNya['social_id']) ? $valuesNya['social_id'] : ""; ?> <h1 class="header_besar" style="padding: 0; margin: 0; text-align: center; margin-top: 10px; margin-bottom: 10px;"><?php echo $this->feat_name; ?> </h1> <p style="color: #666666; font-size: 12px;">Please complete one or more fields below. <em>All fields are optional.</em></p> <div class="form-group"> <label for="info_slogan">Your <?php echo $this->socialID; ?> </label> <?php TextLimiter::inputText("text", $this->feat_id . "_social_id", $this->feat_id . "_social_id", "", $contact_pslogan, 100, 0); ?> </div> <div style="padding-top: 10px; text-align: right;"> <button id="load_button_<?php echo $this->feat_id; ?> " class="btn btn-default">Load <?php echo $this->feat_name; ?> </button> </div> <script> //do not change the function name function info_save_<?php echo $this->feat_id; ?> (){ //get all data from inputs var contact_pname = $('#<?php echo $this->feat_id; ?> _pname').val(); var contact_pslogan = $('#<?php echo $this->feat_id; ?> _social_id').val(); //label_name : mandatory var label_name = $('#<?php echo $this->feat_id; ?> _labelname').val(); //save the data to sessions $.post('<?php echo _SPPATH; ?> FeatureSessionLayer/save?id=<?php echo $this->feat_id; ?> ',{ <?php echo $this->feat_id; ?> _labelname : label_name, social_id : contact_pslogan, <?php echo $this->feat_id; ?> _pname : contact_pname },function(data){ console.log(data); if(data){ $(".hiddenform").hide(); //update Selected App dan Layout di Simulator updateSelectedAppAndSimulator(); //update loadSocial_<?php echo $this->feat_id; ?> (contact_pslogan); } }); } $('#load_button_<?php echo $this->feat_id; ?> ').click(function(){ var contact_pslogan = $('#<?php echo $this->feat_id; ?> _social_id').val(); if(contact_pslogan!='') loadSocial_<?php echo $this->feat_id; ?> (contact_pslogan); else{ alert('Please insert SocialMedia ID'); } }); </script> <?php $this->socialJSLoader(); ?> <style> #<?php echo $this->feat_id . "_des"; ?> { white-space:pre-wrap !important; } </style> <?php }