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 static function page()
{
$zp = new ZAppFeature();
$details = ZAppFeature::loadDetails();
?>
<section id="details">
<h2 class="header_besar">Insert the details of your App <abbr class="required" title="required">*</abbr></h2>
<hr class="garisbatas">
<div class="form-group">
<label for="contact_pname">App Name</label>
<?php
TextLimiter::inputText("text", "app_name", "app_name", "App Name", $details['app_name'], 15, 7, "my_app_icon_text");
?>
</div>
<div class="form-group">
<label for="app_icon_img">App Icon</label>
<?php
$bannerModalID = "app_icon_img_cropper";
?>
<div class="previewImg">
<img style="cursor:pointer;" data-toggle="modal" data-target="#<?php
echo $bannerModalID;
?>
" id="<?php
echo $bannerModalID;
?>
_prev" src="<?php
echo $details['app_icon'];
?>
">
</div>
<?php
global $modalReg;
$modalReg->regCropper($bannerModalID, "App Icon", "app_icon", $details['app_icon'], "1300:1300", array($bannerModalID . "_prev", 'my_app_icon_img_src'));
?>
<input type="hidden" id="app_icon" value="<?php
echo $details['app_icon'];
?>
">
</div>
<div class="form-group">
<label for="app_des_short">App Short Description</label>
<?php
TextLimiter::inputTextAreaBiasa("text", "app_des_short", "app_des_short", "App Short Description", $details['app_des_short'], 100, 10);
?>
</div>
<div class="form-group">
<label for="contact_pname">App Long Description</label>
<?php
TextLimiter::inputTextAreaBiasa("text", "app_des_long", "app_des_long", "App Long Description", $details['app_des_long'], 2000, 10);
?>
</div>
<div class="form-group">
<label for="contact_pname">App Feature Graphics</label>
<?php
$bannerModalID = "app_feat_cropper";
?>
<div class="previewImg">
<img style="cursor:pointer;" data-toggle="modal" data-target="#<?php
echo $bannerModalID;
?>
" id="<?php
echo $bannerModalID;
?>
_prev" src="<?php
echo $details['app_feature_img'];
?>
">
</div>
<?php
global $modalReg;
$modalReg->regCropper($bannerModalID, "App Feature Graphics", "app_feature_img", $details['app_feature_img'], "3000:1300", array($bannerModalID . "_prev"));
?>
<input type="hidden" id="app_feature_img" value="<?php
echo $details['app_feature_img'];
?>
">
</div>
<div style="text-align: center; margin-top: 20px;">
<button id="savedetails" style="width: 50%;" class="btn btn-danger btn-lg">Next</button>
</div>
<script>
$('#savedetails').click(function(){
saveAppDetails(1);
});
function saveAppDetails(mode){
var app_name = $('#app_name').val();
var app_icon = $('#app_icon').val();
var app_des_short = $('#app_des_short').val();
var app_des_long = $('#app_des_long').val();
var app_feature_img = $('#app_feature_img').val();
//save the data to sessions
$.post('<?php
echo _SPPATH;
?>
FeatureSessionLayer/saveDetails',{
app_name : app_name,
app_icon : app_icon,
app_des_short : app_des_short,
app_des_long : app_des_long,
app_feature_img : app_feature_img
},function(data){
console.log(data);
if(data){
// console.log('success');
//save JSON
$.get('<?php
echo _SPPATH;
?>
FeatureSessionLayer/createJSON?id=<?php
echo $_GET['id'];
?>
',function(data){
console.log(data);
if(mode == 1){
$.get('<?php
echo _SPPATH;
?>
FeatureSessionLayer/saveIntoApp?id=<?php
echo $_GET['id'];
?>
',function(data){
document.location = '<?php
echo _SPPATH;
?>
PaymentWeb/pay?app_id='+data.id;
},'json');
}
});
}
});
}
</script>
</section>
<?php
}
function saveIntoApp()
{
$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");
}
}
$detail = ZAppFeature::loadDetails();
$app->app_client_id = Account::getMyID();
$app->app_name = $detail['app_name'];
$app->app_create_date = leap_mysqldate();
$app->app_api_access_key = Efiwebsetting::getData('GCM_ACCESS_KEY');
$app->app_token = md5(leap_mysqldate());
$app->app_icon = $detail['app_icon'];
$app->app_shortdes = $detail['app_des_short'];
$app->app_feat = $detail['app_feature_img'];
$app->app_fulldes = $detail['app_des_long'];
if (isset($_GET['id']) && $_GET['id'] > 0) {
$app->save();
$appID = $app->app_id;
} else {
$app->app_keywords = session_id();
$app->app_active = 0;
$appID = $app->save();
if ($appID) {
$app2acc = new App2Acc();
$app2acc->ac_admin_id = Account::getMyID();
$app2acc->ac_app_id = $appID;
$appID2 = $app2acc->save();
}
}
$json['id'] = $appID;
echo json_encode($json);
// echo $appID;
die;
}
