',
nextArrow: '
',
responsive: [{
breakpoint: 1199,
settings: {
slidesToShow: 3,
}
}, {
breakpoint: 991,
settings: {
slidesToShow: 2,
}
}, {
breakpoint: 767,
settings: {
slidesToShow: 1,
}
}]
}).closest('section').addClass('active');
}, 1000);
};
$scope._dataArray = [];
$scope._dataArrayDone = false;
$scope._getDataArray = function(id) {
var dataSend = {
'txt_referral_id': id
};
GAEAPI.get('referral/id', dataSend).then(function(res) {
if (res.ok === 1) {
$scope._dataArray = res.data;
console.log("_dataArray", $scope._dataArray);
}
});
};
$scope._getDataArray($scope.referralid);
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.slickGoLeft = function() {
setTimeout(function() {
$('.recommend .-recommend[data-id="' + $scope._key() + '"]').slick('slickPrev');
}, 100);
};
$scope.slickGoRight = function() {
setTimeout(function() {
$('.recommend .-recommend[data-id="' + $scope._key() + '"]').slick('slickNext');
}, 100);
};
$scope.openCity = function(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
$scope.displayImage = function(image_url, prefix) {
return GAEAPI.getGaeImageUrl(image_url, prefix);
}
};
return promise;
});_ui_share_app.directive('componentCategoryFeaturedSildeA', function($rootScope, $routeParams, $location) {
var templateName = 'componentCategoryFeaturedSildeA';
var componentMain = 'componentCategory';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.carousel = function(cover_in, carousel_in) {
$scope.getData().consoleLog("imageCarousel : cover_in : ", cover_in);
$scope.getData().consoleLog("imageCarousel : carousel_in :", carousel_in);
$(cover_in).css('height', '0');
$(cover_in).css('opacity', '0');
setTimeout(function() {
var carousel = $(carousel_in);
carousel.not('.slick-initialized').slick({
dots: false,
arrows: false,
autoplay: true,
autoplaySpeed: 5000,
slidesToShow: 4,
slidesToScroll: 4,
infinite: true,
prevArrow: '',
nextArrow: '',
speed: 600,
responsive: [{
breakpoint: 1199,
settings: {
slidesToShow: 4,
slidesToScroll: 4,
}
}, {
breakpoint: 991,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
}
}, {
breakpoint: 767,
settings: {
slidesToShow: 2,
slidesToScroll: 2,
}
}]
}).closest('section').addClass('active');
$(cover_in).css('height', 'auto');
$(cover_in).css('opacity', '1');
}, 1500);
};
$scope.getData = function() {
var data = {
consoleLog: function(name, data) {
/* console.log(name, data); */
},
getRouteParams: function(callback) {
var params = $routeParams;
callback(params);
},
stateData: function(loadIn, doneIn) {
var _self = this;
_self.consoleLog("getData : ", "------- stateData -------");
_self.consoleLog("getData : loadIn : ", loadIn);
_self.consoleLog("getData : doneIn : ", doneIn);
_self.consoleLog("getData : ", "------- stateData -------");
var state = {
load: loadIn,
done: doneIn
};
return state;
},
dataSend: function(number, api, dataSend, callback) {
var _self = this;
_self.consoleLog("getData : ", "------- dataSend -------");
_self.consoleLog("getData : api : ", api);
_self.consoleLog("getData : dataSend : ", dataSend);
_self.consoleLog("getData : ", "------- dataSend -------");
callback(number, api, dataSend);
},
getApi: function(number, api, dataSend, callback) {
var _self = this;
GAEAPI.get(api, dataSend, $scope).then(function(output) {
_self.consoleLog("getData : ", "------- getApi -------");
_self.consoleLog("getData : api : ", api);
_self.consoleLog("getData : dataSend : ", dataSend);
_self.consoleLog("getData : output : ", output);
_self.consoleLog("getData : ", "------- getApi -------");
callback(number, output);
});
},
titleUrl: function(str) {
var url = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
return url;
},
locationUrlProductDetail: function(product_id, product_title) {
var _self = this;
var url = 'product-detail/';
url += product_id + '-';
url += _self.titleUrl(product_title);
_self.locationUrl(url, '');
},
locationUrl: function(url) {
if (url != "") {
$location.url(url).replace();
}
},
windowLocation: function(url) {
if (url != "") {
window.location.href = url;
}
},
main: function() {
var _self = this;
}
}
return data;
};
$scope.dataArray = [];
$scope.dataArrayState = {
load: false,
done: false
};
$scope.dataSet = [{
number: 0,
api: "referral/lists",
dataSend: {
'txt_referral_type_id': 11,
'cur_page': 1,
'per_page': 5,
'txt_sortby': 'referral_sort_index_asc_time_desc',
'txt_filter_json': JSON.stringify({
"badge_id_array": [16]
})
},
}, {
number: 1,
api: "product/lists",
dataSend: {},
}];
$scope.getData().dataSend($scope.dataSet[0].number, $scope.dataSet[0].api, $scope.dataSet[0].dataSend, function(number, api, dataSend) {
$scope.dataArrayState = $scope.getData().stateData(true, false);
$scope.getData().getApi(0, api, dataSend, function(number, output) {
$scope.dataArray = output.data.dataList;
$scope.dataArrayState = $scope.getData().stateData(false, true);
$scope.getData().consoleLog("getData : dataArray : ", $scope.dataArray);
for (var a = 0; a < output.data.dataList.length; a++) {
$scope.dataArray[a].referral_product_carousel = a;
$scope.dataArray[a].referral_product_state = $scope.getData().stateData(true, false);
$scope.dataArray[a].referral_products = [];
var filter_json = {
referral_id_array: [output.data.dataList[a].referral_id],
}
$scope.dataSet[1].dataSend = {
'cur_page': 1,
'per_page': 8,
'txt_sortby': 'product_lastest_create',
'txt_filter_json': JSON.stringify(filter_json)
}
$scope.getData().dataSend(a, $scope.dataSet[1].api, $scope.dataSet[1].dataSend, function(a, api, dataSend) {
$scope.getData().getApi(a, api, dataSend, function(number, output) {
$scope.dataArray[number].referral_products = output.data.dataList;
$scope.dataArray[a].referral_product_state = $scope.getData().stateData(false, true);
$scope.getData().consoleLog("getData : dataSend to getApi to for : ", "------- dataSet.dataArray -------");
$scope.getData().consoleLog("getData : a : ", a);
$scope.getData().consoleLog("getData : product_lists : ", $scope.dataArray[number].referral_products);
$scope.getData().consoleLog("getData : dataSend to getApi to for : ", "------- dataSet.dataArray -------");
$scope.getData().consoleLog("getData : dataArray : ", $scope.dataArray);
});
});
}
});
});
};
return promise;
});_ui_share_app.directive('componentCategoryFeaturedTabsTypeA', function($rootScope, $routeParams, $location) {
var templateName = 'componentCategoryFeaturedTabsTypeA';
var componentMain = 'componentCategory';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.getData = function() {
var data = {
consoleLog: function(name, data) {
/* console.log(name, data); */
},
getRouteParams: function(callback) {
var params = $routeParams;
callback(params);
},
stateData: function(loadIn, doneIn) {
var _self = this;
_self.consoleLog("getData : ", "------- stateData -------");
_self.consoleLog("getData : loadIn : ", loadIn);
_self.consoleLog("getData : doneIn : ", doneIn);
_self.consoleLog("getData : ", "------- stateData -------");
var state = {
load: loadIn,
done: doneIn
};
return state;
},
dataSend: function(number1, number2, api, dataSend, callback) {
var _self = this;
_self.consoleLog("getData : ", "------- dataSend -------");
_self.consoleLog("getData : number1 : ", number1);
_self.consoleLog("getData : number2 : ", number2);
_self.consoleLog("getData : api : ", api);
_self.consoleLog("getData : dataSend : ", dataSend);
_self.consoleLog("getData : ", "------- dataSend -------");
callback(number1, number2, api, dataSend);
},
getApi: function(number1, number2, api, dataSend, callback) {
var _self = this;
GAEAPI.get(api, dataSend, $scope).then(function(output) {
_self.consoleLog("getData : ", "------- getApi -------");
_self.consoleLog("getData : number1 : ", number1);
_self.consoleLog("getData : number2 : ", number2);
_self.consoleLog("getData : api : ", api);
_self.consoleLog("getData : dataSend : ", dataSend);
_self.consoleLog("getData : output : ", output);
_self.consoleLog("getData : ", "------- getApi -------");
callback(number1, number2, output);
});
},
main: function() {
var _self = this;
},
titleUrl: function(str) {
var url = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
return url;
},
locationUrlProductDetail: function(product_id, product_title) {
var _self = this;
var url = 'product-detail/';
url += product_id + '-';
url += _self.titleUrl(product_title);
_self.locationUrl(url, '');
},
locationUrl: function(template, data) {
$location.url(template + data).replace();
},
getHeight: function() {
return ($(window).width() > 767) ? 100 : 60;
}
}
return data;
};
$scope.buy = function() {
var data = {
buyProcess: function(product_id, product_total_stock) {
var _self = this;
if (product_total_stock != '0') {
_self.isSelected(product_id, function(selected) {
console.log("buy : buyProcess : isSelected : ", selected);
if (!selected) {
_self.isProgress(product_id, function(progress) {
console.log("buy : buyProcess : isProgress : ", progress);
if (!progress) {
var root_virtual_cart_type_b = $('#root-virtual-cart-type-b').hasClass('show');
if (!root_virtual_cart_type_b) {
$virtualCartTypeB.isCart();
} else {
$virtualCartTypeB.isLoad();
}
UiCart.delegate.product.add(product_id, 1, 0, function(output) {
console.log("buy : buyProcess : add : ", output);
if (!root_virtual_cart_type_b) {
$virtualCartTypeB.isCart();
} else {
$virtualCartTypeB.isLoad();
}
});
}
});
}
});
} else {
alert("สินค้าหมดแล้วนะค่ะ");
}
},
isSelected: function(product_id, callback) {
var selected = UiCart.delegate.product.isSelected(product_id);
callback(selected);
},
isProgress: function(product_id, callback) {
var progress = UiCart.delegate.product.isProgress(product_id);
callback(progress);
}
}
return data;
};
$scope.tags = {
index: '0'
};
$scope.dataArray = [];
$scope.dataSet = [{
api: "referral/short_lists",
dataSend: {
'txt_referral_type_id': 11,
'cur_page': 1,
'per_page': 10,
'txt_badge_id': 16,
'txt_parent_id': 0,
'txt_sortby': 'referral_sort_index_asc_time_desc',
},
}, {
api: "referral/map",
dataSend: {},
}, {
api: "product/lists",
dataSend: {},
}];
$scope.getData().dataSend(0, 0, $scope.dataSet[0].api, $scope.dataSet[0].dataSend, function(number1, number2, api, dataSend) {
$scope.getData().getApi(number1, number2, api, dataSend, function(number1, number2, output) {
$scope.dataArray = output.data.dataList;
$scope.getData().consoleLog("getData : dataArray : ", $scope.dataArray);
for (var a = 0; a < output.data.dataList.length; a++) {
$scope.getData().getRouteParams(function(params) {
if (typeof params.root_id != 'undefined') {
$scope.tags.index = params.root_id.toString();
} else {
$scope.tags.index = output.data.dataList[0].referral_id.toString();
}
});
$scope.dataArray[a].referral_sub_array_state = $scope.getData().stateData(true, false);
$scope.dataArray[a].referral_sub_array = [];
$scope.getData().consoleLog("getData : dataSend to getApi to for : ", "------- dataSet.dataArray -------");
$scope.getData().consoleLog("getData : number : ", a);
$scope.getData().consoleLog("getData : referral_id : ", output.data.dataList[a].referral_id);
$scope.getData().consoleLog("getData : dataSend to getApi to for : ", "------- dataSet.dataArray -------");
$scope.dataSet[1].dataSend = {
'txt_referral_type_id': 11,
'txt_parent_id': output.data.dataList[a].referral_id
}
$scope.getData().dataSend(a, 0, $scope.dataSet[1].api, $scope.dataSet[1].dataSend, function(number1, number2, api, dataSend) {
$scope.getData().getApi(number1, number2, api, dataSend, function(number1, number2, output) {
$scope.dataArray[number1].referral_sub_array = output.data;
$scope.dataArray[number1].referral_sub_array_state = $scope.getData().stateData(false, true);
$scope.getData().consoleLog("getData : dataSend to getApi to for : ", "------- dataSet.dataArray -------");
$scope.getData().consoleLog("getData : number1 : ", number1);
$scope.getData().consoleLog("getData : referral_sub_array : ", $scope.dataArray[number1].referral_sub_array);
$scope.getData().consoleLog("getData : dataSend to getApi to for : ", "------- dataSet.dataArray -------");
for (var b = 0; b < output.data.length; b++) {
$scope.dataArray[number1].referral_sub_array[b].product_state = $scope.getData().stateData(true, false);
$scope.dataArray[number1].referral_sub_array[b].product_list = [];
$scope.getData().consoleLog("getData : dataSend to getApi to for : for : ", "------- dataSet.dataArray -------");
$scope.getData().consoleLog("getData : number2 : ", b);
$scope.getData().consoleLog("getData : referral_id : ", output.data[b].referral_id);
$scope.getData().consoleLog("getData : dataSend to getApi to for : for : ", "------- dataSet.dataArray -------");
var filter_json = {
"referral_id_array": [output.data[b].referral_id],
}
$scope.dataSet[2].dataSend = {
'cur_page': 1,
'per_page': 200,
'txt_sortby': 'product_lastest_create',
'txt_filter_json': JSON.stringify(filter_json)
}
$scope.getData().dataSend(number1, b, $scope.dataSet[2].api, $scope.dataSet[2].dataSend, function(number1, number2, api, dataSend) {
$scope.getData().getApi(number1, number2, api, dataSend, function(number1, number2, output) {
$scope.getData().consoleLog("getData : getApi : output : ", output);
$scope.dataArray[number1].referral_sub_array[number2].product_list = output.data.dataList;
$scope.dataArray[number1].referral_sub_array[number2].product_state = $scope.getData().stateData(false, true);
$scope.getData().consoleLog("getData : dataSend to getApi to for : ", "------- dataSet.dataArray -------");
$scope.getData().consoleLog("getData : number1 : ", number1);
$scope.getData().consoleLog("getData : number2 : ", number2);
$scope.getData().consoleLog("getData : product_list : ", $scope.dataArray[number1].referral_sub_array[number2].product_list);
$scope.getData().consoleLog("getData : dataSend to getApi to for : ", "------- dataSet.dataArray -------");
$scope.getData().getRouteParams(function(params) {
if (typeof params.referral_id != 'undefined' && typeof params.referral_id != '0') {
$timeout(function() {
$('html, body').animate({
scrollTop: $("div[id='" + params.referral_id + "']").offset().top - $scope.getData().getHeight()
}, 200);
}, 1000);
}
});
});
});
}
});
});
}
});
});
};
return promise;
});_ui_share_app.directive('componentCategoryFeaturedTabsTypeB', function($rootScope, $routeParams, $location) {
var templateName = 'componentCategoryFeaturedTabsTypeB';
var componentMain = 'componentCategory';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.getData = function() {
var getFunction = {
consoleLog: function(name, data) {
console.log('componentCategoryFeaturedTabsTypeB : ', name, data);
},
getRouteParams: function(callback) {
var params = $routeParams;
callback(params);
},
stateData: function(load, done) {
var _self = this;
_self.consoleLog("getData : ", "------- stateData -------");
_self.consoleLog("getData : load : ", load);
_self.consoleLog("getData : done : ", done);
_self.consoleLog("getData : ", "------- stateData -------");
var state = {
load: load,
done: done
};
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("getData : ", "------- dataSend -------");
_self.consoleLog("getData : api : ", api);
_self.consoleLog("getData : dataSend : ", dataSend);
_self.consoleLog("getData : ", "------- dataSend -------");
callback(api, dataSend);
},
getApi: function(api, dataSend, callback) {
var _self = this;
GAEAPI.get(api, dataSend, $scope).then(function(output) {
_self.consoleLog("getData : ", "------- getApi -------");
_self.consoleLog("getData : api : ", api);
_self.consoleLog("getData : dataSend : ", dataSend);
_self.consoleLog("getData : output : ", output);
_self.consoleLog("getData : ", "------- getApi -------");
callback(output);
});
},
titleUrl: function(str) {
var url = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
return url;
},
locationUrl: function(template) {
$location.url(template).replace();
},
categoryUrl: function(rootId, referralId) {
var _self = this;
var template = "category-lists";
var res_template = template.concat("?root_id=", rootId, "&referral_id=", referralId, "&referral_type=category");
_self.locationUrl(res_template);
},
main: function() {
var _self = this;
}
}
return getFunction;
};
$scope.cover_top = "products";
$scope.state = "";
$scope.dataArrayMain = [];
$scope.dataArrayMainState = $scope.getData().stateData(false, false);
$scope.dataArray = [];
$scope.dataArrayState = $scope.getData().stateData(false, false);
$scope.getData().getRouteParams(function(params) {
$scope.routeParams = params;
$scope.dataArrayState = $scope.getData().stateData(true, false);
if (params.root_id == undefined && params.referral_id == undefined && params.sendtag == undefined && params.badge_id == undefined) {
$scope.cover_top = "products";
$scope.state = "main_category";
var txt_filter_json = {
badge_id_array: [16, 18]
};
var dataSend = {
'txt_referral_type_id': 11,
'txt_sortby': 'referral_sort_index_asc_name_desc',
'txt_filter_json': JSON.stringify(txt_filter_json)
};
$scope.dataArrayMainState = $scope.getData().stateData(true, false);
$scope.getData().dataSend('referral/map', dataSend, function(api, dataSend) {
$scope.getData().getApi(api, dataSend, function(output) {
$scope.dataArrayMain = output.data;
$scope.dataArrayMainState = $scope.getData().stateData(false, true);
for (var i = 0; i < output.data.length; i++) {
var loop = 0;
var txt_filter_json = {};
var dataSend = {
'txt_referral_type_id': 11,
'txt_parent_id': output.data[i].referral_id,
'txt_sortby': 'referral_sort_index_asc_name_desc',
'txt_filter_json': JSON.stringify(txt_filter_json)
};
$scope.dataArrayState = $scope.getData().stateData(true, false);
$scope.getData().dataSend('referral/map', dataSend, function(api, dataSend) {
$scope.getData().getApi(api, dataSend, function(res_output) {
var oldData = $scope.dataArray;
$scope.dataArray = oldData.concat(res_output.data);
loop = loop + 1;
if (output.data.length == loop) {
$scope.dataArrayState = $scope.getData().stateData(false, true);
}
});
});
}
});
});
} else if (params.root_id == '0' && params.referral_id != undefined && params.sendtag == undefined && params.badge_id == undefined) {
$scope.state = "sub_category";
var dataSend = {
'txt_referral_id': params.referral_id
};
$scope.getData().dataSend('referral/id', dataSend, function(api, dataSend) {
$scope.getData().getApi(api, dataSend, function(output) {
console.log("referral/id : output.data : ", output.data);
$scope.cover_top = output.data.referral_name;
});
});
var txt_filter_json = {
'badge_id_array': [16, 18]
};
var dataSend = {
'txt_referral_type_id': 11,
'txt_sortby': 'referral_sort_index_asc_name_desc',
'txt_filter_json': JSON.stringify(txt_filter_json)
};
$scope.dataArrayMainState = $scope.getData().stateData(true, false);
$scope.getData().dataSend('referral/map', dataSend, function(api, dataSend) {
$scope.getData().getApi(api, dataSend, function(output) {
$scope.dataArrayMain = output.data;
$scope.dataArrayMainState = $scope.getData().stateData(false, true);
});
});
var txt_filter_json = {};
var dataSend = {
'txt_referral_type_id': 11,
'txt_parent_id': params.referral_id,
'txt_sortby': 'referral_sort_index_asc_name_desc',
'txt_filter_json': JSON.stringify(txt_filter_json)
};
$scope.dataArrayState = $scope.getData().stateData(true, false);
$scope.getData().dataSend('referral/map', dataSend, function(api, dataSend) {
$scope.getData().getApi(api, dataSend, function(output) {
$scope.dataArray = output.data;
$scope.dataArrayState = $scope.getData().stateData(false, true);
});
});
} else if (params.root_id != '0' && params.referral_id != undefined && params.sendtag == undefined && params.badge_id == undefined) {
$scope.state = "sub_category";
var dataSend = {
'txt_referral_id': params.referral_id
};
$scope.getData().dataSend('referral/id', dataSend, function(api, dataSend) {
$scope.getData().getApi(api, dataSend, function(output) {
$scope.cover_top = output.data.referral_name;
});
});
var txt_filter_json = {
'badge_id_array': [16, 18]
};
var dataSend = {
'txt_referral_type_id': 11,
'txt_sortby': 'referral_sort_index_asc_name_desc',
'txt_filter_json': JSON.stringify(txt_filter_json)
};
$scope.dataArrayMainState = $scope.getData().stateData(true, false);
$scope.getData().dataSend('referral/map', dataSend, function(api, dataSend) {
$scope.getData().getApi(api, dataSend, function(output) {
$scope.dataArrayMain = output.data;
$scope.dataArrayMainState = $scope.getData().stateData(false, true);
});
});
$scope.dataArrayState = $scope.getData().stateData(false, true);
} else if (params.root_id == undefined && params.referral_id == undefined && params.sendtag != undefined && params.badge_id == undefined) {
$scope.state = "sendtag_products";
$scope.dataArrayState = $scope.getData().stateData(false, true);
} else if (params.root_id == undefined && params.referral_id == undefined && params.sendtag == undefined && params.badge_id != undefined) {
$scope.state = "badge_products";
$scope.dataArrayState = $scope.getData().stateData(false, true);
} else {
$scope.dataArrayState = $scope.getData().stateData(false, true);
}
});
};
return promise;
});_ui_share_app.directive('componentCategoryFeaturedTabsTypeBp', function($rootScope, $routeParams, $location) {
var templateName = 'componentCategoryFeaturedTabsTypeBp';
var componentMain = 'componentCategory';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
referralid: '@referralid',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope._component = {
name: "componentCategoryFeaturedTabsTypeBp",
show: (window.location.hostname == "localhost") ? true : false
};
$scope._imgPath = CUR_THEME.file_url() + "images/";
$scope._icnPath = CUR_THEME.file_url() + "../../assets/";
/* scope */
$scope._name = ($scope.name != undefined && $scope.name != "") ? $scope.name : "default";
$scope._margin = ($scope.margin != undefined && $scope.margin != "") ? {
margin: $scope.margin
} : {
margin: 0
};
$scope._limit = ($scope.limit != undefined && $scope.limit != "") ? parseInt($scope.limit) : 1;
/* scope */
$scope.getData = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._component.show) {
console.log($scope._component.name, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
getRouteParams: function(callback) {
var _self = this;
var params = $routeParams;
var state = _self.stateData(true, false);
_self.consoleLog("getRouteParams", "params", params);
callback(_self, params, state);
},
getBlogId: function(params, callback) {
var _self = this;
var blog_id = (params.blog_id != undefined) ? params.blog_id.split("-", 1).join("") : false;
_self.consoleLog("getBlogId", "blog_id", blog_id);
callback(blog_id);
},
formatDataSend: function(data, callback) {
var _self = this;
_self.consoleLog("formatDataSend", "data", data);
callback(data);
},
stateData: function(load, done) {
var _self = this;
var state = {
load: load,
done: done
};
_self.consoleLog("stateData", "state", state);
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("dataSend", "api", api);
_self.consoleLog("dataSend", "dataSend", dataSend);
callback(api, dataSend);
},
checkGetApi: function(resApi, callback) {
var _self = this;
var ok = false;
if (resApi.ok == 1) {
ok = true;
}
_self.consoleLog("checkGetApi", "ok", ok);
callback(ok);
},
getApi: function(api, dataSend, callback) {
var _self = this;
var state = _self.stateData(true, false);
GAEAPI.get(api, dataSend, $scope).then(function(res_api) {
_self.consoleLog("getApi", "res_api", res_api);
_self.checkGetApi(res_api, function(res_ok) {
_self.consoleLog("getApi", "res_ok", res_ok);
state = _self.stateData(false, true);
_self.consoleLog("checkGetApi", "state", state);
callback(res_ok, res_api, state);
})
});
},
getDate: function(locale, format, lifetime, callback) {
var _self = this;
locale = (locale == '') ? 'en' : locale;
format = (format == '') ? 'LL' : format;
lifetime = (lifetime != "-1" && lifetime != "") ? lifetime : "";
if (lifetime != "") {
moment.locale(locale);
lifetime = moment.unix(parseInt(lifetime)).format(format);
}
_self.consoleLog("getDate", "lifetime", lifetime);
callback(lifetime);
},
getNameUrl: function(name, callback) {
var _self = this;
name = name.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
_self.consoleLog("getNameUrl", "name", name);
callback(name);
},
getCur: function(index, total, show, start, end, callback) {
var _self = this;
if (index == 1 && total > show) {
end = show;
} else if (index == total && total > show) {
start = total - (show - 1);
} else if (index < show && index <= (show / 2) && total > show) {
end = show;
} else if (index > (show / 2) && (index + (show / 2)) <= total && total > show) {
start = (index - ((show / 2) - 1));
end = (index + ((show / 2)));
} else if (index < total && total > show) {
start = total - (show - 1);
}
_self.getCurArray(start, end, function(res_cur_page_array) {
_self.consoleLog("getCur", "res_cur_page_array", res_cur_page_array);
callback(res_cur_page_array);
});
},
getCurArray: function(start, end, callback) {
var _self = this;
var cur_page_array = [];
for (var i = start; i <= end; i++) {
var item = {
state: true,
number: i
}
cur_page_array.push(item);
}
_self.consoleLog("getCurArray", "cur_page_array", cur_page_array);
callback(cur_page_array);
},
getCurPageArray: function(curPage, perPage, totalRows, callback) {
var _self = this;
var show = 6;
var cur_pages = Math.round(totalRows / perPage);
var cur_page_array = [];
var cur = {
start: 1,
end: cur_pages
}
_self.getCur(curPage, cur_pages, show, cur.start, cur.end, function(res_cur_page_array) {
cur_page_array = res_cur_page_array;
});
_self.consoleLog("getCurPageArray", "cur_page_array", cur_page_array);
callback(cur_page_array);
},
main: function() {
var _self = this;
}
}
return getFunction;
};
$scope.getPages = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._component.show) {
console.log($scope._component.name, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
locationUrlReplace: function(page) {
var _self = this;
$location.url(page).replace();
},
pageBlog: function(page_name, blog_id, blog_name_url) {
var _self = this;
var page = page_name;
page = (blog_id == '' || blog_name_url == '') ? page : page + "/" + blog_id + "-" + blog_name_url;
_self.locationUrlReplace(page);
}
}
return getFunction;
};
$scope.getCur = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._component.show) {
console.log($scope._component.name, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
getLeft: function() {
var _self = this;
var index = ($scope.data_api.load_more.cur_page - 1 != 0) ? $scope.data_api.load_more.cur_page - 1 : false;
_self.consoleLog("getLeft", "index", index);
if (index != false) {
$scope.loadPage(index);
}
},
getRight: function() {
var _self = this;
var _self = this;
var cur_pages = Math.round($scope.data_api.load_more.total_rows / $scope.data_api.load_more.per_page);
var index = ($scope.data_api.load_more.cur_page + 1 < cur_pages) ? $scope.data_api.load_more.cur_page + 1 : false;
_self.consoleLog("getRight", "index", index);
if (index != false) {
$scope.loadPage(index);
}
},
}
return getFunction;
};
/* get api */
$scope.data_api = {
blog_id: false,
load_more: {
load: false,
cur_page: 1,
cur_page_array: [],
per_page: 9,
total_rows: 0
},
product: {
data_send: {},
api: "product/lists",
ok: false,
data_array: [],
data_array_state: {
load: false,
done: false
}
}
};
$scope.loadPage = function(index) {
$scope.data_api.product = {
data_send: {},
api: "product/lists",
ok: false,
data_array: [],
data_array_state: {
load: false,
done: false
}
}
$scope.data_api.load_more.cur_page = parseInt(index);
$scope.getData().getRouteParams(function(_self, params, state) {
$scope.data_api.product.data_array_state = state;
_self.getBlogId(params, function(res_blog_id) {
_self.formatDataSend($scope.data_api.product, function(res_data) {
var filter_json = {
"referral_id_array": [$scope.referralid],
}
var dataSend = {
'cur_page': $scope.data_api.load_more.cur_page,
'per_page': $scope.data_api.load_more.per_page,
'txt_sortby': 'product_lastest_create',
'txt_filter_json': JSON.stringify(filter_json)
}
res_data.data_send = dataSend;
_self.dataSend(res_data.api, res_data.data_send, function(res_api, res_data_send) {
_self.getApi(res_api, res_data_send, function(res_ok, res_api, res_state) {
res_data.ok = res_ok;
res_data.data_array = res_api.data.dataList;
res_data.data_array_state = res_state;
_self.consoleLog("getApiData", "res_data", res_data);
$scope.data_api.load_more.total_rows = res_api.data.total_rows;
_self.getCurPageArray($scope.data_api.load_more.cur_page, $scope.data_api.load_more.per_page, res_api.data.total_rows, function(res_cur_page_array) {
$scope.data_api.load_more.cur_page_array = res_cur_page_array;
});
});
});
});
});
});
};
$scope.getData().getRouteParams(function(_self, params, state) {
$scope.data_api.product.data_array_state = state;
_self.getBlogId(params, function(res_blog_id) {
_self.formatDataSend($scope.data_api.product, function(res_data) {
var filter_json = {
"referral_id_array": [$scope.referralid],
}
var dataSend = {
'cur_page': $scope.data_api.load_more.cur_page,
'per_page': $scope.data_api.load_more.per_page,
'txt_sortby': 'product_lastest_create',
'txt_filter_json': JSON.stringify(filter_json)
}
res_data.data_send = dataSend;
_self.dataSend(res_data.api, res_data.data_send, function(res_api, res_data_send) {
_self.getApi(res_api, res_data_send, function(res_ok, res_api, res_state) {
res_data.ok = res_ok;
res_data.data_array = res_api.data.dataList;
res_data.data_array_state = res_state;
_self.consoleLog("getApiData", "res_data", res_data);
$scope.data_api.load_more.total_rows = res_api.data.total_rows;
_self.getCurPageArray($scope.data_api.load_more.cur_page, $scope.data_api.load_more.per_page, res_api.data.total_rows, function(res_cur_page_array) {
$scope.data_api.load_more.cur_page_array = res_cur_page_array;
});
});
});
});
});
});
/* get api */
};
return promise;
});_ui_share_app.directive('componentCategoryFeaturedTypeA', function($rootScope, $routeParams, $location) {
var templateName = 'componentCategoryFeaturedTypeA';
var componentMain = 'componentCategory';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.getData = function() {
var data = {
consoleLog: function(name, data) {
console.log(name, data);
},
getRouteParams: function(callback) {
var params = $routeParams;
callback(params);
},
stateData: function(loadIn, doneIn) {
var _self = this;
_self.consoleLog("getData : ", "------- stateData -------");
_self.consoleLog("getData : loadIn : ", loadIn);
_self.consoleLog("getData : doneIn : ", doneIn);
_self.consoleLog("getData : ", "------- stateData -------");
var state = {
load: loadIn,
done: doneIn
};
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("getData : ", "------- dataSend -------");
_self.consoleLog("getData : api : ", api);
_self.consoleLog("getData : dataSend : ", dataSend);
_self.consoleLog("getData : ", "------- dataSend -------");
callback(api, dataSend);
},
getApi: function(api, dataSend, callback) {
var _self = this;
GAEAPI.get(api, dataSend, $scope).then(function(output) {
_self.consoleLog("getData : ", "------- getApi -------");
_self.consoleLog("getData : api : ", api);
_self.consoleLog("getData : dataSend : ", dataSend);
_self.consoleLog("getData : output : ", output);
_self.consoleLog("getData : ", "------- getApi -------");
callback(output);
});
},
locationUrl: function(url) {
if (url != "") {
$location.url(url).replace();
}
},
windowLocation: function(url) {
if (url != "") {
window.location.href = url;
}
},
main: function() {
var _self = this;
}
}
return data;
};
$scope.dataArray = [];
$scope.dataArrayState = {
load: false,
done: false
};
$scope.dataSet = [{
api: "referral/lists",
dataSend: {
'txt_referral_type_id': 11,
'cur_page': 1,
'per_page': 5,
'txt_sortby': 'referral_sort_index_asc_time_desc',
'txt_filter_json': JSON.stringify({
"badge_id_array": [16]
})
},
}];
$scope.getData().dataSend($scope.dataSet[0].api, $scope.dataSet[0].dataSend, function(api, dataSend) {
$scope.dataArrayState = $scope.getData().stateData(true, false);
$scope.getData().getApi(api, dataSend, function(output) {
$scope.dataArray = output.data.dataList;
$scope.dataArrayState = $scope.getData().stateData(false, true);
$scope.getData().consoleLog("getData : dataArray : ", $scope.dataArray);
});
});
};
return promise;
});_ui_share_app.directive('componentCategoryIdA', function($rootScope, $routeParams) {
var templateName = 'componentCategoryIdA';
var componentMain = 'componentCategory';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
referralid: '@referralid',
size: '@size',
sizelist: '@sizelist',
sort: '@sort',
col: '@col',
component: '@component',
stylebutton: '@stylebutton',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.size = (typeof $scope.size !== 'undefined') ? $scope.size : 8;
$scope.sizelist = (typeof $scope.sizelist !== 'undefined') ? $scope.sizelist : 4;
$scope._dataArray = [];
$scope._dataArrayState = {
load: false,
done: false
};
$scope._getDataArray = function(referralid) {
$scope._dataArrayState = $scope.StateData(true, false);
var txt_filter_json = {
'referral_id_array': [referralid]
};
var dataSend = {
'cur_page': 1,
'per_page': $scope.sizelist,
'txt_sortby': $scope.sort,
'txt_filter_json': JSON.stringify(txt_filter_json)
};
GAEAPI.get('product/lists', dataSend, $scope).then(function(res) {
if (res.ok === 1) {
$scope._dataArray = res.data.dataList;
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
$scope._getDataArray($scope.referralid);
$scope.$watch('col', function(newValue, oldValue) {
if (!newValue) {
return;
}
$scope._col = newValue.toString().split(",");
});
$scope.getCol = function(n) {
return (typeof $scope._col != 'undefined') ? (typeof $scope._col[n] != 'undefined' && $scope._col[n] != '') ? $scope._col[n] : 12 : 12;
};
$scope.displayImage = function(image_url, prefix) {
return (typeof image_url !== 'undefined') ? GAEAPI.getGaeImageUrl(image_url, prefix) : '';
}
$scope.showDebug = function() {
return (typeof $routeParams.debug !== 'undefined') ? true : false;
};
};
return promise;
});_ui_share_app.directive('componentCategoryListsA', function($rootScope, $routeParams, $location) {
var templateName = 'componentCategoryListsA';
var componentMain = 'componentCategory';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
pagename: '@pagename',
categorycol: '@categorycol',
productcol: '@productcol',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.params_referral_id = $routeParams.referral_id;
$scope.tab = "";
$scope.view = 'category';
$scope.viewRouteParams = function() {
return $routeParams || false;
};
$scope.$watch('categorycol', function(newValue, oldValue) {
if (!newValue) {
return;
}
$scope._categorycol = newValue.toString().split(",");
});
$scope.getCategoryCol = function(n) {
return (typeof $scope._categorycol != 'undefined') ? (typeof $scope._categorycol[n] != 'undefined' && $scope._categorycol[n] != '') ? $scope._categorycol[n] : 12 : 12;
};
$scope.$watch('productcol', function(newValue, oldValue) {
if (!newValue) {
return;
}
$scope._productcol = newValue.toString().split(",");
});
$scope.getProductCol = function(n) {
return (typeof $scope._productcol != 'undefined') ? (typeof $scope._productcol[n] != 'undefined' && $scope._productcol[n] != '') ? $scope._productcol[n] : 12 : 12;
};
$scope._dataArrayLength = 0;
$scope._dataArrayId = [];
$scope._dataArrayState = {
load: false,
done: false
};
$scope._getDataArrayId = function(id) {
$scope._dataArrayState = $scope.StateData(true, false);
var filter_json = {};
var dataSend = {
'txt_referral_id': id,
'txt_filter_json': JSON.stringify(filter_json)
};
console.log("componentCategoryListsA _getDataArrayId dataSend : ", dataSend);
GAEAPI.get('referral/id', dataSend, $scope).then(function(output) {
if (output.ok === 1) {
$scope._dataArrayId = output.data;
console.log("componentCategoryListsA _getDataArrayId _dataArrayId : ", $scope._dataArrayId);
$scope.tab = output.data.referral_name;
console.log("componentCategoryListsA _getDataArrayId tab : ", $scope.tab);
$scope._getDataArrayProduct(id);
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope._dataArrayProduct = [];
$scope._getDataArrayProduct = function(id) {
$scope._dataArrayState = $scope.StateData(true, false);
var filter_json = {
"referral_id_array": [id],
};
var dataSend = {
'cur_page': 1,
'per_page': 24,
'txt_sortby': 'product_lastest_create',
'txt_filter_json': JSON.stringify(filter_json)
};
console.log("componentCategoryListsA _getDataArrayProduct dataSend : ", dataSend);
GAEAPI.get('product/lists', dataSend, $scope).then(function(output) {
if (output.ok === 1) {
$scope._dataArrayProduct = output.data.dataList;
$scope._dataArrayLength = output.data.dataList.length;
console.log("componentCategoryListsA _getDataArrayProduct _dataArrayProduct : ", $scope._dataArrayProduct);
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope._dataArray = [];
$scope._getDataArray = function() {
$scope._dataArrayState = $scope.StateData(true, false);
var dataSend = {
'txt_referral_type_id': 11,
'txt_sortby': 'referral_sort_index_asc_name_asc'
};
console.log("componentCategoryListsA _getDataArray dataSend : ", dataSend);
GAEAPI.get('referral/map', dataSend, $scope).then(function(output) {
if (output.ok === 1) {
$scope._dataArray = output.data;
$scope._dataArrayLength = output.data.length;
console.log("componentCategoryListsA _getDataArray _dataArray : ", $scope._dataArray);
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
// $scope.intab = function(id, data) {
// $scope.tab = data;
// console.log('intab : ', id, data);
// $scope._getDataArrayId(id);
// };
$scope.$watch('params_referral_id', function(newValue, oldValue) {
console.log("params_referral_id : ", newValue, oldValue);
if (newValue != undefined) {
$scope._getDataArray();
$scope._getDataArrayId(newValue);
$scope.view = 'product';
} else {
$scope._getDataArray();
$scope.view = 'category';
}
});
$scope.displayImage = function(image_url, prefix) {
return (typeof image_url !== 'undefined') ? GAEAPI.getGaeImageUrl(image_url, prefix) : '';
}
$scope.showDebug = function() {
return (typeof $routeParams.debug !== 'undefined') ? true : false;
};
};
return promise;
});_ui_share_app.directive('componentCategoryListsIdA', function($rootScope, $routeParams) {
var templateName = 'componentCategoryListsIdA';
var componentMain = 'componentCategory';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
refid: '@refid',
_font: '@font',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope._dataArray = [];
$scope._dataArrayState = {
load: false,
done: false
};
$scope._getDataArray = function(id) {
$scope._dataArrayState = $scope.StateData(true, false);
if (typeof $scope.refid !== 'undefined') {
var dataSend = {
'txt_referral_type_id': 11,
'txt_parent_id': id,
};
} else {
var dataSend = {
'txt_referral_type_id': 11,
};
}
GAEAPI.get('referral/map', dataSend).then(function(res) {
if (res.ok === 1) {
$scope._dataArray = res.data;
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
$scope._getDataArray($scope.refid);
$scope.displayImage = function(image_url, prefix) {
return (typeof image_url !== 'undefined') ? GAEAPI.getGaeImageUrl(image_url, prefix) : '';
}
$scope.showDebug = function() {
return (typeof $routeParams.debug !== 'undefined') ? true : false;
};
};
return promise;
});_ui_share_app.directive('componentCategoryListsProductA', function($rootScope, $routeParams, $location) {
var templateName = 'componentCategoryListsProductA';
var componentMain = 'componentCategory';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
referralid: '@referralid',
productcol: '@productcol',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.viewRouteParams = function() {
return $routeParams || false;
};
$scope.$watch('productcol', function(newValue, oldValue) {
if (!newValue) {
return;
}
$scope._productcol = newValue.toString().split(",");
});
$scope.getProductCol = function(n) {
return (typeof $scope._productcol != 'undefined') ? (typeof $scope._productcol[n] != 'undefined' && $scope._productcol[n] != '') ? $scope._productcol[n] : 12 : 12;
};
$scope._dataArrayProduct = [];
$scope._dataArrayState = {
load: false,
done: false
};
$scope._getDataArrayProduct = function(id) {
$scope._dataArrayState = $scope.StateData(true, false);
var filter_json = {
"referral_id_array": [id],
};
var dataSend = {
'cur_page': 1,
'per_page': 100,
'txt_sortby': 'product_lastest_create',
'txt_filter_json': JSON.stringify(filter_json)
};
console.log("componentCategoryListsA _getDataArrayProduct dataSend : ", dataSend);
GAEAPI.get('product/lists', dataSend, $scope).then(function(output) {
if (output.ok === 1) {
$scope._dataArrayProduct = output.data.dataList;
console.log("componentCategoryListsA _getDataArrayProduct _dataArrayProduct : ", $scope._dataArrayProduct);
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
$scope.$watch('referralid', function(newValue, oldValue) {
console.log("referralid : ", newValue, oldValue);
if (newValue != undefined) {
$scope._getDataArrayProduct(newValue);
}
});
$scope.displayImage = function(image_url, prefix) {
return (typeof image_url !== 'undefined') ? GAEAPI.getGaeImageUrl(image_url, prefix) : '';
}
$scope.showDebug = function() {
return (typeof $routeParams.debug !== 'undefined') ? true : false;
};
};
return promise;
});_ui_share_app.directive('componentCategoryMapA', function($rootScope, $routeParams) {
var templateName = 'componentCategoryMapA';
var componentMain = 'componentCategory';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
refid: '@refid',
_font: '@font',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope._dataArray = [];
$scope._dataArrayDone = false;
$scope._getDataArray = function() {
if (typeof $scope.refid !== 'undefined') {
var dataSend = {
'txt_referral_type_id': 11,
'txt_parent_id': $scope.refid,
};
} else {
var dataSend = {
'txt_referral_type_id': 11,
};
}
GAEAPI.get('referral/map', dataSend).then(function(res) {
if (res.ok === 1) {
$scope._dataArray = res.data;
$scope._dataArrayDone = true;
console.log("_dataArray", $scope._dataArray);
}
});
};
$scope._getDataArray();
$scope.viewDataWidth = function() {
return $(window).width();
};
$scope.viewDataHeight = function() {
return $(window).height();
};
$scope._arrayControlView = [];
$scope._controlView = null;
$scope.controlView = function() {
if ($(window).width() >= 1200) {
$scope._controlView = 4;
$scope._arrayControlView[0] = 0;
for (var i = 1; i <= 10; i++) {
$scope._arrayControlView[i] = $scope._arrayControlView[i - 1] + 4;
}
} else if ($(window).width() >= 992) {
$scope._controlView = 4;
$scope._arrayControlView[0] = 0;
for (var i = 1; i <= 10; i++) {
$scope._arrayControlView[i] = $scope._arrayControlView[i - 1] + 4;
}
} else if ($(window).width() >= 768) {
$scope._controlView = 3;
$scope._arrayControlView[0] = 0;
for (var i = 1; i <= 10; i++) {
$scope._arrayControlView[i] = $scope._arrayControlView[i - 1] + 3;
}
} else if ($(window).width() < 768) {
$scope._controlView = 3;
$scope._arrayControlView[0] = 0;
for (var i = 1; i <= 10; i++) {
$scope._arrayControlView[i] = $scope._arrayControlView[i - 1] + 3;
}
}
return $scope._controlView;
};
$scope.controlView();
$scope.displayImage = function(image_url, prefix) {
return (typeof image_url !== 'undefined') ? GAEAPI.getGaeImageUrl(image_url, prefix) : '';
}
$scope.showDebug = function() {
return (typeof $routeParams.debugcategory !== 'undefined') ? true : false;
};
};
return promise;
});_ui_share_app.directive('componentCategoryMenuDropdownA', function($rootScope, $routeParams) {
var templateName = 'componentCategoryMenuDropdownA';
var componentMain = 'componentCategory';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
_font: '@font',
imgpath: '@imgpath',
_menustart: '@menustart',
refid: '@refid',
_color: '@color',
_backgroundcolor: '@backgroundcolor',
_backgroundcolordropdown: '@backgroundcolordropdown',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window) {
$scope.activeMenu = function() {
/*document.getElementById("activeMenu").classList.toggle("show");
$('body').css('position','fixed');*/
if (!angular.element('._headings').hasClass('active')) {
angular.element('._headings').addClass('active')
} else {
angular.element('._headings').removeClass('active')
}
};
$scope._viewRouteParams = function() {
return $routeParams || false;
};
$scope._heading = '';
if (typeof $scope._viewRouteParams().referral_name !== 'undefined' && typeof $scope._viewRouteParams().referral_name != '') {
$scope._heading = $scope._viewRouteParams().referral_name;
} else {
$scope._heading = $scope._menustart;
}
$scope.forbidden = false;
$scope._config = [];
$scope._host = _ui_host + templateName + '/';
$scope.myFunctionDropdown = function(len) {
if (len > 0) {
if ($scope._viewRouteParams().referral_name != 'สั่งอาหาร') {
$scope.activeMenu();
document.getElementById("myDropdown").classList.toggle("show");
}
}
}
$scope.onclick = function(event) {
if (!event.target.matches('.dropbtn')) {
var dropdowns = document.getElementsByClassName("dropdown-content");
var i;
for (i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns[i];
if (openDropdown.classList.contains('show')) {
openDropdown.classList.remove('show');
}
}
}
}
$scope._category_id = false;
$scope._get_category_id = function() {
if (typeof $scope.refid !== 'undefined') {
var dataSend = {
'txt_referral_id': $scope.refid,
};
}
GAEAPI.get('referral/id', dataSend, $scope).then(function(res) {
if (res.ok === 1) {
$scope._category_id = res.data;
/*$scope._heading = $scope._category_id.referral_name;*/
}
});
};
$scope._get_category_id();
$scope._page_lists = false;
$scope._page_lists_load = false;
$scope._get_page_lists = function() {
$scope._clear_page_lists();
var dataSend = {
'cur_page': 1,
'per_page': 20,
'txt_sortby': 'page_lastest_create'
};
GAEAPI.get('page/lists', dataSend, $scope).then(function(res) {
$scope._page_lists_load = true;
if (res.ok === 1) {
$scope._page_lists = res.data.dataList;
angular.forEach($scope._page_lists, function(item, key) {
if (item.page_search_url == "") {
item.page_search_url = item.page_id;
}
});
}
});
};
$scope._clear_page_lists = function() {
$scope._page_lists = false;
$scope._page_lists_load = false;
};
$scope._get_page_lists();
$scope._page_category = false;
$scope._page_category_load = false;
$scope._get_page_category = function() {
$scope._clear_page_lists();
if (typeof $scope.refid !== 'undefined') {
var dataSend = {
'txt_referral_type_id': 11,
'txt_parent_id': $scope.refid,
};
} else {
var dataSend = {
'txt_referral_type_id': 11,
};
}
GAEAPI.get('referral/map', dataSend, $scope).then(function(res) {
$scope._page_category_load = true;
if (res.ok === 1) {
$scope._page_category = res.data;
}
});
};
$scope._clear_page_category = function() {
$scope._page_category = false;
$scope._page_category_load = false;
};
$scope._get_page_category();
$scope.displayImage = function(image_url, prefix) {
var urlreturn = GAEAPI.getGaeImageUrl(image_url, prefix);
return urlreturn;
}
$scope.viewDataWidth = function() {
return $(window).width();
};
$scope.viewDataHeight = function() {
return $(window).height();
};
$scope._testspeed = null;
$scope._arrayControlView = [];
$scope._controlView = null;
$scope.controlView = function() {
if ($(window).width() >= 1200) {
$scope._controlView = 4;
$scope._arrayControlView[0] = 0;
for (var i = 1; i <= 10; i++) {
$scope._arrayControlView[i] = $scope._arrayControlView[i - 1] + 4;
}
} else if ($(window).width() >= 992) {
$scope._controlView = 4;
$scope._arrayControlView[0] = 0;
for (var i = 1; i <= 10; i++) {
$scope._arrayControlView[i] = $scope._arrayControlView[i - 1] + 4;
}
} else if ($(window).width() >= 768) {
$scope._controlView = 3;
$scope._arrayControlView[0] = 0;
for (var i = 1; i <= 5; i++) {
$scope._arrayControlView[i] = $scope._arrayControlView[i - 1] + 3;
}
} else if ($(window).width() < 768) {
$scope._controlView = 3;
$scope._arrayControlView[0] = 0;
for (var i = 1; i <= 10; i++) {
$scope._arrayControlView[i] = $scope._arrayControlView[i - 1] + 3;
}
}
return $scope._controlView;
};
$scope.controlView();
$scope.showDebug = function() {
return (typeof $routeParams.debugcategorymenu !== 'undefined') ? true : false;
};
};
return promise;
});_ui_share_app.directive('componentCategorySilde', function($rootScope, $routeParams) {
var templateName = 'componentCategorySilde';
var componentMain = 'componentCategory';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
refid:'@refid',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.mkCarouselData = function(elem) {
console.debug('mkCarouselData: trigger');
setTimeout(function() {
var carousel = $(elem + '[data-id=' + $scope._key() + ']');
var is_dark;
carousel.not('.slick-initialized').slick({
dots: false,
arrows: true,
autoplay: true,
autoplaySpeed: 4000,
slidesToShow: 10,
slidesToScroll: 1,
infinite: true,
speed: 600,
prevArrow: '',
nextArrow: '',
responsive: [{
breakpoint: 1330,
settings: {
slidesToShow: 10,
}
}, {
breakpoint: 991,
settings: {
slidesToShow: 8,
}
}, {
breakpoint: 767,
settings: {
slidesToShow: 6,
}
}, {
breakpoint: 692,
settings: {
slidesToShow: 4,
}
},{
breakpoint: 540,
settings: {
slidesToShow: 2,
}
}]
}).closest('section').addClass('active');
}, 1000);
};
$scope._dataArray = [];
$scope._dataArrayDone = false;
$scope._getDataArray = function() {
if(typeof $scope.refid !== 'undefined'){
var dataSend = {
'txt_referral_type_id': 11,
'txt_parent_id': $scope.refid,
};
}else{
var dataSend = {
'txt_referral_type_id': 11,
};
}
GAEAPI.get('referral/map', dataSend).then(function(res) {
if (res.ok === 1) {
$scope._dataArray = res.data;
console.log("_dataArray",$scope._dataArray);
}
});
};
$scope._getDataArray();
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.slickGoLeft = function() {
setTimeout(function() {
$('.recommend .-recommend[data-id="' + $scope._key() + '"]').slick('slickPrev');
}, 100);
};
$scope.slickGoRight = function() {
setTimeout(function() {
$('.recommend .-recommend[data-id="' + $scope._key() + '"]').slick('slickNext');
}, 100);
};
$scope.openCity = function(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
$scope.displayImage = function(image_url, prefix) {return GAEAPI.getGaeImageUrl(image_url, prefix);}
};
return promise;
});_ui_share_app.directive('componentCategoryTable', function($rootScope, $routeParams) {
var templateName = 'componentCategoryTable';
var componentMain = 'componentCategory';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.getData = function() {
var getFunction = {
consoleLog: function(name, data) {
console.log('componentCategoryTable : ', name, data);
},
getRouteParams: function(callback) {
var params = $routeParams;
callback(params);
},
stateData: function(loadIn, doneIn) {
var _self = this;
_self.consoleLog("getData : ", "------- stateData -------");
_self.consoleLog("getData : loadIn : ", loadIn);
_self.consoleLog("getData : doneIn : ", doneIn);
_self.consoleLog("getData : ", "------- stateData -------");
var state = {
load: loadIn,
done: doneIn
};
return state;
},
dataSend: function(array, api, dataSend, callback) {
var _self = this;
_self.consoleLog("getData : ", "------- dataSend -------");
_self.consoleLog("getData : api : ", api);
_self.consoleLog("getData : dataSend : ", dataSend);
_self.consoleLog("getData : ", "------- dataSend -------");
callback(array, api, dataSend);
},
getApi: function(array, api, dataSend, callback) {
var _self = this;
GAEAPI.get(api, dataSend, $scope).then(function(output) {
_self.consoleLog("getData : ", "------- getApi -------");
_self.consoleLog("getData : api : ", api);
_self.consoleLog("getData : dataSend : ", dataSend);
_self.consoleLog("getData : output : ", output);
_self.consoleLog("getData : ", "------- getApi -------");
callback(array, output);
});
},
titleUrl: function(str) {
var url = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
return url;
},
locationUrl: function(template, data) {
$location.url(template + data).replace();
},
main: function() {
var _self = this;
}
}
return getFunction;
};
$scope.dataArrayPageState = {
load: false,
done: false,
cur_page: 1,
per_page: 300,
total_rows: 0
};
$scope.dataMapArray = [];
$scope.dataMapArrayState = $scope.getData().stateData(false, false);
$scope.dataArray = [];
$scope.dataArrayState = $scope.getData().stateData(false, false);
/* category */
/* $scope.getData().getRouteParams(function(params) {
$scope.dataArrayState = $scope.getData().stateData(true, false);
var txt_filter_json = {};
var dataSend = {
'txt_referral_type_id': 11,
'cur_page': $scope.dataArrayPageState.cur_page,
'per_page': $scope.dataArrayPageState.per_page,
'txt_sortby': $scope.sort,
'txt_filter_json': JSON.stringify(txt_filter_json)
};
$scope.getData().dataSend(0, 'referral/lists', dataSend, function(array, api, dataSend) {
$scope.getData().getApi(array, api, dataSend, function(array, output) {
$scope.dataArray = output.data.dataList;
$scope.dataArrayPageState.total_rows = output.data.total_rows;
$scope.dataArrayState = $scope.getData().stateData(false, true);
for (var i = 0; i < output.data.dataList.length; i++) {
var txt_filter_json = {};
var dataSend = {
'txt_referral_id': output.data.dataList[i].referral_id
};
$scope.getData().dataSend(i, 'referral/relation', dataSend, function(array, api, dataSend) {
$scope.getData().getApi(array, api, dataSend, function(array, output) {
$scope.dataMapArray[array] = output.data;
});
});
}
});
});
}); */
/* category */
/* product */
$scope.getData().getRouteParams(function(params) {
$scope.dataArrayState = $scope.getData().stateData(true, false);
var txt_filter_json = {};
var dataSend = {
'cur_page': $scope.dataArrayPageState.cur_page,
'per_page': $scope.dataArrayPageState.per_page,
'txt_filter_json': JSON.stringify(txt_filter_json)
};
$scope.getData().dataSend(0, 'product/lists', dataSend, function(array, api, dataSend) {
$scope.getData().getApi(array, api, dataSend, function(array, output) {
$scope.dataArray = output.data.dataList;
$scope.dataArrayPageState.total_rows = output.data.total_rows;
$scope.dataArrayState = $scope.getData().stateData(false, true);
});
});
});
/* product */
$scope.loadMore = function() {
var getFunction = {
consoleLog: function(name, data) {
console.log('componentCategoryTable : ', name, data);
},
stateData: function(state) {
var _self = this;
_self.consoleLog("getData : ", "------- stateData -------");
_self.consoleLog("getData : loadIn : ", state);
_self.consoleLog("getData : ", "------- stateData -------");
return state;
},
main: function() {
var _self = this;
}
}
return getFunction;
};
/* category */
/* $scope.load = function() {
if ($scope.dataArrayPageState.load != true) {
$scope.dataArrayPageState.load = $scope.loadMore().stateData(true);
$scope.dataArrayPageState.cur_page++;
$scope.getData().getRouteParams(function(params) {
$scope.dataArrayState = $scope.getData().stateData(true, false);
var txt_filter_json = {};
var dataSend = {
'txt_referral_type_id': 11,
'cur_page': $scope.dataArrayPageState.cur_page,
'per_page': $scope.dataArrayPageState.per_page,
'txt_sortby': $scope.sort,
'txt_filter_json': JSON.stringify(txt_filter_json)
};
$scope.getData().dataSend(0, 'referral/lists', dataSend, function(array, api, dataSend) {
$scope.getData().getApi(array, api, dataSend, function(array, output) {
if ($scope.dataArray.length < output.data.total_rows) {
var oldData = $scope.dataArray;
$scope.dataArray = oldData.concat(output.data.dataList);
$scope.dataArrayPageState.total_rows = output.data.total_rows;
for (var i = 0; i < output.data.dataList.length; i++) {
var txt_filter_json = {};
var dataSend = {
'txt_referral_id': output.data.dataList[i].referral_id
};
var int_array = ($scope.dataArrayPageState.per_page * ($scope.dataArrayPageState.cur_page - 1)) + i;
$scope.getData().dataSend(int_array, 'referral/relation', dataSend, function(array, api, dataSend) {
$scope.getData().getApi(array, api, dataSend, function(array, output) {
$scope.dataMapArray[array] = output.data;
});
});
}
} else {
$scope.dataArrayPageState.cur_page--;
}
$scope.dataArrayPageState.load = $scope.loadMore().stateData(false);
$scope.dataArrayState = $scope.getData().stateData(false, true);
});
});
});
}
}; */
/* category */
/* product */
$scope.load = function() {
if ($scope.dataArrayPageState.load != true) {
$scope.dataArrayPageState.load = $scope.loadMore().stateData(true);
$scope.dataArrayPageState.cur_page++;
$scope.getData().getRouteParams(function(params) {
$scope.dataArrayState = $scope.getData().stateData(true, false);
var txt_filter_json = {};
var dataSend = {
'cur_page': $scope.dataArrayPageState.cur_page,
'per_page': $scope.dataArrayPageState.per_page,
'txt_filter_json': JSON.stringify(txt_filter_json)
};
$scope.getData().dataSend(0, 'product/lists', dataSend, function(array, api, dataSend) {
$scope.getData().getApi(array, api, dataSend, function(array, output) {
if ($scope.dataArray.length < output.data.total_rows) {
var oldData = $scope.dataArray;
$scope.dataArray = oldData.concat(output.data.dataList);
$scope.dataArrayPageState.total_rows = output.data.total_rows;
} else {
$scope.dataArrayPageState.cur_page--;
}
$scope.dataArrayPageState.load = $scope.loadMore().stateData(false);
$scope.dataArrayState = $scope.getData().stateData(false, true);
});
});
});
}
};
/* product */
/* download */
$scope.imageDownload = function(url, fileName) {
var xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
xhr.responseType = "blob";
xhr.onload = function() {
var urlCreator = window.URL || window.webkitURL;
var imageUrl = urlCreator.createObjectURL(this.response);
var tag = document.createElement('a');
tag.href = imageUrl;
tag.download = fileName;
document.body.appendChild(tag);
tag.click();
document.body.removeChild(tag);
}
xhr.send();
};
/* download */
};
return promise;
});_ui_share_app.directive('componentCategoryCustomslideA', function($rootScope, $routeParams) {
var componentMain = 'componentCategory';
var componentChild = 'customslideA';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + componentChild + '/' + componentChild + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
dataItem: '=data',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {};
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.imgPath = CUR_THEME.file_url() + 'images/';
/*$scope.test_json = JSON.stringify($scope.data);
$scope.dataItem = JSON.parse($scope.test_json);*/
$scope.slideProductDeal = function(elem) {
setTimeout(function() {
var carousel = $(elem + '[data-id=' + $scope._key() + ']');
var is_dark;
carousel.not('.slick-initialized').slick({
dots: false,
arrows: true,
autoplay: true,
autoplaySpeed: 3000,
slidesToShow: 4,
slidesToScroll: 1,
infinite: true,
speed: 600,
responsive: [{
breakpoint: 1330,
settings: {
slidesToShow: 4,
}
}, {
breakpoint: 991,
settings: {
arrows: false,
slidesToShow: 3
}
}, {
breakpoint: 768,
settings: {
arrows: false,
slidesToShow: 2
}
}, {
breakpoint: 480,
settings: {
arrows: false,
slidesToShow: 1
}
}]
}).closest('section').addClass('active');
}, 1000);
};
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.slickGoLeft = function() {
setTimeout(function() {
$('.recommend .-recommend[data-id="' + $scope._key() + '"]').slick('slickPrev');
}, 100);
};
$scope.slickGoRight = function() {
setTimeout(function() {
$('.recommend .-recommend[data-id="' + $scope._key() + '"]').slick('slickNext');
}, 100);
};
};
return promise;
});_ui_share_app.directive('componentCategoryCustomslideB', function($rootScope, $routeParams) {
var componentMain = 'componentCategory';
var componentChild = 'customslideB';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + componentChild + '/' + componentChild + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
dataItem: '=data',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {};
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.imgPath = CUR_THEME.file_url() + 'images/';
/*$scope.test_json = JSON.stringify($scope.data);
$scope.dataItem = JSON.parse($scope.test_json);*/
$scope.slideProductDeal = function(elem) {
setTimeout(function() {
var carousel = $(elem + '[data-id=' + $scope._key() + ']');
var is_dark;
carousel.not('.slick-initialized').slick({
dots: false,
arrows: true,
autoplay: true,
autoplaySpeed: 3000,
slidesToShow: 3,
slidesToScroll: 1,
infinite: true,
speed: 600,
responsive: [{
breakpoint: 1330,
settings: {
slidesToShow: 3,
}
}, {
breakpoint: 991,
settings: {
slidesToShow: 2,
}
}, {
breakpoint: 768,
settings: {
slidesToShow: 2,
}
}, {
breakpoint: 480,
settings: {
slidesToShow: 1,
}
}]
}).closest('section').addClass('active');
}, 1000);
};
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.slickGoLeft = function() {
setTimeout(function() {
$('.recommend .-recommend[data-id="' + $scope._key() + '"]').slick('slickPrev');
}, 100);
};
$scope.slickGoRight = function() {
setTimeout(function() {
$('.recommend .-recommend[data-id="' + $scope._key() + '"]').slick('slickNext');
}, 100);
};
};
return promise;
});
_ui_share_app.directive('componentCategoryCardA', function ($rootScope, $routeParams) {
var templateName = 'componentCategoryCardA';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
childcomponent: '@childcomponent',
imgpath: '@imgpath',
stylebutton :'@stylebutton',
};
promise.link = function (scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function ($scope, $timeout, $interval, $q, $window) {
$scope.ref_id = $routeParams.referral_id;
/*
* fetch only referral category type (tree-list);
* @params none
* @return {Array}
*/
$scope.ReferralDisplayArray = [];
$scope.FetchDisplayCategory = function (ref_id) {
$scope.ReferralDisplayArray = [];
$scope.ReferralBrandArray = [];
var d = {'txt_referral_type_id': 11,'txt_sortby':'referral_sort_index_asc_name_asc'};
if(typeof ref_id !== 'undefined'){
d.txt_parent_id = ref_id;
}
GAEAPI.get('referral/map', d, $scope).then(function (e) {
if (e.ok === 1) {
$scope.ReferralDisplayArray = e.data;
}
console.log("referral display", d, e.data, ref_id);
});
};
/*if (!$scope.ReferralDisplayArray.length) {
$scope.FetchDisplayCategory();
}*/
/*
* view current routeParams
* @params (default)
* @return function
*/
$scope._viewRouteParams = function () {
return $routeParams || false;
};
/*
* params listener
* @params (default)
* @return function
*/
$scope.$watch('ref_id', function (newValue, oldValue) {
if (!newValue || newValue == 0){
return $scope.FetchDisplayCategory();
}
$scope.FetchDisplayCategory(newValue);
});
/* Check if seo enable */
$scope.checkSeo = function(){
return (GURL.isHtml5Mode()) ? true : false;
};
/* Check if child array exist */
$scope.checkChild = function(object){
return (!object.referral_sub_array.length) ? true : false;
};
$scope.buildTitleUrl = function(str){
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--","-");
return s;
};
};
return promise;
});
_ui_share_app.directive('componentCategoryGridA', function ($rootScope, $routeParams) {
var templateName = 'componentCategoryGridA';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
primary:'@primary',
color:'@color',
};
promise.link = function (scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function ($scope, $timeout, $interval, $q, $window) {
$scope.dataArray = [];
$scope.getData = function(){
var jsonFilter = JSON.stringify({'type_number':$scope.type});
var d = {
'txt_referral_type_id': 11
};
GAEAPI.get('referral/map',d,$scope).then(function(e){
if(e.ok === 1){
$scope.dataArray = e.data;
}
});
};
$scope.getData();
};
return promise;
});
_ui_share_app.directive('componentCategoryGridC', function ($rootScope, $routeParams) {
var templateName = 'componentCategoryGridC';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
primary:'@primary',
color:'@color',
name:'@name',
};
promise.link = function (scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function ($scope, $timeout, $interval, $q, $window) {
$scope.dataArray = [];
$scope.getData = function(){
var jsonFilter = JSON.stringify({'type_number':$scope.type});
var d = {
'txt_referral_type_id': 11
};
GAEAPI.get('referral/map',d,$scope).then(function(e){
if(e.ok === 1){
$scope.dataArray = e.data;
}
});
};
$scope.getData();
$scope.checkSeo = function(){
return (GURL.isHtml5Mode()) ? true : false;
};
$scope.titleUrl = function(str){
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--","-");
return s;
};
};
return promise;
});
_ui_share_app.directive('componentCategoryGridCa', function ($rootScope, $routeParams) {
var componentMain = 'componentCategoryGridC';
var componentChild = 'a';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + componentChild + '/' + componentChild+ '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
primary:'@primary',
color:'@color',
name:'@name',
};
promise.link = function (scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function ($scope, $timeout, $interval, $q, $window) {
$scope.dataArray = [];
$scope.getData = function(){
var jsonFilter = JSON.stringify({'type_number':$scope.type});
var d = {
'txt_referral_type_id': 11
};
GAEAPI.get('referral/map',d,$scope).then(function(e){
if(e.ok === 1){
$scope.dataArray = e.data;
}
});
};
$scope.getData();
$scope.checkSeo = function(){
return (GURL.isHtml5Mode()) ? true : false;
};
$scope.titleUrl = function(str){
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--","-");
return s;
};
};
return promise;
});
_ui_share_app.directive('componentCategoryGridF', function ($rootScope, $routeParams) {
var templateName = 'componentCategoryGridF';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
primary:'@primary',
color:'@color',
};
promise.link = function (scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function ($scope, $timeout, $interval, $q, $window) {
$scope.dataArray = [];
$scope.getData = function(){
var d = {
'txt_referral_type_id': 11,
'cur_page':1,
'per_page' : 2,
'txt_sortby' : 'referral_oldest_create'
};
GAEAPI.get('referral/lists',d,$scope).then(function(e){
if(e.ok === 1){
$scope.dataArray = e.data.dataList;
}
});
};
$scope.getData();
};
return promise;
});
_ui_share_app.directive('componentCategoryGridG', function ($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentCategoryGridG';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
'auto':'@auto',
'feature':'@feature',
'referralid':'@referralid',
'imgpath':'@imgpath',
};
promise.link = function (scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function ($scope, $timeout, $interval) {
$scope.use_auto = (typeof $scope.auto !== 'undefined' && $scope.auto == 'true') ? true : false;
$scope.use_feature = (typeof $scope.feature !== 'undefined' && $scope.feature == 'true') ? true : false;
/**
* Check if object array available for "website application" or "Mobile application" or "Featured"
* @params object array
* return true | false (default)
*/
$scope._showWeb = function (objArray) {
var r = false;
for (var i = 0; i < objArray.length; i++) {
if (objArray[i].badge_id == 18) {
r = true;
break;
}
}
return r;
};
$scope._showApp = function (objArray) {
var r = false;
for (var i = 0; i < objArray.length; i++) {
if (objArray[i].badge_id == 19) {
r = true;
break;
}
}
return r;
};
$scope._showFeature = function (objArray) {
var r = false;
for (var i = 0; i < objArray.length; i++) {
if (objArray[i].badge_id == 16) {
r = true;
break;
}
}
return r;
};
/* UNIQUE KEY */
$scope._uniqueKey = '';
$scope._key = function () {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
/*
* view current routeParams
* @params (default)
* @return function
*/
$scope._viewRouteParams = function () {
return $routeParams || false;
};
$scope.data = [];
$scope.data_done = false;
/* Get referral data (all)
* @params none
* @return array
*/
$scope.getData = function(){
$scope.data = [];
$scope.data_done = false;
var filterJson = {'badge_id_array':[18]};
if($scope.use_feature){
filterJson.badge_id_array.push(16);
}
var d = {
'txt_referral_type_id':11,
};
GAEAPI.get('referral/map',d,$scope).then(function(e){
if(e.ok == 1){
console.log("3a : before", e.data);
if($scope.use_feature){
var dummy = [];
angular.forEach(e.data, function(item,key){
if($scope._showFeature(item.referral_badge)){
dummy.push(item);
}
});
$scope.data = dummy;
$scope.data_done = true;
$scope.buildImageSlider($scope.data);
console.log("3a : dummy", dummy);
console.log("3a", $scope.data);
} else{
$scope.data = e.data;
$scope.data_done = true;
$scope.buildImageSlider($scope.data);
console.log("3a", $scope.data);
}
}
});
};
/* Get referral data (by referral_id)
* @params id = referral_id
* @return array
*/
$scope.getDataReferral = function(id){
$scope.data = [];
$scope.data_done = false;
var d = {
'txt_referral_id':id
};
GAEAPI.get('referral/id_map',d,$scope).then(function(e){
if(e.ok == 1){
$scope.data[0] = e.data;
$scope.data_done = true;
$scope.buildImageSlider($scope.data);
}
});
};
/*
* params listener
* @params newValue
* @params oldValue
* @return function
*/
$scope.$watch('auto', function (newValue, oldValue) {
if (!newValue){
if(typeof $scope.referralid !== 'undefined' && $scope.referralid !== ''){
return $scope.getDataReferral($scope.referralid);
} else {
return $scope.getData();
}
}
$scope.getData();
});
/*
* check if image array exist or build dummy image array
* @params arrayObject = object array
* @return array
*/
$scope.buildImageSlider = function(){
var imageArray = function(idx){
if(idx == 0){
return [
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/gallery_1.jpg'},
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/gallery_2.jpg'},
];
} else if(idx == 1){
return [
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/gallery_1_1.png'},
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/gallery_1_2.png'},
];
} else {
return [
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/gallery_2_1.png'},
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/gallery_2.jpg'},
];
}
};
var imageBannerArray = function(idx){
if(idx == 0){
return [
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/banner_cat_1.jpg'},
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/banner_cat_2.jpg'},
];
} else if(idx == 1) {
return [
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/banner_cat_1_1.png'},
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/banner_cat_1_2.png'},
];
} else {
return [
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/banner_cat_2_1.png'},
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/banner_cat_2_2.png'},
];
}
};
angular.forEach($scope.data, function(item, key){
if(!item.referral_image.length){
item.referral_image = imageArray(key);
}
item.referral_image_banner = imageBannerArray(key);
});
};
/* Make Carousel */
$scope._makeProductToCarousel = function (keyCustom) {
var elementName = '[data-id="' + keyCustom + '"]';
var optionsParmas = {
autoplay: (window.location.host !== 'localhost') ? true : false,
slidesToShow: 1,
slidesToScroll: 1,
dots: true,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
};
return sliderProvider(elementName, optionsParmas, "", keyCustom);
};
/* Calculate Product Block for Arrows */
$scope.calculateProductBlock = function(){
return "-" + (($('.row.slick-slider[data-id="'+$scope._uniqueKey+'"]').height() / 2) + 34) + "px";
};
/* Carousel Arrow Click */
$scope._slickGoLeft = function () {
$timeout(function () {
$('[data-id="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
/* Carousel Arrow Click */
$scope._slickGoRight = function () {
$timeout(function () {
$('[data-id="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
/* Event Listener when ng-repeat end */
$rootScope.$on('repeatend', function() {
if($('[data-id*="gallery-"]').length){
$('[data-id*="gallery-"]').not('.slick-initialized').each(function(Key,Object){
if($(this).find('.imageItem').length > 0){
$scope._makeProductToCarousel($(this).attr('data-id'));
}
});
}
});
/* Check if seo enable */
$scope.checkSeo = function(){
return (GURL.isHtml5Mode()) ? true : false;
};
};
return promise;
});
_ui_share_app.directive('componentCategoryGridH', function ($rootScope, $routeParams, sliderProvider, $location) {
var templateName = 'componentCategoryGridH';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
'auto':'@auto',
'feature':'@feature',
'referralid':'@referralid',
'imgpath':'@imgpath',
'margin':'@margin',
};
promise.link = function (scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function ($scope, $timeout, $interval, $window) {
$scope.use_auto = (typeof $scope.auto !== 'undefined' && $scope.auto == 'true') ? true : false;
$scope.use_feature = (typeof $scope.feature !== 'undefined' && $scope.feature == 'true') ? true : false;
/**
* Check if object array available for "website application" or "Mobile application" or "Featured"
* @params object array
* return true | false (default)
*/
$scope._showWeb = function (objArray) {
var r = false;
for (var i = 0; i < objArray.length; i++) {
if (objArray[i].badge_id == 18) {
r = true;
break;
}
}
return r;
};
$scope._showApp = function (objArray) {
var r = false;
for (var i = 0; i < objArray.length; i++) {
if (objArray[i].badge_id == 19) {
r = true;
break;
}
}
return r;
};
$scope._showFeature = function (objArray) {
var r = false;
for (var i = 0; i < objArray.length; i++) {
if (objArray[i].badge_id == 16) {
r = true;
break;
}
}
return r;
};
/* --------- START : 1 ------------*/
/* Extract sub referral id from parent */
$scope._mergeSubReferral = function(originalArray, r){
if(!r.referral_sub_array.length){
return originalArray;
}
var a = [];
angular.forEach(r.referral_sub_array, function(i, k) {
if($scope._showFeature(i.referral_badge)){
a.push(parseInt(i.referral_id));
$scope.dummyFeatureName.push(i);
if(i.referral_image.length){
$scope.dummyReferralImage.push(i.referral_image[0]);
}
}
if(i.referral_sub_array.length > 0){
angular.forEach(i.referral_sub_array, function(ii,kk){
if($scope._showFeature(ii.referral_badge)){
a.push(parseInt(ii.referral_id));
$scope.dummyFeatureName.push(ii);
if(ii.referral_image.length){
$scope.dummyReferralImage.push(ii.referral_image[0]);
}
}
if(ii.referral_sub_array.length > 0){
angular.forEach(ii.referral_sub_array, function(iii,kkk){
if($scope._showFeature(iii.referral_badge)){
a.push(parseInt(iii.referral_id));
$scope.dummyFeatureName.push(iii);
if(iii.referral_image.length){
$scope.dummyReferralImage.push(iii.referral_image[0]);
}
}
if(iii.referral_sub_array.length > 0){
angular.forEach(iii.referral_sub_array, function(iiii,kkk){
if($scope._showFeature(iiii.referral_badge)){
a.push(parseInt(iiii.referral_id));
$scope.dummyFeatureName.push(iiii);
if(iiii.referral_image.length){
$scope.dummyReferralImage.push(iiii.referral_image[0]);
}
}
});
}
});
}
});
}
});
return (a.length) ? a.concat(originalArray) : originalArray;
};
/* --------- END : 1 ------------*/
/* UNIQUE KEY */
$scope._uniqueKey = '';
$scope._key = function () {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
/*
* view current routeParams
* @params (default)
* @return function
*/
$scope._viewRouteParams = function () {
return $routeParams || false;
};
$scope.data = [];
$scope.data_done = false;
$scope.dummyFeatureName = [];
$scope.dummyReferralImage = [];
/* Get referral data (all)
* @params none
* @return array
*/
/*
$scope.getData = function(){
$scope.data = [];
$scope.data_done = false;
$scope.dummyFeatureName = [];
var filterJson = {'badge_id_array':[18]};
var d = {
'txt_referral_type_id':11,
};
var dummy = [];
GAEAPI.get('referral/map',d,$scope).then(function(e){
if(e.ok == 1){
console.log("3a : before", e.data);
if($scope.use_feature){
var dummyReferral = [];
dummy = [];
angular.forEach(e.data, function(item, key){
item.referral_product_array = [];
if($scope._showFeature(item.referral_badge)){
dummyReferral.push(item);
dummy.push(parseInt(item.referral_id));
if(item.referral_sub_array.length){
dummy = $scope._mergeSubReferral(dummy, item);
}
}
});
$scope.data = dummyReferral;
$scope.data_done = true;
$scope.buildImageSlider($scope.data);
} else{
dummy = [];
angular.forEach(e.data, function(item, key){
dummy.push(parseInt(item.referral_id));
if(item.referral_sub_array.length){
dummy = $scope._mergeSubReferral(dummy, item);
}
});
$scope.data = e.data;
$scope.data_done = true;
$scope.buildImageSlider($scope.data);
}
}
if(dummy.length){
$scope.getDataProductByReferralArray(dummy);
}
});
};
*/
var referralDisplayClass = function(){
var object = {
getOnlyBadgeIdArray(badgeArray){
var result = [];
for(var index in badgeArray){
var badgeData = badgeArray[index];
var badge_id = GAEAPI.getValue(badgeData["badge_id"],"");
if(badge_id!=""){
result.push(badge_id);
}
}
return result;
},
getOnlyReferralIdArray(referralArray){
var result = [];
for(var index in referralArray){
var referralData = referralArray[index];
var referral_id = GAEAPI.getValue(referralData["referral_id"],"");
if(referral_id!=""){
result.push(referral_id);
}
}
return result;
},
getAllSubReferral(referralArray,resultArray){
var self = this;
for(var index in referralArray){
var referralData = referralArray[index];
var badgeIdArray = self.getOnlyBadgeIdArray(referralData.referral_badge);
if(badgeIdArray.indexOf("16")>=0){
resultArray.push(referralData);
}
var subReferralArray = GAEAPI.getValue(referralData["referral_sub_array"],[]);
if(subReferralArray.length>0){
self.getAllSubReferral(subReferralArray,resultArray);
}
}
},
getImageDataArray(referralArray,imageArray){
for(var index in referralArray){
var referralData = referralArray[index];
var referralImageArray = GAEAPI.getValue(referralData["referral_banner_array"],[]);
if(referralImageArray.length>0){
imageArray.push(referralImageArray[0]);
}
}
},
getImageBannerDataArray(referralArray,imageArray){
for(var index in referralArray){
var referralData = referralArray[index];
var referralBannerArray = GAEAPI.getValue(referralData["referral_image"],[]);
if(referralBannerArray.length>0){
for(indexTwo in referralBannerArray){
if(referralBannerArray[indexTwo]["banner_is_enable"] != 0){
imageArray.push(referralBannerArray[indexTwo]);
}
}
}
}
},
generateCategoryDisplay(index,referralArray,callback){
var self = this;
if(referralArray.length<=index){
if(callback){callback();}
return false;
}
var referralData = referralArray[index];
var referral_id = GAEAPI.getValue(referralData["referral_id"],"");
var subReferralIdArray = [];
console.log("subReferralIdArray : start 1",subReferralIdArray);
console.log("subReferralIdArray : start 1",referralData);
self.getAllSubReferral(referralData.referral_sub_array,subReferralIdArray);
console.log("subReferralIdArray : function 2 getAllSubReferral",subReferralIdArray);
console.log("subReferralIdArray : function 2 getAllSubReferral",referralData);
referralData["referral_sub_array_two_d"] = referralData.referral_sub_array;
referralData["referral_feature_name"] = subReferralIdArray;
var resultIdArray = self.getOnlyReferralIdArray(subReferralIdArray);
resultIdArray.push(referral_id);
referralData["id_array"] = resultIdArray;
console.log("data_product_array_55 : ",resultIdArray);
var dataSend = {
'cur_page': 1,
'per_page': 8,
'txt_filter_json':JSON.stringify({'badge_id_array':[18,16],'referral_id_array_or':resultIdArray})
};
console.log("product/lists : generateCategoryDisplay : dataSend ",dataSend);
GAEAPI.get("product/lists",dataSend,$scope).then(function(res){
console.log("product/lists : generateCategoryDisplay : res : ",res);
var productArray = [];
if(res.ok==1){
productArray = res.data.dataList;
}
referralData["referral_product_array"] = productArray;
});
console.log("generateCategoryDisplay : index : "+index+" : ",referralData);
self.generateCategoryDisplay((index+1),referralArray,callback);
var badgeIdArray = self.getOnlyBadgeIdArray(referralData.referral_badge);
if(badgeIdArray.indexOf("16")>=0){
$scope.data.push(referralData);
console.log("data_array_first_top",$scope.data);
var imageArray = GAEAPI.getValue(referralData["referral_image"],[]);
self.getImageDataArray(subReferralIdArray,imageArray);
referralData["referral_image_all_array"] = imageArray;
}
}
};
return object;
}
var referralDisplay = referralDisplayClass();
var mapDataArray = [];
$scope.getData = function(){
$scope.data = [];
$scope.data_done = false;
$scope.dummyFeatureName = [];
var filterJson = {'badge_id_array':[18]};
var dataSend = {
'txt_referral_type_id':11,
'txt_sortby' : "referral_sort_index_desc_name_asc",
};
var dummy = [];
console.log('referral/map : dataSend : ',dataSend);
GAEAPI.get('referral/map',dataSend,$scope).then(function(res){
console.log('referral/map : res : ',res);
if(res.ok==1){
mapDataArray = res.data;
referralDisplay.generateCategoryDisplay(0,mapDataArray,function(){
$scope.data_done = true;
});
}
});
};
$scope.data_product = [];
$scope.data_product_done = false;
/* Get product list by referral array
* @params {objectArray} referral array
* @return array
*/
$scope.getDataProductByReferralArray = function(objectArray){
var d = {
'cur_page': 1,
'per_page': 8,
'txt_filter_json':JSON.stringify({'badge_id_array':[18,16],'referral_id_array_in':objectArray})
};
var dummy = [];
$scope.data_product_done = false;
GAEAPI.get('product/lists',d,$scope).then(function(e){
if(e.ok === 1){
$scope.data_product = e.data.dataList;
$scope.data_product_done = true;
angular.forEach($scope.data, function(item,key){
item.referral_feature_name = $scope.dummyFeatureName;
item.referral_product_array = e.data.dataList;
item.referral_image_all_array = $scope.dummyReferralImage;
});
console.log("getDataProductByReferralArray: referral data",$scope.data);
console.log("getDataProductByReferralArray: referral_id_array_in",objectArray);
console.log("getDataProductByReferralArray: params",d);
console.log("getDataProductByReferralArray: data",e);
}
});
};
/* Get referral data (by referral_id)
* @params id = referral_id
* @return array
*/
$scope.getDataReferral = function(id){
$scope.data = [];
$scope.data_done = false;
var d = {
'txt_referral_id':id
};
GAEAPI.get('referral/id_map',d,$scope).then(function(e){
if(e.ok == 1){
$scope.data[0] = e.data;
$scope.data_done = true;
$scope.buildImageSlider($scope.data);
console.log("data_array_first",e.data);
}
});
};
/*
* params listener
* @params newValue
* @params oldValue
* @return function
*/
$scope.$watch('use_auto', function (newValue, oldValue) {
if (!newValue && typeof $scope.referralid !== 'undefined' && $scope.referralid !== ''){
return $scope.getDataReferral($scope.referralid);
}
$scope.getData();
});
/*
* check if image array exist or build dummy image array
* @params arrayObject = object array
* @return array
*/
$scope.dummyArrayImageGallery = [
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/gallery_1_1.png'},
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/gallery_1_2.png'},
];
$scope.buildImageSlider = function(){
var imageArray = function(idx){
if(idx == 0){
return [
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/gallery_1.jpg'},
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/gallery_2.jpg'},
];
} else if(idx == 1){
return [
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/gallery_1_1.png'},
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/gallery_1_2.png'},
];
} else {
return [
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/gallery_2_1.png'},
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/gallery_2.jpg'},
];
}
};
var imageBannerArray = function(idx){
if(idx == 0){
return [
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/banner_cat_1.jpg'},
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/banner_cat_2.jpg'},
];
} else if(idx == 1) {
return [
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/banner_cat_1_1.png'},
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/banner_cat_1_2.png'},
];
} else {
return [
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/banner_cat_2_1.png'},
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/banner_cat_2_2.png'},
];
}
};
angular.forEach($scope.data, function(item, key){
if(!item.referral_image.length){
item.referral_image = imageArray(key);
}
item.referral_image_banner = imageBannerArray(key);
});
};
/* Make Carousel */
$scope._makeProductToCarousel = function (keyCustom, type) {
var elementName = '[data-id="' + keyCustom + '"]';
var optionsParmas = {
autoplay: (window.location.host !== 'localhost') ? true : false,
slidesToShow: 1,
slidesToScroll: 1,
dots: true,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
};
return sliderProvider(elementName, optionsParmas, "", keyCustom);
};
/* Calculate Product Block for Arrows */
$scope.calculateProductBlock = function(){
return "-" + (($('.row.slick-slider[data-id="'+$scope._uniqueKey+'"]').height() / 2) + 34) + "px";
};
/* Carousel Arrow Click */
$scope._slickGoLeft = function () {
$timeout(function () {
$('[data-id="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
/* Carousel Arrow Click */
$scope._slickGoRight = function () {
$timeout(function () {
$('[data-id="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
/* Event Listener when ng-repeat end */
$rootScope.$on('repeatend', function() {
$timeout(function(){
if($('.gallery-block[data-id]').length){
$('.gallery-block[data-id]').not('.slick-initialized').each(function(Key,Object){
if($(this).find('.imageItem').length > 0){
$scope._makeProductToCarousel($(this).attr('data-id'), 'gallery');
}
});
}
},500);
});
/*angular.element($window).bind('load', function(){*/
if($location.path() == '/' || $location.path() == '/home'){
var checkSliderImageProduct = setInterval(function(){
console.log("checking...", $('.cart-block').not('.slick-initialized').length);
if($('.cart-block.slick-initialized').length == $('.cart-block').length && $scope.data_product.length > 0){
clearInterval(checkSliderImageProduct);
return;
} else {
$('.cart-block').not('.slick-initialized').each(function(){
if($(this).find('.row-product').length){
var elementName = '[data-id="' + $(this).data('id') + '"]';
var paramsOptions = {
autoplay: (window.location.host !== 'localhost') ? true : false,
slidesToShow: 1,
slidesToScroll: 1,
dots: true,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
};
sliderProvider(elementName, paramsOptions, "", $(this).data('id'));
}
});
}
},1000);
}
/*});*/
$scope.displayImage = function(image_url, prefix) {return GAEAPI.getGaeImageUrl(image_url, prefix);}
/* Check if seo enable */
$scope.checkSeo = function(){
return (GURL.isHtml5Mode()) ? true : false;
};
/* Calculate discount (simple mode)
* @params {expensivePrice}
* @params {salePrice}
* @return int
*/
$scope.calculateDiscount = function(expensivePrice, salePrice){
var dif = expensivePrice - salePrice;
return parseInt(dif * 100 / expensivePrice);
};
/* Open Link in other windows */
$scope.openWindows = function(stringUrl){
return window.open(stringUrl, '_blank', 'location=yes,height='+$(window).height()+',width='+$(window).width()+',scrollbars=yes,status=yes');
};
};
return promise;
});
_ui_share_app.directive('componentCategoryGridI', function ($rootScope, $routeParams, sliderProvider, $location) {
var templateName = 'componentCategoryGridI';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
'auto':'@auto',
'feature':'@feature',
'referralid':'@referralid',
'imgpath':'@imgpath',
'margin':'@margin',
};
promise.link = function (scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function ($scope, $timeout, $interval, $window) {
$scope.use_auto = (typeof $scope.auto !== 'undefined' && $scope.auto == 'true') ? true : false;
$scope.use_feature = (typeof $scope.feature !== 'undefined' && $scope.feature == 'true') ? true : false;
/**
* Check if object array available for "website application" or "Mobile application" or "Featured"
* @params object array
* return true | false (default)
*/
$scope._showWeb = function (objArray) {
var r = false;
for (var i = 0; i < objArray.length; i++) {
if (objArray[i].badge_id == 18) {
r = true;
break;
}
}
return r;
};
$scope._showApp = function (objArray) {
var r = false;
for (var i = 0; i < objArray.length; i++) {
if (objArray[i].badge_id == 19) {
r = true;
break;
}
}
return r;
};
$scope._showFeature = function (objArray) {
var r = false;
for (var i = 0; i < objArray.length; i++) {
if (objArray[i].badge_id == 16) {
r = true;
break;
}
}
return r;
};
/* --------- START : 1 ------------*/
/* Extract sub referral id from parent */
$scope._mergeSubReferral = function(originalArray, r){
if(!r.referral_sub_array.length){
return originalArray;
}
var a = [];
angular.forEach(r.referral_sub_array, function(i, k) {
if($scope._showFeature(i.referral_badge)){
a.push(parseInt(i.referral_id));
$scope.dummyFeatureName.push(i);
if(i.referral_image.length){
$scope.dummyReferralImage.push(i.referral_image[0]);
}
}
if(i.referral_sub_array.length > 0){
angular.forEach(i.referral_sub_array, function(ii,kk){
if($scope._showFeature(ii.referral_badge)){
a.push(parseInt(ii.referral_id));
$scope.dummyFeatureName.push(ii);
if(ii.referral_image.length){
$scope.dummyReferralImage.push(ii.referral_image[0]);
}
}
if(ii.referral_sub_array.length > 0){
angular.forEach(ii.referral_sub_array, function(iii,kkk){
if($scope._showFeature(iii.referral_badge)){
a.push(parseInt(iii.referral_id));
$scope.dummyFeatureName.push(iii);
if(iii.referral_image.length){
$scope.dummyReferralImage.push(iii.referral_image[0]);
}
}
if(iii.referral_sub_array.length > 0){
angular.forEach(iii.referral_sub_array, function(iiii,kkk){
if($scope._showFeature(iiii.referral_badge)){
a.push(parseInt(iiii.referral_id));
$scope.dummyFeatureName.push(iiii);
if(iiii.referral_image.length){
$scope.dummyReferralImage.push(iiii.referral_image[0]);
}
}
});
}
});
}
});
}
});
return (a.length) ? a.concat(originalArray) : originalArray;
};
/* --------- END : 1 ------------*/
/* UNIQUE KEY */
$scope._uniqueKey = '';
$scope._key = function () {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
/*
* view current routeParams
* @params (default)
* @return function
*/
$scope._viewRouteParams = function () {
return $routeParams || false;
};
$scope.data = [];
$scope.data_done = false;
$scope.dummyFeatureName = [];
$scope.dummyReferralImage = [];
/* Get referral data (all)
* @params none
* @return array
*/
/*
$scope.getData = function(){
$scope.data = [];
$scope.data_done = false;
$scope.dummyFeatureName = [];
var filterJson = {'badge_id_array':[18]};
var d = {
'txt_referral_type_id':11,
};
var dummy = [];
GAEAPI.get('referral/map',d,$scope).then(function(e){
if(e.ok == 1){
console.log("3a : before", e.data);
if($scope.use_feature){
var dummyReferral = [];
dummy = [];
angular.forEach(e.data, function(item, key){
item.referral_product_array = [];
if($scope._showFeature(item.referral_badge)){
dummyReferral.push(item);
dummy.push(parseInt(item.referral_id));
if(item.referral_sub_array.length){
dummy = $scope._mergeSubReferral(dummy, item);
}
}
});
$scope.data = dummyReferral;
$scope.data_done = true;
$scope.buildImageSlider($scope.data);
} else{
dummy = [];
angular.forEach(e.data, function(item, key){
dummy.push(parseInt(item.referral_id));
if(item.referral_sub_array.length){
dummy = $scope._mergeSubReferral(dummy, item);
}
});
$scope.data = e.data;
$scope.data_done = true;
$scope.buildImageSlider($scope.data);
}
}
if(dummy.length){
$scope.getDataProductByReferralArray(dummy);
}
});
};
*/
var referralDisplayClass = function(){
var object = {
getOnlyBadgeIdArray(badgeArray){
var result = [];
for(var index in badgeArray){
var badgeData = badgeArray[index];
var badge_id = GAEAPI.getValue(badgeData["badge_id"],"");
if(badge_id!=""){
result.push(badge_id);
}
}
return result;
},
getOnlyReferralIdArray(referralArray){
var result = [];
for(var index in referralArray){
var referralData = referralArray[index];
var referral_id = GAEAPI.getValue(referralData["referral_id"],"");
if(referral_id!=""){
result.push(referral_id);
}
}
return result;
},
getAllSubReferral(referralArray,resultArray){
var self = this;
for(var index in referralArray){
var referralData = referralArray[index];
var badgeIdArray = self.getOnlyBadgeIdArray(referralData.referral_badge);
if(badgeIdArray.indexOf("16")>=0){
resultArray.push(referralData);
}
var subReferralArray = GAEAPI.getValue(referralData["referral_sub_array"],[]);
if(subReferralArray.length>0){
self.getAllSubReferral(subReferralArray,resultArray);
}
}
},
getImageDataArray(referralArray,imageArray){
for(var index in referralArray){
var referralData = referralArray[index];
var referralImageArray = GAEAPI.getValue(referralData["referral_banner_array"],[]);
if(referralImageArray.length>0){
imageArray.push(referralImageArray[0]);
}
}
},
getImageBannerDataArray(referralArray,imageArray){
for(var index in referralArray){
var referralData = referralArray[index];
var referralBannerArray = GAEAPI.getValue(referralData["referral_image"],[]);
if(referralBannerArray.length>0){
for(indexTwo in referralBannerArray){
if(referralBannerArray[indexTwo]["banner_is_enable"] != 0){
imageArray.push(referralBannerArray[indexTwo]);
}
}
}
}
},
generateCategoryDisplay(index,referralArray,callback){
var self = this;
if(referralArray.length<=index){
if(callback){callback();}
return false;
}
var referralData = referralArray[index];
var referral_id = GAEAPI.getValue(referralData["referral_id"],"");
var subReferralIdArray = [];
self.getAllSubReferral(referralData.referral_sub_array,subReferralIdArray);
referralData["referral_feature_name"] = subReferralIdArray;
var resultIdArray = self.getOnlyReferralIdArray(subReferralIdArray);
resultIdArray.push(referral_id);
referralData["id_array"] = resultIdArray;
var dataSend = {
'cur_page': 1,
'per_page': 8,
'txt_json_filter':JSON.stringify({'badge_id_array':[18,16],'referral_id_array_in':resultIdArray})
};
console.log("product/lists : dataSend : ",dataSend);
GAEAPI.get("product/lists",dataSend,$scope).then(function(res){
console.log("product/lists : res : ",res);
var productArray = [];
if(res.ok==1){
productArray = res.data.dataList;
}
referralData["referral_product_array"] = productArray;
console.log("product/lists : referralData : ",referralData);
});
console.log("generateCategoryDisplay : index : "+index+" : ",referralData);
self.generateCategoryDisplay((index+1),referralArray,callback);
var badgeIdArray = self.getOnlyBadgeIdArray(referralData.referral_badge);
if(badgeIdArray.indexOf("16")>=0){
$scope.data.push(referralData);
var imageArray = GAEAPI.getValue(referralData["referral_image"],[]);
self.getImageDataArray(subReferralIdArray,imageArray);
referralData["referral_image_all_array"] = imageArray;
}
}
};
return object;
}
var referralDisplay = referralDisplayClass();
var mapDataArray = [];
$scope.getData = function(){
$scope.data = [];
$scope.data_done = false;
$scope.dummyFeatureName = [];
var filterJson = {'badge_id_array':[18]};
var dataSend = {
'txt_referral_type_id':11,
};
var dummy = [];
console.log('referral/map : dataSend : ',dataSend);
GAEAPI.get('referral/map',dataSend,$scope).then(function(res){
console.log('referral/map : res : ',res);
if(res.ok==1){
mapDataArray = res.data;
referralDisplay.generateCategoryDisplay(0,mapDataArray,function(){
$scope.data_done = true;
});
}
});
};
$scope.data_product = [];
$scope.data_product_done = false;
/* Get product list by referral array
* @params {objectArray} referral array
* @return array
*/
$scope.getDataProductByReferralArray = function(objectArray){
var d = {
'cur_page': 1,
'per_page': 8,
'txt_json_filter':JSON.stringify({'badge_id_array':[18,16],'referral_id_array_in':objectArray})
};
var dummy = [];
$scope.data_product_done = false;
GAEAPI.get('product/lists',d,$scope).then(function(e){
if(e.ok === 1){
$scope.data_product = e.data.dataList;
$scope.data_product_done = true;
angular.forEach($scope.data, function(item,key){
item.referral_feature_name = $scope.dummyFeatureName;
item.referral_product_array = e.data.dataList;
item.referral_image_all_array = $scope.dummyReferralImage;
});
console.log("getDataProductByReferralArray: referral data",$scope.data);
console.log("getDataProductByReferralArray: referral_id_array_in",objectArray);
console.log("getDataProductByReferralArray: params",d);
console.log("getDataProductByReferralArray: data",e);
}
});
};
/* Get referral data (by referral_id)
* @params id = referral_id
* @return array
*/
$scope.getDataReferral = function(id){
$scope.data = [];
$scope.data_done = false;
var d = {
'txt_referral_id':id
};
GAEAPI.get('referral/id_map',d,$scope).then(function(e){
if(e.ok == 1){
$scope.data[0] = e.data;
$scope.data_done = true;
$scope.buildImageSlider($scope.data);
}
});
};
/*
* params listener
* @params newValue
* @params oldValue
* @return function
*/
$scope.$watch('use_auto', function (newValue, oldValue) {
if (!newValue && typeof $scope.referralid !== 'undefined' && $scope.referralid !== ''){
return $scope.getDataReferral($scope.referralid);
}
$scope.getData();
});
/*
* check if image array exist or build dummy image array
* @params arrayObject = object array
* @return array
*/
$scope.dummyArrayImageGallery = [
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/gallery_1_1.png'},
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/gallery_1_2.png'},
];
$scope.buildImageSlider = function(){
var imageArray = function(idx){
if(idx == 0){
return [
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/gallery_1.jpg'},
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/gallery_2.jpg'},
];
} else if(idx == 1){
return [
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/gallery_1_1.png'},
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/gallery_1_2.png'},
];
} else {
return [
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/gallery_2_1.png'},
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/gallery_2.jpg'},
];
}
};
var imageBannerArray = function(idx){
if(idx == 0){
return [
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/banner_cat_1.jpg'},
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/banner_cat_2.jpg'},
];
} else if(idx == 1) {
return [
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/banner_cat_1_1.png'},
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/banner_cat_1_2.png'},
];
} else {
return [
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/banner_cat_2_1.png'},
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/banner_cat_2_2.png'},
];
}
};
angular.forEach($scope.data, function(item, key){
if(!item.referral_image.length){
item.referral_image = imageArray(key);
}
item.referral_image_banner = imageBannerArray(key);
});
};
/* Make Carousel */
$scope._makeProductToCarousel = function (keyCustom, type) {
var elementName = '[data-id="' + keyCustom + '"]';
var optionsParmas = {
autoplay: (window.location.host !== 'localhost') ? true : false,
slidesToShow: 1,
slidesToScroll: 1,
dots: true,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
};
return sliderProvider(elementName, optionsParmas, "", keyCustom);
};
/* Calculate Product Block for Arrows */
$scope.calculateProductBlock = function(){
return "-" + (($('.row.slick-slider[data-id="'+$scope._uniqueKey+'"]').height() / 2) + 34) + "px";
};
/* Carousel Arrow Click */
$scope._slickGoLeft = function () {
$timeout(function () {
$('[data-id="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
/* Carousel Arrow Click */
$scope._slickGoRight = function () {
$timeout(function () {
$('[data-id="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
/* Event Listener when ng-repeat end */
$rootScope.$on('repeatend', function() {
$timeout(function(){
if($('.gallery-block[data-id]').length){
$('.gallery-block[data-id]').not('.slick-initialized').each(function(Key,Object){
if($(this).find('.imageItem').length > 0){
$scope._makeProductToCarousel($(this).attr('data-id'), 'gallery');
}
});
}
},500);
});
/*angular.element($window).bind('load', function(){*/
if($location.path() == '/' || $location.path() == '/home'){
var checkSliderImageProduct = setInterval(function(){
console.log("checking...", $('.cart-block').not('.slick-initialized').length);
if($('.cart-block.slick-initialized').length == $('.cart-block').length && $scope.data_product.length > 0){
clearInterval(checkSliderImageProduct);
return;
} else {
$('.cart-block').not('.slick-initialized').each(function(){
if($(this).find('.row-product').length){
var elementName = '[data-id="' + $(this).data('id') + '"]';
var paramsOptions = {
autoplay: (window.location.host !== 'localhost') ? true : false,
slidesToShow: 1,
slidesToScroll: 1,
dots: true,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
};
sliderProvider(elementName, paramsOptions, "", $(this).data('id'));
}
});
}
},1000);
}
/*});*/
/* Check if seo enable */
$scope.checkSeo = function(){
return (GURL.isHtml5Mode()) ? true : false;
};
/* Calculate discount (simple mode)
* @params {expensivePrice}
* @params {salePrice}
* @return int
*/
$scope.calculateDiscount = function(expensivePrice, salePrice){
var dif = expensivePrice - salePrice;
return parseInt(dif * 100 / expensivePrice);
};
/* Open Link in other windows */
$scope.openWindows = function(stringUrl){
return window.open(stringUrl, '_blank', 'location=yes,height='+$(window).height()+',width='+$(window).width()+',scrollbars=yes,status=yes');
};
};
return promise;
});
_ui_share_app.directive('componentCategoryLanding', function ($rootScope, $routeParams, $location) {
var templateName = 'componentCategoryLanding';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
};
promise.link = function (scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function ($scope, $timeout, $interval, $window) {
$scope.viewRouteParams=function(){
return $routeParams || false;
};
$scope.data = [];
$scope.data_none_multi = [];
$scope.data_multi = [];
$scope.data_parent = false;
$scope.data_load = false;
$scope.getData=function(){
$scope.data = [];
$scope.data_none_multi = [];
$scope.data_multi = [];
if(typeof $routeParams.referral_id !== 'undefined' && $routeParams.referral_id != 0){
var d = {'txt_referral_type_id':11,'txt_parent_id':$routeParams.referral_id};
} else {
var d = {'txt_referral_type_id':11};
}
GAEAPI.get('referral/map',d).then(function(e){
if(e.data.length > 0){
$scope.data = e.data;
console.log("category-landing : no",d,e);
angular.forEach($scope.data, function(item){
if(item.referral_sub_array.length > 0){
$scope.data_multi.push(item);
$scope.data_load = true;
} else {
$scope.data_none_multi.push(item);
$scope.getParentData(item.referral_parent_id);
$scope.data_load = true;
}
});
} else {
$timeout(function(){
$scope.data_load = true;
},2000);
$scope.matchReferral.root_id='';
$scope.matchReferral.referral_parent_id='';
$scope.matchReferral.referral_id='';
console.log("category-landing : new", $routeParams.referral_id);
return $scope.getRelation($routeParams.referral_id);
}
});
};
$scope.getData();
$scope.getParentData = function(id){
if($scope.data_parent==false){
var d = {'txt_referral_id':id};
GAEAPI.get('referral/id',d).then(function(e){
if(e.ok == 1){
$scope.data_parent = e.data;
}
});
}
};
$scope.$watch('data_none_multi',function(newValue,oldValue){
if(!newValue.length || !newValue){
return;
}
});
$scope.displayImage = function(image_url, prefix) {
return GAEAPI.getGaeImageUrl(image_url, prefix);
};
$scope.relation = [];
$scope.matchReferral = {
root_id:'',
referral_parent_id:'',
referral_id:'',
};
$scope.matchCount = 0;
$scope.getRelation = function(refId){
console.log("category-landing: getRelation", refId);
$scope.matchReferral.referral_id = refId;
$scope.matchCount = $scope.matchCount+1;
GAEAPI.get('referral/relation',{'txt_referral_id':refId}).then(function(e){
if(e.data.length){
/*$scope.relation = e.data;*/
var first = 0;
var last = e.data.length - 1;
console.log("category-landing: e.data", e.data);
console.log("category-landing: fist-last", first, last);
if(parseInt(e.data[first].referral_parent_id) <= 0){
console.log("category-landing: root_id", e.data[first].referral_id);
console.log("category-landing: -root_id",parseInt(e.data[first].referral_parent_id));
$scope.matchReferral.root_id = e.data[first].referral_id;
$scope.matchCount = $scope.matchCount+1;
}
if(parseInt(e.data[last].referral_parent_id) > 0){
console.log("category-landing: referral_parent_id", e.data[last].referral_parent_id);
console.log("category-landing: -referral_parent_id", parseInt(e.data[last].referral_parent_id));
$scope.matchReferral.referral_parent_id = e.data[last].referral_parent_id;
$scope.matchCount = $scope.matchCount+1;
}
}
});
};
$scope.$watch('matchCount',function(newValue,oldValue){
console.log("category-landing: matchCount", newValue);
if(newValue >= 2){
console.log("category-landing: matchCount : ready", $scope.matchReferral);
$timeout(function(){
window.location.href="category-lists?root_id="+$scope.matchReferral.root_id+"&referral_parent_id="+$scope.matchReferral.referral_parent_id+"&referral_id="+$scope.matchReferral.referral_id+"&referral_type=category";
},100);
}
});
};
return promise;
});
_ui_share_app.directive('componentCategoryLandingB', function ($rootScope, $routeParams, $location) {
var templateName = 'componentCategoryLandingB';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
};
promise.link = function (scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function ($scope, $timeout, $interval, $window) {
$scope.viewRouteParams=function(){
return $routeParams || false;
};
$scope._params = $routeParams.referral_id;
$scope.data = [];
$scope.data_none_multi = [];
$scope.data_multi = [];
$scope.data_parent = false;
$scope.data_load = false;
$scope.getData=function(){
$scope.data = [];
$scope.data_none_multi = [];
$scope.data_multi = [];
if(typeof $routeParams.referral_id !== 'undefined' && $routeParams.referral_id != 0){
var d = {'txt_referral_type_id':11,'txt_parent_id':$routeParams.referral_id};
} else {
var d = {'txt_referral_type_id':11};
}
GAEAPI.get('referral/map',d).then(function(e){
if(e.data.length > 0){
$scope.data = e.data;
console.log("category-landing : no",d,e);
angular.forEach($scope.data, function(item){
if(item.referral_sub_array.length > 0){
$scope.data_multi.push(item);
$scope.data_load = true;
} else {
$scope.data_none_multi.push(item);
$scope.getParentData(item.referral_parent_id);
$scope.data_load = true;
}
});
} else {
$timeout(function(){
$scope.data_load = true;
},2000);
$scope.matchReferral.root_id='';
$scope.matchReferral.referral_parent_id='';
$scope.matchReferral.referral_id='';
console.log("category-landing : new", $routeParams.referral_id);
return $scope.getRelation($routeParams.referral_id);
}
});
};
$scope.getData();
$scope.getParentData = function(id){
if($scope.data_parent==false){
var d = {'txt_referral_id':id};
GAEAPI.get('referral/id',d).then(function(e){
if(e.ok == 1){
$scope.data_parent = e.data;
}
});
}
};
$scope._data_referral_relate_ = [];
$scope._get_referral_relate_ = function (array) {
var dataSend = {
'txt_referral_id': array,
};
GAEAPI.get('referral/relation', dataSend).then(function (e) {
if (e.ok === 1) {
$scope._data_referral_relate_ = e.data;
}
});
};
$scope.$watch('data_none_multi',function(newValue,oldValue){
if(!newValue.length || !newValue){
return;
}
});
$scope.$watch('_params', function(newValue, oldValue) {
if(newValue){
$scope._get_referral_relate_(newValue);
}
if (!newValue) return;
});
$scope.displayImage = function(image_url, prefix) {
return GAEAPI.getGaeImageUrl(image_url, prefix);
};
$scope.relation = [];
$scope.matchReferral = {
root_id:'',
referral_parent_id:'',
referral_id:'',
};
$scope.matchCount = 0;
$scope.getRelation = function(refId){
console.log("category-landing: getRelation", refId);
$scope.matchReferral.referral_id = refId;
$scope.matchCount = $scope.matchCount+1;
GAEAPI.get('referral/relation',{'txt_referral_id':refId}).then(function(e){
if(e.data.length){
/*$scope.relation = e.data;*/
var first = 0;
var last = e.data.length - 1;
console.log("category-landing: e.data", e.data);
console.log("category-landing: fist-last", first, last);
if(parseInt(e.data[first].referral_parent_id) <= 0){
console.log("category-landing: root_id", e.data[first].referral_id);
console.log("category-landing: -root_id",parseInt(e.data[first].referral_parent_id));
$scope.matchReferral.root_id = e.data[first].referral_id;
$scope.matchCount = $scope.matchCount+1;
}
if(parseInt(e.data[last].referral_parent_id) > 0){
console.log("category-landing: referral_parent_id", e.data[last].referral_parent_id);
console.log("category-landing: -referral_parent_id", parseInt(e.data[last].referral_parent_id));
$scope.matchReferral.referral_parent_id = e.data[last].referral_parent_id;
$scope.matchCount = $scope.matchCount+1;
}
}
});
};
$scope.$watch('matchCount',function(newValue,oldValue){
console.log("category-landing: matchCount", newValue);
if(newValue >= 2){
console.log("category-landing: matchCount : ready", $scope.matchReferral);
$timeout(function(){
window.location.href="category-lists?root_id="+$scope.matchReferral.root_id+"&referral_parent_id="+$scope.matchReferral.referral_parent_id+"&referral_id="+$scope.matchReferral.referral_id+"&referral_type=category";
},100);
}
});
};
return promise;
});
_ui_share_app.directive('componentCategoryLandingC', function($rootScope, $routeParams, $location) {
var templateName = 'componentCategoryLandingC';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $window) {
$scope.viewRouteParams = function() {
return $routeParams || false;
};
$scope.data = [];
$scope.data_none_multi = [];
$scope.data_multi = [];
$scope.data_parent = false;
$scope.data_load = false;
$scope.getData = function() {
$scope.data = [];
$scope.data_none_multi = [];
$scope.data_multi = [];
if (typeof $routeParams.referral_id !== 'undefined' && $routeParams.referral_id != 0) {
var d = {
'txt_referral_type_id': 11,
'txt_parent_id': $routeParams.referral_id
};
} else {
var d = {
'txt_referral_type_id': 11
};
}
GAEAPI.get('referral/map', d, $scope).then(function(e) {
if (e.data.length > 0) {
$scope.data = e.data;
console.log("category-landing : no", d, e);
angular.forEach($scope.data, function(item) {
if (item.referral_sub_array.length > 0) {
$scope.data_multi.push(item);
$scope.data_load = true;
} else {
$scope.data_none_multi.push(item);
$scope.getParentData(item.referral_parent_id);
$scope.data_load = true;
}
});
} else {
$timeout(function() {
$scope.data_load = true;
}, 300);
$scope.matchReferral.root_id = '';
$scope.matchReferral.referral_parent_id = '';
$scope.matchReferral.referral_id = '';
console.log("category-landing : new", $routeParams.referral_id);
return $scope.getRelation($routeParams.referral_id);
}
});
};
$scope.getData();
$scope.getParentData = function(id) {
if ($scope.data_parent == false) {
var d = {
'txt_referral_id': id
};
GAEAPI.get('referral/id', d, $scope).then(function(e) {
if (e.ok == 1) {
$scope.data_parent = e.data;
}
});
}
};
// $scope.$watch('data_none_multi',function(newValue,oldValue){
// if(!newValue.length || !newValue){
// return;
// }
// });
$scope.displayImage = function(image_url, prefix) {
return GAEAPI.getGaeImageUrl(image_url, prefix);
};
$scope.relation = [];
$scope.matchReferral = {
root_id: '',
referral_parent_id: '',
referral_id: '',
referral_name: '',
};
$scope.matchCount = 0;
$scope.getRelation = function(refId) {
console.log("category-landing: getRelation", refId);
$scope.matchReferral.referral_id = refId;
$scope.matchReferral.referral_name = $scope.viewRouteParams().referral_name;
$scope.matchCount = $scope.matchCount + 1;
GAEAPI.get('referral/relation', {
'txt_referral_id': refId
}, $scope).then(function(e) {
if (e.data.length) {
/*$scope.relation = e.data;*/
var first = 0;
var last = e.data.length - 1;
console.log("category-landing: e.data", e.data);
console.log("category-landing: fist-last", first, last);
if (parseInt(e.data[first].referral_parent_id) <= 0) {
console.log("category-landing: root_id", e.data[first].referral_id);
console.log("category-landing: -root_id", parseInt(e.data[first].referral_parent_id));
$scope.matchReferral.root_id = e.data[first].referral_id;
$scope.matchCount = $scope.matchCount + 1;
}
if (parseInt(e.data[last].referral_parent_id) > 0) {
console.log("category-landing: referral_parent_id", e.data[last].referral_parent_id);
console.log("category-landing: -referral_parent_id", parseInt(e.data[last].referral_parent_id));
$scope.matchReferral.referral_parent_id = e.data[last].referral_parent_id;
$scope.matchCount = $scope.matchCount + 1;
}
}
});
};
$scope.$watch('matchCount', function(newValue, oldValue) {
console.log("category-landing: matchCount", newValue);
if (newValue >= 2) {
console.log("category-landing: matchCount : ready", $scope.matchReferral);
$timeout(function() {
var url = "category-lists?root_id=" + $scope.matchReferral.root_id + "&referral_parent_id=" + $scope.matchReferral.referral_parent_id + "&referral_id=" + $scope.matchReferral.referral_id + "&referral_type=category" + "&referral_name=" + $scope.matchReferral.referral_name;
$location.url(url).replace();
// window.location.href = "category-lists?root_id=" + $scope.matchReferral.root_id + "&referral_parent_id=" + $scope.matchReferral.referral_parent_id + "&referral_id=" + $scope.matchReferral.referral_id + "&referral_type=category" + "&referral_name=" + $scope.matchReferral.referral_name;
}, 100);
}
});
};
return promise;
});
_ui_share_app.directive('componentCategoryLandingD', function ($rootScope, $routeParams, $location) {
var templateName = 'componentCategoryLandingD';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
};
promise.link = function (scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function ($scope, $timeout, $interval, $window) {
$scope.viewRouteParams=function(){
return $routeParams || false;
};
$scope._params = $routeParams.referral_id;
$scope.data = [];
$scope.data_none_multi = [];
$scope.data_multi = [];
$scope.data_parent = false;
$scope.data_load = false;
$scope.getData=function(){
$scope.data = [];
$scope.data_none_multi = [];
$scope.data_multi = [];
if(typeof $routeParams.referral_id !== 'undefined' && $routeParams.referral_id != 0){
var d = {'txt_referral_type_id':11,'txt_parent_id':$routeParams.referral_id};
} else {
var d = {'txt_referral_type_id':11};
}
GAEAPI.get('referral/map',d , $scope).then(function(e){
if(e.data.length > 0){
$scope.data = e.data;
console.log("category-landing : no",d,e);
angular.forEach($scope.data, function(item){
if(item.referral_sub_array.length > 0){
$scope.data_multi.push(item);
$scope.data_load = true;
} else {
$scope.data_none_multi.push(item);
$scope.getParentData(item.referral_parent_id);
$scope.data_load = true;
}
});
} else {
$timeout(function(){
$scope.data_load = true;
},2000);
$scope.matchReferral.root_id='';
$scope.matchReferral.referral_parent_id='';
$scope.matchReferral.referral_id='';
console.log("category-landing : new", $routeParams.referral_id);
return $scope.getRelation($routeParams.referral_id);
}
});
};
$scope.getData();
$scope.getParentData = function(id){
if($scope.data_parent==false){
var d = {'txt_referral_id':id};
GAEAPI.get('referral/id',d , $scope).then(function(e){
if(e.ok == 1){
$scope.data_parent = e.data;
}
});
}
};
$scope._data_referral_relate_ = [];
$scope._get_referral_relate_ = function (array) {
var dataSend = {
'txt_referral_id': array,
};
GAEAPI.get('referral/relation', dataSend ,$scope).then(function (e) {
if (e.ok === 1) {
$scope._data_referral_relate_ = e.data;
}
});
};
$scope.$watch('data_none_multi',function(newValue,oldValue){
if(!newValue.length || !newValue){
return;
}
});
$scope.$watch('_params', function(newValue, oldValue) {
if(newValue){
$scope._get_referral_relate_(newValue);
}
if (!newValue) return;
});
$scope.displayImage = function(image_url, prefix) {
return GAEAPI.getGaeImageUrl(image_url, prefix);
};
$scope.relation = [];
$scope.matchReferral = {
root_id:'',
referral_parent_id:'',
referral_id:'',
};
$scope.matchCount = 0;
$scope.getRelation = function(refId){
console.log("category-landing: getRelation", refId);
$scope.matchReferral.referral_id = refId;
$scope.matchCount = $scope.matchCount+1;
GAEAPI.get('referral/relation',{'txt_referral_id':refId},$scope).then(function(e){
if(e.data.length){
/*$scope.relation = e.data;*/
var first = 0;
var last = e.data.length - 1;
console.log("category-landing: e.data", e.data);
console.log("category-landing: fist-last", first, last);
if(parseInt(e.data[first].referral_parent_id) <= 0){
console.log("category-landing: root_id", e.data[first].referral_id);
console.log("category-landing: -root_id",parseInt(e.data[first].referral_parent_id));
$scope.matchReferral.root_id = e.data[first].referral_id;
$scope.matchCount = $scope.matchCount+1;
}
if(parseInt(e.data[last].referral_parent_id) > 0){
console.log("category-landing: referral_parent_id", e.data[last].referral_parent_id);
console.log("category-landing: -referral_parent_id", parseInt(e.data[last].referral_parent_id));
$scope.matchReferral.referral_parent_id = e.data[last].referral_parent_id;
$scope.matchCount = $scope.matchCount+1;
}
}
});
};
$scope.$watch('matchCount',function(newValue,oldValue){
console.log("category-landing: matchCount", newValue);
if(newValue >= 2){
console.log("category-landing: matchCount : ready", $scope.matchReferral);
$timeout(function(){
window.location.href="category-lists?root_id="+$scope.matchReferral.root_id+"&referral_parent_id="+$scope.matchReferral.referral_parent_id+"&referral_id="+$scope.matchReferral.referral_id+"&referral_type=category";
},100);
}
});
};
return promise;
});
_ui_share_app.directive('componentCategoryMenuDropdown', function ($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentCategoryMenuDropdown';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
imgpath: '@imgpath',
id: '@id',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function (scope, element, attr) {};
promise.controller = function ($scope, $timeout, $interval, $window, $http) {
$scope.forbidden = false;
$scope._config = [];
$scope._host = _ui_host + templateName + '/';
$scope.myFunctionDropdown = function () {
document.getElementById("myDropdown").classList.toggle("show");
}
$scope.onclick = function (event) {
if (!event.target.matches('.dropbtn')) {
var dropdowns = document.getElementsByClassName("dropdown-content");
var i;
for (i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns[i];
if (openDropdown.classList.contains('show')) {
openDropdown.classList.remove('show');
}
}
}
}
$scope._page_lists = false;
$scope._page_lists_load = false;
$scope._get_page_lists = function () {
$scope._clear_page_lists();
var dataSend = {
'cur_page': 1,
'per_page': 20,
'txt_sortby': 'page_lastest_create'
};
GAEAPI.get('page/lists', dataSend ,$scope).then(function (res) {
$scope._page_lists_load = true;
if (res.ok === 1) {
$scope._page_lists = res.data.dataList;
angular.forEach($scope._page_lists, function (item, key) {
if (item.page_search_url == "") {
item.page_search_url = item.page_id;
}
});
}
});
};
$scope._clear_page_lists = function () {
$scope._page_lists = false;
$scope._page_lists_load = false;
};
/*$scope._get_page_lists();*/
/*$scope._page_category = (typeof window.referralMap !== 'undefined') ? window.referralMap.data : false;*/
$scope._page_category_load = false;
$scope._get_page_category = function () {
/*$scope._clear_page_lists();
var dataSend = {
'txt_referral_type_id': 11,
'txt_sortby': 'referral_sort_index_asc_name_asc'
};
GAEAPI.get('referral/map', dataSend).then(function(res) {
$scope._page_category_load = true;
if (res.ok === 1) {
$scope._page_category = res.data;
}
});*/
};
$scope._clear_page_category = function () {
$scope._page_category = false;
$scope._page_category_load = false;
};
/*$scope._get_page_category();*/
$scope.requestApiArray = [];
$scope.chainRerrealRequest = function (txt_referral_type_id, txt_parent_id, callbackData, childCount) {
var dataSend = {
'cur_page': 1,
'per_page': (txt_parent_id <= 0) ? 20 : childCount,
'txt_referral_type_id': txt_referral_type_id,
'txt_parent_id': txt_parent_id,
'txt_badge_id': 18,
'txt_sortby' : 'referral_sort_index_asc_name_asc',
'base_shop_name': 'myhappyphone',
};
if (parseInt(txt_referral_type_id) > 0) {
dataSend.txt_view_referral_child = 1;
}
$http.get(GURL.base_api_url() + 'referral/short_lists', {params: dataSend} , $scope).then(function (res) {
$scope.requestApiArray[txt_referral_type_id] = $timeout(function () {
var e = res.data;
if (e.ok === 1) {
if (typeof callbackData == undefined || callbackData == undefined) {
$scope._page_category = e.data.dataList;
$timeout.cancel($scope.requestApiArray[txt_referral_type_id]);
} else {
$timeout.cancel($scope.requestApiArray[txt_referral_type_id]);
return callbackData(e);
}
}
}, 20);
});
};
$scope.chainRerrealRequest(11, 0);
$scope.chainReferralHover = function (objectParent, level) {
console.log(objectParent.referral_name, ' child => ', objectParent.referral_sub_count);
if (objectParent.referral_sub_count > 0 && objectParent.referral_sub_array.length <= 0) {
$scope.chainRerrealRequest(11, objectParent.referral_id, function (e) {
if (e.ok === 1 && e.data.dataList.length) {
objectParent.referral_sub_array = e.data.dataList;
console.log(objectParent.referral_name, ' child => ', objectParent.referral_sub_array);
}
}, objectParent.referral_sub_count);
}
};
};
return promise;
});_ui_share_app.directive('componentCategoryMenuDropdownAa', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentCategoryMenuDropdownAa';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
imgpath: '@imgpath',
id: '@id',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window, $http) {
$scope.forbidden = false;
$scope._config = [];
$scope._host = _ui_host + templateName + '/';
$scope.titleUrl = function(str) {
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
return s.toLowerCase();
};
$scope.dropdown = false;
$scope.myFunctionDropdown = function() {
document.getElementById("myDropdown").classList.toggle("show");
var dropdown = $(".dropdown-menu").height() + 11;
console.log("myFunctionDropdown - content : ", dropdown);
$('.dropdown-menu').css('min-height', dropdown);
};
$("#myDropdown").mouseenter(function() {}).mouseleave(function() {
document.getElementById("myDropdown").classList.toggle("show");
var dropdown = $(".dropdown-menu").height() + 11;
console.log("myFunctionDropdown - content : ", dropdown);
$('.dropdown-menu').css('min-height', dropdown);
});
$scope.onclick = function(event) {
if (!event.target.matches('.dropbtn')) {
var dropdowns = document.getElementsByClassName("dropdown-content");
var i;
for (i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns[i];
if (openDropdown.classList.contains('show')) {
openDropdown.classList.remove('show');
}
}
}
};
$scope._page_lists = false;
$scope._page_lists_load = false;
$scope._get_page_lists = function() {
$scope._clear_page_lists();
var dataSend = {
'cur_page': 1,
'per_page': 20,
'txt_sortby': 'page_lastest_create'
};
GAEAPI.get('page/lists', dataSend, $scope).then(function(res) {
$scope._page_lists_load = true;
if (res.ok === 1) {
$scope._page_lists = res.data.dataList;
angular.forEach($scope._page_lists, function(item, key) {
if (item.page_search_url == "") {
item.page_search_url = item.page_id;
}
});
}
});
};
$scope._clear_page_lists = function() {
$scope._page_lists = false;
$scope._page_lists_load = false;
};
/*$scope._get_page_lists();*/
/*$scope._page_category = (typeof window.referralMap !== 'undefined') ? window.referralMap.data : false;*/
$scope._page_category_load = false;
$scope._get_page_category = function() {
/*$scope._clear_page_lists();
var dataSend = {
'txt_referral_type_id': 11,
'txt_sortby': 'referral_sort_index_asc_name_asc'
};
GAEAPI.get('referral/map', dataSend).then(function(res) {
$scope._page_category_load = true;
if (res.ok === 1) {
$scope._page_category = res.data;
}
});*/
};
$scope._clear_page_category = function() {
$scope._page_category = false;
$scope._page_category_load = false;
};
/*$scope._get_page_category();*/
$scope.requestApiArray = [];
$scope.chainRerrealRequest = function(txt_referral_type_id, txt_parent_id, callbackData, childCount) {
var dataSend = {
'cur_page': 1,
'per_page': (txt_parent_id <= 0) ? 20 : childCount,
'txt_referral_type_id': txt_referral_type_id,
'txt_parent_id': txt_parent_id,
'txt_badge_id': 18,
'txt_sortby': 'referral_sort_index_asc_name_desc',
'base_shop_name': 'proplugin',
};
if (parseInt(txt_referral_type_id) > 0) {
dataSend.txt_view_referral_child = 1;
}
$http.get(GURL.base_api_url() + 'referral/short_lists', {
params: dataSend
}, $scope).then(function(res) {
console.log("chainRerrealRequest : dataSend : ", dataSend);
$scope.requestApiArray[txt_referral_type_id] = $timeout(function() {
var e = res.data;
console.log("chainRerrealRequest : e : ", e);
if (e.ok === 1) {
if (typeof callbackData == undefined || callbackData == undefined) {
$scope._page_category = e.data.dataList;
$timeout.cancel($scope.requestApiArray[txt_referral_type_id]);
} else {
$timeout.cancel($scope.requestApiArray[txt_referral_type_id]);
return callbackData(e);
}
}
}, 20);
});
};
$scope.chainRerrealRequest(11, 0);
$scope.chainReferralHover = function(objectParent, level) {
console.log(objectParent.referral_name, ' child => ', objectParent.referral_sub_count);
if (objectParent.referral_sub_count > 0 && objectParent.referral_sub_array.length <= 0) {
$scope.chainRerrealRequest(11, objectParent.referral_id, function(e) {
if (e.ok === 1 && e.data.dataList.length) {
objectParent.referral_sub_array = e.data.dataList;
console.log(objectParent.referral_name, ' child => ', objectParent.referral_sub_array);
}
}, objectParent.referral_sub_count);
}
};
};
return promise;
});_ui_share_app.directive('componentCategoryMenuDropdownAb', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentCategoryMenuDropdownAb';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
imgpath: '@imgpath',
id: '@id',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window, $http) {
$scope.forbidden = false;
$scope._config = [];
$scope._host = _ui_host + templateName + '/';
$scope.titleUrl = function(str) {
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
return s.toLowerCase();
};
$scope.dropdown = false;
$scope.myFunctionDropdown = function() {
document.getElementById("myDropdown").classList.toggle("show");
};
$("#myDropdown").mouseenter(function() {}).mouseleave(function() {
document.getElementById("myDropdown").classList.toggle("show");
});
$scope.onclick = function(event) {
if (!event.target.matches('.dropbtn')) {
var dropdowns = document.getElementsByClassName("dropdown-content");
var i;
for (i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns[i];
if (openDropdown.classList.contains('show')) {
openDropdown.classList.remove('show');
}
}
}
};
$scope._page_lists = false;
$scope._page_lists_load = false;
$scope._get_page_lists = function() {
$scope._clear_page_lists();
var dataSend = {
'cur_page': 1,
'per_page': 20,
'txt_sortby': 'page_lastest_create'
};
GAEAPI.get('page/lists', dataSend, $scope).then(function(res) {
$scope._page_lists_load = true;
if (res.ok === 1) {
$scope._page_lists = res.data.dataList;
angular.forEach($scope._page_lists, function(item, key) {
if (item.page_search_url == "") {
item.page_search_url = item.page_id;
}
});
}
});
};
$scope._clear_page_lists = function() {
$scope._page_lists = false;
$scope._page_lists_load = false;
};
/*$scope._get_page_lists();*/
/*$scope._page_category = (typeof window.referralMap !== 'undefined') ? window.referralMap.data : false;*/
$scope._page_category_load = false;
$scope._get_page_category = function() {
/*$scope._clear_page_lists();
var dataSend = {
'txt_referral_type_id': 11,
'txt_sortby': 'referral_sort_index_asc_name_asc'
};
GAEAPI.get('referral/map', dataSend).then(function(res) {
$scope._page_category_load = true;
if (res.ok === 1) {
$scope._page_category = res.data;
}
});*/
};
$scope._clear_page_category = function() {
$scope._page_category = false;
$scope._page_category_load = false;
};
/*$scope._get_page_category();*/
$scope.requestApiArray = [];
$scope.chainRerrealRequest = function(txt_referral_type_id, txt_parent_id, callbackData, childCount) {
var dataSend = {
'cur_page': 1,
'per_page': (txt_parent_id <= 0) ? 20 : childCount,
'txt_referral_type_id': txt_referral_type_id,
'txt_parent_id': txt_parent_id,
'txt_badge_id': 18,
'base_shop_name': 'supercheap'
};
if (parseInt(txt_referral_type_id) > 0) {
dataSend.txt_view_referral_child = 1;
}
$http.get(GURL.base_api_url() + 'referral/short_lists', {
params: dataSend
}, $scope).then(function(res) {
$scope.requestApiArray[txt_referral_type_id] = $timeout(function() {
var e = res.data;
if (e.ok === 1) {
if (typeof callbackData == undefined || callbackData == undefined) {
$scope._page_category = e.data.dataList;
$timeout.cancel($scope.requestApiArray[txt_referral_type_id]);
} else {
$timeout.cancel($scope.requestApiArray[txt_referral_type_id]);
return callbackData(e);
}
}
}, 20);
});
};
$scope.chainRerrealRequest(11, 0);
$scope.chainReferralHover = function(objectParent, level) {
console.log(objectParent.referral_name, ' child => ', objectParent.referral_sub_count);
if (objectParent.referral_sub_count > 0 && objectParent.referral_sub_array.length <= 0) {
$scope.chainRerrealRequest(11, objectParent.referral_id, function(e) {
if (e.ok === 1 && e.data.dataList.length) {
objectParent.referral_sub_array = e.data.dataList;
console.log(objectParent.referral_name, ' child => ', objectParent.referral_sub_array);
}
}, objectParent.referral_sub_count);
}
};
};
return promise;
});_ui_share_app.directive('componentCategoryMenuDropdownAc', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentCategoryMenuDropdownAc';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
category: '@category',
imgpath: '@imgpath',
id: '@id',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window, $http) {
$scope.forbidden = false;
$scope.$watch('category', function(newCategory, oldCategory) {
$scope.newCat = (newCategory == undefined || newCategory == '') ? 'หมวดหมู่' : newCategory;
$scope.oldCat = oldCategory;
});
$scope._config = [];
$scope._host = _ui_host + templateName + '/';
$scope.titleUrl = function(str) {
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
return s.toLowerCase();
};
$scope.dropdown = false;
$scope.myFunctionDropdown = function() {
document.getElementById("myDropdown").classList.toggle("show");
var dropdown = $(".dropdown-menu").height() + 11;
console.log("myFunctionDropdown - content : ", dropdown);
$('.dropdown-menu').css('min-height', dropdown);
};
$("#myDropdown").mouseenter(function() {}).mouseleave(function() {
document.getElementById("myDropdown").classList.toggle("show");
var dropdown = $(".dropdown-menu").height() + 11;
console.log("myFunctionDropdown - content : ", dropdown);
$('.dropdown-menu').css('min-height', dropdown);
});
$scope.onclick = function(event) {
if (!event.target.matches('.dropbtn')) {
var dropdowns = document.getElementsByClassName("dropdown-content");
var i;
for (i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns[i];
if (openDropdown.classList.contains('show')) {
openDropdown.classList.remove('show');
}
}
}
};
$scope.requestApiArray = [];
$scope.chainRerrealRequest = function(txt_referral_type_id, txt_parent_id, callbackData, childCount) {
var dataSend = {
'cur_page': 1,
'per_page': (txt_parent_id <= 0) ? 20 : childCount,
'txt_referral_type_id': txt_referral_type_id,
'txt_parent_id': txt_parent_id,
'txt_badge_id': 18,
'txt_sortby': 'referral_sort_index_asc_name_desc',
'base_shop_name': 'bypshop',
};
if (parseInt(txt_referral_type_id) > 0) {
dataSend.txt_view_referral_child = 1;
}
$http.get(GURL.base_api_url() + 'referral/short_lists', {
params: dataSend
}, $scope).then(function(res) {
console.log("chainRerrealRequest : dataSend : ", dataSend);
$scope.requestApiArray[txt_referral_type_id] = $timeout(function() {
var e = res.data;
console.log("chainRerrealRequest : e : ", e);
if (e.ok === 1) {
if (typeof callbackData == undefined || callbackData == undefined) {
$scope._page_category = e.data.dataList;
$timeout.cancel($scope.requestApiArray[txt_referral_type_id]);
} else {
$timeout.cancel($scope.requestApiArray[txt_referral_type_id]);
return callbackData(e);
}
}
}, 20);
});
};
$scope.chainRerrealRequest(11, 0);
$scope.chainReferralHover = function(objectParent, level) {
console.log(objectParent.referral_name, ' child => ', objectParent.referral_sub_count);
if (objectParent.referral_sub_count > 0 && objectParent.referral_sub_array.length <= 0) {
$scope.chainRerrealRequest(11, objectParent.referral_id, function(e) {
if (e.ok === 1 && e.data.dataList.length) {
objectParent.referral_sub_array = e.data.dataList;
console.log(objectParent.referral_name, ' child => ', objectParent.referral_sub_array);
}
}, objectParent.referral_sub_count);
}
};
};
return promise;
});_ui_share_app.directive('componentCategoryMenuDropdownAd', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentCategoryMenuDropdownAd';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
imgpath: '@imgpath',
id: '@id',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window, $http) {
$scope.forbidden = false;
$scope._config = [];
$scope._host = _ui_host + templateName + '/';
$scope.titleUrl = function(str) {
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
return s.toLowerCase();
};
$scope.dropdown = false;
$scope.myFunctionDropdown = function() {
document.getElementById("myDropdown").classList.toggle("show");
var dropdown = $(".dropdown-menu").height() + 11;
console.log("myFunctionDropdown - content : ", dropdown);
$('.dropdown-menu').css('min-height', dropdown);
};
$("#myDropdown").mouseenter(function() {}).mouseleave(function() {
document.getElementById("myDropdown").classList.toggle("show");
var dropdown = $(".dropdown-menu").height() + 11;
console.log("myFunctionDropdown - content : ", dropdown);
$('.dropdown-menu').css('min-height', dropdown);
});
$scope.onclick = function(event) {
if (!event.target.matches('.dropbtn')) {
var dropdowns = document.getElementsByClassName("dropdown-content");
var i;
for (i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns[i];
if (openDropdown.classList.contains('show')) {
openDropdown.classList.remove('show');
}
}
}
};
$scope.requestApiArray = [];
$scope.chainRerrealRequest = function(txt_referral_type_id, txt_parent_id, callbackData, childCount) {
var dataSend = {
'cur_page': 1,
'per_page': (txt_parent_id <= 0) ? 20 : childCount,
'txt_referral_type_id': txt_referral_type_id,
'txt_parent_id': txt_parent_id,
'txt_badge_id': 18,
'txt_sortby': 'referral_sort_index_asc_name_desc',
'base_shop_name': 'maeju',
};
if (parseInt(txt_referral_type_id) > 0) {
dataSend.txt_view_referral_child = 1;
}
$http.get(GURL.base_api_url() + 'referral/short_lists', {
params: dataSend
}, $scope).then(function(res) {
console.log("chainRerrealRequest : dataSend : ", dataSend);
$scope.requestApiArray[txt_referral_type_id] = $timeout(function() {
var e = res.data;
console.log("chainRerrealRequest : e : ", e);
if (e.ok === 1) {
if (typeof callbackData == undefined || callbackData == undefined) {
$scope._page_category = e.data.dataList;
$timeout.cancel($scope.requestApiArray[txt_referral_type_id]);
} else {
$timeout.cancel($scope.requestApiArray[txt_referral_type_id]);
return callbackData(e);
}
}
}, 20);
});
};
$scope.chainRerrealRequest(11, 0);
$scope.chainReferralHover = function(objectParent, level) {
console.log(objectParent.referral_name, ' child => ', objectParent.referral_sub_count);
if (objectParent.referral_sub_count > 0 && objectParent.referral_sub_array.length <= 0) {
$scope.chainRerrealRequest(11, objectParent.referral_id, function(e) {
if (e.ok === 1 && e.data.dataList.length) {
objectParent.referral_sub_array = e.data.dataList;
console.log(objectParent.referral_name, ' child => ', objectParent.referral_sub_array);
}
}, objectParent.referral_sub_count);
}
};
};
return promise;
});
_ui_share_app.directive('componentCategorySetSlide', function ($rootScope, $routeParams) {
var templateName = 'componentCategorySetSlide';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
};
promise.link = function (scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function ($scope, $timeout, $interval, $q, $window) {
/*
* fetch only referral category type (tree-list);
* @params none
* @return {Array}
*/
$scope.category_All18 = [];
$scope.get_category_All18 = function () {
var txt_filter_json = {
'badge_id_array': [18]
};
var dataSend = {
'txt_referral_type_id': 11,
'txt_sortby': 'referral_name_a-z',
'txt_filter_json': JSON.stringify(txt_filter_json),
};
GAEAPI.get('referral/map', dataSend , $scope).then(function (res) {
if (res.ok === 1) {
$scope.category_All18 = res.data;
console.log("esdoiwpfel :", $scope.category_All18);
}
});
};
$scope.get_category_All18();
$scope.testaa = '';
$scope.ykey =function(refid){
var dataSend = {
'txt_referral_type_id': 11,
'txt_parent_id': refid,
};
GAEAPI.get('referral/map', dataSend, $scope).then(function (res) {
if(res.ok != 1){
return;
}
if(res.data.length > 0){
$scope.testaa = 'yes';
return $scope.testaa;
}else{
$scope.testaa = 'no';
return $scope.testaa;
}
});
};
/*
* view current routeParams
* @params (default)
* @return function
*/
$scope._viewRouteParams = function () {
return $routeParams || false;
};
/*
* params listener
* @params (default)
* @return function
*/
/* Check if seo enable */
$scope.checkSeo = function(){
return (GURL.isHtml5Mode()) ? true : false;
};
/* Check if child array exist */
$scope.checkChild = function(object){
return (!object.referral_sub_array.length) ? true : false;
};
$scope.buildTitleUrl = function(str){
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--","-");
return s;
};
};
return promise;
});
_ui_share_app.directive('componentCategorySlideHome', function ($rootScope, $routeParams, sliderProvider, carouselData) {
var templateName = 'componentCategorySlideHome';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
size:'@size',
margin:'@margin',
name: '@name',
refid: '@refid',
};
/*promise.link = function (scope, element, attr) {};*/
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function ($scope, $timeout, $interval, $q, $window) {
$scope.assetsPath = 'extensions/themes/assets/';
$scope.watchCallbackArray = function(){
var r = [];
for(var i = 0; i < 6; i++){
r.push({
banner_image:[{image_url:'extensions/themes/gae_default301/staticfiles/images/default/180x150.jpg'}],
callback_array:true
});
}
return r;
};
$scope.$watch('refid',function(newValue,oldValue){
if(newValue){
$scope.getdata(newValue);
}
});
$scope.data = [];
$scope.data_desktop = [];
$scope.data_mobile = [];
$scope.type = 'categoryslide';
$scope.done = false;
$scope.prev_win_size = $(window).width();
$scope.getdata = function(newvalue){
var dataSend = {
'txt_referral_type_id': 11,
'txt_parent_id': newvalue,
};
GAEAPI.get('referral/map', dataSend, $scope).then(function (res) {
if(res.ok != 1){
return;
}
if(res.data.length > 0){
$scope.data = res.data;
}else{
$scope.data = [];
$scope.getproductdata(newvalue);
}
});
};
$scope.data_product = [];
$scope.getproductdata = function(referal_id){
var txt_filter_json = {
'referral_id_array': [referal_id],
'badge_id_array':[18],
};
var data_sent = {
'cur_page': 1,
'per_page': 12,
'txt_filter_json': JSON.stringify(txt_filter_json),
};
GAEAPI.get('product/lists', data_sent , $scope).then(function (res) {
if (res.ok === 1) {
$scope.data_product = res.data.dataList;
}
});
};
$scope.viewData = function(){
return ($(window).width() > 991) ? $scope.data_desktop : $scope.data_mobile;
};
/* UNIQUE KEY */
$scope._uniqueKey = '';
$scope._key = function () {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.imageSize = function(){
return angular.element("img.image_lazy_loaded").length;
};
$scope.initSlider = function(){
var elementName = '.component_carousel_map[data-id="'+$scope._key()+'"]';
var optionsParmas = {
autoplay: (window.location.host !== 'localhost') ? true : false,
slidesToShow: 4,
slidesToScroll: 1,
dots: false,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false
};
optionsParmas.responsive = [
{
breakpoint: 1200,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
variableWidth: false,
centerMode: false
}
}, {
breakpoint: 769,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
variableWidth: false,
centerMode: false
}
}, {
breakpoint: 601,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
variableWidth: false,
centerMode: false,
}
}, {
breakpoint: 481,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
variableWidth: false,
centerMode: false,
dots: false,
arrows: false,
}
}
];
var extraOptions = {
animate: false
};
sliderProvider(elementName, optionsParmas, $scope.type, $scope._key(), extraOptions);
angular.element($window).bind('resize',function(){
if($scope.prev_win_size != $(window).width()){
if($(elementName).hasClass('slick-initialized') || $(elementName).hasClass('slick-slider')){
$(elementName).slick('unslick');
}
setTimeout(function(){
if($(elementName).hasClass('slick-initialized') || $(elementName).hasClass('slick-slider')){
$(elementName).slick('unslick');
}
sliderProvider(elementName, optionsParmas, $scope.type, $scope._key(), extraOptions);
}, 3000);
}
});
};
$scope.checkHide = function(){
var r = false;
if(angular.element('.component_carousel_map.slick-initialized[data-id="'+$scope._key()+'"]').length){
r = true;
}
return r;
};
$scope.viewLink = function(i){
$window.location.href=i;
};
/**
* Check if object array available for "website application" or "Mobile application"
* @params object array
* return true | false (default)
*/
$scope._showWeb = function (objArray) {
var r = false;
for (var i = 0; i < objArray.length; i++) {
if (objArray[i].badge_id == 18) {
r = true;
break;
}
}
return r;
};
$scope._showApp = function (objArray) {
var r = false;
for (var i = 0; i < objArray.length; i++) {
if (objArray[i].badge_id == 19) {
r = true;
break;
}
}
return r;
};
/* Watch when finish repeat */
$rootScope.$on('repeatend', function() {
if($('.component_carousel_map[data-id="'+$scope._key()+'"]').not('.slick-initialized')){
$timeout(function(){
$scope.initSlider();
}, 500);
}
});
$scope.checkHide = function(){
return ($('.component_carousel_map.slick-initialized[data-id="'+$scope._key()+'"]').length > 0) ? true : false;
};
$scope.slickGoLeft=function(){
setTimeout(function () {
$('.component_carousel_map[data-id="'+$scope._key()+'"]').slick('slickPrev');
}, 100);
};
$scope.slickGoRight=function(){
setTimeout(function () {
$('.component_carousel_map[data-id="'+$scope._key()+'"]').slick('slickNext');
}, 100);
};
$scope.checkSeo=function(){
return (GURL.isHtml5Mode()) ? true : false;
};
$scope.titleUrl = function(str){
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--","-");
return s;
};
};
return promise;
});
_ui_share_app.directive('componentClientImage', function ($rootScope, $routeParams) {
var templateName = 'componentClientImage';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
component: '@component',
};
promise.link = function (scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function ($scope, $timeout, $interval, $q, $window) {
};
return promise;
});
_ui_share_app.directive('componentClientImageA', function ($rootScope, $routeParams) {
var templateName = 'componentClientImageA';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
component: '@component',
};
promise.link = function (scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function ($scope, $timeout, $interval, $q, $window) {
};
return promise;
});
_ui_share_app.factory('$componentCollection', function componentCollection($routeParams, $timeout) {
return
});_ui_share_app.directive('componentCollectionIdTypeA', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentCollectionIdTypeA';
var componentMain = 'componentCollection';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
col: '@col',
component: '@component',
stylebutton: '@stylebutton',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window, $http) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope._viewRouteParams = function() {
return $routeParams;
};
$scope._idUrl = function(instr) {
var outstr = instr.split("-", 1).join("");
return outstr;
};
$scope._dataArray = [];
$scope._dataTime = {
start: 0,
end: 0
};
$scope._dataArrayState = {
load: false,
done: false
};
$scope._getDataArray = function(id) {
console.log("CHECK COLLECTION READY ");
$scope._dataArrayState = $scope.StateData(true, false);
var dataSend = {
'txt_collection_id': id,
};
GAEAPI.get('collection/id', dataSend).then(function(output) {
console.log("CHECK COLLECTION START ", output);
if (output.ok === 1) {
var item = output.data;
$scope._dataArray = item;
$scope._dataTime.start = item.collection_lifetime.lifetime_start_time;
$scope._dataTime.end = item.collection_lifetime.lifetime_end_time;
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
};
$scope.collectionData = false;
$scope.collectionDataSend = false;
$scope.isLoadMore = false;
$scope.isLoadMoreHide = false;
$scope.getDetail = function(id) {
var dataSend = {
'txt_collection_id': id,
'cur_page': ($scope.collectionDataSend) ? $scope.collectionDataSend.cur_page : 1,
'per_page': ($scope.collectionDataSend) ? $scope.collectionDataSend.per_page : 12,
'txt_badge_id': 18
};
$scope.collectionDataSend = dataSend;
GAEAPI.get('collection/short_id', dataSend).then(function(e) {
console.log("collection/id: res", e);
if (dataSend.cur_page > 1) {
var oldProductArray = $scope.collectionData.collection_product_array;
var currentData = e.data.collection_product_array;
var mergeProductArray = oldProductArray.concat(currentData);
$scope.collectionData.collection_product_array = mergeProductArray;
} else {
$scope.collectionData = e.data;
}
$scope.isLoadMore = false;
var maxPage = parseInt($scope.collectionData.collection_product_pagination.total_page);
var nextPage = parseInt($scope.collectionData.collection_product_pagination.next_page);
if (dataSend.cur_page >= maxPage) {
$scope.isLoadMoreHide = true;
}
});
};
$scope.getDetail($scope._idUrl($scope._viewRouteParams().collection_id));
$scope.loadMore = function() {
$scope.collectionDataSend.cur_page = $scope.collectionDataSend.cur_page + 1;
$scope.isLoadMore = true;
$timeout(function() {
$scope.getDetail($scope._idUrl($scope._viewRouteParams().collection_id));
}, 100);
};
$scope.timeHide = function(timestampStart, timestampEnd) {
var dates = new Date().getTime();
var datesLen = dates.toString().length;
var timeStart = String(timestampStart);
var timeEnd = String(timestampEnd);
var subdate = parseInt(dates.toString().substring(0, timeEnd.length));
var end = timestampEnd - subdate;
return (timestampEnd == -1) ? 1 : end;
};
$scope.timeReplace = function(timestampStart, timestampEnd) {
var dates = new Date().getTime();
var datesLen = dates.toString().length;
var timeStart = String(timestampStart);
var timeEnd = String(timestampEnd);
var subdate = parseInt(dates.toString().substring(0, timeEnd.length));
var end = timestampEnd - subdate;
if (timestampEnd == -1) {
end = 1;
}
if (end <= 0) {
if ($scope._dataTime.end == "-1" || $scope._dataTime.end == -1) {
return;
}
window.location.href = 'home';
}
};
$scope.check = function() {
return {
start: function(inputTimeStamp) {
var todayTimeStamp = (new Date().getTime() / 1000);
var targetTimeStamp = parseInt(inputTimeStamp);
return (targetTimeStamp <= todayTimeStamp) ? true : false;
},
end: function(inputTimeStamp) {
var todayTimeStamp = (new Date().getTime() / 1000);
var targetTimeStamp = parseInt(inputTimeStamp);
if (parseInt(targetTimeStamp) == -1) {
return true;
}
return (targetTimeStamp > todayTimeStamp) ? true : false;
},
}
};
$scope.timeCountStart = function() {
$scope.timeout_promise = $timeout(function() {
$scope.dates = new Date();
$scope.timeReplace($scope._dataTime.start, $scope._dataTime.end);
$scope.timeCountStart();
}, 1000);
};
$scope.$watch('col', function(newValue, oldValue) {
if (!newValue) {
return;
}
$scope._col = newValue.toString().split(",");
});
$scope.getCol = function(n) {
return (typeof $scope._col != 'undefined') ? (typeof $scope._col[n] != 'undefined' && $scope._col[n] != '') ? $scope._col[n] : 12 : 12;
};
$scope.checkShop = function() {
if (CUR_THEME.shop_id() == "646") {
return 646;
} else {
return false;
}
};
$scope.showWeb = function(objArr) {
var show = false;
for (var i = 0; i < objArr.length; i++) {
if (parseInt(objArr[i].badge_id) == 18) {
show = true;
break;
}
}
return show;
};
};
return promise;
});_ui_share_app.directive('componentCollectionIdTypeB', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentCollectionIdTypeB';
var componentMain = 'componentCollection';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window, $http) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.viewRouteParams = function() {
return $routeParams;
};
};
return promise;
});_ui_share_app.directive('componentCollectionIdTypeC', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentCollectionIdTypeC';
var componentMain = 'componentCollection';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
margin: '@margin',
card: '@card',
stylebutton: '@stylebutton',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window, $http) {
$scope._component = {
name: "componentCollectionIdTypeC",
show: (window.location.hostname == "localhost") ? true : false
};
$scope._imgPath = CUR_THEME.file_url() + "images/";
$scope._icnPath = CUR_THEME.file_url() + "../../assets/";
/* scope */
$scope._name = ($scope.name != undefined && $scope.name != "") ? $scope.name : "default";
$scope._margin = ($scope.margin != undefined && $scope.margin != "") ? {
margin: $scope.margin
} : {
margin: 0
};
$scope._card = ($scope.card != undefined && $scope.card != "") ? $scope.card : "c";
$scope._stylebutton = ($scope.stylebutton != undefined && $scope.stylebutton != "") ? $scope.stylebutton : "border_button_small";
/* scope */
$scope.getData = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._component.show) {
console.log($scope._component.name, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
getRouteParams: function(callback) {
var _self = this;
var params = $routeParams;
var state = _self.stateData(true, false);
_self.consoleLog("getRouteParams", "params", params);
callback(_self, params, state);
},
getCollectionId: function(params, callback) {
var _self = this;
var collection_id = (params.collection_id != undefined) ? params.collection_id.split("-", 1).join("") : false;
_self.consoleLog("getBranchId", "collection_id", collection_id);
callback(collection_id);
},
formatDataSend: function(data, callback) {
var _self = this;
_self.consoleLog("formatDataSend", "data", data);
callback(data);
},
stateData: function(load, done) {
var _self = this;
var state = {
load: load,
done: done
};
_self.consoleLog("stateData", "state", state);
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("dataSend", "api", api);
_self.consoleLog("dataSend", "dataSend", dataSend);
callback(api, dataSend);
},
checkGetApi: function(resApi, callback) {
var _self = this;
var ok = false;
if (resApi.ok == 1) {
ok = true;
}
_self.consoleLog("checkGetApi", "ok", ok);
callback(ok);
},
getApi: function(api, dataSend, callback) {
var _self = this;
var state = _self.stateData(true, false);
GAEAPI.get(api, dataSend, $scope).then(function(res_api) {
_self.consoleLog("getApi", "res_api", res_api);
_self.checkGetApi(res_api, function(res_ok) {
_self.consoleLog("getApi", "res_ok", res_ok);
state = _self.stateData(false, true);
_self.consoleLog("checkGetApi", "state", state);
callback(res_ok, res_api, state);
})
});
},
main: function() {
var _self = this;
}
}
return getFunction;
};
/* get api */
$scope.data_api = {
load_more: {
load: false,
cur_page: 1,
per_page: 12,
total_rows: 0
},
collection_id: {
data_send: {},
api: "collection/short_id",
ok: false,
data_array: [],
data_array_state: {
load: false,
done: false
}
}
};
$scope.loadMore = function() {
if (!$scope.data_api.load_more.load) {
$scope.data_api.load_more.cur_page++;
$scope.data_api.load_more.load = true;
$scope.getData().getRouteParams(function(_self, params, state) {
_self.getCollectionId(params, function(res_collection_id) {
_self.formatDataSend($scope.data_api.collection_id, function(res_data) {
var filter_json = {};
var dataSend = {
'txt_collection_id': res_collection_id,
'cur_page': $scope.data_api.load_more.cur_page,
'per_page': $scope.data_api.load_more.per_page,
'txt_badge_id': 18,
'txt_filter_json': JSON.stringify(filter_json)
};
res_data.data_send = dataSend;
_self.dataSend(res_data.api, res_data.data_send, function(res_api, res_data_send) {
_self.getApi(res_api, res_data_send, function(res_ok, res_api, res_state) {
res_data.ok = res_ok;
if (res_data.data_array.collection_product_array.length < res_api.data.collection_product_pagination.total_rows) {
var oldData = res_data.data_array.collection_product_array;
res_data.data_array.collection_product_array = oldData.concat(res_api.data.collection_product_array);
$scope.data_api.load_more.total_rows = res_api.data.collection_product_pagination.total_rows;
_self.consoleLog("getApiData", "res_data", res_data);
} else {
$scope.data_api.load_more.cur_page--;
}
$scope.data_api.load_more.load = false;
});
});
});
});
});
}
}
$scope.getData().getRouteParams(function(_self, params, state) {
$scope.data_api.collection_id.data_array_state = state;
_self.getCollectionId(params, function(res_collection_id) {
_self.formatDataSend($scope.data_api.collection_id, function(res_data) {
var filter_json = {};
var dataSend = {
'txt_collection_id': res_collection_id,
'cur_page': $scope.data_api.load_more.cur_page,
'per_page': $scope.data_api.load_more.per_page,
'txt_badge_id': 18,
'txt_filter_json': JSON.stringify(filter_json)
};
res_data.data_send = dataSend;
_self.dataSend(res_data.api, res_data.data_send, function(res_api, res_data_send) {
_self.getApi(res_api, res_data_send, function(res_ok, res_api, res_state) {
res_data.ok = res_ok;
res_data.data_array = res_api.data;
res_data.data_array_state = res_state;
_self.consoleLog("getApiData", "res_data", res_data);
$scope.data_api.load_more.total_rows = res_api.data.collection_product_pagination.total_rows;
});
});
});
});
});
/* get api */
};
return promise;
});_ui_share_app.directive('componentCollectionSlideTypeA', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentCollectionSlideTypeA';
var componentMain = 'componentCollection';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
sortby: '@sortby',
component: '@component',
stylebutton: '@stylebutton',
margintopic: '@margintopic',
margincard: '@margincard',
limit: '@limit',
iconsize: '@iconsize',
iconnext: '@iconnext',
iconback: '@iconback',
showresult: '@showresult',
dots: '@dots',
arrows: '@arrows',
autoplay: '@autoplay',
centermode: '@centermode',
variablewidth: '@variablewidth',
infinite: '@infinite',
slidestoscroll: '@slidestoscroll',
lg: '@lg',
md: '@md',
sm: '@sm',
xs: '@xs',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {
'topic_top': '?topicTop',
};
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope._component = (typeof $scope.component !== 'undefined' && $scope.component !== '') ? $scope.component : 'null';
$scope._limit = parseInt((typeof $scope.limit !== 'undefined' && typeof $scope.limit !== '') ? $scope.limit : 6);
$scope._sortby = (typeof $scope.sortby !== 'undefined' && typeof $scope.sortby !== '') ? $scope.sortby : 'collection_create_time_DESC';
$scope._iconsize = (typeof $scope.iconsize !== 'undefined' && typeof $scope.iconsize !== '') ? $scope.iconsize : 30;
$scope._iconback = (typeof $scope.iconback !== 'undefined' && typeof $scope.iconback !== '') ? $scope.iconback : 'icnt_outline_backbig02_light@2x.png';
$scope._iconnext = (typeof $scope.iconnext !== 'undefined' && typeof $scope.iconnext !== '') ? $scope.iconnext : 'icnt_outline_nextbig02_light@2x.png';
$scope._dots = Boolean((typeof $scope.dots !== 'undefined' && typeof $scope.dots !== '') ? $scope.dots : true);
$scope._arrows = Boolean((typeof $scope.arrows !== 'undefined' && typeof $scope.arrows !== '') ? $scope.arrows : true);
$scope._autoplay = Boolean((typeof $scope.autoplay !== 'undefined' && typeof $scope.autoplay !== '') ? $scope.autoplay : true);
$scope._centerMode = Boolean((typeof $scope.centermode !== 'undefined' && typeof $scope.centermode !== '') ? $scope.centerMode : false);
$scope._variableWidth = Boolean((typeof $scope.variablewidth !== 'undefined' && typeof $scope.variablewidth !== '') ? $scope.variablewidth : false);
$scope._infinite = Boolean((typeof $scope.infinite !== 'undefined' && typeof $scope.infinite !== '') ? $scope.infinite : true);
$scope._slidesToScroll = parseInt((typeof $scope.slidestoscroll !== 'undefined' && typeof $scope.slidestoscroll !== '') ? $scope.slidestoscroll : 4);
$scope._col_lg = parseInt((typeof $scope.lg !== 'undefined' && typeof $scope.lg !== '') ? $scope.lg : 4);
$scope._col_md = parseInt((typeof $scope.md !== 'undefined' && typeof $scope.md !== '') ? $scope.md : 3);
$scope._col_sm = parseInt((typeof $scope.sm !== 'undefined' && typeof $scope.sm !== '') ? $scope.sm : 2);
$scope._col_xs = parseInt((typeof $scope.xs !== 'undefined' && typeof $scope.xs !== '') ? $scope.xs : 1);
$scope._dataArray = [];
$scope._dataArrayState = {
load: true,
done: false
};
$scope._getCollectionArray = function() {
$scope._dataArrayState = $scope.StateData(true, false);
var filter_json = {}
var dataSend = {
'cur_page': 1,
'per_page': $scope._limit,
'txt_sortby': $scope._sortby,
};
console.log('dataSend_collection_short_lists', dataSend);
GAEAPI.get('collection/short_lists', dataSend).then(function(res) {
if (res.ok === 1) {
$scope._dataArray = res.data.dataList;
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
};
$scope._getCollectionArray();
$scope.mkCarousel = function(elem) {
$('.component-collection-slide-id-type-a').css('height', '0');
$('.component-collection-slide-id-type-a').css('opacity', '0');
console.log("col-lg-md-xs-sm : ", $scope._col_lg, $scope._col_md, $scope._col_xs, $scope._col_sm);
setTimeout(function() {
var carousel = $(elem + '[data-id=' + $scope._key() + ']');
var is_dark;
carousel.not('.slick-initialized').slick({
dots: $scope._dots,
arrows: $scope._arrows,
autoplay: $scope._autoplay,
centerMode: $scope._centerMode,
variableWidth: $scope._variableWidth,
autoplaySpeed: 4000,
slidesToShow: $scope._col_lg,
slidesToScroll: 1,
infinite: $scope._infinite,
speed: 600,
prevArrow: '' } ]); _ui_share_app.filter('htmlize', function(HTMLIZE_CONVERSIONS) { return function(string) { return HTMLIZE_CONVERSIONS.reduce(function(result, conversion) { return result.replace(conversion.expr, conversion.value); }, string || ''); }; }); _ui_share_app.directive('componentFooterCode', function($rootScope, $sce) { var templateName = 'componentFooterCode'; var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { code: '@code', backgroundcolor: '@backgroundcolor', headline: '@headline', textcolor: '@textcolor', textcolorhover: '@textcolorhover', col: '@col', footerthree: '@footerthree', imgPath: '@imgpath', imglogoleft: '@imglogoleft', imglogoright: '@imglogoright', imglogo: '@imglogo', name: '@name', callback: '@callback', sizelogosocial: '@sizelogosocial', typeSocialnetwork: '@typesocialnetwork', socialnetworkicon: '@socialnetworkicon', socialnetworkiconhover: '@socialnetworkiconhover', }; promise.link = function(scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = { 'footer_one': '?footerOne', 'footer_one_top': '?footerOneTop', 'footer_one_bottom': '?footerOneBottom', 'footer_two': '?footerTwo', 'footer_two_top': '?footerTwoTop', 'footer_two_bottom': '?footerTwoBottom', 'footer_three': '?footerThree', 'footer_three_top': '?footerThreeTop', 'footer_three_bottom': '?footerThreeBottom', 'footer_four': '?footerFour', 'footer_four_top': '?footerFourTop', 'footer_four_bottom': '?footerFourBottom', }; promise.controller = function($scope, $timeout, $interval, $q, $window) { $scope._host = _ui_share_host + templateName + '/'; $scope.buildDummyData = function() { /* Address */ $scope.data.shop_extend_data.address = 'ส่วนการติดต่อ สามารถติดต่อบริษัทได้ที่
บริษัท ทดสอบ จำกัด เลขที่ 333/111 หมู่บ้านตัวอย่าง เขตเมืองเก่า แขวงพญาไทย กรุงเทพมหานคร 10100'; /* Phne*/ $scope.data.shop_extend_data.phone = '089-999-9999,089-747-7777,071-414-8888'; }; $scope.template = function(templateStringCode) { var str = _ui_share_host + templateName + '/template/' + templateStringCode + '.html'; return str.toString(); }; $scope.data = false; $scope.data_category = false; $scope.copyRightTxt = ''; if (!$scope.data) { GAEAPI.get('shop/current', {}, $scope).then(function(e) { if (e.ok == 1) { $scope.data = e.data; $scope.getsubAddress($scope.data.shop_extend_data.address); $scope.getsubPhone($scope.data.shop_extend_data.phone); $scope.getsubEmail($scope.data.shop_extend_data.mail); var d = new Date(); var n = d.getFullYear(); $scope.copyRightTxt = '© ' + n + ' ' + $scope.data.shop_name; /*console.log("phone123", $scope.data.shop_extend_data.phone); console.log('shop_display_name', $scope.data);*/ if (typeof $scope.data.shop_extend_data.contact_address === 'undefined' && typeof $scope.callback !== '' && $scope.callback !== '') { $scope.buildDummyData(); } } }); } $scope.getsubAddress = function(Address) { $scope.address_page = Address; /*console.log('address_page', $scope.address_page);*/ if ($scope.address_page !== '' && typeof $scope.address_page !== 'undefined') { $scope.address_page_split = $scope.address_page.split("_"); /* console.log('address_page_split', $scope.address_page_split);*/ $scope.address1_page = ''; $scope.address2_page = ''; if ($scope.address_page_split.length > 0) { $scope.address1_page = $scope.address_page_split[0]; } if ($scope.address_page_split.length > 1) { $scope.address2_page = $scope.address_page_split[1]; } } } $scope.getsubPhone = function(Phone) { $scope.phone_page = Phone; /*console.log('phone_page', $scope.phone_page);*/ if ($scope.phone_page !== '' && typeof $scope.phone_page !== 'undefined') { $scope.phone_page_split = $scope.phone_page.split(","); /*console.log('phone_page_split', $scope.phone_page_split);*/ $scope.phone1_page = ''; $scope.phone2_page = ''; if ($scope.phone_page_split.length > 0) { $scope.phone1_page_sub = $scope.phone_page_split[0].substring(1); $scope.phone1_page = $scope.phone_page_split[0]; } if ($scope.phone_page_split.length > 1) { $scope.phone2_page_sub = $scope.phone_page_split[1].substring(1); $scope.phone2_page = $scope.phone_page_split[1]; } } } $scope.getsubEmail = function(Email) { $scope.mail_page = Email; /*console.log('mail_page', $scope.mail_page);*/ if ($scope.mail_page !== '' && typeof $scope.mail_page !== 'undefined') { $scope.mail_page_split = $scope.mail_page.split(","); /*console.log('mail_page_split', $scope.mail_page_split);*/ $scope.mail1_page = ''; $scope.mail2_page = ''; if ($scope.mail_page_split.length > 0) { $scope.mail1_page_sub = $scope.mail_page_split[0].substring(1); $scope.mail1_page = $scope.mail_page_split[0]; } if ($scope.mail_page_split.length > 1) { $scope.mail2_page_sub = $scope.mail_page_split[1].substring(1); $scope.mail2_page = $scope.mail_page_split[1]; } } } if (!$scope.data_category) { GAEAPI.get('referral/map', { 'txt_referral_type_id': 11 }, $scope).then(function(e) { if (e.ok == 1) { $scope.data_category = e.data; console.log('data_category', $scope.data_category); } }); } $scope.displayTelCode = function(telString) { if (telString.indexOf("-")) { var a = telString.split("-"); var b = a.join("").trim(); } else { var b = telString.trim(); } return b.substr(1, b.length); }; $scope.displayAddr = function(addStr){ var a = JSON.stringify(addStr); var b = a.replace('"','').replace('\n','
'); return b; } $scope.checkSeo = function() { return (GURL.isHtml5Mode()) ? true : false; }; $scope.toTop = function() { $timeout(function() { $('html,body').animate({ scrollTop: 0 }, 'slow'); }, 100); }; $scope.shopCurrent = []; $scope.getShopCurrent = function() { GAEAPI.get('shop/current', [], $scope).then(function(e) { if (e.ok === 1) { $scope.shopCurrent = e.data; } console.log("shopCurrent", $scope.shopCurrent); }); }; $scope.getShopCurrent(); /* Build title for Address link*/ $scope.buildTitleUrl = function(str){ var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--","-"); return s; }; /* Get post list */ $scope.dataPost=[]; $scope.getPosts = function(){ var d = { 'cur_page':1, 'per_page':5, 'txt_sortby':'post_create_time_DESC', 'txt_filter_json':JSON.stringify({'badge_id_array':[18]}) }; GAEAPI.get('post/lists',d).then(function(e){ if(e.ok == 1){ $scope.dataPost = e.data.dataList; } }); }; $scope.$watch('name',function(newValue,oldValue){ if(!newValue){ return; } switch(newValue){ case 'missmonribs': $scope.getPosts(); break; } }); }; return promise; });/* Cart displat at right side of page */ var $inforgotpasswordPopup = {}; /* params */ $inforgotpasswordPopup.path = CUR_THEME.devsource_url() + "dev.sugarfree/share/componentForgotPassword/"; $inforgotpasswordPopup.templateRoot = 'root.php'; $inforgotpasswordPopup.assetsPath = CUR_THEME.extensions_url() + '../../assets/'; $inforgotpasswordPopup.indexCout = 0; Number.prototype.formatMoney = function(c, d, t) { var n = this, c = isNaN(c = Math.abs(c)) ? 2 : c, d = d == undefined ? "." : d, t = t == undefined ? "," : t, s = n < 0 ? "-" : "", i = String(parseInt(n = Math.abs(Number(n) || 0).toFixed(c))), j = (j = i.length) > 3 ? j % 3 : 0; return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : ""); }; /* Install */ $inforgotpasswordPopup.install = function(shopId, customBuild) { /* dont install in (checkout, forgotpassword) */ /*if (window.location.href.indexOf('/checkout') == -1 && window.location.href.indexOf('/forgotpassword') == -1 && window.location.href.indexOf('/thankyou') == -1 && window.location.href.indexOf('/fail') == -1) {*/ this.templateRoot = 'root.php'; $.get($inforgotpasswordPopup.path + 'componentForgotPassword.css', function(response) { $('head').append(''); }); $.get($inforgotpasswordPopup.path + 'root.php', { imgpath: this.assetsPath, shopId: shopId, custom: customBuild, path: $inforgotpasswordPopup.path }, function(response) { $('body').append(response); }); /* fix ios height */ var winHightTimer = setTimeout(function() { clearTimeout(winHightTimer); }, 2000); /*}*/ }; $inforgotpasswordPopup.api = GURL.base_api_url(); /* Install */ /* forgotpassword model */ $inforgotpasswordPopup.forgotpassword = { email: '', }; $inforgotpasswordPopup.error = { emailExist: false, email: false, emailText: 'ตรวจสอบรูปแบบอีเมล Email should be valid (name@domain.com)', }; /* forgotpassword model */ /* validateForgotpassword */ $inforgotpasswordPopup.validateForgotpassword = function() { var promise = { checkEmail: function(v, callback) { $.ajax({ type: 'POST', method: 'POST', url: $inforgotpasswordPopup.host() + 'customer/is_exists_email', data: { txt_email: v }, datatType: 'json' }).done(function(e) { callback(e); }); }, focusEmail: function() { $inforgotpasswordPopup.error.email = false; $inforgotpasswordPopup.error.emailExist = false; $('#forgotpassword-email').css('border', ''); }, email: function() { var v = $('#forgotpassword-email-v1').val(); var t = this; if (v.length <= 0) { $inforgotpasswordPopup.shake(); $inforgotpasswordPopup.validateForgotpassword().emailInputNullError(); $inforgotpasswordPopup.error_email = false; $inforgotpasswordPopup.error_emailExist = false; return false; } else { var valid = $inforgotpasswordPopup.helper.isEmail(v, true); if (v.length > 0 && !valid) { $inforgotpasswordPopup.shake(); $inforgotpasswordPopup.validateForgotpassword().emailInputError(); $inforgotpasswordPopup.error_email = true; return false; } else if (v.length > 0 && valid) { $inforgotpasswordPopup.validateForgotpassword().emailOk(); return true; } } }, emailOk: function() { $('#forgotpassword-email-v1').css('border', '2px solid green'); $inforgotpasswordPopup.validateForgotpassword().emailInputOk(); }, emailInputOk: function() { $("#forgotpassword-error-email").removeClass("error"); $("#forgotpassword-error-email").css('opacity', 0); }, emailError: function() { $("#forgotpassword-email-v1").css('border', '2px solid red'); }, emailInputError: function() { $inforgotpasswordPopup.validateForgotpassword().emailError(); $("#forgotpassword-error-email").addClass("error"); $("#forgotpassword-error-email").css('opacity', 1).html('ตรวจสอบรูปแบบอีเมล Email should be valid เช่น getappeasy@gmail.com'); }, emailInputNullError: function() { $inforgotpasswordPopup.validateForgotpassword().emailError(); $("#forgotpassword-error-email").addClass("error"); $("#forgotpassword-error-email").css('opacity', 1).html('กรุณากรอกอีเมล'); }, emailInputNotError: function() { $inforgotpasswordPopup.validateForgotpassword().emailError(); $("#forgotpassword-error-email").addClass("error"); $("#forgotpassword-error-email").css('opacity', 1).html('ไม่พบอีเมลนี้ในระบบ'); }, resetEmail: function() { $("#forgotpassword-email-v1").css('border', ''); $("#forgotpassword-email-v1").val(''); $("#forgotpassword-error-email").css('opacity', 0); }, reset: function() { $inforgotpasswordPopup.validateForgotpassword().resetEmail(); }, }; return promise; }; /* validateForgotpassword */ /* load html */ $inforgotpasswordPopup.viewHtml = function(viewName) { var html = path + viewName; return html; }; $inforgotpasswordPopup.whenOnLoad = function(shopId) {}; $inforgotpasswordPopup.helper = { countDots: function(s1, letter) { return (s1.match(RegExp(letter, 'g')) || []).length; }, isAlpabet: function(str) { var strObj = str.match(/^[a-zA-zก-๙]+/g); var returnStr = ""; for (var idx in strObj) { returnStr += strObj[idx].replace("^", ""); } return returnStr; }, isEmail: function(email) { var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; var result = re.test(email); var a = email.split('@'); var checkTopLevel = false; if (result && a.length > 1) { return (a[1].length >= 5) ? true : false; } else { return false; } }, isChar: function(e) { var k = (e.which) ? e.which : e.keyCode; if (k >= 48 && k <= 57) { return false; } else { return k; } }, pageLoadState: false, pageLoad: function() { var load = $('.forgotpassword_v1_load'); if (!load.hasClass('active')) { load.addClass('active'); } }, pageUnLoad: function() { var load = $('.forgotpassword_v1_load'); if (load.hasClass('active')) { load.removeClass('active'); } }, forgotpasswordDone: function() { var load = $('.forgotpassword_v1_done'); if (!load.hasClass('active')) { load.addClass('active'); } timerAdjustOpen = setTimeout(function() { $(".forgotpassword_done.from_background").addClass("is_open"); }, 100); }, forgotpasswordUnDone: function() { var load = $('.forgotpassword_v1_done'); if (load.hasClass('active')) { load.removeClass('active'); } timerAdjustOpen = setTimeout(function() { $(".forgotpassword_done.from_background").removeClass("is_open"); }, 100); }, }; /* load html */ /* submitForgotpassword */ $inforgotpasswordPopup.submitForgotpassword = function() { $inforgotpasswordPopup.forgotpassword.email = $('#forgotpassword-email-v1').val(); var userEmail = $inforgotpasswordPopup.forgotpassword.email; var userEmailValid = $inforgotpasswordPopup.validateForgotpassword().email(); console.log("Email State : userEmailValid : ", userEmailValid); if (userEmailValid) { $inforgotpasswordPopup.validateForgotpassword().checkEmail(userEmail, function(res_api_check_email) { console.log("inforgotpasswordPopup : ", "callback : res_api_check_email : ", res_api_check_email); if (res_api_check_email.ok == 0) { /* pass */ $inforgotpasswordPopup.sendSubmitForgotpassword(); } else { /* error not data email */ $inforgotpasswordPopup.validateForgotpassword().emailInputNotError(); } }); } else { $inforgotpasswordPopup.shake(); $inforgotpasswordPopup.validateForgotpassword().emailInputNullError(); } }; /* submitForgotpassword */ /* sendSubmitForgotpassword */ $inforgotpasswordPopup.sendSubmitForgotpassword = function() { $inforgotpasswordPopup.helper.pageLoad(); $inforgotpasswordPopup.forgotpassword.pressing = true; var userEmail = $inforgotpasswordPopup.forgotpassword.email; /* getapi */ var dataSend = { txt_email: userEmail }; GAEAPI.post('customer/forgot_password', dataSend).then(function(res_api) { console.log("customer/forgot_password callback : res_api : ", res_api); if (res_api.ok == 1) { $inforgotpasswordPopup.close(); $inforgotpasswordPopup.helper.pageUnLoad(); $inforgotpasswordPopup.helper.forgotpasswordDone(); } else { $inforgotpasswordPopup.helper.pageUnLoad(); alert("ผิดพลาด กรุณาลองใหม่อีกครั้ง"); } }); /* getapi */ }; /* sendSubmitForgotpassword */ $inforgotpasswordPopup.host = function() { if (window.location.href.indexOf('localhost') !== -1) { return 'https://missmonribs.getappeasy.com/store/api/v1/'; } return GURL.base_api_url(); } /* Open */ var timerAdjustOpen = 0; $inforgotpasswordPopup.isOpen = false; $inforgotpasswordPopup.open = function() { $inforgotpasswordPopup.validateForgotpassword().reset(); $(".forgotpassword_overlay").addClass("is_open"); $('body').css({ 'overflow': 'hidden', 'height': '100%' }); timerAdjustOpen = setTimeout(function() { $(".forgotpassword.from_background").addClass("is_open"); }, 100); $(document).keypress(function(e) { var keycode = (e.keyCode ? e.keyCode : e.which); if (keycode == '13') { $inforgotpasswordPopup.submitForgotpassword(); } }); }; /* Open */ /* Close */ $inforgotpasswordPopup.close = function() { $(".forgotpassword_overlay").removeClass("is_open"); $(".forgotpassword.from_background").removeClass("is_open"); $('body').css({ 'overflow': 'auto' }); }; /* Close */ /* shake */ $inforgotpasswordPopup.shake = function() { $(".forgotpassword.from_background.is_open").addClass('shake'); timerAdjustOpen = setTimeout(function() { $(".forgotpassword.from_background.is_open").removeClass('shake'); }, 100); } /* shake */ /* login */ $inforgotpasswordPopup.login = function() { $inforgotpasswordPopup.helper.forgotpasswordUnDone(); $inforgotpasswordPopup.close(); $inloginPopup.open(); } /* login */ /* toHome */ $inforgotpasswordPopup.toHome = function() { $inforgotpasswordPopup.helper.forgotpasswordUnDone(); window.location.href = 'home'; }; /* toHome */ /* Init */ /* Init */ /* Init */ /* $(function() { var currentShopId = parseInt(CUR_THEME.shop_id()); switch (currentShopId) { case 541: $inforgotpasswordPopup.install(currentShopId, false); break; case 635: $inforgotpasswordPopup.install(currentShopId, false); break; case 646: $inforgotpasswordPopup.install(currentShopId, false); break; case 647: $inforgotpasswordPopup.install(currentShopId, false); break; case 676: $inforgotpasswordPopup.install(currentShopId, false); break; case 717: $inforgotpasswordPopup.install(currentShopId, false); break; case 718: $inforgotpasswordPopup.install(currentShopId, false); break; case 723: $inforgotpasswordPopup.install(currentShopId, false); break; case 729: $inforgotpasswordPopup.install(currentShopId, false); break; case 732: $inforgotpasswordPopup.install(currentShopId, false); break; case 731: $inforgotpasswordPopup.install(currentShopId, false); break; default: break; } }); *//* Cart displat at right side of page */ var $inforgotpasswordPopupTypeCct = {}; /* params */ $inforgotpasswordPopupTypeCct.path = CUR_THEME.devsource_url() + "dev.sugarfree/share/componentForgotPasswordTypeCct/"; $inforgotpasswordPopupTypeCct.templateRoot = 'root.php'; $inforgotpasswordPopupTypeCct.assetsPath = CUR_THEME.extensions_url() + '../../assets/'; $inforgotpasswordPopupTypeCct.indexCout = 0; Number.prototype.formatMoney = function(c, d, t) { var n = this, c = isNaN(c = Math.abs(c)) ? 2 : c, d = d == undefined ? "." : d, t = t == undefined ? "," : t, s = n < 0 ? "-" : "", i = String(parseInt(n = Math.abs(Number(n) || 0).toFixed(c))), j = (j = i.length) > 3 ? j % 3 : 0; return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : ""); }; /* Install */ $inforgotpasswordPopupTypeCct.install = function(shopId, customBuild) { /* dont install in (checkout, forgotpassword) */ /*if (window.location.href.indexOf('/checkout') == -1 && window.location.href.indexOf('/forgotpassword') == -1 && window.location.href.indexOf('/thankyou') == -1 && window.location.href.indexOf('/fail') == -1) {*/ this.templateRoot = 'root.php'; $.get($inforgotpasswordPopupTypeCct.path + 'componentForgotPasswordTypeCct.css', function(response) { $('head').append(''); }); $.get($inforgotpasswordPopupTypeCct.path + 'root.php', { imgpath: this.assetsPath, shopId: shopId, custom: customBuild, path: $inforgotpasswordPopupTypeCct.path }, function(response) { $('body').append(response); }); /* fix ios height */ var winHightTimer = setTimeout(function() { clearTimeout(winHightTimer); }, 2000); /*}*/ }; $inforgotpasswordPopupTypeCct.api = GURL.base_api_url(); /* Install */ /* forgotpassword model */ $inforgotpasswordPopupTypeCct.forgotpassword = { email: '', }; $inforgotpasswordPopupTypeCct.error = { emailExist: false, email: false, emailText: 'ตรวจสอบรูปแบบอีเมล Email should be valid (name@domain.com)', }; /* forgotpassword model */ /* validateForgotpassword */ $inforgotpasswordPopupTypeCct.validateForgotpassword = function() { var promise = { checkEmail: function(v, callback) { $.ajax({ type: 'POST', method: 'POST', url: $inforgotpasswordPopupTypeCct.host() + 'customer/is_exists_email', data: { txt_email: v }, datatType: 'json' }).done(function(e) { callback(e); }); }, focusEmail: function() { $inforgotpasswordPopupTypeCct.error.email = false; $inforgotpasswordPopupTypeCct.error.emailExist = false; $('#forgotpassword-email').css('border', ''); }, email: function() { var v = $('#forgotpassword-email-v1').val(); var t = this; if (v.length <= 0) { $inforgotpasswordPopupTypeCct.shake(); $inforgotpasswordPopupTypeCct.validateForgotpassword().emailInputNullError(); $inforgotpasswordPopupTypeCct.error_email = false; $inforgotpasswordPopupTypeCct.error_emailExist = false; return false; } else { var valid = $inforgotpasswordPopupTypeCct.helper.isEmail(v, true); if (v.length > 0 && !valid) { $inforgotpasswordPopupTypeCct.shake(); $inforgotpasswordPopupTypeCct.validateForgotpassword().emailInputError(); $inforgotpasswordPopupTypeCct.error_email = true; return false; } else if (v.length > 0 && valid) { $inforgotpasswordPopupTypeCct.validateForgotpassword().emailOk(); return true; } } }, emailOk: function() { $('#forgotpassword-email-v1').css('border', '2px solid green'); $inforgotpasswordPopupTypeCct.validateForgotpassword().emailInputOk(); }, emailInputOk: function() { $("#forgotpassword-error-email").removeClass("error"); $("#forgotpassword-error-email").css('opacity', 0); }, emailError: function() { $("#forgotpassword-email-v1").css('border', '2px solid red'); }, emailInputError: function() { $inforgotpasswordPopupTypeCct.validateForgotpassword().emailError(); $("#forgotpassword-error-email").addClass("error"); $("#forgotpassword-error-email").css('opacity', 1).html('ตรวจสอบรูปแบบอีเมล Email should be valid เช่น getappeasy@gmail.com'); }, emailInputNullError: function() { $inforgotpasswordPopupTypeCct.validateForgotpassword().emailError(); $("#forgotpassword-error-email").addClass("error"); // $("#forgotpassword-error-email").css('opacity', 1).html('ตรวจสอบรูปแบบอีเมล Email should be valid (name@domain.com)'); }, resetEmail: function() { $("#forgotpassword-email-v1").css('border', ''); $("#forgotpassword-email-v1").val(''); $("#forgotpassword-error-email").css('opacity', 0); }, reset: function() { $inforgotpasswordPopupTypeCct.validateForgotpassword().resetEmail(); }, }; return promise; }; /* validateForgotpassword */ /* load html */ $inforgotpasswordPopupTypeCct.viewHtml = function(viewName) { var html = path + viewName; return html; }; $inforgotpasswordPopupTypeCct.whenOnLoad = function(shopId) {}; $inforgotpasswordPopupTypeCct.helper = { countDots: function(s1, letter) { return (s1.match(RegExp(letter, 'g')) || []).length; }, isAlpabet: function(str) { var strObj = str.match(/^[a-zA-zก-๙]+/g); var returnStr = ""; for (var idx in strObj) { returnStr += strObj[idx].replace("^", ""); } return returnStr; }, isEmail: function(email) { var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; var result = re.test(email); var a = email.split('@'); var checkTopLevel = false; if (result && a.length > 1) { return (a[1].length >= 5) ? true : false; } else { return false; } }, isChar: function(e) { var k = (e.which) ? e.which : e.keyCode; if (k >= 48 && k <= 57) { return false; } else { return k; } }, pageLoadState: false, pageLoad: function() { var load = $('.forgotpassword_vCct_load'); if (!load.hasClass('active')) { load.addClass('active'); } }, pageUnLoad: function() { var load = $('.forgotpassword_vCct_load'); if (load.hasClass('active')) { load.removeClass('active'); } }, forgotpasswordDone: function() { var load = $('.forgotpassword_vCct_done'); if (!load.hasClass('active')) { load.addClass('active'); } timerAdjustOpen = setTimeout(function() { $(".forgotpassword_done.from_background").addClass("is_open"); }, 100); }, forgotpasswordUnDone: function() { var load = $('.forgotpassword_vCct_done'); if (load.hasClass('active')) { load.removeClass('active'); } timerAdjustOpen = setTimeout(function() { $(".forgotpassword_done.from_background").removeClass("is_open"); }, 100); }, }; /* load html */ /* submitForgotpassword */ $inforgotpasswordPopupTypeCct.submitForgotpassword = function() { $inforgotpasswordPopupTypeCct.forgotpassword.email = $('#forgotpassword-email-v1').val(); var userEmail = $inforgotpasswordPopupTypeCct.forgotpassword.email; var userEmailValid = $inforgotpasswordPopupTypeCct.validateForgotpassword().email(); console.log("submitForgotpassword", "userEmailValid : ", userEmailValid); if (!userEmailValid) { console.log("submitForgotpassword", "return"); $inforgotpasswordPopupTypeCct.shake(); return; } $inforgotpasswordPopupTypeCct.validateForgotpassword().checkEmail(userEmail, function(resultCheck) { console.log("submitForgotpassword", resultCheck); if (resultCheck.ok == 1) { console.log('submitForgotpassword true'); $inforgotpasswordPopupTypeCct.validateForgotpassword().emailInputError(); $inforgotpasswordPopupTypeCct.error.email = true; $inforgotpasswordPopupTypeCct.error.emailExist = true; } else { console.log('submitForgotpassword false'); return $inforgotpasswordPopupTypeCct.sendSubmitForgotpassword(false); } }); }; /* submitForgotpassword */ /* sendSubmitForgotpassword */ $inforgotpasswordPopupTypeCct.sendSubmitForgotpassword = function(reCheck) { $inforgotpasswordPopupTypeCct.forgotpassword.pressing = true; var userEmail = $inforgotpasswordPopupTypeCct.forgotpassword.email; console.log("sendSubmitForgotpassword userEmail : ", userEmail); if (reCheck) { /* if error : user */ if (userEmail.length <= 0) { $inforgotpasswordPopupTypeCct.validateForgotpassword().emailInputError(); } else { $inforgotpasswordPopupTypeCct.validateForgotpassword().emailOk(); } /* email */ if (userEmail.length > 0 && !$inforgotpasswordPopupTypeCct.helper.isEmail(userEmail)) { $inforgotpasswordPopupTypeCct.error_email = true; } else { $inforgotpasswordPopupTypeCct.error_email = false; } } /* loading */ $inforgotpasswordPopupTypeCct.helper.pageLoad(); var dataSend = { txt_email: userEmail }; GAEAPI.post('customer/forgot_password', dataSend).then(function(e) { console.log("sendSubmitForgotpassword : complete", e); if (e.ok == 1) { setTimeout(function() { $inforgotpasswordPopupTypeCct.close(); $inforgotpasswordPopupTypeCct.helper.pageUnLoad(); $inforgotpasswordPopupTypeCct.helper.forgotpasswordDone(); }, 100); } else { $inforgotpasswordPopupTypeCct.helper.pageUnLoad(); alert("ผิดพลาด กรุณาลองใหม่อีกครั้ง"); return; } }); /* loading */ }; /* sendSubmitForgotpassword */ $inforgotpasswordPopupTypeCct.host = function() { if (window.location.href.indexOf('localhost') !== -1) { return 'https://missmonribs.getappeasy.com/store/api/v1/'; } return GURL.base_api_url(); } /* Open */ var timerAdjustOpen = 0; $inforgotpasswordPopupTypeCct.isOpen = false; $inforgotpasswordPopupTypeCct.open = function() { $inforgotpasswordPopupTypeCct.validateForgotpassword().reset(); $(".forgotpassword_overlay").addClass("is_open"); $('html').css({ 'overflow-y': 'scroll', 'overflow': 'hidden' }); $('body').css({ 'overflow': 'hidden', 'position': 'relative' }); timerAdjustOpen = setTimeout(function() { $(".forgotpassword.from_background").addClass("is_open"); }, 100); $(document).keypress(function(e) { var keycode = (e.keyCode ? e.keyCode : e.which); if (keycode == '13') { $inforgotpasswordPopupTypeCct.submitForgotpassword(); } }); }; /* Open */ /* Close */ $inforgotpasswordPopupTypeCct.close = function() { $(".forgotpassword_overlay").removeClass("is_open"); $(".forgotpassword.from_background").removeClass("is_open"); $('html').css({ 'overflow-y': 'unset', 'overflow': 'unset' }); $('body').css({ 'overflow': 'auto', 'position': 'relative' }); }; /* Close */ /* shake */ $inforgotpasswordPopupTypeCct.shake = function() { $(".forgotpassword.from_background.is_open").addClass('shake'); timerAdjustOpen = setTimeout(function() { $(".forgotpassword.from_background.is_open").removeClass('shake'); }, 100); } /* shake */ /* login */ $inforgotpasswordPopupTypeCct.login = function() { $inforgotpasswordPopupTypeCct.helper.forgotpasswordUnDone(); $inforgotpasswordPopupTypeCct.close(); $inloginPopupTypeCct.open(); } /* login */ /* toHome */ $inforgotpasswordPopupTypeCct.toHome = function() { $inforgotpasswordPopupTypeCct.helper.forgotpasswordUnDone(); window.location.href = 'home'; }; /* toHome */ /* Cart displat at right side of page */ var $inforgotpasswordPopupTypeElc = {}; /* params */ $inforgotpasswordPopupTypeElc.path = CUR_THEME.devsource_url() + "dev.sugarfree/share/componentForgotPasswordTypeElc/"; $inforgotpasswordPopupTypeElc.templateRoot = 'root.php'; $inforgotpasswordPopupTypeElc.assetsPath = CUR_THEME.extensions_url() + '../../assets/'; $inforgotpasswordPopupTypeElc.indexCout = 0; Number.prototype.formatMoney = function(c, d, t) { var n = this, c = isNaN(c = Math.abs(c)) ? 2 : c, d = d == undefined ? "." : d, t = t == undefined ? "," : t, s = n < 0 ? "-" : "", i = String(parseInt(n = Math.abs(Number(n) || 0).toFixed(c))), j = (j = i.length) > 3 ? j % 3 : 0; return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : ""); }; /* Install */ $inforgotpasswordPopupTypeElc.install = function(shopId, customBuild) { /* dont install in (checkout, forgotpassword) */ /*if (window.location.href.indexOf('/checkout') == -1 && window.location.href.indexOf('/forgotpassword') == -1 && window.location.href.indexOf('/thankyou') == -1 && window.location.href.indexOf('/fail') == -1) {*/ this.templateRoot = 'root.php'; $.get($inforgotpasswordPopupTypeElc.path + 'componentForgotPasswordTypeElc.css', function(response) { $('head').append(''); }); $.get($inforgotpasswordPopupTypeElc.path + 'root.php', { imgpath: this.assetsPath, shopId: shopId, custom: customBuild, path: $inforgotpasswordPopupTypeElc.path }, function(response) { $('body').append(response); }); /* fix ios height */ var winHightTimer = setTimeout(function() { clearTimeout(winHightTimer); }, 2000); /*}*/ }; $inforgotpasswordPopupTypeElc.api = GURL.base_api_url(); /* Install */ /* forgotpassword model */ $inforgotpasswordPopupTypeElc.forgotpassword = { email: '', }; $inforgotpasswordPopupTypeElc.error = { emailExist: false, email: false, emailText: 'ตรวจสอบรูปแบบอีเมล Email should be valid (name@domain.com)', }; /* forgotpassword model */ /* validateForgotpassword */ $inforgotpasswordPopupTypeElc.validateForgotpassword = function() { var promise = { checkEmail: function(v, callback) { $.ajax({ type: 'POST', method: 'POST', url: $inforgotpasswordPopupTypeElc.host() + 'customer/is_exists_email', data: { txt_email: v }, datatType: 'json' }).done(function(e) { callback(e); }); }, focusEmail: function() { $inforgotpasswordPopupTypeElc.error.email = false; $inforgotpasswordPopupTypeElc.error.emailExist = false; $('#forgotpassword-email').css('border', ''); }, email: function() { var v = $('#forgotpassword-email-v1').val(); var t = this; if (v.length <= 0) { $inforgotpasswordPopupTypeElc.shake(); $inforgotpasswordPopupTypeElc.validateForgotpassword().emailInputNullError(); $inforgotpasswordPopupTypeElc.error_email = false; $inforgotpasswordPopupTypeElc.error_emailExist = false; return false; } else { var valid = $inforgotpasswordPopupTypeElc.helper.isEmail(v, true); if (v.length > 0 && !valid) { $inforgotpasswordPopupTypeElc.shake(); $inforgotpasswordPopupTypeElc.validateForgotpassword().emailInputError(); $inforgotpasswordPopupTypeElc.error_email = true; return false; } else if (v.length > 0 && valid) { $inforgotpasswordPopupTypeElc.validateForgotpassword().emailOk(); return true; } } }, emailOk: function() { $('#forgotpassword-email-v1').css('border', '2px solid green'); $inforgotpasswordPopupTypeElc.validateForgotpassword().emailInputOk(); }, emailInputOk: function() { $("#forgotpassword-error-email").removeClass("error"); $("#forgotpassword-error-email").css('opacity', 0); }, emailError: function() { $("#forgotpassword-email-v1").css('border', '2px solid red'); }, emailInputError: function() { $inforgotpasswordPopupTypeElc.validateForgotpassword().emailError(); $("#forgotpassword-error-email").addClass("error"); $("#forgotpassword-error-email").css('opacity', 1).html('ตรวจสอบรูปแบบอีเมล Email should be valid เช่น getappeasy@gmail.com'); }, emailInputNullError: function() { $inforgotpasswordPopupTypeElc.validateForgotpassword().emailError(); $("#forgotpassword-error-email").addClass("error"); // $("#forgotpassword-error-email").css('opacity', 1).html('ตรวจสอบรูปแบบอีเมล Email should be valid (name@domain.com)'); }, resetEmail: function() { $("#forgotpassword-email-v1").css('border', ''); $("#forgotpassword-email-v1").val(''); $("#forgotpassword-error-email").css('opacity', 0); }, reset: function() { $inforgotpasswordPopupTypeElc.validateForgotpassword().resetEmail(); }, }; return promise; }; /* validateForgotpassword */ /* load html */ $inforgotpasswordPopupTypeElc.viewHtml = function(viewName) { var html = path + viewName; return html; }; $inforgotpasswordPopupTypeElc.whenOnLoad = function(shopId) {}; $inforgotpasswordPopupTypeElc.helper = { countDots: function(s1, letter) { return (s1.match(RegExp(letter, 'g')) || []).length; }, isAlpabet: function(str) { var strObj = str.match(/^[a-zA-zก-๙]+/g); var returnStr = ""; for (var idx in strObj) { returnStr += strObj[idx].replace("^", ""); } return returnStr; }, isEmail: function(email) { var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; var result = re.test(email); var a = email.split('@'); var checkTopLevel = false; if (result && a.length > 1) { return (a[1].length >= 5) ? true : false; } else { return false; } }, isChar: function(e) { var k = (e.which) ? e.which : e.keyCode; if (k >= 48 && k <= 57) { return false; } else { return k; } }, pageLoadState: false, pageLoad: function() { var load = $('.forgotpassword_vElc_load'); if (!load.hasClass('active')) { load.addClass('active'); } }, pageUnLoad: function() { var load = $('.forgotpassword_vElc_load'); if (load.hasClass('active')) { load.removeClass('active'); } }, forgotpasswordDone: function() { var load = $('.forgotpassword_vElc_done'); if (!load.hasClass('active')) { load.addClass('active'); } timerAdjustOpen = setTimeout(function() { $(".forgotpassword_done.from_background").addClass("is_open"); }, 100); }, forgotpasswordUnDone: function() { var load = $('.forgotpassword_vElc_done'); if (load.hasClass('active')) { load.removeClass('active'); } timerAdjustOpen = setTimeout(function() { $(".forgotpassword_done.from_background").removeClass("is_open"); }, 100); }, }; /* load html */ /* submitForgotpassword */ $inforgotpasswordPopupTypeElc.submitForgotpassword = function() { $inforgotpasswordPopupTypeElc.forgotpassword.email = $('#forgotpassword-email-v1').val(); var userEmail = $inforgotpasswordPopupTypeElc.forgotpassword.email; var userEmailValid = $inforgotpasswordPopupTypeElc.validateForgotpassword().email(); console.log("submitForgotpassword", "userEmailValid : ", userEmailValid); if (!userEmailValid) { console.log("submitForgotpassword", "return"); $inforgotpasswordPopupTypeElc.shake(); return; } $inforgotpasswordPopupTypeElc.validateForgotpassword().checkEmail(userEmail, function(resultCheck) { console.log("submitForgotpassword", resultCheck); if (resultCheck.ok == 1) { console.log('submitForgotpassword true'); $inforgotpasswordPopupTypeElc.validateForgotpassword().emailInputError(); $inforgotpasswordPopupTypeElc.error.email = true; $inforgotpasswordPopupTypeElc.error.emailExist = true; } else { console.log('submitForgotpassword false'); return $inforgotpasswordPopupTypeElc.sendSubmitForgotpassword(false); } }); }; /* submitForgotpassword */ /* sendSubmitForgotpassword */ $inforgotpasswordPopupTypeElc.sendSubmitForgotpassword = function(reCheck) { $inforgotpasswordPopupTypeElc.forgotpassword.pressing = true; var userEmail = $inforgotpasswordPopupTypeElc.forgotpassword.email; console.log("sendSubmitForgotpassword userEmail : ", userEmail); if (reCheck) { /* if error : user */ if (userEmail.length <= 0) { $inforgotpasswordPopupTypeElc.validateForgotpassword().emailInputError(); } else { $inforgotpasswordPopupTypeElc.validateForgotpassword().emailOk(); } /* email */ if (userEmail.length > 0 && !$inforgotpasswordPopupTypeElc.helper.isEmail(userEmail)) { $inforgotpasswordPopupTypeElc.error_email = true; } else { $inforgotpasswordPopupTypeElc.error_email = false; } } /* loading */ $inforgotpasswordPopupTypeElc.helper.pageLoad(); var dataSend = { txt_email: userEmail }; GAEAPI.post('customer/forgot_password', dataSend).then(function(e) { console.log("sendSubmitForgotpassword : complete", e); if (e.ok == 1) { setTimeout(function() { $inforgotpasswordPopupTypeElc.close(); $inforgotpasswordPopupTypeElc.helper.pageUnLoad(); $inforgotpasswordPopupTypeElc.helper.forgotpasswordDone(); }, 100); } else { $inforgotpasswordPopupTypeElc.helper.pageUnLoad(); alert("ผิดพลาด กรุณาลองใหม่อีกครั้ง"); return; } }); /* loading */ }; /* sendSubmitForgotpassword */ $inforgotpasswordPopupTypeElc.host = function() { if (window.location.href.indexOf('localhost') !== -1) { return 'https://missmonribs.getappeasy.com/store/api/v1/'; } return GURL.base_api_url(); } /* Open */ var timerAdjustOpen = 0; $inforgotpasswordPopupTypeElc.isOpen = false; $inforgotpasswordPopupTypeElc.open = function() { $inforgotpasswordPopupTypeElc.validateForgotpassword().reset(); $(".forgotpassword_overlay").addClass("is_open"); $('html').css({ 'overflow-y': 'scroll', 'overflow': 'hidden' }); $('body').css({ 'overflow': 'hidden', 'position': 'relative' }); timerAdjustOpen = setTimeout(function() { $(".forgotpassword.from_background").addClass("is_open"); }, 100); $(document).keypress(function(e) { var keycode = (e.keyCode ? e.keyCode : e.which); if (keycode == '13') { $inforgotpasswordPopupTypeElc.submitForgotpassword(); } }); }; /* Open */ /* Close */ $inforgotpasswordPopupTypeElc.close = function() { $(".forgotpassword_overlay").removeClass("is_open"); $(".forgotpassword.from_background").removeClass("is_open"); $('html').css({ 'overflow-y': 'unset', 'overflow': 'unset' }); $('body').css({ 'overflow': 'auto', 'position': 'relative' }); }; /* Close */ /* shake */ $inforgotpasswordPopupTypeElc.shake = function() { $(".forgotpassword.from_background.is_open").addClass('shake'); timerAdjustOpen = setTimeout(function() { $(".forgotpassword.from_background.is_open").removeClass('shake'); }, 100); } /* shake */ /* login */ $inforgotpasswordPopupTypeElc.login = function() { $inforgotpasswordPopupTypeElc.helper.forgotpasswordUnDone(); $inforgotpasswordPopupTypeElc.close(); $inregisterPopupTypeElc.open(); } /* login */ /* toHome */ $inforgotpasswordPopupTypeElc.toHome = function() { $inforgotpasswordPopupTypeElc.helper.forgotpasswordUnDone(); window.location.href = 'home'; }; /* toHome */ /* Init */ /* Init */ /* Init */ /* $(function() { var currentShopId = parseInt(CUR_THEME.shop_id()); switch (currentShopId) { case 541: $inforgotpasswordPopupTypeElc.install(currentShopId, false); break; case 635: $inforgotpasswordPopupTypeElc.install(currentShopId, false); break; case 646: $inforgotpasswordPopupTypeElc.install(currentShopId, false); break; case 647: $inforgotpasswordPopupTypeElc.install(currentShopId, false); break; case 676: $inforgotpasswordPopupTypeElc.install(currentShopId, false); break; case 717: $inforgotpasswordPopupTypeElc.install(currentShopId, false); break; case 718: $inforgotpasswordPopupTypeElc.install(currentShopId, false); break; case 723: $inforgotpasswordPopupTypeElc.install(currentShopId, false); break; case 729: $inforgotpasswordPopupTypeElc.install(currentShopId, false); break; case 732: $inforgotpasswordPopupTypeElc.install(currentShopId, false); break; case 731: $inforgotpasswordPopupTypeElc.install(currentShopId, false); break; default: break; } }); *//* Cart displat at right side of page */ var $inforgotpasswordPopupTypeGrip = {}; /* params */ $inforgotpasswordPopupTypeGrip.path = CUR_THEME.devsource_url() + "dev.sugarfree/share/componentForgotPasswordTypeGrip/"; $inforgotpasswordPopupTypeGrip.templateRoot = 'root.php'; $inforgotpasswordPopupTypeGrip.assetsPath = CUR_THEME.extensions_url() + '../../assets/'; $inforgotpasswordPopupTypeGrip.indexCout = 0; Number.prototype.formatMoney = function(c, d, t) { var n = this, c = isNaN(c = Math.abs(c)) ? 2 : c, d = d == undefined ? "." : d, t = t == undefined ? "," : t, s = n < 0 ? "-" : "", i = String(parseInt(n = Math.abs(Number(n) || 0).toFixed(c))), j = (j = i.length) > 3 ? j % 3 : 0; return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : ""); }; /* Install */ $inforgotpasswordPopupTypeGrip.install = function(shopId, customBuild) { /* dont install in (checkout, forgotpassword) */ /*if (window.location.href.indexOf('/checkout') == -1 && window.location.href.indexOf('/forgotpassword') == -1 && window.location.href.indexOf('/thankyou') == -1 && window.location.href.indexOf('/fail') == -1) {*/ this.templateRoot = 'root.php'; $.get($inforgotpasswordPopupTypeGrip.path + 'componentForgotPasswordTypeGrip.css', function(response) { $('head').append(''); }); $.get($inforgotpasswordPopupTypeGrip.path + 'root.php', { imgpath: this.assetsPath, shopId: shopId, custom: customBuild, path: $inforgotpasswordPopupTypeGrip.path }, function(response) { $('body').append(response); }); /* fix ios height */ var winHightTimer = setTimeout(function() { clearTimeout(winHightTimer); }, 2000); /*}*/ }; $inforgotpasswordPopupTypeGrip.api = GURL.base_api_url(); /* Install */ /* forgotpassword model */ $inforgotpasswordPopupTypeGrip.forgotpassword = { email: '', }; $inforgotpasswordPopupTypeGrip.error = { emailExist: false, email: false, emailText: 'ตรวจสอบรูปแบบอีเมล Email should be valid (name@domain.com)', }; /* forgotpassword model */ /* validateForgotpassword */ $inforgotpasswordPopupTypeGrip.validateForgotpassword = function() { var promise = { checkEmail: function(v, callback) { $.ajax({ type: 'POST', method: 'POST', url: $inforgotpasswordPopupTypeGrip.host() + 'customer/is_exists_email', data: { txt_email: v }, datatType: 'json' }).done(function(e) { callback(e); }); }, focusEmail: function() { $inforgotpasswordPopupTypeGrip.error.email = false; $inforgotpasswordPopupTypeGrip.error.emailExist = false; $('#forgotpassword-email').css('border', ''); }, email: function() { var v = $('#forgotpassword-email-v1').val(); var t = this; if (v.length <= 0) { $inforgotpasswordPopupTypeGrip.shake(); $inforgotpasswordPopupTypeGrip.validateForgotpassword().emailInputNullError(); $inforgotpasswordPopupTypeGrip.error_email = false; $inforgotpasswordPopupTypeGrip.error_emailExist = false; return false; } else { var valid = $inforgotpasswordPopupTypeGrip.helper.isEmail(v, true); if (v.length > 0 && !valid) { $inforgotpasswordPopupTypeGrip.shake(); $inforgotpasswordPopupTypeGrip.validateForgotpassword().emailInputError(); $inforgotpasswordPopupTypeGrip.error_email = true; return false; } else if (v.length > 0 && valid) { $inforgotpasswordPopupTypeGrip.validateForgotpassword().emailOk(); return true; } } }, emailOk: function() { $('#forgotpassword-email-v1').css('border', '2px solid green'); $inforgotpasswordPopupTypeGrip.validateForgotpassword().emailInputOk(); }, emailInputOk: function() { $("#forgotpassword-error-email").removeClass("error"); $("#forgotpassword-error-email").css('opacity', 0); }, emailError: function() { $("#forgotpassword-email-v1").css('border', '2px solid red'); }, emailInputError: function() { $inforgotpasswordPopupTypeGrip.validateForgotpassword().emailError(); $("#forgotpassword-error-email").addClass("error"); $("#forgotpassword-error-email").css('opacity', 1).html('ตรวจสอบรูปแบบอีเมล Email should be valid เช่น getappeasy@gmail.com'); }, emailInputNullError: function() { $inforgotpasswordPopupTypeGrip.validateForgotpassword().emailError(); $("#forgotpassword-error-email").addClass("error"); // $("#forgotpassword-error-email").css('opacity', 1).html('ตรวจสอบรูปแบบอีเมล Email should be valid (name@domain.com)'); }, resetEmail: function() { $("#forgotpassword-email-v1").css('border', ''); $("#forgotpassword-email-v1").val(''); $("#forgotpassword-error-email").css('opacity', 0); }, reset: function() { $inforgotpasswordPopupTypeGrip.validateForgotpassword().resetEmail(); }, }; return promise; }; /* validateForgotpassword */ /* load html */ $inforgotpasswordPopupTypeGrip.viewHtml = function(viewName) { var html = path + viewName; return html; }; $inforgotpasswordPopupTypeGrip.whenOnLoad = function(shopId) {}; $inforgotpasswordPopupTypeGrip.helper = { countDots: function(s1, letter) { return (s1.match(RegExp(letter, 'g')) || []).length; }, isAlpabet: function(str) { var strObj = str.match(/^[a-zA-zก-๙]+/g); var returnStr = ""; for (var idx in strObj) { returnStr += strObj[idx].replace("^", ""); } return returnStr; }, isEmail: function(email) { var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; var result = re.test(email); var a = email.split('@'); var checkTopLevel = false; if (result && a.length > 1) { return (a[1].length >= 5) ? true : false; } else { return false; } }, isChar: function(e) { var k = (e.which) ? e.which : e.keyCode; if (k >= 48 && k <= 57) { return false; } else { return k; } }, pageLoadState: false, pageLoad: function() { var load = $('.forgotpassword_vGrip_load'); if (!load.hasClass('active')) { load.addClass('active'); } }, pageUnLoad: function() { var load = $('.forgotpassword_vGrip_load'); if (load.hasClass('active')) { load.removeClass('active'); } }, forgotpasswordDone: function() { var load = $('.forgotpassword_vGrip_done'); if (!load.hasClass('active')) { load.addClass('active'); } timerAdjustOpen = setTimeout(function() { $(".forgotpassword_done.from_background").addClass("is_open"); }, 100); }, forgotpasswordUnDone: function() { var load = $('.forgotpassword_vGrip_done'); if (load.hasClass('active')) { load.removeClass('active'); } timerAdjustOpen = setTimeout(function() { $(".forgotpassword_done.from_background").removeClass("is_open"); }, 100); }, }; /* load html */ /* submitForgotpassword */ $inforgotpasswordPopupTypeGrip.submitForgotpassword = function() { $inforgotpasswordPopupTypeGrip.forgotpassword.email = $('#forgotpassword-email-v1').val(); var userEmail = $inforgotpasswordPopupTypeGrip.forgotpassword.email; var userEmailValid = $inforgotpasswordPopupTypeGrip.validateForgotpassword().email(); console.log("submitForgotpassword", "userEmailValid : ", userEmailValid); if (!userEmailValid) { console.log("submitForgotpassword", "return"); $inforgotpasswordPopupTypeGrip.shake();inforgotpasswordPopupTypeGrip return; } $inforgotpasswordPopupTypeGrip.validateForgotpassword().checkEmail(userEmail, function(resultCheck) { console.log("submitForgotpassword", resultCheck); if (resultCheck.ok == 1) { console.log('submitForgotpassword true'); $inforgotpasswordPopupTypeGrip.validateForgotpassword().emailInputError(); $inforgotpasswordPopupTypeGrip.error.email = true; $inforgotpasswordPopupTypeGrip.error.emailExist = true; } else { console.log('submitForgotpassword false'); return $inforgotpasswordPopupTypeGrip.sendSubmitForgotpassword(false); } }); }; /* submitForgotpassword */ /* sendSubmitForgotpassword */ $inforgotpasswordPopupTypeGrip.sendSubmitForgotpassword = function(reCheck) { $inforgotpasswordPopupTypeGrip.forgotpassword.pressing = true; var userEmail = $inforgotpasswordPopupTypeGrip.forgotpassword.email; console.log("sendSubmitForgotpassword userEmail : ", userEmail); if (reCheck) { /* if error : user */ if (userEmail.length <= 0) { $inforgotpasswordPopupTypeGrip.validateForgotpassword().emailInputError(); } else { $inforgotpasswordPopupTypeGrip.validateForgotpassword().emailOk(); } /* email */ if (userEmail.length > 0 && !$inforgotpasswordPopupTypeGrip.helper.isEmail(userEmail)) { $inforgotpasswordPopupTypeGrip.error_email = true; } else { $inforgotpasswordPopupTypeGrip.error_email = false; } } /* loading */ $inforgotpasswordPopupTypeGrip.helper.pageLoad(); var dataSend = { txt_email: userEmail }; GAEAPI.post('customer/forgot_password', dataSend).then(function(e) { console.log("sendSubmitForgotpassword : complete", e); if (e.ok == 1) { setTimeout(function() { $inforgotpasswordPopupTypeGrip.close(); $inforgotpasswordPopupTypeGrip.helper.pageUnLoad(); $inforgotpasswordPopupTypeGrip.helper.forgotpasswordDone(); }, 100); } else { $inforgotpasswordPopupTypeGrip.helper.pageUnLoad(); alert("ผิดพลาด กรุณาลองใหม่อีกครั้ง"); return; } }); /* loading */ }; /* sendSubmitForgotpassword */ $inforgotpasswordPopupTypeGrip.host = function() { if (window.location.href.indexOf('localhost') !== -1) { return 'https://missmonribs.getappeasy.com/store/api/v1/'; } return GURL.base_api_url(); } /* Open */ var timerAdjustOpen = 0; $inforgotpasswordPopupTypeGrip.isOpen = false; $inforgotpasswordPopupTypeGrip.open = function() { $inforgotpasswordPopupTypeGrip.validateForgotpassword().reset(); $(".forgotpassword_overlay").addClass("is_open"); $('html').css({ 'overflow-y': 'scroll', 'overflow': 'hidden' }); $('body').css({ 'overflow': 'hidden', 'position': 'relative' }); timerAdjustOpen = setTimeout(function() { $(".forgotpassword.from_background").addClass("is_open"); }, 100); $(document).keypress(function(e) { var keycode = (e.keyCode ? e.keyCode : e.which); if (keycode == '13') { $inforgotpasswordPopupTypeGrip.submitForgotpassword(); } }); }; /* Open */ /* Close */ $inforgotpasswordPopupTypeGrip.close = function() { $(".forgotpassword_overlay").removeClass("is_open"); $(".forgotpassword.from_background").removeClass("is_open"); $('html').css({ 'overflow-y': 'unset', 'overflow': 'unset' }); $('body').css({ 'overflow': 'auto', 'position': 'relative' }); }; /* Close */ /* shake */ $inforgotpasswordPopupTypeGrip.shake = function() { $(".forgotpassword.from_background.is_open").addClass('shake'); timerAdjustOpen = setTimeout(function() { $(".forgotpassword.from_background.is_open").removeClass('shake'); }, 100); } /* shake */ /* login */ $inforgotpasswordPopupTypeGrip.login = function() { $inforgotpasswordPopupTypeGrip.helper.forgotpasswordUnDone(); $inforgotpasswordPopupTypeGrip.close(); $inloginPopupTypeGrip.open(); } /* login */ /* toHome */ $inforgotpasswordPopupTypeGrip.toHome = function() { $inforgotpasswordPopupTypeGrip.helper.forgotpasswordUnDone(); window.location.href = 'home'; }; /* toHome */ /* Init */ /* Init */ /* Init */ /* $(function() { var currentShopId = parseInt(CUR_THEME.shop_id()); switch (currentShopId) { case 541: $inforgotpasswordPopupTypeGrip.install(currentShopId, false); break; case 635: $inforgotpasswordPopupTypeGrip.install(currentShopId, false); break; case 646: $inforgotpasswordPopupTypeGrip.install(currentShopId, false); break; case 647: $inforgotpasswordPopupTypeGrip.install(currentShopId, false); break; case 676: $inforgotpasswordPopupTypeGrip.install(currentShopId, false); break; case 717: $inforgotpasswordPopupTypeGrip.install(currentShopId, false); break; case 718: $inforgotpasswordPopupTypeGrip.install(currentShopId, false); break; case 723: $inforgotpasswordPopupTypeGrip.install(currentShopId, false); break; case 729: $inforgotpasswordPopupTypeGrip.install(currentShopId, false); break; case 732: $inforgotpasswordPopupTypeGrip.install(currentShopId, false); break; case 731: $inforgotpasswordPopupTypeGrip.install(currentShopId, false); break; default: break; } }); *//* Cart displat at right side of page */ var $inforgotpasswordPopupTypeInfosat = {}; /* params */ $inforgotpasswordPopupTypeInfosat.path = CUR_THEME.devsource_url() + "dev.sugarfree/share/componentForgotPasswordTypeInfosat/"; $inforgotpasswordPopupTypeInfosat.templateRoot = 'root.php'; $inforgotpasswordPopupTypeInfosat.assetsPath = CUR_THEME.extensions_url() + '../../assets/'; $inforgotpasswordPopupTypeInfosat.indexCout = 0; Number.prototype.formatMoney = function(c, d, t) { var n = this, c = isNaN(c = Math.abs(c)) ? 2 : c, d = d == undefined ? "." : d, t = t == undefined ? "," : t, s = n < 0 ? "-" : "", i = String(parseInt(n = Math.abs(Number(n) || 0).toFixed(c))), j = (j = i.length) > 3 ? j % 3 : 0; return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : ""); }; /* Install */ $inforgotpasswordPopupTypeInfosat.install = function(shopId, customBuild) { /* dont install in (checkout, forgotpassword) */ /*if (window.location.href.indexOf('/checkout') == -1 && window.location.href.indexOf('/forgotpassword') == -1 && window.location.href.indexOf('/thankyou') == -1 && window.location.href.indexOf('/fail') == -1) {*/ this.templateRoot = 'root.php'; $.get($inforgotpasswordPopupTypeInfosat.path + 'componentForgotPasswordTypeInfosat.css', function(response) { $('head').append(''); }); $.get($inforgotpasswordPopupTypeInfosat.path + 'root.php', { imgpath: this.assetsPath, shopId: shopId, custom: customBuild, path: $inforgotpasswordPopupTypeInfosat.path }, function(response) { $('body').append(response); }); /* fix ios height */ var winHightTimer = setTimeout(function() { clearTimeout(winHightTimer); }, 2000); /*}*/ }; $inforgotpasswordPopupTypeInfosat.api = GURL.base_api_url(); /* Install */ /* forgotpassword model */ $inforgotpasswordPopupTypeInfosat.forgotpassword = { email: '', }; $inforgotpasswordPopupTypeInfosat.error = { emailExist: false, email: false, emailText: 'ตรวจสอบรูปแบบอีเมล Email should be valid (name@domain.com)', }; /* forgotpassword model */ /* validateForgotpassword */ $inforgotpasswordPopupTypeInfosat.validateForgotpassword = function() { var promise = { checkEmail: function(v, callback) { $.ajax({ type: 'POST', method: 'POST', url: $inforgotpasswordPopupTypeInfosat.host() + 'customer/is_exists_email', data: { txt_email: v }, datatType: 'json' }).done(function(e) { callback(e); }); }, focusEmail: function() { $inforgotpasswordPopupTypeInfosat.error.email = false; $inforgotpasswordPopupTypeInfosat.error.emailExist = false; $('#forgotpassword-email').css('border', ''); }, email: function() { var v = $('#forgotpassword-email-v1').val(); var t = this; if (v.length <= 0) { $inforgotpasswordPopupTypeInfosat.shake(); $inforgotpasswordPopupTypeInfosat.validateForgotpassword().emailInputNullError(); $inforgotpasswordPopupTypeInfosat.error_email = false; $inforgotpasswordPopupTypeInfosat.error_emailExist = false; return false; } else { var valid = $inforgotpasswordPopupTypeInfosat.helper.isEmail(v, true); if (v.length > 0 && !valid) { $inforgotpasswordPopupTypeInfosat.shake(); $inforgotpasswordPopupTypeInfosat.validateForgotpassword().emailInputError(); $inforgotpasswordPopupTypeInfosat.error_email = true; return false; } else if (v.length > 0 && valid) { $inforgotpasswordPopupTypeInfosat.validateForgotpassword().emailOk(); return true; } } }, emailOk: function() { $('#forgotpassword-email-v1').css('border', '2px solid green'); $inforgotpasswordPopupTypeInfosat.validateForgotpassword().emailInputOk(); }, emailInputOk: function() { $("#forgotpassword-error-email").removeClass("error"); $("#forgotpassword-error-email").css('opacity', 0); }, emailError: function() { $("#forgotpassword-email-v1").css('border', '2px solid red'); }, emailInputError: function() { $inforgotpasswordPopupTypeInfosat.validateForgotpassword().emailError(); $("#forgotpassword-error-email").addClass("error"); $("#forgotpassword-error-email").css('opacity', 1).html('ตรวจสอบรูปแบบอีเมล Email should be valid เช่น getappeasy@gmail.com'); }, emailInputNullError: function() { $inforgotpasswordPopupTypeInfosat.validateForgotpassword().emailError(); $("#forgotpassword-error-email").addClass("error"); // $("#forgotpassword-error-email").css('opacity', 1).html('ตรวจสอบรูปแบบอีเมล Email should be valid (name@domain.com)'); }, resetEmail: function() { $("#forgotpassword-email-v1").css('border', ''); $("#forgotpassword-email-v1").val(''); $("#forgotpassword-error-email").css('opacity', 0); }, reset: function() { $inforgotpasswordPopupTypeInfosat.validateForgotpassword().resetEmail(); }, }; return promise; }; /* validateForgotpassword */ /* load html */ $inforgotpasswordPopupTypeInfosat.viewHtml = function(viewName) { var html = path + viewName; return html; }; $inforgotpasswordPopupTypeInfosat.whenOnLoad = function(shopId) {}; $inforgotpasswordPopupTypeInfosat.helper = { countDots: function(s1, letter) { return (s1.match(RegExp(letter, 'g')) || []).length; }, isAlpabet: function(str) { var strObj = str.match(/^[a-zA-zก-๙]+/g); var returnStr = ""; for (var idx in strObj) { returnStr += strObj[idx].replace("^", ""); } return returnStr; }, isEmail: function(email) { var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; var result = re.test(email); var a = email.split('@'); var checkTopLevel = false; if (result && a.length > 1) { return (a[1].length >= 5) ? true : false; } else { return false; } }, isChar: function(e) { var k = (e.which) ? e.which : e.keyCode; if (k >= 48 && k <= 57) { return false; } else { return k; } }, pageLoadState: false, pageLoad: function() { var load = $('.forgotpassword_vInfosat_load'); if (!load.hasClass('active')) { load.addClass('active'); } }, pageUnLoad: function() { var load = $('.forgotpassword_vInfosat_load'); if (load.hasClass('active')) { load.removeClass('active'); } }, forgotpasswordDone: function() { var load = $('.forgotpassword_vInfosat_done'); if (!load.hasClass('active')) { load.addClass('active'); } timerAdjustOpen = setTimeout(function() { $(".forgotpassword_done.from_background").addClass("is_open"); }, 100); }, forgotpasswordUnDone: function() { var load = $('.forgotpassword_vInfosat_done'); if (load.hasClass('active')) { load.removeClass('active'); } timerAdjustOpen = setTimeout(function() { $(".forgotpassword_done.from_background").removeClass("is_open"); }, 100); }, }; /* load html */ /* submitForgotpassword */ $inforgotpasswordPopupTypeInfosat.submitForgotpassword = function() { $inforgotpasswordPopupTypeInfosat.forgotpassword.email = $('#forgotpassword-email-v1').val(); var userEmail = $inforgotpasswordPopupTypeInfosat.forgotpassword.email; var userEmailValid = $inforgotpasswordPopupTypeInfosat.validateForgotpassword().email(); console.log("submitForgotpassword", "userEmailValid : ", userEmailValid); if (!userEmailValid) { console.log("submitForgotpassword", "return"); $inforgotpasswordPopupTypeInfosat.shake(); return; } $inforgotpasswordPopupTypeInfosat.validateForgotpassword().checkEmail(userEmail, function(resultCheck) { console.log("submitForgotpassword", resultCheck); if (resultCheck.ok == 1) { console.log('submitForgotpassword true'); $inforgotpasswordPopupTypeInfosat.validateForgotpassword().emailInputError(); $inforgotpasswordPopupTypeInfosat.error.email = true; $inforgotpasswordPopupTypeInfosat.error.emailExist = true; } else { console.log('submitForgotpassword false'); return $inforgotpasswordPopupTypeInfosat.sendSubmitForgotpassword(false); } }); }; /* submitForgotpassword */ /* sendSubmitForgotpassword */ $inforgotpasswordPopupTypeInfosat.sendSubmitForgotpassword = function(reCheck) { $inforgotpasswordPopupTypeInfosat.forgotpassword.pressing = true; var userEmail = $inforgotpasswordPopupTypeInfosat.forgotpassword.email; console.log("sendSubmitForgotpassword userEmail : ", userEmail); if (reCheck) { /* if error : user */ if (userEmail.length <= 0) { $inforgotpasswordPopupTypeInfosat.validateForgotpassword().emailInputError(); } else { $inforgotpasswordPopupTypeInfosat.validateForgotpassword().emailOk(); } /* email */ if (userEmail.length > 0 && !$inforgotpasswordPopupTypeInfosat.helper.isEmail(userEmail)) { $inforgotpasswordPopupTypeInfosat.error_email = true; } else { $inforgotpasswordPopupTypeInfosat.error_email = false; } } /* loading */ $inforgotpasswordPopupTypeInfosat.helper.pageLoad(); var dataSend = { txt_email: userEmail }; GAEAPI.post('customer/forgot_password', dataSend).then(function(e) { console.log("sendSubmitForgotpassword : complete", e); if (e.ok == 1) { setTimeout(function() { $inforgotpasswordPopupTypeInfosat.close(); $inforgotpasswordPopupTypeInfosat.helper.pageUnLoad(); $inforgotpasswordPopupTypeInfosat.helper.forgotpasswordDone(); }, 100); } else { $inforgotpasswordPopupTypeInfosat.helper.pageUnLoad(); alert("ผิดพลาด กรุณาลองใหม่อีกครั้ง"); return; } }); /* loading */ }; /* sendSubmitForgotpassword */ $inforgotpasswordPopupTypeInfosat.host = function() { if (window.location.href.indexOf('localhost') !== -1) { return 'https://missmonribs.getappeasy.com/store/api/v1/'; } return GURL.base_api_url(); } /* Open */ var timerAdjustOpen = 0; $inforgotpasswordPopupTypeInfosat.isOpen = false; $inforgotpasswordPopupTypeInfosat.open = function() { $inforgotpasswordPopupTypeInfosat.validateForgotpassword().reset(); $(".forgotpassword_overlay").addClass("is_open"); $('html').css({ 'overflow-y': 'scroll', 'overflow': 'hidden' }); $('body').css({ 'overflow': 'hidden', 'position': 'fixed' }); timerAdjustOpen = setTimeout(function() { $(".forgotpassword.from_background").addClass("is_open"); }, 100); $(document).keypress(function(e) { var keycode = (e.keyCode ? e.keyCode : e.which); if (keycode == '13') { $inforgotpasswordPopupTypeInfosat.submitForgotpassword(); } }); }; /* Open */ /* Close */ $inforgotpasswordPopupTypeInfosat.close = function() { $(".forgotpassword_overlay").removeClass("is_open"); $(".forgotpassword.from_background").removeClass("is_open"); $('html').css({ 'overflow-y': 'unset', 'overflow': 'unset' }); $('body').css({ 'overflow': 'auto', 'position': 'relative' }); }; /* Close */ /* shake */ $inforgotpasswordPopupTypeInfosat.shake = function() { $(".forgotpassword.from_background.is_open").addClass('shake'); timerAdjustOpen = setTimeout(function() { $(".forgotpassword.from_background.is_open").removeClass('shake'); }, 100); } /* shake */ /* login */ $inforgotpasswordPopupTypeInfosat.login = function() { $inforgotpasswordPopupTypeInfosat.helper.forgotpasswordUnDone(); $inforgotpasswordPopupTypeInfosat.close(); $inregisterPopupTypeInfosat.open(); } /* login */ /* toHome */ $inforgotpasswordPopupTypeInfosat.toHome = function() { $inforgotpasswordPopupTypeInfosat.helper.forgotpasswordUnDone(); window.location.href = 'home'; }; /* toHome */ /* Init */ /* Init */ /* Init */ /* $(function() { var currentShopId = parseInt(CUR_THEME.shop_id()); switch (currentShopId) { case 541: $inforgotpasswordPopupTypeInfosat.install(currentShopId, false); break; case 635: $inforgotpasswordPopupTypeInfosat.install(currentShopId, false); break; case 646: $inforgotpasswordPopupTypeInfosat.install(currentShopId, false); break; case 647: $inforgotpasswordPopupTypeInfosat.install(currentShopId, false); break; case 676: $inforgotpasswordPopupTypeInfosat.install(currentShopId, false); break; case 717: $inforgotpasswordPopupTypeInfosat.install(currentShopId, false); break; case 718: $inforgotpasswordPopupTypeInfosat.install(currentShopId, false); break; case 723: $inforgotpasswordPopupTypeInfosat.install(currentShopId, false); break; case 729: $inforgotpasswordPopupTypeInfosat.install(currentShopId, false); break; case 732: $inforgotpasswordPopupTypeInfosat.install(currentShopId, false); break; case 731: $inforgotpasswordPopupTypeInfosat.install(currentShopId, false); break; default: break; } }); *//* Cart displat at right side of page */ var $inforgotpasswordPopupTypeProin = {}; /* params */ $inforgotpasswordPopupTypeProin.path = CUR_THEME.devsource_url() + "dev.sugarfree/share/componentForgotPasswordTypeProin/"; $inforgotpasswordPopupTypeProin.templateRoot = 'root.php'; $inforgotpasswordPopupTypeProin.assetsPath = CUR_THEME.extensions_url() + '../../assets/'; $inforgotpasswordPopupTypeProin.indexCout = 0; Number.prototype.formatMoney = function(c, d, t) { var n = this, c = isNaN(c = Math.abs(c)) ? 2 : c, d = d == undefined ? "." : d, t = t == undefined ? "," : t, s = n < 0 ? "-" : "", i = String(parseInt(n = Math.abs(Number(n) || 0).toFixed(c))), j = (j = i.length) > 3 ? j % 3 : 0; return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : ""); }; /* Install */ $inforgotpasswordPopupTypeProin.install = function(shopId, logo, customBuild) { /* dont install in (checkout, forgotpassword) */ /*if (window.location.href.indexOf('/checkout') == -1 && window.location.href.indexOf('/forgotpassword') == -1 && window.location.href.indexOf('/thankyou') == -1 && window.location.href.indexOf('/fail') == -1) {*/ this.templateRoot = 'root.php'; var logoin = logo; $.get($inforgotpasswordPopupTypeProin.path + 'componentForgotPasswordTypeProin.css', function(response) { $('head').append(''); }); $.get($inforgotpasswordPopupTypeProin.path + 'root.php', { imgpath: this.assetsPath, shopId: shopId, logo: logoin, custom: customBuild, path: $inforgotpasswordPopupTypeProin.path }, function(response) { $('body').append(response); }); /* fix ios height */ var winHightTimer = setTimeout(function() { clearTimeout(winHightTimer); }, 2000); /*}*/ }; $inforgotpasswordPopupTypeProin.api = GURL.base_api_url(); /* Install */ /* forgotpassword model */ $inforgotpasswordPopupTypeProin.forgotpassword = { email: '', }; $inforgotpasswordPopupTypeProin.error = { emailExist: false, email: false, emailText: 'ตรวจสอบรูปแบบอีเมล Email should be valid (name@domain.com)', }; /* forgotpassword model */ /* validateForgotpassword */ $inforgotpasswordPopupTypeProin.validateForgotpassword = function() { var promise = { checkEmail: function(v, callback) { $.ajax({ type: 'POST', method: 'POST', url: $inforgotpasswordPopupTypeProin.host() + 'customer/is_exists_email', data: { txt_email: v }, datatType: 'json' }).done(function(e) { callback(e); }); }, focusEmail: function() { $inforgotpasswordPopupTypeProin.error.email = false; $inforgotpasswordPopupTypeProin.error.emailExist = false; $('#forgotpassword-email').css('border', ''); }, email: function() { var v = $('#forgotpassword-email-v1').val(); var t = this; if (v.length <= 0) { $inforgotpasswordPopupTypeProin.shake(); $inforgotpasswordPopupTypeProin.validateForgotpassword().emailInputNullError(); $inforgotpasswordPopupTypeProin.error_email = false; $inforgotpasswordPopupTypeProin.error_emailExist = false; return false; } else { var valid = $inforgotpasswordPopupTypeProin.helper.isEmail(v, true); if (v.length > 0 && !valid) { $inforgotpasswordPopupTypeProin.shake(); $inforgotpasswordPopupTypeProin.validateForgotpassword().emailInputError(); $inforgotpasswordPopupTypeProin.error_email = true; return false; } else if (v.length > 0 && valid) { $inforgotpasswordPopupTypeProin.validateForgotpassword().emailOk(); return true; } } }, emailOk: function() { $('#forgotpassword-email-v1').css('border', '2px solid green'); $inforgotpasswordPopupTypeProin.validateForgotpassword().emailInputOk(); }, emailInputOk: function() { $("#forgotpassword-error-email").removeClass("error"); $("#forgotpassword-error-email").css('opacity', 0); }, emailError: function() { $("#forgotpassword-email-v1").css('border', '2px solid red'); }, emailInputError: function() { $inforgotpasswordPopupTypeProin.validateForgotpassword().emailError(); $("#forgotpassword-error-email").addClass("error"); $("#forgotpassword-error-email").css('opacity', 1).html('ตรวจสอบรูปแบบอีเมล Email should be valid เช่น getappeasy@gmail.com'); }, emailInputNullError: function() { $inforgotpasswordPopupTypeProin.validateForgotpassword().emailError(); $("#forgotpassword-error-email").addClass("error"); // $("#forgotpassword-error-email").css('opacity', 1).html('ตรวจสอบรูปแบบอีเมล Email should be valid (name@domain.com)'); }, resetEmail: function() { $("#forgotpassword-email-v1").css('border', ''); $("#forgotpassword-email-v1").val(''); $("#forgotpassword-error-email").css('opacity', 0); }, reset: function() { $inforgotpasswordPopupTypeProin.validateForgotpassword().resetEmail(); }, }; return promise; }; /* validateForgotpassword */ /* load html */ $inforgotpasswordPopupTypeProin.viewHtml = function(viewName) { var html = path + viewName; return html; }; $inforgotpasswordPopupTypeProin.whenOnLoad = function(shopId) {}; $inforgotpasswordPopupTypeProin.helper = { countDots: function(s1, letter) { return (s1.match(RegExp(letter, 'g')) || []).length; }, isAlpabet: function(str) { var strObj = str.match(/^[a-zA-zก-๙]+/g); var returnStr = ""; for (var idx in strObj) { returnStr += strObj[idx].replace("^", ""); } return returnStr; }, isEmail: function(email) { var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; var result = re.test(email); var a = email.split('@'); var checkTopLevel = false; if (result && a.length > 1) { return (a[1].length >= 5) ? true : false; } else { return false; } }, isChar: function(e) { var k = (e.which) ? e.which : e.keyCode; if (k >= 48 && k <= 57) { return false; } else { return k; } }, pageLoadState: false, pageLoad: function() { var load = $('.forgotpassword_vProin_load'); if (!load.hasClass('active')) { load.addClass('active'); } }, pageUnLoad: function() { var load = $('.forgotpassword_vProin_load'); if (load.hasClass('active')) { load.removeClass('active'); } }, forgotpasswordDone: function() { var load = $('.forgotpassword_vProin_done'); if (!load.hasClass('active')) { load.addClass('active'); } timerAdjustOpen = setTimeout(function() { $(".forgotpassword_done.from_background").addClass("is_open"); }, 100); }, forgotpasswordUnDone: function() { var load = $('.forgotpassword_vProin_done'); if (load.hasClass('active')) { load.removeClass('active'); } timerAdjustOpen = setTimeout(function() { $(".forgotpassword_done.from_background").removeClass("is_open"); }, 100); }, }; /* load html */ /* submitForgotpassword */ $inforgotpasswordPopupTypeProin.submitForgotpassword = function() { $inforgotpasswordPopupTypeProin.forgotpassword.email = $('#forgotpassword-email-v1').val(); var userEmail = $inforgotpasswordPopupTypeProin.forgotpassword.email; var userEmailValid = $inforgotpasswordPopupTypeProin.validateForgotpassword().email(); console.log("submitForgotpassword", "userEmailValid : ", userEmailValid); if (!userEmailValid) { console.log("submitForgotpassword", "return"); $inforgotpasswordPopupTypeProin.shake(); return; } $inforgotpasswordPopupTypeProin.validateForgotpassword().checkEmail(userEmail, function(resultCheck) { console.log("submitForgotpassword", resultCheck); if (resultCheck.ok == 1) { console.log('submitForgotpassword true'); $inforgotpasswordPopupTypeProin.validateForgotpassword().emailInputError(); $inforgotpasswordPopupTypeProin.error.email = true; $inforgotpasswordPopupTypeProin.error.emailExist = true; } else { console.log('submitForgotpassword false'); return $inforgotpasswordPopupTypeProin.sendSubmitForgotpassword(false); } }); }; /* submitForgotpassword */ /* sendSubmitForgotpassword */ $inforgotpasswordPopupTypeProin.sendSubmitForgotpassword = function(reCheck) { $inforgotpasswordPopupTypeProin.forgotpassword.pressing = true; var userEmail = $inforgotpasswordPopupTypeProin.forgotpassword.email; console.log("sendSubmitForgotpassword userEmail : ", userEmail); if (reCheck) { /* if error : user */ if (userEmail.length <= 0) { $inforgotpasswordPopupTypeProin.validateForgotpassword().emailInputError(); } else { $inforgotpasswordPopupTypeProin.validateForgotpassword().emailOk(); } /* email */ if (userEmail.length > 0 && !$inforgotpasswordPopupTypeProin.helper.isEmail(userEmail)) { $inforgotpasswordPopupTypeProin.error_email = true; } else { $inforgotpasswordPopupTypeProin.error_email = false; } } /* loading */ $inforgotpasswordPopupTypeProin.helper.pageLoad(); var dataSend = { txt_email: userEmail }; GAEAPI.post('customer/forgot_password', dataSend).then(function(e) { console.log("sendSubmitForgotpassword : complete", e); if (e.ok == 1) { setTimeout(function() { $inforgotpasswordPopupTypeProin.close(); $inforgotpasswordPopupTypeProin.helper.pageUnLoad(); $inforgotpasswordPopupTypeProin.helper.forgotpasswordDone(); }, 100); } else { $inforgotpasswordPopupTypeProin.helper.pageUnLoad(); alert("ผิดพลาด กรุณาลองใหม่อีกครั้ง"); return; } }); /* loading */ }; /* sendSubmitForgotpassword */ $inforgotpasswordPopupTypeProin.host = function() { if (window.location.href.indexOf('localhost') !== -1) { return 'https://missmonribs.getappeasy.com/store/api/v1/'; } return GURL.base_api_url(); } /* Open */ var timerAdjustOpen = 0; $inforgotpasswordPopupTypeProin.isOpen = false; $inforgotpasswordPopupTypeProin.open = function() { $inforgotpasswordPopupTypeProin.validateForgotpassword().reset(); $(".forgotpassword_overlay").addClass("is_open"); $('body').css({ 'overflow': 'hidden', 'height': '100%' }); timerAdjustOpen = setTimeout(function() { $(".forgotpassword.from_background").addClass("is_open"); }, 100); $(document).keypress(function(e) { var keycode = (e.keyCode ? e.keyCode : e.which); if (keycode == '13') { $inforgotpasswordPopupTypeProin.submitForgotpassword(); } }); }; /* Open */ /* Close */ $inforgotpasswordPopupTypeProin.close = function() { $(".forgotpassword_overlay").removeClass("is_open"); $(".forgotpassword.from_background").removeClass("is_open"); $('body').css({ 'overflow': 'auto' }); }; /* Close */ /* shake */ $inforgotpasswordPopupTypeProin.shake = function() { $(".forgotpassword.from_background.is_open").addClass('shake'); timerAdjustOpen = setTimeout(function() { $(".forgotpassword.from_background.is_open").removeClass('shake'); }, 100); } /* shake */ /* login */ $inforgotpasswordPopupTypeProin.login = function() { $inforgotpasswordPopupTypeProin.helper.forgotpasswordUnDone(); $inforgotpasswordPopupTypeProin.close(); $inloginPopup.open(); } /* login */ /* toHome */ $inforgotpasswordPopupTypeProin.toHome = function() { $inforgotpasswordPopupTypeProin.helper.forgotpasswordUnDone(); window.location.href = 'home'; }; /* toHome */ /* Init */ /* Init */ /* Init */ /* $(function() { var currentShopId = parseInt(CUR_THEME.shop_id()); switch (currentShopId) { case 541: $inforgotpasswordPopupTypeProin.install(currentShopId, false); break; case 635: $inforgotpasswordPopupTypeProin.install(currentShopId, false); break; case 646: $inforgotpasswordPopupTypeProin.install(currentShopId, false); break; case 647: $inforgotpasswordPopupTypeProin.install(currentShopId, false); break; case 676: $inforgotpasswordPopupTypeProin.install(currentShopId, false); break; case 717: $inforgotpasswordPopupTypeProin.install(currentShopId, false); break; case 718: $inforgotpasswordPopupTypeProin.install(currentShopId, false); break; case 723: $inforgotpasswordPopupTypeProin.install(currentShopId, false); break; case 729: $inforgotpasswordPopupTypeProin.install(currentShopId, false); break; case 732: $inforgotpasswordPopupTypeProin.install(currentShopId, false); break; case 731: $inforgotpasswordPopupTypeProin.install(currentShopId, false); break; default: break; } }); *//* Cart displat at right side of page */ var $inforgotpasswordPopupTypeSirikhu = {}; /* params */ $inforgotpasswordPopupTypeSirikhu.path = CUR_THEME.devsource_url() + "dev.sugarfree/share/componentForgotPasswordTypeSirikhu/"; $inforgotpasswordPopupTypeSirikhu.templateRoot = 'root.php'; $inforgotpasswordPopupTypeSirikhu.assetsPath = CUR_THEME.extensions_url() + '../../assets/'; $inforgotpasswordPopupTypeSirikhu.indexCout = 0; Number.prototype.formatMoney = function(c, d, t) { var n = this, c = isNaN(c = Math.abs(c)) ? 2 : c, d = d == undefined ? "." : d, t = t == undefined ? "," : t, s = n < 0 ? "-" : "", i = String(parseInt(n = Math.abs(Number(n) || 0).toFixed(c))), j = (j = i.length) > 3 ? j % 3 : 0; return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : ""); }; /* Install */ $inforgotpasswordPopupTypeSirikhu.install = function(shopId, customBuild) { /* dont install in (checkout, forgotpassword) */ /*if (window.location.href.indexOf('/checkout') == -1 && window.location.href.indexOf('/forgotpassword') == -1 && window.location.href.indexOf('/thankyou') == -1 && window.location.href.indexOf('/fail') == -1) {*/ this.templateRoot = 'root.php'; $.get($inforgotpasswordPopupTypeSirikhu.path + 'componentForgotPasswordTypeSirikhu.css', function(response) { $('head').append(''); }); $.get($inforgotpasswordPopupTypeSirikhu.path + 'root.php', { imgpath: this.assetsPath, shopId: shopId, custom: customBuild, path: $inforgotpasswordPopupTypeSirikhu.path }, function(response) { $('body').append(response); }); /* fix ios height */ var winHightTimer = setTimeout(function() { clearTimeout(winHightTimer); }, 2000); /*}*/ }; $inforgotpasswordPopupTypeSirikhu.api = GURL.base_api_url(); /* Install */ /* forgotpassword model */ $inforgotpasswordPopupTypeSirikhu.forgotpassword = { email: '', }; $inforgotpasswordPopupTypeSirikhu.error = { emailExist: false, email: false, emailText: 'ตรวจสอบรูปแบบอีเมล Email should be valid (name@domain.com)', }; /* forgotpassword model */ /* validateForgotpassword */ $inforgotpasswordPopupTypeSirikhu.validateForgotpassword = function() { var promise = { checkEmail: function(v, callback) { $.ajax({ type: 'POST', method: 'POST', url: $inforgotpasswordPopupTypeSirikhu.host() + 'customer/is_exists_email', data: { txt_email: v }, datatType: 'json' }).done(function(e) { callback(e); }); }, focusEmail: function() { $inforgotpasswordPopupTypeSirikhu.error.email = false; $inforgotpasswordPopupTypeSirikhu.error.emailExist = false; $('#forgotpassword-email').css('border', ''); }, email: function() { var v = $('#forgotpassword-email-v1').val(); var t = this; if (v.length <= 0) { $inforgotpasswordPopupTypeSirikhu.shake(); $inforgotpasswordPopupTypeSirikhu.validateForgotpassword().emailInputNullError(); $inforgotpasswordPopupTypeSirikhu.error_email = false; $inforgotpasswordPopupTypeSirikhu.error_emailExist = false; return false; } else { var valid = $inforgotpasswordPopupTypeSirikhu.helper.isEmail(v, true); if (v.length > 0 && !valid) { $inforgotpasswordPopupTypeSirikhu.shake(); $inforgotpasswordPopupTypeSirikhu.validateForgotpassword().emailInputError(); $inforgotpasswordPopupTypeSirikhu.error_email = true; return false; } else if (v.length > 0 && valid) { $inforgotpasswordPopupTypeSirikhu.validateForgotpassword().emailOk(); return true; } } }, emailOk: function() { $('#forgotpassword-email-v1').css('border', '2px solid green'); $inforgotpasswordPopupTypeSirikhu.validateForgotpassword().emailInputOk(); }, emailInputOk: function() { $("#forgotpassword-error-email").removeClass("error"); $("#forgotpassword-error-email").css('opacity', 0); }, emailError: function() { $("#forgotpassword-email-v1").css('border', '2px solid red'); }, emailInputError: function() { $inforgotpasswordPopupTypeSirikhu.validateForgotpassword().emailError(); $("#forgotpassword-error-email").addClass("error"); $("#forgotpassword-error-email").css('opacity', 1).html('ตรวจสอบรูปแบบอีเมล Email should be valid เช่น getappeasy@gmail.com'); }, emailInputNullError: function() { $inforgotpasswordPopupTypeSirikhu.validateForgotpassword().emailError(); $("#forgotpassword-error-email").addClass("error"); // $("#forgotpassword-error-email").css('opacity', 1).html('ตรวจสอบรูปแบบอีเมล Email should be valid (name@domain.com)'); }, resetEmail: function() { $("#forgotpassword-email-v1").css('border', ''); $("#forgotpassword-email-v1").val(''); $("#forgotpassword-error-email").css('opacity', 0); }, reset: function() { $inforgotpasswordPopupTypeSirikhu.validateForgotpassword().resetEmail(); }, }; return promise; }; /* validateForgotpassword */ /* load html */ $inforgotpasswordPopupTypeSirikhu.viewHtml = function(viewName) { var html = path + viewName; return html; }; $inforgotpasswordPopupTypeSirikhu.whenOnLoad = function(shopId) {}; $inforgotpasswordPopupTypeSirikhu.helper = { countDots: function(s1, letter) { return (s1.match(RegExp(letter, 'g')) || []).length; }, isAlpabet: function(str) { var strObj = str.match(/^[a-zA-zก-๙]+/g); var returnStr = ""; for (var idx in strObj) { returnStr += strObj[idx].replace("^", ""); } return returnStr; }, isEmail: function(email) { var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; var result = re.test(email); var a = email.split('@'); var checkTopLevel = false; if (result && a.length > 1) { return (a[1].length >= 5) ? true : false; } else { return false; } }, isChar: function(e) { var k = (e.which) ? e.which : e.keyCode; if (k >= 48 && k <= 57) { return false; } else { return k; } }, pageLoadState: false, pageLoad: function() { var load = $('.forgotpassword_vSirikhu_load'); if (!load.hasClass('active')) { load.addClass('active'); } }, pageUnLoad: function() { var load = $('.forgotpassword_vSirikhu_load'); if (load.hasClass('active')) { load.removeClass('active'); } }, forgotpasswordDone: function() { var load = $('.forgotpassword_vSirikhu_done'); if (!load.hasClass('active')) { load.addClass('active'); } timerAdjustOpen = setTimeout(function() { $(".forgotpassword_done.from_background").addClass("is_open"); }, 100); }, forgotpasswordUnDone: function() { var load = $('.forgotpassword_vSirikhu_done'); if (load.hasClass('active')) { load.removeClass('active'); } timerAdjustOpen = setTimeout(function() { $(".forgotpassword_done.from_background").removeClass("is_open"); }, 100); }, }; /* load html */ /* submitForgotpassword */ $inforgotpasswordPopupTypeSirikhu.submitForgotpassword = function() { $inforgotpasswordPopupTypeSirikhu.forgotpassword.email = $('#forgotpassword-email-v1').val(); var userEmail = $inforgotpasswordPopupTypeSirikhu.forgotpassword.email; var userEmailValid = $inforgotpasswordPopupTypeSirikhu.validateForgotpassword().email(); console.log("submitForgotpassword", "userEmailValid : ", userEmailValid); if (!userEmailValid) { console.log("submitForgotpassword", "return"); $inforgotpasswordPopupTypeSirikhu.shake(); return; } $inforgotpasswordPopupTypeSirikhu.validateForgotpassword().checkEmail(userEmail, function(resultCheck) { console.log("submitForgotpassword", resultCheck); if (resultCheck.ok == 1) { console.log('submitForgotpassword true'); $inforgotpasswordPopupTypeSirikhu.validateForgotpassword().emailInputError(); $inforgotpasswordPopupTypeSirikhu.error.email = true; $inforgotpasswordPopupTypeSirikhu.error.emailExist = true; } else { console.log('submitForgotpassword false'); return $inforgotpasswordPopupTypeSirikhu.sendSubmitForgotpassword(false); } }); }; /* submitForgotpassword */ /* sendSubmitForgotpassword */ $inforgotpasswordPopupTypeSirikhu.sendSubmitForgotpassword = function(reCheck) { $inforgotpasswordPopupTypeSirikhu.forgotpassword.pressing = true; var userEmail = $inforgotpasswordPopupTypeSirikhu.forgotpassword.email; console.log("sendSubmitForgotpassword userEmail : ", userEmail); if (reCheck) { /* if error : user */ if (userEmail.length <= 0) { $inforgotpasswordPopupTypeSirikhu.validateForgotpassword().emailInputError(); } else { $inforgotpasswordPopupTypeSirikhu.validateForgotpassword().emailOk(); } /* email */ if (userEmail.length > 0 && !$inforgotpasswordPopupTypeSirikhu.helper.isEmail(userEmail)) { $inforgotpasswordPopupTypeSirikhu.error_email = true; } else { $inforgotpasswordPopupTypeSirikhu.error_email = false; } } /* loading */ $inforgotpasswordPopupTypeSirikhu.helper.pageLoad(); var dataSend = { txt_email: userEmail }; GAEAPI.post('customer/forgot_password', dataSend).then(function(e) { console.log("sendSubmitForgotpassword : complete", e); if (e.ok == 1) { setTimeout(function() { $inforgotpasswordPopupTypeSirikhu.close(); $inforgotpasswordPopupTypeSirikhu.helper.pageUnLoad(); $inforgotpasswordPopupTypeSirikhu.helper.forgotpasswordDone(); }, 100); } else { $inforgotpasswordPopupTypeSirikhu.helper.pageUnLoad(); alert("ผิดพลาด กรุณาลองใหม่อีกครั้ง"); return; } }); /* loading */ }; /* sendSubmitForgotpassword */ $inforgotpasswordPopupTypeSirikhu.host = function() { if (window.location.href.indexOf('localhost') !== -1) { return 'https://missmonribs.getappeasy.com/store/api/v1/'; } return GURL.base_api_url(); } /* Open */ var timerAdjustOpen = 0; $inforgotpasswordPopupTypeSirikhu.isOpen = false; $inforgotpasswordPopupTypeSirikhu.open = function() { $inforgotpasswordPopupTypeSirikhu.validateForgotpassword().reset(); $(".forgotpassword_overlay").addClass("is_open"); $('html').css({ 'overflow-y': 'scroll', 'overflow': 'hidden' }); $('body').css({ 'overflow': 'auto', 'position': 'unset' }); timerAdjustOpen = setTimeout(function() { $(".forgotpassword.from_background").addClass("is_open"); }, 100); $(document).keypress(function(e) { var keycode = (e.keyCode ? e.keyCode : e.which); if (keycode == '13') { $inforgotpasswordPopupTypeSirikhu.submitForgotpassword(); } }); }; /* Open */ /* Close */ $inforgotpasswordPopupTypeSirikhu.close = function() { $(".forgotpassword_overlay").removeClass("is_open"); $(".forgotpassword.from_background").removeClass("is_open"); $('html').css({ 'overflow-y': 'unset', 'overflow': 'unset' }); $('body').css({ 'overflow': 'auto', 'position': 'relative' }); }; /* Close */ /* shake */ $inforgotpasswordPopupTypeSirikhu.shake = function() { $(".forgotpassword.from_background.is_open").addClass('shake'); timerAdjustOpen = setTimeout(function() { $(".forgotpassword.from_background.is_open").removeClass('shake'); }, 100); } /* shake */ /* login */ $inforgotpasswordPopupTypeSirikhu.login = function() { $inforgotpasswordPopupTypeSirikhu.helper.forgotpasswordUnDone(); $inforgotpasswordPopupTypeSirikhu.close(); $inregisterPopupTypeSirikhu.open(); } /* login */ /* toHome */ $inforgotpasswordPopupTypeSirikhu.toHome = function() { $inforgotpasswordPopupTypeSirikhu.helper.forgotpasswordUnDone(); window.location.href = 'home'; }; /* toHome */ /* Init */ /* Init */ /* Init */ /* $(function() { var currentShopId = parseInt(CUR_THEME.shop_id()); switch (currentShopId) { case 541: $inforgotpasswordPopupTypeSirikhu.install(currentShopId, false); break; case 635: $inforgotpasswordPopupTypeSirikhu.install(currentShopId, false); break; case 646: $inforgotpasswordPopupTypeSirikhu.install(currentShopId, false); break; case 647: $inforgotpasswordPopupTypeSirikhu.install(currentShopId, false); break; case 676: $inforgotpasswordPopupTypeSirikhu.install(currentShopId, false); break; case 717: $inforgotpasswordPopupTypeSirikhu.install(currentShopId, false); break; case 718: $inforgotpasswordPopupTypeSirikhu.install(currentShopId, false); break; case 723: $inforgotpasswordPopupTypeSirikhu.install(currentShopId, false); break; case 729: $inforgotpasswordPopupTypeSirikhu.install(currentShopId, false); break; case 732: $inforgotpasswordPopupTypeSirikhu.install(currentShopId, false); break; case 731: $inforgotpasswordPopupTypeSirikhu.install(currentShopId, false); break; default: break; } }); */_ui_share_app.factory('$componentGallery', function componentGallery($routeParams, $timeout) { return });_ui_share_app.directive('componentGalleryIdA', function($rootScope, $routeParams) { var templateName = 'componentGalleryIdA'; var componentMain = 'componentGallery'; var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { galleryid: '@galleryid', }; promise.link = function(scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = true; promise.controller = function($scope, $timeout, $interval, $q, $window) { $scope.icnPath = CUR_THEME.file_url() + '../../assets/'; $scope.dataGallerylists = []; $scope.dataGallerylistsState = { load: false, done: false }; $scope.getGallery = function() { $scope.dataGallerylistsState = { load: true, done: false }; var d = { 'cur_page': 1, 'per_page': 100, }; GAEAPI.get('gallery/lists', d, $scope).then(function(e) { if (e.ok === 1) { $scope.dataGallerylists = e.data.dataList; } $scope.dataGallerylistsState = { load: false, done: true }; }); }; $scope.getGallery(); $scope.dataImagegrouplists = []; $scope.dataImagegrouplistsState = { load: false, done: false }; $scope.getImagegroup = function() { $scope.dataImagegrouplistsState = { load: true, done: false }; var filter_json_d = { 'gallery_id_array': [$routeParams.galleryid], } var d = { 'cur_page': 1, 'per_page': 50, 'txt_filter_json': JSON.stringify(filter_json_d) }; GAEAPI.get('image_group/lists', d, $scope).then(function(e) { if (e.ok === 1) { $scope.dataImagegrouplists = e.data.dataList; } $scope.dataImagegrouplistsState = { load: false, done: true }; }); }; $scope.getImagegroup(); $scope.dataImagelists = []; $scope.dataImagelistsState = { load: false, done: false }; $scope.getImage = function() { $scope.dataImagelistsState = { load: true, done: false }; var filter_json_d = { 'image_group_id_array': [$routeParams.imagegroupid], } var d = { 'cur_page': 1, 'per_page': 50, 'txt_filter_json': JSON.stringify(filter_json_d) }; GAEAPI.get('image/lists', d, $scope).then(function(e) { if (e.ok === 1) { $scope.dataImagelists = e.data.dataList; } $scope.dataImagelistsState = { load: false, done: true }; }); }; $scope.getImage(); $scope._viewRouteParams = function() { return $routeParams; }; $scope._makeDate = function(dateStr) { return (dateStr != "") ? moment(parseInt(dateStr) * 1000).format('LL') : ""; }; $scope.buildTitleUrl = function(str) { var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-"); return s; }; $scope.showDebug = function() { return (typeof $routeParams.debugproduct !== 'undefined') ? true : false; }; }; return promise; });_ui_share_app.directive('componentGalleryAlbum', function($rootScope, $routeParams, sliderProvider) { var templateName = 'componentGalleryAlbum'; var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { name: '@name', type: '@type', databuttonmore: '@databuttonmore', databuttonmoreloading: '@databuttonmoreloading', databuttonmoremore: '@databuttonmoremore', imgpath: '@imgpath', uselightbox: '@uselightbox', callback: '@callback', menu: '@menu', setall: '@setall', linitPtoto: '@linitptoto', fontcolor: '@fontcolor', }; promise.link = function(scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = true; promise.controller = function($scope, $timeout, $interval, $q, $window) { $scope._host = _ui_share_host + templateName + '/'; $scope.icnPath = CUR_THEME.file_url() + '../../assets/'; $scope.setall = (typeof $scope.setall !== 'undefined' && $scope.setall !== '') ? $scope.setall : 'All'; $scope._databuttonmore = (typeof $scope.databuttonmore !== 'undefined' && $scope.databuttonmore !== '') ? $scope.databuttonmore : 'filled_button_small_round'; $scope._databuttonmoreloading = (typeof $scope.databuttonmoreloading !== 'undefined' && $scope.databuttonmoreloading !== '') ? $scope.databuttonmoreloading : 'Loading...'; $scope._databuttonmoremore = (typeof $scope.databuttonmoremore !== 'undefined' && $scope.databuttonmoremore !== '') ? $scope.databuttonmoremore : 'Load More'; $scope._use_lightBox = (typeof $scope.uselightbox !== 'undefined' && $scope.uselightbox !== '') ? true : false; $scope._use_callback = (typeof $scope.callback !== 'undefined' && $scope.callback !== '') ? true : false; $scope._no_menu = (typeof $scope.menu !== 'undefined' && $scope.menu !== '') ? false : true; $scope._linitPtoto = (typeof $scope.linitPtoto !== 'undefined' && $scope.linitPtoto !== '') ? $scope.linitPtoto : 9; /* UNIQUE KEY */ $scope._uniqueKey = ''; $scope._key = function() { if ($scope._uniqueKey === '') { $scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000); return $scope._uniqueKey; } else { return $scope._uniqueKey; } }; $scope._getIdFromUrl = function(rawRouteParams) { if (rawRouteParams != undefined) { var a = rawRouteParams; var b = a.split("-"); if (b.length > 0 && a.indexOf("-") !== -1) { return b[0]; } else { return a; } } }; /* Build dummy data by gallery type * @params {typeName} type of page * @return array */ $scope.buildDummyByType = function(typeName) { switch (typeName) { case 'gallery': var d = []; for (var i = 0; i < 6; i++) { var item = { 'gallery_badge': [{ badge_id: 18 }], 'gallery_id': (i + 1), 'gallery_name': 'Gallery ' + (i + 1), 'gallery_image': [{ 'image_url': 'extensions/themes/gae_default301/staticfiles/images/default/490x490.gif' }] }; d.push(item); } $scope.data_gallery_list = d; $scope.data_gallery_list_done = true; break; case 'gallery_id': var d = []; for (var i = 0; i < 6; i++) { var item = { 'gallery_badge': [{ badge_id: 18 }], 'image_group_id': 10 + (i + 1), 'image_group_name': 'Album list number ' + (i + 1), 'image_group_image': [{ 'image_url': 'extensions/themes/gae_default301/staticfiles/images/default/490x490.gif' }] }; d.push(item); } $scope.data_album_list = d; break; case 'photo_list': var d = []; for (var i = 0; i < 6; i++) { var item = { 'image_url': 'extensions/themes/gae_default301/staticfiles/images/default/490x490.gif', }; d.push(item); } $scope.data_photo_list = d; break; } }; /* Get all gellery for first time*/ $scope.getData = function() { var getFunction = { consoleLog: function(name, data) { console.log(name, data); }, getRouteParams: function(callback) { var params = $routeParams; callback(params); }, stateData: function(loadIn, doneIn) { var _self = this; _self.consoleLog("getData : ", "------- stateData -------"); _self.consoleLog("getData : loadIn : ", loadIn); _self.consoleLog("getData : doneIn : ", doneIn); _self.consoleLog("getData : ", "------- stateData -------"); var state = { load: loadIn, done: doneIn }; return state; }, dataSend: function(api, dataSend, callback) { var _self = this; _self.consoleLog("getData : ", "------- dataSend -------"); _self.consoleLog("getData : api : ", api); _self.consoleLog("getData : dataSend : ", dataSend); _self.consoleLog("getData : ", "------- dataSend -------"); callback(api, dataSend); }, getApi: function(api, dataSend, callback) { var _self = this; GAEAPI.get(api, dataSend, $scope).then(function(output) { _self.consoleLog("getData : ", "------- getApi -------"); _self.consoleLog("getData : api : ", api); _self.consoleLog("getData : dataSend : ", dataSend); _self.consoleLog("getData : output : ", output); _self.consoleLog("getData : ", "------- getApi -------"); callback(output); }); }, imageUrl: function(size, image_url) { var url = image_url.split("/"), length_url = url[url.length - 1]; url[url.length - 1] = size + '_' + length_url; return url.join("/"); }, resizeImageUrl: function(output, callback) { var _self = this; for (var i = 0; i <= output.length; i++) { if (i < output.length) { if (output[i].gallery_image.length != 0) { output[i].gallery_image[0].image_url = _self.imageUrl('t400', output[i].gallery_image[0].image_url); } } else { callback(output); } } }, titleUrl: function(str) { var url = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-"); return url; }, locationUrl: function(template, data) { $location.url(template + data).replace(); }, main: function() { var _self = this; } } return getFunction; }; $scope.data_gallery_State = { load: true, done: false }; $scope.data_gallery_list = []; $scope.data_gallery_list_done = false; $scope.galleryInit = function() { $scope.data_gallery_list = []; $scope.data_gallery_State.load = true; $scope.data_gallery_State.done = false; $scope.data_gallery_list_done = false; var d = { 'cur_page': 1, 'per_page': 30, 'txt_filter_json': JSON.stringify({ "badge_id_array": [18] }) }; GAEAPI.get('gallery/lists', d, $scope).then(function(e) { $scope.getData().consoleLog('gallery/lists : ', e); if (e.ok == 1) { $scope.getData().resizeImageUrl(e.data.dataList, function(output) { $scope.data_gallery_list = output; $scope.data_gallery_list_done = true; if ($scope.data_gallery_list.length <= 0 && $scope._use_callback) { $scope.buildDummyByType('gallery'); } }); } $scope.data_gallery_State.load = false; $scope.data_gallery_State.done = true; }); }; $scope.galleryInit(); $scope.data_gallery_id = []; $scope.data_gallery_id_done = false; $scope.galleryInitid = function(id_g) { // alert(id_g); $scope.data_gallery_id = []; var d = { 'txt_gallery_id': parseInt(id_g), }; GAEAPI.get('gallery/id', d, $scope).then(function(e) { $scope.data_gallery_id = (e.ok == 1) ? e.data : []; $scope.data_gallery_id_done = true; }); }; $scope.galleryInitid($scope._getIdFromUrl($routeParams.album_id)); // $scope.galleryInitid(); /* Get album list inside gallery id */ $scope.data_album_State = { load: true, done: false }; $scope.data_album_list = []; $scope.getAlbumListByGalleryId = function(gallery_id) { $scope.data_album_list = []; $scope.data_album_State.load = true; $scope.data_album_State.done = false; var d = { 'cur_page': 1, 'per_page': 500, 'txt_sortby': 'image_group_sort_index_ASC', 'txt_filter_json': JSON.stringify({ "gallery_id_array": [gallery_id] }) }; GAEAPI.get('image_group/lists', d, $scope).then(function(res) { if (res.ok == 1) { $scope.data_album_list = (res.ok == 1) ? res.data.dataList : []; if ($scope.data_album_list.length <= 0 && $scope._use_callback) { $scope.buildDummyByType('gallery_id'); } } $scope.data_album_State.load = false; $scope.data_album_State.done = true; }); }; $scope.fetchTimes = 1; /* Get photo list inside (gallery id => album id) */ $scope.data_photo_State = { load: true, done: false }; $scope.data_photo_list = []; $scope.data_total_row = 0; $scope.getPhotoListByAlbumId = function(album_id) { var dummyArray = []; $scope.data_photo_State.load = true; $scope.data_photo_State.done = false; var d = { 'cur_page': $scope.fetchTimes, 'per_page': $scope._linitPtoto, //'txt_sortby': 'image_oldest_create', 'txt_sortby': 'image_lastest_create', 'txt_filter_json': JSON.stringify({ "image_group_id_array": [album_id] }) }; GAEAPI.get('image/lists', d, $scope).then(function(res) { if (res.ok == 1) { $scope.data_total_row = res.data.total_rows; angular.forEach(res.data.dataList, function(item, key) { dummyArray.push(item); }); if (!$scope.data_photo_list.length) { $scope.data_photo_list = dummyArray; } else { var currentData = $scope.data_photo_list; $scope.data_photo_list = currentData.concat(dummyArray); } if ($scope.data_photo_list.length <= 0 && $scope._use_callback) { $scope.buildDummyByType('photo_list'); } } $scope.data_photo_State.load = false; $scope.data_photo_State.done = true; console.log("image_fettotal :", $scope.data_total_row); console.log("image_fet :", $scope.fetchTimes); console.log("image_dummyArray :", dummyArray); console.log("image_data_photo_list :", $scope.data_photo_list); }); }; $scope.paddingTop = 40; $scope.padding = function() { var id = CUR_THEME.shop_id(); if (id == 643) { $scope.paddingTop = 20; } else if (id == 436) { $scope.paddingTop = 0; } }; $scope.padding(); $scope.loadMore = function() { $scope.fetchTimes++; $scope.getPhotoListByAlbumId($scope._getIdFromUrl($routeParams.view_album_id)); }; $scope.checkPageType = function() { if (typeof $routeParams.view_album_id !== 'undefined' && $routeParams.view_album_id != '' && typeof $routeParams.album_id !== 'undefined' && $routeParams.album_id !== '') { return 'view_album_id'; } else if (typeof $routeParams.view_album_id === 'undefined' && typeof $routeParams.album_id !== 'undefined' && $routeParams.album_id != '') { return 'album_id'; } else { return 'gallery'; } }; $scope.pageType = $scope.checkPageType() || ""; switch ($scope.pageType) { case 'album_id': var gallery_id = $scope._getIdFromUrl($routeParams.album_id); $scope.getAlbumListByGalleryId(gallery_id); break; case 'view_album_id': var gallery_id = $scope._getIdFromUrl($routeParams.album_id); var album_id = $scope._getIdFromUrl($routeParams.view_album_id); $scope.getAlbumListByGalleryId(gallery_id); $scope.getPhotoListByAlbumId(album_id); break; default: break; } /* When route change start */ $rootScope.$on('$routeChangeStart', function(event, current, prev) { var elementName = '[data-iddd="' + $scope._key() + '"]'; var slickIntance = $(elementName).hasClass('slick-initialized') || $(elementName).hasClass('slick-slider') || false; if (slickIntance && $scope.type === 'portfolio-carousel-boxed') { $(elementName).slick('unslick'); $scope._uniqueKey = ''; } }); /* When route change */ $rootScope.$on('$routeChangeSuccess', function(event, current, prev) { $scope.pageType = $scope.checkPageType(); switch ($scope.pageType) { case 'album_id': var gallery_id = $scope._getIdFromUrl($routeParams.album_id); $scope.getAlbumListByGalleryId(gallery_id); break; case 'view_album_id': var gallery_id = $scope._getIdFromUrl($routeParams.album_id); var album_id = $scope._getIdFromUrl($routeParams.view_album_id); $scope.getAlbumListByGalleryId(gallery_id); $scope.getPhotoListByAlbumId(album_id); break; } }); /* Currnet Params */ $scope.viewRouteParams = function() { return $routeParams; }; /* Check if seo website */ $scope.checkSeo = function() { return (GURL.isHtml5Mode()) ? true : false; }; /* Build String title url */ $scope.buildTitleUrl = function(str) { var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-"); return s; }; $scope.checkUrlActive = function(activeString) { return (window.location.href.indexOf(activeString) != -1) ? true : false; }; /* Broadcase event -> do something */ $rootScope.$on('repeatend', function() { if ($scope.pageType === 'view_album_id') { /* Check Lightbox Enable/Disable */ $('a[data-photo-index]').each(function(idx, obj) { if ($scope._use_lightBox) { $(this).attr('data-lightbox', 'view-gallery'); } else { $(this).attr('target', '_blank'); $(this).attr('data-nolightbox', 'true'); $(this).removeAttr('data-lightbox'); } }); } if ($scope.type === 'portfolio-carousel-boxed' && $scope.pageType == 'view_album_id') { $('.animateSlideFromRight').each(function(i, object) { if (!$(this).hasClass('animateEnded')) { $(this).delay(350 * (i + 1)).queue(function() { $(this).addClass('animateEnded').dequeue(); }); } }); return; } else if ($scope.type === 'portfolio-images-boxed') { $('.animteZoomToNormal').each(function(i, object) { if (!$(this).hasClass('animateEnded')) { $(this).delay(350 * (i + 1)).queue(function() { $(this).addClass('animateEnded').dequeue(); }); } }); return; } if ($('[data-iddd="' + $scope._key() + '"]').not('.slick-initialized')) { $timeout(function() { $scope.slideInit(); }, 500); } }); /* Carousel */ $scope.prev_win_size = $(window).width(); $scope.slideInit = function() { var elementName = '[data-iddd="' + $scope._key() + '"]'; var optionsParmas = { autoplay: false, slidesToShow: 3, slidesToScroll: 3, dots: true, arrows: false, centerMode: false, infinite: false, variableWidth: false }; optionsParmas.responsive = [{ breakpoint: 769, settings: { slidesToShow: 2, slidesToScroll: 2, variableWidth: false, centerMode: false } }, { breakpoint: 601, settings: { slidesToShow: 2, slidesToScroll: 2, variableWidth: false, centerMode: false, } }, { breakpoint: 481, settings: { slidesToShow: 1, slidesToScroll: 1, variableWidth: false, centerMode: false, dots: false, arrows: false, } }]; var extraOptions = { animate: false, slideFromRight: true, }; sliderProvider(elementName, optionsParmas, "", $scope._key(), extraOptions); console.log("repeatend: Option", optionsParmas); angular.element($window).bind('resize', function() { if ($scope.prev_win_size != $(window).width()) { if ($(elementName).hasClass('slick-initialized') || $(elementName).hasClass('slick-slider')) { $(elementName).slick('unslick'); } setTimeout(function() { if ($(elementName).hasClass('slick-initialized') || $(elementName).hasClass('slick-slider')) { $(elementName).slick('unslick'); } sliderProvider(elementName, optionsParmas, "", $scope._key(), extraOptions); }, 3000); } }); }; $scope.getGridItemWidth = function() { return (angular.element('.col-item').eq(0).width() - 150) / 2; }; $scope.checkLightbox = function(idx) { if ($scope._use_lightBox) { $('a[data-index="' + idx + '"]').attr('data-lightbox', 'gallery-view'); } else { $('a[data-index="' + idx + '"]').attr('data-nolightbox', 'yes'); } }; $scope._viewRouteParams = function() { return $routeParams; }; $scope._displayCode = function(Strdata) { var b = ""; if (Strdata.indexOf("-")) { var a = Strdata.split("-"); for (var i = 1; i <= a.length; i++) { if (a[i] != "" && a[i] != undefined) { b += " " + a[i]; } } } return b; }; $scope.streamLightbox = function(url, name) { return $streamLightbox(url, name); }; /** * Check if object array available for "website application" or "Mobile application" * @params object array * return true | false (default) */ $scope._showWeb = function(objArray) { var r = false; for (var i = 0; i < objArray.length; i++) { if (objArray[i].badge_id == 18) { r = true; break; } } return r; }; $scope._showApp = function(objArray) { var r = false; for (var i = 0; i < objArray.length; i++) { if (objArray[i].badge_id == 19) { r = true; break; } } return r; }; $scope.setdispay = function(imgid) { document.getElementById(imgid).style.display = 'block'; $('body').css('overflow', 'hidden'); } $scope.setdispayclose = function(imgid) { document.getElementById(imgid).style.display = 'none'; $('body').css('overflow', 'visible'); } $scope.displayImage = function(image_url, prefix) { return GAEAPI.getGaeImageUrl(image_url, prefix); } }; return promise; });_ui_share_app.directive('componentGalleryAlbumA', function($rootScope, $routeParams, sliderProvider) { var templateName = 'componentGalleryAlbumA'; var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { type: '@type', imgpath: '@imgpath', uselightbox: '@uselightbox', callback: '@callback', menu: '@menu', size: '@size', maxresult: '@maxresult' }; promise.link = function(scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = true; promise.controller = function($scope, $timeout, $interval, $q, $window) { $scope._host = _ui_share_host + templateName + '/'; $scope._use_lightBox = (typeof $scope.uselightbox !== 'undefined' && $scope.uselightbox !== '') ? true : false; $scope._use_callback = (typeof $scope.callback !== 'undefined' && $scope.callback !== '') ? true : false; $scope._no_menu = (typeof $scope.menu !== 'undefined' && $scope.menu !== '') ? false : true; $scope._page = 30; if ($scope.maxresult != 'undefined' && $scope.maxresult != '') { $scope._maxresult = $scope.maxresult; } /* UNIQUE KEY */ $scope._uniqueKey = ''; $scope._key = function() { if ($scope._uniqueKey === '') { $scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000); return $scope._uniqueKey; } else { return $scope._uniqueKey; } }; $scope._getIdFromUrl = function(rawRouteParams) { var a = rawRouteParams; var b = a.split("-"); if (b.length > 0 && a.indexOf("-") !== -1) { return b[0]; } else { return a; } }; /* Build dummy data by gallery type * @params {typeName} type of page * @return array */ $scope.buildDummyByType = function(typeName) { switch (typeName) { case 'gallery': var d = []; for (var i = 0; i < 6; i++) { var item = { 'gallery_badge': [{ badge_id: 18 }], 'gallery_id': (i + 1), 'gallery_name': 'Gallery ' + (i + 1), 'gallery_image': [{ 'image_url': 'extensions/themes/gae_default301/staticfiles/images/default/490x490.gif' }] }; d.push(item); } $scope.data_gallery_list = d; $scope.data_gallery_list_done = true; break; case 'gallery_id': var d = []; for (var i = 0; i < 6; i++) { var item = { 'gallery_badge': [{ badge_id: 18 }], 'image_group_id': 10 + (i + 1), 'image_group_name': 'Album list number ' + (i + 1), 'image_group_image': [{ 'image_url': 'extensions/themes/gae_default301/staticfiles/images/default/490x490.gif' }] }; d.push(item); } $scope.data_album_list = d; break; case 'photo_list': var d = []; for (var i = 0; i < 6; i++) { var item = { 'image_url': 'extensions/themes/gae_default301/staticfiles/images/default/490x490.gif', }; d.push(item); } $scope.data_photo_list = d; break; } }; /* Get all gellery for first time*/ $scope.data_gallery_list = []; $scope.data_gallery_list_done = false; $scope.galleryInit = function() { $scope.data_gallery_list = []; $scope.data_gallery_list_done = false; var d = { 'cur_page': 1, 'per_page': $scope._maxresult, 'txt_filter_json': JSON.stringify({ "badge_id_array": [18] }) }; GAEAPI.get('gallery/lists', d, $scope).then(function(e) { $scope.data_gallery_list = (e.ok == 1) ? e.data.dataList : []; $scope.data_gallery_list_done = true; if ($scope.data_gallery_list.length <= 0 && $scope._use_callback) { $scope.buildDummyByType('gallery'); } }); }; $scope.galleryInit(); /* Get album list inside gallery id */ $scope.data_album_list = []; $scope.getAlbumListByGalleryId = function(gallery_id) { $scope.data_album_list = []; var d = { 'cur_page': 1, 'per_page': 32, 'txt_filter_json': JSON.stringify({ "gallery_id_array": [gallery_id] }) }; GAEAPI.get('image_group/lists', d, $scope).then(function(res) { if (res.ok == 1) { $scope.data_album_list = (res.ok == 1) ? res.data.dataList : []; if ($scope.data_album_list.length <= 0 && $scope._use_callback) { $scope.buildDummyByType('gallery_id'); } } }); }; /* Get photo list inside (gallery id => album id) */ $scope.data_photo_list = []; $scope.getPhotoListByAlbumId = function(album_id) { $scope.data_photo_list = []; var d = { 'cur_page': 1, 'per_page': 50, 'txt_filter_json': JSON.stringify({ "image_group_id_array": [album_id] }) }; GAEAPI.get('image/lists', d, $scope).then(function(res) { if (res.ok == 1) { $scope.data_photo_list = (res.ok == 1) ? res.data.dataList : []; if ($scope.data_photo_list.length <= 0 && $scope._use_callback) { $scope.buildDummyByType('photo_list'); } } }); }; $scope.checkPageType = function() { if (typeof $routeParams.view_album_id !== 'undefined' && $routeParams.view_album_id != '' && typeof $routeParams.album_id !== 'undefined' && $routeParams.album_id !== '') { return 'view_album_id'; } else if (typeof $routeParams.view_album_id === 'undefined' && typeof $routeParams.album_id !== 'undefined' && $routeParams.album_id != '') { return 'album_id'; } else { return 'gallery'; } }; $scope.pageType = $scope.checkPageType() || ""; switch ($scope.pageType) { case 'album_id': var gallery_id = $scope._getIdFromUrl($routeParams.album_id); $scope.getAlbumListByGalleryId(gallery_id); break; case 'view_album_id': var gallery_id = $scope._getIdFromUrl($routeParams.album_id); var album_id = $scope._getIdFromUrl($routeParams.view_album_id); $scope.getAlbumListByGalleryId(gallery_id); $scope.getPhotoListByAlbumId(album_id); break; default: break; } /* When route change start */ $rootScope.$on('$routeChangeStart', function(event, current, prev) { var elementName = '[data-iddd="' + $scope._key() + '"]'; var slickIntance = $(elementName).hasClass('slick-initialized') || $(elementName).hasClass('slick-slider') || false; if (slickIntance && $scope.type === 'portfolio-carousel-boxed') { $(elementName).slick('unslick'); $scope._uniqueKey = ''; } }); /* When route change */ $rootScope.$on('$routeChangeSuccess', function(event, current, prev) { $scope.pageType = $scope.checkPageType(); switch ($scope.pageType) { case 'album_id': var gallery_id = $scope._getIdFromUrl($routeParams.album_id); $scope.getAlbumListByGalleryId(gallery_id); break; case 'view_album_id': var gallery_id = $scope._getIdFromUrl($routeParams.album_id); var album_id = $scope._getIdFromUrl($routeParams.view_album_id); $scope.getAlbumListByGalleryId(gallery_id); $scope.getPhotoListByAlbumId(album_id); break; } }); /* Currnet Params */ $scope.viewRouteParams = function() { return $routeParams; }; /* Check if seo website */ $scope.checkSeo = function() { return (GURL.isHtml5Mode()) ? true : false; }; /* Build String title url */ $scope.buildTitleUrl = function(str) { var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-"); return s; }; $scope.checkUrlActive = function(activeString) { return (window.location.href.indexOf(activeString) != -1) ? true : false; }; /* Broadcase event -> do something */ $rootScope.$on('repeatend', function() { if ($scope.pageType === 'view_album_id') { /* Check Lightbox Enable/Disable */ $('a[data-photo-index]').each(function(idx, obj) { if ($scope._use_lightBox) { $(this).attr('data-lightbox', 'view-gallery'); } else { $(this).attr('target', '_blank'); $(this).attr('data-nolightbox', 'true'); $(this).removeAttr('data-lightbox'); } }); } if ($scope.type === 'portfolio-carousel-boxed' && $scope.pageType == 'view_album_id') { $('.animateSlideFromRight').each(function(i, object) { if (!$(this).hasClass('animateEnded')) { $(this).delay(350 * (i + 1)).queue(function() { $(this).addClass('animateEnded').dequeue(); }); } }); return; } else if ($scope.type === 'portfolio-images-boxed') { $('.animteZoomToNormal').each(function(i, object) { if (!$(this).hasClass('animateEnded')) { $(this).delay(350 * (i + 1)).queue(function() { $(this).addClass('animateEnded').dequeue(); }); } }); return; } if ($('[data-iddd="' + $scope._key() + '"]').not('.slick-initialized')) { $timeout(function() { $scope.slideInit(); }, 500); } }); /* Carousel */ $scope.prev_win_size = $(window).width(); $scope.slideInit = function() { var elementName = '[data-iddd="' + $scope._key() + '"]'; var optionsParmas = { autoplay: false, slidesToShow: 3, slidesToScroll: 3, dots: true, arrows: false, centerMode: false, infinite: false, variableWidth: false }; optionsParmas.responsive = [{ breakpoint: 769, settings: { slidesToShow: 2, slidesToScroll: 2, variableWidth: false, centerMode: false } }, { breakpoint: 601, settings: { slidesToShow: 2, slidesToScroll: 2, variableWidth: false, centerMode: false, } }, { breakpoint: 481, settings: { slidesToShow: 1, slidesToScroll: 1, variableWidth: false, centerMode: false, dots: false, arrows: false, } }]; var extraOptions = { animate: false, slideFromRight: true, }; sliderProvider(elementName, optionsParmas, "", $scope._key(), extraOptions); console.log("repeatend: Option", optionsParmas); angular.element($window).bind('resize', function() { if ($scope.prev_win_size != $(window).width()) { if ($(elementName).hasClass('slick-initialized') || $(elementName).hasClass('slick-slider')) { $(elementName).slick('unslick'); } setTimeout(function() { if ($(elementName).hasClass('slick-initialized') || $(elementName).hasClass('slick-slider')) { $(elementName).slick('unslick'); } sliderProvider(elementName, optionsParmas, "", $scope._key(), extraOptions); }, 3000); } }); }; $scope.getGridItemWidth = function() { return (angular.element('.col-item').eq(0).width() - 150) / 2; }; $scope.checkLightbox = function(idx) { if ($scope._use_lightBox) { $('a[data-index="' + idx + '"]').attr('data-lightbox', 'gallery-view'); } else { $('a[data-index="' + idx + '"]').attr('data-nolightbox', 'yes'); } }; /** * Check if object array available for "website application" or "Mobile application" * @params object array * return true | false (default) */ $scope._showWeb = function(objArray) { var r = false; for (var i = 0; i < objArray.length; i++) { if (objArray[i].badge_id == 18) { r = true; break; } } return r; }; $scope._showApp = function(objArray) { var r = false; for (var i = 0; i < objArray.length; i++) { if (objArray[i].badge_id == 19) { r = true; break; } } return r; }; }; return promise; }); _ui_share_app.directive('componentGalleryAlbumB', function ($rootScope, $routeParams, sliderProvider) { var templateName = 'componentGalleryAlbumB'; var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { type: '@type', imgpath: '@imgpath', uselightbox: '@uselightbox', callback: '@callback', menu: '@menu', }; promise.link = function (scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = true; promise.controller = function ($scope, $timeout, $interval, $q, $window) { $scope._host = _ui_share_host + templateName + '/'; $scope._use_lightBox = (typeof $scope.uselightbox !== 'undefined' && $scope.uselightbox !== '') ? true : false; $scope._use_callback = (typeof $scope.callback !== 'undefined' && $scope.callback !== '') ? true : false; $scope._no_menu = (typeof $scope.menu !== 'undefined' && $scope.menu !== '') ? false : true; /* UNIQUE KEY */ $scope._uniqueKey = ''; $scope._key = function () { if ($scope._uniqueKey === '') { $scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000); return $scope._uniqueKey; } else { return $scope._uniqueKey; } }; $scope._getIdFromUrl = function(rawRouteParams){ var a = rawRouteParams; var b = a.split("-"); if(b.length > 0 && a.indexOf("-") !== -1){ return b[0]; } else { return a; } }; /* Build dummy data by gallery type * @params {typeName} type of page * @return array */ $scope.buildDummyByType = function(typeName){ switch(typeName){ case 'gallery': var d = []; for(var i = 0; i < 6; i++){ var item = { 'gallery_badge': [{badge_id:18}], 'gallery_id': (i+1), 'gallery_name': 'Gallery ' + (i+1), 'gallery_image': [{'image_url':'extensions/themes/gae_default301/staticfiles/images/default/490x490.gif'}] }; d.push(item); } $scope.data_gallery_list = d; $scope.data_gallery_list_done = true; break; case 'gallery_id': var d = []; for(var i = 0; i < 6; i++){ var item = { 'gallery_badge': [{badge_id:18}], 'image_group_id': 10+(i+1), 'image_group_name': 'Album list number ' + (i+1), 'image_group_image': [{'image_url':'extensions/themes/gae_default301/staticfiles/images/default/490x490.gif'}] }; d.push(item); } $scope.data_album_list = d; break; case 'photo_list': var d = []; for(var i = 0; i < 6; i++){ var item = { 'image_url':'extensions/themes/gae_default301/staticfiles/images/default/490x490.gif', }; d.push(item); } $scope.data_photo_list = d; break; } }; /* Get all gellery for first time*/ $scope.data_gallery_list = []; $scope.data_gallery_list_done = false; $scope.galleryInit = function(){ $scope.data_gallery_list = []; $scope.data_gallery_list_done = false; var d = { 'cur_page':1, 'per_page':30, 'txt_filter_json': JSON.stringify({"badge_id_array":[18]}) }; GAEAPI.get('gallery/lists',d,$scope).then(function(e){ $scope.data_gallery_list = (e.ok == 1) ? e.data.dataList : []; $scope.data_gallery_list_done = true; if($scope.data_gallery_list.length <= 0 && $scope._use_callback){ $scope.buildDummyByType('gallery'); } }); }; $scope.galleryInit(); /* Get album list inside gallery id */ $scope.data_album_list = []; $scope.getAlbumListByGalleryId = function(gallery_id){ $scope.data_album_list = []; var d = { 'cur_page':1, 'per_page':32, 'txt_filter_json': JSON.stringify({"gallery_id_array":[gallery_id]}) }; GAEAPI.get('image_group/lists',d,$scope).then(function(res){ if(res.ok == 1){ $scope.data_album_list = (res.ok == 1) ? res.data.dataList : []; if($scope.data_album_list.length <= 0 && $scope._use_callback){ $scope.buildDummyByType('gallery_id'); } } }); }; /* Get photo list inside (gallery id => album id) */ $scope.data_photo_list = []; $scope.getPhotoListByAlbumId = function(album_id){ $scope.data_photo_list = []; var d = { 'cur_page':1, 'per_page':50, 'txt_filter_json': JSON.stringify({"image_group_id_array":[album_id]}) }; GAEAPI.get('image/lists',d,$scope).then(function(res){ if(res.ok == 1){ $scope.data_photo_list = (res.ok == 1) ? res.data.dataList : []; if($scope.data_photo_list.length <= 0 && $scope._use_callback){ $scope.buildDummyByType('photo_list'); } } }); }; $scope.checkPageType = function(){ if(typeof $routeParams.view_album_id !== 'undefined' && $routeParams.view_album_id != '' && typeof $routeParams.album_id !== 'undefined' && $routeParams.album_id !== ''){ return 'view_album_id'; } else if(typeof $routeParams.view_album_id === 'undefined' && typeof $routeParams.album_id !== 'undefined' && $routeParams.album_id != ''){ return 'album_id'; } else { return 'gallery'; } }; $scope.pageType = $scope.checkPageType() || ""; switch($scope.pageType){ case 'album_id': var gallery_id = $scope._getIdFromUrl($routeParams.album_id); $scope.getAlbumListByGalleryId(gallery_id); break; case 'view_album_id': var gallery_id = $scope._getIdFromUrl($routeParams.album_id); var album_id = $scope._getIdFromUrl($routeParams.view_album_id); $scope.getAlbumListByGalleryId(gallery_id); $scope.getPhotoListByAlbumId(album_id); break; default: break; } /* When route change start */ $rootScope.$on('$routeChangeStart', function (event, current, prev) { var elementName = '[data-iddd="'+$scope._key()+'"]'; var slickIntance = $(elementName).hasClass('slick-initialized') || $(elementName).hasClass('slick-slider') || false; if (slickIntance && $scope.type === 'portfolio-carousel-boxed') { $(elementName).slick('unslick'); $scope._uniqueKey = ''; } }); /* When route change */ $rootScope.$on('$routeChangeSuccess', function (event, current, prev) { $scope.pageType = $scope.checkPageType(); switch($scope.pageType){ case 'album_id': var gallery_id = $scope._getIdFromUrl($routeParams.album_id); $scope.getAlbumListByGalleryId(gallery_id); break; case 'view_album_id': var gallery_id = $scope._getIdFromUrl($routeParams.album_id); var album_id = $scope._getIdFromUrl($routeParams.view_album_id); $scope.getAlbumListByGalleryId(gallery_id); $scope.getPhotoListByAlbumId(album_id); break; } }); /* Currnet Params */ $scope.viewRouteParams = function(){ return $routeParams; }; /* Check if seo website */ $scope.checkSeo=function(){ return (GURL.isHtml5Mode()) ? true : false; }; /* Build String title url */ $scope.buildTitleUrl = function(str){ var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--","-"); return s; }; $scope.checkUrlActive = function(activeString){ return (window.location.href.indexOf(activeString) != -1) ? true : false; }; /* Broadcase event -> do something */ $rootScope.$on('repeatend', function() { if($scope.pageType === 'view_album_id'){ /* Check Lightbox Enable/Disable */ $('a[data-photo-index]').each(function(idx,obj){ if($scope._use_lightBox){ $(this).attr('data-lightbox','view-gallery'); } else { $(this).attr('target','_blank'); $(this).attr('data-nolightbox','true'); $(this).removeAttr('data-lightbox'); } }); } if($scope.type === 'portfolio-carousel-boxed' && $scope.pageType == 'view_album_id'){ $('.animateSlideFromRight').each(function(i, object){ if (!$(this).hasClass('animateEnded')) { $(this).delay(350 * (i + 1)).queue(function () { $(this).addClass('animateEnded').dequeue(); }); } }); return; } else if($scope.type ==='portfolio-images-boxed'){ $('.animteZoomToNormal').each(function(i, object){ if (!$(this).hasClass('animateEnded')) { $(this).delay(350 * (i + 1)).queue(function () { $(this).addClass('animateEnded').dequeue(); }); } }); return; } if($('[data-iddd="'+$scope._key()+'"]').not('.slick-initialized')){ $timeout(function(){ $scope.slideInit(); }, 500); } }); /* Carousel */ $scope.prev_win_size = $(window).width(); $scope.slideInit = function(){ var elementName = '[data-iddd="'+$scope._key()+'"]'; var optionsParmas = { autoplay: false, slidesToShow: 3, slidesToScroll: 3, dots: true, arrows: false, centerMode: false, infinite: false, variableWidth: false }; optionsParmas.responsive = [ { breakpoint: 769, settings: { slidesToShow: 2, slidesToScroll: 2, variableWidth: false, centerMode: false } }, { breakpoint: 601, settings: { slidesToShow: 2, slidesToScroll: 2, variableWidth: false, centerMode: false, } }, { breakpoint: 481, settings: { slidesToShow: 1, slidesToScroll: 1, variableWidth: false, centerMode: false, dots: false, arrows: false, } } ]; var extraOptions = { animate: false, slideFromRight: true, }; sliderProvider(elementName, optionsParmas, "", $scope._key(), extraOptions); console.log("repeatend: Option", optionsParmas); angular.element($window).bind('resize',function(){ if($scope.prev_win_size != $(window).width()){ if($(elementName).hasClass('slick-initialized') || $(elementName).hasClass('slick-slider')){ $(elementName).slick('unslick'); } setTimeout(function(){ if($(elementName).hasClass('slick-initialized') || $(elementName).hasClass('slick-slider')){ $(elementName).slick('unslick'); } sliderProvider(elementName, optionsParmas, "", $scope._key(), extraOptions); }, 3000); } }); }; $scope.getGridItemWidth = function(){ return (angular.element('.col-item').eq(0).width() - 150) / 2; }; $scope.checkLightbox = function(idx){ if($scope._use_lightBox){ $('a[data-index="'+idx+'"]').attr('data-lightbox','gallery-view'); } else { $('a[data-index="'+idx+'"]').attr('data-nolightbox','yes'); } }; /** * Check if object array available for "website application" or "Mobile application" * @params object array * return true | false (default) */ $scope._showWeb = function (objArray) { var r = false; for (var i = 0; i < objArray.length; i++) { if (objArray[i].badge_id == 18) { r = true; break; } } return r; }; $scope._showApp = function (objArray) { var r = false; for (var i = 0; i < objArray.length; i++) { if (objArray[i].badge_id == 19) { r = true; break; } } return r; }; }; return promise; }); _ui_share_app.directive('componentGalleryAlbumC', function ($rootScope, $routeParams, sliderProvider) { var templateName = 'componentGalleryAlbumC'; var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { type: '@type', imgpath: '@imgpath', uselightbox: '@uselightbox', callback: '@callback', menu: '@menu', }; promise.link = function (scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = true; promise.controller = function ($scope, $timeout, $interval, $q, $window) { $scope._host = _ui_share_host + templateName + '/'; $scope._use_lightBox = (typeof $scope.uselightbox !== 'undefined' && $scope.uselightbox !== '') ? true : false; $scope._use_callback = (typeof $scope.callback !== 'undefined' && $scope.callback !== '') ? true : false; $scope._no_menu = (typeof $scope.menu !== 'undefined' && $scope.menu !== '') ? false : true; /* UNIQUE KEY */ $scope._uniqueKey = ''; $scope._key = function () { if ($scope._uniqueKey === '') { $scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000); return $scope._uniqueKey; } else { return $scope._uniqueKey; } }; $scope._getIdFromUrl = function(rawRouteParams){ var a = rawRouteParams; var b = a.split("-"); if(b.length > 0 && a.indexOf("-") !== -1){ return b[0]; } else { return a; } }; /* Build dummy data by gallery type * @params {typeName} type of page * @return array */ $scope.buildDummyByType = function(typeName){ switch(typeName){ case 'gallery': var d = []; for(var i = 0; i < 6; i++){ var item = { 'gallery_badge': [{badge_id:18}], 'gallery_id': (i+1), 'gallery_name': 'Gallery ' + (i+1), 'gallery_image': [{'image_url':'extensions/themes/gae_default301/staticfiles/images/default/490x490.gif'}] }; d.push(item); } $scope.data_gallery_list = d; $scope.data_gallery_list_done = true; break; case 'gallery_id': var d = []; for(var i = 0; i < 6; i++){ var item = { 'gallery_badge': [{badge_id:18}], 'image_group_id': 10+(i+1), 'image_group_name': 'Album list number ' + (i+1), 'image_group_image': [{'image_url':'extensions/themes/gae_default301/staticfiles/images/default/490x490.gif'}] }; d.push(item); } $scope.data_album_list = d; break; case 'photo_list': var d = []; for(var i = 0; i < 6; i++){ var item = { 'image_url':'extensions/themes/gae_default301/staticfiles/images/default/490x490.gif', }; d.push(item); } $scope.data_photo_list = d; break; } }; /* Get all gellery for first time*/ $scope.data_gallery_list = []; $scope.data_gallery_list_done = false; $scope.galleryInit = function(){ $scope.data_gallery_list = []; $scope.data_gallery_list_done = false; var d = { 'cur_page':1, 'per_page':30, 'txt_filter_json': JSON.stringify({"badge_id_array":[18]}) }; GAEAPI.get('gallery/lists',d,$scope).then(function(e){ $scope.data_gallery_list = (e.ok == 1) ? e.data.dataList : []; $scope.data_gallery_list_done = true; if($scope.data_gallery_list.length <= 0 && $scope._use_callback){ $scope.buildDummyByType('gallery'); } }); }; $scope.galleryInit(); /* Get album list inside gallery id */ $scope.data_album_list = []; $scope.getAlbumListByGalleryId = function(gallery_id){ $scope.data_album_list = []; var d = { 'cur_page':1, 'per_page':32, 'txt_filter_json': JSON.stringify({"gallery_id_array":[gallery_id]}) }; GAEAPI.get('image_group/lists',d,$scope).then(function(res){ if(res.ok == 1){ $scope.data_album_list = (res.ok == 1) ? res.data.dataList : []; if($scope.data_album_list.length <= 0 && $scope._use_callback){ $scope.buildDummyByType('gallery_id'); } } }); }; /* Get photo list inside (gallery id => album id) */ $scope.data_photo_list = []; $scope.getPhotoListByAlbumId = function(album_id){ $scope.data_photo_list = []; var d = { 'cur_page':1, 'per_page':50, 'txt_filter_json': JSON.stringify({"image_group_id_array":[album_id]}) }; GAEAPI.get('image/lists',d,$scope).then(function(res){ if(res.ok == 1){ $scope.data_photo_list = (res.ok == 1) ? res.data.dataList : []; if($scope.data_photo_list.length <= 0 && $scope._use_callback){ $scope.buildDummyByType('photo_list'); } } }); }; $scope.checkPageType = function(){ if(typeof $routeParams.view_album_id !== 'undefined' && $routeParams.view_album_id != '' && typeof $routeParams.album_id !== 'undefined' && $routeParams.album_id !== ''){ return 'view_album_id'; } else if(typeof $routeParams.view_album_id === 'undefined' && typeof $routeParams.album_id !== 'undefined' && $routeParams.album_id != ''){ return 'album_id'; } else { return 'gallery'; } }; $scope.pageType = $scope.checkPageType() || ""; switch($scope.pageType){ case 'album_id': var gallery_id = $scope._getIdFromUrl($routeParams.album_id); $scope.getAlbumListByGalleryId(gallery_id); break; case 'view_album_id': var gallery_id = $scope._getIdFromUrl($routeParams.album_id); var album_id = $scope._getIdFromUrl($routeParams.view_album_id); $scope.getAlbumListByGalleryId(gallery_id); $scope.getPhotoListByAlbumId(album_id); break; default: break; } /* When route change start */ $rootScope.$on('$routeChangeStart', function (event, current, prev) { var elementName = '[data-iddd="'+$scope._key()+'"]'; var slickIntance = $(elementName).hasClass('slick-initialized') || $(elementName).hasClass('slick-slider') || false; if (slickIntance && $scope.type === 'portfolio-carousel-boxed') { $(elementName).slick('unslick'); $scope._uniqueKey = ''; } }); /* When route change */ $rootScope.$on('$routeChangeSuccess', function (event, current, prev) { $scope.pageType = $scope.checkPageType(); switch($scope.pageType){ case 'album_id': var gallery_id = $scope._getIdFromUrl($routeParams.album_id); $scope.getAlbumListByGalleryId(gallery_id); break; case 'view_album_id': var gallery_id = $scope._getIdFromUrl($routeParams.album_id); var album_id = $scope._getIdFromUrl($routeParams.view_album_id); $scope.getAlbumListByGalleryId(gallery_id); $scope.getPhotoListByAlbumId(album_id); break; } }); /* Currnet Params */ $scope.viewRouteParams = function(){ return $routeParams; }; /* Check if seo website */ $scope.checkSeo=function(){ return (GURL.isHtml5Mode()) ? true : false; }; /* Build String title url */ $scope.buildTitleUrl = function(str){ var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--","-"); return s; }; $scope.checkUrlActive = function(activeString){ return (window.location.href.indexOf(activeString) != -1) ? true : false; }; /* Broadcase event -> do something */ $rootScope.$on('repeatend', function() { if($scope.pageType === 'view_album_id'){ /* Check Lightbox Enable/Disable */ $('a[data-photo-index]').each(function(idx,obj){ if($scope._use_lightBox){ $(this).attr('data-lightbox','view-gallery'); } else { $(this).attr('target','_blank'); $(this).attr('data-nolightbox','true'); $(this).removeAttr('data-lightbox'); } }); } if($scope.type === 'portfolio-carousel-boxed' && $scope.pageType == 'view_album_id'){ $('.animateSlideFromRight').each(function(i, object){ if (!$(this).hasClass('animateEnded')) { $(this).delay(350 * (i + 1)).queue(function () { $(this).addClass('animateEnded').dequeue(); }); } }); return; } else if($scope.type ==='portfolio-images-boxed'){ $('.animteZoomToNormal').each(function(i, object){ if (!$(this).hasClass('animateEnded')) { $(this).delay(350 * (i + 1)).queue(function () { $(this).addClass('animateEnded').dequeue(); }); } }); return; } if($('[data-iddd="'+$scope._key()+'"]').not('.slick-initialized')){ $timeout(function(){ $scope.slideInit(); }, 500); } }); /* Carousel */ $scope.prev_win_size = $(window).width(); $scope.slideInit = function(){ var elementName = '[data-iddd="'+$scope._key()+'"]'; var optionsParmas = { autoplay: false, slidesToShow: 3, slidesToScroll: 3, dots: true, arrows: false, centerMode: false, infinite: false, variableWidth: false }; optionsParmas.responsive = [ { breakpoint: 769, settings: { slidesToShow: 2, slidesToScroll: 2, variableWidth: false, centerMode: false } }, { breakpoint: 601, settings: { slidesToShow: 2, slidesToScroll: 2, variableWidth: false, centerMode: false, } }, { breakpoint: 481, settings: { slidesToShow: 1, slidesToScroll: 1, variableWidth: false, centerMode: false, dots: false, arrows: false, } } ]; var extraOptions = { animate: false, slideFromRight: true, }; sliderProvider(elementName, optionsParmas, "", $scope._key(), extraOptions); console.log("repeatend: Option", optionsParmas); angular.element($window).bind('resize',function(){ if($scope.prev_win_size != $(window).width()){ if($(elementName).hasClass('slick-initialized') || $(elementName).hasClass('slick-slider')){ $(elementName).slick('unslick'); } setTimeout(function(){ if($(elementName).hasClass('slick-initialized') || $(elementName).hasClass('slick-slider')){ $(elementName).slick('unslick'); } sliderProvider(elementName, optionsParmas, "", $scope._key(), extraOptions); }, 3000); } }); }; $scope.getGridItemWidth = function(){ return (angular.element('.col-item').eq(0).width() - 150) / 2; }; $scope.checkLightbox = function(idx){ if($scope._use_lightBox){ $('a[data-index="'+idx+'"]').attr('data-lightbox','gallery-view'); } else { $('a[data-index="'+idx+'"]').attr('data-nolightbox','yes'); } }; /** * Check if object array available for "website application" or "Mobile application" * @params object array * return true | false (default) */ $scope._showWeb = function (objArray) { var r = false; for (var i = 0; i < objArray.length; i++) { if (objArray[i].badge_id == 18) { r = true; break; } } return r; }; $scope._showApp = function (objArray) { var r = false; for (var i = 0; i < objArray.length; i++) { if (objArray[i].badge_id == 19) { r = true; break; } } return r; }; }; return promise; }); _ui_share_app.directive('componentGalleryAlbumD', function($rootScope, $routeParams, sliderProvider) { var templateName = 'componentGalleryAlbumD'; var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { name: '@name', type: '@type', databuttonmore: '@databuttonmore', imgpath: '@imgpath', uselightbox: '@uselightbox', callback: '@callback', menu: '@menu', setall: '@setall', linitPtoto: '@linitptoto', fontcolor: '@fontcolor', }; promise.link = function(scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = true; promise.controller = function($scope, $timeout, $interval, $q, $window) { $scope._host = _ui_share_host + templateName + '/'; $scope.icnPath = CUR_THEME.file_url() + '../../assets/'; $scope.setall = (typeof $scope.setall !== 'undefined' && $scope.setall !== '') ? $scope.setall : 'All'; $scope._databuttonmore = (typeof $scope.databuttonmore !== 'undefined' && $scope.databuttonmore !== '') ? $scope.databuttonmore : 'filled_button_small_round'; $scope._use_lightBox = (typeof $scope.uselightbox !== 'undefined' && $scope.uselightbox !== '') ? true : false; $scope._use_callback = (typeof $scope.callback !== 'undefined' && $scope.callback !== '') ? true : false; $scope._no_menu = (typeof $scope.menu !== 'undefined' && $scope.menu !== '') ? false : true; $scope._linitPtoto = (typeof $scope.linitPtoto !== 'undefined' && $scope.linitPtoto !== '') ? $scope.linitPtoto : 9; /* UNIQUE KEY */ $scope._uniqueKey = ''; $scope._key = function() { if ($scope._uniqueKey === '') { $scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000); return $scope._uniqueKey; } else { return $scope._uniqueKey; } }; $scope._getIdFromUrl = function(rawRouteParams) { var a = rawRouteParams; var b = a.split("-"); if (b.length > 0 && a.indexOf("-") !== -1) { return b[0]; } else { return a; } }; /* Build dummy data by gallery type * @params {typeName} type of page * @return array */ $scope.buildDummyByType = function(typeName) { switch (typeName) { case 'gallery': var d = []; for (var i = 0; i < 6; i++) { var item = { 'gallery_badge': [{ badge_id: 18 }], 'gallery_id': (i + 1), 'gallery_name': 'Gallery ' + (i + 1), 'gallery_image': [{ 'image_url': 'extensions/themes/gae_default301/staticfiles/images/default/490x490.gif' }] }; d.push(item); } $scope.data_gallery_list = d; $scope.data_gallery_list_done = true; break; case 'gallery_id': var d = []; for (var i = 0; i < 6; i++) { var item = { 'gallery_badge': [{ badge_id: 18 }], 'image_group_id': 10 + (i + 1), 'image_group_name': 'Album list number ' + (i + 1), 'image_group_image': [{ 'image_url': 'extensions/themes/gae_default301/staticfiles/images/default/490x490.gif' }] }; d.push(item); } $scope.data_album_list = d; break; case 'photo_list': var d = []; for (var i = 0; i < 6; i++) { var item = { 'image_url': 'extensions/themes/gae_default301/staticfiles/images/default/490x490.gif', }; d.push(item); } $scope.data_photo_list = d; break; } }; /* Get all gellery for first time*/ $scope.data_gallery_State = { load: true, done: false }; $scope.data_gallery_list = []; $scope.data_gallery_list_done = false; $scope.galleryInit = function() { $scope.data_gallery_list = []; $scope.data_gallery_State.load = true; $scope.data_gallery_State.done = false; $scope.data_gallery_list_done = false; var d = { 'cur_page': 1, 'per_page': 30, 'txt_filter_json': JSON.stringify({ "badge_id_array": [18] }) }; GAEAPI.get('gallery/lists', d, $scope).then(function(e) { $scope.data_gallery_list = (e.ok == 1) ? e.data.dataList : []; $scope.data_gallery_list_done = true; if ($scope.data_gallery_list.length <= 0 && $scope._use_callback) { $scope.buildDummyByType('gallery'); } $scope.data_gallery_State.load = false; $scope.data_gallery_State.done = true; }); }; $scope.galleryInit(); /* Get album list inside gallery id */ $scope.data_album_State = { load: true, done: false }; $scope.data_album_list = []; $scope.getAlbumListByGalleryId = function(gallery_id) { $scope.data_album_list = []; $scope.data_album_State.load = true; $scope.data_album_State.done = false; var d = { 'cur_page': 1, 'per_page': 32, 'txt_sortby': 'image_group_sort_index_ASC', 'txt_filter_json': JSON.stringify({ "gallery_id_array": [gallery_id] }) }; GAEAPI.get('image_group/lists', d, $scope).then(function(res) { if (res.ok == 1) { $scope.data_album_list = (res.ok == 1) ? res.data.dataList : []; if ($scope.data_album_list.length <= 0 && $scope._use_callback) { $scope.buildDummyByType('gallery_id'); } } $scope.data_album_State.load = false; $scope.data_album_State.done = true; }); }; $scope.fetchTimes = 1; /* Get photo list inside (gallery id => album id) */ $scope.data_photo_State = { load: true, done: false }; $scope.data_photo_list = []; $scope.data_total_row = 0; $scope.getPhotoListByAlbumId = function(album_id) { var dummyArray = []; $scope.data_photo_State.load = true; $scope.data_photo_State.done = false; var d = { 'cur_page': $scope.fetchTimes, 'per_page': $scope._linitPtoto, //'txt_sortby': 'image_oldest_create', 'txt_sortby': 'image_lastest_create', 'txt_filter_json': JSON.stringify({ "image_group_id_array": [album_id] }) }; GAEAPI.get('image/lists', d, $scope).then(function(res) { if (res.ok == 1) { $scope.data_total_row = res.data.total_rows; angular.forEach(res.data.dataList, function(item, key) { dummyArray.push(item); }); if (!$scope.data_photo_list.length) { $scope.data_photo_list = dummyArray; } else { var currentData = $scope.data_photo_list; $scope.data_photo_list = currentData.concat(dummyArray); } if ($scope.data_photo_list.length <= 0 && $scope._use_callback) { $scope.buildDummyByType('photo_list'); } } $scope.data_photo_State.load = false; $scope.data_photo_State.done = true; console.log("image_fettotal :", $scope.data_total_row); console.log("image_fet :", $scope.fetchTimes); console.log("image_dummyArray :", dummyArray); console.log("image_data_photo_list :", $scope.data_photo_list); }); }; $scope.paddingTop = 40; $scope.padding = function() { var id = CUR_THEME.shop_id(); if (id == 643) { $scope.paddingTop = 20; } }; $scope.padding(); $scope.loadMore = function() { $scope.fetchTimes++; $scope.getPhotoListByAlbumId($scope._getIdFromUrl($routeParams.view_album_id)); }; $scope.checkPageType = function() { if (typeof $routeParams.view_album_id !== 'undefined' && $routeParams.view_album_id != '' && typeof $routeParams.album_id !== 'undefined' && $routeParams.album_id !== '') { return 'view_album_id'; } else if (typeof $routeParams.view_album_id === 'undefined' && typeof $routeParams.album_id !== 'undefined' && $routeParams.album_id != '') { return 'album_id'; } else { return 'gallery'; } }; $scope.pageType = $scope.checkPageType() || ""; switch ($scope.pageType) { case 'album_id': var gallery_id = $scope._getIdFromUrl($routeParams.album_id); $scope.getAlbumListByGalleryId(gallery_id); break; case 'view_album_id': var gallery_id = $scope._getIdFromUrl($routeParams.album_id); var album_id = $scope._getIdFromUrl($routeParams.view_album_id); $scope.getAlbumListByGalleryId(gallery_id); $scope.getPhotoListByAlbumId(album_id); break; default: break; } /* When route change start */ $rootScope.$on('$routeChangeStart', function(event, current, prev) { var elementName = '[data-iddd="' + $scope._key() + '"]'; var slickIntance = $(elementName).hasClass('slick-initialized') || $(elementName).hasClass('slick-slider') || false; if (slickIntance && $scope.type === 'portfolio-carousel-boxed') { $(elementName).slick('unslick'); $scope._uniqueKey = ''; } }); /* When route change */ $rootScope.$on('$routeChangeSuccess', function(event, current, prev) { $scope.pageType = $scope.checkPageType(); switch ($scope.pageType) { case 'album_id': var gallery_id = $scope._getIdFromUrl($routeParams.album_id); $scope.getAlbumListByGalleryId(gallery_id); break; case 'view_album_id': var gallery_id = $scope._getIdFromUrl($routeParams.album_id); var album_id = $scope._getIdFromUrl($routeParams.view_album_id); $scope.getAlbumListByGalleryId(gallery_id); $scope.getPhotoListByAlbumId(album_id); break; } }); /* Currnet Params */ $scope.viewRouteParams = function() { return $routeParams; }; /* Check if seo website */ $scope.checkSeo = function() { return (GURL.isHtml5Mode()) ? true : false; }; /* Build String title url */ $scope.buildTitleUrl = function(str) { var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-"); return s; }; $scope.checkUrlActive = function(activeString) { return (window.location.href.indexOf(activeString) != -1) ? true : false; }; /* Broadcase event -> do something */ $rootScope.$on('repeatend', function() { if ($scope.pageType === 'view_album_id') { /* Check Lightbox Enable/Disable */ $('a[data-photo-index]').each(function(idx, obj) { if ($scope._use_lightBox) { $(this).attr('data-lightbox', 'view-gallery'); } else { $(this).attr('target', '_blank'); $(this).attr('data-nolightbox', 'true'); $(this).removeAttr('data-lightbox'); } }); } if ($scope.type === 'portfolio-carousel-boxed' && $scope.pageType == 'view_album_id') { $('.animateSlideFromRight').each(function(i, object) { if (!$(this).hasClass('animateEnded')) { $(this).delay(350 * (i + 1)).queue(function() { $(this).addClass('animateEnded').dequeue(); }); } }); return; } else if ($scope.type === 'portfolio-images-boxed') { $('.animteZoomToNormal').each(function(i, object) { if (!$(this).hasClass('animateEnded')) { $(this).delay(350 * (i + 1)).queue(function() { $(this).addClass('animateEnded').dequeue(); }); } }); return; } if ($('[data-iddd="' + $scope._key() + '"]').not('.slick-initialized')) { $timeout(function() { $scope.slideInit(); }, 500); } }); /* Carousel */ $scope.prev_win_size = $(window).width(); $scope.slideInit = function() { var elementName = '[data-iddd="' + $scope._key() + '"]'; var optionsParmas = { autoplay: false, slidesToShow: 3, slidesToScroll: 3, dots: true, arrows: false, centerMode: false, infinite: false, variableWidth: false }; optionsParmas.responsive = [{ breakpoint: 769, settings: { slidesToShow: 2, slidesToScroll: 2, variableWidth: false, centerMode: false } }, { breakpoint: 601, settings: { slidesToShow: 2, slidesToScroll: 2, variableWidth: false, centerMode: false, } }, { breakpoint: 481, settings: { slidesToShow: 1, slidesToScroll: 1, variableWidth: false, centerMode: false, dots: false, arrows: false, } }]; var extraOptions = { animate: false, slideFromRight: true, }; sliderProvider(elementName, optionsParmas, "", $scope._key(), extraOptions); console.log("repeatend: Option", optionsParmas); angular.element($window).bind('resize', function() { if ($scope.prev_win_size != $(window).width()) { if ($(elementName).hasClass('slick-initialized') || $(elementName).hasClass('slick-slider')) { $(elementName).slick('unslick'); } setTimeout(function() { if ($(elementName).hasClass('slick-initialized') || $(elementName).hasClass('slick-slider')) { $(elementName).slick('unslick'); } sliderProvider(elementName, optionsParmas, "", $scope._key(), extraOptions); }, 3000); } }); }; $scope.getGridItemWidth = function() { return (angular.element('.col-item').eq(0).width() - 150) / 2; }; $scope.checkLightbox = function(idx) { if ($scope._use_lightBox) { $('a[data-index="' + idx + '"]').attr('data-lightbox', 'gallery-view'); } else { $('a[data-index="' + idx + '"]').attr('data-nolightbox', 'yes'); } }; $scope._viewRouteParams = function() { return $routeParams; }; $scope._displayCode = function(Strdata) { var b = ""; if (Strdata.indexOf("-")) { var a = Strdata.split("-"); for (var i = 1; i <= a.length; i++) { if (a[i] != "" && a[i] != undefined) { b += " " + a[i]; } } } return b; }; $scope.streamLightbox = function(url, name) { return $streamLightbox(url, name); }; /** * Check if object array available for "website application" or "Mobile application" * @params object array * return true | false (default) */ $scope._showWeb = function(objArray) { var r = false; for (var i = 0; i < objArray.length; i++) { if (objArray[i].badge_id == 18) { r = true; break; } } return r; }; $scope._showApp = function(objArray) { var r = false; for (var i = 0; i < objArray.length; i++) { if (objArray[i].badge_id == 19) { r = true; break; } } return r; }; $scope.setdispay = function(imgid) { document.getElementById(imgid).style.display = 'block'; $('body').css('overflow', 'hidden'); } $scope.setdispayclose = function(imgid) { document.getElementById(imgid).style.display = 'none'; $('body').css('overflow', 'visible'); } $scope.displayImage = function(image_url, prefix) { return GAEAPI.getGaeImageUrl(image_url, prefix); } }; return promise; });_ui_share_app.directive('componentGalleryId', function($rootScope, $routeParams, sliderProvider) { var templateName = 'componentGalleryId'; var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { galleryid: '@galleryid', galleryname: '@galleryname', uselightbox: '@uselightbox', type: '@type', }; promise.link = function(scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = true; promise.controller = function($scope, $timeout, $interval, $q, $window) { $scope._host = _ui_share_host + templateName + '/'; $scope._use_lightBox = (typeof $scope.uselightbox !== 'undefined' && $scope.uselightbox !== '') ? true : false; /* UNIQUE KEY */ $scope._uniqueKey = ''; $scope._key = function() { if ($scope._uniqueKey === '') { $scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000); return $scope._uniqueKey; } else { return $scope._uniqueKey; } }; /* Get album list inside gallery id */ $scope.getData = function() { var getFunction = { consoleLog: function(name, data) { console.log(name, data); }, getRouteParams: function(callback) { var params = $routeParams; callback(params); }, stateData: function(loadIn, doneIn) { var _self = this; _self.consoleLog("getData : ", "------- stateData -------"); _self.consoleLog("getData : loadIn : ", loadIn); _self.consoleLog("getData : doneIn : ", doneIn); _self.consoleLog("getData : ", "------- stateData -------"); var state = { load: loadIn, done: doneIn }; return state; }, dataSend: function(api, dataSend, callback) { var _self = this; _self.consoleLog("getData : ", "------- dataSend -------"); _self.consoleLog("getData : api : ", api); _self.consoleLog("getData : dataSend : ", dataSend); _self.consoleLog("getData : ", "------- dataSend -------"); callback(api, dataSend); }, getApi: function(api, dataSend, callback) { var _self = this; GAEAPI.get(api, dataSend, $scope).then(function(output) { _self.consoleLog("getData : ", "------- getApi -------"); _self.consoleLog("getData : api : ", api); _self.consoleLog("getData : dataSend : ", dataSend); _self.consoleLog("getData : output : ", output); _self.consoleLog("getData : ", "------- getApi -------"); callback(output); }); }, imageUrl: function(size, image_url) { var url = image_url.split("/"), length_url = url[url.length - 1]; url[url.length - 1] = size + '_' + length_url; return url.join("/"); }, resizeImageUrl: function(output, callback) { var _self = this; for (var i = 0; i <= output.length; i++) { if (i < output.length) { if (output[i].image_group_image.length != 0) { output[i].image_group_image[0].image_url = _self.imageUrl('t300', output[i].image_group_image[0].image_url); } } else { callback(output); } } }, titleUrl: function(str) { var url = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-"); return url; }, locationUrl: function(template, data) { $location.url(template + data).replace(); }, main: function() { var _self = this; _self.getRouteParams(function(params) { var filter_json = { "gallery_id_array": [$scope.galleryid] }; var dataSend = { 'cur_page': 1, 'per_page': 50, 'txt_filter_json': JSON.stringify(filter_json) }; _self.dataSend('image_group/lists', dataSend, function(api, dataSend) { _self.getApi(api, dataSend, function(output) { _self.consoleLog("getApi : output : ", output); _self.resizeImageUrl(output.data.dataList, function(dataList) { $scope.dataArray = dataList; }); }); }); }); } } return getFunction; }; $scope.getData().main(); /* $scope.data_album_list = []; $scope.getAlbumListByGalleryId = function(gallery_id) { $scope.data_album_list = []; var d = { 'cur_page': 1, 'per_page': 32, 'txt_filter_json': JSON.stringify({ "gallery_id_array": [gallery_id] }) }; GAEAPI.get('image_group/lists', d, $scope).then(function(res) { if (res.ok == 1) { $scope.data_album_list = (res.ok == 1) ? res.data.dataList : []; } console.log("getAlbumListByGalleryId", res); }); }; $scope.getAlbumListByGalleryId($scope.galleryid); */ /* When route change */ $rootScope.$on('$routeChangeSuccess', function(event, current, prev) {}); /* Currnet Params */ $scope.viewRouteParams = function() { return $routeParams; }; /* Check if seo website */ $scope.checkSeo = function() { return (GURL.isHtml5Mode()) ? true : false; }; /* Build String title url */ $scope.buildTitleUrl = function(str) { var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-"); return s; }; $scope.checkUrlActive = function(activeString) { return (window.location.href.indexOf(activeString) != -1) ? true : false; }; /* Broadcase event -> do something */ $rootScope.$on('repeatend', function() { if ($('.component_carousel_map[data-unique="' + $scope._key() + '"]').not('.slick-initialized')) { $timeout(function() { $scope.slideInit(); }, 500); } }); /* Carousel */ $scope.prev_win_size = $(window).width(); $scope.slideInit = function() { var elementName = '.component_carousel_map[data-unique="' + $scope._key() + '"]'; var optionsParmas = { autoplay: false, slidesToShow: 4, slidesToScroll: 2, dots: false, arrows: false, centerMode: false, infinite: false, variableWidth: false }; optionsParmas.responsive = [{ breakpoint: 1240, settings: { slidesToShow: 4, slidesToScroll: 2, variableWidth: false, centerMode: false } }, { breakpoint: 1000, settings: { slidesToShow: 3, slidesToScroll: 2, variableWidth: false, centerMode: false } }, { breakpoint: 769, settings: { slidesToShow: 3, slidesToScroll: 1, variableWidth: false, centerMode: false } }, { breakpoint: 630, settings: { slidesToShow: 2, slidesToScroll: 1, variableWidth: false, centerMode: false, } }, { breakpoint: 481, settings: { slidesToShow: 1, slidesToScroll: 1, variableWidth: false, centerMode: false, dots: false, arrows: false, } }]; var extraOptions = { animate: false, slideFromRight: false, }; sliderProvider(elementName, optionsParmas, "", $scope._key(), extraOptions); console.log("repeatend: Option", optionsParmas); /*angular.element($window).bind('resize',function(){ if($scope.prev_win_size != $(window).width()){ if($(elementName).hasClass('slick-initialized') || $(elementName).hasClass('slick-slider')){ $(elementName).slick('unslick'); } setTimeout(function(){ if($(elementName).hasClass('slick-initialized') || $(elementName).hasClass('slick-slider')){ $(elementName).slick('unslick'); } sliderProvider(elementName, optionsParmas, "", $scope._key(), extraOptions); }, 3000); } });*/ }; $scope.getGridItemWidth = function() { return (angular.element('.col-item').eq(0).width() - 150) / 2; }; $scope.checkLightbox = function(idx) { if ($scope._use_lightBox) { $('a[data-index="' + idx + '"]').attr('data-lightbox', 'gallery-view'); } else { $('a[data-index="' + idx + '"]').attr('data-nolightbox', 'yes'); } }; /** * Check if object array available for "website application" or "Mobile application" * @params object array * return true | false (default) */ $scope._showWeb = function(objArray) { var r = false; for (var i = 0; i < objArray.length; i++) { if (objArray[i].badge_id == 18) { r = true; break; } } return r; }; $scope._showApp = function(objArray) { var r = false; for (var i = 0; i < objArray.length; i++) { if (objArray[i].badge_id == 19) { r = true; break; } } return r; }; }; return promise; });_ui_share_app.directive('componentGalleryIdTypeB', function($rootScope, $routeParams, sliderProvider) { var templateName = 'componentGalleryIdTypeB'; var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { galleryid: '@galleryid', galleryname: '@galleryname', uselightbox: '@uselightbox', type: '@type', }; promise.link = function(scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = true; promise.controller = function($scope, $timeout, $interval, $q, $window) { $scope._host = _ui_share_host + templateName + '/'; $scope._use_lightBox = (typeof $scope.uselightbox !== 'undefined' && $scope.uselightbox !== '') ? true : false; /* UNIQUE KEY */ $scope._uniqueKey = ''; $scope._key = function() { if ($scope._uniqueKey === '') { $scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000); return $scope._uniqueKey; } else { return $scope._uniqueKey; } }; $scope.data_gal_list = false; $scope.getgalId = function() { $scope.data_photo_list = []; var d = { 'txt_gallery_id': $scope.galleryid }; GAEAPI.get('gallery/id', d, $scope).then(function(res) { if (res.ok == 1) { $scope.data_gal_list = (res.ok == 1) ? res.data : []; } }); }; $scope.getgalId(); /* Get photo list inside (gallery id => album id) */ $scope.data_photo_list = []; $scope.getPhotoListByAlbumId = function(gallery_id) { $scope.data_photo_list = []; var d = { 'cur_page': 1, 'per_page': 50, 'txt_filter_json': JSON.stringify({ "image_group_id_array": [album_id] }) }; GAEAPI.get('image/lists', d, $scope).then(function(res) { if (res.ok == 1) { $scope.data_photo_list = (res.ok == 1) ? res.data.dataList : []; } }); }; /* Get album list inside gallery id */ $scope.data_album_list = []; $scope.getAlbumListByGalleryId = function(gallery_id) { $scope.data_album_list = []; var d = { 'cur_page': 1, 'per_page': 32, 'txt_filter_json': JSON.stringify({ "gallery_id_array": [gallery_id] }) }; GAEAPI.get('image_group/lists', d, $scope).then(function(res) { if (res.ok == 1) { $scope.data_album_list = (res.ok == 1) ? res.data.dataList : []; } console.log("getAlbumListByGalleryId", res); }); }; $scope.getAlbumListByGalleryId($scope.galleryid); /* When route change */ $rootScope.$on('$routeChangeSuccess', function(event, current, prev) {}); /* Currnet Params */ $scope.viewRouteParams = function() { return $routeParams; }; /* Check if seo website */ $scope.checkSeo = function() { return (GURL.isHtml5Mode()) ? true : false; }; /* Build String title url */ $scope.buildTitleUrl = function(str) { var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-"); return s; }; $scope.checkUrlActive = function(activeString) { return (window.location.href.indexOf(activeString) != -1) ? true : false; }; /* Broadcase event -> do something */ $rootScope.$on('repeatend', function() { // if ($('.component_carousel_map[data-unique="' + $scope._key() + '"]').not('.slick-initialized')) { // $timeout(function() { // $scope.slideInit(); // }, 500); // } }); /* Carousel */ $scope.prev_win_size = $(window).width(); $scope.slideInit = function() { var elementName = '.component_carousel_map[data-unique="' + $scope._key() + '"]'; var optionsParmas = { autoplay: true, slidesToShow: 3, slidesToScroll: 1, dots: false, arrows: false, centerMode: false, infinite: false, variableWidth: false }; optionsParmas.responsive = [{ breakpoint: 1240, settings: { slidesToShow: 3, slidesToScroll: 1, variableWidth: false, centerMode: false } }, { breakpoint: 1000, settings: { slidesToShow: 3, slidesToScroll: 1, variableWidth: false, centerMode: false } }, { breakpoint: 769, settings: { slidesToShow: 3, slidesToScroll: 1, variableWidth: false, centerMode: false } }, { breakpoint: 630, settings: { slidesToShow: 2, slidesToScroll: 1, variableWidth: false, centerMode: false, } }, { breakpoint: 481, settings: { slidesToShow: 1, slidesToScroll: 1, variableWidth: false, centerMode: false, dots: false, arrows: false, } }]; var extraOptions = { animate: false, slideFromRight: false, }; sliderProvider(elementName, optionsParmas, "", $scope._key(), extraOptions); console.log("repeatend: Option", optionsParmas); /*angular.element($window).bind('resize',function(){ if($scope.prev_win_size != $(window).width()){ if($(elementName).hasClass('slick-initialized') || $(elementName).hasClass('slick-slider')){ $(elementName).slick('unslick'); } setTimeout(function(){ if($(elementName).hasClass('slick-initialized') || $(elementName).hasClass('slick-slider')){ $(elementName).slick('unslick'); } sliderProvider(elementName, optionsParmas, "", $scope._key(), extraOptions); }, 3000); } });*/ }; $scope.getGridItemWidth = function() { return (angular.element('.col-item').eq(0).width() - 150) / 2; }; $scope.checkLightbox = function(idx) { if ($scope._use_lightBox) { $('a[data-index="' + idx + '"]').attr('data-lightbox', 'gallery-view'); } else { $('a[data-index="' + idx + '"]').attr('data-nolightbox', 'yes'); } }; /** * Check if object array available for "website application" or "Mobile application" * @params object array * return true | false (default) */ $scope._showWeb = function(objArray) { var r = false; for (var i = 0; i < objArray.length; i++) { if (objArray[i].badge_id == 18) { r = true; break; } } return r; }; $scope._showApp = function(objArray) { var r = false; for (var i = 0; i < objArray.length; i++) { if (objArray[i].badge_id == 19) { r = true; break; } } return r; }; }; return promise; }); _ui_share_app.directive('componentGridBrand', function ($rootScope, $routeParams) { var templateName = 'componentGridBrand'; var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { size: '@size', }; promise.link = function (scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = true; promise.controller = function ($scope, $timeout, $interval, $q, $window) { $scope.brandArray = []; $scope.getData = function(){ var d = {'txt_referral_type_id':12,'txt_sortby':'referral_name_a-z'}; GAEAPI.get('referral/map',d,$scope).then(function(e){ if(e.ok==1){ $scope.brandArray = e.data; } }); }; $scope.getData(); }; return promise; }); _ui_share_app.directive('componentGridCategory', function ($rootScope, $routeParams) { var templateName = 'componentGridCategory'; var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { size: '@size', imgpath: '@imgpath', shopname: '@shopname', }; promise.link = function (scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = true; promise.controller = function ($scope, $timeout, $interval, $q, $window) { $scope.categoryArray = []; $scope.getData = function(){ var d = {'txt_referral_type_id':11,'txt_sortby':'referral_name_a-z'}; GAEAPI.get('referral/map',d,$scope).then(function(e){ if(e.ok==1){ $scope.categoryArray = e.data; } }); }; $scope.getData(); }; return promise; }); _ui_share_app.directive('componentGridCategoryAb', function($rootScope, $routeParams) { var templateName = 'componentGridCategoryAb'; var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { name: '@name', }; promise.link = function(scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = true; promise.controller = function($scope, $timeout, $interval, $q, $window) { $scope._component = "componentGridCategoryAb"; $scope._imgPath = CUR_THEME.file_url() + "images/"; $scope._icnPath = CUR_THEME.file_url() + "../../assets/"; $scope.getData = function() { var getFunction = { consoleLog: function(functionName, data) { console.log($scope._component, ' : ', functionName, ' : ', data); }, getRouteParams: function(callback) { var _self = this; var params = $routeParams; var state = _self.stateData(true, false); _self.consoleLog("getRouteParams params", params); callback(params, state); }, stateData: function(load, done) { var _self = this; var state = { load: load, done: done }; _self.consoleLog("stateData state", state); return state; }, dataSend: function(api, dataSend, callback) { var _self = this; _self.consoleLog("dataSend api", api); _self.consoleLog("dataSend dataSend", dataSend); callback(api, dataSend); }, checkGetApi: function(resApi, callback) { var _self = this; var ok = false; if (resApi.ok == 1) { ok = true; } _self.consoleLog("checkGetApi ok", ok); callback(ok); }, getApi: function(api, dataSend, callback) { var _self = this; var state = _self.stateData(true, false); GAEAPI.get(api, dataSend, $scope).then(function(res_api) { _self.checkGetApi(res_api, function(res_ok) { _self.consoleLog("getApi api", api); _self.consoleLog("getApi dataSend", dataSend); _self.consoleLog("getApi res_api", res_api); state = _self.stateData(false, true); callback(res_ok, res_api, state); }) }); }, main: function() { var _self = this; } } return getFunction; }; /* category */ $scope.setData = { dataSend: { txt_referral_type_id: 11, txt_sortby: 'referral_sort_index_asc_name_asc', txt_filter_json: [] }, api: "referral/map", ok: false, dataArray: [], dataArrayState: { load: false, done: false } }; /* category */ $scope.getData().getRouteParams(function(res_params, res_state) { $scope.setData.dataArrayState = res_state; var txt_filter_json = { "badge_id_array": [16, 18] }; $scope.setData.dataSend.txt_filter_json = JSON.stringify(txt_filter_json); $scope.getData().dataSend($scope.setData.api, $scope.setData.dataSend, function(res_api, res_dataSend) { $scope.getData().getApi(res_api, res_dataSend, function(res_ok, get_res_api, res_state) { $scope.setData.ok = res_ok; $scope.setData.dataArray = get_res_api.data; $scope.setData.dataArrayState = res_state; }); }); }); }; return promise; }); _ui_share_app.directive('componentGridCategoryB', function ($rootScope, $routeParams) { var templateName = 'componentGridCategoryB'; var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { size: '@size', }; promise.link = function (scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = true; promise.controller = function ($scope, $timeout, $interval, $q, $window) { $scope.categoryArray = []; $scope.getData = function(){ var txt_filter_json = { 'badge_id_array':[16] }; var d = { 'txt_referral_type_id':11, 'txt_sortby':'referral_name_a-z', }; GAEAPI.get('referral/map',d).then(function(e){ if(e.ok==1){ $scope.categoryArray = e.data; console.log("testetydshdgshd : "+$scope.categoryArray); } }); }; $scope.getData(); }; return promise; }); _ui_share_app.directive('componentGridCategoryC', function ($rootScope, $routeParams) { var templateName = 'componentGridCategoryC'; var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { size: '@size', imgpath: '@imgpath', shopname: '@shopname', }; promise.link = function (scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = true; promise.controller = function ($scope, $timeout, $interval, $q, $window) { $scope.categoryArray = []; $scope.getData = function(){ var d = { 'txt_referral_type_id':11, 'txt_sortby':'referral_name_a-z' }; GAEAPI.get('referral/map',d,$scope).then(function(e){ if(e.ok==1){ $scope.categoryArray = e.data; } }); }; $scope.getData(); /* When Click */ $scope.viewLink = function(itemObject){ var page = "category-lists"; if($scope.checkSeo()){ page = "#/category-lists"; } window.location.href = page+"?referral_id="+itemObject.referral_id+"&root_id="+itemObject.referral_id+"&referral_name="+itemObject.referral_name+"&referral_type=category"; }; $scope.checkSeo = function(){ return (GURL.isHtml5Mode()) ? true : false; }; $scope.titleUrl = function(str){ var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--","-"); return s; }; }; return promise; }); _ui_share_app.directive('componentGridCategoryD', function ($rootScope, $routeParams) { var templateName = 'componentGridCategoryD'; var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { size: '@size', }; promise.link = function (scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = true; promise.controller = function ($scope, $timeout, $interval, $q, $window) { $scope.categoryArray = []; $scope.getData = function(){ var txt_filter_json = { 'badge_id_array':[16] }; var d = { 'txt_referral_type_id':11, 'txt_sortby':'referral_name_a-z', 'txt_filter_json': JSON.stringify(txt_filter_json) }; GAEAPI.get('referral/map',d).then(function(e){ if(e.ok==1){ $scope.categoryArray = e.data; console.log("testetydshdgshd : "+$scope.categoryArray); } }); }; $scope.getData(); }; return promise; }); _ui_share_app.directive('componentGridCategoryDb', function ($rootScope, $routeParams) { var templateName = 'componentGridCategoryDb'; var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { text: '@text', }; promise.link = function (scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = true; promise.controller = function ($scope, $timeout, $interval, $q, $window) { $scope.categoryArray = []; $scope.getData = function(){ var txt_filter_json = { 'badge_id_array':[16] }; var d = { 'txt_referral_type_id':11, 'txt_sortby':'referral_name_a-z', 'txt_filter_json': JSON.stringify(txt_filter_json) }; GAEAPI.get('referral/map',d).then(function(e){ if(e.ok==1){ $scope.categoryArray = e.data; console.log("categoryArray : "+$scope.categoryArray); } }); }; $scope.getData(); }; return promise; }); _ui_share_app.directive('componentGridCategoryE', function ($rootScope, $routeParams) { var templateName = 'componentGridCategoryE'; var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { size: '@size', imgpath: '@imgpath', name: '@name', }; promise.link = function (scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = true; promise.controller = function ($scope, $timeout, $interval, $q, $window) { $scope.categoryArray = []; $scope.getData = function(){ var txt_filter_json = { 'badge_id_array':[16] }; var d = { 'txt_referral_type_id':11, 'txt_sortby':'referral_name_a-z', }; GAEAPI.get('referral/map',d).then(function(e){ if(e.ok==1){ $scope.categoryArray = e.data; console.log("testetydshdgshd : "+$scope.categoryArray); } }); }; $scope.getData(); }; return promise; }); _ui_share_app.directive('componentGridCategoryF', function ($rootScope, $routeParams) { var templateName = 'componentGridCategoryF'; var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { text: '@text', name:'@neme', refid:'@refid', }; promise.link = function (scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = true; promise.controller = function ($scope, $timeout, $interval, $q, $window) { $scope.categoryArray = []; $scope.getData = function() { var txt_filter_json = { 'badge_id_array':[18] }; if(typeof $scope.refid !== 'undefined'){ var d = { 'txt_referral_type_id':11, 'txt_parent_id': $scope.refid, 'txt_sortby':'referral_oldest_create', }; } else { var d = { 'txt_referral_type_id':11, 'txt_sortby':'referral_oldest_create', }; } GAEAPI.get('referral/map',d).then(function(e){ if(e.ok==1){ $scope.categoryArray = e.data; console.log("categoryArray : ",$scope.categoryArray); } }); }; $scope.getData(); }; return promise; }); _ui_share_app.directive('componentGridCategoryG', function ($rootScope, $routeParams) { var templateName = 'componentGridCategoryG'; var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { text: '@text', }; promise.link = function (scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = true; promise.controller = function ($scope, $timeout, $interval, $q, $window) { $scope.categoryArray = []; $scope.getData = function(){ var txt_filter_json = { 'badge_id_array':[18] }; var d = { 'txt_referral_type_id':11, 'txt_sortby':'referral_oldest_create', /* 'txt_filter_json': JSON.stringify(txt_filter_json) */ }; GAEAPI.get('referral/map',d).then(function(e){ if(e.ok==1){ $scope.categoryArray = e.data; console.log("categoryArray : "+$scope.categoryArray); } }); }; $scope.getData(); }; return promise; }); _ui_share_app.directive('componentGridCategoryH', function ($rootScope, $routeParams) { var templateName = 'componentGridCategoryH'; var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { text: '@text', name:'@neme', refid:'@refid', }; promise.link = function (scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = true; promise.controller = function ($scope, $timeout, $interval, $q, $window) { $scope.categoryArray = []; $scope.getData = function(){ var txt_filter_json = { 'badge_id_array':[18] }; if(typeof $scope.refid !== 'undefined'){ var d = { 'txt_referral_type_id':11, 'txt_parent_id': $scope.refid, 'txt_sortby':'referral_oldest_create' }; }else{ var d = { 'txt_referral_type_id':11, 'txt_sortby':'referral_oldest_create', }; } GAEAPI.get('referral/map',d).then(function(e){ if(e.ok==1){ $scope.categoryArray = e.data; console.log("categoryArray : ",$scope.categoryArray); } }); }; $scope.getData(); }; return promise; }); _ui_share_app.directive('componentGridCategoryI', function ($rootScope, $routeParams) { var templateName = 'componentGridCategoryI'; var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { size: '@size', imgpath: '@imgpath', shopname: '@shopname', }; promise.link = function (scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = true; promise.controller = function ($scope, $timeout, $interval, $q, $window) { $scope.categoryArray = []; $scope.getData = function(){ var d = { 'txt_referral_type_id':11, 'txt_sortby':'referral_name_a-z' }; GAEAPI.get('referral/map',d,$scope).then(function(e){ if(e.ok==1){ $scope.categoryArray = e.data; } }); }; $scope.getData(); /* When Click */ $scope.viewLink = function(itemObject){ var page = "category-lists"; if($scope.checkSeo()){ page = "#/category-lists"; } window.location.href = page+"?referral_id="+itemObject.referral_id+"&root_id="+itemObject.referral_id+"&referral_type=category"; }; $scope.checkSeo = function(){ return (GURL.isHtml5Mode()) ? true : false; }; $scope.titleUrl = function(str){ var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--","-"); return s; }; }; return promise; }); _ui_share_app.directive('componentHeader', function ($rootScope, $routeParams) { var templateName = 'componentHeader'; var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { name :'@name', id:'=', background:'@', primary:'@', secondary:'@', imgpath:'@' }; promise.link = function (scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = true; promise.controller = function ($scope, $timeout, $interval, $q, $window) { $scope.pixelCheck = 240; /*if(CUR_THEME.shop_id()=="635"){ $scope.pixelCheck = 480; }*/ /* * header mobile event on "scroll" */ angular.element($window).bind('scroll', function(){ if ($(document).scrollTop() > $scope.pixelCheck && $(window).width() >= 931) { if(!angular.element('.desktop_scroll').hasClass('active')){ angular.element('.desktop_scroll').addClass('active'); } } else { if(angular.element('.desktop_scroll').hasClass('active')){ angular.element('.desktop_scroll').removeClass('active'); } } }); /* * header mobile event on "resize" */ angular.element($window).bind('resize', function(){ if($(document).width() >= 992 && angular.element('._compoment_header').hasClass('mobile_open_active')){ angular.element('._compoment_header').removeClass('mobile_open_active'); } }); /* * active mobile menu */ $scope.activeMobileMenu=function(){ $('body').css('overflow','hidden'); if(!angular.element('._compoment_header').hasClass('mobile_open_active')){ angular.element('._compoment_header').addClass('mobile_open_active') } }; /* * unactive mobile menu */ $scope.unactiveMobileMenu=function(){ $('body').css('overflow','auto'); if(angular.element('._compoment_header').hasClass('mobile_open_active')){ angular.element('._compoment_header').removeClass('mobile_open_active'); angular.element('.close').removeClass('active_x'); angular.element('.section').removeClass('active_y'); } }; $scope.goPath = function(t){ window.location.href=t; }; }; return promise; }); _ui_share_app.directive('componentHeaderA', function($rootScope, $routeParams) { var componentMain = 'componentHeader'; var componentChild = 'a'; var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + componentChild + '/' + componentChild + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { imgpath: '@imgpath' }; promise.link = function(scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = { 'menu_search': '?menuSearch', 'menu_user': '?menuUser', 'menu_cart': '?menuCart', 'menu_left': '?menuLeft', 'menu_middle': '?menuMiddle', 'menu_right': '?menuRight', }; promise.controller = function($scope, $timeout, $interval, $q, $window) { $scope.assetsPath = 'extensions/themes/assets/'; $scope.unViewMobile = function() { $('body').css('position', 'relative'); }; $scope._getMe = {}; $scope._isLogin = function() { if (UiCustomerBox.delegate.get.isLogin()) { $scope._getMe = UiCustomerBox.delegate.get.me(); } return UiCustomerBox.delegate.get.isLogin(); }; $scope._getLogin = function() { $scope.unactiveMobileMenu(); if (!UiCustomerBox.delegate.get.isLogin()) { return $inloginPopup.open(); } else { UiCustomerBox.delegate.modal.open(); } /* return UiCustomerBox.delegate.modal.openLoginForm(); */ }; $scope._getSearch = function() { $scope.unactiveMobileMenu(); return UiSearchBox.delegate.modal.open(); }; $scope._getInfo = function() { $scope.unactiveMobileMenu(); return UiCustomerBox.delegate.modal.open(); }; $scope._getLogout = function() { $scope.unactiveMobileMenu(); return UiCustomerBox.delegate.doLogOut(); }; $scope._cartPriceTotal = function() { return UiCart.delegate.get.totalPrice() || 0; }; $scope._cartTotal = function() { return UiCart.delegate.get.totalAmount() || 0; }; $scope._modalOpen = function(elementType, enableGuess, skipToCheckout) { /* return UiCart.delegate.modal.open(); */ $scope.unactiveMobileMenu(); return $virtualCartTypeB.isCart(); }; /* * header mobile event on "scroll" */ angular.element($window).bind('scroll', function() { if ($(document).scrollTop() > 50.25 && $(window).width() >= 991) { if (!$('.a_container').hasClass('active')) { $('.a_container').addClass('active'); $('.menu-on-desktop-scroll').addClass('active'); $('.a_container .menu-on-desktop .on-middle img.normal').css('opacity', 0); $timeout(function() { /*$('.a_container .menu-on-desktop .on-middle img.normal').animate({'opacity':0});*/ $timeout(function() { $('.a_container .menu-on-desktop .on-middle img.normal').css('display', 'none'); $('.a_container .menu-on-desktop .on-middle img.onScroll').css({ 'display': 'block' }); $timeout(function() { $('.a_container .menu-on-desktop .on-middle img.onScroll').animate({ 'opacity': 1 }); }, 300); }, 1); }, 300); } } else { if ($('.a_container').hasClass('active')) { $('.a_container').removeClass('active'); $('.menu-on-desktop-scroll').removeClass('active'); $('.a_container .menu-on-desktop .on-middle img.onScroll').css('opacity', 0); $timeout(function() { /*$('.a_container .menu-on-desktop .on-middle img.onScroll').css('opacity',0);*/ $timeout(function() { $('.a_container .menu-on-desktop .on-middle img.onScroll').css('display', 'none'); $('.a_container .menu-on-desktop .on-middle img.normal').css('display', 'block'); $timeout(function() { $('.a_container .menu-on-desktop .on-middle img.normal').animate({ 'opacity': 1 }); }, 300); }, 1); }, 300); } } }); /* * header mobile event on "resize" */ angular.element($window).bind('resize', function() { if ($(document).width() >= 992 && $('.a_container').hasClass('active')) { $('.a_container').removeClass('active'); $('.menu-on-desktop-scroll').removeClass('active'); } }); /* * active mobile menu */ $scope.activeMobileMenu = function() { $('body').css('position', 'fixed'); if (!angular.element('.menu-on-mobile-active').hasClass('active')) { angular.element('.menu-on-mobile-active').addClass('active') } }; /* * unactive mobile menu */ $scope.unactiveMobileMenu = function() { $('body').css('position', 'relative'); if (angular.element('.menu-on-mobile-active').hasClass('active')) { angular.element('.menu-on-mobile-active').removeClass('active'); } }; $scope.goPath = function(t) { window.location.href = t; }; }; return promise; }); _ui_share_app.directive('componentHeaderB', function ($rootScope, $routeParams) { var componentMain = 'componentHeader'; var componentChild = 'b'; var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + componentChild + '/' + componentChild+ '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { imgpath:'@imgpath' }; promise.link = function (scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = { 'menu_left':'?menuLeft', 'menu_middle':'?menuMiddle', 'menu_right':'?menuRight', }; promise.controller = function ($scope, $timeout, $interval, $q, $window) { $scope.assetsPath = 'extensions/themes/assets/'; $scope.unViewMobile = function() { $('body').css('position','relative'); }; $scope._getMe = {}; $scope._isLogin = function() { if (UiCustomerBox.delegate.get.isLogin()) { $scope._getMe = UiCustomerBox.delegate.get.me(); } return UiCustomerBox.delegate.get.isLogin(); }; $scope._getLogin = function() { $scope.unViewMobile(); return UiCustomerBox.delegate.modal.openLoginForm(); }; $scope._getSearch = function() { $scope.unViewMobile(); return UiSearchBox.delegate.modal.open(); }; $scope._getInfo = function() { $scope.unViewMobile(); return UiCustomerBox.delegate.modal.open(); }; $scope._getLogout = function() { $scope.unViewMobile(); return UiCustomerBox.delegate.doLogOut(); }; $scope._cartPriceTotal = function() { return UiCart.delegate.get.totalPrice() || 0; }; $scope._cartTotal = function() { return UiCart.delegate.get.totalAmount() || 0; }; $scope._modalOpen = function(elementType, enableGuess, skipToCheckout) { if (typeof UiCustomerBox === 'undefined' || UiCustomerBox == undefined) { return; } var delayTrigger = 100; $scope.unViewMobile(); var modalOpenTimer = setTimeout(function() { return UiCart.delegate.modal.open(); clearTimeout(modalOpenTimer); if (!UiCustomerBox.delegate.get.isLogin()) { return UiCustomerBox.delegate.modal.openLoginForm(); } else if (UiCustomerBox.delegate.get.isLogin()) { return UiCart.delegate.modal.open(); } }, delayTrigger); }; /* * header mobile event on "scroll" */ angular.element($window).bind('scroll', function(){ if ($(document).scrollTop() > 300 && $(window).width() >= 991) { if(!$('.a_container').hasClass('active')){ $('.a_container').addClass('active'); $('.menu-on-desktop-scroll').addClass('active'); } } else { if($('.a_container').hasClass('active')){ $('.a_container').removeClass('active'); $('.menu-on-desktop-scroll').removeClass('active'); } } }); /* * header mobile event on "resize" */ angular.element($window).bind('resize', function(){ if($(document).width() >= 992 && $('.a_container').hasClass('active')){ $('.a_container').removeClass('active'); $('.menu-on-desktop-scroll').removeClass('active'); } }); /* * active mobile menu */ $scope.activeMobileMenu=function(){ $('body').css('position','fixed'); if(!angular.element('.menu-on-mobile-active').hasClass('active')){ angular.element('.menu-on-mobile-active').addClass('active') } }; /* * unactive mobile menu */ $scope.unactiveMobileMenu=function(){ $('body').css('position','relative'); if(angular.element('.menu-on-mobile-active').hasClass('active')){ angular.element('.menu-on-mobile-active').removeClass('active'); } }; $scope.goPath = function(t){ window.location.href=t; }; }; return promise; }); _ui_share_app.directive('componentHeaderC', function ($rootScope, $routeParams) { var componentMain = 'componentHeader'; var componentChild = 'c'; var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + componentChild + '/' + componentChild+ '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { imgpath:'@imgpath' }; promise.link = function (scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = { 'menu_left':'?menuLeft', 'menu_middle':'?menuMiddle', 'menu_right':'?menuRight', }; promise.controller = function ($scope, $timeout, $interval, $q, $window) { $scope.assetsPath = 'extensions/themes/assets/'; $scope.unViewMobile = function() { $('body').css('position','relative'); }; $scope._getMe = {}; $scope._isLogin = function() { if (UiCustomerBox.delegate.get.isLogin()) { $scope._getMe = UiCustomerBox.delegate.get.me(); } return UiCustomerBox.delegate.get.isLogin(); }; $scope._getLogin = function() { $scope.unViewMobile(); return UiCustomerBox.delegate.modal.openLoginForm(); }; $scope._getSearch = function() { $scope.unViewMobile(); return UiSearchBox.delegate.modal.open(); }; $scope._getInfo = function() { $scope.unViewMobile(); return UiCustomerBox.delegate.modal.open(); }; $scope._getLogout = function() { $scope.unViewMobile(); return UiCustomerBox.delegate.doLogOut(); }; $scope._cartPriceTotal = function() { return UiCart.delegate.get.totalPrice() || 0; }; $scope._cartTotal = function() { return UiCart.delegate.get.totalAmount() || 0; }; $scope._modalOpen = function(elementType, enableGuess, skipToCheckout) { if (typeof UiCustomerBox === 'undefined' || UiCustomerBox == undefined) { return; } var delayTrigger = 100; $scope.unViewMobile(); var modalOpenTimer = setTimeout(function() { return UiCart.delegate.modal.open(); clearTimeout(modalOpenTimer); if (!UiCustomerBox.delegate.get.isLogin()) { return UiCustomerBox.delegate.modal.openLoginForm(); } else if (UiCustomerBox.delegate.get.isLogin()) { return UiCart.delegate.modal.open(); } }, delayTrigger); }; /* * header mobile event on "scroll" */ angular.element($window).bind('scroll', function(){ if ($(document).scrollTop() > 300 ) { $('.menu-on-desktop-scroll').addClass('active'); } else { $('.menu-on-desktop-scroll').removeClass('active'); } }); /* * header mobile event on "resize" */ angular.element($window).bind('resize', function(){ if($(document).width() >= 992 && $('.a_container').hasClass('active')){ $('.a_container').removeClass('active'); $('.menu-on-desktop-scroll').removeClass('active'); } }); /* * active mobile menu */ $scope.activeMobileMenu=function(){ $('body').css('overflow','hidden'); if(!angular.element('.menu-on-mobile-active').hasClass('active')){ angular.element('.menu-on-mobile-active').addClass('active') } }; /* * unactive mobile menu */ $scope.unactiveMobileMenu=function(){ $('body').css('overflow','auto'); $('body').css('position','relative'); if(angular.element('.menu-on-mobile-active').hasClass('active')){ angular.element('.menu-on-mobile-active').removeClass('active'); } }; $scope.goPath = function(t){ window.location.href=t; }; }; return promise; }); _ui_share_app.directive('componentHeaderD', function ($rootScope, $routeParams) { var componentMain = 'componentHeader'; var componentChild = 'd'; var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + componentChild + '/' + componentChild + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { imgpath: '@imgpath', }; promise.link = function (scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = { 'menu_left': '?menuLeft', 'menu_middle': '?menuMiddle', 'menu_right': '?menuRight', }; promise.controller = function ($scope, $timeout, $interval, $q, $window) { $scope.assetsPath = 'extensions/themes/assets/'; $scope.unViewMobile = function () { $('body').css('position', 'relative'); $scope.unactiveMobileMenu(); }; $scope._getMe = {}; $scope._isLogin = function () { if (UiCustomerBox.delegate.get.isLogin()) { $scope._getMe = UiCustomerBox.delegate.get.me(); } return UiCustomerBox.delegate.get.isLogin(); }; $scope._getLogin = function () { $scope.unViewMobile(); /*return UiCustomerBox.delegate.modal.openLoginForm();*/ return $inloginPopup.open(); }; $scope._getSearch = function () { $scope.unViewMobile(); return UiSearchBox.delegate.modal.open(); }; $scope._getInfo = function () { $scope.unViewMobile(); if ($scope._isLogin() == true) { return UiCustomerBox.delegate.modal.open(); }else { return $inloginPopup.open(); } }; $scope._getLogout = function () { $scope.unViewMobile(); return UiCustomerBox.delegate.doLogOut(); }; $scope._cartPriceTotal = function () { return UiCart.delegate.get.totalPrice() || 0; }; $scope._cartTotal = function () { return UiCart.delegate.get.totalAmount() || 0; }; $scope._modalOpen = function (elementType, enableGuess, skipToCheckout) { UiCart.delegate.modal.open(); }; /* * header mobile event on "scroll" */ angular.element($window).bind('scroll', function () { if ($(document).scrollTop() > 300) { $('.menu-on-desktop-scroll').addClass('active'); } else { $('.menu-on-desktop-scroll').removeClass('active'); } }); /* * header mobile event on "resize" */ angular.element($window).bind('resize', function () { if ($(document).width() >= 992 && $('.a_container').hasClass('active')) { $('.a_container').removeClass('active'); $('.menu-on-desktop-scroll').removeClass('active'); } }); /* * active mobile menu */ $scope.activeMobileMenu = function () { $('body').css('overflow', 'hidden'); if (!angular.element('.menu-on-mobile-active').hasClass('active')) { angular.element('.menu-on-mobile-active').addClass('active') } }; /* * unactive mobile menu */ $scope.unactiveMobileMenu = function () { $('body').css('overflow', 'auto'); $('body').css('position', 'relative'); if (angular.element('.menu-on-mobile-active').hasClass('active')) { angular.element('.menu-on-mobile-active').removeClass('active'); } return mClose(); }; $scope.goPath = function (t) { window.location.href = t; }; $scope.mobileOpen = function () { $('body').css('position', 'fixed'); if (!$('.section-mobile-side').hasClass('active')) { $('.section-mobile-side').addClass('active'); } }; $scope.mobileClose = function () { $('body').css('position', 'relative'); if ($('.section-mobile-side').hasClass('active')) { $('.section-mobile-side').removeClass('active'); } }; $scope.openCart = function () { $scope.mobileClose(); return $virtualCartTypeA.isOpenOrClose(); }; $scope.expandMenuLeft = function (el) { var id = el.getAttribute('data-id'); $('.menu-parent[data-id="' + id + '"]').toggleClass('active'); $('.subMenu[data-id="' + id + '"]').toggleClass('active'); }; /* Get referral data * @return array */ $scope.data_referral = []; $scope.getDataReferral = function(){ var dataSend = { 'txt_referral_type_id': 11 }; GAEAPI.get('referral/map', dataSend).then(function (e) { if (e.ok == 1) { $scope.data_referral = e.data; } }); }; $scope.getDataReferral(); angular.element($window).bind('scroll', function () { if ($(window).scrollTop() >= 344 && $(window).width() >= 992) { /*if(!$('#section-sub-menu').hasClass('active')){ $('#section-sub-menu').addClass('active').delay(300).addClass('shown'); $('#section-sub-menu-clear').addClass('active'); } if(!$('#section-sub-menu .rolling-img').hasClass('active')){ $('#section-sub-menu .rolling-img').delay(300).addClass('active'); }*/ $('#section-menu').addClass('active'); } else { $('#section-menu').removeClass('active'); /*if($('#section-sub-menu').hasClass('active')){ $('#section-sub-menu').removeClass('shown'); $('#section-sub-menu').removeClass('active'); $('#section-sub-menu-clear').removeClass('active'); } if($('#section-sub-menu .rolling-img').hasClass('active')){ $('#section-sub-menu .rolling-img').delay(300).removeClass('active'); }*/ } }); angular.element($window).bind('resize', function () { if ($(window).width() <= 991) { if ($('#section-sub-menu').hasClass('active')) { $('#section-sub-menu').removeClass('active'); $('#section-sub-menu-clear').removeClass('active'); } } else { $scope.mobileClose(); } }); }; return promise; }); _ui_share_app.directive('componentHeaderBar', function ($rootScope, $routeParams) { var templateName = 'componentHeaderBar'; var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { imgpath:'@imgpath', config_container:'@container', config_color:'@barcolor', config_scroll:'@onscroll', }; promise.link = function (scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = { 'bar_first':'?barFirst', 'bar_second':'?barSecond', 'bar_third':'?barThird', }; promise.controller = function ($scope, $timeout, $interval, $q, $window) { $scope.use_container = (typeof $scope.config_container !== 'undefined' && $scope.config_container !== '') ? true : false; $scope.use_color = { first: { backgroundColor:'#ffffff', color:'#000000' }, second:{ backgroundColor:'#800000', color:'#ffffff' }, third: { backgroundColor:'#ffffff', color:'#000000' } }; $scope.on_scroll = {first: false, second:true, third:false}; $scope.assetsPath = 'extensions/themes/assets/'; $scope.$watch('config_color', function(newValue, oldValue){ if(!newValue || newValue == "") return; var stringArray = newValue.split("|"); if(typeof stringArray[0] !== 'undefined' && stringArray[0] !== ''){ /* First */ var a = stringArray[0].split(","); $scope.use_color.first.backgroundColor = a[0]; $scope.use_color.first.color = a[1]; } if(typeof stringArray[1] !== 'undefined' && stringArray[1] !== ''){ /* Second */ var b = stringArray[1].split(","); $scope.use_color.second.backgroundColor = b[0]; $scope.use_color.second.color = b[1]; } if(typeof stringArray[2] !== 'undefined' && stringArray[2] !== ''){ /* Third */ var c = stringArray[2].split(","); $scope.use_color.third.backgroundColor = c[0]; $scope.use_color.third.color = c[1]; } }); $scope.$watch('config_scroll', function(newValue, oldValue){ if(!newValue || newValue == "") return; var stringArray = newValue.split(","); if(typeof stringArray[0] !== 'undefined' && stringArray[0] !== ''){ $scope.on_scroll.first = stringArray[0]; } if(typeof stringArray[1] !== 'undefined' && stringArray[1] !== ''){ $scope.on_scroll.second = stringArray[1]; } if(typeof stringArray[2] !== 'undefined' && stringArray[2] !== ''){ $scope.on_scroll.third = stringArray[2]; } }); /* * mobile menu => close */ angular.element('[data-for="mobile_close"]').bind('click', function(){ angular.element('body').css('position','relative'); if(angular.element('.container_second_mobile .onActive').hasClass('active')){ angular.element('.container_second_mobile .onActive').removeClass('active'); } }); /* * mobile menu => open */ angular.element('[data-for="mobile_active"]').bind('click', function(){ angular.element('body').css('position','fixed'); if(!angular.element('.container_second_mobile .onActive').hasClass('active')){ angular.element('.container_second_mobile .onActive').addClass('active'); } }); /* * header mobile event on "scroll" */ angular.element($window).bind('scroll', function(){ if ($(document).scrollTop() > 240 && $(window).width() >= 931) { if(!angular.element('.container_second_scroll').hasClass('active')){ angular.element('.container_second_scroll').addClass('active'); } } else { if(angular.element('.container_second_scroll').hasClass('active')){ angular.element('.container_second_scroll').removeClass('active'); } } }); /* * header mobile event on "resize" */ angular.element($window).bind('resize', function(){ if($(document).width() >= 992){ angular.element('body').css('position','relative'); if(angular.element('.container_second_mobile .onActive').hasClass('active')){ angular.element('.container_second_mobile .onActive').removeClass('active'); } } }); $scope.goPath = function(t){ window.location.href=t; }; }; return promise; }); _ui_share_app.directive('componentHeaderCategory', function ($rootScope, $routeParams) { var templateName = 'componentHeaderCategory'; var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { primary:'@', secondary:'@', }; promise.link = function (scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = true; promise.controller = function ($scope, $timeout, $interval, $q, $window) { $scope.data=[]; if($scope.data.length <= 0){ GAEAPI.get('referral/map',{'txt_referral_type_id':11}).then(function(e){ if(e.ok === 1) { $scope.data=e.data; } }); } }; return promise; }); _ui_share_app.directive('componentHeaderF', function ($rootScope, $routeParams) { var templateName = 'componentHeaderF'; var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { name :'@name', id:'=', background:'@', primary:'@', secondary:'@', imgpath:'@' }; promise.link = function (scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = { 'menu_mobile':'?menuMobile', }; promise.controller = function ($scope, $timeout, $interval, $q, $window) { $scope.pixelCheck = 240; $scope.curTheme = CUR_THEME.shop_id(); /*if(CUR_THEME.shop_id()=="635"){ $scope.pixelCheck = 480; }*/ /* * header mobile event on "scroll" */ angular.element($window).bind('scroll', function(){ if(CUR_THEME.shop_id() != 741){ if ($(document).scrollTop() > $scope.pixelCheck && $(window).width() >= 931) { if(!angular.element('.desktop_scroll').hasClass('active')){ angular.element('.desktop_scroll').addClass('active'); } } else { if(angular.element('.desktop_scroll').hasClass('active')){ angular.element('.desktop_scroll').removeClass('active'); } } } }); /* * header mobile event on "resize" */ angular.element($window).bind('resize', function(){ if($(document).width() >= 992 && angular.element('._compoment_header').hasClass('mobile_open_active')){ angular.element('._compoment_header').removeClass('mobile_open_active'); $('body').css('overflow','auto'); } }); /* * active mobile menu */ $scope.activeMobileMenu=function(){ /* $('body').css('position','fixed'); */ if($( window ).width() < 991){ $('body').css('overflow','hidden'); } if(!angular.element('._compoment_header').hasClass('mobile_open_active')){ angular.element('._compoment_header').addClass('mobile_open_active'); } angular.element('._compoment_header .mobile').addClass('active'); }; /* * unactive mobile menu */ $scope.unactiveMobileMenu=function(){ /* $('body').css('position','relative'); */ $('body').css('overflow','auto'); if(angular.element('._compoment_header').hasClass('mobile_open_active')){ angular.element('._compoment_header').removeClass('mobile_open_active'); angular.element('.close').removeClass('active_x'); angular.element('.section').removeClass('active_y'); } }; $scope.goPath = function(t){ window.location.href=t; }; }; return promise; }); _ui_share_app.directive('componentHeaderG', function ($rootScope, $routeParams) { var templateName = 'componentHeaderG'; var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { name :'@name', id:'=', background:'@', primary:'@', secondary:'@', imgpath:'@' }; promise.link = function (scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = { 'menu_mobile':'?menuMobile', }; promise.controller = function ($scope, $timeout, $interval, $q, $window) { $scope.pixelCheck = 240; $scope.curTheme = CUR_THEME.shop_id(); /*if(CUR_THEME.shop_id()=="635"){ $scope.pixelCheck = 480; }*/ /* * header mobile event on "scroll" */ angular.element($window).bind('scroll', function(){ if(CUR_THEME.shop_id() != 741){ if ($(document).scrollTop() > $scope.pixelCheck && $(window).width() >= 931) { if(!angular.element('.desktop_scroll').hasClass('active')){ angular.element('.desktop_scroll').addClass('active'); } } else { if(angular.element('.desktop_scroll').hasClass('active')){ angular.element('.desktop_scroll').removeClass('active'); } } } }); /* * header mobile event on "resize" */ angular.element($window).bind('resize', function(){ if($(document).width() >= 992 && angular.element('._compoment_header').hasClass('mobile_open_active')){ angular.element('._compoment_header').removeClass('mobile_open_active'); } }); /* * active mobile menu */ $scope.activeMobileMenu=function(){ /* $('body').css('position','fixed'); */ $('body').css('overflow','hidden'); if(!angular.element('._compoment_header').hasClass('mobile_open_active')){ angular.element('._compoment_header').addClass('mobile_open_active') } }; /* * unactive mobile menu */ $scope.unactiveMobileMenu=function(){ /* $('body').css('position','relative'); */ $('body').css('overflow','auto'); if(angular.element('._compoment_header').hasClass('mobile_open_active')){ angular.element('._compoment_header').removeClass('mobile_open_active'); angular.element('.close').removeClass('active_x'); angular.element('.section').removeClass('active_y'); } }; $scope.goPath = function(t){ window.location.href=t; }; }; return promise; }); _ui_share_app.directive('componentHeaderH', function ($rootScope, $routeParams) { var templateName = 'componentHeaderH'; var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { name :'@name', id:'=', background:'@', primary:'@', secondary:'@', imgpath:'@' }; promise.link = function (scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = { 'menu_mobile':'?menuMobile', }; promise.controller = function ($scope, $timeout, $interval, $q, $window) { $scope.pixelCheck = 240; $scope.curTheme = CUR_THEME.shop_id(); /*if(CUR_THEME.shop_id()=="635"){ $scope.pixelCheck = 480; }*/ /* * header mobile event on "scroll" */ angular.element($window).bind('scroll', function(){ if(CUR_THEME.shop_id() != 741){ if ($(document).scrollTop() > $scope.pixelCheck && $(window).width() >= 931) { if(!angular.element('.desktop_scroll').hasClass('active')){ angular.element('.desktop_scroll').addClass('active'); } } else { if(angular.element('.desktop_scroll').hasClass('active')){ angular.element('.desktop_scroll').removeClass('active'); } } } }); /* * header mobile event on "resize" */ angular.element($window).bind('resize', function(){ if($(document).width() >= 992 && angular.element('._compoment_header').hasClass('mobile_open_active')){ angular.element('._compoment_header').removeClass('mobile_open_active'); } }); /* * active mobile menu */ $scope.activeMobileMenu=function(){ /* $('body').css('position','fixed'); */ $('body').css('overflow','hidden'); if(!angular.element('._compoment_header').hasClass('mobile_open_active')){ angular.element('._compoment_header').addClass('mobile_open_active') } }; /* * unactive mobile menu */ $scope.unactiveMobileMenu=function(){ /* $('body').css('position','relative'); */ $('body').css('overflow','auto'); if(angular.element('._compoment_header').hasClass('mobile_open_active')){ angular.element('._compoment_header').removeClass('mobile_open_active'); angular.element('.close').removeClass('active_x'); angular.element('.section').removeClass('active_y'); } }; $scope.goPath = function(t){ window.location.href=t; }; }; return promise; }); _ui_share_app.directive('componentHeadline', function ($rootScope, $routeParams) { var templateName = 'componentHeadline'; var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { component: '@component', }; promise.link = function (scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = true; promise.controller = function ($scope, $timeout, $interval, $q, $window) { $scope._textSlide = []; $scope._gettextslide = function(){ $scope._textslide_data = []; GAEAPI.get('web/home',{} , $scope).then(function(res){ if(res.ok == 1){ $scope._textSlide = res.data.textslide_banner; } }); }; $scope._gettextslide(); }; return promise; }); _ui_share_app.directive('componentHello', function ($rootScope, $routeParams, sliderProvider) { var templateName = 'componentHello'; var templatePathUrl = _ui_host + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { name: '@name', imgpath: '@imgpath', badgeid: '@badgeid', badgename: '@badgename', }; promise.templateUrl = templatePathUrl; promise.transclude = true; promise.link = function (scope, element, attr) {}; promise.controller = function ($scope, $timeout, $interval, $q, $window, $location) { $scope.forbidden = false; $scope._config = []; $scope._host = _ui_host + templateName + '/'; }; return promise; }); _ui_share_app.factory('$componentHomePageVideo', function componentHomePageVideo($routeParams, $timeout) { return });_ui_share_app.directive('componentHomePageVideoTypeA', function($rootScope, $routeParams, sliderProvider) { var templateName = 'componentHomePageVideoTypeA'; var componentMain = 'componentHomePageVideo'; var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { mobilesize: '@mobilesize', desktopsize: '@desktopsize', imageset : '@imageset', }; promise.link = function(scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = true; promise.controller = function($scope, $timeout, $interval, $q, $window) { $scope.icnPath = CUR_THEME.file_url() + '../../assets/'; $scope._dataArray = []; $scope._dataArrayState = { load: false, done: false }; $scope._getDataArray = function() { $scope._dataArrayState = $scope.StateData(true, false); var dataSend = {}; GAEAPI.get('shop/current', dataSend).then(function(output) { if (output.ok === 1) { $scope._dataArray = output.data; } $scope._dataArrayState = $scope.StateData(false, true); }); }; $scope.StateData = function(_load_in, _done_in) { var State = { load: _load_in, done: _done_in }; return State; } $scope._getDataArray(); $scope._uniqueKey = ''; $scope._key = function() { if ($scope._uniqueKey === '') { $scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000); return $scope._uniqueKey; } else { return $scope._uniqueKey; } }; $scope.enableVideo = function(object, link) { $('#video-player').html(''); if (object !== '') { $('.outer-video-player[data-id="' + $scope._key() + '"]').find('#video-player').html(object); $('.outer-video-player[data-id="' + $scope._key() + '"]').addClass('active'); $timeout(function() { $('.outer-video-player[data-id="' + $scope._key() + '"]').find('#video-player').addClass('after') }, 350); return; } else if (object.video_link !== '') { return window.location.href = link; } }; $scope.disableVideo = function() { $('.outer-video-player[data-id="' + $scope._key() + '"]').find('#video-player').html(''); $('.outer-video-player[data-id="' + $scope._key() + '"]').find('#video-player').removeClass('after'); $timeout(function() { $('.outer-video-player[data-id="' + $scope._key() + '"]').removeClass('active'); $('#video-player').html(''); }, 350); return; }; $scope.viewDataSize = function() { return ($(window).width() > 767) ? $scope.desktopsize : $scope.mobilesize; }; $scope.showDebug = function() { return (typeof $routeParams.debug !== 'undefined') ? true : false; }; }; return promise; });_ui_share_app.factory('$componentImage', function componentImage($routeParams, $timeout) { return });_ui_share_app.directive('componentImageGallerySlideA', function($rootScope, $routeParams) { var templateName = 'componentImageGallerySlideA'; var componentMain = 'componentImage'; var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { name: '@name', blogid: '@blogid', showbutton: '@showbutton', galleryid: '@galleryid', imgpath: '@imgpath', }; promise.link = function(scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = {}; promise.controller = function($scope, $timeout, $interval, $q, $window) { $scope.icnPath = CUR_THEME.file_url() + '../../assets/'; $scope.mkCarouselBlog = function(elem) { console.debug('mkCarouselBlog: trigger'); setTimeout(function() { var carousel = $(elem + '[data-id=' + $scope._key() + ']'); var is_dark; carousel.not('.slick-initialized').slick({ dots: false, arrows: true, autoplay: true, autoplaySpeed: 4000, slidesToShow: 1, slidesToScroll: 1, infinite: true, speed: 600, responsive: [{ breakpoint: 1330, settings: { slidesToShow: 1, } }, { breakpoint: 991, settings: { arrows: false, slidesToShow: 4 } }, { breakpoint: 768, settings: { arrows: false, slidesToShow: 3 } }, { breakpoint: 480, settings: { arrows: false, slidesToShow: 1 } } ] }).closest('section').addClass('active'); }, 1000); }; $scope._blogArray = []; $scope._blogArrayDone = false; $scope._getBlogArray = function() { $scope._blogArrayDone = false; $scope._blogArray = []; var filterJson = { 'image_group_id_array': [$scope.galleryid] }; var d = { 'cur_page': 1, 'per_page': 100, 'txt_filter_json': JSON.stringify(filterJson), }; GAEAPI.get('image/lists', d, $scope).then(function(e) { if (e.ok == 1) { $scope._blogArrayDone = true; $scope.data = e.data.dataList; console.log("image_group_id_array :", $scope.data); } }); }; $scope._getBlogArray(); $scope._uniqueKey = ''; $scope._key = function() { if ($scope._uniqueKey === '') { $scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000); return $scope._uniqueKey; } else { return $scope._uniqueKey; } }; $scope.slickGoLeft = function() { setTimeout(function() { $('.recommend .-recommend[data-id="' + $scope._key() + '"]').slick('slickPrev'); }, 100); }; $scope.slickGoRight = function() { setTimeout(function() { $('.recommend .-recommend[data-id="' + $scope._key() + '"]').slick('slickNext'); }, 100); }; $scope.openCity = function(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } $scope.setdispay = function(imgid) { document.getElementById(imgid).style.display = 'block'; $('body').css('overflow', 'hidden'); } $scope.setdispayclose = function(imgid) { document.getElementById(imgid).style.display = 'none'; $('body').css('overflow', 'visible'); } $scope.displayImage = function(image_url, prefix) {return GAEAPI.getGaeImageUrl(image_url, prefix);} }; return promise; });_ui_share_app.directive('componentImageGroupIdA', function($rootScope, $routeParams) { var templateName = 'componentImageGroupIdA'; var componentMain = 'componentImage'; var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { groupid: '@groupid', maxresult: '@maxresult', stylebutton: '@stylebutton', loadmore: '@loadmore', setloadmore: '@setloadmore', }; promise.link = function(scope, element, attr) {}; promise.templateUrl = templatePathUrl; promise.transclude = {}; promise.controller = function($scope, $timeout, $interval, $q, $window) { $scope.icnPath = CUR_THEME.file_url() + '../../assets/'; $scope.data_per_page = $scope.maxresult; $scope.getsetloadmore = ($scope.setloadmore != undefined && $scope.setloadmore != "") ? $scope.setloadmore : false; $scope.getloadmore = ($scope.loadmore != undefined && $scope.loadmore != "") ? $scope.loadmore : 'Load More'; $scope.getbutton = ($scope.stylebutton != undefined && $scope.stylebutton != "") ? $scope.stylebutton : 'filled_button_small_round'; $scope.data_image = []; $scope.data_full = []; $scope.data_image_id = { load: true, done: false }; $scope.fetchTimes = 1; $scope.GETdata_image_id = function(cpage, ppage, id) { $scope.data_image = []; $scope.data_image_id.load = true; $scope.data_image_id.done = false; var d = { 'cur_page': cpage, 'per_page': ppage, 'txt_filter_json': JSON.stringify({ "image_group_id_array": [id] }) }; GAEAPI.get('image/lists', d, $scope).then(function(res) { if (res.ok == 1) { console.log("image/lists : ", res); $scope.data_image = res.data.dataList; $scope.data_full = res.data; } $scope.data_image_id.load = false; $scope.data_image_id.done = true; }); }; $scope.GETdata_image_id($scope.fetchTimes, $scope.data_per_page, $scope.groupid); $scope.loadMore = function() { $scope.data_per_page = parseInt($scope.data_per_page) + parseInt($scope.maxresult); $scope.GETdata_image_id($scope.fetchTimes, $scope.data_per_page, $scope.groupid); }; $scope.showDebug = function() { return (typeof $routeParams.debugimage !== 'undefined') ? true : false; }; $scope.viewOptimizeImage = function(size, image_url, image_width) { if (window.devicePixelRatio >= 2 || parseInt(image_width) <= size) { return image_url; } var a = image_url.split("/"), b = a[a.length - 1]; a[a.length - 1] = 't' + size + '_' + b; return a.join("/"); }; }; return promise; });_ui_share_app.directive('componentImageAa', function($rootScope, $routeParams, sliderProvider, carouselData, $location) { var templateName = 'componentImageAa'; var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html'; var promise = {}; promise.restrict = 'AE'; promise.scope = { name: '@name', type: '@type', margin: '@margin', }; promise.templateUrl = templatePathUrl; promise.transclude = true; promise.controller = function($scope, $timeout, $interval, $window, $http) { $scope._component = { name: "componentImageAa", show: (window.location.hostname == "localhost") ? true : false }; $scope._imgPath = CUR_THEME.file_url() + "images/"; $scope._icnPath = CUR_THEME.file_url() + "../../assets/"; /* scope */ $scope._name = ($scope.name != undefined && $scope.name != "") ? $scope.name : "default"; $scope._margin = ($scope.margin != undefined && $scope.margin != "") ? { margin: $scope.margin } : { margin: 0 }; /* scope */ $scope.getData = function() { var getFunction = { consoleLog: function(function_name, data_name, data) { if ($scope._component.show) { console.log($scope._component.name, ' : ', function_name, ' : ', data_name, ' : ', data); } }, getRouteParams: function(callback) { var _self = this; var params = $routeParams; var state = _self.stateData(true, false); _self.consoleLog("getRouteParams", "params", params); callback(_self, params, state); }, getImageGroupId: function(params, callback) { var _self = this; var image_group_id = (params.image_group_id != undefined) ? params.image_group_id.split("-", 1).join("") : false; _self.consoleLog("getGalleryId ", "image_group_id", image_group_id); callback(image_group_id); }, formatDataSend: function(data, callback) { var _self = this; _self.consoleLog("formatDataSend", "data", data); callback(data); }, stateData: function(load, done) { var _self = this; var state = { load: load, done: done }; _self.consoleLog("stateData", "state", state); return state; }, dataSend: function(api, dataSend, callback) { var _self = this; _self.consoleLog("dataSend", "api", api); _self.consoleLog("dataSend", "dataSend", dataSend); callback(api, dataSend); }, checkGetApi: function(resApi, callback) { var _self = this; var ok = false; if (resApi.ok == 1) { ok = true; } _self.consoleLog("checkGetApi", "ok", ok); callback(ok); }, getApi: function(api, dataSend, callback) { var _self = this; var state = _self.stateData(true, false); GAEAPI.get(api, dataSend, $scope).then(function(res_api) { _self.consoleLog("getApi", "res_api", res_api); _self.checkGetApi(res_api, function(res_ok) { _self.consoleLog("getApi", "res_ok", res_ok); state = _self.stateData(false, true); _self.consoleLog("checkGetApi", "state", state); callback(res_ok, res_api, state); }) }); }, getNameUrl: function(name, callback) { var _self = this; name = name.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-"); _self.consoleLog("getNameUrl", "name", name); callback(name); }, main: function() { var _self = this; } } return getFunction; }; $scope.pages = function() { var getFunction = { consoleLog: function(function_name, data_name, data) { if ($scope._component.show) { console.log($scope._component.name, ' : ', function_name, ' : ', data_name, ' : ', data); } }, locationUrlReplace: function(page) { var _self = this; $location.url(page).replace(); }, pageUrl: function(page_name, id, name_url) { var _self = this; var page = page_name + "/" + id + "-" + name_url; _self.locationUrlReplace(page); } } return getFunction; }; $scope.control = function() { var getFunction = { popupImage: function(state, image) { var _self = this; console.log("popupImage image : ", image); $scope.data_control.image.popup = state; $scope.data_control.image.shop_image_url = '
',
nextArrow: '
',
speed: 600,
}).closest('section').addClass('active');
$(cover).css('height', 'auto');
$(cover).css('opacity', '1');
$(carousel).css('opacity', '1');
}, 500);
},
carouselBar: function(cover, carousel) {
var _self = this;
$(cover).css('height', '0');
$(cover).css('opacity', '0');
$(carousel).css('opacity', '0');
setTimeout(function() {
var carousels = $(carousel);
carousels.not('.slick-initialized').slick({
dots: false,
arrows: false,
infinite: false,
autoplay: false,
adaptiveHeight: true,
autoplaySpeed: 4000,
slidesToShow: 6,
slidesToScroll: 6,
speed: 600,
responsive: [{
breakpoint: 1200,
settings: {
slidesToShow: 5,
slidesToScroll: 5,
}
}, {
breakpoint: 991,
settings: {
slidesToShow: 4,
slidesToScroll: 4,
}
}, {
breakpoint: 767,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
}
}]
}).closest('section').addClass('active');
$(cover).css('height', 'auto');
$(cover).css('opacity', '1');
$(carousel).css('opacity', '1');
}, 500);
},
slickCarousel: function(carousel, index) {
var _self = this;
$scope.setCarousel.index = index;
setTimeout(function() {
$('[data-key="' + carousel + '"]').slick('slickGoTo', index);
}, 100);
},
prevIndex: function(product_image) {
var _self = this;
var image = product_image.length;
var image_index = $scope.setCarousel.index;
$scope.setCarousel.index = (image_index != 0) ? image_index - 1 : image - 1;
_self.consoleLog("prevIndex index", $scope.setCarousel.index);
},
nextIndex: function(product_image) {
var _self = this;
var image = product_image.length;
var image_index = $scope.setCarousel.index;
$scope.setCarousel.index = (image_index != (image - 1)) ? image_index + 1 : 0;
_self.consoleLog("nextIndex index", $scope.setCarousel.index);
}
}
return getFunction;
};
$scope.getAttribute = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
productAttribute: function(productAttribute, callback) {
var _self = this;
var attribute = {
option_name: "",
option_attribute: []
};
if (productAttribute.option_data != undefined) {
if (productAttribute.option_data.variant_array != undefined && productAttribute.option_data.variant_array.length != 0) {
for (var a = 0; a < productAttribute.option_data.pclass_array.length; a++) {
attribute.option_name = attribute.option_name.concat(productAttribute.option_data.pclass_array[a].pclass_name, " ");
}
for (var b = 0; b < productAttribute.option_data.variant_array.length; b++) {
var product_attribute = {
product_id: productAttribute.option_data.variant_array[b].product_id,
product_sku: productAttribute.option_data.variant_array[b].sku,
product_title: "",
product_price: parseFloat(productAttribute.option_data.variant_array[b].price),
product_compare_price: parseFloat(productAttribute.option_data.variant_array[b].compare_price),
product_total_stock: parseFloat(productAttribute.option_data.variant_array[b].total_stock),
product_image: productAttribute.option_data.variant_array[b].variant_image
}
for (var c = 0; c < productAttribute.option_data.variant_array[b].option_name_array.length; c++) {
product_attribute.product_title = product_attribute.product_title.concat(productAttribute.option_data.variant_array[b].option_name_array[c], " ");
}
attribute.option_attribute.push(product_attribute);
}
}
}
_self.consoleLog("productAttribute attribute ", attribute);
callback(attribute);
},
checkDiscountPrice: function(productDiscount, resPrice, resComparePrice, callback) {
var _self = this;
var price = 0;
var compare_price = 0;
if (productDiscount.length == 0) {
price = parseFloat(resPrice);
compare_price = parseFloat(resComparePrice);
} else {
if (productDiscount.discount_type_id == '101') {
price = parseFloat(resPrice) - parseFloat(productDiscount.discount_price);
compare_price = parseFloat(resPrice);
} else if (productDiscount.discount_type_id == '102') {
price = (parseFloat(resPrice) * ((100 - parseFloat(productDiscount.discount_percent)) / 100));
compare_price = parseFloat(resPrice);
}
}
callback(price, compare_price);
},
checkMinPrice: function(option, callback) {
var _self = this;
var price_min = parseFloat(option.option_attribute[0].product_price);
var compare_price_min = parseFloat(option.option_attribute[0].product_compare_price);
var total_stock = parseFloat(option.option_attribute[0].product_total_stock);
for (var a = 0; a < option.option_attribute.length; a++) {
if (price_min >= parseFloat(option.option_attribute[a].product_price)) {
price_min = parseFloat(option.option_attribute[a].product_price);
compare_price_min = parseFloat(option.option_attribute[a].product_compare_price);
total_stock = parseFloat(option.option_attribute[a].product_total_stock);
}
}
_self.consoleLog("checkPriceMin price_min ", price_min);
_self.consoleLog("checkPriceMin compare_price_min ", compare_price_min);
_self.consoleLog("checkPriceMin total_stock ", total_stock);
callback(price_min, compare_price_min, total_stock);
},
getTotalStock: function(totalStock, mixStock, callback) {
var _self = this;
var total_stock = (totalStock > 0) ? ((totalStock <= mixStock) ? totalStock : mixStock) : ((totalStock == -1) ? mixStock : totalStock);
callback(total_stock);
},
checkMinPrices: function(api, attribute, callback) {
var _self = this;
var dataPrice = {
product_price: {
price_name: 'product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
product_compare_price: {
price_name: 'product_compare_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_price: {
price_name: 'sum_product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_compare_price: {
price_name: 'sum_product_compare_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_compare_minus_sum_product_price: {
price_name: 'sum_product_compare_minus_sum_product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
}
}
if (attribute.option_attribute.length == 0) {
_self.checkDiscountPrice(api.data.product_discount, api.data.product_price, api.data.product_compare_price, function(res_price, res_compare_price) {
_self.checkPrice(res_price, function(res_price_ecimals) {
dataPrice.product_price.price = res_price;
dataPrice.product_price.price_ecimals = res_price_ecimals;
dataPrice.sum_product_price.price = res_price;
dataPrice.sum_product_price.price_ecimals = res_price_ecimals;
_self.checkPrice(res_compare_price, function(res_compare_price_ecimals) {
dataPrice.product_compare_price.price = res_compare_price;
dataPrice.product_compare_price.price_ecimals = res_compare_price_ecimals;
dataPrice.sum_product_compare_price.price = res_compare_price;
dataPrice.sum_product_compare_price.price_ecimals = res_compare_price_ecimals;
var compare_price_minus_price = ((res_compare_price - res_price) > 0) ? res_compare_price - res_price : 0;
_self.checkPrice(compare_price_minus_price, function(res_compare_price_minus_price_ecimals) {
dataPrice.sum_product_compare_minus_sum_product_price.price = compare_price_minus_price;
dataPrice.sum_product_compare_minus_sum_product_price.price_ecimals = res_compare_price_minus_price_ecimals;
_self.getTotalStock(api.data.product_total_stock, $scope._maxstock, function(res_total_stock_s) {
dataPrice.product_price.total_stock = res_total_stock_s;
dataPrice.product_compare_price.total_stock = res_total_stock_s;
dataPrice.sum_product_price.total_stock = res_total_stock_s;
dataPrice.sum_product_compare_price.total_stock = res_total_stock_s;
dataPrice.sum_product_compare_minus_sum_product_price.total_stock = res_total_stock_s;
callback(dataPrice, false);
});
});
});
});
});
} else {
_self.checkMinPrice(attribute, function(res_price_min, res_compare_price_min, res_total_stock) {
_self.checkDiscountPrice(api.data.product_discount, res_price_min, res_compare_price_min, function(res_price, res_compare_price) {
_self.checkPrice(res_price, function(res_price_ecimals) {
dataPrice.product_price.price = res_price;
dataPrice.product_price.price_ecimals = res_price_ecimals;
dataPrice.sum_product_price.price = res_price;
dataPrice.sum_product_price.price_ecimals = res_price_ecimals;
_self.checkPrice(res_compare_price, function(res_compare_price_ecimals) {
dataPrice.product_compare_price.price = res_compare_price;
dataPrice.product_compare_price.price_ecimals = res_compare_price_ecimals;
dataPrice.sum_product_compare_price.price = res_compare_price;
dataPrice.sum_product_compare_price.price_ecimals = res_compare_price_ecimals;
var compare_price_minus_price = ((res_compare_price - res_price) > 0) ? res_compare_price - res_price : 0;
_self.checkPrice(compare_price_minus_price, function(res_compare_price_minus_price_ecimals) {
dataPrice.sum_product_compare_minus_sum_product_price.price = compare_price_minus_price;
dataPrice.sum_product_compare_minus_sum_product_price.price_ecimals = res_compare_price_minus_price_ecimals;
_self.getTotalStock(res_total_stock, $scope._maxstock, function(res_total_stock_s) {
dataPrice.product_price.total_stock = res_total_stock_s;
dataPrice.product_compare_price.total_stock = res_total_stock_s;
dataPrice.sum_product_price.total_stock = res_total_stock_s;
dataPrice.sum_product_compare_price.total_stock = res_total_stock_s;
dataPrice.sum_product_compare_minus_sum_product_price.total_stock = res_total_stock_s;
callback(dataPrice, true);
});
});
});
});
});
});
}
},
priceIncludes: function(price, includes, callback) {
var _self = this;
var priceToString = (price == null) ? 0 : price;
_self.consoleLog('priceIncludes priceToString : ', priceToString);
callback(priceToString.toString().includes(includes));
},
checkPrice: function(price, callback) {
var _self = this;
_self.priceIncludes(price, '.', function(res) {
_self.consoleLog("checkPrice res ", res);
callback((!res) ? 0 : 2);
});
},
onSelectOption: function(productId) {
var _self = this;
$scope.data.quantity.quantity_input = 1;
$scope.dataApi.product.dataArray.product_id = productId;
_self.consoleLog("onSelectOption productId ", productId);
$scope.getBuy().updateState($scope.dataApi.product.dataArray.product_id);
for (var a = 0; a < $scope.data.attribute.dataArray.option_attribute.length; a++) {
_self.consoleLog("onSelectOption option_attribute ", $scope.data.attribute.dataArray.option_attribute[a]);
if ($scope.data.attribute.dataArray.option_attribute[a].product_id == productId) {
if ($scope.data.attribute.dataArray.option_attribute[a].product_image.length != 0) {
if ($scope.dataApi.product.dataArray.product_image.length != 0) {
for (var b = 0; b < $scope.dataApi.product.dataArray.product_image.length; b++) {
if ($scope.dataApi.product.dataArray.product_image[b].image_id == $scope.data.attribute.dataArray.option_attribute[a].product_image[0].image_id) {
$scope.getCarousel().slickCarousel($scope.setCarousel.carousel, b);
}
}
}
}
_self.checkDiscountPrice($scope.dataApi.product.dataArray.product_discount, $scope.data.attribute.dataArray.option_attribute[a].product_price, $scope.data.attribute.dataArray.option_attribute[a].product_compare_price, function(res_price_p, res_compare_price_p) {
_self.checkPrice(res_price_p, function(res_price_ecimals_p) {
$scope.data.product_price.price = res_price_p;
$scope.data.product_price.price_ecimals = res_price_ecimals_p;
$scope.data.sum_product_price.price = res_price_p;
$scope.data.sum_product_price.price_ecimals = res_price_ecimals_p;
_self.checkPrice(res_compare_price_p, function(res_compare_price_ecimals_p) {
$scope.data.product_compare_price.price = res_compare_price_p;
$scope.data.product_compare_price.price_ecimals = res_compare_price_ecimals_p;
$scope.data.sum_product_compare_price.price = res_compare_price_p;
$scope.data.sum_product_compare_price.price_ecimals = res_compare_price_ecimals_p;
var compare_price_minus_price_p = ((res_compare_price_p - res_price_p) > 0) ? res_compare_price_p - res_price_p : 0;
_self.checkPrice(compare_price_minus_price_p, function(res_compare_price_minus_price_ecimals_p) {
$scope.data.sum_product_compare_minus_sum_product_price.price = compare_price_minus_price_p;
$scope.data.sum_product_compare_minus_sum_product_price.price_ecimals = res_compare_price_minus_price_ecimals_p;
_self.getTotalStock($scope.data.attribute.dataArray.option_attribute[a].product_total_stock, $scope._maxstock, function(res_total_stock_s) {
$scope.data.product_price.total_stock = res_total_stock_s;
$scope.data.product_compare_price.total_stock = res_total_stock_s;
$scope.data.sum_product_price.total_stock = res_total_stock_s;
$scope.data.sum_product_compare_price.total_stock = res_total_stock_s;
$scope.data.sum_product_compare_minus_sum_product_price.total_stock = res_total_stock_s;
/* stock */
$scope.data.quantity.quantity_max = res_total_stock_s;
$scope.data.quantity.quantity_select = [];
for (var i = 0; i < res_total_stock_s; i++) {
$scope.data.quantity.quantity_select.push(i + 1);
}
/* stock */
})
});
});
});
});
break;
}
}
},
onClickOption: function(index) {
var _self = this;
$scope.data.quantity.quantity_input = 1;
$scope.dataApi.product.dataArray.product_id = $scope.data.attribute.dataArray.option_attribute[index].product_id;
$scope.data.attribute.productId = $scope.data.attribute.dataArray.option_attribute[index].product_id;
$scope.getBuy().updateState($scope.dataApi.product.dataArray.product_id);
if ($scope.data.attribute.dataArray.option_attribute[index].product_image.length != 0) {
if ($scope.dataApi.product.dataArray.product_image.length != 0) {
for (var i = 0; i < $scope.dataApi.product.dataArray.product_image.length; i++) {
if ($scope.dataApi.product.dataArray.product_image[i].image_id == $scope.data.attribute.dataArray.option_attribute[index].product_image[0].image_id) {
$scope.getCarousel().slickCarousel($scope.setCarousel.carousel, i);
}
}
}
}
_self.checkDiscountPrice($scope.dataApi.product.dataArray.product_discount, $scope.data.attribute.dataArray.option_attribute[index].product_price, $scope.data.attribute.dataArray.option_attribute[index].product_compare_price, function(res_price_p, res_compare_price_p) {
_self.checkPrice(res_price_p, function(res_price_ecimals_p) {
$scope.data.product_price.price = res_price_p;
$scope.data.product_price.price_ecimals = res_price_ecimals_p;
$scope.data.sum_product_price.price = res_price_p;
$scope.data.sum_product_price.price_ecimals = res_price_ecimals_p;
_self.checkPrice(res_compare_price_p, function(res_compare_price_ecimals_p) {
$scope.data.product_compare_price.price = res_compare_price_p;
$scope.data.product_compare_price.price_ecimals = res_compare_price_ecimals_p;
$scope.data.sum_product_compare_price.price = res_compare_price_p;
$scope.data.sum_product_compare_price.price_ecimals = res_compare_price_ecimals_p;
var compare_price_minus_price_p = ((res_compare_price_p - res_price_p) > 0) ? res_compare_price_p - res_price_p : 0;
_self.checkPrice(compare_price_minus_price_p, function(res_compare_price_minus_price_ecimals_p) {
$scope.data.sum_product_compare_minus_sum_product_price.price = compare_price_minus_price_p;
$scope.data.sum_product_compare_minus_sum_product_price.price_ecimals = res_compare_price_minus_price_ecimals_p;
_self.getTotalStock($scope.data.attribute.dataArray.option_attribute[index].product_total_stock, $scope._maxstock, function(res_total_stock_s) {
$scope.data.product_price.total_stock = res_total_stock_s;
$scope.data.product_compare_price.total_stock = res_total_stock_s;
$scope.data.sum_product_price.total_stock = res_total_stock_s;
$scope.data.sum_product_compare_price.total_stock = res_total_stock_s;
$scope.data.sum_product_compare_minus_sum_product_price.total_stock = res_total_stock_s;
/* stock */
$scope.data.quantity.quantity_max = res_total_stock_s;
$scope.data.quantity.quantity_select = [];
for (var i = 0; i < res_total_stock_s; i++) {
$scope.data.quantity.quantity_select.push(i + 1);
}
/* stock */
})
});
});
});
});
}
}
return getFunction;
};
$scope.getAttributeCustom = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
createArray: function(productCustomTemplates, callback) {
var _self = this;
var custom_attributes = [];
if (productCustomTemplates.templates.length != 0) {
if (productCustomTemplates.templates[0].option_sets.length != 0) {
_self.getAttributes(productCustomTemplates.templates[0].option_sets, function(res_attributes) {
custom_attributes = res_attributes;
});
}
}
_self.consoleLog("createArray : productCustomTemplates", productCustomTemplates);
_self.consoleLog("createArray : custom_attributes", custom_attributes);
callback(custom_attributes, true);
},
formatAttribute: function(index, optionSubsetIndex, setType, optionSetArray, callback) {
var _self = this;
var set_id = (setType == 'attribute') ? optionSetArray.set_id : optionSetArray.subset_id;
var attribute = {
attribute_index: index,
attribute_option_subset_index: optionSubsetIndex,
active_option_id: (optionSetArray.option_data.select_id != 0) ? optionSetArray.option_data.select_id : "-1",
active_option_index: -1,
active_option_index_str: "-1",
active_textarea: "",
active_array: [],
set_id: set_id,
name: optionSetArray.name,
set_type: optionSetArray.ss_type,
option: []
}
callback(attribute);
},
getOption: function(index, optionDataArray, callback) {
var _self = this;
var options = {
index: index,
ss_data_id: optionDataArray.ss_data_id,
name: optionDataArray.name,
image: optionDataArray.image,
price: optionDataArray.price,
compare_price: 0,
total_stock: 0
}
callback(options);
},
getActive: function(index, activeOptionId, activeOptionIdIn, optionDataArray, callback) {
var _self = this;
var actives_index = (optionDataArray.ss_data_id == activeOptionId) ? index : activeOptionIdIn;
var actives = (optionDataArray.ss_data_id != activeOptionId) ? "0" : "1";
callback(actives_index, actives);
},
getAttributes: function(optionSetArray, callback) {
var _self = this;
var attributes = [];
for (var index = 0; index < optionSetArray.length; index++) {
_self.formatAttribute(index, 0, 'attribute', optionSetArray[index], function(res_attribute) {
if (optionSetArray[index].option_subsets.length != 0) {
for (var option_subset_index = 0; option_subset_index < optionSetArray[index].option_subsets.length; option_subset_index++) {
_self.formatAttribute(index, option_subset_index, res_attribute.set_type, optionSetArray[index].option_subsets[option_subset_index], function(res_attribute_sub) {
var options = [];
var active_option_id = -1;
var active_option_array = [];
for (var option = 0; option < optionSetArray[index].option_subsets[option_subset_index].option_data.options.length; option++) {
_self.getOption(option, optionSetArray[index].option_subsets[option_subset_index].option_data.options[option], function(res_option) {
options.push(res_option);
});
_self.getActive(option, res_attribute_sub.active_option_id, active_option_id, optionSetArray[index].option_subsets[option_subset_index].option_data.options[option], function(res_actives_index, res_actives) {
active_option_id = res_actives_index;
active_option_array.push(res_actives);
});
}
res_attribute_sub.option = options;
res_attribute_sub.active_option_index = active_option_id;
res_attribute_sub.active_option_index_str = String(active_option_id);
res_attribute_sub.active_array = active_option_array;
attributes.push(res_attribute_sub);
});
}
} else {
var options = [];
var active_option_id = -1;
var active_option_array = [];
for (var option = 0; option < optionSetArray[index].option_data.options.length; option++) {
_self.getOption(option, optionSetArray[index].option_data.options[option], function(res_option) {
options.push(res_option);
});
_self.getActive(option, res_attribute.active_option_id, active_option_id, optionSetArray[index].option_data.options[option], function(res_actives_index, res_actives) {
active_option_id = res_actives_index;
active_option_array.push(res_actives);
});
}
res_attribute.option = options;
res_attribute.active_option_index = active_option_id;
res_attribute.active_option_index_str = String(active_option_id);
res_attribute.active_array = active_option_array;
attributes.push(res_attribute);
}
});
}
callback(attributes)
},
getformatQuantity: function(index, attributeCustom, callback) {
var _self = this;
var quantity = {
name: String(index + 1),
dataArray: attributeCustom
}
callback(quantity);
},
onClickRadio: function(index, index_option) {
var _self = this;
_self.consoleLog("onClickRadio : index", index);
_self.consoleLog("onClickRadio : index_option", index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index = parseInt(index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index_str = String(index_option);
for (var i = 0; i < $scope.data.attribute_custom.dataArray[index].active_array.length; i++) {
$scope.data.attribute_custom.dataArray[index].active_option_id = (i != parseInt(index_option)) ? $scope.data.attribute_custom.dataArray[index].active_option_id : $scope.data.attribute_custom.dataArray[index].option[i].ss_data_id;
$scope.data.attribute_custom.dataArray[index].active_array[i] = (i != parseInt(index_option)) ? "0" : "1";
}
_self.consoleLog("onClickRadio : $scope.data.attribute_custom.dataArray[index]", $scope.data.attribute_custom.dataArray[index]);
},
onClickDropdown: function(index, index_option) {
var _self = this;
_self.consoleLog("onClickDropdown : index", index);
_self.consoleLog("onClickDropdown : index_option", index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index = parseInt(index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index_str = String(index_option);
for (var i = 0; i < $scope.data.attribute_custom.dataArray[index].active_array.length; i++) {
$scope.data.attribute_custom.dataArray[index].active_option_id = (i != parseInt(index_option)) ? $scope.data.attribute_custom.dataArray[index].active_option_id : $scope.data.attribute_custom.dataArray[index].option[i].ss_data_id;
$scope.data.attribute_custom.dataArray[index].active_array[i] = (i != parseInt(index_option)) ? "0" : "1";
}
_self.consoleLog("onClickDropdown : $scope.data.attribute_custom.dataArray[index]", $scope.data.attribute_custom.dataArray[index]);
},
onClickCheckbox: function(index, index_option) {
var _self = this;
_self.consoleLog("onClickCheckbox : index", index);
_self.consoleLog("onClickCheckbox : index_option", index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index = parseInt(index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index_str = String(index_option);
for (var i = 0; i < $scope.data.attribute_custom.dataArray[index].active_array.length; i++) {
$scope.data.attribute_custom.dataArray[index].active_option_id = (i != parseInt(index_option)) ? $scope.data.attribute_custom.dataArray[index].active_option_id : $scope.data.attribute_custom.dataArray[index].option[i].ss_data_id;
$scope.data.attribute_custom.dataArray[index].active_array[i] = (i == parseInt(index_option)) ? (($scope.data.attribute_custom.dataArray[index].active_array[i] != "0") ? "0" : "1") : $scope.data.attribute_custom.dataArray[index].active_array[i];
}
_self.consoleLog("onClickCheckbox : $scope.data.attribute_custom.dataArray[index]", $scope.data.attribute_custom.dataArray[index]);
}
}
return getFunction;
};
$scope.getReward = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
momentUnix: function(callback) {
var _self = this;
var now = moment().unix();
callback(now);
},
getCalculator: function(sumProductPrice, reward, callback) {
var _self = this;
_self.consoleLog("getCalculator : sumProductPrice", sumProductPrice);
_self.consoleLog("getCalculator : reward", reward);
var point_reward = 0;
if (reward.type_id == "100") {
point_reward = Math.floor((sumProductPrice.price / reward.reward_every_price)) * reward.reward_amount;
} else if (reward.type_id == "101") {
point_reward = reward.reward_amount;
} else if (reward.type_id == "102") {
point_reward = (reward.reward_percent * sumProductPrice.price) / 100;
} else if (reward.type_id == "103") {
point_reward = Math.floor((sumProductPrice.price / reward.reward_every_price)) * reward.reward_amount;
}
_self.consoleLog("getCalculator : point_reward", point_reward);
callback(point_reward);
},
getProductReward: function(now, productReward, callback) {
var _self = this;
var reward = {
reward_length: (productReward.length != 0) ? true : false,
lifetime_time: 0,
lifetime_start_time: 0,
lifetime_end_time: 0,
type_id: "0",
amount: 0,
percent: 0,
every_price: 0
};
reward.lifetime_time = now;
if (reward.reward_length) {
reward.lifetime_start_time = parseInt(productReward.reward_lifetime.lifetime_start_time);
reward.lifetime_end_time = parseInt(productReward.reward_lifetime.lifetime_end_time);
reward.type_id = productReward.reward_type_id;
reward.amount = parseInt(productReward.reward_amount);
reward.percent = parseInt(productReward.reward_percent);
reward.every_price = parseInt(productReward.reward_every_price);
}
_self.consoleLog("getProductReward : reward", reward);
callback(reward);
},
getPointConfig: function(now, shopPointConfig, callback) {
var _self = this;
var reward = {
reward_length: (shopPointConfig.length != 0) ? true : false,
lifetime_time: 0,
lifetime_start_time: 0,
lifetime_end_time: 0,
type_id: "0",
amount: 0,
percent: 0,
every_price: 0
};
reward.lifetime_time = now;
if (reward.reward_length) {
reward.lifetime_start_time = parseInt(shopPointConfig.er_from);
reward.lifetime_end_time = parseInt(shopPointConfig.er_to);
reward.type_id = "100";
reward.amount = parseInt(shopPointConfig.er_earn);
reward.every_price = parseInt(shopPointConfig.er_rate);
}
_self.consoleLog("getPointConfig : reward", reward);
callback(reward);
},
checkPointReward: function(reward, callback) {
var _self = this;
var state = false;
if (reward.reward_length) {
var start = reward.lifetime_start_time < reward.lifetime_time && reward.lifetime_start_time != 0;
var end = (reward.lifetime_end_time != -1) ? reward.lifetime_time <= reward.lifetime_end_time && reward.lifetime_end_time != 0 : true;
if (start && end) {
if (reward.type_id == "100") {
var amount = reward.amount != 0;
var every_price = reward.every_price != 0;
if (amount && every_price) {
state = true;
}
} else if (reward.type_id == "101") {
var amount = reward.amount != 0;
if (amount) {
state = true;
}
} else if (reward.type_id == "102") {
var percent = reward.percent != 0;
if (percent) {
state = true;
}
} else if (reward.type_id == "103") {
var percent = reward.percent != 0;
var amount = reward.amount != 0;
var every_price = reward.every_price != 0;
if (amount && every_price) {
state = true;
}
}
}
}
callback(state);
},
checkReward: function(rewardProduct, rewardPointConfig, callback) {
var _self = this;
_self.consoleLog("checkReward : rewardProduct", rewardProduct);
_self.consoleLog("checkReward : rewardPointConfig", rewardPointConfig);
var reward = {
type_id: "0",
amount: 0,
percent: 0,
every_price: 0
};
_self.checkPointReward(rewardProduct, function(res_state_product) {
_self.checkPointReward(rewardPointConfig, function(res_state_point_config) {
if (res_state_point_config) {
reward.type_id = rewardPointConfig.type_id;
reward.type_id = rewardPointConfig.type_id;
reward.amount = rewardPointConfig.amount;
reward.percent = rewardPointConfig.percent;
reward.every_price = rewardPointConfig.every_price;
} else if (res_state_product) {
reward.type_id = rewardProduct.type_id;
reward.amount = rewardProduct.amount;
reward.percent = rewardProduct.percent;
reward.every_price = rewardProduct.every_price;
}
_self.consoleLog("checkReward : reward", reward);
callback(reward);
});
});
},
checkRewardType: function(productReward, shopPointConfig, callback) {
var _self = this;
_self.momentUnix(function(now) {
_self.getProductReward(now, productReward, function(res_reward_product) {
_self.getPointConfig(now, shopPointConfig, function(res_reward_point_config) {
_self.checkReward(res_reward_product, res_reward_point_config, function(res_reward) {
callback(res_reward);
});
});
});
});
},
createReward: function(productReward, shopPointConfig, callback) {
var _self = this;
_self.consoleLog("createReward : productReward", productReward);
_self.consoleLog("createReward : shopPointConfig", shopPointConfig);
_self.checkRewardType(productReward, shopPointConfig, function(res_reward) {
_self.consoleLog("createReward : res_reward", res_reward);
callback(res_reward);
});
}
}
return getFunction;
};
$scope.getQuantity = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
upDateReward: function() {
var _self = this;
},
upDateReward: function() {
var _self = this;
$scope.getReward().getCalculator($scope.data.sum_product_price, $scope.data.reward, function(res_point_reward) {
$scope.data.reward.point_reward = res_point_reward;
});
},
upDatePrice: function() {
var _self = this;
var product_price = $scope.data.product_price.price * $scope.data.quantity.quantity_input;
var product_compare_price = $scope.data.product_compare_price.price * $scope.data.quantity.quantity_input;
$scope.getAttribute().checkPrice(product_price, function(res_price_ecimals) {
$scope.data.sum_product_price.price = product_price;
$scope.data.sum_product_price.price_ecimals = res_price_ecimals;
$scope.getAttribute().checkPrice(product_compare_price, function(res_compare_price_ecimals) {
$scope.data.sum_product_compare_price.price = product_compare_price;
$scope.data.sum_product_compare_price.price_ecimals = res_compare_price_ecimals;
var compare_price_minus_price = ((product_compare_price - product_price) > 0) ? product_compare_price - product_price : 0;
$scope.getAttribute().checkPrice(compare_price_minus_price, function(res_compare_price_minus_price_ecimals) {
$scope.data.sum_product_compare_minus_sum_product_price.price = compare_price_minus_price;
$scope.data.sum_product_compare_minus_sum_product_price.price_ecimals = res_compare_price_minus_price_ecimals;
_self.upDateReward();
});
});
});
},
input: function(quantityInput) {
var _self = this;
_self.consoleLog("input : quantityInput", quantityInput);
quantityInput = (quantityInput == null) ? 1 : parseInt(quantityInput);
_self.consoleLog("input : quantityInput", quantityInput);
if (quantityInput != null) {
if (quantityInput >= $scope.data.quantity.quantity_max) {
$scope.data.quantity.quantity_input = $scope.data.quantity.quantity_max;
}
if (quantityInput <= $scope.data.quantity.quantity_min) {
$scope.data.quantity.quantity_input = $scope.data.quantity.quantity_min;
}
} else {
$scope.data.quantity.quantity_input = $scope.data.quantity.quantity_min;
}
_self.upDatePrice();
},
minus: function() {
var _self = this;
var quantity = $scope.data.quantity.quantity_input - 1;
_self.consoleLog("plus : quantity", quantity);
_self.consoleLog("plus : quantity_min", $scope.data.quantity.quantity_min);
if (quantity >= $scope.data.quantity.quantity_min) {
$scope.data.quantity.quantity_input = quantity;
}
_self.upDatePrice();
},
plus: function() {
var _self = this;
var quantity = $scope.data.quantity.quantity_input + 1;
_self.consoleLog("plus : quantity", quantity);
_self.consoleLog("plus : quantity_max", $scope.data.quantity.quantity_max);
if (quantity <= $scope.data.quantity.quantity_max) {
$scope.data.quantity.quantity_input = quantity;
}
_self.upDatePrice();
}
}
return getFunction;
};
$scope.getBuy = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
getRouteParams: function(callback) {
var _self = this;
var params = $routeParams;
var state = _self.stateData(true, false);
_self.consoleLog("getRouteParams params", params);
callback(params, state);
},
getProductId: function(params, callback) {
var _self = this;
var product_id = params.product_id.split("-", 1).join("");
_self.consoleLog("getProductId product_id", product_id);
callback(product_id);
},
stateData: function(load, done) {
var _self = this;
var state = {
load: load,
done: done
};
_self.consoleLog("stateData state", state);
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("dataSend api", api);
_self.consoleLog("dataSend dataSend", dataSend);
callback(api, dataSend);
},
checkGetApi: function(resApi, callback) {
var _self = this;
var ok = false;
if (resApi.ok == 1) {
ok = true;
}
_self.consoleLog("checkGetApi ok", ok);
callback(ok);
},
postApi: function(api, dataSend, callback) {
var _self = this;
var state = _self.stateData(true, false);
GAEAPI.post(api, dataSend, $scope).then(function(res_api) {
_self.checkGetApi(res_api, function(res_ok) {
_self.consoleLog("getApi api", api);
_self.consoleLog("getApi dataSend", dataSend);
_self.consoleLog("getApi res_api", res_api);
state = _self.stateData(false, true);
callback(res_ok, res_api, state);
})
});
},
UiCartProductAdd: function(productId, quantityInput, promotionId, customOptions, callback) {
UiCart.delegate.product.add(productId, quantityInput, promotionId, function(res_data) {
callback(res_data);
});
},
isProgress: function(productId, callback) {
var _self = this;
var state = (UiCart.delegate.product.isProgress(productId)) ? true : false;
_self.consoleLog("isProgress : productId", productId);
_self.consoleLog("isProgress : state", state);
callback(state);
},
isSelected: function(productId, callback) {
var _self = this;
var state = (UiCart.delegate.product.isSelected(productId)) ? true : false;
_self.consoleLog("isSelected : productId", productId);
_self.consoleLog("isSelected : state", state);
callback(state);
},
isSelectedReturn: function(productId) {
var _self = this;
var ui_cart_state = (UiCart.delegate.product.isSelected(productId)) ? true : false;
if (!$scope.setBuy.state_active) {
$scope.setBuy.state_active = true;
var state_process = $scope.setBuy.state_process;
var state_step = $scope.setBuy.state_step;
if (ui_cart_state && !state_process && state_step != 4) /* cart */ {
_self.onTimeout(250, function() {
_self.onPass(1, function(res_step) {
_self.onTimeout(500, function() {
_self.onCart(res_step, function(res_step) {
$scope.setBuy.state_active = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[4].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[4].data_background_color;
});
});
});
});
} else if (!ui_cart_state && !state_process && state_step != 0) /* unset */ {
_self.onTimeout(500, function() {
_self.onUnset(0, function(res_step) {
$scope.setBuy.state_active = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[0].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[0].data_background_color;
});
});
} else {
$scope.setBuy.state_active = false;
}
}
return ui_cart_state;
},
updateState: function(productId) {
_self = this;
_self.isSelected(productId, function(res_state) {
if (res_state) {
_self.onTimeout(250, function() {
_self.onPass(1, function(res_step) {
_self.onTimeout(500, function() {
_self.onCart(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[4].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[4].data_background_color;
});
});
});
});
} else {
_self.onTimeout(500, function() {
_self.onUnset(0, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[0].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[0].data_background_color;
});
});
}
return res_state;
});
},
uiCart: function(productId, quantityInput, promotionId, customOptions, res_step) {
var _self = this;
_self.UiCartProductAdd(productId, quantityInput, promotionId, customOptions, function(res_data) {
if (res_data) {
_self.onTimeout(500, function() {
_self.onPass(res_step, function(res_step) {
_self.onTimeout(1000, function() {
_self.onCart(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[4].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[4].data_background_color;
});
});
});
});
} else {
_self.onTimeout(500, function() {
_self.onError(res_step, function(res_step) {
_self.onTimeout(1000, function() {
_self.onUnset(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[0].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[0].data_background_color;
});
});
});
});
}
});
},
postApi: function(productId, quantityInput, promotionId, customOptions, res_step) {
var _self = this;
var custom_options = {};
var dataSend = {
'txt_product_id': productId,
'txt_amount': quantityInput,
'txt_is_clear_cart_before': "0",
'txt_custom_options_json': JSON.stringify(custom_options)
};
_self.dataSend("cart/product_add", dataSend, function(res_api, res_dataSend) {
_self.postApi(res_api, res_dataSend, function(res_ok, res_api, state) {
if (res_ok) {
_self.onTimeout(500, function() {
_self.onPass(res_step, function(res_step) {
_self.onTimeout(1000, function() {
_self.onCart(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[4].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[4].data_background_color;
});
});
});
});
} else {
_self.onTimeout(500, function() {
_self.onError(res_step, function(res_step) {
_self.onTimeout(1000, function() {
_self.onUnset(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[0].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[0].data_background_color;
});
});
});
});
}
});
});
},
onProcess: function(data, productId, quantityInput, promotionId, customOptions) {
var _self = this;
if (!$scope.setBuy.state_process) {
$scope.setBuy.state_process = true;
_self.isSelected(productId, function(res_state) {
if (!res_state) {
_self.onLoad($scope.setBuy.state_step, function(res_step) {
if (data.sum_product_price.price != 0 && data.quantity.quantity_max != 0 && (data.attribute.state == (data.attribute.productId != ''))) {
/* UiCart */
_self.uiCart(productId, quantityInput, promotionId, customOptions, res_step);
/* api post offline */
/*_self.postApi(productId, quantityInput, promotionId, customOptions, res_step); */
} else {
_self.onTimeout(500, function() {
_self.onError(res_step, function(res_step) {
_self.onTimeout(1000, function() {
_self.onUnset(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[0].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[0].data_background_color;
});
});
});
});
}
});
} else {
$scope.setBuy.state_process = false;
}
});
}
},
onTimeout: function(time, callback) {
var _self = this;
var load = $timeout(function() {
$timeout.cancel(load);
callback(true)
}, time);
},
onUnset: function(step, callback) {
var _self = this;
step = (step == 0) ? 0 : 0;
$scope.setBuy.state_step = step;
callback(step);
},
onLoad: function(step, callback) {
var _self = this;
step = (step == 0 || step == 1) ? 1 : 0;
$scope.setBuy.state_step = step;
callback(step);
},
onPass: function(step, callback) {
var _self = this;
step = (step == 1 || step == 2) ? 2 : 0;
$scope.setBuy.state_step = step;
callback(step);
},
onError: function(step, callback) {
var _self = this;
step = (step == 1 || step == 3) ? 3 : 0;
$scope.setBuy.state_step = step;
callback(step);
},
onCart: function(step, callback) {
var _self = this;
step = (step == 2 || step == 4) ? 4 : 0;
$scope.setBuy.state_step = step;
callback(step);
},
main: function(callback) {
var _self = this;
}
}
return getFunction;
};
$scope.getDetail = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
getDetail: function(api, callback) {
var _self = this;
var description = api.product_description;
var info = api.product_more_info;
var specificatio = [];
if (api.product_attribute.specification_data != undefined) {
specificatio = (api.product_attribute.specification_data.length != 0 && api.product_attribute.specification_data != undefined) ? api.product_attribute.specification_data.pclass_array : [];
}
var state_specificatio = false;
if (api.product_attribute.specification_data != undefined) {
state_specificatio = (api.product_attribute.specification_data.length != 0 && api.product_attribute.specification_data != undefined) ? true : false;
}
var state_info = (api.product_is_more_info == 1) ? true : false;
_self.consoleLog("getDetail : description", description);
_self.consoleLog("getDetail : info", info);
_self.consoleLog("getDetail : state_info", state_info);
callback(description, info, state_info, specificatio, state_specificatio);
},
onClickDetail: function(index) {
var _self = this;
$scope.data.detail.active = index;
_self.consoleLog("onClickDetail : data.detail.active", $scope.data.detail.active);
}
}
return getFunction;
};
$scope.pages = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._console) {
console.log($scope._component, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
locationUrlReplace: function(page) {
var _self = this;
$location.url(page).replace();
},
pageName: function(page_name) {
var _self = this;
var page = page_name;
_self.locationUrlReplace(page_name);
},
pageUrl: function(page_name, id, name_url) {
var _self = this;
var page = page_name + "/" + id + "-" + name_url;
_self.locationUrlReplace(page);
}
}
return getFunction;
};
$scope.countDown = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._console) {
console.log($scope._component, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
getLocation: function(callback) {
var _self = this;
var res_location = $location;
_self.consoleLog("getLocation", "res_location", res_location);
callback(res_location);
},
getRouteParams: function(callback) {
var _self = this;
var params = $routeParams;
_self.consoleLog("getRouteParams", "params", params);
callback(params);
},
getLocationUrlNameProductDetail: function(callback) {
var _self = this;
_self.getRouteParams(function(res_params) {
_self.getLocation(function(res_location) {
var url_page_name = "/product-detail/" + res_params.product_id;
var res_url_name_product_detail = (res_location.url() == url_page_name) ? true : false;
_self.consoleLog("getLocationUrlNameProductDeal", "res_url_name_product_detail", res_url_name_product_detail);
callback(res_url_name_product_detail);
});
});
},
getUnix: function(callback) {
var _self = this;
var now = moment().unix();
_self.consoleLog("getUnix", "now", now);
callback(now);
},
getCountDown: function(now, product_lifetime, callback) {
var _self = this;
var countdown_unix = parseInt(product_lifetime.lifetime_end_time) - now;
var milliseconds = moment.duration(countdown_unix * 1000, "milliseconds");
var res_countdown = ((milliseconds.days() <= 9) ? '0' + milliseconds.days() : milliseconds.days());
res_countdown = res_countdown + ' : ' + ((milliseconds.hours() <= 9) ? '0' + milliseconds.hours() : milliseconds.hours());
res_countdown = res_countdown + ' : ' + ((milliseconds.minutes() <= 9) ? '0' + milliseconds.minutes() : milliseconds.minutes());
res_countdown = res_countdown + ' : ' + ((milliseconds.seconds() <= 9) ? '0' + milliseconds.seconds() : milliseconds.seconds());
_self.consoleLog("getCountDown", "res_countdown", res_countdown);
callback(res_countdown, countdown_unix);
},
getNameUrl: function(name, callback) {
var _self = this;
name = name.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
_self.consoleLog("getNameUrl", "name", name);
callback(name);
},
locationUrlReplace: function(page) {
var _self = this;
$location.url(page).replace();
},
pageUrl: function(page_name) {
var _self = this;
var page = page_name;
_self.locationUrlReplace(page);
},
countDownByProduct: function(now, data_array, callback) {
var _self = this;
if (data_array.length != 0) {
if (data_array.product_lifetime.length != 0) {
_self.getCountDown(now, data_array.product_lifetime, function(res_count_down, res_countdown_unix) {
data_array.product_lifetime.lifetime_countdown = (res_countdown_unix > 0) ? res_count_down : "";
if (data_array.product_lifetime.lifetime_countdown == "") {
_self.getNameUrl(data_array.product_set_array[0].product_title, function(res_name) {
$scope.pages().pageUrl("product-detail", data_array.product_set_array[0].product_id, res_name);
});
}
});
}
}
_self.consoleLog("countDownByProduct", "data_array", data_array);
callback(data_array);
},
loop: function() {
var _self = this;
var load = $timeout(function() {
$timeout.cancel(load);
_self.getUnix(function(res_now) {
_self.countDownByProduct(res_now, $scope.dataApi.product.dataArray, function(data_array) {
$scope.dataApi.product.dataArray = data_array;
_self.getLocationUrlNameProductDetail(function(res_url_name_product_detail) {
if (res_url_name_product_detail) {
_self.loop();
}
});
});
});
}, 1000);
}
}
return getFunction;
};
$scope.control = function() {
var getFunction = {
popupVideo: function(state, video_link, video_embed_code) {
var _self = this;
if (video_embed_code != '') {
$scope.data_control.page_video.popup = state;
$scope.data_control.page_video.shop_video_embed_code = video_embed_code;
} else if (video_link != '') {
window.open(video_link, '_blank');
} else {
$scope.data_control.page_video.popup = state;
$scope.data_control.page_video.shop_video_embed_code = video_embed_code;
}
},
main: function() {
var _self = this;
}
}
return getFunction;
};
$scope.data_control = {
page_video: {
popup: false,
shop_video_embed_code: ""
}
}
$scope.countDown().loop();
/* set carousel */
$scope.setCarousel = {
carousel: 0,
index: 0
};
$scope.getCarousel().getCarousel($scope.setCarousel.carousel, function(res_carousel_id) {
$scope.setCarousel.carousel = res_carousel_id;
});
/* set carousel */
/* get product api */
$scope.dataApi = {
reward: {
dataSend: {},
api: "shop/current",
ok: false,
dataArray: [],
dataArrayState: {
load: false,
done: false
}
},
product: {
dataSend: {
txt_product_id: 0
},
api: "product/id",
ok: false,
dataArray: [],
dataArrayState: {
load: false,
done: false
}
},
relation: {
dataSend: {
txt_referral_id: 0
},
api: "referral/relation",
ok: false,
dataArray: [],
dataArrayState: {
load: false,
done: false
}
}
};
$scope.data = {
resParams: "",
back: {
page_name: "",
data_id: "",
data_name: ""
},
attribute: {
state: false,
productId: "",
dataArray: []
},
attribute_custom: {
state: false,
dataArray: []
},
reward: {
quantity_name: 'reward',
type_id: "0",
reward_amount: 0,
reward_percent: 0,
reward_every_price: 0,
point_reward: 0
},
quantity: {
quantity_name: 'quantity',
quantity_min: 1,
quantity_max: 1,
quantity_input: 1,
quantity_select: []
},
product_price: {
price_name: 'product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
product_compare_price: {
price_name: 'product_compare_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_price: {
price_name: 'sum_product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_compare_price: {
price_name: 'sum_product_compare_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_compare_minus_sum_product_price: {
price_name: 'sum_product_compare_minus_sum_product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
detail: {
active: '0',
dataArray: [{
index: '0',
state: true,
en: ($scope.description != undefined && $scope.description != "") ? $scope.description : 'Description',
th: '',
data: '',
dataArray: []
}, {
index: '1',
state: true,
en: ($scope.info != undefined && $scope.info != "") ? $scope.info : 'Info',
th: '',
data: '',
dataArray: []
}, {
index: '2',
state: true,
en: ($scope.specification != undefined && $scope.specification != "") ? $scope.specification : 'Specification',
th: '',
data: '',
dataArray: []
}]
}
};
$scope.setBuy = {
state_active: false,
state_process: false,
state_step: 0,
state_data_font_color: "",
state_data_background_color: "",
stepArray: [{
step: 0,
name: "unset",
icon: $scope._icebuyicon,
state: "เพิ่มในรถเข็น",
data_font_color: "",
data_background_color: ""
}, {
step: 1,
name: "load",
icon: "",
state: "",
data_font_color: "",
data_background_color: ""
}, {
step: 2,
name: "pass",
icon: "",
state: "",
data_font_color: "",
data_background_color: ""
}, {
step: 3,
name: "error",
icon: "",
state: "",
data_font_color: "",
data_background_color: ""
}, {
step: 4,
name: "cart",
icon: "",
state: "ดูรถเข็น",
data_font_color: "",
data_background_color: "primary_darkest"
}]
};
/* - get api product/id start - */
$scope.getData().getRouteParams(function(res_params, res_state) {
$scope.data.resParams = res_params;
$scope.getData().getDataPage(res_params, function(res_back_page, res_data_id, res_data_name) {
$scope.data.back.page_name = res_back_page;
$scope.data.back.data_id = res_data_id;
$scope.data.back.data_name = res_data_name;
});
$scope.dataApi.product.dataArrayState = res_state;
$scope.getData().getProductId(res_params, function(res_product_id) {
$scope.dataApi.product.dataSend.txt_product_id = (res_product_id != false) ? res_product_id : 0;
$scope.getData().dataSend($scope.dataApi.product.api, $scope.dataApi.product.dataSend, function(res_api, res_dataSend) {
$scope.getData().getApi(res_api, res_dataSend, function(res_ok, get_res_api_product, res_state) {
$scope.dataApi.product.ok = res_ok;
$scope.dataApi.product.dataArray = get_res_api_product.data;
$scope.getData().consoleLog("get_res_api_product", get_res_api_product);
$scope.dataApi.product.dataArrayState = res_state;
/* -- get api shop/current to reward -- */
if (res_ok) {
$scope.getData().getRouteParams(function(res_params, res_state) {
$scope.dataApi.reward.dataArrayState = res_state;
$scope.getData().dataSend($scope.dataApi.reward.api, $scope.dataApi.reward.dataSend, function(res_api, res_dataSend) {
$scope.getData().getApi(res_api, res_dataSend, function(res_ok, get_res_api_shop, res_state) {
$scope.dataApi.reward.ok = res_ok;
$scope.dataApi.reward.dataArray = get_res_api_shop.data;
$scope.dataApi.reward.dataArrayState = res_state;
$scope.getReward().createReward($scope.dataApi.product.dataArray.product_reward, get_res_api_shop.data.shop_point_config, function(res_reward) {
$scope.data.reward.type_id = res_reward.type_id;
$scope.data.reward.reward_amount = res_reward.amount;
$scope.data.reward.reward_percent = res_reward.percent;
$scope.data.reward.reward_every_price = res_reward.every_price;
/* --- Wait product/id ,shop/current --- */
/* ---- get attribute ---- */
$scope.getAttribute().productAttribute(get_res_api_product.data.product_attribute, function(res_attribute) {
$scope.data.attribute.dataArray = res_attribute;
$scope.getAttribute().checkMinPrices(get_res_api_product, res_attribute, function(res_data_price, res_state) {
$scope.data.attribute.state = res_state;
$scope.data.product_price = res_data_price.product_price;
$scope.data.product_compare_price = res_data_price.product_compare_price;
$scope.data.sum_product_price = res_data_price.sum_product_price;
$scope.data.sum_product_compare_price = res_data_price.sum_product_compare_price;
$scope.data.sum_product_compare_minus_sum_product_price = res_data_price.sum_product_compare_minus_sum_product_price;
$scope.getReward().getCalculator($scope.data.sum_product_price, $scope.data.reward, function(res_point_reward) {
$scope.data.reward.point_reward = res_point_reward;
});
/* ----- stock ----- */
$scope.data.quantity.quantity_max = res_data_price.product_price.total_stock;
$scope.data.quantity.quantity_select = [];
for (var i = 0; i < res_data_price.product_price.total_stock; i++) {
$scope.data.quantity.quantity_select.push(i + 1);
}
/* ----- stock ----- */
});
});
/* ---- get attribute ---- */
/* ---- get attribute custom ---- */
$scope.getAttributeCustom().createArray(get_res_api_product.data.product_custom_templates, function(res_custom_attribute, res_state) {
$scope.data.attribute_custom.state = res_state;
$scope.data.attribute_custom.dataArray = res_custom_attribute;
});
/* ---- get attribute custom ---- */
/* ---- get detail ---- */
$scope.getDetail().getDetail(get_res_api_product.data, function(res_description, res_info, res_state_info, res_specificatio, res_state_specificatio) {
$scope.data.detail.dataArray[0].data = res_description;
$scope.data.detail.dataArray[1].data = res_info;
$scope.data.detail.dataArray[1].state = res_state_info;
$scope.data.detail.dataArray[2].dataArray = res_specificatio;
$scope.data.detail.dataArray[2].state = res_state_specificatio;
});
/* ---- get detail ---- */
/* ---- update state ---- */
$scope.getBuy().updateState($scope.dataApi.product.dataArray.product_id);
/* ---- update state ---- */
/* --- Wait product/id ,shop/current --- */
});
});
});
});
/* -- get api shop/current to reward -- */
/* -- res_referral_id from product/id to txt_referral_id get api referral/relation -- */
$scope.getData().getRouteParams(function(res_params, res_state) {
$scope.dataApi.relation.dataArrayState = res_state;
$scope.getData().getReferralId(get_res_api_product.data.product_referral_display, function(res_referral_id) {
$scope.dataApi.relation.dataSend.txt_referral_id = res_referral_id;
$scope.getData().dataSend($scope.dataApi.relation.api, $scope.dataApi.relation.dataSend, function(res_api, res_dataSend) {
$scope.getData().getApi(res_api, res_dataSend, function(res_ok, get_res_api_referral, res_state) {
$scope.dataApi.relation.ok = res_ok;
$scope.dataApi.relation.dataArray = get_res_api_referral.data;
$scope.dataApi.relation.dataArrayState = res_state;
});
});
});
});
/* -- res_referral_id from product/id to txt_referral_id get api referral/relation -- */
} else {
/* ok = false */
if ($scope.dataApi.product.dataArray.length != 0) {
/* product deal to product original */
if ($scope.dataApi.product.dataArray.product_set_array.length != 0) {
$scope.countDown().getNameUrl($scope.dataApi.product.dataArray.product_set_array[0].product_title, function(res_name) {
$scope.pages().pageUrl("product-detail", $scope.dataApi.product.dataArray.product_set_array[0].product_id, res_name);
});
} else {
$scope.pages().pageName("home");
}
} else {
/* product null */
$scope.pages().pageName("home");
}
}
});
});
});
});
/* - get api product/id end - */
/* get product api */
};
return promise;
});_ui_share_app.directive('productDetailPageEb', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'productDetailPageEb';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
name: '@name',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.checkPrice = function(price) {
var check_price = 0;
var _price = (price != undefined && price != "" && price != null) ? price.toString() : "0";
if (_price.includes(".")) {
check_price = 2;
}
return check_price;
};
$scope.dataTag = false;
$scope._dataArray = [];
$scope.product_id = "";
$scope.product_sku = "";
$scope.product_code = "";
$scope.product_price = 0;
$scope.product_compare_price = 0;
$scope.promotion_list = 0;
$scope._dataArrayState = {
load: true,
done: false
};
$scope.nowMoment = moment().unix();
console.log("promotion_list : ", $scope.promotion_list);
$scope.dataShopCurrent = [];
$scope.dataShopPointConfig = [];
$scope.getShopCurrent = function() {
var dataSend = {};
GAEAPI.get('shop/current', dataSend).then(function(output) {
console.log("getShopCurrent : output : ", output);
if (output.ok == 1) {
$scope.dataShopCurrent = output.data;
console.log("getShopCurrent : dataShopCurrent : ", $scope.dataShopCurrent);
$scope.dataShopPointConfig = output.data.shop_point_config;
console.log("getShopCurrent : dataShopPointConfig : ", $scope.dataShopPointConfig);
}
});
};
$scope.getShopCurrent();
$scope.getShopPointConfigRewardState = function(product_price, quantity) {
var state = 'RewardShop';
var sup_price = product_price * quantity;
if ($scope.dataShopPointConfig.length != 0) {
if (parseInt($scope.dataShopPointConfig.er_rate) != 0 && parseInt($scope.dataShopPointConfig.er_earn) != 0) {
if (parseInt($scope.dataShopPointConfig.er_rate) <= sup_price) {
state = 'RewardShop';
return state;
} else {
state = 'High';
return state;
}
} else {
return 'RewardProduct';
return state;
}
} else {
return 'RewardProduct';
}
};
$scope.getShopPointConfigReward = function(product_price, quantity) {
var sup_price = 0;
var er_rate = 0;
var er_earn = 0;
var mathFloor = 0;
var point = 0;
// console.log("getShopPointConfigReward : shop_point_config.er_rate : ",$scope.dataShopPointConfig.er_rate);
if ($scope.dataShopPointConfig.length != 0) {
sup_price = product_price * quantity;
er_rate = parseInt($scope.dataShopPointConfig.er_rate);
er_earn = parseInt($scope.dataShopPointConfig.er_earn);
mathFloor = Math.floor(sup_price / er_rate);
point = mathFloor * er_earn;
return point;
} else {
return point;
}
}
$scope._getReward = function(datain, product_price, qty) {
if (datain.length == 0) {
return 'Data Reward Error';
}
console.log("_getReward : product_price : ", product_price, " qty : ", qty);
var reward = "NULL";
if (datain.reward_type_id == "101") {} else if (datain.reward_type_id == "102") {} else if (datain.reward_type_id == "103") {
var reward_every_price = parseInt(datain.reward_every_price);
var sum_product_price = Math.round(product_price) * qty;
var reward_amount = parseInt(datain.reward_amount);
console.log("_getReward : reward_every_price : ", reward_every_price, " sum_product_price : ", sum_product_price, " reward_amount : ", reward_amount);
if (reward_every_price <= sum_product_price) {
var divided = Math.floor(sum_product_price / reward_every_price);
var multiplied = divided * reward_amount;
console.log("_getReward : divided : ", divided, " multiplied : ", multiplied);
reward = multiplied;
} else {
reward = "ZERO";
}
} else {
return 'Data Reward Type Id Error';
}
return reward;
};
$scope._getDataArray = function(id) {
$scope._dataArrayState = $scope.StateData(true, false);
var filter_json = {}
var dataSend = {
'txt_product_id': id,
'txt_filter_json': JSON.stringify(filter_json)
};
console.log('dataSend_Product', dataSend);
GAEAPI.get('product/id', dataSend).then(function(res) {
if (res.ok === 1) {
$scope._dataArray = res.data;
if ($scope._dataArray.product_is_promotion != 0) {
if ($scope._dataArray.product_promotion) {
$scope.promotion_list = $scope._dataArray.product_promotion[0].promotion_id;
}
}
console.log("promotion_list : ", $scope.promotion_list);
console.log("_getDataArray _dataArray : ", $scope._dataArray);
$scope.product_id = $scope._dataArray.product_id;
$scope.dataPreserve = res.data;
if (res.data.product_sku != undefined) {
$scope.product_sku = res.data.product_sku;
}
if (res.data.product_code != undefined) {
$scope.product_code = res.data.product_code;
}
console.log("res.data.product_discount : ", res.data.product_discount);
if (res.data.product_discount.length != 0) {
$scope.product_price = $scope.calculate(res.data.product_price, res.data.product_compare_price, res.data.product_discount.discount_id, res.data.product_discount.discount_lifetime.lifetime_start_time, res.data.product_discount.discount_lifetime.lifetime_end_time, res.data.product_discount.discount_price, res.data.product_discount.discount_percent);
$scope.product_compare_price = $scope.pricefull(res.data.product_price, res.data.product_compare_price, res.data.product_discount.discount_id, res.data.product_discount.discount_lifetime.lifetime_start_time, res.data.product_discount.discount_lifetime.lifetime_end_time, res.data.product_discount.discount_price, res.data.product_discount.discount_percent);
} else {
$scope.product_price = res.data.product_price;
$scope.product_compare_price = res.data.product_compare_price;
}
if ($scope._dataArray.product_referral_display.category != 'undefined' && $scope._dataArray.product_referral_display.category != null) {
$scope.getRelation($scope._dataArray.product_referral_display.category[0].referral_id);
}
$scope.dataTag = res.data.product_tags.split(",");
$scope.qtyCurrentSize(res.data.product_total_variant, res.data.product_total_stock);
$scope.buildVariantOption(res.data);
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.mkCarousel = function(elem) {
var carousel = $(elem + '[data-id=' + $scope._key() + ']');
var is_dark;
carousel.not('.slick-initialized').slick({
dots: true,
arrows: true,
autoplay: true,
autoplaySpeed: 4000,
slidesToShow: 1,
slidesToScroll: 1,
infinite: true,
speed: 600,
responsive: [{
breakpoint: 1200,
settings: {
slidesToShow: 1,
}
}, {
breakpoint: 991,
settings: {
slidesToShow: 1,
}
}, {
breakpoint: 767,
settings: {
slidesToShow: 1,
}
}]
}).closest('section').addClass('active');
};
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.dataRelation = [];
$scope.getRelation = function(referral_id) {
var dataSend = {
'txt_referral_id': referral_id
};
GAEAPI.get('referral/relation', dataSend, $scope).then(function(res) {
if (res.ok == 1) {
$scope.dataRelation = res.data;
}
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
};
$scope._getIdUrl = function() {
var getData = [];
var returnData = '';
if (typeof $routeParams.product_id !== 'undefined') {
getData = $routeParams.product_id;
returnData = getData.split("-");
return returnData[0];
}
};
$scope._stateReward = function(datain) {
var state = false;
/* console.log("_stateReward : reward_lifetime : ", datain.reward_lifetime); */
if (datain.length != 0) {
state = true;
}
return state;
};
$scope.viewImg = 0;
$scope.changeImg = function(i) {
return $scope.viewImg = i;
};
$scope._saleState = {
discount: 0
};
$scope.sale = function(price, compare_price, discount_id, lifetime_start_time, lifetime_end_time, discount_price, discount_percent) {
var sale = 0;
if (discount_id != undefined && lifetime_start_time <= $scope.nowMoment && (lifetime_end_time == -1 || lifetime_end_time >= $scope.nowMoment)) {
if (discount_price != 0 && discount_percent == 0) {
sale = discount_price;
$scope._saleStatres.discount = 'price';
} else if (discount_percent != 0 && discount_price == 0) {
sale = discount_percent;
$scope._saleStatres.discount = 'percent';
}
}
return (sale > 0) ? sale : 0;
}
$scope._pricefullState = {
pricefull: 0
};
$scope.pricefull = function(price, compare_price, discount_id, lifetime_start_time, lifetime_end_time, discount_price, discount_percent) {
var pricefull = 0;
if (discount_id != undefined && lifetime_start_time <= $scope.nowMoment && (lifetime_end_time == -1 || lifetime_end_time >= $scope.nowMoment)) {
pricefull = price;
} else {
if (compare_price != 0) {
pricefull = compare_price;
$scope._pricefullState.pricefull = 'not zero';
} else {
$scope._pricefullState.pricefull = 'zero';
}
}
return pricefull;
}
// $scope.pricefull = function(price, compare_price, discount_id , lifetime_start_time, lifetime_end_time, discount_price, discount_percent) {
// var pricefull = 0;
// if (discount_id != undefined && lifetime_start_time <= $scope.nowMoment && (lifetime_end_time == -1 || lifetime_end_time >= nowMoment)) {
// if (price != undefined && price != 0) {
// pricefull = price;
// $scope._pricefullState.pricefull = 'not zero';
// } else {
// pricefull = 0;
// $scope._pricefullState.pricefull = 'zero';
// }
// } else {
// if (compare_price > 0 && compare_price != undefined) {
// pricefull = compare_price;
// $scope._pricefullState.pricefull = 'not zero';
// } else {
// $scope._pricefullState.pricefull = 'zero';
// }
// }
// return pricefull;
// }
$scope._calculateState = {
calculate: 0
};
$scope.calculate = function(price, compare_price, discount_id, lifetime_start_time, lifetime_end_time, discount_price, discount_percent) {
console.log("calculate : ", price, compare_price, discount_id, lifetime_start_time, lifetime_end_time, discount_price, discount_percent);
console.log("calculate : ", lifetime_start_time <= $scope.nowMoment);
console.log("calculate : ", lifetime_end_time >= $scope.nowMoment);
console.log("calculate : ", (lifetime_end_time == -1 || lifetime_end_time >= nowMoment));
var calculate = 0;
if (discount_id != undefined && lifetime_start_time <= $scope.nowMoment && (lifetime_end_time == -1 || lifetime_end_time >= $scope.nowMoment)) {
if (discount_price != 0 && discount_percent == 0) {
calculate = price - discount_price;
} else if (discount_percent != 0 && discount_price == 0) {
calculate = price - ((discount_percent / 100) * price);
}
} else {
calculate = price
}
return (calculate > 0) ? calculate : 0;
}
// $scope.calculate = function(price, compare_price, discount_id , lifetime_start_time, lifetime_end_time, discount_price, discount_percent) {
// var calculate = 0;
// if (discount_id != undefined && lifetime_start_time <= $scope.nowMoment && (lifetime_end_time == -1 || lifetime_end_time >= nowMoment)) {
// if (discount_price != 0 && discount_percent == 0) {
// calculate = price - discount_price;
// } else if (discount_percent != 0 && discount_price == 0) {
// calculate = price - ((discount_percent / 100) * price);
// }
// } else {
// calculate = price
// }
// if (calculate != undefined && calculate != 0) {
// $scope._calculateState.calculate = 'not zero';
// } else {
// $scope._calculateState.calculate = 'zero';
// }
// return (calculate > 0) ? calculate : 0;
// }
$scope.qtyCurrentSize = function(product_total_variant, product_total_stock) {
$scope.qty_current_size = [];
console.log("qtyCurrentSize : product_total_variant : ", product_total_variant, "product_total_stock : ", product_total_stock);
if (product_total_variant == 0) {
if (product_total_stock > 0) {
$scope.qty_current_size_state = true;
$scope.buy_state = true;
if (product_total_stock >= 50) {
for (var i = 0; i < 50; i++) {
$scope.qty_current_size.push(i + 1);
}
} else {
for (var i = 0; i < parseInt(product_total_stock); i++) {
$scope.qty_current_size.push(i + 1);
}
}
} else if (product_total_stock < 0) {
$scope.qty_current_size_state = true;
$scope.buy_state = true;
for (var i = 0; i < 50; i++) {
$scope.qty_current_size.push(i + 1);
}
} else if (product_total_stock == 0) {
$scope.qty_current_size_state = false;
$scope.buy_state = true;
for (var i = 0; i < 1; i++) {
$scope.qty_current_size.push(i + 1);
}
} else {
$scope.qty_current_size_state = false;
$scope.buy_state = false;
for (var i = 0; i < 1; i++) {
$scope.qty_current_size.push(i + 1);
}
}
} else if (product_total_variant > 0) {
if (product_total_stock <= 0) {
$scope.qty_current_size_state = false;
$scope.buy_state = true;
for (var i = 0; i < 1; i++) {
$scope.qty_current_size.push(i + 1);
}
} else if (product_total_stock > 0) {
$scope.qty_current_size_state = true;
$scope.buy_state = true;
for (var i = 0; i < product_total_stock; i++) {
$scope.qty_current_size.push(i + 1);
}
}
}
$scope.qtyShow($scope.qty_current_size);
};
$scope.htmlSelectTime = 0;
$scope.qtyShow = function(array) {
$scope.htmlSelectTime = 0;
console.log("qtyShow ", array);
var htmlOPT = "";
for (var i = 0; i < array.length; i++) {
htmlOPT += '';
}
console.log("qty_current_size htmlOPT", htmlOPT);
if (htmlOPT != "") {
$scope.htmlSelectTime = $timeout(function() {
$('#qtyselect').html(htmlOPT);
$timeout.cancel($scope.htmlSelectTime);
}, 500);
}
}
$scope.viewQuantity = function() {
var check_int = 1;
if ($(".d_qty").val() == undefined) {
$(".d_qty").val("1");
check_int = parseInt($(".d_qty").val());
check_int = 1;
} else if ($(".d_qty").val() == "? number:1 ?") {
$(".d_qty").val("1");
check_int = parseInt($(".d_qty").val());
} else {
check_int = parseInt($(".d_qty").val());
$(".d_qty").val(check_int);
}
return check_int;
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData) {
if (objectData.product_total_variant <= 0) {
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
$scope.makeVariantsClick();
};
$scope.dataVariantsPick = [];
$scope.onSelectVariantItems = function($index, option_id) {
console.log("onSelectVariantItems option_id:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
console.log("onSelectVariantItems dataVariantsPick:", $scope.dataVariantsPick);
if ($scope.dataVariantsPick.length >= $scope.dataOption.length) {
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope.findVariantsData = function(variantsPick) {
function compareArray(array_a, array) {
if (!array) return false;
if (array_a.length != array.length) return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i])) return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
for (var i = 0; i < dataVariants.length; i++) {
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
console.log("dataVariants :", dataVariants);
if (compareArray(variantsPick, optionJson)) {
$scope._dataArray.product_id = dataVariants[i].product_id;
if (dataVariants[i].sku != "") {
$scope.product_sku = dataVariants[i].sku;
} else {
$scope.product_sku = $scope._dataArray.product_sku;
}
if (dataVariants[i].sku != "") {
$scope.product_code = dataVariants[i].barcode;
} else {
$scope.product_code = $scope._dataArray.product_code;
}
console.log("$scope._dataArray.product_discount : ", $scope._dataArray.product_discount);
$scope.product_price = $scope.calculate(dataVariants[i].price, dataVariants[i].compare_price, $scope._dataArray.product_discount.discount_id, $scope._dataArray.product_discount.discount_lifetime.lifetime_start_time, $scope._dataArray.product_discount.discount_lifetime.lifetime_end_time, $scope._dataArray.product_discount.discount_price, $scope._dataArray.product_discount.discount_percent);
$scope.product_compare_price = $scope.pricefull(dataVariants[i].price, dataVariants[i].compare_price, $scope._dataArray.product_discount.discount_id, $scope._dataArray.product_discount.discount_lifetime.lifetime_start_time, $scope._dataArray.product_discount.discount_lifetime.lifetime_end_time, $scope._dataArray.product_discount.discount_price, $scope._dataArray.product_discount.discount_percent);
$scope.qtyCurrentSize(dataVariants.length, dataVariants[i].total_stock);
break;
} else {
$scope.qty_current_size_state = false;
$scope.buy_state = false;
$scope.product_price = $scope._dataArray.product_price;
$scope.product_compare_price = $scope._dataArray.product_compare_price;
$scope.product_sku = $scope._dataArray.product_sku;
$scope.product_code = $scope._dataArray.product_code;
}
}
};
$scope.makeVariantsClick = function() {
var s = $timeout(function() {
$scope.buy_state = false;
}, 100);
};
$scope.viewInfo = 1;
$scope.view = function(input) {
$scope.viewInfo = input;
}
$scope._getDataArray($scope._getIdUrl());
// setTimeout(function() {
// alert($('input[name=radiogroup]:checked').val());
// }, 700);
$scope.clickckvalue = function() {
var result = 0;
$scope.promotion_list = $('input[name=radiogroup]:checked').val();
console.log("promotion_list : ", $scope.promotion_list);
if ($('input[name=radiogroup]:checked').val() != "" && $('input[name=radiogroup]:checked').val() != undefined) {
result = $('input[name=radiogroup]:checked').val();
} else {
result = 0;
}
return result;
}
};
return promise;
});_ui_share_app.directive('productDetailPageEc', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'productDetailPageEc';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
name: '@name',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.dataTag = false;
$scope._dataArray = [];
$scope.product_id = "";
$scope.product_sku = "";
$scope.product_code = "";
$scope.product_price = 0;
$scope.product_compare_price = 0;
$scope.promotion_list = 0;
$scope._dataArrayState = {
load: true,
done: false
};
console.log("promotion_list : ", $scope.promotion_list);
$scope.dataShopCurrent = [];
$scope.dataShopPointConfig = [];
$scope.getShopCurrent = function() {
var dataSend = {};
GAEAPI.get('shop/current', dataSend).then(function(output) {
console.log("getShopCurrent : output : ", output);
if (output.ok == 1) {
$scope.dataShopCurrent = output.data;
console.log("getShopCurrent : dataShopCurrent : ", $scope.dataShopCurrent);
$scope.dataShopPointConfig = output.data.shop_point_config;
console.log("getShopCurrent : dataShopPointConfig : ", $scope.dataShopPointConfig);
}
});
};
$scope.getShopCurrent();
$scope.getShopPointConfigRewardState = function(product_price, quantity) {
var state = 'RewardShop';
var sup_price = product_price * quantity;
if ($scope.dataShopPointConfig.length != 0) {
if (parseFloat($scope.dataShopPointConfig.er_rate) != 0 && parseFloat($scope.dataShopPointConfig.er_earn) != 0) {
if (parseFloat($scope.dataShopPointConfig.er_rate) <= sup_price) {
state = 'RewardShop';
return state;
} else {
state = 'High';
return state;
}
} else {
return 'RewardProduct';
return state;
}
} else {
return 'RewardProduct';
}
};
$scope.getShopPointConfigReward = function(product_price, quantity) {
var sup_price = 0;
var er_rate = 0;
var er_earn = 0;
var mathFloor = 0;
var point = 0;
// console.log("getShopPointConfigReward : shop_point_config.er_rate : ",$scope.dataShopPointConfig.er_rate);
if ($scope.dataShopPointConfig.length != 0) {
sup_price = product_price * quantity;
er_rate = parseFloat($scope.dataShopPointConfig.er_rate);
er_earn = parseFloat($scope.dataShopPointConfig.er_earn);
mathFloor = Math.floor(sup_price / er_rate);
point = mathFloor * er_earn;
return point;
} else {
return point;
}
}
$scope._getReward = function(datain, product_price, qty) {
if (datain.length == 0) {
return 'Data Reward Error';
}
console.log("_getReward : product_price : ", product_price, " qty : ", qty);
var reward = "NULL";
if (datain.reward_type_id == "101") {} else if (datain.reward_type_id == "102") {} else if (datain.reward_type_id == "103") {
var reward_every_price = parseFloat(datain.reward_every_price);
var sum_product_price = Math.round(product_price) * qty;
var reward_amount = parseFloat(datain.reward_amount);
console.log("_getReward : reward_every_price : ", reward_every_price, " sum_product_price : ", sum_product_price, " reward_amount : ", reward_amount);
if (reward_every_price <= sum_product_price) {
var divided = Math.floor(sum_product_price / reward_every_price);
var multiplied = divided * reward_amount;
console.log("_getReward : divided : ", divided, " multiplied : ", multiplied);
reward = multiplied;
} else {
reward = "ZERO";
}
} else {
return 'Data Reward Type Id Error';
}
return reward;
};
$scope._getDataArray = function(id) {
$scope._dataArrayState = $scope.StateData(true, false);
var filter_json = {}
var dataSend = {
'txt_product_id': id,
'txt_filter_json': JSON.stringify(filter_json)
};
console.log('dataSend_Product', dataSend);
GAEAPI.get('product/id', dataSend).then(function(res) {
if (res.ok === 1) {
$scope._dataArray = res.data;
// if ($scope._dataArray.product_is_promotion != 0) {
// $scope.promotion_list = $scope._dataArray.product_promotion[0].promotion_id;
// }
console.log("promotion_list : ", $scope.promotion_list);
console.log("_getDataArray _dataArray : ", $scope._dataArray);
$scope.product_id = $scope._dataArray.product_id;
$scope.dataPreserve = res.data;
if (res.data.product_sku != undefined) {
$scope.product_sku = res.data.product_sku;
}
if (res.data.product_code != undefined) {
$scope.product_code = res.data.product_code;
}
$scope.product_price = $scope.calculate(res.data.product_price, res.data.product_compare_price, res.data.product_discount.discount_id, res.data.product_discount.discount_price, res.data.product_discount.discount_percent);
$scope.product_compare_price = $scope.pricefull(res.data.product_price, res.data.product_compare_price, res.data.product_discount.discount_id, res.data.product_discount.discount_price, res.data.product_discount.discount_percent);
if ($scope._dataArray.product_referral_display.category != 'undefined' && $scope._dataArray.product_referral_display.category != null) {
$scope.getRelation($scope._dataArray.product_referral_display.category[0].referral_id);
}
$scope.dataTag = res.data.product_tags.split(",");
$scope.qtyCurrentSize(res.data.product_total_variant, res.data.product_total_stock);
$scope.buildVariantOption(res.data);
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.mkCarousel = function(elem) {
var carousel = $(elem + '[data-id=' + $scope._key() + ']');
var is_dark;
carousel.not('.slick-initialized').slick({
dots: true,
arrows: true,
autoplay: true,
autoplaySpeed: 4000,
slidesToShow: 1,
slidesToScroll: 1,
infinite: true,
speed: 600,
responsive: [{
breakpoint: 1200,
settings: {
slidesToShow: 1,
}
}, {
breakpoint: 991,
settings: {
slidesToShow: 1,
}
}, {
breakpoint: 767,
settings: {
slidesToShow: 1,
}
}]
}).closest('section').addClass('active');
};
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.dataRelation = [];
$scope.getRelation = function(referral_id) {
var dataSend = {
'txt_referral_id': referral_id
};
GAEAPI.get('referral/relation', dataSend, $scope).then(function(res) {
if (res.ok == 1) {
$scope.dataRelation = res.data;
}
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
};
$scope._getIdUrl = function() {
var getData = [];
var returnData = '';
if (typeof $routeParams.product_id !== 'undefined') {
getData = $routeParams.product_id;
returnData = getData.split("-");
return returnData[0];
}
};
$scope._stateReward = function(datain) {
var state = false;
/* console.log("_stateReward : reward_lifetime : ", datain.reward_lifetime); */
if (datain.length != 0) {
state = true;
}
return state;
};
$scope.viewImg = 0;
$scope.changeImg = function(i) {
return $scope.viewImg = i;
};
$scope._saleState = {
discount: 0
};
$scope.sale = function(price, compare_price, discount_id, discount_price, discount_percent) {
var sale = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
sale = discount_price;
$scope._saleStatres.discount = 'price';
} else if (discount_percent != 0 && discount_price == 0) {
sale = discount_percent;
$scope._saleStatres.discount = 'percent';
}
}
return (sale > 0) ? sale : 0;
}
$scope._pricefullState = {
pricefull: 0
};
$scope.pricefull = function(price, compare_price, discount_id, discount_price, discount_percent) {
var pricefull = 0;
if (discount_id != undefined) {
if (price != undefined && price != 0) {
pricefull = price;
$scope._pricefullState.pricefull = 'not zero';
} else {
pricefull = 0;
$scope._pricefullState.pricefull = 'zero';
}
} else {
if (compare_price > 0 && compare_price != undefined) {
pricefull = compare_price;
$scope._pricefullState.pricefull = 'not zero';
} else {
$scope._pricefullState.pricefull = 'zero';
}
}
return pricefull;
}
$scope._calculateState = {
calculate: 0
};
$scope.calculate = function(price, compare_price, discount_id, discount_price, discount_percent) {
var calculate = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
calculate = price - discount_price;
} else if (discount_percent != 0 && discount_price == 0) {
calculate = price - ((discount_percent / 100) * price);
}
} else {
calculate = price
}
if (calculate != undefined && calculate != 0) {
$scope._calculateState.calculate = 'not zero';
} else {
$scope._calculateState.calculate = 'zero';
}
return (calculate > 0) ? calculate : 0;
}
$scope.qtyCurrentSize = function(product_total_variant, product_total_stock) {
$scope.qty_current_size = [];
console.log("qtyCurrentSize : product_total_variant : ", product_total_variant, "product_total_stock : ", product_total_stock);
if (product_total_variant == 0) {
if (product_total_stock > 0) {
$scope.qty_current_size_state = true;
$scope.buy_state = true;
if (product_total_stock >= 20) {
for (var i = 0; i < 20; i++) {
$scope.qty_current_size.push(i + 1);
}
} else {
for (var i = 0; i < parseFloat(product_total_stock); i++) {
$scope.qty_current_size.push(i + 1);
}
}
} else if (product_total_stock < 0) {
$scope.qty_current_size_state = true;
$scope.buy_state = true;
for (var i = 0; i < 20; i++) {
$scope.qty_current_size.push(i + 1);
}
} else if (product_total_stock == 0) {
$scope.qty_current_size_state = false;
$scope.buy_state = true;
for (var i = 0; i < 1; i++) {
$scope.qty_current_size.push(i + 1);
}
} else {
$scope.qty_current_size_state = false;
$scope.buy_state = false;
for (var i = 0; i < 1; i++) {
$scope.qty_current_size.push(i + 1);
}
}
} else if (product_total_variant > 0) {
if (product_total_stock <= 0) {
$scope.qty_current_size_state = false;
$scope.buy_state = true;
for (var i = 0; i < 1; i++) {
$scope.qty_current_size.push(i + 1);
}
} else if (product_total_stock > 0) {
$scope.qty_current_size_state = true;
$scope.buy_state = true;
for (var i = 0; i < product_total_stock; i++) {
$scope.qty_current_size.push(i + 1);
}
}
}
$scope.qtyShow($scope.qty_current_size);
};
$scope.htmlSelectTime = 0;
$scope.qtyShow = function(array) {
$scope.htmlSelectTime = 0;
console.log("qtyShow ", array);
var htmlOPT = "";
for (var i = 0; i < array.length; i++) {
htmlOPT += '';
}
console.log("qty_current_size htmlOPT", htmlOPT);
if (htmlOPT != "") {
$scope.htmlSelectTime = $timeout(function() {
$('#qtyselect').html(htmlOPT);
$timeout.cancel($scope.htmlSelectTime);
}, 500);
}
}
$scope.viewQuantity = function() {
var check_int = 1;
if ($(".d_qty").val() == undefined) {
$(".d_qty").val("1");
check_int = parseFloat($(".d_qty").val());
check_int = 1;
} else if ($(".d_qty").val() == "? number:1 ?") {
$(".d_qty").val("1");
check_int = parseFloat($(".d_qty").val());
} else {
check_int = parseFloat($(".d_qty").val());
$(".d_qty").val(check_int);
}
return check_int;
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData) {
if (objectData.product_total_variant <= 0) {
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
$scope.makeVariantsClick();
};
$scope.dataVariantsPick = [];
$scope.onSelectVariantItems = function($index, option_id) {
console.log("onSelectVariantItems option_id:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
console.log("onSelectVariantItems dataVariantsPick:", $scope.dataVariantsPick);
if ($scope.dataVariantsPick.length >= $scope.dataOption.length) {
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope.findVariantsData = function(variantsPick) {
function compareArray(array_a, array) {
if (!array) return false;
if (array_a.length != array.length) return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i])) return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
for (var i = 0; i < dataVariants.length; i++) {
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
console.log("dataVariants :", dataVariants);
if (compareArray(variantsPick, optionJson)) {
$scope._dataArray.product_id = dataVariants[i].product_id;
if (dataVariants[i].sku != "") {
$scope.product_sku = dataVariants[i].sku;
} else {
$scope.product_sku = $scope._dataArray.product_sku;
}
if (dataVariants[i].sku != "") {
$scope.product_code = dataVariants[i].barcode;
} else {
$scope.product_code = $scope._dataArray.product_code;
}
$scope.product_price = $scope.calculate(dataVariants[i].price, dataVariants[i].compare_price, $scope._dataArray.product_discount.discount_id, $scope._dataArray.product_discount.discount_price, $scope._dataArray.product_discount.discount_percent);
$scope.product_compare_price = $scope.pricefull(dataVariants[i].price, dataVariants[i].compare_price, $scope._dataArray.product_discount.discount_id, $scope._dataArray.product_discount.discount_price, $scope._dataArray.product_discount.discount_percent);
$scope.qtyCurrentSize(dataVariants.length, dataVariants[i].total_stock);
break;
} else {
$scope.qty_current_size_state = false;
$scope.buy_state = false;
$scope.product_price = $scope._dataArray.product_price;
$scope.product_compare_price = $scope._dataArray.product_compare_price;
$scope.product_sku = $scope._dataArray.product_sku;
$scope.product_code = $scope._dataArray.product_code;
}
}
};
$scope.makeVariantsClick = function() {
var s = $timeout(function() {
$scope.buy_state = false;
}, 100);
};
$scope.viewInfo = 1;
$scope.view = function(input) {
$scope.viewInfo = input;
}
$scope._getDataArray($scope._getIdUrl());
// setTimeout(function() {
// alert($('input[name=radiogroup]:checked').val());
// }, 700);
$scope.clickckvalue = function() {
var result = 0;
$scope.promotion_list = $('input[name=radiogroup]:checked').val();
console.log("promotion_list : ", $scope.promotion_list);
if ($('input[name=radiogroup]:checked').val() != "" && $('input[name=radiogroup]:checked').val() != undefined) {
result = $('input[name=radiogroup]:checked').val();
} else {
result = 0;
}
return result;
}
$scope.checkPrice = function(price) {
var check_price = 0;
var _price = (price != undefined && price != "" && price != null) ? price.toString() : "0";
if (_price.includes(".")) {
check_price = 2;
}
return check_price;
};
$scope._isLogin = function() {
return UiCustomerBox.delegate.get.isLogin();
};
};
return promise;
});_ui_share_app.directive('productDetailPageEd', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'productDetailPageEd';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
name: '@name',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.dataTag = false;
$scope._dataArray = [];
$scope.product_id = "";
$scope.product_sku = "";
$scope.product_code = "";
$scope.product_price = 0;
$scope.product_compare_price = 0;
$scope.promotion_list = 0;
$scope._dataArrayState = {
load: true,
done: false
};
console.log("promotion_list : ", $scope.promotion_list);
$scope.dataShopCurrent = [];
$scope.dataShopPointConfig = [];
$scope.getShopCurrent = function() {
var dataSend = {};
GAEAPI.get('shop/current', dataSend).then(function(output) {
console.log("getShopCurrent : output : ", output);
if (output.ok == 1) {
$scope.dataShopCurrent = output.data;
console.log("getShopCurrent : dataShopCurrent : ", $scope.dataShopCurrent);
$scope.dataShopPointConfig = output.data.shop_point_config;
console.log("getShopCurrent : dataShopPointConfig : ", $scope.dataShopPointConfig);
}
});
};
$scope.getShopCurrent();
$scope.getShopPointConfigRewardState = function(product_price, quantity) {
var state = 'RewardShop';
var sup_price = product_price * quantity;
if ($scope.dataShopPointConfig.length != 0) {
if (parseInt($scope.dataShopPointConfig.er_rate) != 0 && parseInt($scope.dataShopPointConfig.er_earn) != 0) {
if (parseInt($scope.dataShopPointConfig.er_rate) <= sup_price) {
state = 'RewardShop';
return state;
} else {
state = 'High';
return state;
}
} else {
return 'RewardProduct';
return state;
}
} else {
return 'RewardProduct';
}
};
$scope.getShopPointConfigReward = function(product_price, quantity) {
var sup_price = 0;
var er_rate = 0;
var er_earn = 0;
var mathFloor = 0;
var point = 0;
// console.log("getShopPointConfigReward : shop_point_config.er_rate : ",$scope.dataShopPointConfig.er_rate);
if ($scope.dataShopPointConfig.length != 0) {
sup_price = product_price * quantity;
er_rate = parseInt($scope.dataShopPointConfig.er_rate);
er_earn = parseInt($scope.dataShopPointConfig.er_earn);
mathFloor = Math.floor(sup_price / er_rate);
point = mathFloor * er_earn;
return point;
} else {
return point;
}
}
$scope._getReward = function(datain, product_price, qty) {
if (datain.length == 0) {
return 'Data Reward Error';
}
console.log("_getReward : product_price : ", product_price, " qty : ", qty);
var reward = "NULL";
if (datain.reward_type_id == "101") {} else if (datain.reward_type_id == "102") {} else if (datain.reward_type_id == "103") {
var reward_every_price = parseInt(datain.reward_every_price);
var sum_product_price = Math.round(product_price) * qty;
var reward_amount = parseInt(datain.reward_amount);
console.log("_getReward : reward_every_price : ", reward_every_price, " sum_product_price : ", sum_product_price, " reward_amount : ", reward_amount);
if (reward_every_price <= sum_product_price) {
var divided = Math.floor(sum_product_price / reward_every_price);
var multiplied = divided * reward_amount;
console.log("_getReward : divided : ", divided, " multiplied : ", multiplied);
reward = multiplied;
} else {
reward = "ZERO";
}
} else {
return 'Data Reward Type Id Error';
}
return reward;
};
$scope._getDataArray = function(id) {
$scope._dataArrayState = $scope.StateData(true, false);
var filter_json = {}
var dataSend = {
'txt_product_id': id,
'txt_filter_json': JSON.stringify(filter_json)
};
console.log('dataSend_Product', dataSend);
GAEAPI.get('product/id', dataSend).then(function(res) {
if (res.ok === 1) {
$scope._dataArray = res.data;
// if ($scope._dataArray.product_is_promotion != 0) {
// $scope.promotion_list = $scope._dataArray.product_promotion[0].promotion_id;
// }
console.log("promotion_list : ", $scope.promotion_list);
console.log("_getDataArray _dataArray : ", $scope._dataArray);
$scope.product_id = $scope._dataArray.product_id;
$scope.dataPreserve = res.data;
if (res.data.product_sku != undefined) {
$scope.product_sku = res.data.product_sku;
}
if (res.data.product_code != undefined) {
$scope.product_code = res.data.product_code;
}
$scope.product_price = $scope.calculate(res.data.product_price, res.data.product_compare_price, res.data.product_discount.discount_id, res.data.product_discount.discount_price, res.data.product_discount.discount_percent);
$scope.product_compare_price = $scope.pricefull(res.data.product_price, res.data.product_compare_price, res.data.product_discount.discount_id, res.data.product_discount.discount_price, res.data.product_discount.discount_percent);
if ($scope._dataArray.product_referral_display.category != 'undefined' && $scope._dataArray.product_referral_display.category != null) {
$scope.getRelation($scope._dataArray.product_referral_display.category[0].referral_id);
}
$scope.dataTag = res.data.product_tags.split(",");
$scope.qtyCurrentSize(res.data.product_total_variant, res.data.product_total_stock);
$scope.buildVariantOption(res.data);
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.mkCarousel = function(elem) {
var carousel = $(elem + '[data-id=' + $scope._key() + ']');
var is_dark;
carousel.not('.slick-initialized').slick({
dots: true,
arrows: true,
autoplay: true,
autoplaySpeed: 4000,
slidesToShow: 1,
slidesToScroll: 1,
infinite: true,
speed: 600,
responsive: [{
breakpoint: 1200,
settings: {
slidesToShow: 1,
}
}, {
breakpoint: 991,
settings: {
slidesToShow: 1,
}
}, {
breakpoint: 767,
settings: {
slidesToShow: 1,
}
}]
}).closest('section').addClass('active');
};
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.dataRelation = [];
$scope.getRelation = function(referral_id) {
var dataSend = {
'txt_referral_id': referral_id
};
GAEAPI.get('referral/relation', dataSend, $scope).then(function(res) {
if (res.ok == 1) {
$scope.dataRelation = res.data;
}
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
};
$scope._getIdUrl = function() {
var getData = [];
var returnData = '';
if (typeof $routeParams.product_id !== 'undefined') {
getData = $routeParams.product_id;
returnData = getData.split("-");
return returnData[0];
}
};
$scope._stateReward = function(datain) {
var state = false;
/* console.log("_stateReward : reward_lifetime : ", datain.reward_lifetime); */
if (datain.length != 0) {
state = true;
}
return state;
};
$scope.viewImg = 0;
$scope.changeImg = function(i) {
return $scope.viewImg = i;
};
$scope._saleState = {
discount: 0
};
$scope.sale = function(price, compare_price, discount_id, discount_price, discount_percent) {
var sale = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
sale = discount_price;
$scope._saleStatres.discount = 'price';
} else if (discount_percent != 0 && discount_price == 0) {
sale = discount_percent;
$scope._saleStatres.discount = 'percent';
}
}
return (sale > 0) ? sale : 0;
}
$scope._pricefullState = {
pricefull: 0
};
$scope.pricefull = function(price, compare_price, discount_id, discount_price, discount_percent) {
var pricefull = 0;
if (discount_id != undefined) {
if (price != undefined && price != 0) {
pricefull = price;
$scope._pricefullState.pricefull = 'not zero';
} else {
pricefull = 0;
$scope._pricefullState.pricefull = 'zero';
}
} else {
if (compare_price > 0 && compare_price != undefined) {
pricefull = compare_price;
$scope._pricefullState.pricefull = 'not zero';
} else {
$scope._pricefullState.pricefull = 'zero';
}
}
return pricefull;
}
$scope._calculateState = {
calculate: 0
};
$scope.calculate = function(price, compare_price, discount_id, discount_price, discount_percent) {
var calculate = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
calculate = price - discount_price;
} else if (discount_percent != 0 && discount_price == 0) {
calculate = price - ((discount_percent / 100) * price);
}
} else {
calculate = price
}
if (calculate != undefined && calculate != 0) {
$scope._calculateState.calculate = 'not zero';
} else {
$scope._calculateState.calculate = 'zero';
}
return (calculate > 0) ? calculate : 0;
}
$scope.qtyCurrentSize = function(product_total_variant, product_total_stock) {
$scope.qty_current_size = [];
console.log("qtyCurrentSize : product_total_variant : ", product_total_variant, "product_total_stock : ", product_total_stock);
if (product_total_variant == 0) {
if (product_total_stock > 0) {
$scope.qty_current_size_state = true;
$scope.buy_state = true;
if (product_total_stock >= 20) {
for (var i = 0; i < 20; i++) {
$scope.qty_current_size.push(i + 1);
}
} else {
for (var i = 0; i < parseInt(product_total_stock); i++) {
$scope.qty_current_size.push(i + 1);
}
}
} else if (product_total_stock < 0) {
$scope.qty_current_size_state = true;
$scope.buy_state = true;
for (var i = 0; i < 20; i++) {
$scope.qty_current_size.push(i + 1);
}
} else if (product_total_stock == 0) {
$scope.qty_current_size_state = false;
$scope.buy_state = true;
for (var i = 0; i < 1; i++) {
$scope.qty_current_size.push(i + 1);
}
} else {
$scope.qty_current_size_state = false;
$scope.buy_state = false;
for (var i = 0; i < 1; i++) {
$scope.qty_current_size.push(i + 1);
}
}
} else if (product_total_variant > 0) {
if (product_total_stock <= 0) {
$scope.qty_current_size_state = false;
$scope.buy_state = true;
for (var i = 0; i < 1; i++) {
$scope.qty_current_size.push(i + 1);
}
} else if (product_total_stock > 0) {
$scope.qty_current_size_state = true;
$scope.buy_state = true;
for (var i = 0; i < product_total_stock; i++) {
$scope.qty_current_size.push(i + 1);
}
}
}
$scope.qtyShow($scope.qty_current_size);
};
$scope.htmlSelectTime = 0;
$scope.qtyShow = function(array) {
$scope.htmlSelectTime = 0;
console.log("qtyShow ", array);
var htmlOPT = "";
for (var i = 0; i < array.length; i++) {
htmlOPT += '';
}
console.log("qty_current_size htmlOPT", htmlOPT);
if (htmlOPT != "") {
$scope.htmlSelectTime = $timeout(function() {
$('#qtyselect').html(htmlOPT);
$timeout.cancel($scope.htmlSelectTime);
}, 500);
}
}
$scope.viewQuantity = function() {
var check_int = 1;
if ($(".d_qty").val() == undefined) {
$(".d_qty").val("1");
check_int = parseInt($(".d_qty").val());
check_int = 1;
} else if ($(".d_qty").val() == "? number:1 ?") {
$(".d_qty").val("1");
check_int = parseInt($(".d_qty").val());
} else {
check_int = parseInt($(".d_qty").val());
$(".d_qty").val(check_int);
}
return check_int;
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData) {
if (objectData.product_total_variant <= 0) {
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
$scope.makeVariantsClick();
};
$scope.dataVariantsPick = [];
$scope.onSelectVariantItems = function($index, option_id) {
console.log("onSelectVariantItems option_id:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
console.log("onSelectVariantItems dataVariantsPick:", $scope.dataVariantsPick);
if ($scope.dataVariantsPick.length >= $scope.dataOption.length) {
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope.findVariantsData = function(variantsPick) {
function compareArray(array_a, array) {
if (!array) return false;
if (array_a.length != array.length) return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i])) return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
for (var i = 0; i < dataVariants.length; i++) {
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
console.log("dataVariants :", dataVariants);
if (compareArray(variantsPick, optionJson)) {
$scope._dataArray.product_id = dataVariants[i].product_id;
if (dataVariants[i].sku != "") {
$scope.product_sku = dataVariants[i].sku;
} else {
$scope.product_sku = $scope._dataArray.product_sku;
}
if (dataVariants[i].sku != "") {
$scope.product_code = dataVariants[i].barcode;
} else {
$scope.product_code = $scope._dataArray.product_code;
}
$scope.product_price = $scope.calculate(dataVariants[i].price, dataVariants[i].compare_price, $scope._dataArray.product_discount.discount_id, $scope._dataArray.product_discount.discount_price, $scope._dataArray.product_discount.discount_percent);
$scope.product_compare_price = $scope.pricefull(dataVariants[i].price, dataVariants[i].compare_price, $scope._dataArray.product_discount.discount_id, $scope._dataArray.product_discount.discount_price, $scope._dataArray.product_discount.discount_percent);
$scope.qtyCurrentSize(dataVariants.length, dataVariants[i].total_stock);
break;
} else {
$scope.qty_current_size_state = false;
$scope.buy_state = false;
$scope.product_price = $scope._dataArray.product_price;
$scope.product_compare_price = $scope._dataArray.product_compare_price;
$scope.product_sku = $scope._dataArray.product_sku;
$scope.product_code = $scope._dataArray.product_code;
}
}
};
$scope.makeVariantsClick = function() {
var s = $timeout(function() {
$scope.buy_state = false;
}, 100);
};
$scope.viewInfo = 1;
$scope.view = function(input) {
$scope.viewInfo = input;
}
$scope._getDataArray($scope._getIdUrl());
// setTimeout(function() {
// alert($('input[name=radiogroup]:checked').val());
// }, 700);
$scope.clickckvalue = function() {
var result = 0;
$scope.promotion_list = $('input[name=radiogroup]:checked').val();
console.log("promotion_list : ", $scope.promotion_list);
if ($('input[name=radiogroup]:checked').val() != "" && $('input[name=radiogroup]:checked').val() != undefined) {
result = $('input[name=radiogroup]:checked').val();
} else {
result = 0;
}
return result;
}
};
return promise;
});_ui_share_app.directive('productDetailPageEe', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'productDetailPageEe';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
name: '@name',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.dataTag = false;
$scope._dataArray = [];
$scope.product_id = "";
$scope.product_sku = "";
$scope.product_code = "";
$scope.product_price = 0;
$scope.product_compare_price = 0;
$scope.promotion_list = 0;
$scope._dataArrayState = {
load: true,
done: false
};
console.log("promotion_list : ", $scope.promotion_list);
$scope.dataShopCurrent = [];
$scope.dataShopPointConfig = [];
$scope.getShopCurrent = function() {
var dataSend = {};
GAEAPI.get('shop/current', dataSend).then(function(output) {
console.log("getShopCurrent : output : ", output);
if (output.ok == 1) {
$scope.dataShopCurrent = output.data;
console.log("getShopCurrent : dataShopCurrent : ", $scope.dataShopCurrent);
$scope.dataShopPointConfig = output.data.shop_point_config;
console.log("getShopCurrent : dataShopPointConfig : ", $scope.dataShopPointConfig);
}
});
};
$scope.getShopCurrent();
$scope.getShopPointConfigRewardState = function(product_price, quantity) {
var state = 'RewardShop';
var sup_price = product_price * quantity;
if ($scope.dataShopPointConfig.length != 0) {
if (parseInt($scope.dataShopPointConfig.er_rate) != 0 && parseInt($scope.dataShopPointConfig.er_earn) != 0) {
if (parseInt($scope.dataShopPointConfig.er_rate) <= sup_price) {
state = 'RewardShop';
return state;
} else {
state = 'High';
return state;
}
} else {
return 'RewardProduct';
return state;
}
} else {
return 'RewardProduct';
}
};
$scope.getShopPointConfigReward = function(product_price, quantity) {
var sup_price = 0;
var er_rate = 0;
var er_earn = 0;
var mathFloor = 0;
var point = 0;
// console.log("getShopPointConfigReward : shop_point_config.er_rate : ",$scope.dataShopPointConfig.er_rate);
if ($scope.dataShopPointConfig.length != 0) {
sup_price = product_price * quantity;
er_rate = parseInt($scope.dataShopPointConfig.er_rate);
er_earn = parseInt($scope.dataShopPointConfig.er_earn);
mathFloor = Math.floor(sup_price / er_rate);
point = mathFloor * er_earn;
return point;
} else {
return point;
}
}
$scope._getReward = function(datain, product_price, qty) {
if (datain.length == 0) {
return 'Data Reward Error';
}
console.log("_getReward : product_price : ", product_price, " qty : ", qty);
var reward = "NULL";
if (datain.reward_type_id == "101") {} else if (datain.reward_type_id == "102") {} else if (datain.reward_type_id == "103") {
var reward_every_price = parseInt(datain.reward_every_price);
var sum_product_price = Math.round(product_price) * qty;
var reward_amount = parseInt(datain.reward_amount);
console.log("_getReward : reward_every_price : ", reward_every_price, " sum_product_price : ", sum_product_price, " reward_amount : ", reward_amount);
if (reward_every_price <= sum_product_price) {
var divided = Math.floor(sum_product_price / reward_every_price);
var multiplied = divided * reward_amount;
console.log("_getReward : divided : ", divided, " multiplied : ", multiplied);
reward = multiplied;
} else {
reward = "ZERO";
}
} else {
return 'Data Reward Type Id Error';
}
return reward;
};
$scope._getDataArray = function(id) {
$scope._dataArrayState = $scope.StateData(true, false);
var filter_json = {}
var dataSend = {
'txt_product_id': id,
'txt_filter_json': JSON.stringify(filter_json)
};
console.log('dataSend_Product', dataSend);
GAEAPI.get('product/id', dataSend).then(function(res) {
if (res.ok === 1) {
$scope._dataArray = res.data;
// if ($scope._dataArray.product_is_promotion != 0) {
// $scope.promotion_list = $scope._dataArray.product_promotion[0].promotion_id;
// }
console.log("promotion_list : ", $scope.promotion_list);
console.log("_getDataArray _dataArray : ", $scope._dataArray);
$scope.product_id = $scope._dataArray.product_id;
$scope.dataPreserve = res.data;
if (res.data.product_sku != undefined) {
$scope.product_sku = res.data.product_sku;
}
if (res.data.product_code != undefined) {
$scope.product_code = res.data.product_code;
}
$scope.product_price = $scope.calculate(res.data.product_price, res.data.product_compare_price, res.data.product_discount.discount_id, res.data.product_discount.discount_price, res.data.product_discount.discount_percent);
$scope.product_compare_price = $scope.pricefull(res.data.product_price, res.data.product_compare_price, res.data.product_discount.discount_id, res.data.product_discount.discount_price, res.data.product_discount.discount_percent);
if ($scope._dataArray.product_referral_display.category != 'undefined' && $scope._dataArray.product_referral_display.category != null) {
$scope.getRelation($scope._dataArray.product_referral_display.category[0].referral_id);
}
$scope.dataTag = res.data.product_tags.split(",");
$scope.qtyCurrentSize(res.data.product_total_variant, res.data.product_total_stock);
$scope.buildVariantOption(res.data);
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.mkCarousel = function(elem) {
var carousel = $(elem + '[data-id=' + $scope._key() + ']');
var is_dark;
carousel.not('.slick-initialized').slick({
dots: true,
arrows: true,
autoplay: true,
autoplaySpeed: 4000,
slidesToShow: 1,
slidesToScroll: 1,
infinite: true,
speed: 600,
responsive: [{
breakpoint: 1200,
settings: {
slidesToShow: 1,
}
}, {
breakpoint: 991,
settings: {
slidesToShow: 1,
}
}, {
breakpoint: 767,
settings: {
slidesToShow: 1,
}
}]
}).closest('section').addClass('active');
};
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.dataRelation = [];
$scope.getRelation = function(referral_id) {
var dataSend = {
'txt_referral_id': referral_id
};
GAEAPI.get('referral/relation', dataSend, $scope).then(function(res) {
if (res.ok == 1) {
$scope.dataRelation = res.data;
}
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
};
$scope._getIdUrl = function() {
var getData = [];
var returnData = '';
if (typeof $routeParams.product_id !== 'undefined') {
getData = $routeParams.product_id;
returnData = getData.split("-");
return returnData[0];
}
};
$scope._stateReward = function(datain) {
var state = false;
/* console.log("_stateReward : reward_lifetime : ", datain.reward_lifetime); */
if (datain.length != 0) {
state = true;
}
return state;
};
$scope.viewImg = 0;
$scope.changeImg = function(i) {
return $scope.viewImg = i;
};
$scope._saleState = {
discount: 0
};
$scope.sale = function(price, compare_price, discount_id, discount_price, discount_percent) {
var sale = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
sale = discount_price;
$scope._saleStatres.discount = 'price';
} else if (discount_percent != 0 && discount_price == 0) {
sale = discount_percent;
$scope._saleStatres.discount = 'percent';
}
}
return (sale > 0) ? sale : 0;
}
$scope._pricefullState = {
pricefull: 0
};
$scope.pricefull = function(price, compare_price, discount_id, discount_price, discount_percent) {
var pricefull = 0;
if (discount_id != undefined) {
if (price != undefined && price != 0) {
pricefull = price;
$scope._pricefullState.pricefull = 'not zero';
} else {
pricefull = 0;
$scope._pricefullState.pricefull = 'zero';
}
} else {
if (compare_price > 0 && compare_price != undefined) {
pricefull = compare_price;
$scope._pricefullState.pricefull = 'not zero';
} else {
$scope._pricefullState.pricefull = 'zero';
}
}
return pricefull;
}
$scope._calculateState = {
calculate: 0
};
$scope.calculate = function(price, compare_price, discount_id, discount_price, discount_percent) {
var calculate = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
calculate = price - discount_price;
} else if (discount_percent != 0 && discount_price == 0) {
calculate = price - ((discount_percent / 100) * price);
}
} else {
calculate = price
}
if (calculate != undefined && calculate != 0) {
$scope._calculateState.calculate = 'not zero';
} else {
$scope._calculateState.calculate = 'zero';
}
return (calculate > 0) ? calculate : 0;
}
$scope.qtyCurrentSize = function(product_total_variant, product_total_stock) {
$scope.qty_current_size = [];
console.log("qtyCurrentSize : product_total_variant : ", product_total_variant, "product_total_stock : ", product_total_stock);
if (product_total_variant == 0) {
if (product_total_stock > 0) {
$scope.qty_current_size_state = true;
$scope.buy_state = true;
if (product_total_stock >= 20) {
for (var i = 0; i < 20; i++) {
$scope.qty_current_size.push(i + 1);
}
} else {
for (var i = 0; i < parseInt(product_total_stock); i++) {
$scope.qty_current_size.push(i + 1);
}
}
} else if (product_total_stock < 0) {
$scope.qty_current_size_state = true;
$scope.buy_state = true;
for (var i = 0; i < 20; i++) {
$scope.qty_current_size.push(i + 1);
}
} else if (product_total_stock == 0) {
$scope.qty_current_size_state = false;
$scope.buy_state = true;
for (var i = 0; i < 1; i++) {
$scope.qty_current_size.push(i + 1);
}
} else {
$scope.qty_current_size_state = false;
$scope.buy_state = false;
for (var i = 0; i < 1; i++) {
$scope.qty_current_size.push(i + 1);
}
}
} else if (product_total_variant > 0) {
if (product_total_stock <= 0) {
$scope.qty_current_size_state = false;
$scope.buy_state = true;
for (var i = 0; i < 1; i++) {
$scope.qty_current_size.push(i + 1);
}
} else if (product_total_stock > 0) {
$scope.qty_current_size_state = true;
$scope.buy_state = true;
for (var i = 0; i < product_total_stock; i++) {
$scope.qty_current_size.push(i + 1);
}
}
}
$scope.qtyShow($scope.qty_current_size);
};
$scope.htmlSelectTime = 0;
$scope.qtyShow = function(array) {
$scope.htmlSelectTime = 0;
console.log("qtyShow ", array);
var htmlOPT = "";
for (var i = 0; i < array.length; i++) {
htmlOPT += '';
}
console.log("qty_current_size htmlOPT", htmlOPT);
if (htmlOPT != "") {
$scope.htmlSelectTime = $timeout(function() {
$('#qtyselect').html(htmlOPT);
$timeout.cancel($scope.htmlSelectTime);
}, 500);
}
}
$scope.viewQuantity = function() {
var check_int = 1;
if ($(".d_qty").val() == undefined) {
$(".d_qty").val("1");
check_int = parseInt($(".d_qty").val());
check_int = 1;
} else if ($(".d_qty").val() == "? number:1 ?") {
$(".d_qty").val("1");
check_int = parseInt($(".d_qty").val());
} else {
check_int = parseInt($(".d_qty").val());
$(".d_qty").val(check_int);
}
return check_int;
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData) {
if (objectData.product_total_variant <= 0) {
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
$scope.makeVariantsClick();
};
$scope.dataVariantsPick = [];
$scope.onSelectVariantItems = function($index, option_id) {
console.log("onSelectVariantItems option_id:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
console.log("onSelectVariantItems dataVariantsPick:", $scope.dataVariantsPick);
if ($scope.dataVariantsPick.length >= $scope.dataOption.length) {
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope.findVariantsData = function(variantsPick) {
function compareArray(array_a, array) {
if (!array) return false;
if (array_a.length != array.length) return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i])) return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
for (var i = 0; i < dataVariants.length; i++) {
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
console.log("dataVariants :", dataVariants);
if (compareArray(variantsPick, optionJson)) {
$scope._dataArray.product_id = dataVariants[i].product_id;
if (dataVariants[i].sku != "") {
$scope.product_sku = dataVariants[i].sku;
} else {
$scope.product_sku = $scope._dataArray.product_sku;
}
if (dataVariants[i].sku != "") {
$scope.product_code = dataVariants[i].barcode;
} else {
$scope.product_code = $scope._dataArray.product_code;
}
$scope.product_price = $scope.calculate(dataVariants[i].price, dataVariants[i].compare_price, $scope._dataArray.product_discount.discount_id, $scope._dataArray.product_discount.discount_price, $scope._dataArray.product_discount.discount_percent);
$scope.product_compare_price = $scope.pricefull(dataVariants[i].price, dataVariants[i].compare_price, $scope._dataArray.product_discount.discount_id, $scope._dataArray.product_discount.discount_price, $scope._dataArray.product_discount.discount_percent);
$scope.qtyCurrentSize(dataVariants.length, dataVariants[i].total_stock);
break;
} else {
$scope.qty_current_size_state = false;
$scope.buy_state = false;
$scope.product_price = $scope._dataArray.product_price;
$scope.product_compare_price = $scope._dataArray.product_compare_price;
$scope.product_sku = $scope._dataArray.product_sku;
$scope.product_code = $scope._dataArray.product_code;
}
}
};
$scope.makeVariantsClick = function() {
var s = $timeout(function() {
$scope.buy_state = false;
}, 100);
};
$scope.viewInfo = 1;
$scope.view = function(input) {
$scope.viewInfo = input;
}
$scope._getDataArray($scope._getIdUrl());
// setTimeout(function() {
// alert($('input[name=radiogroup]:checked').val());
// }, 700);
$scope.clickckvalue = function() {
var result = 0;
$scope.promotion_list = $('input[name=radiogroup]:checked').val();
console.log("promotion_list : ", $scope.promotion_list);
if ($('input[name=radiogroup]:checked').val() != "" && $('input[name=radiogroup]:checked').val() != undefined) {
result = $('input[name=radiogroup]:checked').val();
} else {
result = 0;
}
return result;
}
};
return promise;
});
_ui_share_app.directive('productDetailPageF', function ($rootScope, $routeParams, sliderProvider) {
var templateName = 'productDetailPageF';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
imgpath: '@imgpath',
id: '@id',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function (scope, element, attr) {
};
promise.controller = function ($scope, $timeout, $interval, $window) {
$scope.forbidden = false;
$scope._config = [];
$scope._host = _ui_host + templateName + '/';
$scope.checkSeo = function(){
return (GURL.isHtml5Mode()) ? true : false;
};
$scope.titleUrl = function(str){
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--","-");
return s;
};
$scope._getPostIdFromURL = function(){
var test = $scope.id;
var a = $scope.id;
if(typeof $routeParams.product_id !== 'undefined'){
test = parseInt($routeParams.product_id);
a = $routeParams.product_id;
}
if(typeof test === 'number' && test > 0){
return test;
} else {
var b = a.split("-");
return b[0];
}
};
/* JQ: Scroll event */
angular.element($window).bind('scroll',function(){
if(!$scope.data){
return;
}
var curPos = ($(document).scrollTop());
var properHeight = ($('.img_cover').height() * ($('.img_cover').length - 1));
console.debug("Cur pos", curPos, properHeight);
if(curPos > properHeight){
angular.element('.block-background .bottom-info').addClass('unactive');
if($(window).width() > 991){
angular.element('.bottom-buy-overlay').addClass('unactive');
}
} else {
angular.element('.block-background .bottom-info').removeClass('unactive');
if($(window).width() > 991){
angular.element('.bottom-buy-overlay').removeClass('unactive');
}
}
});
/* UNIQUE KEY */
$scope._uniqueKey = '';
$scope._key = function () {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
/* Slider Send */
$scope.data = false;
$scope.dataPreserve = false;
/* Get product id from url or from component */
$scope._getPostIdFromURL = function(){
var test = $scope.id;
var a = $scope.id;
if(typeof $routeParams.product_id !== 'undefined'){
test = parseInt($routeParams.product_id);
a = $routeParams.product_id;
}
if(typeof test === 'number' && test > 0){
return test;
} else {
var b = a.split("-");
return b[0];
}
};
/* Get data by product id */
GAEAPI.get('product/id',{'txt_product_id':$scope._getPostIdFromURL()}).then(function(e){
if(e.ok == 1){
$scope.data = e.data;
$scope.dataPreserve = e.data;
$scope.buildVariantOption(e.data);
$scope.buildDataProductRelate($scope._getPostIdFromURL());
}
});
$scope.dataRelate = [];
$scope.buildDataProductRelate = function(product_id){
var j = {'relate_product_id_array':[product_id],'badge_id_array':[18]};
var d = {
'cur_page': 1,
'per_page': 6,
'txt_filter_json': JSON.stringify(j)
};
GAEAPI.get('product/lists',d).then(function(e){
if(e.ok == 1){
$scope.dataRelate = e.data.dataList;
console.log("dataRelate",$scope.dataRelate);
}
});
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData){
if(objectData.product_total_variant <= 0){
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
$scope.makeVariantsClick();
};
$scope.dataVariantsPick = [];
$scope.onSelectVariantItems = function($index, option_id){
console.log("onSelectVariantItems:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
if($scope.dataVariantsPick.length >= $scope.dataOption.length){
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope.findVariantsData = function(variantsPick){
function compareArray(array_a, array) {
if (!array)
return false;
if (array_a.length != array.length)
return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i]))
return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
for(var i = 0; i < dataVariants.length; i++){
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if(compareArray(variantsPick,optionJson)){
$scope.data.product_id = dataVariants[i].product_id;
$scope.data.product_sku = dataVariants[i].sku;
$scope.data.product_price = dataVariants[i].price;
$scope.data.product_compare_price = dataVariants[i].compare_price;
break;
}
}
};
$scope.makeVariantsClick = function(){
var s = $timeout(function(){
$timeout.cancel(s);
$('select.variantSelector').each(function(idx,obj){
var optionElementFirst = $(this).find('option[data-index="'+idx+'"]').eq(0);
optionElementFirst.prop("selected",true);
$scope.onSelectVariantItems(optionElementFirst.attr('data-index'), optionElementFirst.attr('data-option'));
});
}, 2000);
};
$scope.checkColorConfig = function(){
return ($('config-color').length) ? true : false;
};
$scope._makeProductToCarousel = function () {
var elementName = '[data-key="' + $scope._uniqueKey + '"]';
var optionsParmas = {
autoplay: (window.location.host !== 'localhost') ? true : false,
slidesToShow: 1,
slidesToScroll: 1,
dots: false,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
};
return sliderProvider(elementName, optionsParmas, $scope.type, $scope._uniqueKey);
};
$scope._slickGoLeft = function () {
$timeout(function () {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function () {
$timeout(function () {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
$rootScope.$on('repeatend', function() {
if($('[data-key="'+$scope._uniqueKey+'"]').not('.slick-initialized')){
$timeout(function(){
$scope._makeProductToCarousel();
}, 500);
}
});
$scope.qty_original=1;
$scope.qty_current=1;
/* Click SLick Item */
$scope.slickGoto = function (idx) {
setTimeout(function () {
$('[data-key="'+$scope._uniqueKey+'"]').slick('slickGoTo', idx);
}, 100);
};
/* Calcu Nav Arrows */
$scope.maxHeight = 0;
$scope.navArrowsCalculate=function(){
var size = ($('img.img_gallery').eq(0).height() / 2);
$scope.maxHeight = (size + 18);
$('img.img_gallery').each(function() {
if ($(this).height() > $scope.maxHeight) {
$scope.maxHeight = $(this).height();
}
});
return '-' + $scope.maxHeight + 'px';
};
$scope.navArrowWidth = function(){
return $('#gallery_display').width() + 'px';
};
};
return promise;
});
_ui_share_app.directive('productDetailPageG', function ($rootScope, $routeParams, sliderProvider) {
var templateName = 'productDetailPageG';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
imgpath: '@imgpath',
id: '@id',
headerheight: '@headerheight',
controlbutton : '@controlbutton',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function (scope, element, attr) {
};
promise.controller = function ($scope, $timeout, $interval, $window) {
$scope.forbidden = false;
$scope._config = [];
$scope._host = _ui_host + templateName + '/';
/* UNIQUE KEY */
$scope._uniqueKey = '';
$scope._key = function () {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.checkSeo = function(){
return (GURL.isHtml5Mode()) ? true : false;
};
$scope.titleUrl = function(str){
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--","-");
return s;
};
/* Get product id from url or from component */
$scope._getPostIdFromURL = function(){
var test = $scope.id;
var a = $scope.id;
if(typeof $routeParams.product_id !== 'undefined'){
test = parseInt($routeParams.product_id);
a = $routeParams.product_id;
}
if(typeof test === 'number' && test > 0){
return test;
} else {
var b = a.split("-");
return b[0];
}
};
$scope.data = false;
$scope.dataPreserve = false;
/* Get data by product id */
GAEAPI.get('product/id',{'txt_product_id':$scope._getPostIdFromURL()}).then(function(e){
if(e.ok == 1){
$scope.data = e.data;
console.log("testtest",$scope.data);
$scope.dataPreserve = e.data;
$scope.buildVariantOption(e.data);
/*$scope.buildDataProductRelate($scope._getPostIdFromURL());*/
}
});
$scope.dataRelate = [];
$scope.buildDataProductRelate = function(product_id){
var j = {'relate_product_id_array':[product_id],'badge_id_array':[18]};
var d = {
'cur_page': 1,
'per_page': 4,
'txt_filter_json': JSON.stringify(j)
};
GAEAPI.get('product/lists',d).then(function(e){
if(e.ok == 1){
$scope.dataRelate = e.data.dataList;
console.log("dataRelate",$scope.dataRelate);
}
});
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData){
if(objectData.product_total_variant <= 0){
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
/*$scope.makeVariantsClick();*/
$scope.makeVaraintsClick_Normal();
};
$scope.dataVariantsPick = [];
$scope.onSelectVariantItems = function($index, option_id){
console.log("onSelectVariantItems:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
if($scope.dataVariantsPick.length >= $scope.dataOption.length){
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope.onClickVariantItems = function($index, option_id){
console.log("onSelectVariantItems:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
if($scope.dataVariantsPick.length >= $scope.dataOption.length){
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope.findVariantsData = function(variantsPick){
function compareArray(array_a, array) {
if (!array)
return false;
if (array_a.length != array.length)
return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i]))
return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
for(var i = 0; i < dataVariants.length; i++){
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if(compareArray(variantsPick,optionJson)){
$scope.data.product_id = dataVariants[i].product_id;
$scope.data.product_sku = dataVariants[i].sku;
$scope.data.product_price = dataVariants[i].price;
$scope.data.product_compare_price = dataVariants[i].compare_price;
break;
}
}
};
/* Select FIrst Varaint (SELECT) */
$scope.makeVariantsClick = function(){
var s = $timeout(function(){
$timeout.cancel(s);
$('select.variantSelector').each(function(idx,obj){
var optionElementFirst = $(this).find('option[data-index="'+idx+'"]').eq(0);
optionElementFirst.prop("selected",true);
$scope.onSelectVariantItems(optionElementFirst.attr('data-index'), optionElementFirst.attr('data-option'));
});
}, 2000);
};
/* Select FIrst Varaint (Normal click) */
$scope.makeVaraintsClick_Normal = function(){
$timeout(function(){
$('div.variantSelector').each(function(idx,obj){
$(this).find('[data-index="'+idx+'"]').eq(0).click();
});
},2000);
};
$scope.checkColorConfig = function(){
return ($('config-color').length) ? true : false;
};
$scope._makeProductToCarousel = function () {
var elementName = '[data-key="' + $scope._uniqueKey + '"]';
var optionsParmas = {
autoplay: (window.location.host !== 'localhost') ? true : false,
slidesToShow: 1,
slidesToScroll: 1,
dots: true,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
adaptiveHeight: true,
};
return sliderProvider(elementName, optionsParmas, $scope.type, $scope._uniqueKey);
};
$scope._slickGoLeft = function () {
$timeout(function () {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function () {
$timeout(function () {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
$rootScope.$on('repeatend', function() {
if($('[data-key="'+$scope._uniqueKey+'"]').not('.slick-initialized')){
$timeout(function(){
$scope._makeProductToCarousel();
}, 500);
}
});
$scope.qty_original=1;
$scope.qty_current=1;
$scope.getShopName = function(){
return (typeof tttt !== 'undefined') ? tttt.shop_name : '';
};
/* Click SLick Item */
$scope.slickGoto = function (idx) {
setTimeout(function () {
$('#gallery_slider').slick('slickGoTo', idx);
}, 100);
};
/* Calcu Nav Arrows */
$scope.navArrowsCalculate=function(){
var size = ($('img.img_gallery').eq(0).height() / 2);
var n = (size + 18) + 20;
return '-' + n + 'px';
};
$scope.navArrowWidth = function(){
return $('#gallery_slider').width() + 'px';
};
};
return promise;
});
_ui_share_app.directive('productDetailPageGrip', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'productDetailPageGrip';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
name: '@name',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.navigationBar = [];
$scope.dataArray = [];
$scope.dataArrayState = {
load: false,
done: false
};
$scope.dataProductBuy = {
quantity: 1,
price: 0,
sumprice: 0,
quantity_min: 0,
quantity_max: 0
};
$scope.login = function() {
var login = {
showLogin: function() {
return UiCustomerBox.delegate.get.isLogin();
},
isLogin: function(callback) {
callback(UiCustomerBox.delegate.get.isLogin());
},
totalAmount: function() {
return UiCart.delegate.get.totalAmount() || 0;
},
pageLogin: function() {
var _self = this;
_self.isLogin(function(isLogin) {
if (!isLogin) {
$inloginPopupTypeGrip.open();
}
});
}
}
return login;
};
$scope.quantity = function() {
var quantity = {
upDatePrice: function() {
$scope.dataProductBuy.sumprice = $scope.dataProductBuy.price * $scope.dataProductBuy.quantity;
},
minus: function() {
var _self = this;
if (($scope.dataProductBuy.quantity - 1) != $scope.dataProductBuy.quantity_min) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity - 1;
_self.upDatePrice();
}
},
plus: function() {
var _self = this;
if (($scope.dataProductBuy.quantity + 1) <= $scope.dataProductBuy.quantity_max) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity + 1;
_self.upDatePrice();
}
}
}
return quantity;
};
$scope.imageCarousel = function(cover_in, carousel_in) {
$(cover_in).css('height', '0');
$(cover_in).css('opacity', '0');
setTimeout(function() {
var carousel = $(carousel_in);
carousel.not('.slick-initialized').slick({
dots: false,
arrows: true,
autoplay: true,
autoplaySpeed: 4000,
slidesToShow: 1,
slidesToScroll: 1,
infinite: true,
speed: 600,
}).closest('section').addClass('active');
$(cover_in).css('height', 'auto');
$(cover_in).css('opacity', '1');
}, 1000);
};
$scope.getDataArray = function() {
var data = {
consoleLog: function(name, data) {
console.log(name, data);
},
stateData: function(loadIn, doneIn) {
var state = {
load: loadIn,
done: doneIn
};
return state;
},
getProductId: function(callback) {
var params = $routeParams;
var product_id = params.product_id.split("-", 1).join("");
callback(product_id)
},
getDataProductArray: function(api, callback) {
var _self = this;
var output = [];
_self.getProductId(function(product_id) {
var dataSendProductId = {
'txt_product_id': product_id
};
_self.getDataArray(api, dataSendProductId, function(output) {
callback(output);
});
});
},
getNavigationBar: function(product_referral_display, api, callback) {
var _self = this;
var output = [];
_self.consoleLog("product_referral_display : ", product_referral_display);
if (product_referral_display.category.length != 0) {
var dataSendReferralId = {
'txt_referral_id': product_referral_display.category[0].referral_id
};
_self.getDataArray(api, dataSendReferralId, function(output) {
callback(output);
});
} else {
callback(output);
}
},
getDataArray: function(api, dataSend, callback) {
GAEAPI.get(api, dataSend, $scope).then(function(output) {
callback(output);
});
},
getDataArrayOk: function(output, callback) {
var state = false;
if (output.ok == 1) {
state = true;
callback(output, state);
}
callback(output, state);
},
quantity: function(product_stock_track_type_id, product_total_stock, callback) {
var total_stock = 0;
/* if (product_total_stock == -1) {
total_stock = 20;
} else if (product_total_stock != -1 && product_total_stock != 0) {
total_stock = product_total_stock;
} */
if (product_stock_track_type_id == "0") {
total_stock = 20;
} else if (product_stock_track_type_id == "1") {
if (product_total_stock > 0) {
total_stock = product_total_stock;
} else {
total_stock = 0;
}
}
callback(total_stock);
},
main: function() {
var _self = this;
$scope.dataArrayState = _self.stateData(true, false);
_self.getDataProductArray('product/id', function(output) {
_self.consoleLog("getDataProductArray : output : ", output.data);
_self.getDataArrayOk(output, function(output, state) {
if (state) {
_self.quantity(output.data.product_stock_track_type_id, output.data.product_total_stock, function(total_stock) {
$scope.dataProductBuy.quantity_max = (total_stock >= 5) ? 5 : total_stock;
_self.consoleLog("getDataProductArray : output : ", output.data);
$scope.dataArray = output.data;
$scope.dataProductBuy.price = output.data.product_price;
$scope.dataProductBuy.sumprice = output.data.product_price;
$scope.dataArrayState = _self.stateData(false, true);
_self.getNavigationBar(output.data.product_referral_display, 'referral/relation', function(output) {
_self.consoleLog("getNavigationBar : output : ", output.data);
$scope.navigationBar = output.data;
});
});
} else {
$scope.dataArrayState = _self.stateData(false, true);
}
});
});
}
}
return data;
};
$scope.getDataArray().main();
};
return promise;
});
_ui_share_app.directive('productDetailPageH', function ($rootScope, $routeParams, sliderProvider) {
var templateName = 'productDetailPageH';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
imgpath: '@imgpath',
id: '@id',
headerheight: '@headerheight',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function (scope, element, attr) {
};
promise.controller = function ($scope, $timeout, $interval, $window) {
$scope.forbidden = false;
$scope._config = [];
$scope._host = _ui_host + templateName + '/';
/*angular.element($window).bind('load',function(){
$('.video_container .video_display').click();
});*/
$scope.checkSeo = function(){
return (GURL.isHtml5Mode()) ? true : false;
};
$scope.titleUrl = function(str){
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--","-");
return s;
};
$scope._getPostIdFromURL = function(){
var test = $scope.id;
var a = $scope.id;
if(typeof $routeParams.product_id !== 'undefined'){
test = parseInt($routeParams.product_id);
a = $routeParams.product_id;
}
if(typeof test === 'number' && test > 0){
return test;
} else {
var b = a.split("-");
return b[0];
}
};
/* JQ: Scroll event */
angular.element($window).bind('scroll',function(){
if(!$scope.data){
return;
}
var curPos = ($(document).scrollTop());
var properHeight = ($('.img_cover').height() * ($('.img_cover').length - 1));
console.debug("Cur pos", curPos, properHeight);
if(curPos > properHeight){
angular.element('.block-background .bottom-info').addClass('unactive');
if($(window).width() > 991){
angular.element('.bottom-buy-overlay').addClass('unactive');
}
} else {
angular.element('.block-background .bottom-info').removeClass('unactive');
if($(window).width() > 991){
angular.element('.bottom-buy-overlay').removeClass('unactive');
}
}
});
/* UNIQUE KEY */
$scope._uniqueKey = '';
$scope._key = function () {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
/* Slider Send */
$scope.data = false;
$scope.dataPreserve = false;
/* Get product id from url or from component */
$scope._getPostIdFromURL = function(){
var test = $scope.id;
var a = $scope.id;
if(typeof $routeParams.product_id !== 'undefined'){
test = parseInt($routeParams.product_id);
a = $routeParams.product_id;
}
if(typeof test === 'number' && test > 0){
return test;
} else {
var b = a.split("-");
return b[0];
}
};
/* Get data by product id */
GAEAPI.get('product/id',{'txt_product_id':$scope._getPostIdFromURL()}).then(function(e){
if(e.ok == 1){
$scope.data = e.data;
$scope.dataPreserve = e.data;
$scope.buildVariantOption(e.data);
/*$scope.buildDataProductRelate($scope._getPostIdFromURL());*/
}
});
$scope.dataRelate = [];
$scope.buildDataProductRelate = function(product_id){
var j = {'relate_product_id_array':[product_id],'badge_id_array':[18]};
var d = {
'cur_page': 1,
'per_page': 4,
'txt_filter_json': JSON.stringify(j)
};
GAEAPI.get('product/lists',d).then(function(e){
if(e.ok == 1){
$scope.dataRelate = e.data.dataList;
console.log("dataRelate",$scope.dataRelate);
}
});
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData){
if(objectData.product_total_variant <= 0){
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
/*$scope.makeVariantsClick();*/
};
$scope.dataVariantsPick = [];
$scope.onSelectVariantItems = function($index, option_id){
console.log("onSelectVariantItems:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
if($scope.dataVariantsPick.length >= $scope.dataOption.length){
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope.findVariantsData = function(variantsPick){
function compareArray(array_a, array) {
if (!array)
return false;
if (array_a.length != array.length)
return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i]))
return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
for(var i = 0; i < dataVariants.length; i++){
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if(compareArray(variantsPick,optionJson)){
$scope.data.product_id = dataVariants[i].product_id;
$scope.data.product_sku = dataVariants[i].sku;
$scope.data.product_price = dataVariants[i].price;
$scope.data.product_compare_price = dataVariants[i].compare_price;
break;
}
}
};
$scope.makeVariantsClick = function(){
var s = $timeout(function(){
$timeout.cancel(s);
$('select.variantSelector').each(function(idx,obj){
var optionElementFirst = $(this).find('option[data-index="'+idx+'"]').eq(0);
optionElementFirst.prop("selected",true);
$scope.onSelectVariantItems(optionElementFirst.attr('data-index'), optionElementFirst.attr('data-option'));
});
}, 2000);
};
$scope.checkColorConfig = function(){
return ($('config-color').length) ? true : false;
};
$scope._makeProductToCarousel = function () {
var elementName = '[data-key="' + $scope._uniqueKey + '"]';
var optionsParmas = {
autoplay: (window.location.host !== 'localhost') ? true : false,
slidesToShow: 1,
slidesToScroll: 1,
dots: false,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
};
return sliderProvider(elementName, optionsParmas, $scope.type, $scope._uniqueKey);
};
$scope._slickGoLeft = function () {
$timeout(function () {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function () {
$timeout(function () {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
$rootScope.$on('repeatend', function() {
if($('[data-key="'+$scope._uniqueKey+'"]').not('.slick-initialized')){
$timeout(function(){
$scope._makeProductToCarousel();
}, 500);
}
});
$scope.qty_original=1;
$scope.qty_current=1;
$scope.qty_change = function(i){
$scope.qty_current = i;
console.log("qty_current", i);
};
};
return promise;
});
_ui_share_app.directive('productDetailPageHub', function($rootScope, $routeParams, $location, sliderProvider) {
var templateName = 'productDetailPageHub';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
name: '@name',
icon: '@icon',
stylebutton: '@stylebutton'
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.navigationBar = [];
$scope.dataArray = [];
$scope.dataArrayTags = [];
$scope.dataArrayState = {
load: false,
done: false
};
$scope.dataProductBuy = {
inputQuantity: 1,
quantity: 1,
price: 0,
sumprice: 0,
quantity_min: 0,
quantity_max: 0,
result_price: 0
};
$scope.showTab = {
activeTab: 'description',
dataTab: [{
state: true,
en: 'description',
th: 'รายละเอียดสินค้า',
data: ''
}, {
state: true,
en: 'info',
th: 'วิธีการชำระเงินและวิธีการจัดส่ง',
data: ''
}]
};
$scope.attribute = {
state: false,
attributeOption: [],
variants: 'description',
variantsPick: [],
dataVariants: [],
variantsTotal: 0
};
$scope.buy = {
state: false,
attribute: false
};
$scope.processBuy = function() {
var functionIn = {
consoleLog: function(name, data) {
console.log(name, data);
},
onClickFalse: function() {
if ($scope.attribute.variantsTotal != 0) {
$scope.buy.attribute = true;
}
}
}
return functionIn;
};
$scope.attributeOption = function() {
var functionIn = {
consoleLog: function(name, data) {
console.log("productDetailPageHub : ", name, data);
},
checkVariantsPick: function(variantsPick) {
if (variantsPick.length != 0) {
var state = 0;
for (var i = 0; i < variantsPick.length; i++) {
if (variantsPick[i] == "") {
state = state + 1;
}
}
if (state == 0) {
return true
} else {
return false
}
} else {
return false
}
},
compareArray: function(attributeOption, optionJson) {
if (!optionJson) return false;
if (attributeOption.length != optionJson.length) return false;
for (var i = 0, l = attributeOption.length; i < l; i++) {
if (attributeOption[i] instanceof Array && optionJson[i] instanceof Array) {
if (!compareArray(attributeOption[i], optionJson[i])) return false;
} else if (attributeOption[i] != optionJson[i]) {
return false;
}
}
return true;
},
checkAttributeOption: function(attributeOption, attributeOptionLength, callback) {
var _self = this;
var attribute = (attributeOption.length == attributeOptionLength) ? true : false;
for (var i = 0; i < attributeOption.length; i++) {
_self.consoleLog("checkAttributeOption : attributeOption[i] : ", attributeOption[i]);
if (attributeOption[i] == undefined) {
attribute = false;
}
}
callback(attribute);
},
findVariantsData: function(attributeOption, dataVariants, attributeOptionLength, callback) {
var _self = this;
_self.consoleLog("findVariantsData : attributeOption : ", attributeOption);
_self.consoleLog("findVariantsData : dataVariants : ", dataVariants);
_self.consoleLog("findVariantsData : attributeOptionLength : ", attributeOptionLength);
_self.checkAttributeOption(attributeOption, attributeOptionLength, function(res_attribute_option) {
_self.consoleLog("checkAttributeOption : callback : res_attribute_option ", res_attribute_option);
var variantsOut = [];
for (var i = 0; i < dataVariants.length; i++) {
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if (_self.compareArray(attributeOption, optionJson)) {
_self.consoleLog("findVariantsData : dataVariants[i] : ", dataVariants[i]);
variantsOut = dataVariants[i];
break;
}
}
callback(variantsOut, res_attribute_option);
});
},
checkOption: function(variants_total, callback) {
var state = true;
if (variants_total == 0) {
state = false;
}
callback(state);
},
checkTotalStock: function(stateIn, quantity_max, callback) {
var _self = this;
var state = true;
_self.consoleLog("checkTotalStock : index : ", stateIn);
_self.consoleLog("checkTotalStock : quantity_max : ", quantity_max);
if (stateIn == false && quantity_max > 0) {
state = false;
}
callback(state);
},
onClickOption: function($index, option_id) {
var _self = this;
_self.consoleLog("onClickOption : index : ", $index);
_self.consoleLog("onClickOption : option_id : ", option_id);
$scope.attribute.variantsPick[$index] = option_id;
_self.consoleLog("onClickOption : $scope.attribute.variantsPick[$index] : ", $scope.attribute.variantsPick[$index]);
if ($scope.attribute.attributeOption.length >= $scope.attribute.variantsPick.length) {
if (_self.checkVariantsPick($scope.attribute.variantsPick)) {
_self.consoleLog("onClickOption : if : $scope.attribute.attributeOption.length : ", $scope.attribute.attributeOption.length);
_self.consoleLog("onClickOption : if : $scope.attribute.variantsPick.length : ", $scope.attribute.variantsPick.length);
_self.findVariantsData($scope.attribute.variantsPick, $scope.attribute.dataVariants, $scope.attribute.attributeOption.length, function(variantsOut, res_attribute_option) {
_self.consoleLog("onClickOption : if : findVariantsData : variantsOut : ", variantsOut);
_self.consoleLog("onClickOption : if : findVariantsData : res_attribute_option : ", res_attribute_option);
if (variantsOut.length != 0 && res_attribute_option) {
$scope.dataArray.product_id = variantsOut.product_id;
$scope.dataArray.product_sku = variantsOut.sku;
$scope.dataProductBuy.price = variantsOut.price;
$scope.dataArray.product_compare_price = variantsOut.compare_price;
$scope.dataProductBuy.quantity_max = variantsOut.total_stock;
if (variantsOut.variant_image != 0) {
if ($scope.dataArray.product_image.length != 0) {
for (var i = 0; i < $scope.dataArray.product_image.length; i++) {
$scope.dataArray.product_image[i].image_id
if ($scope.dataArray.product_image[i].image_id == variantsOut.variant_image[0].image_id) {
$scope.slickImageGoto(i);
}
}
}
}
_self.checkOption($scope.attribute.variantsTotal, function(state) {
_self.checkTotalStock(state, variantsOut.total_stock, function(state) {
$scope.buy.state = state;
if ($scope.attribute.variantsTotal != 0) {
$scope.buy.attribute = true;
}
});
});
} else if (variantsOut.length == 0 && res_attribute_option) {
$scope.dataArray.product_id = 0;
$scope.dataArray.product_sku = '';
$scope.dataProductBuy.price = 0;
$scope.dataArray.product_compare_price = 0;
$scope.dataProductBuy.quantity_max = 1;
$scope.buy.state = true;
$scope.buy.attribute = true;
}
$scope.quantity().input();
});
}
}
}
}
return functionIn;
};
$scope.quantity = function() {
var quantity = {
upDatePrice: function() {
$scope.dataProductBuy.sumprice = $scope.dataProductBuy.price * $scope.dataProductBuy.quantity;
},
input: function() {
var _self = this;
if ($scope.dataProductBuy.inputQuantity > 0) {
if ($scope.dataProductBuy.inputQuantity <= $scope.dataProductBuy.quantity_max) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.inputQuantity;
} else {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity_max;
$scope.dataProductBuy.inputQuantity = $scope.dataProductBuy.quantity_max;
}
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
} else {
console.log("quantity : input : ", $scope.dataProductBuy.inputQuantity);
if ($scope.dataProductBuy.inputQuantity <= 0) {
$scope.dataProductBuy.quantity = 1;
} else {
$scope.dataProductBuy.inputQuantity = 1;
$scope.dataProductBuy.quantity = 1;
}
/* $scope.dataProductBuy.quantity = 1;
$scope.dataProductBuy.inputQuantity = 1; */
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
}
},
minus: function() {
var _self = this;
if (($scope.dataProductBuy.quantity - 1) != $scope.dataProductBuy.quantity_min) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity - 1;
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
}
},
plus: function() {
var _self = this;
if (($scope.dataProductBuy.quantity + 1) <= $scope.dataProductBuy.quantity_max) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity + 1;
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
}
}
}
return quantity;
};
$scope.carouselId = '';
$scope.slickCarouselId = function() {
if ($scope.carouselId == '') {
$scope.carouselId = Math.floor((Math.random() * 9999) + 1000);
return $scope.carouselId;
} else {
return $scope.carouselId;
}
};
$scope.slickImageGoto = function(idx) {
setTimeout(function() {
$('[data-key="' + $scope.carouselId + '"]').slick('slickGoTo', idx);
}, 100);
};
$scope.imageCarousel = function(cover_in, carousel_in) {
$(cover_in).css('height', '0');
$(cover_in).css('opacity', '0');
setTimeout(function() {
var carousel = $(carousel_in);
carousel.not('.slick-initialized').slick({
dots: true,
arrows: true,
autoplay: false,
autoplaySpeed: 4000,
infinite: true,
prevArrow: '',
nextArrow: '',
speed: 600,
}).closest('section').addClass('active');
$(cover_in).css('height', 'auto');
$(cover_in).css('opacity', '1');
}, 100);
};
$scope.getDataArray = function() {
var data = {
consoleLog: function(name, data) {
console.log('productDetailPageHub : ', name, data);
},
stateData: function(loadIn, doneIn) {
var state = {
load: loadIn,
done: doneIn
};
return state;
},
getProductId: function(callback) {
var params = $routeParams;
var product_id = params.product_id.split("-", 1).join("");
callback(product_id)
},
getDataProductArray: function(api, callback) {
var _self = this;
var output = [];
_self.getProductId(function(product_id) {
var dataSendProductId = {
'txt_product_id': product_id
};
_self.getDataArray(api, dataSendProductId, function(output) {
callback(output);
});
});
},
getNavigationBar: function(product_referral_display, api, callback) {
var _self = this;
var output = [];
_self.consoleLog("product_referral_display : ", product_referral_display);
if (product_referral_display.category.length != 0) {
var dataSendReferralId = {
'txt_referral_id': product_referral_display.category[0].referral_id
};
_self.getDataArray(api, dataSendReferralId, function(output) {
callback(output);
});
} else {
callback(output);
}
},
getDataArray: function(api, dataSend, callback) {
GAEAPI.get(api, dataSend, $scope).then(function(output) {
callback(output);
});
},
getQuantityBreak: function(api, callback) {
var _self = this;
_self.getProductId(function(product_id) {
var customerId = 0;
if (UiCustomerBox.delegate.get.isLogin()) {
customerId = parseInt(UiCustomerBox.delegate.get.me().customer_id);
}
var dataSendQuantityBreak = {
'txt_product_id': product_id,
'txt_customer_id': customerId
};
var quantity_break = [];
_self.getDataArray(api, dataSendQuantityBreak, function(output) {
if (output.ok == 1) {
quantity_break = output.data.quantity_break;
callback(quantity_break);
}
callback(quantity_break);
});
});
},
quantity: function(product_total_stock, callback) {
var total_stock = 0;
if (product_total_stock == -1) {
total_stock = 20;
} else if (product_total_stock != -1 && product_total_stock != 0) {
total_stock = product_total_stock;
}
callback(total_stock);
},
quantityBreaks: function() {
var _self = this;
var productQuantityBreak = GAEAPI.getValueForKey($scope.dataArray, "product_quantity_break", []);
var quantityBreak = GAEAPI.getValueForKey(productQuantityBreak, "quantity_break", []);
var product_price = GAEAPI.getValueForKey($scope.data, "product_price", 0);
for (var index in quantityBreak) {
var rowData = quantityBreak[index];
var amount_end = parseInt(GAEAPI.getValueForKey(rowData, "amount_end", 0));
var unit_price = parseInt(GAEAPI.getValueForKey(rowData, "unit_price", 0));
if ($scope.dataProductBuy.quantity >= amount_end) {
$scope.dataProductBuy.result_price = unit_price;
}
}
},
showTab: function(input, callback) {
var description = input.product_description;
var info = input.product_more_info;
var state_info = (input.product_is_more_info == 1) ? true : false;
callback(description, info, state_info);
},
productTab: function(product_tags, callback) {
var _self = this;
_self.consoleLog("productTab : product_tags : ", product_tags);
var productTab = [];
if (product_tags != undefined) {
if (product_tags != "") {
productTab = product_tags.split(",");
callback(productTab);
} else {
callback(productTab);
}
} else {
callback(productTab);
}
},
getAttribute: function(input, callback) {
var _self = this;
var attribute = [];
var variants = [];
var variants_total = 0;
_self.consoleLog("getAttribute : input : ", input);
if (input.product_attribute.option_data !== 'undefined' && input.product_total_variant > 0) {
_self.consoleLog("getAttribute : input.product_attribute.option_data : ", input.product_attribute.option_data);
_self.consoleLog("getAttribute : input.product_total_variant : ", input.product_total_variant);
if (input.product_attribute.option_data.pclass_array !== 'undefined' && input.product_attribute.option_data.pclass_array.length) {
_self.consoleLog("getAttribute : input.product_attribute.option_data.pclass_array : ", input.product_attribute.option_data.pclass_array);
_self.consoleLog("getAttribute : input.product_attribute.option_data.pclass_array.length : ", input.product_attribute.option_data.pclass_array.length);
attribute = input.product_attribute.option_data.pclass_array;
variants = input.product_attribute.option_data.variant_array;
variants_total = input.product_total_variant;
}
}
callback(variants_total, attribute, variants);
},
checkOption: function(variants_total, callback) {
var state = true;
if (variants_total == 0) {
state = false;
}
callback(state);
},
checkTotalStock: function(stateIn, quantity_max, callback) {
var state = true;
if (stateIn == true && quantity_max > 0) {
state = false;
}
callback(state);
},
getRouteParams: function(callback) {
var params = $routeParams;
callback(params);
},
stateData: function(loadIn, doneIn) {
var _self = this;
_self.consoleLog("getData : ", "------- stateData -------");
_self.consoleLog("getData : loadIn : ", loadIn);
_self.consoleLog("getData : doneIn : ", doneIn);
_self.consoleLog("getData : ", "------- stateData -------");
var state = {
load: loadIn,
done: doneIn
};
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("getData : ", "------- dataSend -------");
_self.consoleLog("getData : api : ", api);
_self.consoleLog("getData : dataSend : ", dataSend);
_self.consoleLog("getData : ", "------- dataSend -------");
callback(api, dataSend);
},
getApi: function(api, dataSend, callback) {
var _self = this;
GAEAPI.get(api, dataSend, $scope).then(function(output) {
_self.consoleLog("getData : ", "------- getApi -------");
_self.consoleLog("getData : api : ", api);
_self.consoleLog("getData : dataSend : ", dataSend);
_self.consoleLog("getData : output : ", output);
_self.consoleLog("getData : ", "------- getApi -------");
callback(output);
});
},
checkPriceMin: function(variant, callback) {
var _self = this;
var priceMin = parseFloat(variant[0].price);
var comparePriceMin = parseFloat(variant[0].compare_price);
for (var i = 0; i < variant.length; i++) {
_self.consoleLog('checkPriceMin : priceMin : ', priceMin);
_self.consoleLog('checkPriceMin : variant[i].price : ', variant[i].price);
if (priceMin >= parseFloat(variant[i].price)) {
priceMin = parseFloat(variant[i].price);
comparePriceMin = parseFloat(variant[i].compare_price);
}
}
callback(priceMin, comparePriceMin);
},
main: function() {
var _self = this;
$scope.slickCarouselId();
$scope.dataArrayState = _self.stateData(true, false);
_self.getDataProductArray('product/id', function(output) {
if (output.data.length != 0) {
_self.consoleLog(" : output : ", output.data);
_self.quantity(output.data.product_total_stock, function(total_stock) {
_self.consoleLog("quantity : total_stock : ", total_stock);
$scope.dataProductBuy.quantity_max = total_stock;
$scope.dataArray = output.data;
_self.productTab(output.data.product_tags, function(productTab) {
$scope.dataArrayTags = productTab;
_self.showTab(output.data, function(description, info, state_info) {
$scope.showTab.dataTab[0].data = description;
$scope.showTab.dataTab[1].data = info;
$scope.showTab.dataTab[1].state = state_info;
});
_self.getAttribute(output.data, function(variants_total, attribute, variants) {
_self.consoleLog("getAttribute : variants_total : ", variants_total);
_self.consoleLog("getAttribute : attribute : ", attribute);
_self.consoleLog("getAttribute : variants : ", variants);
_self.checkOption(variants_total, function(state) {
_self.checkTotalStock(state, total_stock, function(state) {
$scope.buy.state = state;
$scope.attribute.attributeOption = attribute;
$scope.attribute.dataVariants = variants;
$scope.attribute.variantsTotal = variants_total;
if (variants_total > 0) {
_self.checkPriceMin(variants, function(res_price, res_compare_price) {
$scope.dataProductBuy.price = res_price;
$scope.dataProductBuy.sumprice = res_price;
$scope.dataArray.product_compare_price = res_compare_price;
});
} else {
$scope.dataProductBuy.price = output.data.product_price;
$scope.dataProductBuy.sumprice = output.data.product_price;
}
});
});
});
_self.getQuantityBreak('product/quantity_break', function(quantity_break) {
_self.consoleLog("getQuantityBreak : output : ", quantity_break);
$scope.dataArray.product_quantity_break.quantity_break = quantity_break;
if (quantity_break.length) {
$scope.dataProductBuy.result_price = quantity_break[0].unit_price;
}
});
_self.getNavigationBar(output.data.product_referral_display, 'referral/relation', function(output) {
_self.consoleLog("getNavigationBar : output : ", output.data);
$scope.navigationBar = output.data;
$scope.dataArrayState = _self.stateData(false, true);
});
});
});
} else {
window.history.back();
}
});
}
}
return data;
};
$scope.getDataArray().main();
$scope.tab_id = 0;
$scope.tabId = function(id) {
$scope.tab_id = id;
};
$scope.routeParams = function() {
return $routeParams || false;
};
$scope.categoriesData = $scope.routeParams().referral_id || '';
$scope.setDataCategories = function(input) {
$scope.categoriesData = input;
var page = "category-lists";
if (typeof $scope.categoriesData != 'undefined' && $scope.categoriesData !== "") {
page += '?root_id=' + '0';
page += '&referral_id=' + $scope.categoriesData;
} else {
delete $scope.categoriesDat;
}
$location.url(page).replace();
};
$scope.checkPrice = function(price) {
var check_price = 0;
var _price = (price != undefined && price != "" && price != null) ? price.toString() : "0";
if (_price.includes(".")) {
check_price = 2;
}
return check_price;
};
};
return promise;
});_ui_share_app.directive('productDetailPageI', function ($rootScope, $routeParams, sliderProvider, $http) {
var templateName = 'productDetailPageI';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
imgpath: '@imgpath',
id: '@id',
background:'@background',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function (scope, element, attr) {
};
promise.controller = function ($scope, $timeout, $interval, $window) {
$scope.forbidden = false;
$scope._config = [];
$scope._host = _ui_host + templateName + '/';
$scope.data = false;
$scope.dataPreserve = false;
$scope._getPostIdFromURL = function(){
var test = $scope.id;
var a = $scope.id;
if(typeof $routeParams.product_id !== 'undefined'){
test = parseInt($routeParams.product_id);
a = $routeParams.product_id;
}
if(typeof test === 'number' && test > 0){
return test;
} else {
var b = a.split("-");
return b[0];
}
};
if(CUR_THEME.data.shop_id == "395"){
var req = {
url:"https://gaedemo101.getappeasy.com/store/api/v1/product/id?txt_product_id="+$scope._getPostIdFromURL(),
method: "GET",
};
$http(req).then(function(res){
if(res.data.ok == 1){
var e = res.data;
$scope.data = e.data;
$scope.dataPreserve = e.data;
$scope.buildVariantOption(e.data);
$scope.buildDataProductRelate($scope.id);
}
});
} else {
GAEAPI.get('product/id',{'txt_product_id':$scope._getPostIdFromURL()}).then(function(e){
if(e.ok == 1){
$scope.data = e.data;
$scope.dataPreserve = e.data;
$scope.buildVariantOption(e.data);
$scope.buildDataProductRelate($scope._getPostIdFromURL());
}
});
}
$scope.dataRelate = [];
$scope.buildDataProductRelate = function(product_id){
var j = {'relate_product_id_array':[product_id],'badge_id_array':[18]};
var d = {
'cur_page': 1,
'per_page': 6,
'txt_filter_json': JSON.stringify(j)
};
GAEAPI.get('product/lists',d).then(function(e){
if(e.ok == 1){
$scope.dataRelate = e.data.dataList;
console.log("dataRelate",$scope.dataRelate);
}
});
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData){
if(objectData.product_total_variant <= 0){
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
/*$scope.makeVariantsClick();*/
};
$scope.dataVariantsPick = [];
$scope.onSelectVariantItems = function($index, option_id){
if($index == 0 && option_id == ''){
return GAEAPI.get('product/id',{'txt_product_id':$scope._getPostIdFromURL()}).then(function(e){
if(e.ok == 1){
$scope.data = e.data;
$scope.dataPreserve = e.data;
}
});
} else {
$scope.dataVariantsPick[$index] = option_id;
if($scope.dataVariantsPick.length >= $scope.dataOption.length){
$scope.findVariantsData($scope.dataVariantsPick);
}
}
};
$scope.findVariantsData = function(variantsPick){
function compareArray(array_a, array) {
if (!array)
return false;
if (array_a.length != array.length)
return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i]))
return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
for(var i = 0; i < dataVariants.length; i++){
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if(compareArray(variantsPick,optionJson)){
$scope.data.product_sku = dataVariants[i].sku;
$scope.data.product_price = dataVariants[i].price;
$scope.data.product_compare_price = dataVariants[i].compare_price;
break;
}
}
console.log("onSelectVariantItems: Yes", $scope.dataPreserve);
};
$rootScope.$on('repeatend',function(){
/* Slider Send */
var optionsParmas = {
autoplay:true,
slidesToShow:1,
slidesToScroll:1,
dots:false,
arrows:false,
infinite:true
};
var extraOptions = {
animate: false
};
$timeout(function(){
sliderProvider("#gallery_slider", optionsParmas, "", "", extraOptions);
},500);
});
/* Slick Events */
$scope._slickGoLeft = function () {
setTimeout(function () {
$('#gallery_slider').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function () {
setTimeout(function () {
$('#gallery_slider').slick('slickNext');
}, 100);
};
/* Click SLick Item */
$scope.slickGoto = function (idx) {
setTimeout(function () {
$('#gallery_slider').slick('slickGoTo', idx);
}, 100);
};
/* Calcu Nav Arrows */
$scope.navArrowsCalculate=function(){
var size = (500 / 2);
var n = (size + 18) + 20;
return '-' + n + 'px';
};
$scope.navArrowWidth = function(){
return $('#gallery_slider').width() + 'px';
};
};
return promise;
});
_ui_share_app.directive('productDetailPageInfo', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'productDetailPageInfo';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
name: '@name',
icon: '@icon',
stylebutton: '@stylebutton'
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window, $location) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.navigationBar = [];
$scope.dataArray = [];
$scope.dataArrayTags = [];
$scope.dataArrayState = {
load: false,
done: false
};
$scope.dataProductBuy = {
inputQuantity: 1,
quantity: 1,
price: 0,
sumprice: 0,
quantity_min: 0,
quantity_max: 0,
result_price: 0
};
$scope.showTab = {
activeTab: 'description',
dataTab: [{
en: 'description',
th: 'รายละเอียดสินค้า',
data: ''
}, {
en: 'info',
th: 'วิธีการชำระเงินและวิธีการจัดส่ง',
data: ''
}]
};
$scope.attribute = {
state: false,
attributeOption: [],
variants: 'description',
variantsPick: [],
dataVariants: [],
variantsTotal: 0
};
$scope.buy = {
state: false,
attribute: false
};
$scope.processBuy = function() {
var functionIn = {
consoleLog: function(name, data) {
console.log(name, data);
},
onClickFalse: function() {
if ($scope.attribute.variantsTotal != 0) {
$scope.buy.attribute = true;
}
}
}
return functionIn;
};
$scope.attributeOption = function() {
var functionIn = {
consoleLog: function(name, data) {
console.log("productDetailPageMaeju : ", name, data);
},
checkVariantsPick: function(variantsPick) {
if (variantsPick.length != 0) {
var state = 0;
for (var i = 0; i < variantsPick.length; i++) {
if (variantsPick[i] == "") {
state = state + 1;
}
}
if (state == 0) {
return true
} else {
return false
}
} else {
return false
}
},
compareArray: function(attributeOption, optionJson) {
if (!optionJson) return false;
if (attributeOption.length != optionJson.length) return false;
for (var i = 0, l = attributeOption.length; i < l; i++) {
if (attributeOption[i] instanceof Array && optionJson[i] instanceof Array) {
if (!compareArray(attributeOption[i], optionJson[i])) return false;
} else if (attributeOption[i] != optionJson[i]) {
return false;
}
}
return true;
},
checkAttributeOption: function(attributeOption, attributeOptionLength, callback) {
var _self = this;
var attribute = (attributeOption.length == attributeOptionLength) ? true : false;
for (var i = 0; i < attributeOption.length; i++) {
_self.consoleLog("checkAttributeOption : attributeOption[i] : ", attributeOption[i]);
if (attributeOption[i] == undefined) {
attribute = false;
}
}
callback(attribute);
},
findVariantsData: function(attributeOption, dataVariants, attributeOptionLength, callback) {
var _self = this;
_self.consoleLog("findVariantsData : attributeOption : ", attributeOption);
_self.consoleLog("findVariantsData : dataVariants : ", dataVariants);
_self.consoleLog("findVariantsData : attributeOptionLength : ", attributeOptionLength);
_self.checkAttributeOption(attributeOption, attributeOptionLength, function(res_attribute_option) {
_self.consoleLog("checkAttributeOption : callback : res_attribute_option ", res_attribute_option);
var variantsOut = [];
for (var i = 0; i < dataVariants.length; i++) {
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if (_self.compareArray(attributeOption, optionJson)) {
_self.consoleLog("findVariantsData : dataVariants[i] : ", dataVariants[i]);
variantsOut = dataVariants[i];
break;
}
}
callback(variantsOut, res_attribute_option);
});
},
checkOption: function(variants_total, callback) {
var state = true;
if (variants_total == 0) {
state = false;
}
callback(state);
},
checkTotalStock: function(stateIn, quantity_max, callback) {
var _self = this;
var state = true;
_self.consoleLog("checkTotalStock : index : ", stateIn);
_self.consoleLog("checkTotalStock : quantity_max : ", quantity_max);
if (stateIn == false && quantity_max > 0) {
state = false;
}
callback(state);
},
onClickOption: function($index, option_id) {
var _self = this;
_self.consoleLog("onClickOption : index : ", $index);
_self.consoleLog("onClickOption : option_id : ", option_id);
$scope.attribute.variantsPick[$index] = option_id;
_self.consoleLog("onClickOption : $scope.attribute.variantsPick[$index] : ", $scope.attribute.variantsPick[$index]);
if ($scope.attribute.attributeOption.length >= $scope.attribute.variantsPick.length) {
if (_self.checkVariantsPick($scope.attribute.variantsPick)) {
_self.consoleLog("onClickOption : if : $scope.attribute.attributeOption.length : ", $scope.attribute.attributeOption.length);
_self.consoleLog("onClickOption : if : $scope.attribute.variantsPick.length : ", $scope.attribute.variantsPick.length);
_self.findVariantsData($scope.attribute.variantsPick, $scope.attribute.dataVariants, $scope.attribute.attributeOption.length, function(variantsOut, res_attribute_option) {
_self.consoleLog("onClickOption : if : findVariantsData : variantsOut : ", variantsOut);
_self.consoleLog("onClickOption : if : findVariantsData : res_attribute_option : ", res_attribute_option);
if (variantsOut.length != 0 && res_attribute_option) {
$scope.dataArray.product_id = variantsOut.product_id;
$scope.dataArray.product_sku = variantsOut.sku;
$scope.dataProductBuy.price = variantsOut.price;
$scope.dataArray.product_compare_price = variantsOut.compare_price;
$scope.dataProductBuy.quantity_max = variantsOut.total_stock;
if (variantsOut.variant_image != 0) {
if ($scope.dataArray.product_image.length != 0) {
for (var i = 0; i < $scope.dataArray.product_image.length; i++) {
$scope.dataArray.product_image[i].image_id
if ($scope.dataArray.product_image[i].image_id == variantsOut.variant_image[0].image_id) {
$scope.slickImageGoto(i);
}
}
}
}
_self.checkOption($scope.attribute.variantsTotal, function(state) {
_self.checkTotalStock(state, variantsOut.total_stock, function(state) {
$scope.buy.state = state;
if ($scope.attribute.variantsTotal != 0) {
$scope.buy.attribute = true;
}
});
});
} else if (variantsOut.length == 0 && res_attribute_option) {
$scope.dataArray.product_id = 0;
$scope.dataArray.product_sku = '';
$scope.dataProductBuy.price = 0;
$scope.dataArray.product_compare_price = 0;
$scope.dataProductBuy.quantity_max = 1;
$scope.buy.state = true;
$scope.buy.attribute = true;
}
$scope.quantity().input();
});
}
}
}
}
return functionIn;
};
$scope.quantity = function() {
var quantity = {
upDatePrice: function() {
$scope.dataProductBuy.sumprice = $scope.dataProductBuy.price * $scope.dataProductBuy.quantity;
},
input: function() {
var _self = this;
if ($scope.dataProductBuy.inputQuantity > 0) {
if ($scope.dataProductBuy.inputQuantity <= $scope.dataProductBuy.quantity_max) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.inputQuantity;
} else {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity_max;
$scope.dataProductBuy.inputQuantity = $scope.dataProductBuy.quantity_max;
}
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
} else {
console.log("quantity : input : ", $scope.dataProductBuy.inputQuantity);
if ($scope.dataProductBuy.inputQuantity <= 0) {
$scope.dataProductBuy.quantity = 1;
} else {
$scope.dataProductBuy.inputQuantity = 1;
$scope.dataProductBuy.quantity = 1;
}
/* $scope.dataProductBuy.quantity = 1;
$scope.dataProductBuy.inputQuantity = 1; */
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
}
},
minus: function() {
var _self = this;
if (($scope.dataProductBuy.quantity - 1) != $scope.dataProductBuy.quantity_min) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity - 1;
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
}
},
plus: function() {
var _self = this;
if (($scope.dataProductBuy.quantity + 1) <= $scope.dataProductBuy.quantity_max) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity + 1;
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
}
}
}
return quantity;
};
$scope.carouselId = '';
$scope.slickCarouselId = function() {
if ($scope.carouselId == '') {
$scope.carouselId = Math.floor((Math.random() * 9999) + 1000);
return $scope.carouselId;
} else {
return $scope.carouselId;
}
};
$scope.slickImageGoto = function(idx) {
setTimeout(function() {
$('[data-key="' + $scope.carouselId + '"]').slick('slickGoTo', idx);
}, 100);
};
$scope.imageCarousel = function(cover_in, carousel_in) {
$(cover_in).css('height', '0');
$(cover_in).css('opacity', '0');
setTimeout(function() {
var carousel = $(carousel_in);
carousel.not('.slick-initialized').slick({
dots: true,
arrows: true,
autoplay: false,
autoplaySpeed: 4000,
infinite: true,
prevArrow: '',
nextArrow: '',
speed: 600,
}).closest('section').addClass('active');
$(cover_in).css('height', 'auto');
$(cover_in).css('opacity', '1');
}, 100);
};
$scope.getDataArray = function() {
var data = {
consoleLog: function(name, data) {
console.log('productDetailPageMaeju : ', name, data);
},
stateData: function(loadIn, doneIn) {
var state = {
load: loadIn,
done: doneIn
};
return state;
},
getProductId: function(callback) {
var params = $routeParams;
var product_id = params.product_id.split("-", 1).join("");
callback(product_id)
},
getDataProductArray: function(api, callback) {
var _self = this;
var output = [];
_self.getProductId(function(product_id) {
var dataSendProductId = {
'txt_product_id': product_id
};
_self.getDataArray(api, dataSendProductId, function(output) {
callback(output);
});
});
},
getNavigationBar: function(product_referral_display, api, callback) {
var _self = this;
var output = [];
_self.consoleLog("product_referral_display : ", product_referral_display);
if (product_referral_display.category.length != 0) {
var dataSendReferralId = {
'txt_referral_id': product_referral_display.category[0].referral_id
};
_self.getDataArray(api, dataSendReferralId, function(output) {
callback(output);
});
} else {
callback(output);
}
},
getDataArray: function(api, dataSend, callback) {
GAEAPI.get(api, dataSend, $scope).then(function(output) {
callback(output);
});
},
getQuantityBreak: function(api, callback) {
var _self = this;
_self.getProductId(function(product_id) {
var customerId = 0;
if (UiCustomerBox.delegate.get.isLogin()) {
customerId = parseInt(UiCustomerBox.delegate.get.me().customer_id);
}
var dataSendQuantityBreak = {
'txt_product_id': product_id,
'txt_customer_id': customerId
};
var quantity_break = [];
_self.getDataArray(api, dataSendQuantityBreak, function(output) {
if (output.ok == 1) {
quantity_break = output.data.quantity_break;
callback(quantity_break);
}
callback(quantity_break);
});
});
},
quantity: function(product_total_stock, callback) {
var total_stock = 0;
if (product_total_stock == -1) {
total_stock = 20;
} else if (product_total_stock != -1 && product_total_stock != 0) {
total_stock = product_total_stock;
}
callback(total_stock);
},
quantityBreaks: function() {
var _self = this;
var productQuantityBreak = GAEAPI.getValueForKey($scope.dataArray, "product_quantity_break", []);
var quantityBreak = GAEAPI.getValueForKey(productQuantityBreak, "quantity_break", []);
var product_price = GAEAPI.getValueForKey($scope.data, "product_price", 0);
for (var index in quantityBreak) {
var rowData = quantityBreak[index];
var amount_end = parseInt(GAEAPI.getValueForKey(rowData, "amount_end", 0));
var unit_price = parseInt(GAEAPI.getValueForKey(rowData, "unit_price", 0));
if ($scope.dataProductBuy.quantity >= amount_end) {
$scope.dataProductBuy.result_price = unit_price;
}
}
},
showTab: function(input, callback) {
var description = input.product_description;
var info = input.product_more_info;
callback(description, info);
},
productTab: function(product_tags, callback) {
var _self = this;
_self.consoleLog("productTab : product_tags : ", product_tags);
var productTab = [];
if (product_tags != undefined) {
if (product_tags != "") {
productTab = product_tags.split(",");
callback(productTab);
} else {
callback(productTab);
}
} else {
callback(productTab);
}
},
getAttribute: function(input, callback) {
var _self = this;
var attribute = [];
var variants = [];
var variants_total = 0;
_self.consoleLog("getAttribute : input : ", input);
if (input.product_attribute.option_data !== 'undefined' && input.product_total_variant > 0) {
_self.consoleLog("getAttribute : input.product_attribute.option_data : ", input.product_attribute.option_data);
_self.consoleLog("getAttribute : input.product_total_variant : ", input.product_total_variant);
if (input.product_attribute.option_data.pclass_array !== 'undefined' && input.product_attribute.option_data.pclass_array.length) {
_self.consoleLog("getAttribute : input.product_attribute.option_data.pclass_array : ", input.product_attribute.option_data.pclass_array);
_self.consoleLog("getAttribute : input.product_attribute.option_data.pclass_array.length : ", input.product_attribute.option_data.pclass_array.length);
attribute = input.product_attribute.option_data.pclass_array;
variants = input.product_attribute.option_data.variant_array;
variants_total = input.product_total_variant;
}
}
callback(variants_total, attribute, variants);
},
checkOption: function(variants_total, callback) {
var state = true;
if (variants_total == 0) {
state = false;
}
callback(state);
},
checkTotalStock: function(stateIn, quantity_max, callback) {
var state = true;
if (stateIn == true && quantity_max > 0) {
state = false;
}
callback(state);
},
getRouteParams: function(callback) {
var params = $routeParams;
callback(params);
},
stateData: function(loadIn, doneIn) {
var _self = this;
_self.consoleLog("getData : ", "------- stateData -------");
_self.consoleLog("getData : loadIn : ", loadIn);
_self.consoleLog("getData : doneIn : ", doneIn);
_self.consoleLog("getData : ", "------- stateData -------");
var state = {
load: loadIn,
done: doneIn
};
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("getData : ", "------- dataSend -------");
_self.consoleLog("getData : api : ", api);
_self.consoleLog("getData : dataSend : ", dataSend);
_self.consoleLog("getData : ", "------- dataSend -------");
callback(api, dataSend);
},
getApi: function(api, dataSend, callback) {
var _self = this;
GAEAPI.get(api, dataSend, $scope).then(function(output) {
_self.consoleLog("getData : ", "------- getApi -------");
_self.consoleLog("getData : api : ", api);
_self.consoleLog("getData : dataSend : ", dataSend);
_self.consoleLog("getData : output : ", output);
_self.consoleLog("getData : ", "------- getApi -------");
callback(output);
});
},
checkPriceMin: function(variant, callback) {
var _self = this;
var priceMin = parseFloat(variant[0].price);
var comparePriceMin = parseFloat(variant[0].compare_price);
for (var i = 0; i < variant.length; i++) {
_self.consoleLog('checkPriceMin : priceMin : ', priceMin);
_self.consoleLog('checkPriceMin : variant[i].price : ', variant[i].price);
if (priceMin >= parseFloat(variant[i].price)) {
priceMin = parseFloat(variant[i].price);
comparePriceMin = parseFloat(variant[i].compare_price);
}
}
callback(priceMin, comparePriceMin);
},
main: function() {
var _self = this;
$scope.slickCarouselId();
$scope.dataArrayState = _self.stateData(true, false);
_self.getDataProductArray('product/id', function(output) {
if (output.data.length != 0) {
_self.consoleLog(" : output : ", output.data);
_self.quantity(output.data.product_total_stock, function(total_stock) {
_self.consoleLog("quantity : total_stock : ", total_stock);
$scope.dataProductBuy.quantity_max = total_stock;
$scope.dataArray = output.data;
_self.productTab(output.data.product_tags, function(productTab) {
$scope.dataArrayTags = productTab;
_self.showTab(output.data, function(description, info) {
$scope.showTab.dataTab[0].data = description;
$scope.showTab.dataTab[1].data = info;
});
_self.getAttribute(output.data, function(variants_total, attribute, variants) {
_self.consoleLog("getAttribute : variants_total : ", variants_total);
_self.consoleLog("getAttribute : attribute : ", attribute);
_self.consoleLog("getAttribute : variants : ", variants);
_self.checkOption(variants_total, function(state) {
_self.checkTotalStock(state, total_stock, function(state) {
$scope.buy.state = state;
$scope.attribute.attributeOption = attribute;
$scope.attribute.dataVariants = variants;
$scope.attribute.variantsTotal = variants_total;
if (variants_total > 0) {
_self.checkPriceMin(variants, function(res_price, res_compare_price) {
$scope.dataProductBuy.price = res_price;
$scope.dataProductBuy.sumprice = res_price;
$scope.dataArray.product_compare_price = res_compare_price;
});
} else {
$scope.dataProductBuy.price = output.data.product_price;
$scope.dataProductBuy.sumprice = output.data.product_price;
}
});
});
});
_self.getQuantityBreak('product/quantity_break', function(quantity_break) {
_self.consoleLog("getQuantityBreak : output : ", quantity_break);
$scope.dataArray.product_quantity_break.quantity_break = quantity_break;
if (quantity_break.length) {
$scope.dataProductBuy.result_price = quantity_break[0].unit_price;
}
});
_self.getNavigationBar(output.data.product_referral_display, 'referral/relation', function(output) {
_self.consoleLog("getNavigationBar : output : ", output.data);
$scope.navigationBar = output.data;
$scope.dataArrayState = _self.stateData(false, true);
});
});
});
} else {
window.history.back();
}
});
}
}
return data;
};
$scope.getDataArray().main();
$scope.tab_id = 0;
$scope.tabId = function(id) {
$scope.tab_id = id;
};
$scope.routeParams = function() {
return $routeParams || false;
};
$scope.categoriesData = $scope.routeParams().referral_id || '';
$scope.setDataCategories = function(input) {
$scope.categoriesData = input;
var page = "category-lists";
if (typeof $scope.categoriesData != 'undefined' && $scope.categoriesData !== "") {
page += '?root_id=' + '0';
page += '&referral_id=' + $scope.categoriesData;
} else {
delete $scope.categoriesDat;
}
$location.url(page).replace();
};
$scope.checkPrice = function(price) {
var check_price = 0;
var _price = (price != undefined && price != "" && price != null) ? price.toString() : "0";
if (_price.includes(".")) {
check_price = 2;
}
return check_price;
};
};
return promise;
});
_ui_share_app.directive('productDetailPageK', function ($rootScope, $routeParams, sliderProvider) {
var templateName = 'productDetailPageK';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
name:'@name',
imgpath: '@imgpath',
id:'@id',
headerheight:'@headerheight',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function (scope, element, attr) {
};
promise.controller = function ($scope, $timeout, $interval, $window) {
$scope.forbidden = false;
$scope._config = [];
$scope._host = _ui_host + templateName + '/';
$scope.getWindowsFit = function(){
var h = (typeof $scope.headerheight !== 'udnefined' && $scope.headerheight != '') ? $scope.headerheight : 80;
var a = $(window).height() - 80;
return a;
};
$scope._getPostIdFromURL = function(){
var test = $scope.id;
var a = $scope.id;
if(typeof $routeParams.product_id !== 'undefined'){
test = parseInt($routeParams.product_id);
a = $routeParams.product_id;
}
if(typeof test === 'number' && test > 0){
return test;
} else {
var b = a.split("-");
return b[0];
}
};
angular.element($window).bind('scroll',function(){
var curPos = ($(document).scrollTop());
/*var properHeight = ($('.img_cover').height() * ($('.img_cover').length - 1));*/
var properHeight = $scope.getWindowsFit() * Math.abs(($('div.img_cover').length - 1));
console.log("Cur pos",curPos, properHeight);
if(curPos > properHeight){
angular.element('.block-background .bottom-info').addClass('unactive');
if($(window).width() > 991){
angular.element('.bottom-buy-overlay').addClass('unactive');
}
} else {
angular.element('.block-background .bottom-info').removeClass('unactive');
if($(window).width() > 991){
angular.element('.bottom-buy-overlay').removeClass('unactive');
}
}
});
/* UNIQUE KEY */
$scope._uniqueKey = '';
$scope._key = function () {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
/* Slider Send */
var optionsParmas = {
autoplay:true,
slidesToShow:1,
slidesToScroll:1,
dots:true,
arrows:false,
infinite:true
};
var extraOptions = {
animate: false
};
$timeout(function(){
sliderProvider("#gallery-slider-1", optionsParmas, "", $scope._uniqueKey, extraOptions);
},1000);
$scope.status_done = true;
if(CUR_THEME.data.shop_id == "395"){
var req = {
url:"https://gaedemo101.getappeasy.com/store/api/v1/product/id?txt_product_id="+$scope._getPostIdFromURL(),
method: "GET",
};
$http(req).then(function(res){
if(res.data.ok == 1){
var e = res.data;
$scope._data_product_id = e.data;
$scope.dataPreserve = e.data;
$scope.buildVariantOption(e.data);
$scope.buildDataProductRelate($scope.id);
}
});
} else {
$('.load-effect').addClass('is-active');
$scope.status_done = true;
GAEAPI.get('product/id',{'txt_product_id':$scope._getPostIdFromURL()}).then(function(e){
if(e.ok == 1){
setTimeout(function () {
$scope.status_done = false;
}, 300);
$scope._data_product_id = e.data;
$scope.dataPreserve = e.data;
$scope.buildVariantOption(e.data);
$scope.buildDataProductRelate($scope._getPostIdFromURL());
setTimeout(function () {
$('.load-effect').addClass('de-active');
}, 300);
setTimeout(function () {
$('.load-effect').addClass('loaded');
$('.load-effect').removeClass('is-active de-active');
$('.load-effect').removeClass('loaded');
$('html').removeClass('noscroll noscroll-long');
}, 1300);
}
});
}
$scope.dataRelate = [];
$scope.buildDataProductRelate = function(product_id){
var j = {'relate_product_id_array':[product_id],'badge_id_array':[18]};
var d = {
'cur_page': 1,
'per_page': 6,
'txt_filter_json': JSON.stringify(j)
};
GAEAPI.get('product/lists',d).then(function(e){
if(e.ok == 1){
$scope.dataRelate = e.data.dataList;
console.log("dataRelate",$scope.dataRelate);
}
});
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData){
if(objectData.product_total_variant <= 0){
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
/*$scope.makeVariantsClick();*/
};
$scope.dataVariantsPick = [];
$scope.onSelectVariantItems = function($index, option_id){
if($index == 0 && option_id == ''){
return GAEAPI.get('product/id',{'txt_product_id':$scope.id}).then(function(e){
if(e.ok == 1){
$scope._data_product_id = e.data;
$scope.dataPreserve = e.data;
}
});
} else {
$scope.dataVariantsPick[$index] = option_id;
if($scope.dataVariantsPick.length >= $scope.dataOption.length){
$scope.findVariantsData($scope.dataVariantsPick);
}
}
};
$scope.findVariantsData = function(variantsPick){
function compareArray(array_a, array) {
if (!array)
return false;
if (array_a.length != array.length)
return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i]))
return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
for(var i = 0; i < dataVariants.length; i++){
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if(compareArray(variantsPick,optionJson)){
$scope._data_product_id.product_sku = dataVariants[i].sku;
$scope._data_product_id.product_price = dataVariants[i].price;
$scope._data_product_id.product_id = dataVariants[i].product_id;
$scope._data_product_id.product_compare_price = dataVariants[i].compare_price;
break;
}
}
console.log("onSelectVariantItems: Yes", $scope.dataPreserve);
};
};
return promise;
});
_ui_share_app.directive('productDetailPageKrthai', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'productDetailPageKrthai';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
name: '@name',
buyicon: '@buyicon',
buytext: '@buytext',
viewcarttext: '@viewcarttext',
buylogin: '@buylogin',
currency: '@currency',
checkstaff: '@checkstaff',
language: '@language',
btnstyle: '@btnstyle',
maxstock: '@maxstock',
videotext: '@videotext',
description: '@description',
info: '@info',
specification: '@specification',
textbrand:'@textbrand',
navigationhover: '@navigationhover',
imageappcoverchecked: '@imageappcoverchecked',
categorylists:'@categorylists',
categorylistsurl: '@categorylistsurl',
backpage: '@backpage',
backpageurl: '@backpageurl',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window, $location) {
$scope._console = (window.location.hostname == "localhost") ? true : false;
$scope._component = "productDetailPageKrthai";
$scope._imgPath = CUR_THEME.file_url() + "images/";
$scope._icnPath = CUR_THEME.file_url() + "../../assets/";
/* scope */
$scope._name = ($scope.name != undefined && $scope.name != "") ? $scope.name : "default";
$scope._buycol = ($scope.buycol != undefined && $scope.buycol != "") ? parseInt($scope.buycol) : 15;
$scope._maxstock = ($scope.maxstock != undefined && $scope.maxstock != "") ? parseInt($scope.maxstock) : 20;
$scope._categorylistsurl = ($scope.categorylistsurl != undefined && $scope.categorylistsurl != "") ? $scope.categorylistsurl : "category-lists";
$scope._btnstyle = ($scope.btnstyle != undefined && $scope.btnstyle != "") ? $scope.btnstyle : "filled_button_large";
$scope._buylogin = ($scope.buylogin == "true" || $scope.buylogin == "t") ? true : false;
$scope._checkstaff = ($scope.checkstaff == "true" || $scope.checkstaff == "t") ? true : false;
$scope._categorylists = ($scope.categorylists != undefined && $scope.categorylists != "") ? $scope.categorylists : "สินค้า";
$scope._currency = ($scope.currency != undefined && $scope.currency != "") ? $scope.currency : "THB";
$scope._buyicon = ($scope.buyicon != undefined && $scope.buyicon != "") ? $scope.buyicon : "icnt_outline_cart01_dark.png";
$scope._buytext = ($scope.buytext != undefined && $scope.buytext != "") ? $scope.buytext : "เพิ่มในรถเข็น";
$scope._viewcarttext = ($scope.viewcarttext != undefined && $scope.viewcarttext != "") ? $scope.viewcarttext : "ดูรถเข็น";
$scope._videotext = ($scope.videotext != undefined && $scope.videotext != "") ? $scope.videotext : "Video";
$scope._icebuyicon = ($scope.buyicon != undefined && $scope.buyicon != "") ? $scope._icnPath + $scope.buyicon : $scope._icnPath + "icnt_outline_cart01_dark.png";
$scope._language = ($scope.language != undefined && $scope.language != "") ? (($scope.language == "en") ? "en" : "th") : "th";
$scope._textbrand = ($scope.textbrand != undefined && $scope.textbrand != "") ? $scope.textbrand : "Brand";
$scope._navigationhover = ($scope.navigationhover != undefined && $scope.navigationhover != "") ? $scope.navigationhover : "primary";
$scope._imageappcoverchecked = ($scope.imageappcoverchecked == "true" || $scope.imageappcoverchecked == "t") ? true : false;
$scope._backpage = ($scope.backpage != undefined && $scope.backpage != "") ? $scope.backpage : "";
$scope._backpageurl = ($scope.backpageurl != undefined && $scope.backpageurl != "") ? $scope.backpageurl : "";
/* scope */
$scope.getData = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
getRouteParams: function(callback) {
var _self = this;
var params = $routeParams;
var state = _self.stateData(true, false);
_self.consoleLog("getRouteParams params", params);
callback(params, state);
},
getNamePage: function(arr) {
var str = [];
for (var i = 0; i < arr.length; i++) {
if (i != 0) {
str.push(arr[i]);
}
}
return str.join(" ");
},
getProductId: function(params, callback) {
var _self = this;
var product_id = (params.product_id != undefined) ? params.product_id.split("-", 1).join("") : false;
_self.consoleLog("getProductId product_id", product_id);
callback(product_id);
},
stateData: function(load, done) {
var _self = this;
var state = {
load: load,
done: done
};
_self.consoleLog("stateData state", state);
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("dataSend api", api);
_self.consoleLog("dataSend dataSend", dataSend);
callback(api, dataSend);
},
checkGetApi: function(resApi, callback) {
var _self = this;
var ok = false;
if (resApi.ok == 1) {
ok = true;
}
_self.consoleLog("checkGetApi ok", ok);
callback(ok);
},
getApi: function(api, dataSend, callback) {
var _self = this;
var state = _self.stateData(true, false);
GAEAPI.get(api, dataSend, $scope).then(function(res_api) {
_self.checkGetApi(res_api, function(res_ok) {
_self.consoleLog("getApi api", api);
_self.consoleLog("getApi dataSend", dataSend);
_self.consoleLog("getApi res_api", res_api);
state = _self.stateData(false, true);
callback(res_ok, res_api, state);
})
});
},
getReferralId: function(productReferralDisplay, callback) {
var _self = this;
var referral_id = 0;
if (productReferralDisplay.length != 0) {
if (productReferralDisplay.category != undefined) {
if (productReferralDisplay.category.length != 0) {
referral_id = productReferralDisplay.category[0].referral_id
}
}
}
callback(referral_id);
},
getStaffId: function(staffId, callback) {
var _self = this;
var res_staff = {
staff_id: (staffId != 0 && staffId != '' && staffId != undefined) ? staffId : '0',
status: (staffId != 0 && staffId != '' && staffId != undefined) ? true : false
}
callback(res_staff);
},
getNameUrl: function(name, callback) {
var _self = this;
name = name.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
_self.consoleLog("getNameUrl", "name", name);
callback(name);
},
main: function() {
var _self = this;
}
}
return getFunction;
};
$scope.getCarousel = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
getCarousel: function(carousel, callback) {
var _self = this;
var carousel_id = 0;
if (carousel == 0) {
carousel_id = Math.floor((Math.random() * 9999) + 1000);
}
callback(carousel_id);
},
carouselA: function(cover, carousel) {
var _self = this;
$(cover).css('height', '0');
$(cover).css('opacity', '0');
$(carousel).css('opacity', '0');
setTimeout(function() {
var carousels = $(carousel);
carousels.not('.slick-initialized').slick({
fade: true,
dots: false,
arrows: false,
infinite: true,
autoplay: false,
adaptiveHeight: true,
autoplaySpeed: 4000,
slidesToShow: 1,
slidesToScroll: 1,
prevArrow: '',
nextArrow: '',
speed: 600,
}).closest('section').addClass('active');
$(cover).css('height', 'auto');
$(cover).css('opacity', '1');
$(carousel).css('opacity', '1');
}, 500);
},
carouselB: function(cover, carousel) {
var _self = this;
$(cover).css('height', '0');
$(cover).css('opacity', '0');
$(carousel).css('opacity', '0');
setTimeout(function() {
var carousels = $(carousel);
carousels.not('.slick-initialized').slick({
dots: true,
arrows: true,
infinite: true,
autoplay: false,
autoplaySpeed: 4000,
slidesToShow: 1,
slidesToScroll: 1,
prevArrow: '',
nextArrow: '',
speed: 600,
}).closest('section').addClass('active');
$(cover).css('height', 'auto');
$(cover).css('opacity', '1');
$(carousel).css('opacity', '1');
}, 500);
},
carouselD: function(cover, carousel) {
var _self = this;
$(cover).css('height', '0');
$(cover).css('opacity', '0');
$(carousel).css('opacity', '0');
setTimeout(function() {
var carousels = $(carousel);
carousels.not('.slick-initialized').slick({
dots: false,
arrows: true,
infinite: true,
autoplay: true,
adaptiveHeight: true,
autoplaySpeed: 4000,
slidesToShow: 1,
slidesToScroll: 1,
prevArrow: '',
nextArrow: '',
speed: 600,
}).closest('section').addClass('active');
$(cover).css('height', 'auto');
$(cover).css('opacity', '1');
$(carousel).css('opacity', '1');
}, 500);
},
carouselBar: function(cover, carousel) {
var _self = this;
$(cover).css('height', '0');
$(cover).css('opacity', '0');
$(carousel).css('opacity', '0');
setTimeout(function() {
var carousels = $(carousel);
carousels.not('.slick-initialized').slick({
dots: false,
arrows: false,
infinite: false,
autoplay: false,
adaptiveHeight: true,
autoplaySpeed: 4000,
slidesToShow: 6,
slidesToScroll: 6,
speed: 600,
responsive: [{
breakpoint: 1200,
settings: {
slidesToShow: 5,
slidesToScroll: 5,
}
}, {
breakpoint: 991,
settings: {
slidesToShow: 4,
slidesToScroll: 4,
}
}, {
breakpoint: 767,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
}
}]
}).closest('section').addClass('active');
$(cover).css('height', 'auto');
$(cover).css('opacity', '1');
$(carousel).css('opacity', '1');
}, 500);
},
slickCarousel: function(carousel, index) {
var _self = this;
$scope.setCarousel.index = index;
setTimeout(function() {
$('[data-key="' + carousel + '"]').slick('slickGoTo', index);
}, 100);
},
prevIndex: function(product_image) {
var _self = this;
var image = product_image.length;
var image_index = $scope.setCarousel.index;
$scope.setCarousel.index = (image_index != 0) ? image_index - 1 : image - 1;
_self.consoleLog("prevIndex index", $scope.setCarousel.index);
},
nextIndex: function(product_image) {
var _self = this;
var image = product_image.length;
var image_index = $scope.setCarousel.index;
$scope.setCarousel.index = (image_index != (image - 1)) ? image_index + 1 : 0;
_self.consoleLog("nextIndex index", $scope.setCarousel.index);
}
}
return getFunction;
};
$scope.getAttribute = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
productAttribute: function(productAttribute, callback) {
var _self = this;
var attribute = {
option_name: "",
option_attribute: []
};
if (productAttribute.option_data != undefined) {
if (productAttribute.option_data.variant_array != undefined && productAttribute.option_data.variant_array.length != 0) {
for (var a = 0; a < productAttribute.option_data.pclass_array.length; a++) {
attribute.option_name = attribute.option_name.concat(productAttribute.option_data.pclass_array[a].pclass_name, " ");
}
for (var b = 0; b < productAttribute.option_data.variant_array.length; b++) {
var product_attribute = {
product_id: productAttribute.option_data.variant_array[b].product_id,
product_sku: productAttribute.option_data.variant_array[b].sku,
product_title: "",
product_price: parseFloat(productAttribute.option_data.variant_array[b].price),
product_compare_price: parseFloat(productAttribute.option_data.variant_array[b].compare_price),
product_total_stock: parseFloat(productAttribute.option_data.variant_array[b].total_stock),
product_image: productAttribute.option_data.variant_array[b].variant_image
}
for (var c = 0; c < productAttribute.option_data.variant_array[b].option_name_array.length; c++) {
product_attribute.product_title = product_attribute.product_title.concat(productAttribute.option_data.variant_array[b].option_name_array[c], " ");
}
attribute.option_attribute.push(product_attribute);
}
}
}
_self.consoleLog("productAttribute attribute ", attribute);
callback(attribute);
},
checkDiscountPrice: function(productDiscount, resPrice, resComparePrice, callback) {
var _self = this;
var price = 0;
var compare_price = 0;
if (productDiscount.length == 0) {
price = parseFloat(resPrice);
compare_price = parseFloat(resComparePrice);
} else {
if (productDiscount.discount_type_id == '101') {
price = parseFloat(resPrice) - parseFloat(productDiscount.discount_price);
compare_price = parseFloat(resPrice);
} else if (productDiscount.discount_type_id == '102') {
price = (parseFloat(resPrice) * ((100 - parseFloat(productDiscount.discount_percent)) / 100));
compare_price = parseFloat(resPrice);
}
}
callback(price, compare_price);
},
checkMinPrice: function(option, callback) {
var _self = this;
var price_min = parseFloat(option.option_attribute[0].product_price);
var compare_price_min = parseFloat(option.option_attribute[0].product_compare_price);
var total_stock = parseFloat(option.option_attribute[0].product_total_stock);
for (var a = 0; a < option.option_attribute.length; a++) {
if (price_min >= parseFloat(option.option_attribute[a].product_price)) {
price_min = parseFloat(option.option_attribute[a].product_price);
compare_price_min = parseFloat(option.option_attribute[a].product_compare_price);
total_stock = parseFloat(option.option_attribute[a].product_total_stock);
}
}
_self.consoleLog("checkPriceMin price_min ", price_min);
_self.consoleLog("checkPriceMin compare_price_min ", compare_price_min);
_self.consoleLog("checkPriceMin total_stock ", total_stock);
callback(price_min, compare_price_min, total_stock);
},
getTotalStock: function(totalStock, mixStock, callback) {
var _self = this;
var total_stock = (totalStock > 0) ? ((totalStock <= mixStock) ? totalStock : mixStock) : ((totalStock == -1) ? mixStock : totalStock);
callback(total_stock);
},
checkMinPrices: function(api, attribute, callback) {
var _self = this;
var dataPrice = {
product_price: {
price_name: 'product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
product_compare_price: {
price_name: 'product_compare_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_price: {
price_name: 'sum_product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_compare_price: {
price_name: 'sum_product_compare_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_compare_minus_sum_product_price: {
price_name: 'sum_product_compare_minus_sum_product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
}
}
if (attribute.option_attribute.length == 0) {
_self.checkDiscountPrice(api.data.product_discount, api.data.product_price, api.data.product_compare_price, function(res_price, res_compare_price) {
_self.checkPrice(res_price, function(res_price_ecimals) {
dataPrice.product_price.price = res_price;
dataPrice.product_price.price_ecimals = res_price_ecimals;
dataPrice.sum_product_price.price = res_price;
dataPrice.sum_product_price.price_ecimals = res_price_ecimals;
_self.checkPrice(res_compare_price, function(res_compare_price_ecimals) {
dataPrice.product_compare_price.price = res_compare_price;
dataPrice.product_compare_price.price_ecimals = res_compare_price_ecimals;
dataPrice.sum_product_compare_price.price = res_compare_price;
dataPrice.sum_product_compare_price.price_ecimals = res_compare_price_ecimals;
var compare_price_minus_price = ((res_compare_price - res_price) > 0) ? res_compare_price - res_price : 0;
_self.checkPrice(compare_price_minus_price, function(res_compare_price_minus_price_ecimals) {
dataPrice.sum_product_compare_minus_sum_product_price.price = compare_price_minus_price;
dataPrice.sum_product_compare_minus_sum_product_price.price_ecimals = res_compare_price_minus_price_ecimals;
_self.getTotalStock(api.data.product_total_stock, $scope._maxstock, function(res_total_stock_s) {
dataPrice.product_price.total_stock = res_total_stock_s;
dataPrice.product_compare_price.total_stock = res_total_stock_s;
dataPrice.sum_product_price.total_stock = res_total_stock_s;
dataPrice.sum_product_compare_price.total_stock = res_total_stock_s;
dataPrice.sum_product_compare_minus_sum_product_price.total_stock = res_total_stock_s;
callback(dataPrice, false);
});
});
});
});
});
} else {
_self.checkMinPrice(attribute, function(res_price_min, res_compare_price_min, res_total_stock) {
_self.checkDiscountPrice(api.data.product_discount, res_price_min, res_compare_price_min, function(res_price, res_compare_price) {
_self.checkPrice(res_price, function(res_price_ecimals) {
dataPrice.product_price.price = res_price;
dataPrice.product_price.price_ecimals = res_price_ecimals;
dataPrice.sum_product_price.price = res_price;
dataPrice.sum_product_price.price_ecimals = res_price_ecimals;
_self.checkPrice(res_compare_price, function(res_compare_price_ecimals) {
dataPrice.product_compare_price.price = res_compare_price;
dataPrice.product_compare_price.price_ecimals = res_compare_price_ecimals;
dataPrice.sum_product_compare_price.price = res_compare_price;
dataPrice.sum_product_compare_price.price_ecimals = res_compare_price_ecimals;
var compare_price_minus_price = ((res_compare_price - res_price) > 0) ? res_compare_price - res_price : 0;
_self.checkPrice(compare_price_minus_price, function(res_compare_price_minus_price_ecimals) {
dataPrice.sum_product_compare_minus_sum_product_price.price = compare_price_minus_price;
dataPrice.sum_product_compare_minus_sum_product_price.price_ecimals = res_compare_price_minus_price_ecimals;
_self.getTotalStock(res_total_stock, $scope._maxstock, function(res_total_stock_s) {
dataPrice.product_price.total_stock = res_total_stock_s;
dataPrice.product_compare_price.total_stock = res_total_stock_s;
dataPrice.sum_product_price.total_stock = res_total_stock_s;
dataPrice.sum_product_compare_price.total_stock = res_total_stock_s;
dataPrice.sum_product_compare_minus_sum_product_price.total_stock = res_total_stock_s;
callback(dataPrice, true);
});
});
});
});
});
});
}
},
priceIncludes: function(price, includes, callback) {
var _self = this;
var priceToString = (price == null) ? 0 : price;
_self.consoleLog('priceIncludes priceToString : ', priceToString);
callback(priceToString.toString().includes(includes));
},
checkPrice: function(price, callback) {
var _self = this;
_self.priceIncludes(price, '.', function(res) {
_self.consoleLog("checkPrice res ", res);
callback((!res) ? 0 : 2);
});
},
onSelectOption: function(productId) {
var _self = this;
$scope.data.quantity.quantity_input = 1;
$scope.dataApi.product.dataArray.product_id = productId;
_self.consoleLog("onSelectOption productId ", productId);
$scope.getBuy().updateState($scope.dataApi.product.dataArray.product_id);
for (var a = 0; a < $scope.data.attribute.dataArray.option_attribute.length; a++) {
_self.consoleLog("onSelectOption option_attribute ", $scope.data.attribute.dataArray.option_attribute[a]);
if ($scope.data.attribute.dataArray.option_attribute[a].product_id == productId) {
if ($scope.data.attribute.dataArray.option_attribute[a].product_image.length != 0) {
if ($scope.dataApi.product.dataArray.product_image.length != 0) {
for (var b = 0; b < $scope.dataApi.product.dataArray.product_image.length; b++) {
if ($scope.dataApi.product.dataArray.product_image[b].image_id == $scope.data.attribute.dataArray.option_attribute[a].product_image[0].image_id) {
$scope.getCarousel().slickCarousel($scope.setCarousel.carousel, b);
}
}
}
}
_self.checkDiscountPrice($scope.dataApi.product.dataArray.product_discount, $scope.data.attribute.dataArray.option_attribute[a].product_price, $scope.data.attribute.dataArray.option_attribute[a].product_compare_price, function(res_price_p, res_compare_price_p) {
_self.checkPrice(res_price_p, function(res_price_ecimals_p) {
$scope.data.product_price.price = res_price_p;
$scope.data.product_price.price_ecimals = res_price_ecimals_p;
$scope.data.sum_product_price.price = res_price_p;
$scope.data.sum_product_price.price_ecimals = res_price_ecimals_p;
_self.checkPrice(res_compare_price_p, function(res_compare_price_ecimals_p) {
$scope.data.product_compare_price.price = res_compare_price_p;
$scope.data.product_compare_price.price_ecimals = res_compare_price_ecimals_p;
$scope.data.sum_product_compare_price.price = res_compare_price_p;
$scope.data.sum_product_compare_price.price_ecimals = res_compare_price_ecimals_p;
var compare_price_minus_price_p = ((res_compare_price_p - res_price_p) > 0) ? res_compare_price_p - res_price_p : 0;
_self.checkPrice(compare_price_minus_price_p, function(res_compare_price_minus_price_ecimals_p) {
$scope.data.sum_product_compare_minus_sum_product_price.price = compare_price_minus_price_p;
$scope.data.sum_product_compare_minus_sum_product_price.price_ecimals = res_compare_price_minus_price_ecimals_p;
_self.getTotalStock($scope.data.attribute.dataArray.option_attribute[a].product_total_stock, $scope._maxstock, function(res_total_stock_s) {
$scope.data.product_price.total_stock = res_total_stock_s;
$scope.data.product_compare_price.total_stock = res_total_stock_s;
$scope.data.sum_product_price.total_stock = res_total_stock_s;
$scope.data.sum_product_compare_price.total_stock = res_total_stock_s;
$scope.data.sum_product_compare_minus_sum_product_price.total_stock = res_total_stock_s;
/* stock */
$scope.data.quantity.quantity_max = res_total_stock_s;
$scope.data.quantity.quantity_select = [];
for (var i = 0; i < res_total_stock_s; i++) {
$scope.data.quantity.quantity_select.push(i + 1);
}
/* stock */
})
});
});
});
});
break;
}
}
},
onClickOption: function(index) {
var _self = this;
$scope.data.quantity.quantity_input = 1;
$scope.dataApi.product.dataArray.product_id = $scope.data.attribute.dataArray.option_attribute[index].product_id;
$scope.data.attribute.productId = $scope.data.attribute.dataArray.option_attribute[index].product_id;
$scope.getBuy().updateState($scope.dataApi.product.dataArray.product_id);
if ($scope.data.attribute.dataArray.option_attribute[index].product_image.length != 0) {
if ($scope.dataApi.product.dataArray.product_image.length != 0) {
for (var i = 0; i < $scope.dataApi.product.dataArray.product_image.length; i++) {
if ($scope.dataApi.product.dataArray.product_image[i].image_id == $scope.data.attribute.dataArray.option_attribute[index].product_image[0].image_id) {
$scope.getCarousel().slickCarousel($scope.setCarousel.carousel, i);
}
}
}
}
_self.checkDiscountPrice($scope.dataApi.product.dataArray.product_discount, $scope.data.attribute.dataArray.option_attribute[index].product_price, $scope.data.attribute.dataArray.option_attribute[index].product_compare_price, function(res_price_p, res_compare_price_p) {
_self.checkPrice(res_price_p, function(res_price_ecimals_p) {
$scope.data.product_price.price = res_price_p;
$scope.data.product_price.price_ecimals = res_price_ecimals_p;
$scope.data.sum_product_price.price = res_price_p;
$scope.data.sum_product_price.price_ecimals = res_price_ecimals_p;
_self.checkPrice(res_compare_price_p, function(res_compare_price_ecimals_p) {
$scope.data.product_compare_price.price = res_compare_price_p;
$scope.data.product_compare_price.price_ecimals = res_compare_price_ecimals_p;
$scope.data.sum_product_compare_price.price = res_compare_price_p;
$scope.data.sum_product_compare_price.price_ecimals = res_compare_price_ecimals_p;
var compare_price_minus_price_p = ((res_compare_price_p - res_price_p) > 0) ? res_compare_price_p - res_price_p : 0;
_self.checkPrice(compare_price_minus_price_p, function(res_compare_price_minus_price_ecimals_p) {
$scope.data.sum_product_compare_minus_sum_product_price.price = compare_price_minus_price_p;
$scope.data.sum_product_compare_minus_sum_product_price.price_ecimals = res_compare_price_minus_price_ecimals_p;
_self.getTotalStock($scope.data.attribute.dataArray.option_attribute[index].product_total_stock, $scope._maxstock, function(res_total_stock_s) {
$scope.data.product_price.total_stock = res_total_stock_s;
$scope.data.product_compare_price.total_stock = res_total_stock_s;
$scope.data.sum_product_price.total_stock = res_total_stock_s;
$scope.data.sum_product_compare_price.total_stock = res_total_stock_s;
$scope.data.sum_product_compare_minus_sum_product_price.total_stock = res_total_stock_s;
/* stock */
$scope.data.quantity.quantity_max = res_total_stock_s;
$scope.data.quantity.quantity_select = [];
for (var i = 0; i < res_total_stock_s; i++) {
$scope.data.quantity.quantity_select.push(i + 1);
}
/* stock */
})
});
});
});
});
}
}
return getFunction;
};
$scope.getAttributeCustom = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
createArray: function(productCustomTemplates, callback) {
var _self = this;
var custom_attributes = [];
if (productCustomTemplates.templates.length != 0) {
angular.forEach(productCustomTemplates.templates, function(item, index) {
if (item.option_sets.length != 0) {
_self.getAttributes(item.option_sets, function(res_attributes) {
custom_attributes = custom_attributes.concat(res_attributes);
});
}
});
/* if (productCustomTemplates.templates[0].option_sets.length != 0) {
_self.getAttributes(productCustomTemplates.templates[0].option_sets, function(res_attributes) {
custom_attributes = res_attributes;
});
} */
}
_self.consoleLog("createArray : productCustomTemplates", productCustomTemplates);
_self.consoleLog("createArray : custom_attributes", custom_attributes);
callback(custom_attributes, true);
},
formatAttribute: function(index, optionSubsetIndex, setType, optionSetArray, callback) {
var _self = this;
var set_id = (setType == 'attribute') ? optionSetArray.set_id : optionSetArray.subset_id;
var attribute = {
attribute_index: index,
attribute_option_subset_index: optionSubsetIndex,
active_option_id: (optionSetArray.option_data.select_id != 0) ? optionSetArray.option_data.select_id : "-1",
active_option_index: -1,
active_option_index_str: "-1",
active_textarea: "",
active_array: [],
set_id: set_id,
name: optionSetArray.name,
set_type: optionSetArray.ss_type,
option: []
}
callback(attribute);
},
getOption: function(index, optionDataArray, callback) {
var _self = this;
var options = {
index: index,
ss_data_id: optionDataArray.ss_data_id,
name: optionDataArray.name,
image: optionDataArray.image,
price: optionDataArray.price,
compare_price: 0,
total_stock: 0
}
callback(options);
},
getActive: function(index, activeOptionId, activeOptionIdIn, optionDataArray, callback) {
var _self = this;
var actives_index = (optionDataArray.ss_data_id == activeOptionId) ? index : activeOptionIdIn;
var actives = (optionDataArray.ss_data_id != activeOptionId) ? "0" : "1";
callback(actives_index, actives);
},
getAttributes: function(optionSetArray, callback) {
var _self = this;
var attributes = [];
for (var index = 0; index < optionSetArray.length; index++) {
_self.formatAttribute(index, 0, 'attribute', optionSetArray[index], function(res_attribute) {
if (optionSetArray[index].option_subsets.length != 0) {
for (var option_subset_index = 0; option_subset_index < optionSetArray[index].option_subsets.length; option_subset_index++) {
_self.formatAttribute(index, option_subset_index, res_attribute.set_type, optionSetArray[index].option_subsets[option_subset_index], function(res_attribute_sub) {
var options = [];
var active_option_id = -1;
var active_option_array = [];
for (var option = 0; option < optionSetArray[index].option_subsets[option_subset_index].option_data.options.length; option++) {
_self.getOption(option, optionSetArray[index].option_subsets[option_subset_index].option_data.options[option], function(res_option) {
options.push(res_option);
});
_self.getActive(option, res_attribute_sub.active_option_id, active_option_id, optionSetArray[index].option_subsets[option_subset_index].option_data.options[option], function(res_actives_index, res_actives) {
active_option_id = res_actives_index;
active_option_array.push(res_actives);
});
}
res_attribute_sub.option = options;
res_attribute_sub.active_option_index = active_option_id;
res_attribute_sub.active_option_index_str = String(active_option_id);
res_attribute_sub.active_array = active_option_array;
attributes.push(res_attribute_sub);
});
}
} else {
var options = [];
var active_option_id = -1;
var active_option_array = [];
for (var option = 0; option < optionSetArray[index].option_data.options.length; option++) {
_self.getOption(option, optionSetArray[index].option_data.options[option], function(res_option) {
options.push(res_option);
});
_self.getActive(option, res_attribute.active_option_id, active_option_id, optionSetArray[index].option_data.options[option], function(res_actives_index, res_actives) {
active_option_id = res_actives_index;
active_option_array.push(res_actives);
});
}
res_attribute.option = options;
res_attribute.active_option_index = active_option_id;
res_attribute.active_option_index_str = String(active_option_id);
res_attribute.active_array = active_option_array;
attributes.push(res_attribute);
}
});
}
callback(attributes)
},
getformatQuantity: function(index, attributeCustom, callback) {
var _self = this;
var quantity = {
name: String(index + 1),
dataArray: attributeCustom
}
callback(quantity);
},
onClickRadio: function(index, index_option) {
var _self = this;
_self.consoleLog("onClickRadio : index", index);
_self.consoleLog("onClickRadio : index_option", index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index = parseInt(index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index_str = String(index_option);
for (var i = 0; i < $scope.data.attribute_custom.dataArray[index].active_array.length; i++) {
$scope.data.attribute_custom.dataArray[index].active_option_id = (i != parseInt(index_option)) ? $scope.data.attribute_custom.dataArray[index].active_option_id : $scope.data.attribute_custom.dataArray[index].option[i].ss_data_id;
$scope.data.attribute_custom.dataArray[index].active_array[i] = (i != parseInt(index_option)) ? "0" : "1";
}
_self.consoleLog("onClickRadio : $scope.data.attribute_custom.dataArray[index]", $scope.data.attribute_custom.dataArray[index]);
},
onClickDropdown: function(index, index_option) {
var _self = this;
_self.consoleLog("onClickDropdown : index", index);
_self.consoleLog("onClickDropdown : index_option", index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index = parseInt(index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index_str = String(index_option);
for (var i = 0; i < $scope.data.attribute_custom.dataArray[index].active_array.length; i++) {
$scope.data.attribute_custom.dataArray[index].active_option_id = (i != parseInt(index_option)) ? $scope.data.attribute_custom.dataArray[index].active_option_id : $scope.data.attribute_custom.dataArray[index].option[i].ss_data_id;
$scope.data.attribute_custom.dataArray[index].active_array[i] = (i != parseInt(index_option)) ? "0" : "1";
}
_self.consoleLog("onClickDropdown : $scope.data.attribute_custom.dataArray[index]", $scope.data.attribute_custom.dataArray[index]);
},
onClickCheckbox: function(index, index_option) {
var _self = this;
_self.consoleLog("onClickCheckbox : index", index);
_self.consoleLog("onClickCheckbox : index_option", index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index = parseInt(index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index_str = String(index_option);
for (var i = 0; i < $scope.data.attribute_custom.dataArray[index].active_array.length; i++) {
$scope.data.attribute_custom.dataArray[index].active_option_id = (i != parseInt(index_option)) ? $scope.data.attribute_custom.dataArray[index].active_option_id : $scope.data.attribute_custom.dataArray[index].option[i].ss_data_id;
$scope.data.attribute_custom.dataArray[index].active_array[i] = (i == parseInt(index_option)) ? (($scope.data.attribute_custom.dataArray[index].active_array[i] != "0") ? "0" : "1") : $scope.data.attribute_custom.dataArray[index].active_array[i];
}
_self.consoleLog("onClickCheckbox : $scope.data.attribute_custom.dataArray[index]", $scope.data.attribute_custom.dataArray[index]);
}
}
return getFunction;
};
$scope.getReward = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
momentUnix: function(callback) {
var _self = this;
var now = moment().unix();
callback(now);
},
getCalculator: function(sumProductPrice, reward, callback) {
var _self = this;
_self.consoleLog("getCalculator : sumProductPrice", sumProductPrice);
_self.consoleLog("getCalculator : reward", reward);
var point_reward = 0;
if (reward.type_id == "100") {
point_reward = Math.floor((sumProductPrice.price / reward.reward_every_price)) * reward.reward_amount;
} else if (reward.type_id == "101") {
point_reward = reward.reward_amount;
} else if (reward.type_id == "102") {
point_reward = (reward.reward_percent * sumProductPrice.price) / 100;
} else if (reward.type_id == "103") {
point_reward = Math.floor((sumProductPrice.price / reward.reward_every_price)) * reward.reward_amount;
}
_self.consoleLog("getCalculator : point_reward", point_reward);
callback(point_reward);
},
getProductReward: function(now, productReward, callback) {
var _self = this;
var reward = {
reward_length: (productReward.length != 0) ? true : false,
lifetime_time: 0,
lifetime_start_time: 0,
lifetime_end_time: 0,
type_id: "0",
amount: 0,
percent: 0,
every_price: 0
};
reward.lifetime_time = now;
if (reward.reward_length) {
reward.lifetime_start_time = parseInt(productReward.reward_lifetime.lifetime_start_time);
reward.lifetime_end_time = parseInt(productReward.reward_lifetime.lifetime_end_time);
reward.type_id = productReward.reward_type_id;
reward.amount = parseInt(productReward.reward_amount);
reward.percent = parseInt(productReward.reward_percent);
reward.every_price = parseInt(productReward.reward_every_price);
}
_self.consoleLog("getProductReward : reward", reward);
callback(reward);
},
getPointConfig: function(now, shopPointConfig, callback) {
var _self = this;
var reward = {
reward_length: (shopPointConfig.length != 0) ? true : false,
lifetime_time: 0,
lifetime_start_time: 0,
lifetime_end_time: 0,
type_id: "0",
amount: 0,
percent: 0,
every_price: 0
};
reward.lifetime_time = now;
if (reward.reward_length) {
reward.lifetime_start_time = parseInt(shopPointConfig.er_from);
reward.lifetime_end_time = parseInt(shopPointConfig.er_to);
reward.type_id = "100";
reward.amount = parseInt(shopPointConfig.er_earn);
reward.every_price = parseInt(shopPointConfig.er_rate);
}
_self.consoleLog("getPointConfig : reward", reward);
callback(reward);
},
checkPointReward: function(reward, callback) {
var _self = this;
var state = false;
if (reward.reward_length) {
var start = reward.lifetime_start_time < reward.lifetime_time && reward.lifetime_start_time != 0;
var end = (reward.lifetime_end_time != -1) ? reward.lifetime_time <= reward.lifetime_end_time && reward.lifetime_end_time != 0 : true;
if (start && end) {
if (reward.type_id == "100") {
var amount = reward.amount != 0;
var every_price = reward.every_price != 0;
if (amount && every_price) {
state = true;
}
} else if (reward.type_id == "101") {
var amount = reward.amount != 0;
if (amount) {
state = true;
}
} else if (reward.type_id == "102") {
var percent = reward.percent != 0;
if (percent) {
state = true;
}
} else if (reward.type_id == "103") {
var percent = reward.percent != 0;
var amount = reward.amount != 0;
var every_price = reward.every_price != 0;
if (amount && every_price) {
state = true;
}
}
}
}
callback(state);
},
checkReward: function(rewardProduct, rewardPointConfig, callback) {
var _self = this;
_self.consoleLog("checkReward : rewardProduct", rewardProduct);
_self.consoleLog("checkReward : rewardPointConfig", rewardPointConfig);
var reward = {
type_id: "0",
amount: 0,
percent: 0,
every_price: 0
};
_self.checkPointReward(rewardProduct, function(res_state_product) {
_self.checkPointReward(rewardPointConfig, function(res_state_point_config) {
if (res_state_point_config) {
reward.type_id = rewardPointConfig.type_id;
reward.type_id = rewardPointConfig.type_id;
reward.amount = rewardPointConfig.amount;
reward.percent = rewardPointConfig.percent;
reward.every_price = rewardPointConfig.every_price;
} else if (res_state_product) {
reward.type_id = rewardProduct.type_id;
reward.amount = rewardProduct.amount;
reward.percent = rewardProduct.percent;
reward.every_price = rewardProduct.every_price;
}
_self.consoleLog("checkReward : reward", reward);
callback(reward);
});
});
},
checkRewardType: function(productReward, shopPointConfig, callback) {
var _self = this;
_self.momentUnix(function(now) {
_self.getProductReward(now, productReward, function(res_reward_product) {
_self.getPointConfig(now, shopPointConfig, function(res_reward_point_config) {
_self.checkReward(res_reward_product, res_reward_point_config, function(res_reward) {
callback(res_reward);
});
});
});
});
},
createReward: function(productReward, shopPointConfig, callback) {
var _self = this;
_self.consoleLog("createReward : productReward", productReward);
_self.consoleLog("createReward : shopPointConfig", shopPointConfig);
_self.checkRewardType(productReward, shopPointConfig, function(res_reward) {
_self.consoleLog("createReward : res_reward", res_reward);
callback(res_reward);
});
}
}
return getFunction;
};
$scope.getQuantity = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
upDateReward: function() {
var _self = this;
},
upDateReward: function() {
var _self = this;
$scope.getReward().getCalculator($scope.data.sum_product_price, $scope.data.reward, function(res_point_reward) {
$scope.data.reward.point_reward = res_point_reward;
});
},
upDatePrice: function() {
var _self = this;
var product_price = $scope.data.product_price.price * $scope.data.quantity.quantity_input;
var product_compare_price = $scope.data.product_compare_price.price * $scope.data.quantity.quantity_input;
$scope.getAttribute().checkPrice(product_price, function(res_price_ecimals) {
$scope.data.sum_product_price.price = product_price;
$scope.data.sum_product_price.price_ecimals = res_price_ecimals;
$scope.getAttribute().checkPrice(product_compare_price, function(res_compare_price_ecimals) {
$scope.data.sum_product_compare_price.price = product_compare_price;
$scope.data.sum_product_compare_price.price_ecimals = res_compare_price_ecimals;
var compare_price_minus_price = ((product_compare_price - product_price) > 0) ? product_compare_price - product_price : 0;
$scope.getAttribute().checkPrice(compare_price_minus_price, function(res_compare_price_minus_price_ecimals) {
$scope.data.sum_product_compare_minus_sum_product_price.price = compare_price_minus_price;
$scope.data.sum_product_compare_minus_sum_product_price.price_ecimals = res_compare_price_minus_price_ecimals;
_self.upDateReward();
});
});
});
},
input: function(quantityInput) {
var _self = this;
quantityInput = (quantityInput == null) ? 1 : parseInt(quantityInput);
_self.consoleLog("input : quantityInput", quantityInput);
if (quantityInput != null) {
if (quantityInput >= $scope.data.quantity.quantity_max) {
$scope.data.quantity.quantity_input = $scope.data.quantity.quantity_max;
}
if (quantityInput <= $scope.data.quantity.quantity_min) {
$scope.data.quantity.quantity_input = $scope.data.quantity.quantity_min;
}
} else {
$scope.data.quantity.quantity_input = $scope.data.quantity.quantity_min;
}
_self.upDatePrice();
},
minus: function() {
var _self = this;
var quantity = $scope.data.quantity.quantity_input - 1;
_self.consoleLog("plus : quantity", quantity);
_self.consoleLog("plus : quantity_min", $scope.data.quantity.quantity_min);
if (quantity >= $scope.data.quantity.quantity_min) {
$scope.data.quantity.quantity_input = quantity;
}
_self.upDatePrice();
},
plus: function() {
var _self = this;
var quantity = $scope.data.quantity.quantity_input + 1;
_self.consoleLog("plus : quantity", quantity);
_self.consoleLog("plus : quantity_max", $scope.data.quantity.quantity_max);
if (quantity <= $scope.data.quantity.quantity_max) {
$scope.data.quantity.quantity_input = quantity;
}
_self.upDatePrice();
}
}
return getFunction;
};
$scope.getBuy = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
getRouteParams: function(callback) {
var _self = this;
var params = $routeParams;
var state = _self.stateData(true, false);
_self.consoleLog("getRouteParams params", params);
callback(params, state);
},
getProductId: function(params, callback) {
var _self = this;
var product_id = params.product_id.split("-", 1).join("");
_self.consoleLog("getProductId product_id", product_id);
callback(product_id);
},
stateData: function(load, done) {
var _self = this;
var state = {
load: load,
done: done
};
_self.consoleLog("stateData state", state);
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("dataSend api", api);
_self.consoleLog("dataSend dataSend", dataSend);
callback(api, dataSend);
},
checkGetApi: function(resApi, callback) {
var _self = this;
var ok = false;
if (resApi.ok == 1) {
ok = true;
}
_self.consoleLog("checkGetApi ok", ok);
callback(ok);
},
postApi: function(api, dataSend, callback) {
var _self = this;
var state = _self.stateData(true, false);
GAEAPI.post(api, dataSend, $scope).then(function(res_api) {
_self.checkGetApi(res_api, function(res_ok) {
_self.consoleLog("getApi api", api);
_self.consoleLog("getApi dataSend", dataSend);
_self.consoleLog("getApi res_api", res_api);
state = _self.stateData(false, true);
callback(res_ok, res_api, state);
})
});
},
UiCartProductAdd: function(productId, quantityInput, promotionId, customOptions, callback) {
quantityInput = (quantityInput > $scope.data.quantity.quantity_max) ? $scope.data.quantity.quantity_max : quantityInput;
UiCart.delegate.product.add(productId, quantityInput, promotionId, function(res_data) {
callback(res_data);
});
},
isLogin: function(callback) {
var buy_login = $scope._buylogin;
var is_login = UiCustomerBox.delegate.get.isLogin();
var is_state = (buy_login) ? (!is_login) ? true : false : false;
callback(is_state);
},
formLogin: function(is_state, callback) {
if (is_state) {
$inloginPopup.open();
}
callback(is_state);
},
getProductStaffId(staff_id_check, callback) {
var res_staff_id_check = staff_id_check;
var res_staff_id = $scope.dataApi.product.dataArray.product_staff_id;
var res_is_state = (res_staff_id != 0 && res_staff_id != '0' && res_staff_id != undefined) ? true : false;
callback(res_staff_id_check, res_staff_id, res_is_state);
},
isStaffId: function(staff_id_check, callback) { /* todo */
var _self = this;
_self.getProductStaffId(staff_id_check, function(res_staff_id_check, res_staff_id, res_is_state) {
callback(res_staff_id_check, res_staff_id, res_is_state);
});
},
checkCartDuplicateStaff: function(res_staff_id_check, txt_staff_id, res_is_state, callback) {
var _self = this
var res_is_state = true;
if (res_staff_id_check) {
var dataSend = {
'txt_staff_id': txt_staff_id,
};
_self.dataSend("cart/duplicate_staff", dataSend, function(res_api, res_dataSend) {
_self.postApi(res_api, res_dataSend, function(res_ok, res_api, state) {
res_is_state = res_api.data.duplicate;
callback(res_is_state);
});
});
} else {
callback(res_is_state);
}
},
showAlert: function(res_staff_id_check, res_staff_id, res_is_state, res_api, callback) {
var res_state = (res_staff_id_check) ? ((res_api) ? ((res_is_state) ? false : true) : true) : false;
if (res_state) {
if (!res_api) {
if (res_staff_id != '0' && res_staff_id != 0) {
$scope.controlAlert().alert('002');
} else {
$scope.controlAlert().alert('003');
}
} else {
if (!res_is_state) {
$scope.controlAlert().alert('003');
}
}
}
callback(res_state);
},
checkStaff: function(callback) {
var _self = this
var staff_id_check = $scope._checkstaff;
var res_check = false;
_self.isStaffId(staff_id_check, function(res_staff_id_check, res_staff_id, res_is_state) {
_self.checkCartDuplicateStaff(res_staff_id_check, res_staff_id, res_is_state, function(res_api) {
_self.showAlert(res_staff_id_check, res_staff_id, res_is_state, res_api, function(res_state) {
res_check = res_state;
callback(res_check);
});
});
});
},
isProgress: function(productId, callback) {
var _self = this;
var state = (UiCart.delegate.product.isProgress(productId)) ? true : false;
_self.consoleLog("isProgress : productId", productId);
_self.consoleLog("isProgress : state", state);
callback(state);
},
isSelected: function(productId, callback) {
var _self = this;
var state = (UiCart.delegate.product.isSelected(productId)) ? true : false;
_self.consoleLog("isSelected : productId", productId);
_self.consoleLog("isSelected : state", state);
callback(state);
},
isSelectedReturn: function(productId) {
var _self = this;
var ui_cart_state = (UiCart.delegate.product.isSelected(productId)) ? true : false;
if (!$scope.setBuy.state_active) {
$scope.setBuy.state_active = true;
var state_process = $scope.setBuy.state_process;
var state_step = $scope.setBuy.state_step;
if (ui_cart_state && !state_process && state_step != 4) /* cart */ {
_self.onTimeout(250, function() {
_self.onPass(1, function(res_step) {
_self.onTimeout(500, function() {
_self.onCart(res_step, function(res_step) {
$scope.setBuy.state_active = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[4].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[4].data_background_color;
});
});
});
});
} else if (!ui_cart_state && !state_process && state_step != 0) /* unset */ {
_self.onTimeout(500, function() {
_self.onUnset(0, function(res_step) {
$scope.setBuy.state_active = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[0].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[0].data_background_color;
});
});
} else {
$scope.setBuy.state_active = false;
}
}
return ui_cart_state;
},
updateState: function(productId) {
_self = this;
_self.isSelected(productId, function(res_state) {
if (res_state) {
_self.onTimeout(250, function() {
_self.onPass(1, function(res_step) {
_self.onTimeout(500, function() {
_self.onCart(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[4].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[4].data_background_color;
});
});
});
});
} else {
_self.onTimeout(500, function() {
_self.onUnset(0, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[0].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[0].data_background_color;
});
});
}
return res_state;
});
},
uiCart: function(productId, quantityInput, promotionId, customOptions, res_step) {
var _self = this;
_self.UiCartProductAdd(productId, quantityInput, promotionId, customOptions, function(res_data) {
if (res_data) {
_self.onTimeout(500, function() {
_self.onPass(res_step, function(res_step) {
_self.onTimeout(1000, function() {
_self.onCart(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[4].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[4].data_background_color;
if ($scope._cart == "trumpComponentCarts") {
_self.trumpComponentCarts();
}
});
});
});
});
} else {
_self.onTimeout(500, function() {
_self.onError(res_step, function(res_step) {
_self.onTimeout(1000, function() {
_self.onUnset(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[0].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[0].data_background_color;
});
});
});
});
}
});
},
postApiA: function(productId, quantityInput, promotionId, customOptions, res_step) {
var _self = this;
var custom_options = {};
var dataSend = {
'txt_product_id': productId,
'txt_amount': quantityInput,
'txt_is_clear_cart_before': "0",
'txt_custom_options_json': JSON.stringify(custom_options)
};
_self.dataSend("cart/product_add", dataSend, function(res_api, res_dataSend) {
_self.postApi(res_api, res_dataSend, function(res_ok, res_api, state) {
if (res_ok) {
_self.onTimeout(500, function() {
_self.onPass(res_step, function(res_step) {
_self.onTimeout(1000, function() {
_self.onCart(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[4].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[4].data_background_color;
});
});
});
});
} else {
_self.onTimeout(500, function() {
_self.onError(res_step, function(res_step) {
_self.onTimeout(1000, function() {
_self.onUnset(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[0].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[0].data_background_color;
});
});
});
});
}
});
});
},
onProcess: function(data, productId, quantityInput, promotionId, customOptions) {
var _self = this;
_self.isLogin(function(res_is_login) {
_self.formLogin(res_is_login, function(res_form) {
_self.checkStaff(function(res_is_state) {
if (!$scope.setBuy.state_process && !res_form && !res_is_state) {
$scope.setBuy.state_process = true;
_self.isSelected(productId, function(res_state) {
if (!res_state) {
_self.onLoad($scope.setBuy.state_step, function(res_step) {
if (data.sum_product_price.price != 0 && data.quantity.quantity_max != 0 && (data.attribute.state == (data.attribute.productId != ''))) {
/* UiCart */
_self.uiCart(productId, quantityInput, promotionId, customOptions, res_step);
/* api post offline */
/*_self.postApiA(productId, quantityInput, promotionId, customOptions, res_step); */
} else {
_self.onTimeout(500, function() {
_self.onError(res_step, function(res_step) {
_self.onTimeout(1000, function() {
_self.onUnset(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[0].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[0].data_background_color;
});
});
});
});
}
});
} else {
$scope.setBuy.state_process = false;
if ($scope._cart == "trumpComponentCarts") {
_self.trumpComponentCarts();
} else if ($scope._cart == "viewcart") {
_self.viewCart($scope._cart);
}
}
});
}
});
});
});
},
onTimeout: function(time, callback) {
var _self = this;
var load = $timeout(function() {
$timeout.cancel(load);
callback(true)
}, time);
},
onUnset: function(step, callback) {
var _self = this;
step = (step == 0) ? 0 : 0;
$scope.setBuy.state_step = step;
callback(step);
},
onLoad: function(step, callback) {
var _self = this;
step = (step == 0 || step == 1) ? 1 : 0;
$scope.setBuy.state_step = step;
callback(step);
},
onPass: function(step, callback) {
var _self = this;
step = (step == 1 || step == 2) ? 2 : 0;
$scope.setBuy.state_step = step;
callback(step);
},
onError: function(step, callback) {
var _self = this;
step = (step == 1 || step == 3) ? 3 : 0;
$scope.setBuy.state_step = step;
callback(step);
},
onCart: function(step, callback) {
var _self = this;
step = (step == 2 || step == 4) ? 4 : 0;
$scope.setBuy.state_step = step;
callback(step);
},
trumpComponentCarts: function() {
var controlCart = share.getTrumpComponentCarts();
var component_carts = $('.cover-cards').hasClass('active');
if (!component_carts) {
var component_icon_cart = $("div").hasClass('cover-icon-carts');
if (component_icon_cart) {
controlCart.cart();
}
} else {
var component_icon_cart = $("div").hasClass('cover-icon-carts');
if (component_icon_cart) {
controlCart.load();
}
}
},
viewCart: function(viewcart) {
var _self = this;
_self.pageUrl(viewcart);
},
locationUrlReplace: function(page) {
$location.url(page).replace();
},
pageUrl: function(page_name) {
var _self = this;
var page = page_name;
_self.locationUrlReplace(page);
},
main: function(callback) {
var _self = this;
}
}
return getFunction;
};
$scope.getDetail = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
getDetail: function(api, callback) {
var _self = this;
var description = api.product_description;
var info = api.product_more_info;
var specificatio = api.product_custom_title;/* [] */
/* if (api.product_attribute.specification_data != undefined) {
specificatio = (api.product_attribute.specification_data.length != 0 && api.product_attribute.specification_data != undefined) ? api.product_attribute.specification_data.pclass_array : [];
} */
var state_specificatio = true;/* false */
/* if (api.product_attribute.specification_data != undefined) {
state_specificatio = (api.product_attribute.specification_data.length != 0 && api.product_attribute.specification_data != undefined) ? true : false;
}*/
var state_info = true;/* (api.product_is_more_info == 1) ? true : false; */
_self.consoleLog("getDetail : api", api);
_self.consoleLog("getDetail : description", description);
_self.consoleLog("getDetail : info", info);
_self.consoleLog("getDetail : state_info", state_info);
_self.consoleLog("getDetail : specificatio", specificatio);
_self.consoleLog("getDetail : state_specificatio", state_specificatio);
callback(description, info, state_info, specificatio, state_specificatio);
},
onClickDetail: function(index) {
var _self = this;
$scope.data.detail.active = index;
_self.consoleLog("onClickDetail : data.detail.active", $scope.data.detail.active);
}
}
return getFunction;
};
$scope.pages = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._console) {
console.log($scope._component, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
locationUrlReplace: function(page) {
var _self = this;
$location.url(page).replace();
},
pageName: function(page_name) {
var _self = this;
var page = page_name;
_self.locationUrlReplace(page_name);
},
pageUrl: function(page_name, id, name_url) {
var _self = this;
var page = page_name + "/" + id + "-" + name_url;
_self.locationUrlReplace(page);
}
}
return getFunction;
};
$scope.countDown = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._console) {
console.log($scope._component, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
getLocation: function(callback) {
var _self = this;
var res_location = $location;
_self.consoleLog("getLocation", "res_location", res_location);
callback(res_location);
},
getRouteParams: function(callback) {
var _self = this;
var params = $routeParams;
_self.consoleLog("getRouteParams", "params", params);
callback(params);
},
getLocationUrlNameProductDetail: function(callback) {
var _self = this;
_self.getRouteParams(function(res_params) {
_self.getLocation(function(res_location) {
var url_page_name = "/product-detail/" + res_params.product_id;
var res_url_name_product_detail = (res_location.url() == url_page_name) ? true : false;
_self.consoleLog("getLocationUrlNameProductDeal", "res_url_name_product_detail", res_url_name_product_detail);
callback(res_url_name_product_detail);
});
});
},
getUnix: function(callback) {
var _self = this;
var now = moment().unix();
_self.consoleLog("getUnix", "now", now);
callback(now);
},
getCountDown: function(now, product_lifetime, callback) {
var _self = this;
var countdown_unix = parseInt(product_lifetime.lifetime_end_time) - now;
var milliseconds = moment.duration(countdown_unix * 1000, "milliseconds");
var res_countdown = ((milliseconds.days() <= 9) ? '0' + milliseconds.days() : milliseconds.days());
res_countdown = res_countdown + ' : ' + ((milliseconds.hours() <= 9) ? '0' + milliseconds.hours() : milliseconds.hours());
res_countdown = res_countdown + ' : ' + ((milliseconds.minutes() <= 9) ? '0' + milliseconds.minutes() : milliseconds.minutes());
res_countdown = res_countdown + ' : ' + ((milliseconds.seconds() <= 9) ? '0' + milliseconds.seconds() : milliseconds.seconds());
_self.consoleLog("getCountDown", "res_countdown", res_countdown);
callback(res_countdown, countdown_unix);
},
getNameUrl: function(name, callback) {
var _self = this;
name = name.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
_self.consoleLog("getNameUrl", "name", name);
callback(name);
},
locationUrlReplace: function(page) {
var _self = this;
$location.url(page).replace();
},
pageUrl: function(page_name) {
var _self = this;
var page = page_name;
_self.locationUrlReplace(page);
},
countDownByProduct: function(now, data_array, callback) {
var _self = this;
if (data_array.length != 0) {
if (data_array.product_lifetime.length != 0) {
_self.getCountDown(now, data_array.product_lifetime, function(res_count_down, res_countdown_unix) {
data_array.product_lifetime.lifetime_countdown = (res_countdown_unix > 0) ? res_count_down : "";
if (data_array.product_lifetime.lifetime_countdown == "") {
_self.getNameUrl(data_array.product_set_array[0].product_title, function(res_name) {
$scope.pages().pageUrl("product-detail", data_array.product_set_array[0].product_id, res_name);
});
}
});
}
}
_self.consoleLog("countDownByProduct", "data_array", data_array);
callback(data_array);
},
loop: function() {
var _self = this;
var load = $timeout(function() {
$timeout.cancel(load);
_self.getUnix(function(res_now) {
_self.countDownByProduct(res_now, $scope.dataApi.product.dataArray, function(data_array) {
$scope.dataApi.product.dataArray = data_array;
_self.getLocationUrlNameProductDetail(function(res_url_name_product_detail) {
if (res_url_name_product_detail) {
_self.loop();
}
});
});
});
}, 1000);
}
}
return getFunction;
};
$scope.getPromotion = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._console) {
console.log($scope._component, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
setPromotionId: function(promotion_id) {
var _self = this;
_self.consoleLog("setPromotionId", "promotion_id", promotion_id);
$scope.data.promotion.promotion_id = promotion_id;
_self.consoleLog("setPromotionId", "data.promotion.promotion_id", $scope.data.promotion.promotion_id);
},
}
return getFunction;
};
$scope.control = function() {
var getFunction = {
popupVideo: function(state, video_link, video_embed_code) {
var _self = this;
if (video_embed_code != '') {
$scope.data_control.page_video.popup = state;
$scope.data_control.page_video.shop_video_embed_code = video_embed_code;
} else if (video_link != '') {
window.open(video_link, '_blank');
} else {
$scope.data_control.page_video.popup = state;
$scope.data_control.page_video.shop_video_embed_code = video_embed_code;
}
},
main: function() {
var _self = this;
}
}
return getFunction;
};
$scope.data_control = {
page_video: {
popup: false,
shop_video_embed_code: ""
}
}
$scope.control_alert = {
alert: {
error_id: '',
index: null,
state: true,
error: [{
id: '001',
title: 'การสั่งซื้อ',
messages: 'สามารถสั่งซื้อได้เพียงทีละออเดอร์เท่านั้น'
}, {
id: '002',
title: 'การเพิ่มสินค้า',
messages: 'ไม่สามารถเพิ่มสินค้าของร้านมากกว่า 1 ร้านค้าได้'
}, {
id: '003',
title: 'การสั่งซื้อ',
messages: 'ไม่สามารถเพิ่มสินค้า(ไม่มีร้านค้า)'
}]
}
};
$scope.controlAlert = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._console) {
console.log($scope._component, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
getErrorMessages: function(error_id, callback) {
var _self = this;
var messages = {
res_error_id: '',
res_index: null
}
angular.forEach($scope.control_alert.alert.error, function(item, index) {
if (item.id == error_id) {
messages.res_error_id = item.id;
messages.res_index = index;
}
});
callback(messages.res_error_id, messages.res_index);
},
alert: function(error_id) {
var _self = this;
_self.getErrorMessages(error_id, function(res_error_id, res_index) {
$scope.control_alert.alert.error_id = res_error_id;
$scope.control_alert.alert.index = res_index;
$scope.control_alert.alert.state = (!$scope.control.alert && res_error_id != '') ? true : false;
});
},
main: function() {
var _self = this;
}
}
return getFunction;
};
$scope.countDown().loop();
/* set carousel */
$scope.setCarousel = {
carousel: 0,
index: 0
};
$scope.getCarousel().getCarousel($scope.setCarousel.carousel, function(res_carousel_id) {
$scope.setCarousel.carousel = res_carousel_id;
});
/* set carousel */
/* get product api */
$scope.dataApi = {
reward: {
dataSend: {},
api: "shop/current",
ok: false,
dataArray: [],
dataArrayState: {
load: false,
done: false
}
},
staff: {
dataSend: {
txt_staff_id: 0
},
api: "staff/id",
ok: false,
dataArray: [],
dataArrayState: {
load: false,
done: false
}
},
product: {
dataSend: {
txt_product_id: 0
},
api: "product/id",
ok: false,
dataArray: [],
dataArrayState: {
load: false,
done: false
}
},
relation: {
dataSend: {
txt_referral_id: 0
},
api: "referral/relation",
ok: false,
dataArray: [],
dataArrayState: {
load: false,
done: false
}
}
};
$scope.data = {
attribute: {
state: false,
productId: "",
dataArray: []
},
attribute_custom: {
state: false,
dataArray: []
},
reward: {
quantity_name: 'reward',
type_id: "0",
reward_amount: 0,
reward_percent: 0,
reward_every_price: 0,
point_reward: 0
},
quantity: {
quantity_name: 'quantity',
quantity_min: 1,
quantity_max: 1,
quantity_input: 1,
quantity_select: []
},
product_price: {
price_name: 'product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
product_compare_price: {
price_name: 'product_compare_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_price: {
price_name: 'sum_product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_compare_price: {
price_name: 'sum_product_compare_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_compare_minus_sum_product_price: {
price_name: 'sum_product_compare_minus_sum_product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
detail: {
active: '0',
dataArray: [{
index: '0',
state: true,
en: ($scope.description != undefined && $scope.description != "") ? $scope.description : 'Description',
th: '',
data: '',
dataArray: []
}, {
index: '1',
state: true,
en: ($scope.info != undefined && $scope.info != "") ? $scope.info : 'Info',
th: '',
data: '',
dataArray: []
}, {
index: '2',
state: true,
en: ($scope.specification != undefined && $scope.specification != "") ? $scope.specification : 'Specification',
th: '',
data: '',
dataArray: []
}]
},
promotion : {
promotion_id : '0'
}
};
$scope.setBuy = {
state_active: false,
state_process: false,
state_step: 0,
state_data_font_color: "",
state_data_background_color: "",
stepArray: [{
step: 0,
name: "unset",
icon: $scope._icebuyicon,
state: $scope._buytext,
data_font_color: "",
data_background_color: ""
}, {
step: 1,
name: "load",
icon: "",
state: "",
data_font_color: "",
data_background_color: ""
}, {
step: 2,
name: "pass",
icon: "",
state: "",
data_font_color: "",
data_background_color: ""
}, {
step: 3,
name: "error",
icon: "",
state: "",
data_font_color: "",
data_background_color: ""
}, {
step: 4,
name: "cart",
icon: "",
state: $scope._viewcarttext,
data_font_color: "",
data_background_color: "primary_darkest"
}]
};
/* - get api product/id start - */
$scope.getData().getRouteParams(function(res_params, res_state) {
$scope.dataApi.product.dataArrayState = res_state;
$scope.getData().getProductId(res_params, function(res_product_id) {
$scope.dataApi.product.dataSend.txt_product_id = (res_product_id != false) ? res_product_id : 0;
$scope.getData().dataSend($scope.dataApi.product.api, $scope.dataApi.product.dataSend, function(res_api, res_dataSend) {
$scope.getData().getApi(res_api, res_dataSend, function(res_ok, get_res_api_product, res_state) {
$scope.dataApi.product.ok = res_ok;
if ($scope._imageappcoverchecked) {
var images = [];
angular.forEach(get_res_api_product.data.product_image,function(image,index_image){
if (!image.image_app_cover_checked) {
images.push(image)
}
});
get_res_api_product.data.product_image = images;
}
angular.element('.load-effect').removeClass('is-active');
$scope.dataApi.product.dataArray = get_res_api_product.data;
$scope.getData().consoleLog("get_res_api_product", get_res_api_product);
$scope.dataApi.product.dataArrayState = res_state;
/* -- get api shop/current to reward -- */
if (res_ok) {
$scope.getData().getRouteParams(function(res_params, res_state) {
$scope.dataApi.reward.dataArrayState = res_state;
$scope.getData().dataSend($scope.dataApi.reward.api, $scope.dataApi.reward.dataSend, function(res_api, res_dataSend) {
$scope.getData().getApi(res_api, res_dataSend, function(res_ok, get_res_api_shop, res_state) {
$scope.dataApi.reward.ok = res_ok;
$scope.dataApi.reward.dataArray = get_res_api_shop.data;
$scope.dataApi.reward.dataArrayState = res_state;
$scope.getReward().createReward($scope.dataApi.product.dataArray.product_reward, get_res_api_shop.data.shop_point_config, function(res_reward) {
$scope.data.reward.type_id = res_reward.type_id;
$scope.data.reward.reward_amount = res_reward.amount;
$scope.data.reward.reward_percent = res_reward.percent;
$scope.data.reward.reward_every_price = res_reward.every_price;
/* --- Wait product/id ,shop/current --- */
/* ---- get attribute ---- */
$scope.getAttribute().productAttribute(get_res_api_product.data.product_attribute, function(res_attribute) {
$scope.data.attribute.dataArray = res_attribute;
$scope.getAttribute().checkMinPrices(get_res_api_product, res_attribute, function(res_data_price, res_state) {
$scope.data.attribute.state = res_state;
$scope.data.product_price = res_data_price.product_price;
$scope.data.product_compare_price = res_data_price.product_compare_price;
$scope.data.sum_product_price = res_data_price.sum_product_price;
$scope.data.sum_product_compare_price = res_data_price.sum_product_compare_price;
$scope.data.sum_product_compare_minus_sum_product_price = res_data_price.sum_product_compare_minus_sum_product_price;
$scope.getReward().getCalculator($scope.data.sum_product_price, $scope.data.reward, function(res_point_reward) {
$scope.data.reward.point_reward = res_point_reward;
});
/* ----- stock ----- */
$scope.data.quantity.quantity_max = res_data_price.product_price.total_stock;
$scope.data.quantity.quantity_select = [];
for (var i = 0; i < res_data_price.product_price.total_stock; i++) {
$scope.data.quantity.quantity_select.push(i + 1);
}
/* ----- stock ----- */
});
});
/* ---- get attribute ---- */
/* ---- get attribute custom ---- */
$scope.getAttributeCustom().createArray(get_res_api_product.data.product_custom_templates, function(res_custom_attribute, res_state) {
$scope.data.attribute_custom.state = res_state;
$scope.data.attribute_custom.dataArray = res_custom_attribute;
});
/* ---- get attribute custom ---- */
/* ---- get detail ---- */
$scope.getDetail().getDetail(get_res_api_product.data, function(res_description, res_info, res_state_info, res_specificatio, res_state_specificatio) {
$scope.data.detail.dataArray[0].data = res_description;
$scope.data.detail.dataArray[1].data = res_info;
$scope.data.detail.dataArray[1].state = res_state_info;
$scope.data.detail.dataArray[2].data = res_specificatio;
$scope.data.detail.dataArray[2].state = res_state_specificatio;
});
/* ---- get detail ---- */
/* ---- update state ---- */
$scope.getBuy().updateState($scope.dataApi.product.dataArray.product_id);
/* ---- update state ---- */
/* --- Wait product/id ,shop/current --- */
});
});
});
});
/* -- get api shop/current to reward -- */
/* -- res_referral_id from product/id to txt_referral_id get api referral/relation -- */
$scope.getData().getRouteParams(function(res_params, res_state) {
$scope.dataApi.relation.dataArrayState = res_state;
$scope.getData().getReferralId(get_res_api_product.data.product_referral_display, function(res_referral_id) {
$scope.dataApi.relation.dataSend.txt_referral_id = res_referral_id;
$scope.getData().dataSend($scope.dataApi.relation.api, $scope.dataApi.relation.dataSend, function(res_api, res_dataSend) {
$scope.getData().getApi(res_api, res_dataSend, function(res_ok, get_res_api_referral, res_state) {
$scope.dataApi.relation.ok = res_ok;
$scope.dataApi.relation.dataArray = (res_referral_id != 0) ? get_res_api_referral.data : [];
$scope.dataApi.relation.dataArrayState = res_state;
});
});
});
});
/* -- res_referral_id from product/id to txt_referral_id get api referral/relation -- */
/* -- product_staff_id from product/id to txt_staff_id get api staff/id -- */
$scope.getData().getRouteParams(function(res_params, res_state) {
$scope.getData().getStaffId(get_res_api_product.data.product_staff_id, function(res_staff) {
if (res_staff.status) {
$scope.dataApi.staff.dataArrayState = res_state;
$scope.dataApi.staff.dataSend.txt_staff_id = res_staff.staff_id;
$scope.getData().dataSend($scope.dataApi.staff.api, $scope.dataApi.staff.dataSend, function(res_api, res_dataSend) {
$scope.getData().getApi(res_api, res_dataSend, function(res_ok, res, res_state) {
$scope.dataApi.staff.ok = res_ok;
$scope.dataApi.staff.dataArray = res.data;
$scope.getData().getNameUrl(res.data.staff_first_name, function(res_staff_first_name_url) {
$scope.dataApi.staff.dataArray.staff_first_name_url = res_staff_first_name_url;
$scope.dataApi.staff.dataArrayState = res_state;
});
});
});
}
});
});
/* -- product_staff_id from product/id to txt_staff_id get api staff/id -- */
} else {
/* ok = false */
if ($scope.dataApi.product.dataArray.length != 0) {
/* product deal to product original */
if ($scope.dataApi.product.dataArray.product_set_array.length != 0) {
$scope.countDown().getNameUrl($scope.dataApi.product.dataArray.product_set_array[0].product_title, function(res_name) {
$scope.pages().pageUrl("product-detail", $scope.dataApi.product.dataArray.product_set_array[0].product_id, res_name);
});
} else {
$scope.pages().pageName("home");
}
} else {
/* product null */
$scope.pages().pageName("home");
}
}
});
});
});
});
/* - get api product/id end - */
/* get product api */
};
return promise;
});
var $xZoomTimer = null;
var $xZoomInstance = false;
_ui_share_app.directive('productDetailPageL', function ($rootScope, $routeParams, sliderProvider, $http) {
var templateName = 'productDetailPageL';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
imgpath: '@imgpath',
id: '@id',
background:'@background',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function (scope, element, attr) {
};
promise.controller = function ($scope, $timeout, $interval, $window) {
$scope.forbidden = false;
$scope._config = [];
$scope._host = _ui_host + templateName + '/';
$scope.data = false;
$scope.dataPreserve = false;
$scope._getPostIdFromURL = function(){
var test = $scope.id;
var a = $scope.id;
if(typeof $routeParams.product_id !== 'undefined'){
test = parseInt($routeParams.product_id);
a = $routeParams.product_id;
}
if(typeof test === 'number' && test > 0){
return test;
} else {
var b = a.split("-");
return b[0];
}
};
if(CUR_THEME.data.shop_id == "395"){
var req = {
url:"https://gaedemo101.getappeasy.com/store/api/v1/product/id?txt_product_id="+$scope._getPostIdFromURL(),
method: "GET",
};
$http(req).then(function(res){
if(res.data.ok == 1){
var e = res.data;
$scope.data = e.data;
$scope.dataPreserve = e.data;
$scope.buildVariantOption(e.data);
$scope.buildDataProductRelate($scope.id);
}
});
} else {
GAEAPI.get('product/id',{'txt_product_id':$scope._getPostIdFromURL()}).then(function(e){
if(e.ok == 1){
$scope.data = e.data;
$scope.dataPreserve = e.data;
$scope.buildVariantOption(e.data);
$scope.buildDataProductRelate($scope._getPostIdFromURL());
}
});
}
$scope.dataRelate = [];
$scope.buildDataProductRelate = function(product_id){
var j = {'relate_product_id_array':[product_id],'badge_id_array':[18]};
var d = {
'cur_page': 1,
'per_page': 6,
'txt_filter_json': JSON.stringify(j)
};
GAEAPI.get('product/lists',d).then(function(e){
if(e.ok == 1){
$scope.dataRelate = e.data.dataList;
console.log("dataRelate",$scope.dataRelate);
}
});
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData){
if(objectData.product_total_variant <= 0){
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
/*$scope.makeVariantsClick();*/
};
$scope.dataVariantsPick = [];
$scope.onSelectVariantItems = function($index, option_id){
if($index == 0 && option_id == ''){
return GAEAPI.get('product/id',{'txt_product_id':$scope._getPostIdFromURL()}).then(function(e){
if(e.ok == 1){
$scope.data = e.data;
$scope.dataPreserve = e.data;
}
});
} else {
$scope.dataVariantsPick[$index] = option_id;
if($scope.dataVariantsPick.length >= $scope.dataOption.length){
$scope.findVariantsData($scope.dataVariantsPick);
}
}
};
$scope.findVariantsData = function(variantsPick){
function compareArray(array_a, array) {
if (!array)
return false;
if (array_a.length != array.length)
return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i]))
return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
for(var i = 0; i < dataVariants.length; i++){
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if(compareArray(variantsPick,optionJson)){
console.log("findVariantsData", dataVariants[i]);
$scope.data.product_id = dataVariants[i].product_id; /* Warning */
$scope.data.product_sku = dataVariants[i].sku;
$scope.data.product_price = dataVariants[i].price;
$scope.data.product_compare_price = dataVariants[i].compare_price;
break;
}
}
console.log("onSelectVariantItems: Yes", $scope.dataPreserve);
};
$rootScope.$on('repeatend',function(){
/* Slider Send */
/*var optionsParmas = {
autoplay:true,
slidesToShow:1,
slidesToScroll:1,
dots:false,
arrows:false,
infinite:true
};
var extraOptions = {
animate: false
};
$timeout(function(){
sliderProvider("#gallery_slider", optionsParmas, "", "", extraOptions);
},500);
$timeout(function(){
$('.gallery_show_single img').xzoom({
Xoffset: 30,
tint: '#b9b5b3',
});
},500);*/
});
/* Slick Events */
$scope._slickGoLeft = function () {
setTimeout(function () {
$('#gallery_slider').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function () {
setTimeout(function () {
$('#gallery_slider').slick('slickNext');
}, 100);
};
/* Click SLick Item */
$scope.slickGoto = function (idx) {
setTimeout(function () {
$('#gallery_slider').slick('slickGoTo', idx);
}, 100);
};
/* Calcu Nav Arrows */
$scope.navArrowsCalculate=function(){
var size = (500 / 2);
var n = (size + 18) + 20;
return '-' + n + 'px';
};
$scope.navArrowWidth = function(){
return $('#gallery_slider').width() + 'px';
};
/* Optimize image size by device pixel
* @params {size} (integer) prefer size
* @params {image_url} (string) original image source link
* @params {image_width} (string) original image width
* @return string
*/
$scope.viewOptimizeImage = function(size, image_url, image_width){
if(window.devicePixelRatio >= 2 || parseInt(image_width) <= size){
return image_url;
}
var a = image_url.split("/"), b = a[a.length - 1];
a[a.length - 1] = 't'+size+'_' + b;
return a.join("/");
};
$scope.gallerySingleViewIndex = 0;
$scope.switchSingleView = function(idx){
console.log("$xZoomInstance",$xZoomInstance);
$('.gallery_show_single').css({'transition':'all 0.3s','opacity':'0'});
$timeout(function(){
$scope.gallerySingleViewIndex = idx;
$('.gallery_show_single').css({'opacity':'1'});
},300);
setTimeout(function(){
if($(window).width() >= 992){
if($("img.zoom").attr('data-api-width') > 400 && $("img.zoom").attr('data-api-height') > 400){
/*$("img.zoom").ezPlus({
'scrollZoom':true,
'responsive':true,
'zoomWindowWidth':400,
'zoomWindowHeight':400,
'zoomWindowOffetx':30,
});*/
$xZoomInstance = $('.zoom').xzoom({
Xoffset: 30,
tint: '#b9b5b3',
});
}
}
},300);
};
$scope.viewImg = function(i){
window.location.href=i;
};
};
return promise;
});
_ui_share_app.directive('productDetailPageM', function ($rootScope, $routeParams, sliderProvider, $componentProductDetail) {
var templateName = 'productDetailPageM';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
imgpath: '@imgpath',
id: '@id',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function (scope, element, attr) {
};
promise.controller = function ($scope, $timeout, $interval, $window, $http) {
$scope.forbidden = false;
$scope._config = [];
$scope._host = _ui_host + templateName + '/';
$scope.qtyProduct = 1;
$scope.data = false;
$scope.dataPreserve = false;
$scope.data_min = [];
$scope.tags_product = [];
$scope._getPostIdFromURL = function(){
var test = $scope.id;
var a = $scope.id;
if(typeof $routeParams.product_id !== 'undefined'){
test = parseInt($routeParams.product_id);
a = $routeParams.product_id;
}
if(typeof test === 'number' && test > 0){
return test;
} else {
var b = a.split("-");
return b[0];
}
};
var dataSend = {
'txt_product_id': $scope._getPostIdFromURL(),
};
$scope.data_video_id = false;
if(CUR_THEME.shop_id()=="541"){
$http.get("https://zoomcamera.getappeasy.com/store/api/v1/product/id", { params: dataSend }).then(function(res){
var e = res.data;
if(e.ok == 1){
console.log("product_set_array : data",e.data);
$scope.data = e.data;
$scope.dataPreserve = e.data;
$scope._getSupportDataCategory('category', e.data);
$scope.buildDataProductRelate($scope._getPostIdFromURL());
console.log("product_set_array : data",e.data);
$scope.data_video_id = $scope.data.product_id;
if(e.data.product_tags.length > 0){
$scope.tags_product = e.data.product_tags.split(",");
$scope.buildDataProductRelate(e.data.product_tags);
}
if(e.data.product_attribute.option_data != 0 && e.data.product_total_variant > 0){
if (e.data.product_attribute.option_data.variant_array.length != 0 && e.data.product_total_variant > 0) {
var set_varia0 = e.data.product_attribute.option_data.variant_array[0].price;
for (var i = 0; i < e.data.product_attribute.option_data.variant_array.length; i++) {
if(parseInt(set_varia0) >= parseInt(e.data.product_attribute.option_data.variant_array[i].price)){
set_varia0 = e.data.product_attribute.option_data.variant_array[i].price;
$scope.data_min = e.data.product_attribute.option_data.variant_array[i];
}
}
if($scope.data_min.length == 0){
$scope.data_min = e.data.product_attribute.option_data.variant_array[0];
}
console.log("iujdishjdskd : ",$scope.data_min);
$scope.buildVariantOption(e.data);
$scope.buildMultipleQuantity(e.data);
}
}
if(e.data.product_total_variant == 0 && e.data.product_total_stock > 0){
$scope.names = [];
for (var i = 0; i < parseInt(e.data.product_total_stock); i++) {
$scope.names.push(i+1);
}
console.log("nnames stock :",$scope.names);
}
if(e.data.product_total_variant == 0 && e.data.product_total_stock < 0){
$scope.names = [];
for (var i = 0; i < 20; i++) {
$scope.names.push(i+1);
}
console.log("nnames stock :",$scope.names);
}
if(e.data.product_total_variant > 0){
$scope.names = [];
for (var i = 0; i < 20; i++) {
$scope.names.push(i+1);
}
}
if (typeof $scope.data.product_attribute.option_data !== 'undefined' && $scope.data.product_total_variant > 0) {
if (typeof $scope.data.product_attribute.option_data.pclass_array !== 'undefined' && $scope.data.product_attribute.option_data.pclass_array.length) {
// $scope.buildMultipleQuantity(e.data);
}
}
}
});
}else{
$componentProductDetail.get('product/id',{'txt_product_id':$scope._getPostIdFromURL()}, function(e){
if(e.ok == 1){
$scope.data = e.data;
$scope.dataPreserve = e.data;
$scope.data_video_id = $scope.data.product_id;
$scope._getSupportDataCategory('category', e.data);
// $scope.buildDataProductRelate($scope._getPostIdFromURL());
if(e.data.product_tags.length > 0){
$scope.buildDataProductRelate(e.data.product_tags);
}
if (typeof $scope.data.product_attribute.option_data !== 'undefined' && $scope.data.product_total_variant > 0) {
if (typeof $scope.data.product_attribute.option_data.pclass_array !== 'undefined' && $scope.data.product_attribute.option_data.pclass_array.length) {
$scope.buildVariantOption(e.data);
}
}
}
});
};
$scope._idUrl = function(instr) {
var outstr = instr.split("-", 1).join("");
return outstr;
};
$scope.ifOptionUnSelect = function() {
return ($('.d_qty_price.active.inin').length > 0) ? true : false;
};
$scope.dataRelate = [];
$scope.buildDataProductRelate = function(product_id){
var j = {"tags":product_id,'badge_id_array':[18]};
var d = {
'cur_page': 1,
'per_page': 8,
'txt_filter_json': JSON.stringify(j)
};
GAEAPI.get('product/lists',d).then(function(e){
if(e.ok == 1){
/*$scope.dataRelate = e.data.dataList;*/
var d = [];
angular.forEach(e.data.dataList, function(item){
if(item.product_id !== $scope.data.product_id){
d.push(item);
}
});
$scope.dataRelate = d;
}
});
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData) {
if (objectData.product_total_variant <= 0) {
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
$scope.onSelectVariantItems(0, '');
};
$scope.dataVariantsPick = [];
$scope.onSelectVariantItems = function($index, option_id) {
$scope.testyuyu = 0;
if (option_id == '') {
$scope.testyuyu = 0;
$('.d_qty_price').removeClass("active");
$('.d_qty_price').removeClass("inin");
$('.d_qty').removeClass('active').removeClass('inin');
$('.dsetting').addClass("active");
$('.d_qty_not_result').addClass("active");
$scope.dataVariantsPick[$index] = option_id;
console.log("check_vareian 1000:", $scope.dataVariantsPick.length, $index, $scope.dataVariantsPick, $scope.dataOption.length);
return GAEAPI.get('product/id', {
'txt_product_id': $scope._idUrl($routeParams.product_id)
}).then(function(e) {
if (e.ok == 1) {
$scope.data = e.data;
$scope.dataPreserve = e.data;
}
});
} else {
$scope.dataVariantsPick[$index] = option_id;
for (var i = 0; i < $scope.dataVariantsPick.length; i++) {
if ($scope.dataVariantsPick[i] != undefined && $scope.dataVariantsPick[i] != "") {
$scope.testyuyu++;
}
}
if ($scope.testyuyu >= $scope.dataOption.length) {
$scope.testyuyu = 0;
$('.d_qty_not_result').removeClass("active");
$('.dsetting').removeClass("active");
$scope.findVariantsData($scope.dataVariantsPick);
} else {
$scope.testyuyu = 0;
$('.d_qty').removeClass('active').removeClass('inin');
$('.d_qty_price').removeClass("active");
$('.d_qty_price').removeClass("inin");
}
console.log("check_vareian 1001:", $scope.dataVariantsPick.length, $index, $scope.dataVariantsPick, $scope.dataOption.length, $scope.electric);
}
};
$scope.findVariantsData = function(variantsPick) {
var count = 0;
$scope._data_qty_model = 1;
function compareArray(array_a, array) {
if (!array) return false;
if (array_a.length != array.length) return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i])) return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
for (var i = 0; i < dataVariants.length; i++) {
var _self = dataVariants[i];
var _self_option = angular.fromJson(_self.option_id_json);
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if (compareArray(variantsPick, optionJson)) {
$scope.name_qty = [];
$scope.data.product_id = dataVariants[i].product_id;
// $scope.data.product_sku = dataVariants[i].sku;
$scope.data.product_price = dataVariants[i].price;
$scope.data.product_compare_price = dataVariants[i].compare_price;
$scope.data.product_total_stock = dataVariants[i].total_stock;
console.log("selectedOptionTextJson: option",$scope.data.product_price);
for (var i = 0; i < parseInt($scope.data.product_total_stock); i++) {
$scope.name_qty.push(i+1);
}
console.log("auysuwgdhsdgsh :",$scope.name_qty , $scope._data_qty_model);
$scope.switchQuantityByKey('-' + variantsPick.join('-') + '-');
// name_qty
console.log("selectedOptionTextJson: option", _self);
if (_self.variant_image.length) {
var rightImagePosition = 0;
for (var im = 0; im < $scope.data.product_image.length; im++) {
if ($scope.data.product_image[im].image_id == _self.variant_image[0].image_id) {
rightImagePosition = im;
break;
}
}
$timeout(function() {
console.log("Found Varaint Image", _self.variant_image[0].image_id);
if ($(window).width <= 991) {
$scope._slickGoto('gallery_show', rightImagePosition);
} else {
angular.element('.gallery-thumbnail .thumb-img[data-image-id="' + _self.variant_image[0].image_id + '"]').click();
}
}, 300);
}
break;
}
if(!compareArray(variantsPick, optionJson)){
count++;
}
if(count >= dataVariants.length){
// alert(count);
// $scope.data.product_sku = dataVariants[i].sku;
$scope.data.product_price = 0;
$scope.data.product_compare_price = 0;
}
}
// alert(count);
};
$rootScope.$on('repeatend',function(){
/* Slider Send */
var optionsParmas = {
autoplay:true,
slidesToShow:1,
slidesToScroll:1,
dots:false,
arrows:false,
infinite:true
};
var extraOptions = {
animate: false
};
$timeout(function(){
sliderProvider("#gallery_slider", optionsParmas, "", "", extraOptions);
},500);
});
/* Slick Events */
$scope._slickGoLeft = function () {
$timeout(function () {
$('#gallery_slider').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function () {
$timeout(function () {
$('#gallery_slider').slick('slickNext');
}, 100);
};
/* Click SLick Item */
$scope.slickGoto = function (idx) {
$timeout(function () {
$('#gallery_slider').slick('slickGoTo', idx);
}, 100);
};
/* Calcu Nav Arrows */
$scope.navArrowsCalculate=function(){
var size = (500 / 2);
var n = (size + 18) + 20;
return '-' + n + 'px';
};
$scope.navArrowWidth = function(){
return $('#gallery_slider').width() + 'px';
};
/* Build title for Address link*/
$scope.buildTitleUrl = function(str){
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--","-");
return s;
};
/* Calculate discount (simple mode)
* @params {expensivePrice}
* @params {salePrice}
* @return int
*/
$scope.calculateDiscount = function(expensivePrice, salePrice){
var dif = expensivePrice - salePrice;
return parseInt(dif * 100 / expensivePrice);
};
$scope.support_data = {
category: [],
};
$scope._getSupportDataCategory = function(type,data){
var dataSend = {
'txt_referral_id': data.product_referral_display.category[0].referral_id
};
GAEAPI.get('referral/relation',dataSend).then(function(e){
if(e.ok == 1){
$scope.support_data.category = e.data;
}
});
};
/* Optimize image size by device pixel
* @params {size} (integer) prefer size
* @params {image_url} (string) original image source link
* @params {image_width} (string) original image width
* @return string
*/
$scope.viewOptimizeImage = function(size, image_url, image_width){
if(window.devicePixelRatio >= 2 || parseInt(image_width) <= size){
return image_url;
}
var a = image_url.split("/"), b = a[a.length - 1];
a[a.length - 1] = 't'+size+'_' + b;
return a.join("/");
};
/* Hide when visible badge */
$scope.exceptVisibleBadge = function(objectItem){
var r = parseInt(objectItem.badge_id);
var s = false;
switch (r) {
case 16:
case 72:
case 74:
case 75:
s = true;
break;
default:
s = false;
break;
}
return s;
};
$scope.newLoginregister = function(name){
window.location.href=GURL.base_url()+name;
};
$scope.invited = [];
$scope.insertinvited = function(user) {
if(user) {
if(user.product_attribute.length != 0){
if($scope.invited[0] == user.product_id){
return;
}
$scope.invited.push(user.product_id);
}else{
alert("item can't compare");
}
} else {
console.log("test_array :",$scope.invited);
}
};
/* Display Badge Name */
$scope.renderBadgeType = function(objectItem){
var r = parseInt(objectItem.badge_id);
var str = 'No Badge';
switch(r){
case 16: str = "FEATURED"; break;
case 72: str = "NEW"; break;
case 74: str = "RECOMMEND"; break;
case 75: str = "BEST SELLER"; break;
case 82: str = "NEW (App)"; break;
case 83: str = "RECOMMEND (App)"; break;
case 84: str = "BEST SELLER (App)"; break;
}
return str;
};
$scope.data_viewTab = 1;
$scope._viewTab = function(index){
$scope.data_viewTab = index;
};
$scope._data_qty_model = 1;
$scope._data_qty_selected = 1;
$scope.currentOptionQtyPick = function(variant_key) {
var e=1;
// var e = angular.element('input[name="detail_qty"]');
// if (typeof variant_key !== 'undefined') {
// e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
// }
if ($('#detail_qty[variant-key="' + variant_key + '"]').val() != undefined && $('#detail_qty[variant-key="' + variant_key + '"]').val() != '' && isNaN($('#detail_qty[variant-key="' + variant_key + '"]').val())) {
e = parseInt($('#detail_qty[variant-key="' + variant_key + '"]').val().substr(7));
console.log("sudyusdysudysyususu :",e);
}
// if(isNaN(e)){
// e = 1;
// }
// alert(e);
return e;
};
$scope.watchQty = function(variant_key) {
var e = angular.element('select[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('select[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt($('#detail_qty[variant-key="' + variant_key + '"]').val().substr(7));
console.log("data_set array test : ",i);
$scope._data_qty_selected = i;
// parseInt(e.val());
// alert(i);
if (i <= 0 || typeof i == 'undefined' || isNaN(i)) {
var t = $timeout(function() {
$timeout.cancel(t);
$scope._data_qty_selected = 1;
e.val(1);
}, 600);
}
};
$scope.productQuantityMultiArray = [];
$scope.lastCheckedVariantKey = '';
$scope.buildMultipleQuantity = function(productObj) {
$scope.productQuantityMultiArray = [];
var r = [],
p = productObj.product_attribute.option_data.variant_array;
for (var i = 0; i < p.length; i++) {
if (p[i].status == 1 && p[i].status == 1) {
$scope.productQuantityMultiArray.push({
v_key: p[i].variant_key,
v_name: p[i].option_name_array[0],
v_qty: 1,
v_active: 0
});
}
}
console.log("iufthsgsdkhfgsdkfjhd :", $scope.productQuantityMultiArray);
};
$scope.switchQuantityByKey = function(variant_key) {
$scope.lastCheckedVariantKey = variant_key;
$('.d_qty').removeClass('active').removeClass('inin');
$('.d_qty_price[variant-key!="' + variant_key + '"]').removeClass('active').removeClass('inin');
$('.d_qty[variant-key="' + variant_key + '"]').addClass('active');
$('.d_qty[variant-key="' + variant_key + '"]').addClass('inin');
$('.d_qty_price[variant-key="' + variant_key + '"]').addClass('active');
$timeout(function() {
// $('.d_qty[variant-key="' + variant_key + '"]').addClass('inin');
$('.d_qty_price[variant-key="' + variant_key + '"]').addClass('inin');
}, 300);
};
$scope.viewQuantity = function() {
var check_num = 1;
if($(".d_qty.inin").find('select').val() != undefined && $(".d_qty.inin").find('select').val() != ''){
check_num = $(".d_qty.inin").find('select').val().substr(7);
}else{
$(".d_qty.inin").find('select').val("number:1");
$(".d_qty.inin").find('select').selectedIndex = "2";
}
console.log("shdgshdgsh :",check_num);
return parseInt(check_num);
};
$scope.warning = 0;
$scope.getWarn = function() {
$scope.warning = 1;
};
$scope.outofstock = 0;
$scope.getOutofstock = function() {
$scope.outofstock = 1;
};
};
return promise;
});
_ui_share_app.directive('productDetailPageMa', function($rootScope, $routeParams, sliderProvider ) {
var templateName = 'productDetailPageMa';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
name: '@name',
fontcolor: '@fontcolor',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window , $location) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.dataTag = false;
$scope._dataArray = [];
// $scope.product_sku = "";
// $scope.product_code = "";
// $scope.product_price = 0;
// $scope.product_compare_price = 0;
$scope._dataArrayState = {
load: true,
done: false
};
$scope._getDataArray = function(id) {
$scope._dataArrayState = $scope.StateData(true, false);
var filter_json = {}
var dataSend = {
'txt_product_id': id,
'txt_filter_json': JSON.stringify(filter_json)
};
console.log('dataSend_Product', dataSend);
GAEAPI.get('product/id', dataSend).then(function(res) {
if (res.ok === 1) {
$scope._dataArray = res.data;
$scope.dataPreserve = res.data;
// $scope.product_sku = res.data.product_sku;
// $scope.product_code = res.data.product_code;
$scope.product_price = $scope.calculate(res.data.product_price, res.data.product_compare_price, res.data.product_discount.discount_id, res.data.product_discount.discount_price, res.data.product_discount.discount_percent);
$scope.product_compare_price = $scope.pricefull(res.data.product_price, res.data.product_compare_price, res.data.product_discount.discount_id, res.data.product_discount.discount_price, res.data.product_discount.discount_percent);
if ($scope._dataArray.product_referral_display.category != 'undefined' && $scope._dataArray.product_referral_display.category != null) {
$scope.getRelation($scope._dataArray.product_referral_display.category[0].referral_id);
}
if(res.data.product_tags != "" && res.data.product_tags != undefined){
$scope.dataTag = res.data.product_tags.split(",");
}
if (res.data.product_attribute.length != 0) {
if (res.data.product_attribute.option_data.variant_array.length != 0 && res.data.product_total_variant > 0) {
// alert("x๊อบไข่สด");
var set_varia0 = res.data.product_attribute.option_data.variant_array[0].price;
for (var i = 0; i < res.data.product_attribute.option_data.variant_array.length; i++) {
if (parseInt(set_varia0) >= parseInt(res.data.product_attribute.option_data.variant_array[i].price)) {
set_varia0 = res.data.product_attribute.option_data.variant_array[i].price;
$scope.data_min = res.data.product_attribute.option_data.variant_array[i];
}
}
if ($scope.data_min.length == 0) {
$scope.data_min = res.data.product_attribute.option_data.variant_array[0];
}
console.log("iujdishjdskd : ", $scope.data_min);
$scope.buildVariantOption(res.data);
}
$scope._dataArray.product_price = $scope.data_min.price;
$scope._dataArray.product_compare_price = $scope.data_min.compare_price;
}
$scope.qtyCurrentSize(res.data.product_total_variant, res.data.product_total_stock);
// $scope.buildVariantOption(res.data);
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.mkCarousel = function(elem) {
var carousel = $(elem + '[data-id=' + $scope._key() + ']');
var is_dark;
carousel.not('.slick-initialized').slick({
dots: true,
arrows: true,
autoplay: true,
autoplaySpeed: 4000,
slidesToShow: 1,
slidesToScroll: 1,
infinite: true,
speed: 600,
responsive: [{
breakpoint: 1200,
settings: {
slidesToShow: 1,
}
}, {
breakpoint: 991,
settings: {
slidesToShow: 1,
}
}, {
breakpoint: 767,
settings: {
slidesToShow: 1,
}
}]
}).closest('section').addClass('active');
};
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.redirectCheckout = function(p,q){
window.location.href = GURL.base_url() + "checkout?pdata="+p+'-'+q;
};
$scope.dataRelation = [];
$scope.getRelation = function(referral_id) {
var dataSend = {
'txt_referral_id': referral_id
};
GAEAPI.get('referral/relation', dataSend).then(function(res) {
if (res.ok == 1) {
$scope.dataRelation = res.data;
}
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
};
$scope._getIdUrl = function() {
var getData = [];
var returnData = '';
if (typeof $routeParams.product_id !== 'undefined') {
getData = $routeParams.product_id;
returnData = getData.split("-");
return returnData[0];
}
};
$scope.viewImg = 0;
$scope.changeImg = function(i) {
return $scope.viewImg = i;
};
$scope._saleState = {
discount: 0
};
$scope.sale = function(price, compare_price, discount_id, discount_price, discount_percent) {
var sale = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
sale = discount_price;
$scope._saleStatres.discount = 'price';
} else if (discount_percent != 0 && discount_price == 0) {
sale = discount_percent;
$scope._saleStatres.discount = 'percent';
}
}
return (sale > 0) ? sale : 0;
}
$scope._pricefullState = {
pricefull: 0
};
$scope.pricefull = function(price, compare_price, discount_id, discount_price, discount_percent) {
var pricefull = 0;
if (discount_id != undefined) {
if (price != undefined && price != 0) {
pricefull = price;
$scope._pricefullState.pricefull = 'not zero';
} else {
pricefull = 0;
$scope._pricefullState.pricefull = 'zero';
}
} else {
if (compare_price > 0 && compare_price != undefined) {
pricefull = compare_price;
$scope._pricefullState.pricefull = 'not zero';
} else {
$scope._pricefullState.pricefull = 'zero';
}
}
return pricefull;
}
$scope._calculateState = {
calculate: 0
};
$scope.calculate = function(price, compare_price, discount_id, discount_price, discount_percent) {
var calculate = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
calculate = price - discount_price;
} else if (discount_percent != 0 && discount_price == 0) {
calculate = price - ((discount_percent / 100) * price);
}
} else {
calculate = price
}
if (calculate != undefined && calculate != 0) {
$scope._calculateState.calculate = 'not zero';
} else {
$scope._calculateState.calculate = 'zero';
}
return (calculate > 0) ? calculate : 0;
}
$scope.qtyCurrentSize = function(product_total_variant, product_total_stock) {
$scope.qty_current_size = [];
console.log("qtyCurrentSize : product_total_variant : ", product_total_variant, "product_total_stock : ", product_total_stock);
if (product_total_variant == 0) {
if (product_total_stock > 0) {
$scope.qty_current_size_state = true;
$scope.buy_state = true;
for (var i = 0; i < parseInt(product_total_stock); i++) {
$scope.qty_current_size.push(i + 1);
}
} else if (product_total_stock < 0) {
$scope.qty_current_size_state = true;
$scope.buy_state = true;
for (var i = 0; i < 20; i++) {
$scope.qty_current_size.push(i + 1);
}
} else if (product_total_stock == 0) {
$scope.qty_current_size_state = false;
$scope.buy_state = true;
for (var i = 0; i < 1; i++) {
$scope.qty_current_size.push(i + 1);
}
} else {
$scope.qty_current_size_state = false;
$scope.buy_state = false;
for (var i = 0; i < 1; i++) {
$scope.qty_current_size.push(i + 1);
}
}
} else if (product_total_variant > 0) {
if (product_total_stock <= 0) {
$scope.qty_current_size_state = false;
$scope.buy_state = true;
for (var i = 0; i < 1; i++) {
$scope.qty_current_size.push(i + 1);
}
} else if (product_total_stock > 0) {
$scope.qty_current_size_state = true;
$scope.buy_state = true;
for (var i = 0; i < product_total_stock; i++) {
$scope.qty_current_size.push(i + 1);
}
}
}
$scope.qtyShow($scope.qty_current_size);
};
$scope.htmlSelectTime = 0;
$scope.qtyShow = function(array) {
$scope.htmlSelectTime = 0;
console.log("qtyShow ", array);
var htmlOPT = "";
for (var i = 0; i < array.length; i++) {
htmlOPT += '';
}
console.log("qty_current_size htmlOPT", htmlOPT);
if (htmlOPT != "") {
$scope.htmlSelectTime = $timeout(function() {
$('#qtyselect').html(htmlOPT);
$timeout.cancel($scope.htmlSelectTime);
}, 500);
}
}
$scope.viewQuantity = function() {
var check_int = 1;
if ($(".d_qty").val() == undefined) {
$(".d_qty").val("1");
check_int = parseInt($(".d_qty").val());
check_int = 1;
} else if ($(".d_qty").val() == "? number:1 ?") {
$(".d_qty").val("1");
check_int = parseInt($(".d_qty").val());
} else {
check_int = parseInt($(".d_qty").val());
$(".d_qty").val(check_int);
}
return check_int;
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData) {
if (objectData.product_total_variant <= 0) {
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
$scope.makeVariantsClick();
};
$scope.dataVariantsPick = [];
$scope.onSelectVariantItems = function($index, option_id) {
console.log("onSelectVariantItems option_id:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
console.log("onSelectVariantItems dataVariantsPick:", $scope.dataVariantsPick);
if ($scope.dataVariantsPick.length >= $scope.dataOption.length) {
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope.onClickVariantItems = function($index, option_id){
console.log("onSelectVariantItems:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
if($scope.dataVariantsPick.length >= $scope.dataOption.length){
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope.findVariantsData = function(variantsPick) {
function compareArray(array_a, array) {
if (!array) return false;
if (array_a.length != array.length) return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i])) return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
for (var i = 0; i < dataVariants.length; i++) {
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
console.log("dataVariants :", dataVariants);
var count = 0;
if (compareArray(variantsPick, optionJson)) {
$scope._dataArray.product_id = dataVariants[i].product_id;
$scope._dataArray.product_sku = dataVariants[i].sku;
$scope._dataArray.product_price = dataVariants[i].price;
$scope._dataArray.product_compare_price = dataVariants[i].compare_price;
$scope._dataArray.product_total_stock = dataVariants[i].total_stock;
$scope.max_length = dataVariants[i].total_stock;
$scope.qtyCurrentSize(dataVariants.length, dataVariants[i].total_stock);
break;
}
if (!compareArray(variantsPick, optionJson)) {
count++;
}
if (count >= dataVariants.length) {
// alert(count + " and " + dataVariants.length);
// $scope.data.product_sku = dataVariants[i].sku;
$scope._dataArray.product_price = 0;
$scope._dataArray.product_compare_price = 0;
}
}
};
$scope.makeVariantsClick = function() {
var s = $timeout(function() {
$scope.buy_state = false;
}, 100);
};
$scope.viewInfo = 1;
$scope.view = function(input) {
$scope.viewInfo = input;
}
$scope._getDataArray($scope._getIdUrl());
};
return promise;
});_ui_share_app.directive('productDetailPageMaeju', function($rootScope, $routeParams, $location, sliderProvider) {
var templateName = 'productDetailPageMaeju';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
name: '@name',
icon: '@icon',
stylebutton: '@stylebutton'
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.navigationBar = [];
$scope.dataArray = [];
$scope.dataArrayTags = [];
$scope.dataArrayState = {
load: false,
done: false
};
$scope.dataProductBuy = {
inputQuantity: 1,
quantity: 1,
price: 0,
sumprice: 0,
quantity_min: 0,
quantity_max: 0,
result_price: 0
};
$scope.showTab = {
activeTab: 'description',
dataTab: [{
en: 'description',
th: 'รายละเอียดสินค้า',
data: ''
}, {
en: 'info',
th: 'วิธีการชำระเงินและวิธีการจัดส่ง',
data: ''
}]
};
$scope.attribute = {
state: false,
attributeOption: [],
variants: 'description',
variantsPick: [],
dataVariants: [],
variantsTotal: 0
};
$scope.buy = {
state: false,
attribute: false
};
$scope.processBuy = function() {
var functionIn = {
consoleLog: function(name, data) {
console.log(name, data);
},
onClickFalse: function() {
if ($scope.attribute.variantsTotal != 0) {
$scope.buy.attribute = true;
}
}
}
return functionIn;
};
$scope.attributeOption = function() {
var functionIn = {
consoleLog: function(name, data) {
console.log("productDetailPageMaeju : ", name, data);
},
checkVariantsPick: function(variantsPick) {
if (variantsPick.length != 0) {
var state = 0;
for (var i = 0; i < variantsPick.length; i++) {
if (variantsPick[i] == "") {
state = state + 1;
}
}
if (state == 0) {
return true
} else {
return false
}
} else {
return false
}
},
compareArray: function(attributeOption, optionJson) {
if (!optionJson) return false;
if (attributeOption.length != optionJson.length) return false;
for (var i = 0, l = attributeOption.length; i < l; i++) {
if (attributeOption[i] instanceof Array && optionJson[i] instanceof Array) {
if (!compareArray(attributeOption[i], optionJson[i])) return false;
} else if (attributeOption[i] != optionJson[i]) {
return false;
}
}
return true;
},
checkAttributeOption: function(attributeOption, attributeOptionLength, callback) {
var _self = this;
var attribute = (attributeOption.length == attributeOptionLength) ? true : false;
for (var i = 0; i < attributeOption.length; i++) {
_self.consoleLog("checkAttributeOption : attributeOption[i] : ", attributeOption[i]);
if (attributeOption[i] == undefined) {
attribute = false;
}
}
callback(attribute);
},
findVariantsData: function(attributeOption, dataVariants, attributeOptionLength, callback) {
var _self = this;
_self.consoleLog("findVariantsData : attributeOption : ", attributeOption);
_self.consoleLog("findVariantsData : dataVariants : ", dataVariants);
_self.consoleLog("findVariantsData : attributeOptionLength : ", attributeOptionLength);
_self.checkAttributeOption(attributeOption, attributeOptionLength, function(res_attribute_option) {
_self.consoleLog("checkAttributeOption : callback : res_attribute_option ", res_attribute_option);
var variantsOut = [];
for (var i = 0; i < dataVariants.length; i++) {
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if (_self.compareArray(attributeOption, optionJson)) {
_self.consoleLog("findVariantsData : dataVariants[i] : ", dataVariants[i]);
variantsOut = dataVariants[i];
break;
}
}
callback(variantsOut, res_attribute_option);
});
},
checkOption: function(variants_total, callback) {
var state = true;
if (variants_total == 0) {
state = false;
}
callback(state);
},
checkTotalStock: function(stateIn, quantity_max, callback) {
var _self = this;
var state = true;
_self.consoleLog("checkTotalStock : index : ", stateIn);
_self.consoleLog("checkTotalStock : quantity_max : ", quantity_max);
if (stateIn == false && quantity_max > 0) {
state = false;
}
callback(state);
},
onClickOption: function($index, option_id) {
var _self = this;
_self.consoleLog("onClickOption : index : ", $index);
_self.consoleLog("onClickOption : option_id : ", option_id);
$scope.attribute.variantsPick[$index] = option_id;
_self.consoleLog("onClickOption : $scope.attribute.variantsPick[$index] : ", $scope.attribute.variantsPick[$index]);
if ($scope.attribute.attributeOption.length >= $scope.attribute.variantsPick.length) {
if (_self.checkVariantsPick($scope.attribute.variantsPick)) {
_self.consoleLog("onClickOption : if : $scope.attribute.attributeOption.length : ", $scope.attribute.attributeOption.length);
_self.consoleLog("onClickOption : if : $scope.attribute.variantsPick.length : ", $scope.attribute.variantsPick.length);
_self.findVariantsData($scope.attribute.variantsPick, $scope.attribute.dataVariants, $scope.attribute.attributeOption.length, function(variantsOut, res_attribute_option) {
_self.consoleLog("onClickOption : if : findVariantsData : variantsOut : ", variantsOut);
_self.consoleLog("onClickOption : if : findVariantsData : res_attribute_option : ", res_attribute_option);
if (variantsOut.length != 0 && res_attribute_option) {
$scope.dataArray.product_id = variantsOut.product_id;
$scope.dataArray.product_sku = variantsOut.sku;
$scope.dataProductBuy.price = variantsOut.price;
$scope.dataArray.product_compare_price = variantsOut.compare_price;
$scope.dataProductBuy.quantity_max = variantsOut.total_stock;
if (variantsOut.variant_image != 0) {
if ($scope.dataArray.product_image.length != 0) {
for (var i = 0; i < $scope.dataArray.product_image.length; i++) {
$scope.dataArray.product_image[i].image_id
if ($scope.dataArray.product_image[i].image_id == variantsOut.variant_image[0].image_id) {
$scope.slickImageGoto(i);
}
}
}
}
_self.checkOption($scope.attribute.variantsTotal, function(state) {
_self.checkTotalStock(state, variantsOut.total_stock, function(state) {
$scope.buy.state = state;
if ($scope.attribute.variantsTotal != 0) {
$scope.buy.attribute = true;
}
});
});
} else if (variantsOut.length == 0 && res_attribute_option) {
$scope.dataArray.product_id = 0;
$scope.dataArray.product_sku = '';
$scope.dataProductBuy.price = 0;
$scope.dataArray.product_compare_price = 0;
$scope.dataProductBuy.quantity_max = 1;
$scope.buy.state = true;
$scope.buy.attribute = true;
}
$scope.quantity().input();
});
}
}
}
}
return functionIn;
};
$scope.quantity = function() {
var quantity = {
upDatePrice: function() {
$scope.dataProductBuy.sumprice = $scope.dataProductBuy.price * $scope.dataProductBuy.quantity;
},
input: function() {
var _self = this;
if ($scope.dataProductBuy.inputQuantity > 0) {
if ($scope.dataProductBuy.inputQuantity <= $scope.dataProductBuy.quantity_max) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.inputQuantity;
} else {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity_max;
$scope.dataProductBuy.inputQuantity = $scope.dataProductBuy.quantity_max;
}
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
} else {
console.log("quantity : input : ", $scope.dataProductBuy.inputQuantity);
if ($scope.dataProductBuy.inputQuantity <= 0) {
$scope.dataProductBuy.quantity = 1;
} else {
$scope.dataProductBuy.inputQuantity = 1;
$scope.dataProductBuy.quantity = 1;
}
/* $scope.dataProductBuy.quantity = 1;
$scope.dataProductBuy.inputQuantity = 1; */
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
}
},
minus: function() {
var _self = this;
if (($scope.dataProductBuy.quantity - 1) != $scope.dataProductBuy.quantity_min) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity - 1;
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
}
},
plus: function() {
var _self = this;
if (($scope.dataProductBuy.quantity + 1) <= $scope.dataProductBuy.quantity_max) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity + 1;
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
}
}
}
return quantity;
};
$scope.carouselId = '';
$scope.slickCarouselId = function() {
if ($scope.carouselId == '') {
$scope.carouselId = Math.floor((Math.random() * 9999) + 1000);
return $scope.carouselId;
} else {
return $scope.carouselId;
}
};
$scope.slickImageGoto = function(idx) {
setTimeout(function() {
$('[data-key="' + $scope.carouselId + '"]').slick('slickGoTo', idx);
}, 100);
};
$scope.imageCarousel = function(cover_in, carousel_in) {
$(cover_in).css('height', '0');
$(cover_in).css('opacity', '0');
setTimeout(function() {
var carousel = $(carousel_in);
carousel.not('.slick-initialized').slick({
dots: true,
arrows: true,
autoplay: false,
autoplaySpeed: 4000,
infinite: true,
prevArrow: '',
nextArrow: '',
speed: 600,
}).closest('section').addClass('active');
$(cover_in).css('height', 'auto');
$(cover_in).css('opacity', '1');
}, 100);
};
$scope.getDataArray = function() {
var data = {
consoleLog: function(name, data) {
console.log('productDetailPageMaeju : ', name, data);
},
stateData: function(loadIn, doneIn) {
var state = {
load: loadIn,
done: doneIn
};
return state;
},
getProductId: function(callback) {
var params = $routeParams;
var product_id = params.product_id.split("-", 1).join("");
callback(product_id)
},
getDataProductArray: function(api, callback) {
var _self = this;
var output = [];
_self.getProductId(function(product_id) {
var dataSendProductId = {
'txt_product_id': product_id
};
_self.getDataArray(api, dataSendProductId, function(output) {
callback(output);
});
});
},
getNavigationBar: function(product_referral_display, api, callback) {
var _self = this;
product_referral_display.category = (product_referral_display.category != '' && product_referral_display.category != undefined) ? product_referral_display.category : [];
var output = [];
_self.consoleLog("product_referral_display : ", product_referral_display);
if (product_referral_display.category.length != 0) {
var dataSendReferralId = {
'txt_referral_id': product_referral_display.category[0].referral_id
};
_self.getDataArray(api, dataSendReferralId, function(output) {
callback(output);
});
} else {
callback(output);
}
},
getDataArray: function(api, dataSend, callback) {
GAEAPI.get(api, dataSend, $scope).then(function(output) {
callback(output);
});
},
getQuantityBreak: function(api, callback) {
var _self = this;
_self.getProductId(function(product_id) {
var customerId = 0;
if (UiCustomerBox.delegate.get.isLogin()) {
customerId = parseInt(UiCustomerBox.delegate.get.me().customer_id);
}
var dataSendQuantityBreak = {
'txt_product_id': product_id,
'txt_customer_id': customerId
};
var quantity_break = [];
_self.getDataArray(api, dataSendQuantityBreak, function(output) {
if (output.ok == 1) {
quantity_break = output.data.quantity_break;
callback(quantity_break);
}
callback(quantity_break);
});
});
},
quantity: function(product_total_stock, callback) {
var total_stock = 0;
if (product_total_stock == -1) {
total_stock = 20;
} else if (product_total_stock != -1 && product_total_stock != 0) {
total_stock = product_total_stock;
}
callback(total_stock);
},
quantityBreaks: function() {
var _self = this;
var productQuantityBreak = GAEAPI.getValueForKey($scope.dataArray, "product_quantity_break", []);
var quantityBreak = GAEAPI.getValueForKey(productQuantityBreak, "quantity_break", []);
var product_price = GAEAPI.getValueForKey($scope.data, "product_price", 0);
for (var index in quantityBreak) {
var rowData = quantityBreak[index];
var amount_end = parseInt(GAEAPI.getValueForKey(rowData, "amount_end", 0));
var unit_price = parseInt(GAEAPI.getValueForKey(rowData, "unit_price", 0));
if ($scope.dataProductBuy.quantity >= amount_end) {
$scope.dataProductBuy.result_price = unit_price;
}
}
},
showTab: function(input, callback) {
var description = input.product_description;
var info = input.product_more_info;
callback(description, info);
},
productTab: function(product_tags, callback) {
var _self = this;
_self.consoleLog("productTab : product_tags : ", product_tags);
var productTab = [];
if (product_tags != undefined) {
if (product_tags != "") {
productTab = product_tags.split(",");
callback(productTab);
} else {
callback(productTab);
}
} else {
callback(productTab);
}
},
getAttribute: function(input, callback) {
var _self = this;
var attribute = [];
var variants = [];
var variants_total = 0;
_self.consoleLog("getAttribute : input : ", input);
if (input.product_attribute.option_data !== 'undefined' && input.product_total_variant > 0) {
_self.consoleLog("getAttribute : input.product_attribute.option_data : ", input.product_attribute.option_data);
_self.consoleLog("getAttribute : input.product_total_variant : ", input.product_total_variant);
if (input.product_attribute.option_data.pclass_array !== 'undefined' && input.product_attribute.option_data.pclass_array.length) {
_self.consoleLog("getAttribute : input.product_attribute.option_data.pclass_array : ", input.product_attribute.option_data.pclass_array);
_self.consoleLog("getAttribute : input.product_attribute.option_data.pclass_array.length : ", input.product_attribute.option_data.pclass_array.length);
attribute = input.product_attribute.option_data.pclass_array;
variants = input.product_attribute.option_data.variant_array;
variants_total = input.product_total_variant;
}
}
callback(variants_total, attribute, variants);
},
checkOption: function(variants_total, callback) {
var state = true;
if (variants_total == 0) {
state = false;
}
callback(state);
},
checkTotalStock: function(stateIn, quantity_max, callback) {
var state = true;
if (stateIn == true && quantity_max > 0) {
state = false;
}
callback(state);
},
getRouteParams: function(callback) {
var params = $routeParams;
callback(params);
},
stateData: function(loadIn, doneIn) {
var _self = this;
_self.consoleLog("getData : ", "------- stateData -------");
_self.consoleLog("getData : loadIn : ", loadIn);
_self.consoleLog("getData : doneIn : ", doneIn);
_self.consoleLog("getData : ", "------- stateData -------");
var state = {
load: loadIn,
done: doneIn
};
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("getData : ", "------- dataSend -------");
_self.consoleLog("getData : api : ", api);
_self.consoleLog("getData : dataSend : ", dataSend);
_self.consoleLog("getData : ", "------- dataSend -------");
callback(api, dataSend);
},
getApi: function(api, dataSend, callback) {
var _self = this;
GAEAPI.get(api, dataSend, $scope).then(function(output) {
_self.consoleLog("getData : ", "------- getApi -------");
_self.consoleLog("getData : api : ", api);
_self.consoleLog("getData : dataSend : ", dataSend);
_self.consoleLog("getData : output : ", output);
_self.consoleLog("getData : ", "------- getApi -------");
callback(output);
});
},
checkPriceMin: function(variant, callback) {
var _self = this;
var priceMin = parseFloat(variant[0].price);
var comparePriceMin = parseFloat(variant[0].compare_price);
for (var i = 0; i < variant.length; i++) {
_self.consoleLog('checkPriceMin : priceMin : ', priceMin);
_self.consoleLog('checkPriceMin : variant[i].price : ', variant[i].price);
if (priceMin >= parseFloat(variant[i].price)) {
priceMin = parseFloat(variant[i].price);
comparePriceMin = parseFloat(variant[i].compare_price);
}
}
callback(priceMin, comparePriceMin);
},
main: function() {
var _self = this;
$scope.slickCarouselId();
$scope.referralMapState = _self.stateData(true, false);
var dataSend = {
'txt_referral_type_id': 11,
'txt_sortby': 'referral_sort_index_asc_name_asc'
};
_self.dataSend('referral/map', dataSend, function(api, dataSend) {
_self.getApi(api, dataSend, function(output) {
$scope.referralMap = output.data;
$scope.referralMapState = _self.stateData(false, true);
});
});
$scope.dataArrayState = _self.stateData(true, false);
_self.getDataProductArray('product/id', function(output) {
if (output.data.length != 0) {
_self.consoleLog(" : output : ", output.data);
_self.quantity(output.data.product_total_stock, function(total_stock) {
_self.consoleLog("quantity : total_stock : ", total_stock);
$scope.dataProductBuy.quantity_max = total_stock;
$scope.dataArray = output.data;
_self.productTab(output.data.product_tags, function(productTab) {
$scope.dataArrayTags = productTab;
_self.showTab(output.data, function(description, info) {
$scope.showTab.dataTab[0].data = description;
$scope.showTab.dataTab[1].data = info;
});
_self.getAttribute(output.data, function(variants_total, attribute, variants) {
_self.consoleLog("getAttribute : variants_total : ", variants_total);
_self.consoleLog("getAttribute : attribute : ", attribute);
_self.consoleLog("getAttribute : variants : ", variants);
_self.checkOption(variants_total, function(state) {
_self.checkTotalStock(state, total_stock, function(state) {
$scope.buy.state = state;
$scope.attribute.attributeOption = attribute;
$scope.attribute.dataVariants = variants;
$scope.attribute.variantsTotal = variants_total;
if (variants_total > 0) {
_self.checkPriceMin(variants, function(res_price, res_compare_price) {
$scope.dataProductBuy.price = res_price;
$scope.dataProductBuy.sumprice = res_price;
$scope.dataArray.product_compare_price = res_compare_price;
});
} else {
$scope.dataProductBuy.price = output.data.product_price;
$scope.dataProductBuy.sumprice = output.data.product_price;
}
});
});
});
_self.getQuantityBreak('product/quantity_break', function(quantity_break) {
_self.consoleLog("getQuantityBreak : output : ", quantity_break);
$scope.dataArray.product_quantity_break.quantity_break = quantity_break;
if (quantity_break.length) {
$scope.dataProductBuy.result_price = quantity_break[0].unit_price;
}
});
_self.getNavigationBar(output.data.product_referral_display, 'referral/relation', function(output) {
_self.consoleLog("getNavigationBar : output : ", output.data);
$scope.navigationBar = output.data;
$scope.dataArrayState = _self.stateData(false, true);
});
});
});
} else {
window.history.back();
}
});
}
}
return data;
};
$scope.getDataArray().main();
$scope.tab_id = 0;
$scope.tabId = function(id) {
$scope.tab_id = id;
};
$scope.routeParams = function() {
return $routeParams || false;
};
$scope.categoriesData = $scope.routeParams().referral_id || '';
$scope.setDataCategories = function(input) {
$scope.categoriesData = input;
var page = "category-lists";
if (typeof $scope.categoriesData != 'undefined' && $scope.categoriesData !== "") {
page += '?root_id=' + '0';
page += '&referral_id=' + $scope.categoriesData;
} else {
delete $scope.categoriesDat;
}
$location.url(page).replace();
};
$scope.checkPrice = function(price) {
var check_price = 0;
var _price = (price != undefined && price != "" && price != null) ? price.toString() : "0";
if (_price.includes(".")) {
check_price = 2;
}
return check_price;
};
};
return promise;
});_ui_share_app.directive('productDetailPageMb', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'productDetailPageMb';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
name: '@name',
datafont: '@datafont',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window, $location) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.dataTag = false;
$scope._dataArray = [];
$scope.data_min = "";
$scope.data_video_id = false;
// $scope.product_sku = "";
// $scope.product_code = "";
// $scope.product_price = 0;
// $scope.product_compare_price = 0;
$scope._dataArrayState = {
load: true,
done: false
};
$scope._getDataArray = function(id) {
$scope._dataArrayState = $scope.StateData(true, false);
var filter_json = {}
var dataSend = {
'txt_product_id': id,
'txt_filter_json': JSON.stringify(filter_json)
};
console.log('dataSend_Product', dataSend);
GAEAPI.get('product/id', dataSend, $scope).then(function(res) {
if (res.ok === 1) {
$scope._dataArray = res.data;
$scope.dataPreserve = res.data;
$scope.data_video_id = res.data.product_id;
// $scope.product_sku = res.data.product_sku;
// $scope.product_code = res.data.product_code;
$scope.product_price = $scope.calculate(res.data.product_price, res.data.product_compare_price, res.data.product_discount.discount_id, res.data.product_discount.discount_price, res.data.product_discount.discount_percent);
$scope.product_compare_price = $scope.pricefull(res.data.product_price, res.data.product_compare_price, res.data.product_discount.discount_id, res.data.product_discount.discount_price, res.data.product_discount.discount_percent);
if ($scope._dataArray.product_referral_display.category != 'undefined' && $scope._dataArray.product_referral_display.category != null) {
$scope.getRelation($scope._dataArray.product_referral_display.category[0].referral_id);
}
$scope.dataTag = res.data.product_tags.split(",");
if (res.data.product_attribute.length != 0) {
if (res.data.product_attribute.option_data.variant_array.length != 0 && res.data.product_total_variant > 0) {
// alert("x๊อบไข่สด");
var set_varia0 = res.data.product_attribute.option_data.variant_array[0].price;
for (var i = 0; i < res.data.product_attribute.option_data.variant_array.length; i++) {
if (parseInt(set_varia0) >= parseInt(res.data.product_attribute.option_data.variant_array[i].price)) {
set_varia0 = res.data.product_attribute.option_data.variant_array[i].price;
$scope.data_min = res.data.product_attribute.option_data.variant_array[i];
}
}
if ($scope.data_min.length == 0) {
$scope.data_min = res.data.product_attribute.option_data.variant_array[0];
}
console.log("iujdishjdskd : ", $scope.data_min);
$scope.buildVariantOption(res.data);
}
$scope._dataArray.product_price = $scope.data_min.price;
$scope._dataArray.product_compare_price = $scope.data_min.compare_price;
}
/*$scope.sale($scope._dataArray.product_price,
$scope._dataArray.product_compare_price,
$scope._dataArray.product_discount.discount_id,
$scope._dataArray.product_discount.discount_price,
$scope._dataArray.product_discount.discount_percent);
*/
$scope.qtyCurrentSize(res.data.product_total_variant, res.data.product_total_stock);
// $scope.buildVariantOption(res.data);
}
var t = $interval(function() {
if ($scope._uniqueKey !== "") {
$interval.cancel(t);
var tt = $timeout(function() {
$timeout.cancel(tt);
$scope.mkCarousel();
}, 300);
}
}, 500);
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$rootScope.$on('repeatend', function() {
/* Check Lightbox Enable/Disable */
$('a[data-photo-index]').each(function(idx, obj) {
$(this).attr('data-lightbox', 'view-gallery');
});
});
$scope.mkCarousel = function() {
var elementName = '.component_carousel_map[data-id="' + $scope._key() + '"]';
var optionsParmas = {
autoplay: (window.location.host !== 'localhost') ? true : false,
centerMode: true,
centerPadding: '0px',
slidesToShow: 1,
slidesToScroll: 1,
dots: true,
arrows: true,
infinite: true,
/*prevArrow: '
',
nextArrow: '
',*/
responsive: [{
breakpoint: 768,
settings: {
arrows: false,
centerMode: true,
centerPadding: '0px',
slidesToShow: 1
}
}, {
breakpoint: 480,
settings: {
arrows: false,
centerMode: true,
centerPadding: '0px',
slidesToShow: 1
}
}]
};
var extraOptions = {
animate: false
};
sliderProvider(elementName, optionsParmas, $scope.type, $scope._key(), extraOptions);
};
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.data_viewTab = 1;
$scope._viewTab = function(index) {
$scope.data_viewTab = index;
};
$scope.redirectCheckout = function(p, q) {
window.location.href = GURL.base_url() + "checkout?pdata=" + p + '-' + q;
};
$scope.dataRelation = [];
$scope.getRelation = function(referral_id) {
var dataSend = {
'txt_referral_id': referral_id
};
GAEAPI.get('referral/relation', dataSend).then(function(res) {
if (res.ok == 1) {
$scope.dataRelation = res.data;
}
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
};
$scope._getIdUrl = function() {
var getData = [];
var returnData = '';
if (typeof $routeParams.product_id !== 'undefined') {
getData = $routeParams.product_id;
returnData = getData.split("-");
return returnData[0];
}
};
$scope.viewImg = 0;
$scope.changeImg = function(i) {
return $scope.viewImg = i;
};
$scope._saleState = {
discount: 0
};
$scope.sale = function(price, compare_price, discount_id, discount_price, discount_percent) {
var sale = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
sale = discount_price;
$scope._saleState.discount = 'price';
} else if (discount_percent != 0 && discount_price == 0) {
sale = discount_percent;
$scope._saleState.discount = 'percent';
}
}
/* alert(price); */
return (sale > 0) ? sale : 0;
}
$scope._pricefullState = {
pricefull: 0
};
$scope.pricefull = function(price, compare_price, discount_id, discount_price, discount_percent) {
var pricefull = 0;
if (discount_id != undefined) {
if (price != undefined && price != 0) {
pricefull = price;
$scope._pricefullState.pricefull = 'not zero';
} else {
pricefull = 0;
$scope._pricefullState.pricefull = 'zero';
}
} else {
if (compare_price > 0 && compare_price != undefined) {
pricefull = compare_price;
$scope._pricefullState.pricefull = 'not zero';
} else {
$scope._pricefullState.pricefull = 'zero';
}
}
return pricefull;
}
$scope._calculateState = {
calculate: 0
};
$scope.calculate = function(price, compare_price, discount_id, discount_price, discount_percent) {
var calculate = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
calculate = price - discount_price;
} else if (discount_percent != 0 && discount_price == 0) {
calculate = price - ((discount_percent / 100) * price);
}
} else {
calculate = price
}
if (calculate != undefined && calculate != 0) {
$scope._calculateState.calculate = 'not zero';
} else {
$scope._calculateState.calculate = 'zero';
}
return (calculate > 0) ? calculate : 0;
}
$scope.qtyCurrentSize = function(product_total_variant, product_total_stock) {
$scope.qty_current_size = [];
console.log("qtyCurrentSize : product_total_variant : ", product_total_variant, "product_total_stock : ", product_total_stock);
if (product_total_variant == 0) {
if (product_total_stock > 0) {
$scope.qty_current_size_state = true;
$scope.buy_state = true;
for (var i = 0; i < parseInt(product_total_stock); i++) {
$scope.qty_current_size.push(i + 1);
}
} else if (product_total_stock < 0) {
$scope.qty_current_size_state = true;
$scope.buy_state = true;
for (var i = 0; i < 20; i++) {
$scope.qty_current_size.push(i + 1);
}
} else if (product_total_stock == 0) {
$scope.qty_current_size_state = false;
$scope.buy_state = true;
for (var i = 0; i < 1; i++) {
$scope.qty_current_size.push(i + 1);
}
} else {
$scope.qty_current_size_state = false;
$scope.buy_state = false;
for (var i = 0; i < 1; i++) {
$scope.qty_current_size.push(i + 1);
}
}
} else if (product_total_variant > 0) {
if (product_total_stock <= 0) {
$scope.qty_current_size_state = false;
$scope.buy_state = true;
for (var i = 0; i < 1; i++) {
$scope.qty_current_size.push(i + 1);
}
} else if (product_total_stock > 0) {
$scope.qty_current_size_state = true;
$scope.buy_state = true;
for (var i = 0; i < product_total_stock; i++) {
$scope.qty_current_size.push(i + 1);
}
}
}
$scope.qtyShow($scope.qty_current_size);
};
$scope.htmlSelectTime = 0;
$scope.qtyShow = function(array) {
$scope.htmlSelectTime = 0;
console.log("qtyShow ", array);
var htmlOPT = "";
for (var i = 0; i < array.length; i++) {
htmlOPT += '';
}
console.log("qty_current_size htmlOPT", htmlOPT);
if (htmlOPT != "") {
$scope.htmlSelectTime = $timeout(function() {
$('#qtyselect').html(htmlOPT);
$timeout.cancel($scope.htmlSelectTime);
}, 500);
}
}
$scope.viewQuantity = function() {
var check_int = 1;
if ($(".d_qty").val() == undefined) {
$(".d_qty").val("1");
check_int = parseInt($(".d_qty").val());
check_int = 1;
} else if ($(".d_qty").val() == "? number:1 ?") {
$(".d_qty").val("1");
check_int = parseInt($(".d_qty").val());
} else {
check_int = parseInt($(".d_qty").val());
$(".d_qty").val(check_int);
}
return check_int;
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData) {
if (objectData.product_total_variant <= 0) {
return;
}
console.log("buildVariantOption objectData : ", objectData);
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
if ($scope.dataOption.length == 1) {
console.log("buildVariantOption objectData.length : ", $scope.dataOption.length);
setTimeout(function() {
$scope.totalStock($scope.dataOption.length, $scope.dataVariants, 0, 0);
}, 1000);
}
$scope.makeVariantsClick();
};
$scope.dataVariantsPick = [];
$scope.onSelectVariantItems = function($index, option_id) {
console.log("onSelectVariantItems option_id:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
console.log("onSelectVariantItems dataVariantsPick:", $scope.dataVariantsPick);
if ($scope.dataVariantsPick.length >= $scope.dataOption.length) {
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope.displayView = function(id, statusClass, status) {
var option;
if (id != "0") {
option = $('.text_4.variantSelector .t_2 .items' + '[data-option=' + id + ']');
} else {
option = $('.text_4.variantSelector .t_2 .items');
}
if (statusClass == 'add') {
if (!option.hasClass(status)) {
option.addClass(status);
}
} else if (statusClass == 'remove') {
if (option.hasClass(status)) {
option.removeClass(status);
}
} else if (statusClass == 'reset') {
if (option.hasClass(status)) {
option.removeClass(status);
}
}
};
$scope.totalStock = function(dataVariantsPickLength, dataVariants, $index, option_id) {
console.log("totalStock : dataVariantsPickLength : ", dataVariantsPickLength);
console.log("totalStock : dataVariants : ", dataVariants);
console.log("totalStock : $index : ", $index, " option_id : ", option_id);
var dataVariants = $scope.dataVariants;
$scope.displayView('0', 'reset', 'zero');
for (var i = 0; i < dataVariants.length; i++) {
var array_option_id = angular.fromJson(dataVariants[i].option_id_json);
console.log("totalStock : for : array_option_id : ", array_option_id);
console.log("totalStock : for : dataVariantsPickLength : ", dataVariantsPickLength);
if (dataVariantsPickLength > 1) {
if (array_option_id[$index] == option_id) {
/* console.log("totalStock : for : if : array_option_id[", $index, "]", array_option_id[$index]); */
console.log("totalStock : for : if : if : array_option_id : ", array_option_id);
console.log("totalStock : for : if : if : dataVariants : [", i, "] :", dataVariants[i]);
for (var j = 0; j < array_option_id.length; j++) {
if (j != $index && dataVariants[i].total_stock == 0) {
$scope.displayView(array_option_id[j], 'add', 'zero');
} else {
$scope.displayView(array_option_id[j], 'remove', 'zero');
}
}
}
} else {
/* console.log("totalStock : for : if : array_option_id[", $index, "]", array_option_id[$index]); */
console.log("totalStock : for : else : if : array_option_id : ", array_option_id);
console.log("totalStock : for : else : if : dataVariants : [", i, "] :", dataVariants[i]);
for (var j = 0; j < array_option_id.length; j++) {
console.log("totalStock : for : else : if : dataVariants : [", i, "] :", dataVariants[i].total_stock);
if (dataVariants[i].total_stock == 0) {
$scope.displayView(array_option_id[j], 'add', 'zero');
} else {
$scope.displayView(array_option_id[j], 'remove', 'zero');
}
}
}
}
};
$scope.onClickVariantItems = function($index, option_id) {
console.log("onSelectVariantItems : ", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
console.log("onSelectVariantItems : dataVariantsPick.length : ", $scope.dataVariantsPick.length);
console.log("onSelectVariantItems : dataOption.length : ", $scope.dataOption.length);
console.log("onSelectVariantItems : dataVariantsPick : ", $scope.dataVariantsPick);
console.log("onSelectVariantItems : dataOption : ", $scope.dataOption);
$scope.totalStock($scope.dataVariantsPick.length, $scope.dataVariants, $index, option_id);
if ($scope.dataVariantsPick.length >= $scope.dataOption.length) {
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope.findVariantsData = function(variantsPick) {
console.log("findVariantsData : variantsPick : ", variantsPick);
function compareArray(array_a, array) {
if (!array) return false;
if (array_a.length != array.length) return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i])) return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
console.log("findVariantsData : dataVariants : ", dataVariants);
for (var i = 0; i < dataVariants.length; i++) {
console.log("findVariantsData : for : dataVariants[", i, "] :", dataVariants[i]);
var _self = dataVariants[i];
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
console.log("findVariantsData : for : optionJson[", i, "].option_id_json :", angular.fromJson(dataVariants[i].option_id_json));
var count = 0;
if (compareArray(variantsPick, optionJson)) {
console.log("findVariantsData : compareArray : ", compareArray(variantsPick, optionJson));
console.log("findVariantsData : for : if : dataVariants[", i, "] :", dataVariants[i]);
$scope._dataArray.product_id = dataVariants[i].product_id;
$scope._dataArray.product_sku = dataVariants[i].sku;
$scope._dataArray.product_price = dataVariants[i].price;
$scope._dataArray.product_compare_price = dataVariants[i].compare_price;
$scope._dataArray.product_total_stock = dataVariants[i].total_stock;
$scope.max_length = dataVariants[i].total_stock;
$scope.qtyCurrentSize(dataVariants.length, dataVariants[i].total_stock);
if (_self.variant_image.length) {
var rightImagePosition = 0;
for (var im = 0; im < $scope._dataArray.product_image.length; im++) {
if ($scope._dataArray.product_image[im].image_id == _self.variant_image[0].image_id) {
rightImagePosition = im;
break;
}
}
$timeout(function() {
console.log("Found Varaint Image", _self.variant_image[0].image_id);
if ($(window).width <= 991) {
// $scope._slickGoto('gallery_show', rightImagePosition);
} else {
angular.element('.block-gallery .thumb-img[data-image-id="' + _self.variant_image[0].image_id + '"]').click();
}
}, 300);
}
break;
}
if (!compareArray(variantsPick, optionJson)) {
count++;
}
if (count >= dataVariants.length) {
// alert(count + " and " + dataVariants.length);
// $scope.data.product_sku = dataVariants[i].sku;
$scope._dataArray.product_price = 0;
$scope._dataArray.product_compare_price = 0;
}
}
};
$scope.makeVariantsClick = function() {
var s = $timeout(function() {
$scope.buy_state = false;
}, 100);
};
$scope.viewInfo = 1;
$scope.view = function(input) {
$scope.viewInfo = input;
}
$scope.viewImg = 0;
$scope.changeImg = function(i) {
return $scope.viewImg = i;
};
$scope.switchSingleView = function(idx) {
console.log("$xZoomInstance", $xZoomInstance);
$('.gallery_show_single').css({
'transition': 'all 0.3s',
'opacity': '0'
});
$timeout(function() {
$scope.gallerySingleViewIndex = idx;
$('.gallery_show_single').css({
'opacity': '1'
});
}, 300);
setTimeout(function() {
if ($(window).width() >= 992) {
if ($("img.zoom").attr('data-api-width') > 400 && $("img.zoom").attr('data-api-height') > 400) {
/*$("img.zoom").ezPlus({
'scrollZoom':true,
'responsive':true,
'zoomWindowWidth':400,
'zoomWindowHeight':400,
'zoomWindowOffetx':30,
});*/
$xZoomInstance = $('.zoom').xzoom({
Xoffset: 30,
tint: '#b9b5b3',
});
}
}
}, 300);
};
$scope.gallerySingleViewIndex = 0;
$scope.switchSingleView = function(idx) {
console.log("$xZoomInstance", $xZoomInstance);
$('.gallery_show_single').css({
'transition': 'all 0.3s',
'opacity': '0'
});
$timeout(function() {
$scope.gallerySingleViewIndex = idx;
$('.gallery_show_single').css({
'opacity': '1'
});
}, 300);
setTimeout(function() {
if ($(window).width() >= 992) {
if ($("img.zoom").attr('data-api-width') > 400 && $("img.zoom").attr('data-api-height') > 400) {
/*$("img.zoom").ezPlus({
'scrollZoom':true,
'responsive':true,
'zoomWindowWidth':400,
'zoomWindowHeight':400,
'zoomWindowOffetx':30,
});*/
$xZoomInstance = $('.zoom').xzoom({
Xoffset: 30,
tint: '#b9b5b3',
});
}
}
}, 300);
};
$scope.viewOptimizeImage = function(size, image_url, image_width) {
if (window.devicePixelRatio >= 2 || parseInt(image_width) <= size) {
return image_url;
}
var a = image_url.split("/"),
b = a[a.length - 1];
a[a.length - 1] = 't' + size + '_' + b;
return a.join("/");
};
$scope._getDataArray($scope._getIdUrl());
};
return promise;
});_ui_share_app.directive('productDetailPageMc', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'productDetailPageMc';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
name: '@name',
icon: '@icon',
stylebutton: '@stylebutton'
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window, $location) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.navigationBar = [];
$scope.dataArray = [];
$scope.dataArrayTags = [];
$scope.dataArrayState = {
load: false,
done: false
};
$scope.dataProductBuy = {
inputQuantity: 1,
quantity: 1,
price: 0,
sumprice: 0,
quantity_min: 0,
quantity_max: 0,
result_price: 0
};
$scope.showTab = {
activeTab: 'description',
dataTab: [{
en: 'description',
th: 'รายละเอียดสินค้า',
data: ''
}, {
en: 'info',
th: 'วิธีการชำระเงินและวิธีการจัดส่ง',
data: ''
}]
};
$scope.attribute = {
state: false,
attributeOption: [],
variants: 'description',
variantsPick: [],
dataVariants: [],
variantsTotal: 0
};
$scope.buy = {
state: false,
attribute: false
};
$scope.processBuy = function() {
var functionIn = {
consoleLog: function(name, data) {
console.log(name, data);
},
onClickFalse: function() {
if ($scope.attribute.variantsTotal != 0) {
$scope.buy.attribute = true;
}
}
}
return functionIn;
};
$scope.attributeOption = function() {
var functionIn = {
consoleLog: function(name, data) {
console.log("productDetailPageMaeju : ", name, data);
},
checkVariantsPick: function(variantsPick) {
if (variantsPick.length != 0) {
var state = 0;
for (var i = 0; i < variantsPick.length; i++) {
if (variantsPick[i] == "") {
state = state + 1;
}
}
if (state == 0) {
return true
} else {
return false
}
} else {
return false
}
},
compareArray: function(attributeOption, optionJson) {
if (!optionJson) return false;
if (attributeOption.length != optionJson.length) return false;
for (var i = 0, l = attributeOption.length; i < l; i++) {
if (attributeOption[i] instanceof Array && optionJson[i] instanceof Array) {
if (!compareArray(attributeOption[i], optionJson[i])) return false;
} else if (attributeOption[i] != optionJson[i]) {
return false;
}
}
return true;
},
checkAttributeOption: function(attributeOption, attributeOptionLength, callback) {
var _self = this;
var attribute = (attributeOption.length == attributeOptionLength) ? true : false;
for (var i = 0; i < attributeOption.length; i++) {
_self.consoleLog("checkAttributeOption : attributeOption[i] : ", attributeOption[i]);
if (attributeOption[i] == undefined) {
attribute = false;
}
}
callback(attribute);
},
findVariantsData: function(attributeOption, dataVariants, attributeOptionLength, callback) {
var _self = this;
_self.consoleLog("findVariantsData : attributeOption : ", attributeOption);
_self.consoleLog("findVariantsData : dataVariants : ", dataVariants);
_self.consoleLog("findVariantsData : attributeOptionLength : ", attributeOptionLength);
_self.checkAttributeOption(attributeOption, attributeOptionLength, function(res_attribute_option) {
_self.consoleLog("checkAttributeOption : callback : res_attribute_option ", res_attribute_option);
var variantsOut = [];
for (var i = 0; i < dataVariants.length; i++) {
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if (_self.compareArray(attributeOption, optionJson)) {
_self.consoleLog("findVariantsData : dataVariants[i] : ", dataVariants[i]);
variantsOut = dataVariants[i];
break;
}
}
callback(variantsOut, res_attribute_option);
});
},
checkOption: function(variants_total, callback) {
var state = true;
if (variants_total == 0) {
state = false;
}
callback(state);
},
checkTotalStock: function(stateIn, quantity_max, callback) {
var _self = this;
var state = true;
_self.consoleLog("checkTotalStock : index : ", stateIn);
_self.consoleLog("checkTotalStock : quantity_max : ", quantity_max);
if (stateIn == false && quantity_max > 0) {
state = false;
}
callback(state);
},
onClickOption: function($index, option_id) {
var _self = this;
_self.consoleLog("onClickOption : index : ", $index);
_self.consoleLog("onClickOption : option_id : ", option_id);
$scope.attribute.variantsPick[$index] = option_id;
_self.consoleLog("onClickOption : $scope.attribute.variantsPick[$index] : ", $scope.attribute.variantsPick[$index]);
if ($scope.attribute.attributeOption.length >= $scope.attribute.variantsPick.length) {
if (_self.checkVariantsPick($scope.attribute.variantsPick)) {
_self.consoleLog("onClickOption : if : $scope.attribute.attributeOption.length : ", $scope.attribute.attributeOption.length);
_self.consoleLog("onClickOption : if : $scope.attribute.variantsPick.length : ", $scope.attribute.variantsPick.length);
_self.findVariantsData($scope.attribute.variantsPick, $scope.attribute.dataVariants, $scope.attribute.attributeOption.length, function(variantsOut, res_attribute_option) {
_self.consoleLog("onClickOption : if : findVariantsData : variantsOut : ", variantsOut);
_self.consoleLog("onClickOption : if : findVariantsData : res_attribute_option : ", res_attribute_option);
if (variantsOut.length != 0 && res_attribute_option) {
$scope.dataArray.product_id = variantsOut.product_id;
$scope.dataArray.product_sku = variantsOut.sku;
$scope.dataProductBuy.price = variantsOut.price;
$scope.dataArray.product_compare_price = variantsOut.compare_price;
$scope.dataProductBuy.quantity_max = variantsOut.total_stock;
if (variantsOut.variant_image != 0) {
if ($scope.dataArray.product_image.length != 0) {
for (var i = 0; i < $scope.dataArray.product_image.length; i++) {
$scope.dataArray.product_image[i].image_id
if ($scope.dataArray.product_image[i].image_id == variantsOut.variant_image[0].image_id) {
$scope.slickImageGoto(i);
}
}
}
}
_self.checkOption($scope.attribute.variantsTotal, function(state) {
_self.checkTotalStock(state, variantsOut.total_stock, function(state) {
$scope.buy.state = state;
if ($scope.attribute.variantsTotal != 0) {
$scope.buy.attribute = true;
}
});
});
} else if (variantsOut.length == 0 && res_attribute_option) {
$scope.dataArray.product_id = 0;
$scope.dataArray.product_sku = '';
$scope.dataProductBuy.price = 0;
$scope.dataArray.product_compare_price = 0;
$scope.dataProductBuy.quantity_max = 1;
$scope.buy.state = true;
$scope.buy.attribute = true;
}
$scope.quantity().input();
});
}
}
}
}
return functionIn;
};
$scope.quantity = function() {
var quantity = {
upDatePrice: function() {
$scope.dataProductBuy.sumprice = $scope.dataProductBuy.price * $scope.dataProductBuy.quantity;
},
input: function() {
var _self = this;
if ($scope.dataProductBuy.inputQuantity > 0) {
if ($scope.dataProductBuy.inputQuantity <= $scope.dataProductBuy.quantity_max) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.inputQuantity;
} else {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity_max;
$scope.dataProductBuy.inputQuantity = $scope.dataProductBuy.quantity_max;
}
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
} else {
console.log("quantity : input : ", $scope.dataProductBuy.inputQuantity);
if ($scope.dataProductBuy.inputQuantity <= 0) {
$scope.dataProductBuy.quantity = 1;
} else {
$scope.dataProductBuy.inputQuantity = 1;
$scope.dataProductBuy.quantity = 1;
}
/* $scope.dataProductBuy.quantity = 1;
$scope.dataProductBuy.inputQuantity = 1; */
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
}
},
minus: function() {
var _self = this;
if (($scope.dataProductBuy.quantity - 1) != $scope.dataProductBuy.quantity_min) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity - 1;
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
}
},
plus: function() {
var _self = this;
if (($scope.dataProductBuy.quantity + 1) <= $scope.dataProductBuy.quantity_max) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity + 1;
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
}
}
}
return quantity;
};
$scope.carouselId = '';
$scope.slickCarouselId = function() {
if ($scope.carouselId == '') {
$scope.carouselId = Math.floor((Math.random() * 9999) + 1000);
return $scope.carouselId;
} else {
return $scope.carouselId;
}
};
$scope.slickImageGoto = function(idx) {
setTimeout(function() {
$('[data-key="' + $scope.carouselId + '"]').slick('slickGoTo', idx);
}, 100);
};
$scope.imageCarousel = function(cover_in, carousel_in) {
$(cover_in).css('height', '0');
$(cover_in).css('opacity', '0');
setTimeout(function() {
var carousel = $(carousel_in);
carousel.not('.slick-initialized').slick({
dots: true,
arrows: true,
autoplay: false,
autoplaySpeed: 4000,
infinite: true,
prevArrow: '',
nextArrow: '',
speed: 600,
}).closest('section').addClass('active');
$(cover_in).css('height', 'auto');
$(cover_in).css('opacity', '1');
}, 100);
};
$scope.getDataArray = function() {
var data = {
consoleLog: function(name, data) {
console.log('productDetailPageMaeju : ', name, data);
},
stateData: function(loadIn, doneIn) {
var state = {
load: loadIn,
done: doneIn
};
return state;
},
getProductId: function(callback) {
var params = $routeParams;
var product_id = params.product_id.split("-", 1).join("");
callback(product_id)
},
getDataProductArray: function(api, callback) {
var _self = this;
var output = [];
_self.getProductId(function(product_id) {
var dataSendProductId = {
'txt_product_id': product_id
};
_self.getDataArray(api, dataSendProductId, function(output) {
callback(output);
});
});
},
getNavigationBar: function(product_referral_display, api, callback) {
var _self = this;
var output = [];
_self.consoleLog("product_referral_display : ", product_referral_display);
if (product_referral_display.category.length != 0) {
var dataSendReferralId = {
'txt_referral_id': product_referral_display.category[0].referral_id
};
_self.getDataArray(api, dataSendReferralId, function(output) {
callback(output);
});
} else {
callback(output);
}
},
getDataArray: function(api, dataSend, callback) {
GAEAPI.get(api, dataSend, $scope).then(function(output) {
callback(output);
});
},
getQuantityBreak: function(api, callback) {
var _self = this;
_self.getProductId(function(product_id) {
var customerId = 0;
if (UiCustomerBox.delegate.get.isLogin()) {
customerId = parseInt(UiCustomerBox.delegate.get.me().customer_id);
}
var dataSendQuantityBreak = {
'txt_product_id': product_id,
'txt_customer_id': customerId
};
var quantity_break = [];
_self.getDataArray(api, dataSendQuantityBreak, function(output) {
if (output.ok == 1) {
quantity_break = output.data.quantity_break;
callback(quantity_break);
}
callback(quantity_break);
});
});
},
quantity: function(product_total_stock, callback) {
var total_stock = 0;
if (product_total_stock == -1) {
total_stock = 20;
} else if (product_total_stock != -1 && product_total_stock != 0) {
total_stock = product_total_stock;
}
callback(total_stock);
},
quantityBreaks: function() {
var _self = this;
var productQuantityBreak = GAEAPI.getValueForKey($scope.dataArray, "product_quantity_break", []);
var quantityBreak = GAEAPI.getValueForKey(productQuantityBreak, "quantity_break", []);
var product_price = GAEAPI.getValueForKey($scope.data, "product_price", 0);
for (var index in quantityBreak) {
var rowData = quantityBreak[index];
var amount_end = parseInt(GAEAPI.getValueForKey(rowData, "amount_end", 0));
var unit_price = parseInt(GAEAPI.getValueForKey(rowData, "unit_price", 0));
if ($scope.dataProductBuy.quantity >= amount_end) {
$scope.dataProductBuy.result_price = unit_price;
}
}
},
showTab: function(input, callback) {
var description = input.product_description;
var info = input.product_more_info;
callback(description, info);
},
productTab: function(product_tags, callback) {
var _self = this;
_self.consoleLog("productTab : product_tags : ", product_tags);
var productTab = [];
if (product_tags != undefined) {
if (product_tags != "") {
productTab = product_tags.split(",");
callback(productTab);
} else {
callback(productTab);
}
} else {
callback(productTab);
}
},
getAttribute: function(input, callback) {
var _self = this;
var attribute = [];
var variants = [];
var variants_total = 0;
_self.consoleLog("getAttribute : input : ", input);
if (input.product_attribute.option_data !== 'undefined' && input.product_total_variant > 0) {
_self.consoleLog("getAttribute : input.product_attribute.option_data : ", input.product_attribute.option_data);
_self.consoleLog("getAttribute : input.product_total_variant : ", input.product_total_variant);
if (input.product_attribute.option_data.pclass_array !== 'undefined' && input.product_attribute.option_data.pclass_array.length) {
_self.consoleLog("getAttribute : input.product_attribute.option_data.pclass_array : ", input.product_attribute.option_data.pclass_array);
_self.consoleLog("getAttribute : input.product_attribute.option_data.pclass_array.length : ", input.product_attribute.option_data.pclass_array.length);
attribute = input.product_attribute.option_data.pclass_array;
variants = input.product_attribute.option_data.variant_array;
variants_total = input.product_total_variant;
}
}
callback(variants_total, attribute, variants);
},
checkOption: function(variants_total, callback) {
var state = true;
if (variants_total == 0) {
state = false;
}
callback(state);
},
checkTotalStock: function(stateIn, quantity_max, callback) {
var state = true;
if (stateIn == true && quantity_max > 0) {
state = false;
}
callback(state);
},
getRouteParams: function(callback) {
var params = $routeParams;
callback(params);
},
stateData: function(loadIn, doneIn) {
var _self = this;
_self.consoleLog("getData : ", "------- stateData -------");
_self.consoleLog("getData : loadIn : ", loadIn);
_self.consoleLog("getData : doneIn : ", doneIn);
_self.consoleLog("getData : ", "------- stateData -------");
var state = {
load: loadIn,
done: doneIn
};
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("getData : ", "------- dataSend -------");
_self.consoleLog("getData : api : ", api);
_self.consoleLog("getData : dataSend : ", dataSend);
_self.consoleLog("getData : ", "------- dataSend -------");
callback(api, dataSend);
},
getApi: function(api, dataSend, callback) {
var _self = this;
GAEAPI.get(api, dataSend, $scope).then(function(output) {
_self.consoleLog("getData : ", "------- getApi -------");
_self.consoleLog("getData : api : ", api);
_self.consoleLog("getData : dataSend : ", dataSend);
_self.consoleLog("getData : output : ", output);
_self.consoleLog("getData : ", "------- getApi -------");
callback(output);
});
},
checkPriceMin: function(variant, callback) {
var _self = this;
var priceMin = parseFloat(variant[0].price);
var comparePriceMin = parseFloat(variant[0].compare_price);
for (var i = 0; i < variant.length; i++) {
_self.consoleLog('checkPriceMin : priceMin : ', priceMin);
_self.consoleLog('checkPriceMin : variant[i].price : ', variant[i].price);
if (priceMin >= parseFloat(variant[i].price)) {
priceMin = parseFloat(variant[i].price);
comparePriceMin = parseFloat(variant[i].compare_price);
}
}
callback(priceMin, comparePriceMin);
},
main: function() {
var _self = this;
$scope.slickCarouselId();
$scope.dataArrayState = _self.stateData(true, false);
_self.getDataProductArray('product/id', function(output) {
if (output.data.length != 0) {
_self.consoleLog(" : output : ", output.data);
_self.quantity(output.data.product_total_stock, function(total_stock) {
_self.consoleLog("quantity : total_stock : ", total_stock);
$scope.dataProductBuy.quantity_max = total_stock;
$scope.dataArray = output.data;
_self.productTab(output.data.product_tags, function(productTab) {
$scope.dataArrayTags = productTab;
_self.showTab(output.data, function(description, info) {
$scope.showTab.dataTab[0].data = description;
$scope.showTab.dataTab[1].data = info;
});
_self.getAttribute(output.data, function(variants_total, attribute, variants) {
_self.consoleLog("getAttribute : variants_total : ", variants_total);
_self.consoleLog("getAttribute : attribute : ", attribute);
_self.consoleLog("getAttribute : variants : ", variants);
_self.checkOption(variants_total, function(state) {
_self.checkTotalStock(state, total_stock, function(state) {
$scope.buy.state = state;
$scope.attribute.attributeOption = attribute;
$scope.attribute.dataVariants = variants;
$scope.attribute.variantsTotal = variants_total;
if (variants_total > 0) {
_self.checkPriceMin(variants, function(res_price, res_compare_price) {
$scope.dataProductBuy.price = res_price;
$scope.dataProductBuy.sumprice = res_price;
$scope.dataArray.product_compare_price = res_compare_price;
});
} else {
$scope.dataProductBuy.price = output.data.product_price;
$scope.dataProductBuy.sumprice = output.data.product_price;
}
});
});
});
_self.getQuantityBreak('product/quantity_break', function(quantity_break) {
_self.consoleLog("getQuantityBreak : output : ", quantity_break);
$scope.dataArray.product_quantity_break.quantity_break = quantity_break;
if (quantity_break.length) {
$scope.dataProductBuy.result_price = quantity_break[0].unit_price;
}
});
_self.getNavigationBar(output.data.product_referral_display, 'referral/relation', function(output) {
_self.consoleLog("getNavigationBar : output : ", output.data);
$scope.navigationBar = output.data;
$scope.dataArrayState = _self.stateData(false, true);
});
});
});
} else {
window.history.back();
}
});
}
}
return data;
};
$scope.getDataArray().main();
$scope.tab_id = 0;
$scope.tabId = function(id) {
$scope.tab_id = id;
};
$scope.routeParams = function() {
return $routeParams || false;
};
$scope.categoriesData = $scope.routeParams().referral_id || '';
$scope.setDataCategories = function(input) {
$scope.categoriesData = input;
var page = "category-lists";
if (typeof $scope.categoriesData != 'undefined' && $scope.categoriesData !== "") {
page += '?root_id=' + '0';
page += '&referral_id=' + $scope.categoriesData;
} else {
delete $scope.categoriesDat;
}
$location.url(page).replace();
};
$scope.checkPrice = function(price) {
var check_price = 0;
var _price = (price != undefined && price != "" && price != null) ? price.toString() : "0";
if (_price.includes(".")) {
check_price = 2;
}
return check_price;
};
};
return promise;
});_ui_share_app.directive('productDetailPageMhp', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'productDetailPageMhp';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
name: '@name',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.navigationBar = [];
$scope.dataArray = [];
$scope.dataArrayTags = [];
$scope.dataArrayState = {
load: false,
done: false
};
$scope.dataProductBuy = {
inputQuantity: 1,
quantity: 1,
price: 0,
sumprice: 0,
quantity_min: 0,
quantity_max: 0,
result_price: 0
};
$scope.showTab = {
activeTab: 'description',
dataTab: [{
en: 'description',
th: 'รายละเอียดสินค้า',
data: ''
}, {
en: 'info',
th: 'วิธีการชำระเงินและวิธีการจัดส่ง',
data: ''
}]
};
$scope.attribute = {
state: false,
attributeOption: [],
variants: 'description',
variantsPick: [],
dataVariants: [],
variantsTotal: 0
};
$scope.buy = {
state: false,
attribute: false
};
$scope.processBuy = function() {
var functionIn = {
consoleLog: function(name, data) {
console.log(name, data);
},
onClickFalse: function() {
if ($scope.attribute.variantsTotal != 0) {
$scope.buy.attribute = true;
}
}
}
return functionIn;
};
$scope.attributeOption = function() {
var functionIn = {
consoleLog: function(name, data) {
console.log(name, data);
},
checkVariantsPick: function(variantsPick) {
if (variantsPick.length != 0) {
var state = 0;
for (var i = 0; i < variantsPick.length; i++) {
if (variantsPick[i] == "") {
state = state + 1;
}
}
if (state == 0) {
return true
} else {
return false
}
} else {
return false
}
},
compareArray: function(attributeOption, optionJson) {
if (!optionJson) return false;
if (attributeOption.length != optionJson.length) return false;
for (var i = 0, l = attributeOption.length; i < l; i++) {
if (attributeOption[i] instanceof Array && optionJson[i] instanceof Array) {
if (!compareArray(attributeOption[i], optionJson[i])) return false;
} else if (attributeOption[i] != optionJson[i]) {
return false;
}
}
return true;
},
findVariantsData: function(attributeOption, dataVariants, callback) {
var _self = this;
var variants = dataVariants;
_self.consoleLog("findVariantsData : variants : ", variants);
var variantsOut = [];
for (var i = 0; i < variants.length; i++) {
var optionJson = angular.fromJson(variants[i].option_id_json);
if (_self.compareArray(attributeOption, optionJson)) {
_self.consoleLog("findVariantsData : variants[i] : ", variants[i]);
variantsOut = variants[i];
break;
}
}
callback(variantsOut);
},
checkOption: function(variants_total, callback) {
var state = false;
if (variants_total == 0) {
state = true;
}
callback(state);
},
checkTotalStock: function(stateIn, quantity_max, callback) {
var state = false;
if (stateIn == false && quantity_max > 0) {
state = true;
}
callback(state);
},
onClickOption: function($index, option_id) {
var _self = this;
_self.consoleLog("onClickOption : index : ", $index);
_self.consoleLog("onClickOption : option_id : ", option_id);
$scope.attribute.variantsPick[$index] = option_id;
_self.consoleLog("onClickOption : $scope.attribute.variantsPick[$index] : ", $scope.attribute.variantsPick[$index]);
if ($scope.attribute.attributeOption.length >= $scope.attribute.variantsPick.length) {
if (_self.checkVariantsPick($scope.attribute.variantsPick)) {
_self.consoleLog("onClickOption : if : $scope.attribute.attributeOption.length : ", $scope.attribute.attributeOption.length);
_self.consoleLog("onClickOption : if : $scope.attribute.variantsPick.length : ", $scope.attribute.variantsPick.length);
_self.findVariantsData($scope.attribute.variantsPick, $scope.attribute.dataVariants, function(variantsOut) {
_self.consoleLog("onClickOption : if : findVariantsData : variantsOut : ", variantsOut);
$scope.dataArray.product_id = variantsOut.product_id;
$scope.dataArray.product_sku = variantsOut.sku;
$scope.dataArray.product_price = variantsOut.price;
$scope.dataArray.product_compare_price = variantsOut.compare_price;
$scope.dataProductBuy.quantity_max = variantsOut.total_stock;
_self.checkOption($scope.attribute.variantsTotal, function(state) {
_self.checkTotalStock(state, variantsOut.total_stock, function(state) {
$scope.buy.state = state;
if ($scope.attribute.variantsTotal != 0) {
$scope.buy.attribute = true;
}
});
});
$scope.quantity().input();
});
}
}
}
}
return functionIn;
};
$scope.quantity = function() {
var quantity = {
upDatePrice: function() {
$scope.dataProductBuy.sumprice = $scope.dataProductBuy.price * $scope.dataProductBuy.quantity;
},
input: function() {
var _self = this;
if ($scope.dataProductBuy.inputQuantity > 0) {
if ($scope.dataProductBuy.inputQuantity <= $scope.dataProductBuy.quantity_max) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.inputQuantity;
} else {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity_max;
$scope.dataProductBuy.inputQuantity = $scope.dataProductBuy.quantity_max;
}
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
} else {
console.log("quantity : input : ", $scope.dataProductBuy.inputQuantity);
if ($scope.dataProductBuy.inputQuantity <= 0) {
$scope.dataProductBuy.quantity = 1;
} else {
$scope.dataProductBuy.inputQuantity = 1;
$scope.dataProductBuy.quantity = 1;
}
/* $scope.dataProductBuy.quantity = 1;
$scope.dataProductBuy.inputQuantity = 1; */
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
}
},
minus: function() {
var _self = this;
if (($scope.dataProductBuy.quantity - 1) != $scope.dataProductBuy.quantity_min) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity - 1;
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
}
},
plus: function() {
var _self = this;
if (($scope.dataProductBuy.quantity + 1) <= $scope.dataProductBuy.quantity_max) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity + 1;
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
}
}
}
return quantity;
};
$scope.carouselId = '';
$scope.slickCarouselId = function() {
if ($scope.carouselId == '') {
$scope.carouselId = Math.floor((Math.random() * 9999) + 1000);
return $scope.carouselId;
} else {
return $scope.carouselId;
}
};
$scope.slickImageGoto = function(idx) {
setTimeout(function() {
$('[data-key="' + $scope.carouselId + '"]').slick('slickGoTo', idx);
}, 100);
};
$scope.imageCarousel = function(cover_in, carousel_in) {
$(cover_in).css('height', '0');
$(cover_in).css('opacity', '0');
setTimeout(function() {
var carousel = $(carousel_in);
carousel.not('.slick-initialized').slick({
dots: true,
arrows: true,
autoplay: false,
autoplaySpeed: 4000,
infinite: true,
prevArrow: '',
nextArrow: '',
speed: 600,
}).closest('section').addClass('active');
$(cover_in).css('height', 'auto');
$(cover_in).css('opacity', '1');
}, 1000);
};
$scope.getDataArray = function() {
var data = {
consoleLog: function(name, data) {
console.log(name, data);
},
stateData: function(loadIn, doneIn) {
var state = {
load: loadIn,
done: doneIn
};
return state;
},
getProductId: function(callback) {
var params = $routeParams;
var product_id = params.product_id.split("-", 1).join("");
callback(product_id)
},
getDataProductArray: function(api, callback) {
var _self = this;
var output = [];
_self.getProductId(function(product_id) {
var dataSendProductId = {
'txt_product_id': product_id
};
_self.getDataArray(api, dataSendProductId, function(output) {
callback(output);
});
});
},
getNavigationBar: function(product_referral_display, api, callback) {
var _self = this;
var output = [];
_self.consoleLog("product_referral_display : ", product_referral_display);
if (product_referral_display.category.length != 0) {
var dataSendReferralId = {
'txt_referral_id': product_referral_display.category[0].referral_id
};
_self.getDataArray(api, dataSendReferralId, function(output) {
callback(output);
});
} else {
callback(output);
}
},
getDataArray: function(api, dataSend, callback) {
GAEAPI.get(api, dataSend, $scope).then(function(output) {
callback(output);
});
},
getQuantityBreak: function(api, callback) {
var _self = this;
_self.getProductId(function(product_id) {
var customerId = 0;
if (UiCustomerBox.delegate.get.isLogin()) {
customerId = parseInt(UiCustomerBox.delegate.get.me().customer_id);
}
var dataSendQuantityBreak = {
'txt_product_id': product_id,
'txt_customer_id': customerId
};
var quantity_break = [];
_self.getDataArray(api, dataSendQuantityBreak, function(output) {
if (output.ok == 1) {
quantity_break = output.data.quantity_break;
callback(quantity_break);
}
callback(quantity_break);
});
});
},
quantity: function(product_total_stock, callback) {
var total_stock = 0;
if (product_total_stock == -1) {
total_stock = 999;
} else if (product_total_stock != -1 && product_total_stock != 0) {
total_stock = product_total_stock;
}
callback(total_stock);
},
quantityBreaks: function() {
var _self = this;
var productQuantityBreak = GAEAPI.getValueForKey($scope.dataArray, "product_quantity_break", []);
var quantityBreak = GAEAPI.getValueForKey(productQuantityBreak, "quantity_break", []);
var product_price = GAEAPI.getValueForKey($scope.data, "product_price", 0);
for (var index in quantityBreak) {
var rowData = quantityBreak[index];
var amount_end = parseInt(GAEAPI.getValueForKey(rowData, "amount_end", 0));
var unit_price = parseInt(GAEAPI.getValueForKey(rowData, "unit_price", 0));
if ($scope.dataProductBuy.quantity >= amount_end) {
$scope.dataProductBuy.result_price = unit_price;
}
}
},
showTab: function(input, callback) {
var description = input.product_description;
var info = input.product_more_info;
callback(description, info);
},
productTab: function(product_tags, callback) {
var _self = this;
_self.consoleLog("productTab : product_tags : ", product_tags);
var productTab = [];
if (product_tags != undefined) {
if (product_tags != "") {
productTab = product_tags.split(",");
callback(productTab);
} else {
callback(productTab);
}
} else {
callback(productTab);
}
},
getAttribute: function(input, callback) {
var _self = this;
var attribute = [];
var variants = [];
var variants_total = 0;
_self.consoleLog("getAttribute : input : ", input);
if (input.product_attribute.option_data !== 'undefined' && input.product_total_variant > 0) {
_self.consoleLog("getAttribute : input.product_attribute.option_data : ", input.product_attribute.option_data);
_self.consoleLog("getAttribute : input.product_total_variant : ", input.product_total_variant);
if (input.product_attribute.option_data.pclass_array !== 'undefined' && input.product_attribute.option_data.pclass_array.length) {
_self.consoleLog("getAttribute : input.product_attribute.option_data.pclass_array : ", input.product_attribute.option_data.pclass_array);
_self.consoleLog("getAttribute : input.product_attribute.option_data.pclass_array.length : ", input.product_attribute.option_data.pclass_array.length);
attribute = input.product_attribute.option_data.pclass_array;
variants = input.product_attribute.option_data.variant_array;
variants_total = input.product_total_variant;
}
}
callback(variants_total, attribute, variants);
},
checkOption: function(variants_total, callback) {
var state = false;
if (variants_total == 0) {
state = true;
}
callback(state);
},
checkTotalStock: function(stateIn, quantity_max, callback) {
var state = false;
if (stateIn == true && quantity_max > 0) {
state = true;
}
callback(state);
},
main: function() {
var _self = this;
$scope.slickCarouselId();
$scope.dataArrayState = _self.stateData(true, false);
_self.getDataProductArray('product/id', function(output) {
_self.consoleLog("getDataProductArray : output : ", output.data);
_self.quantity(output.data.product_total_stock, function(total_stock) {
_self.consoleLog("quantity : total_stock : ", total_stock);
$scope.dataProductBuy.quantity_max = total_stock;
$scope.dataArray = output.data;
_self.productTab(output.data.product_tags, function(productTab) {
$scope.dataArrayTags = productTab;
_self.showTab(output.data, function(description, info) {
$scope.showTab.dataTab[0].data = description;
$scope.showTab.dataTab[1].data = info;
});
_self.getAttribute(output.data, function(variants_total, attribute, variants) {
_self.consoleLog("getAttribute : variants_total : ", variants_total);
_self.consoleLog("getAttribute : attribute : ", attribute);
_self.consoleLog("getAttribute : variants : ", variants);
_self.checkOption(variants_total, function(state) {
_self.checkTotalStock(state, total_stock, function(state) {
$scope.buy.state = state;
$scope.attribute.attributeOption = attribute;
$scope.attribute.dataVariants = variants;
$scope.attribute.variantsTotal = variants_total;
});
});
});
$scope.dataProductBuy.price = output.data.product_price;
$scope.dataProductBuy.sumprice = output.data.product_price;
_self.getQuantityBreak('product/quantity_break', function(quantity_break) {
_self.consoleLog("getQuantityBreak : output : ", quantity_break);
$scope.dataArray.product_quantity_break.quantity_break = quantity_break;
if (quantity_break.length) {
$scope.dataProductBuy.result_price = quantity_break[0].unit_price;
}
});
_self.getNavigationBar(output.data.product_referral_display, 'referral/relation', function(output) {
_self.consoleLog("getNavigationBar : output : ", output.data);
$scope.navigationBar = output.data;
$scope.dataArrayState = _self.stateData(false, true);
});
});
});
});
}
}
return data;
};
$scope.getDataArray().main();
};
return promise;
});_ui_share_app.directive('productDetailPageN', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'productDetailPageN';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
name: '@name',
id: '@id',
imgcart: '@imgcart',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window) {
$scope.forbidden = false;
$scope._config = [];
$scope._host = _ui_host + templateName + '/';
$scope.qtyProduct = 1;
$scope.result_price = 0;
$scope.checkQty = function() {
var productQuantityBreak = GAEAPI.getValueForKey($scope.data, "product_quantity_break", []);
var quantityBreak = GAEAPI.getValueForKey(productQuantityBreak, "quantity_break", []);
var product_price = GAEAPI.getValueForKey($scope.data, "product_price", 0);
console.log("quantityBreak : ", $scope.data);
for (var index in quantityBreak) {
var rowData = quantityBreak[index];
var amount_end = parseInt(GAEAPI.getValueForKey(rowData, "amount_end", 0));
var unit_price = parseInt(GAEAPI.getValueForKey(rowData, "unit_price", 0));
if ($scope.qtyProduct >= amount_end) {
$scope.result_price = unit_price;
}
}
};
$scope.checkSeo = function() {
return (GURL.isHtml5Mode()) ? true : false;
};
$scope.titleUrl = function(str) {
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
return s;
};
$scope._getPostIdFromURL = function() {
var test = $scope.id;
var a = $scope.id;
if (typeof $routeParams.product_id !== 'undefined') {
test = parseInt($routeParams.product_id);
a = $routeParams.product_id;
}
if (typeof test === 'number' && test > 0) {
return test;
} else {
var b = a.split("-");
return b[0];
}
};
/* JQ: Scroll event */
angular.element($window).bind('scroll', function() {
if (!$scope.data) {
return;
}
var curPos = ($(document).scrollTop());
var properHeight = ($('.img_cover').height() * ($('.img_cover').length - 1));
console.debug("Cur pos", curPos, properHeight);
if (curPos > properHeight) {
angular.element('.block-background .bottom-info').addClass('unactive');
if ($(window).width() > 991) {
angular.element('.bottom-buy-overlay').addClass('unactive');
}
} else {
angular.element('.block-background .bottom-info').removeClass('unactive');
if ($(window).width() > 991) {
angular.element('.bottom-buy-overlay').removeClass('unactive');
}
}
});
/* UNIQUE KEY */
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
/* Slider Send */
$scope.data_tag = [];
$scope.data = false;
$scope.dataPreserve = false;
/* Get product id from url or from component */
$scope._getPostIdFromURL = function() {
var test = $scope.id;
var a = $scope.id;
if (typeof $routeParams.product_id !== 'undefined') {
test = parseInt($routeParams.product_id);
a = $routeParams.product_id;
}
if (typeof test === 'number' && test > 0) {
return test;
} else {
var b = a.split("-");
return b[0];
}
};
$scope._dataArrayTags = [];
/* getProductId */
$scope.getQuantityBreak = function(dataSend, api, callback) {
console.log("getQuantityBreak : dataSend : ", dataSend, " api : ", api);
var quantity_break = [];
GAEAPI.get(api, dataSend).then(function(output) {
console.log("getQuantityBreak : output : ", output);
if (output.ok == 1) {
quantity_break = output.data.quantity_break;
callback(quantity_break);
}
callback(quantity_break);
});
callback(quantity_break);
};
$scope.getProductId = function(statusLogin, customerId, dataSend, api) {
console.log("getProductId : statusLogin : ", statusLogin, " customerId : ", customerId, " dataSend : ", dataSend, " api : ", api);
GAEAPI.get(api, dataSend).then(function(output) {
console.log("getProductId : output : ", output);
if (output.ok == 1) {
if (output.data != undefined) {
console.log("getProductId : output.data : ", output.data);
$scope.data = output.data;
$scope.dataPreserve = output.data;
/* product_tags */
if (output.data.product_tags != undefined) {
if (output.data.product_tags != "") {
$scope._dataArrayTags = output.data.product_tags.split(",");
/* split(","); */
if ($scope._dataArrayTags == 1 && $scope._dataArrayTags[0] != "") {
$scope.data_tag = (output.data.product_tags).split(",");
}
}
}
/* product_referral_display */
if (output.data.product_referral_display != undefined) {
if (output.data.product_referral_display.length) {
$scope._getSupportDataCategory(output.data);
}
}
/* Option */
$scope.buildVariantOption(output.data);
/* ProductRelate */
$scope.buildDataProductRelate(dataSend.txt_product_id);
/* product_quantity_break */
$scope.checkLogin('product/quantity_break', dataSend.txt_product_id, statusLogin, function(statusLogin, customerId, dataSend, api) {
console.log("getProductId checkLogin callback : statusLogin : ", statusLogin, " customerId : ", customerId, " dataSend : ", dataSend, " api : ", api);
if (statusLogin) {
console.log("getProductId checkLogin : IF");
$scope.getQuantityBreak(dataSend, api, function(quantity_break) {
console.log("getProductId checkLogin callback getQuantityBreak : quantity_break : ", quantity_break);
$scope.data.product_quantity_break.quantity_break = quantity_break;
if (quantity_break.length) {
$scope.result_price = quantity_break[0].unit_price;
}
});
} else {
console.log("getProductId checkLogin : ELSE")
}
});
}
}
});
};
$scope.checkLogin = function(urlApi, product_id, status_login, callback) {
var dataSend = {};
var productId = parseInt(product_id);
var statusLogin = status_login;
var api = urlApi;
var customerId = 0;
if (api == 'product/id') {
dataSend = {
'txt_product_id': productId,
}
console.log("checkLogin : statusLogin : ", statusLogin, " customerId : ", customerId, " dataSend : ", dataSend, " api : ", api);
callback(statusLogin, customerId, dataSend, api);
} else if (api == 'product/quantity_break') {
if (statusLogin) {
customerId = parseInt(UiCustomerBox.delegate.get.me().customer_id);
dataSend = {
'txt_product_id': productId,
'txt_customer_id': customerId,
}
console.log("checkLogin : statusLogin : ", statusLogin, " customerId : ", customerId, " dataSend : ", dataSend, " api : ", api);
callback(statusLogin, customerId, dataSend, api);
} else {
console.log("checkLogin : statusLogin : ", statusLogin, " customerId : ", customerId, " dataSend : ", dataSend, " api : ", api);
callback(statusLogin, customerId, dataSend, api);
}
}
};
$scope.checkLogin('product/id', $scope._getPostIdFromURL(), UiCustomerBox.delegate.get.isLogin(), function(statusLogin, customerId, dataSend, api) {
console.log("checkLogin callback : statusLogin : ", statusLogin, " customerId : ", customerId, " dataSend : ", dataSend, " api : ", api);
$scope.getProductId(statusLogin, customerId, dataSend, api);
});
/* getProductId */
$scope.dataRelate = [];
$scope.buildDataProductRelate = function(product_id) {
var j = {
'relate_product_id_array': [product_id],
'badge_id_array': [18]
};
var d = {
'cur_page': 1,
'per_page': 6,
'txt_filter_json': JSON.stringify(j)
};
GAEAPI.get('product/lists', d).then(function(e) {
if (e.ok == 1) {
$scope.dataRelate = e.data.dataList;
console.log("dataRelate", $scope.dataRelate);
}
});
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData) {
if (objectData.product_total_variant <= 0) {
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
$scope.makeVariantsClick();
};
$scope.dataVariantsPick = [];
$scope.onSelectVariantItems = function($index, option_id) {
console.log("onSelectVariantItems:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
if ($scope.dataVariantsPick.length >= $scope.dataOption.length) {
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope.findVariantsData = function(variantsPick) {
function compareArray(array_a, array) {
if (!array) return false;
if (array_a.length != array.length) return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i])) return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
for (var i = 0; i < dataVariants.length; i++) {
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if (compareArray(variantsPick, optionJson)) {
$scope.data.product_id = dataVariants[i].product_id;
$scope.data.product_sku = dataVariants[i].sku;
$scope.data.product_price = dataVariants[i].price;
$scope.data.product_compare_price = dataVariants[i].compare_price;
break;
}
}
};
$scope.makeVariantsClick = function() {
var s = $timeout(function() {
$timeout.cancel(s);
$('select.variantSelector').each(function(idx, obj) {
var optionElementFirst = $(this).find('option[data-index="' + idx + '"]').eq(0);
optionElementFirst.prop("selected", true);
$scope.onSelectVariantItems(optionElementFirst.attr('data-index'), optionElementFirst.attr('data-option'));
});
}, 2000);
};
$scope.checkColorConfig = function() {
return ($('config-color').length) ? true : false;
};
$scope._makeProductToCarousel = function() {
var elementName = '[data-key="' + $scope._uniqueKey + '"]';
var optionsParmas = {
autoplay: (window.location.host !== 'localhost') ? true : false,
slidesToShow: 1,
slidesToScroll: 1,
dots: false,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
};
return sliderProvider(elementName, optionsParmas, $scope.type, $scope._uniqueKey);
};
$scope._slickGoLeft = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
$rootScope.$on('repeatend', function() {
if ($('[data-key="' + $scope._uniqueKey + '"]').not('.slick-initialized')) {
$timeout(function() {
$scope._makeProductToCarousel();
}, 500);
}
});
$scope.qty_original = 1;
$scope.qty_current = 1;
/* Click SLick Item */
$scope.slickGoto = function(idx) {
setTimeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickGoTo', idx);
}, 100);
};
/* Calcu Nav Arrows */
$scope.maxHeight = 0;
$scope.navArrowsCalculate = function() {
var size = ($('img.img_gallery').eq(0).height() / 2);
$scope.maxHeight = (size + 18);
$('img.img_gallery').each(function() {
if ($(this).height() > $scope.maxHeight) {
$scope.maxHeight = $(this).height();
}
});
return '-' + $scope.maxHeight + 'px';
};
$scope.navArrowWidth = function() {
return $('#gallery_display').width() + 'px';
};
$scope.viewType = 'description';
var selector = '.nav li';
$(selector).on('click', function() {
$(selector).removeClass('active');
$(this).addClass('active');
});
$scope.toTop = function() {
return window.scrollTo(0, 0);
};
$scope._page_lists = false;
$scope._page_lists_load = false;
$scope._get_page_lists = function() {
$scope._clear_page_lists();
var dataSend = {
'cur_page': 1,
'per_page': 20,
'txt_sortby': 'page_lastest_create'
};
GAEAPI.get('page/lists', dataSend).then(function(res) {
$scope._page_lists_load = true;
if (res.ok === 1) {
$scope._page_lists = res.data.dataList;
angular.forEach($scope._page_lists, function(item, key) {
if (item.page_search_url == "") {
item.page_search_url = item.page_id;
}
});
}
});
};
$scope.support_data = {
category: [],
};
$scope._getSupportDataCategory = function(data) {
console.log("_getSupportDataCategory : data : ", data);
console.log("_getSupportDataCategory : data : ", data.product_referral_display);
var dataSend = {
'txt_referral_id': data.product_referral_display.category[0].referral_id
};
console.log("_getSupportDataCategory : dataSend : ", dataSend);
GAEAPI.get('referral/relation', dataSend).then(function(e) {
if (e.ok == 1) {
$scope.support_data.category = e.data;
console.log("dyfsyhfgdhfd :", $scope.support_data.category);
}
});
};
$scope._clear_page_lists = function() {
$scope._page_lists = false;
$scope._page_lists_load = false;
};
$scope._get_page_lists();
$scope._page_category = false;
$scope._page_category_load = false;
$scope._get_page_category = function() {
$scope._clear_page_lists();
var dataSend = {
'txt_referral_type_id': 11,
'txt_sortby': 'referral_name_a-z'
};
GAEAPI.get('referral/map', dataSend).then(function(res) {
$scope._page_category_load = true;
if (res.ok === 1) {
$scope._page_category = res.data;
}
});
};
$scope._clear_page_category = function() {
$scope._page_category = false;
$scope._page_category_load = false;
};
$scope._get_page_category();
$scope._testdata = [{
id: '1',
Buy: '1',
Price: '699',
Discount: '0%'
}, {
id: '2',
Buy: '3',
Price: '550',
Discount: '10%'
}, {
id: '3',
Buy: '6',
Price: '530',
Discount: '15%'
}, {
id: '4',
Buy: '12',
Price: '520',
Discount: '16%'
}, {
id: '5',
Buy: '50',
Price: '510',
Discount: '17%'
}];
$scope._get_page_category();
$scope.mkCarouselData = function(elem) {
console.debug('mkCarouselData: trigger');
setTimeout(function() {
var carousel = $(elem + '[data-id=' + $scope._key() + ']');
var is_dark;
carousel.not('.slick-initialized').slick({
dots: false,
arrows: true,
autoplay: false,
autoplaySpeed: 4000,
slidesToShow: 5,
slidesToScroll: 1,
infinite: true,
speed: 600,
prevArrow: '',
nextArrow: '',
responsive: [{
breakpoint: 1330,
settings: {
slidesToShow: 5,
}
}, {
breakpoint: 991,
settings: {
slidesToShow: 5,
}
}, {
breakpoint: 767,
settings: {
slidesToShow: 5,
}
}, {
breakpoint: 692,
settings: {
slidesToShow: 6,
}
}, {
breakpoint: 540,
settings: {
slidesToShow: 3,
}
}]
}).closest('section').addClass('active');
}, 1000);
};
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.slickGoLeft = function() {
setTimeout(function() {
$('.recommend .-recommend[data-id="' + $scope._key() + '"]').slick('slickPrev');
}, 100);
};
$scope.slickGoRight = function() {
setTimeout(function() {
$('.recommend .-recommend[data-id="' + $scope._key() + '"]').slick('slickNext');
}, 100);
};
$scope._indata = $scope._testdata[0].id;
$scope._indataPrice = $scope._testdata[0].Price;
$scope._inputdata = function(data, Price) {
$scope._indata = data;
$scope._indataPrice = Price;
};
$scope.newLoginregister = function(name) {
window.location.href = GURL.base_url() + name;
};
$scope.invited = [];
$scope.insertinvited = function(user) {
if (user.isChecked[user.product_id]) {
if (user.product_attribute.length != 0) {
$scope.invited.push(user.product_id);
if ($scope.invited.length > 4) {
alert("no more 4 compare");
user.isChecked[user.product_id] = false;
var toDel = $scope.invited.indexOf(user);
$scope.invited.splice(toDel);
console.log("test_array :", $scope.invited);
} else {
console.log("test_array :", $scope.invited);
}
} else {
alert("item can't compare");
user.isChecked[user.product_id] = false;
}
} else {
var toDel = $scope.invited.indexOf(user);
$scope.invited.splice(toDel);
console.log("test_array :", $scope.invited);
}
};
};
return promise;
});_ui_share_app.directive('productDetailPageP', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'productDetailPageP';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
imgpath: '@imgpath',
id: '@id',
promotelink: '@promotelink',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.forbidden = false;
$scope._config = [];
$scope._host = _ui_host + templateName + '/';
$scope._viewRouteParams = function() {
return $routeParams || false;
};
$scope._idUrl = function(instr) {
var outstr = instr.split("-", 1).join("");
return outstr;
};
$scope._saleState = {
discount: 0
};
$scope.sale = function(price, compare_price, discount_id, discount_price, discount_percent) {
var sale = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
sale = discount_price;
$scope._saleState.discount = 'price';
} else if (discount_percent != 0 && discount_price == 0) {
sale = discount_percent;
$scope._saleState.discount = 'percent';
}
}
return (sale > 0) ? sale : 0;
}
$scope.checkSeo = function() {
return (GURL.isHtml5Mode()) ? true : false;
};
$scope.titleUrl = function(str) {
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
return s;
};
$scope._getPostIdFromURL = function() {
var test = $scope.id;
var a = $scope.id;
if (typeof $routeParams.product_id !== 'undefined') {
test = parseInt($routeParams.product_id);
a = $routeParams.product_id;
}
if (typeof test === 'number' && test > 0) {
return test;
} else {
var b = a.split("-");
return b[0];
}
};
/* JQ: Scroll event */
angular.element($window).bind('scroll', function() {
if (!$scope.data) {
return;
}
var curPos = ($(document).scrollTop());
var properHeight = ($('.img_cover').height() * ($('.img_cover').length - 1));
console.debug("Cur pos", curPos, properHeight);
if (curPos > properHeight) {
angular.element('.block-background .bottom-info').addClass('unactive');
if ($(window).width() > 991) {
angular.element('.bottom-buy-overlay').addClass('unactive');
}
} else {
angular.element('.block-background .bottom-info').removeClass('unactive');
if ($(window).width() > 991) {
angular.element('.bottom-buy-overlay').removeClass('unactive');
}
}
});
/* UNIQUE KEY */
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
/* Slider Send */
$scope.data = false;
$scope.dataPreserve = false;
$scope._getDataArray = function(id) {
var dataSend = {
'txt_product_id': id
};
GAEAPI.get('product/id', dataSend).then(function(res) {
if (res.ok === 1) {
$scope.data = res.data;
$scope.dataPreserve = res.data;
$scope.buildVariantOption(res.data);
$scope._getSupportDataCategory('category', res.data);
}
});
};
$scope._getDataArray($scope._idUrl($scope._viewRouteParams().product_id));
$scope.dataRelate = [];
$scope.buildDataProductRelate = function(product_id) {
var j = {
'relate_product_id_array': [product_id],
'badge_id_array': [18]
};
var d = {
'cur_page': 1,
'per_page': 4,
'txt_filter_json': JSON.stringify(j)
};
GAEAPI.get('product/lists', d).then(function(e) {
if (e.ok == 1) {
$scope.dataRelate = e.data.dataList;
console.log("dataRelate", $scope.dataRelate);
}
});
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData) {
if (objectData.product_total_variant <= 0) {
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
$scope.makeVariantsClick();
};
$scope.dataVariantsPick = [];
$scope.onSelectVariantItems = function($index, option_id) {
console.log("onSelectVariantItems:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
if ($scope.dataVariantsPick.length >= $scope.dataOption.length) {
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope.findVariantsData = function(variantsPick) {
function compareArray(array_a, array) {
if (!array) return false;
if (array_a.length != array.length) return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i])) return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
for (var i = 0; i < dataVariants.length; i++) {
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if (compareArray(variantsPick, optionJson)) {
$scope.data.product_id = dataVariants[i].product_id;
$scope.data.product_sku = dataVariants[i].sku;
$scope.data.product_price = dataVariants[i].price;
$scope.data.product_compare_price = dataVariants[i].compare_price;
break;
}
}
};
$scope.makeVariantsClick = function() {
var s = $timeout(function() {
$timeout.cancel(s);
$('select.variantSelector').each(function(idx, obj) {
var optionElementFirst = $(this).find('option[data-index="' + idx + '"]').eq(0);
optionElementFirst.prop("selected", true);
$scope.onSelectVariantItems(optionElementFirst.attr('data-index'), optionElementFirst.attr('data-option'));
});
}, 2000);
};
$scope.checkColorConfig = function() {
return ($('config-color').length) ? true : false;
};
$scope._makeProductToCarousel = function() {
var elementName = '[data-key="' + $scope._uniqueKey + '"]';
var optionsParmas = {
autoplay: (window.location.host !== 'localhost') ? true : false,
slidesToShow: 1,
slidesToScroll: 1,
dots: true,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
};
return sliderProvider(elementName, optionsParmas, $scope.type, $scope._uniqueKey);
};
$scope._slickGoLeft = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
$rootScope.$on('repeatend', function() {
if ($('[data-key="' + $scope._uniqueKey + '"]').not('.slick-initialized')) {
$timeout(function() {
$scope._makeProductToCarousel();
}, 500);
}
});
$scope.data_viewTab = 1;
$scope._viewTab = function(index) {
$scope.data_viewTab = index;
};
$scope.qty_original = 1;
$scope.qty_current = 1;
$scope.viewImg = 0;
$scope.values = [1, 2, 3, 4, 5];
$scope.myOptions = {
1: "1",
2: "2",
3: "3",
4: "4",
5: "5",
6: "6",
7: "7",
8: "8",
9: "9",
10: "10",
};
$scope.$watchCollection('myOptions', function() {
$scope.myFixedOptions = [];
angular.forEach($scope.myOptions, function(value, key) {
$scope.myFixedOptions.push({
key: parseInt(key, 10),
value: value
});
});
});
$scope.changeImg = function(i) {
return $scope.viewImg = i;
};
$scope.support_data = {
category: [],
};
$scope._getSupportDataCategory = function(type, data) {
var dataSend = {
'txt_referral_id': data.product_referral_display.category[0].referral_id
};
GAEAPI.get('referral/relation', dataSend).then(function(e) {
if (e.ok == 1) {
$scope.support_data.category = e.data;
}
});
};
$scope.productQuantityMultiArray = [];
$scope.lastCheckedVariantKey = '';
$scope.buildMultipleQuantity = function(productObj) {
$scope.productQuantityMultiArray = [];
var r = [],
p = productObj.product_attribute.option_data.variant_array;
for (var i = 0; i < p.length; i++) {
if (p[i].status == 1 && p[i].status == 1) {
$scope.productQuantityMultiArray.push({
v_key: p[i].variant_key,
v_name: p[i].option_name_array[0],
v_qty: 1,
v_active: 0
});
}
}
};
$scope.invited = [];
$scope.insertinvited = function(user) {
if (user.isChecked[user.product_id]) {
if (user.product_attribute.length != 0) {
$scope.invited.push(user.product_id);
} else {
alert("item can't compare");
}
} else {
var toDel = $scope.invited.indexOf(user.product_id);
$scope.invited.splice(toDel, '1');
}
};
$scope.newLoginregister = function(name) {
window.location.href = GURL.base_url() + name;
};
$scope._data_qty_selected = 1;
$scope.viewQuantity = function() {
return $(".d_qty.active.inin").find('input').val() || 1;
};
$scope.currentOptionQtyPick = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
return e.val();
};
};
return promise;
});_ui_share_app.directive('productDetailPagePi', function($rootScope, $routeParams, sliderProvider, $componentProductDetail) {
var templateName = 'productDetailPagePi';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
name: '@name',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window, $http) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.dataSet = [{
api: "product/id",
dataSend: {},
dataArray: [],
dataSendState: {
load: false,
done: false
}
}, {
api: "referral/relation",
dataSend: {},
dataArray: [],
dataSendState: {
load: false,
done: false
}
}];
$scope.dataTab = {
active: 0,
tabArray: [{
type: 1,
name: 'ภาพรวม',
state: true,
compileDetail: '',
compileArray: []
}, {
type: 2,
name: 'คุณสมบัติเฉพาะทางเทคนิค',
state: true,
compileDetail: '',
compileArray: []
}, {
type: 1,
name: 'ข้อมูลเพิ่มเติม',
state: true,
compileDetail: '',
compileArray: []
}]
};
$scope.getTab = function() {
var getFunction = {
active: function(active, callback) {
callback(active);
},
setTab: function(active) {
var _self = this;
_self.active(parseInt(active), function(active) {
$scope.dataTab.active = active;
});
},
pullData: function(index, data, callback) {
var res_data = (data != '' && data != undefined) ? data : '';
var res_state = (index == 0) ? true : (data != '' && data != undefined) ? true : false;
$scope.getFunction().consoleLog(" : ", res_state);
callback(index, res_data, res_state);
},
pullDataArray: function(index, dataArray, callback) {
var res_data_array = [];
if (dataArray.length != 0 && dataArray.length != undefined) {
if (dataArray.specification_data.length != 0 && dataArray.specification_data.length != undefined) {
if (dataArray.specification_data.pclass_array.length != 0 && dataArray.specification_data.pclass_array.length != undefined) {
res_data_array = dataArray.specification_data.pclass_array;
}
}
}
var res_state = (index == 0) ? true : (dataArray.length != 0 && dataArray != undefined) ? true : false;
callback(index, res_data_array, res_state);
}
}
return getFunction;
};
$scope.getFunction = function() {
var getFunction = {
component: function(callback) {
var component = "productDetailPagePi : ";
callback(component);
},
consoleLog: function(name, data) {
var _self = this;
_self.component(function(component) {
console.log(component, name, data);
});
},
titleUrl: function(str) {
var url = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
return url;
},
locationUrl: function(template, data) {
$location.url(template + data).replace();
},
getRouteParams: function(callback) {
var params = $routeParams;
callback(params);
},
getRouteParamsProductId: function(callback) {
var _self = this;
_self.getRouteParams(function(params) {
var product_id = params.product_id.split("-", 1).join("");
callback(product_id);
});
},
stateData: function(load, done) {
var _self = this;
_self.consoleLog("stateData : load : ", load);
_self.consoleLog("stateData : done : ", done);
var state = {
load: load,
done: done
};
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("dataSend : api : ", api);
_self.consoleLog("dataSend : dataSend : ", dataSend);
callback(api, dataSend);
},
getApiOk: function(res_api, callback) {
var _self = this;
var res_ok = [];
if (res_api.ok == 1) {
res_ok = res_api;
}
_self.consoleLog("getApiOk : res_ok : ", res_ok);
callback(res_ok);
},
getApi: function(api, dataSend, callback) {
var _self = this;
GAEAPI.get(api, dataSend, $scope).then(function(res_api) {
_self.consoleLog("getApi : api : ", api);
_self.consoleLog("getApi : dataSend : ", dataSend);
_self.consoleLog("getApi : res_api : ", res_api);
_self.getApiOk(res_api, function(res_api_ok) {
callback(res_api_ok);
});
});
},
main: function() {
var _self = this;
}
}
return getFunction;
};
$scope.getNavigationBar = function() {
var getFunction = {
chackCategory: function(categoryArray, callback) {
var res_chack_category = (categoryArray != 0 && categoryArray != undefined) ? true : false;
callback(res_chack_category);
},
getReferralId: function(chackCategory, categoryArray, index, callback) {
var res_referral_id = (chackCategory == true) ? categoryArray[index].referral_id : false;
callback(res_referral_id);
},
getData: function(api, referralId, callback) {
if (referralId != false) {
$scope.dataSet[1].dataSend = {
'txt_referral_id': referralId
}
$scope.getFunction().dataSend(api, $scope.dataSet[1].dataSend, function(api, dataSend) {
$scope.getFunction().getApi(api, dataSend, function(res_api) {
callback(res_api);
});
});
} else {
callback([]);
}
},
main: function(api, productReferralDisplay, callback) {
var _self = this;
_self.chackCategory(productReferralDisplay.category, function(res_chack_category) {
_self.getReferralId(res_chack_category, productReferralDisplay.category, 0, function(res_referral_id) {
_self.getData(api, res_referral_id, function(res_api) {
callback(res_api);
});
});
});
}
}
return getFunction;
};
$scope.getFunction().getRouteParamsProductId(function(res_product_id) {
$scope.dataSet[0].dataSendState = $scope.getFunction().stateData(true, false);
$scope.dataSet[0].dataSend = {
'txt_product_id': res_product_id
}
$scope.getFunction().dataSend($scope.dataSet[0].api, $scope.dataSet[0].dataSend, function(api, dataSend) {
$scope.getFunction().getApi(api, dataSend, function(res_api) {
$scope.getFunction().consoleLog("getRouteParamsProductId : dataSend : getApi : ", res_api);
$scope.dataSet[0].dataArray = res_api.data;
$scope.dataSet[0].dataSendState = $scope.getFunction().stateData(false, true);
$scope.getTab().pullData(0, res_api.data.product_description, function(index, res_data, res_state) {
$scope.dataTab.tabArray[index].compileDetail = res_data;
$scope.dataTab.tabArray[index].state = res_state;
});
$scope.getTab().pullDataArray(1, res_api.data.product_attribute, function(index, res_data_array, res_state) {
$scope.dataTab.tabArray[index].compileArray = res_data_array;
$scope.dataTab.tabArray[index].state = res_state;
});
$scope.getTab().pullData(2, res_api.data.product_more_info, function(index, res_data, res_state) {
$scope.dataTab.tabArray[index].compileDetail = res_data;
$scope.dataTab.tabArray[index].state = res_state;
});
$scope.dataSet[1].dataSendState = $scope.getFunction().stateData(true, false);
$scope.getNavigationBar().main($scope.dataSet[1].api, res_api.data.product_referral_display, function(red_navigation_bar) {
$scope.getFunction().consoleLog("getNavigationBar : red_navigation_bar : ", red_navigation_bar);
$scope.dataSet[1].dataArray = red_navigation_bar.data;
$scope.dataSet[1].dataSendState = $scope.getFunction().stateData(false, true);
});
});
});
});
};
return promise;
});
_ui_share_app.directive('productDetailPageQ', function ($rootScope, $routeParams, sliderProvider) {
var templateName = 'productDetailPageQ';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
imgpath: '@imgpath',
id:'@id',
headerheight:'@headerheight',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function (scope, element, attr) {
};
promise.controller = function ($scope, $timeout, $interval, $window) {
$scope.forbidden = false;
$scope._config = [];
$scope._host = _ui_host + templateName + '/';
angular.element($window).bind('scroll',function(){
var curPos = ($(document).scrollTop());
var rightPos = $('product-detail-page-q .block-background .block-left .bottom-info').height();
var properHeight = ($('.img_cover').height());
console.debug("Cur pos",curPos, properHeight);
if(curPos+rightPos-50 > properHeight){
angular.element('.block-background .bottom-info').addClass('unactive');
if($(window).width() > 991){
angular.element('.bottom-buy-overlay').addClass('unactive');
}
} else {
angular.element('.block-background .bottom-info').removeClass('unactive');
if($(window).width() > 991){
angular.element('.bottom-buy-overlay').removeClass('unactive');
}
}
});
/* UNIQUE KEY */
$scope._uniqueKey = '';
$scope._key = function () {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.checkSeo = function(){
return (GURL.isHtml5Mode()) ? true : false;
};
$scope.titleUrl = function(str){
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--","-");
return s;
};
/* Get product id from url or from component */
$scope._getPostIdFromURL = function(){
var test = $scope.id;
var a = $scope.id;
if(typeof $routeParams.product_id !== 'undefined'){
test = parseInt($routeParams.product_id);
a = $routeParams.product_id;
}
if(typeof test === 'number' && test > 0){
return test;
} else {
var b = a.split("-");
return b[0];
}
};
$scope.data = false;
$scope.dataPreserve = false;
/* Get data by product id */
GAEAPI.get('product/id',{'txt_product_id':$scope._getPostIdFromURL()} , $scope).then(function(e){
if(e.ok == 1){
$scope.data = e.data;
$scope.dataPreserve = e.data;
$scope.buildVariantOption(e.data);
/*$scope.buildDataProductRelate($scope._getPostIdFromURL());*/
}
});
$scope.dataRelate = [];
$scope.buildDataProductRelate = function(product_id){
var j = {'relate_product_id_array':[product_id],'badge_id_array':[18]};
var d = {
'cur_page': 1,
'per_page': 4,
'txt_filter_json': JSON.stringify(j)
};
GAEAPI.get('product/lists',d , $scope).then(function(e){
if(e.ok == 1){
$scope.dataRelate = e.data.dataList;
console.log("dataRelate",$scope.dataRelate);
}
});
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData){
if(objectData.product_total_variant <= 0){
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
/*$scope.makeVariantsClick();*/
$scope.makeVaraintsClick_Normal();
};
$scope.dataVariantsPick = [];
$scope.onSelectVariantItems = function($index, option_id){
console.log("onSelectVariantItems:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
if($scope.dataVariantsPick.length >= $scope.dataOption.length){
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope.onClickVariantItems = function($index, option_id){
console.log("onSelectVariantItems:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
if($scope.dataVariantsPick.length >= $scope.dataOption.length){
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope.findVariantsData = function(variantsPick){
function compareArray(array_a, array) {
if (!array)
return false;
if (array_a.length != array.length)
return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i]))
return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
for(var i = 0; i < dataVariants.length; i++){
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if(compareArray(variantsPick,optionJson)){
$scope.data.product_id = dataVariants[i].product_id;
$scope.data.product_sku = dataVariants[i].sku;
$scope.data.product_price = dataVariants[i].price;
$scope.data.product_compare_price = dataVariants[i].compare_price;
break;
}
}
};
/* Select FIrst Varaint (SELECT) */
$scope.makeVariantsClick = function(){
var s = $timeout(function(){
$timeout.cancel(s);
$('select.variantSelector').each(function(idx,obj){
var optionElementFirst = $(this).find('option[data-index="'+idx+'"]').eq(0);
optionElementFirst.prop("selected",true);
$scope.onSelectVariantItems(optionElementFirst.attr('data-index'), optionElementFirst.attr('data-option'));
});
}, 2000);
};
/* Select FIrst Varaint (Normal click) */
$scope.makeVaraintsClick_Normal = function(){
$timeout(function(){
$('div.variantSelector').each(function(idx,obj){
$(this).find('span[data-index="'+idx+'"]').eq(0).click();
});
},2000);
};
$scope.checkColorConfig = function(){
return ($('config-color').length) ? true : false;
};
$scope._makeProductToCarousel = function () {
var elementName = '.img_mobile[data-key="' + $scope._key() + '"]';
var optionsParmas = {
autoplay: (window.location.host !== 'localhost') ? true : false,
slidesToShow: 1,
slidesToScroll: 1,
dots: false,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
};
var extraOptions = {
animate: false
};
sliderProvider(elementName, optionsParmas, $scope.type, $scope._key(), extraOptions);
};
$scope._makeProductToCarouseltwo = function () {
var elementName = '.img_desktop[data-id="' + $scope._key() + '"]';
var optionsParmas = {
autoplay: (window.location.host !== 'localhost') ? true : false,
slidesToShow: 1,
slidesToScroll: 1,
dots: false,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
};
var extraOptions = {
animate: false
};
sliderProvider(elementName, optionsParmas, $scope.type, $scope._key(), extraOptions);
};
$scope._slickGoLeft = function () {
$timeout(function () {
$('[data-key="' + $scope._key() + '"]').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function () {
$timeout(function () {
$('[data-key="' + $scope._key() + '"]').slick('slickNext');
}, 100);
};
$rootScope.$on('repeatend', function() {
if($('.img_mobile[data-key="'+$scope._key()+'"]').not('.slick-initialized')){
$timeout(function(){
$scope._makeProductToCarousel();
}, 500);
}
if($('.img_desktop[data-id="'+$scope._key()+'"]').not('.slick-initialized')){
$timeout(function(){
$scope._makeProductToCarouseltwo();
}, 500);
}
});
$scope.buildIframeMapByLoc = function(name, lat, lng) {
var newName = name;
var YOUR_API_KEY = 'AIzaSyDU_QXXovpoO2nlyXBWbrCZdFeaApx-luU';
if (/\s/.test(name)) {
var newNameOld = name.split(" ");
var DataName = newNameOld.join("+");
}
if (name != '') {
var srcByName = 'https://www.google.co.th/maps?q=' + DataName + '&output=embed&hl=th-TH';
return srcByName;
} else {
var srcByLoc = 'https://www.google.co.th/maps?q=' + lat + ',' + lng + '&output=embed&hl=th-TH';
return srcByLoc;
}
/*return (parseInt(lat) != 0 && parseInt(lng) != 0) ? srcByLoc : srcByName;*/
};
$scope.qty_original=1;
$scope.qty_current=1;
$scope.getShopName = function(){
return (typeof tttt !== 'undefined') ? tttt.shop_name : '';
};
};
return promise;
});
_ui_share_app.directive('productDetailPageSk', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'productDetailPageSk';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
name: '@name',
icon: '@icon',
stylebutton: '@stylebutton'
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window, $location) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.navigationBar = [];
$scope.dataArray = [];
$scope.dataArrayTags = [];
$scope.dataArrayState = {
load: false,
done: false
};
$scope.dataProductBuy = {
inputQuantity: 1,
quantity: 1,
price: 0,
sumprice: 0,
quantity_min: 0,
quantity_max: 0,
result_price: 0
};
$scope.showTab = {
activeTab: 'description',
dataTab: [{
en: 'description',
th: 'รายละเอียดสินค้า',
data: ''
}, {
en: 'info',
th: 'วิธีการชำระเงินและวิธีการจัดส่ง',
data: ''
}]
};
$scope.attribute = {
state: false,
attributeOption: [],
variants: 'description',
variantsPick: [],
dataVariants: [],
variantsTotal: 0
};
$scope.buy = {
state: false,
attribute: false
};
$scope.processBuy = function() {
var functionIn = {
consoleLog: function(name, data) {
console.log(name, data);
},
onClickFalse: function() {
if ($scope.attribute.variantsTotal != 0) {
$scope.buy.attribute = true;
}
}
}
return functionIn;
};
$scope.attributeOption = function() {
var functionIn = {
consoleLog: function(name, data) {
console.log("productDetailPageSk : ", name, data);
},
checkVariantsPick: function(variantsPick) {
if (variantsPick.length != 0) {
var state = 0;
for (var i = 0; i < variantsPick.length; i++) {
if (variantsPick[i] == "") {
state = state + 1;
}
}
if (state == 0) {
return true
} else {
return false
}
} else {
return false
}
},
compareArray: function(attributeOption, optionJson) {
if (!optionJson) return false;
if (attributeOption.length != optionJson.length) return false;
for (var i = 0, l = attributeOption.length; i < l; i++) {
if (attributeOption[i] instanceof Array && optionJson[i] instanceof Array) {
if (!compareArray(attributeOption[i], optionJson[i])) return false;
} else if (attributeOption[i] != optionJson[i]) {
return false;
}
}
return true;
},
checkAttributeOption: function(attributeOption, attributeOptionLength, callback) {
var _self = this;
var attribute = (attributeOption.length == attributeOptionLength) ? true : false;
for (var i = 0; i < attributeOption.length; i++) {
_self.consoleLog("checkAttributeOption : attributeOption[i] : ", attributeOption[i]);
if (attributeOption[i] == undefined) {
attribute = false;
}
}
callback(attribute);
},
findVariantsData: function(attributeOption, dataVariants, attributeOptionLength, callback) {
var _self = this;
_self.consoleLog("findVariantsData : attributeOption : ", attributeOption);
_self.consoleLog("findVariantsData : dataVariants : ", dataVariants);
_self.consoleLog("findVariantsData : attributeOptionLength : ", attributeOptionLength);
_self.checkAttributeOption(attributeOption, attributeOptionLength, function(res_attribute_option) {
_self.consoleLog("checkAttributeOption : callback : res_attribute_option ", res_attribute_option);
var variantsOut = [];
for (var i = 0; i < dataVariants.length; i++) {
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if (_self.compareArray(attributeOption, optionJson)) {
_self.consoleLog("findVariantsData : dataVariants[i] : ", dataVariants[i]);
variantsOut = dataVariants[i];
break;
}
}
callback(variantsOut, res_attribute_option);
});
},
checkOption: function(variants_total, callback) {
var state = true;
if (variants_total == 0) {
state = false;
}
callback(state);
},
checkTotalStock: function(stateIn, quantity_max, callback) {
var _self = this;
var state = true;
_self.consoleLog("checkTotalStock : index : ", stateIn);
_self.consoleLog("checkTotalStock : quantity_max : ", quantity_max);
if (stateIn == false && quantity_max > 0) {
state = false;
}
callback(state);
},
onClickOption: function($index, option_id) {
var _self = this;
_self.consoleLog("onClickOption : index : ", $index);
_self.consoleLog("onClickOption : option_id : ", option_id);
$scope.attribute.variantsPick[$index] = option_id;
_self.consoleLog("onClickOption : $scope.attribute.variantsPick[$index] : ", $scope.attribute.variantsPick[$index]);
if ($scope.attribute.attributeOption.length >= $scope.attribute.variantsPick.length) {
if (_self.checkVariantsPick($scope.attribute.variantsPick)) {
_self.consoleLog("onClickOption : if : $scope.attribute.attributeOption.length : ", $scope.attribute.attributeOption.length);
_self.consoleLog("onClickOption : if : $scope.attribute.variantsPick.length : ", $scope.attribute.variantsPick.length);
_self.findVariantsData($scope.attribute.variantsPick, $scope.attribute.dataVariants, $scope.attribute.attributeOption.length, function(variantsOut, res_attribute_option) {
_self.consoleLog("onClickOption : if : findVariantsData : variantsOut : ", variantsOut);
_self.consoleLog("onClickOption : if : findVariantsData : res_attribute_option : ", res_attribute_option);
if (variantsOut.length != 0 && res_attribute_option) {
$scope.dataArray.product_id = variantsOut.product_id;
$scope.dataArray.product_sku = variantsOut.sku;
$scope.dataProductBuy.price = variantsOut.price;
$scope.dataArray.product_compare_price = variantsOut.compare_price;
$scope.dataProductBuy.quantity_max = variantsOut.total_stock;
if (variantsOut.variant_image != 0) {
if ($scope.dataArray.product_image.length != 0) {
for (var i = 0; i < $scope.dataArray.product_image.length; i++) {
$scope.dataArray.product_image[i].image_id
if ($scope.dataArray.product_image[i].image_id == variantsOut.variant_image[0].image_id) {
$scope.slickImageGoto(i);
}
}
}
}
_self.checkOption($scope.attribute.variantsTotal, function(state) {
_self.checkTotalStock(state, variantsOut.total_stock, function(state) {
$scope.buy.state = state;
if ($scope.attribute.variantsTotal != 0) {
$scope.buy.attribute = true;
}
});
});
} else if (variantsOut.length == 0 && res_attribute_option) {
$scope.dataArray.product_id = 0;
$scope.dataArray.product_sku = '';
$scope.dataProductBuy.price = 0;
$scope.dataArray.product_compare_price = 0;
$scope.dataProductBuy.quantity_max = 1;
$scope.buy.state = true;
$scope.buy.attribute = true;
}
$scope.quantity().input();
});
}
}
}
}
return functionIn;
};
$scope.quantity = function() {
var quantity = {
upDatePrice: function() {
$scope.dataProductBuy.sumprice = $scope.dataProductBuy.price * $scope.dataProductBuy.quantity;
},
input: function() {
var _self = this;
if ($scope.dataProductBuy.inputQuantity > 0) {
if ($scope.dataProductBuy.inputQuantity <= $scope.dataProductBuy.quantity_max) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.inputQuantity;
} else {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity_max;
$scope.dataProductBuy.inputQuantity = $scope.dataProductBuy.quantity_max;
}
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
} else {
console.log("quantity : input : ", $scope.dataProductBuy.inputQuantity);
if ($scope.dataProductBuy.inputQuantity <= 0) {
$scope.dataProductBuy.quantity = 1;
} else {
$scope.dataProductBuy.inputQuantity = 1;
$scope.dataProductBuy.quantity = 1;
}
/* $scope.dataProductBuy.quantity = 1;
$scope.dataProductBuy.inputQuantity = 1; */
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
}
},
minus: function() {
var _self = this;
if (($scope.dataProductBuy.quantity - 1) != $scope.dataProductBuy.quantity_min) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity - 1;
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
}
},
plus: function() {
var _self = this;
if (($scope.dataProductBuy.quantity + 1) <= $scope.dataProductBuy.quantity_max) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity + 1;
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
}
}
}
return quantity;
};
$scope.carouselId = '';
$scope.slickCarouselId = function() {
if ($scope.carouselId == '') {
$scope.carouselId = Math.floor((Math.random() * 9999) + 1000);
return $scope.carouselId;
} else {
return $scope.carouselId;
}
};
$scope.slickImageGoto = function(idx) {
setTimeout(function() {
$('[data-key="' + $scope.carouselId + '"]').slick('slickGoTo', idx);
}, 100);
};
$scope.imageCarousel = function(cover_in, carousel_in) {
$(cover_in).css('height', '0');
$(cover_in).css('opacity', '0');
setTimeout(function() {
var carousel = $(carousel_in);
carousel.not('.slick-initialized').slick({
dots: true,
arrows: true,
autoplay: false,
autoplaySpeed: 4000,
infinite: true,
prevArrow: '',
nextArrow: '',
speed: 600,
}).closest('section').addClass('active');
$(cover_in).css('height', 'auto');
$(cover_in).css('opacity', '1');
}, 100);
};
$scope.getDataArray = function() {
var data = {
consoleLog: function(name, data) {
console.log('productDetailPageMaeju : ', name, data);
},
stateData: function(loadIn, doneIn) {
var state = {
load: loadIn,
done: doneIn
};
return state;
},
getProductId: function(callback) {
var params = $routeParams;
var product_id = params.product_id.split("-", 1).join("");
callback(product_id)
},
getDataProductArray: function(api, callback) {
var _self = this;
var output = [];
_self.getProductId(function(product_id) {
var dataSendProductId = {
'txt_product_id': product_id
};
_self.getDataArray(api, dataSendProductId, function(output) {
callback(output);
});
});
},
getNavigationBar: function(product_referral_display, api, callback) {
var _self = this;
var output = [];
_self.consoleLog("product_referral_display : ", product_referral_display);
if (product_referral_display.category.length != 0) {
var dataSendReferralId = {
'txt_referral_id': product_referral_display.category[0].referral_id
};
_self.getDataArray(api, dataSendReferralId, function(output) {
callback(output);
});
} else {
callback(output);
}
},
getDataArray: function(api, dataSend, callback) {
GAEAPI.get(api, dataSend, $scope).then(function(output) {
callback(output);
});
},
getQuantityBreak: function(api, callback) {
var _self = this;
_self.getProductId(function(product_id) {
var customerId = 0;
if (UiCustomerBox.delegate.get.isLogin()) {
customerId = parseInt(UiCustomerBox.delegate.get.me().customer_id);
}
var dataSendQuantityBreak = {
'txt_product_id': product_id,
'txt_customer_id': customerId
};
var quantity_break = [];
_self.getDataArray(api, dataSendQuantityBreak, function(output) {
if (output.ok == 1) {
quantity_break = output.data.quantity_break;
callback(quantity_break);
}
callback(quantity_break);
});
});
},
quantity: function(product_total_stock, callback) {
var total_stock = 0;
if (product_total_stock == -1) {
total_stock = 20;
} else if (product_total_stock != -1 && product_total_stock != 0) {
total_stock = product_total_stock;
}
callback(total_stock);
},
quantityBreaks: function() {
var _self = this;
var productQuantityBreak = GAEAPI.getValueForKey($scope.dataArray, "product_quantity_break", []);
var quantityBreak = GAEAPI.getValueForKey(productQuantityBreak, "quantity_break", []);
var product_price = GAEAPI.getValueForKey($scope.data, "product_price", 0);
for (var index in quantityBreak) {
var rowData = quantityBreak[index];
var amount_end = parseInt(GAEAPI.getValueForKey(rowData, "amount_end", 0));
var unit_price = parseInt(GAEAPI.getValueForKey(rowData, "unit_price", 0));
if ($scope.dataProductBuy.quantity >= amount_end) {
$scope.dataProductBuy.result_price = unit_price;
}
}
},
showTab: function(input, callback) {
var description = input.product_description;
var info = input.product_more_info;
callback(description, info);
},
productTab: function(product_tags, callback) {
var _self = this;
_self.consoleLog("productTab : product_tags : ", product_tags);
var productTab = [];
if (product_tags != undefined) {
if (product_tags != "") {
productTab = product_tags.split(",");
callback(productTab);
} else {
callback(productTab);
}
} else {
callback(productTab);
}
},
getAttribute: function(input, callback) {
var _self = this;
var attribute = [];
var variants = [];
var variants_total = 0;
_self.consoleLog("getAttribute : input : ", input);
if (input.product_attribute.option_data !== 'undefined' && input.product_total_variant > 0) {
_self.consoleLog("getAttribute : input.product_attribute.option_data : ", input.product_attribute.option_data);
_self.consoleLog("getAttribute : input.product_total_variant : ", input.product_total_variant);
if (input.product_attribute.option_data.pclass_array !== 'undefined' && input.product_attribute.option_data.pclass_array.length) {
_self.consoleLog("getAttribute : input.product_attribute.option_data.pclass_array : ", input.product_attribute.option_data.pclass_array);
_self.consoleLog("getAttribute : input.product_attribute.option_data.pclass_array.length : ", input.product_attribute.option_data.pclass_array.length);
attribute = input.product_attribute.option_data.pclass_array;
variants = input.product_attribute.option_data.variant_array;
variants_total = input.product_total_variant;
}
}
callback(variants_total, attribute, variants);
},
checkOption: function(variants_total, callback) {
var state = true;
if (variants_total == 0) {
state = false;
}
callback(state);
},
checkTotalStock: function(stateIn, quantity_max, callback) {
var state = true;
if (stateIn == true && quantity_max > 0) {
state = false;
}
callback(state);
},
getRouteParams: function(callback) {
var params = $routeParams;
callback(params);
},
stateData: function(loadIn, doneIn) {
var _self = this;
_self.consoleLog("getData : ", "------- stateData -------");
_self.consoleLog("getData : loadIn : ", loadIn);
_self.consoleLog("getData : doneIn : ", doneIn);
_self.consoleLog("getData : ", "------- stateData -------");
var state = {
load: loadIn,
done: doneIn
};
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("getData : ", "------- dataSend -------");
_self.consoleLog("getData : api : ", api);
_self.consoleLog("getData : dataSend : ", dataSend);
_self.consoleLog("getData : ", "------- dataSend -------");
callback(api, dataSend);
},
getApi: function(api, dataSend, callback) {
var _self = this;
GAEAPI.get(api, dataSend, $scope).then(function(output) {
_self.consoleLog("getData : ", "------- getApi -------");
_self.consoleLog("getData : api : ", api);
_self.consoleLog("getData : dataSend : ", dataSend);
_self.consoleLog("getData : output : ", output);
_self.consoleLog("getData : ", "------- getApi -------");
callback(output);
});
},
checkPriceMin: function(variant, callback) {
var _self = this;
var priceMin = parseFloat(variant[0].price);
var comparePriceMin = parseFloat(variant[0].compare_price);
for (var i = 0; i < variant.length; i++) {
_self.consoleLog('checkPriceMin : priceMin : ', priceMin);
_self.consoleLog('checkPriceMin : variant[i].price : ', variant[i].price);
if (priceMin >= parseFloat(variant[i].price)) {
priceMin = parseFloat(variant[i].price);
comparePriceMin = parseFloat(variant[i].compare_price);
}
}
callback(priceMin, comparePriceMin);
},
main: function() {
var _self = this;
$scope.slickCarouselId();
$scope.dataArrayState = _self.stateData(true, false);
_self.getDataProductArray('product/id', function(output) {
if (output.data.length != 0) {
_self.consoleLog(" : output : ", output.data);
_self.quantity(output.data.product_total_stock, function(total_stock) {
_self.consoleLog("quantity : total_stock : ", total_stock);
$scope.dataProductBuy.quantity_max = total_stock;
$scope.dataArray = output.data;
_self.productTab(output.data.product_tags, function(productTab) {
$scope.dataArrayTags = productTab;
_self.showTab(output.data, function(description, info) {
$scope.showTab.dataTab[0].data = description;
$scope.showTab.dataTab[1].data = info;
});
_self.getAttribute(output.data, function(variants_total, attribute, variants) {
_self.consoleLog("getAttribute : variants_total : ", variants_total);
_self.consoleLog("getAttribute : attribute : ", attribute);
_self.consoleLog("getAttribute : variants : ", variants);
_self.checkOption(variants_total, function(state) {
_self.checkTotalStock(state, total_stock, function(state) {
$scope.buy.state = state;
$scope.attribute.attributeOption = attribute;
$scope.attribute.dataVariants = variants;
$scope.attribute.variantsTotal = variants_total;
if (variants_total > 0) {
_self.checkPriceMin(variants, function(res_price, res_compare_price) {
$scope.dataProductBuy.price = res_price;
$scope.dataProductBuy.sumprice = res_price;
$scope.dataArray.product_compare_price = res_compare_price;
});
} else {
$scope.dataProductBuy.price = output.data.product_price;
$scope.dataProductBuy.sumprice = output.data.product_price;
}
});
});
});
_self.getQuantityBreak('product/quantity_break', function(quantity_break) {
_self.consoleLog("getQuantityBreak : output : ", quantity_break);
$scope.dataArray.product_quantity_break.quantity_break = quantity_break;
if (quantity_break.length) {
$scope.dataProductBuy.result_price = quantity_break[0].unit_price;
}
});
_self.getNavigationBar(output.data.product_referral_display, 'referral/relation', function(output) {
_self.consoleLog("getNavigationBar : output : ", output.data);
$scope.navigationBar = output.data;
$scope.dataArrayState = _self.stateData(false, true);
});
});
});
} else {
window.history.back();
}
});
}
}
return data;
};
$scope.getDataArray().main();
$scope.tab_id = 0;
$scope.tabId = function(id) {
$scope.tab_id = id;
};
$scope.routeParams = function() {
return $routeParams || false;
};
$scope.categoriesData = $scope.routeParams().referral_id || '';
$scope.setDataCategories = function(input) {
$scope.categoriesData = input;
var page = "category-lists";
if (typeof $scope.categoriesData != 'undefined' && $scope.categoriesData !== "") {
page += '?root_id=' + '0';
page += '&referral_id=' + $scope.categoriesData;
} else {
delete $scope.categoriesDat;
}
$location.url(page).replace();
};
$scope.checkPrice = function(price) {
var check_price = 0;
var _price = (price != undefined && price != "" && price != null) ? price.toString() : "0";
if (_price.includes(".")) {
check_price = 2;
}
return check_price;
};
$scope.dataShopCurrent = [];
$scope.dataShopPointConfig = [];
$scope.getShopCurrent = function() {
var dataSend = {};
GAEAPI.get('shop/current', dataSend).then(function(output) {
console.log("getShopCurrent : output : ", output);
if (output.ok == 1) {
$scope.dataShopCurrent = output.data;
console.log("getShopCurrent : dataShopCurrent : ", $scope.dataShopCurrent);
$scope.dataShopPointConfig = output.data.shop_point_config;
console.log("getShopCurrent : dataShopPointConfig : ", $scope.dataShopPointConfig);
}
});
};
$scope.getShopCurrent();
$scope.getShopPointConfigReward = function(product_price, quantity) {
var sup_price = 0;
var er_rate = 0;
var er_earn = 0;
var mathFloor = 0;
var point = 0;
// console.log("getShopPointConfigReward : shop_point_config.er_rate : ",$scope.dataShopPointConfig.er_rate);
if ($scope.dataShopPointConfig.length != 0) {
sup_price = product_price * quantity;
er_rate = parseInt($scope.dataShopPointConfig.er_rate);
er_earn = parseInt($scope.dataShopPointConfig.er_earn);
mathFloor = Math.floor(sup_price / er_rate);
point = mathFloor * er_earn;
return point;
} else {
return point;
}
}
$scope.getShopPointConfigRewardState = function(product_price, quantity) {
var state = 'RewardShop';
var sup_price = product_price * quantity;
if ($scope.dataShopPointConfig.length != 0) {
if (parseInt($scope.dataShopPointConfig.er_rate) != 0 && parseInt($scope.dataShopPointConfig.er_earn) != 0) {
if (parseInt($scope.dataShopPointConfig.er_rate) <= sup_price) {
state = 'RewardShop';
return state;
} else {
state = 'High';
return state;
}
} else {
return 'RewardProduct';
return state;
}
} else {
return 'RewardProduct';
}
};
};
return promise;
});_ui_share_app.directive('productDetailPageSupercheap', function($rootScope, $routeParams, sliderProvider, $location) {
var templateName = 'productDetailPageSupercheap';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
name: '@name',
navigationhover: '@navigationhover',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window) {
$scope._console = (window.location.hostname == "localhost") ? true : false;
$scope._component = "productDetailPageSupercheap";
$scope._imgPath = CUR_THEME.file_url() + "images/";
$scope._icnPath = CUR_THEME.file_url() + "../../assets/";
/* scope */
$scope._name = ($scope.name != undefined && $scope.name != "") ? $scope.name : "default";
$scope._cart = ($scope.cart != undefined && $scope.cart != "") ? $scope.cart : "trumpComponentCarts";
$scope._buycol = ($scope.buycol != undefined && $scope.buycol != "") ? parseInt($scope.buycol) : 15;
$scope._maxstock = ($scope.maxstock != undefined && $scope.maxstock != "") ? parseInt($scope.maxstock) : 20;
$scope._btnstyle = ($scope.btnstyle != undefined && $scope.btnstyle != "") ? $scope.btnstyle : "filled_button_large";
$scope._buylogin = ($scope.buylogin == "true" || $scope.buylogin == "t") ? true : false;
$scope._checkstaff = ($scope.checkstaff == "true" || $scope.checkstaff == "t") ? true : false;
$scope._buyicon = ($scope.buyicon != undefined && $scope.buyicon != "") ? $scope.buyicon : "icnt_outline_cart01_dark.png";
$scope._buytext = ($scope.buytext != undefined && $scope.buytext != "") ? $scope.buytext : "เพิ่มในรถเข็น";
$scope._videotext = ($scope.videotext != undefined && $scope.videotext != "") ? $scope.videotext : "Video";
$scope._icebuyicon = ($scope.buyicon != undefined && $scope.buyicon != "") ? $scope._icnPath + $scope.buyicon : $scope._icnPath + "icnt_outline_cart01_dark.png";
$scope._language = ($scope.language != undefined && $scope.language != "") ? (($scope.language == "en") ? "en" : "th") : "th";
$scope._navigationhover = ($scope.navigationhover != undefined && $scope.navigationhover != "") ? $scope.navigationhover : "primary";
/* scope */
$scope.getData = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
getRouteParams: function(callback) {
var _self = this;
var params = $routeParams;
var state = _self.stateData(true, false);
_self.consoleLog("getRouteParams params", params);
callback(params, state);
},
getNamePage: function(arr) {
var str = [];
for (var i = 0; i < arr.length; i++) {
if (i != 0) {
str.push(arr[i]);
}
}
return str.join(" ");
},
getProductId: function(params, callback) {
var _self = this;
var product_id = (params.product_id != undefined) ? params.product_id.split("-", 1).join("") : false;
_self.consoleLog("getProductId product_id", product_id);
callback(product_id);
},
stateData: function(load, done) {
var _self = this;
var state = {
load: load,
done: done
};
_self.consoleLog("stateData state", state);
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("dataSend api", api);
_self.consoleLog("dataSend dataSend", dataSend);
callback(api, dataSend);
},
checkGetApi: function(resApi, callback) {
var _self = this;
var ok = false;
if (resApi.ok == 1) {
ok = true;
}
_self.consoleLog("checkGetApi ok", ok);
callback(ok);
},
getApi: function(api, dataSend, callback) {
var _self = this;
var state = _self.stateData(true, false);
GAEAPI.get(api, dataSend, $scope).then(function(res_api) {
_self.checkGetApi(res_api, function(res_ok) {
_self.consoleLog("getApi api", api);
_self.consoleLog("getApi dataSend", dataSend);
_self.consoleLog("getApi res_api", res_api);
state = _self.stateData(false, true);
callback(res_ok, res_api, state);
})
});
},
getReferralId: function(productReferralDisplay, callback) {
var _self = this;
var referral_id = 0;
if (productReferralDisplay.length != 0) {
if (productReferralDisplay.category != undefined) {
if (productReferralDisplay.category.length != 0) {
referral_id = productReferralDisplay.category[0].referral_id
}
}
}
callback(referral_id);
},
getFreeGiftPromotionId: function(product_promotion, callback) {
var _self = this;
var promotion_id = '0';
_self.consoleLog("product_promotion", product_promotion);
angular.forEach(product_promotion, function(item, index) {
_self.consoleLog("product_promotion : item", item.promotion_type_id);
if (promotion_id == '0' && (item.promotion_type_number == '1' || item.promotion_type_number == '2' || item.promotion_type_number == '3')) {
promotion_id = item.promotion_id;
}
});
callback(promotion_id);
},
getStaffId: function(staffId, callback) {
var _self = this;
var res_staff = {
staff_id: (staffId != 0 && staffId != '' && staffId != undefined) ? staffId : '0',
status: (staffId != 0 && staffId != '' && staffId != undefined) ? true : false
}
callback(res_staff);
},
getNameUrl: function(name, callback) {
var _self = this;
name = name.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
_self.consoleLog("getNameUrl", "name", name);
callback(name);
},
main: function() {
var _self = this;
}
}
return getFunction;
};
$scope.getCarousel = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
getCarousel: function(carousel, callback) {
var _self = this;
var carousel_id = 0;
if (carousel == 0) {
carousel_id = Math.floor((Math.random() * 9999) + 1000);
}
callback(carousel_id);
},
carouselA: function(cover, carousel) {
var _self = this;
$(cover).css('height', '0');
$(cover).css('opacity', '0');
$(carousel).css('opacity', '0');
setTimeout(function() {
var carousels = $(carousel);
carousels.not('.slick-initialized').slick({
fade: true,
dots: false,
arrows: false,
infinite: true,
autoplay: false,
adaptiveHeight: true,
autoplaySpeed: 4000,
slidesToShow: 1,
slidesToScroll: 1,
prevArrow: '',
nextArrow: '',
speed: 600,
}).closest('section').addClass('active');
$(cover).css('height', 'auto');
$(cover).css('opacity', '1');
$(carousel).css('opacity', '1');
}, 500);
},
carouselB: function(cover, carousel) {
var _self = this;
$(cover).css('height', '0');
$(cover).css('opacity', '0');
$(carousel).css('opacity', '0');
setTimeout(function() {
var carousels = $(carousel);
carousels.not('.slick-initialized').slick({
dots: true,
arrows: true,
infinite: true,
autoplay: false,
autoplaySpeed: 4000,
slidesToShow: 1,
slidesToScroll: 1,
prevArrow: '',
nextArrow: '',
speed: 600,
}).closest('section').addClass('active');
$(cover).css('height', 'auto');
$(cover).css('opacity', '1');
$(carousel).css('opacity', '1');
}, 500);
},
carouselD: function(cover, carousel) {
var _self = this;
$(cover).css('height', '0');
$(cover).css('opacity', '0');
$(carousel).css('opacity', '0');
setTimeout(function() {
var carousels = $(carousel);
carousels.not('.slick-initialized').slick({
dots: false,
arrows: true,
infinite: true,
autoplay: true,
adaptiveHeight: true,
autoplaySpeed: 4000,
slidesToShow: 1,
slidesToScroll: 1,
prevArrow: '',
nextArrow: '',
speed: 600,
}).closest('section').addClass('active');
$(cover).css('height', 'auto');
$(cover).css('opacity', '1');
$(carousel).css('opacity', '1');
}, 500);
},
carouselBar: function(cover, carousel) {
var _self = this;
$(cover).css('height', '0');
$(cover).css('opacity', '0');
$(carousel).css('opacity', '0');
setTimeout(function() {
var carousels = $(carousel);
carousels.not('.slick-initialized').slick({
dots: false,
arrows: false,
infinite: false,
autoplay: false,
adaptiveHeight: true,
autoplaySpeed: 4000,
slidesToShow: 6,
slidesToScroll: 6,
speed: 600,
responsive: [{
breakpoint: 1200,
settings: {
slidesToShow: 5,
slidesToScroll: 5,
}
}, {
breakpoint: 991,
settings: {
slidesToShow: 4,
slidesToScroll: 4,
}
}, {
breakpoint: 767,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
}
}]
}).closest('section').addClass('active');
$(cover).css('height', 'auto');
$(cover).css('opacity', '1');
$(carousel).css('opacity', '1');
}, 500);
},
slickCarousel: function(carousel, index) {
var _self = this;
$scope.setCarousel.index = index;
setTimeout(function() {
$('[data-key="' + carousel + '"]').slick('slickGoTo', index);
}, 100);
},
prevIndex: function(product_image) {
var _self = this;
var image = product_image.length;
var image_index = $scope.setCarousel.index;
$scope.setCarousel.index = (image_index != 0) ? image_index - 1 : image - 1;
_self.consoleLog("prevIndex index", $scope.setCarousel.index);
},
nextIndex: function(product_image) {
var _self = this;
var image = product_image.length;
var image_index = $scope.setCarousel.index;
$scope.setCarousel.index = (image_index != (image - 1)) ? image_index + 1 : 0;
_self.consoleLog("nextIndex index", $scope.setCarousel.index);
}
}
return getFunction;
};
$scope.getAttribute = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
productAttribute: function(productAttribute, callback) {
var _self = this;
var attribute = {
option_name: "",
option_attribute: []
};
if (productAttribute.option_data != undefined) {
if (productAttribute.option_data.variant_array != undefined && productAttribute.option_data.variant_array.length != 0) {
for (var a = 0; a < productAttribute.option_data.pclass_array.length; a++) {
attribute.option_name = attribute.option_name.concat(productAttribute.option_data.pclass_array[a].pclass_name, " ");
}
for (var b = 0; b < productAttribute.option_data.variant_array.length; b++) {
var product_attribute = {
product_id: productAttribute.option_data.variant_array[b].product_id,
product_sku: productAttribute.option_data.variant_array[b].sku,
product_title: "",
product_price: parseFloat(productAttribute.option_data.variant_array[b].price),
product_compare_price: parseFloat(productAttribute.option_data.variant_array[b].compare_price),
product_total_stock: parseFloat(productAttribute.option_data.variant_array[b].total_stock),
product_image: productAttribute.option_data.variant_array[b].variant_image
}
for (var c = 0; c < productAttribute.option_data.variant_array[b].option_name_array.length; c++) {
product_attribute.product_title = product_attribute.product_title.concat(productAttribute.option_data.variant_array[b].option_name_array[c], " ");
}
attribute.option_attribute.push(product_attribute);
}
}
}
_self.consoleLog("productAttribute attribute ", attribute);
callback(attribute);
},
checkDiscountPrice: function(productDiscount, resPrice, resComparePrice, callback) {
var _self = this;
var price = 0;
var compare_price = 0;
if (productDiscount.length == 0) {
price = parseFloat(resPrice);
compare_price = parseFloat(resComparePrice);
} else {
if (productDiscount.discount_type_id == '101') {
price = parseFloat(resPrice) - parseFloat(productDiscount.discount_price);
compare_price = parseFloat(resPrice);
} else if (productDiscount.discount_type_id == '102') {
price = (parseFloat(resPrice) * ((100 - parseFloat(productDiscount.discount_percent)) / 100));
compare_price = parseFloat(resPrice);
}
}
callback(price, compare_price);
},
checkMinPrice: function(option, callback) {
var _self = this;
var price_min = parseFloat(option.option_attribute[0].product_price);
var compare_price_min = parseFloat(option.option_attribute[0].product_compare_price);
var total_stock = parseFloat(option.option_attribute[0].product_total_stock);
for (var a = 0; a < option.option_attribute.length; a++) {
if (price_min >= parseFloat(option.option_attribute[a].product_price)) {
price_min = parseFloat(option.option_attribute[a].product_price);
compare_price_min = parseFloat(option.option_attribute[a].product_compare_price);
total_stock = parseFloat(option.option_attribute[a].product_total_stock);
}
}
_self.consoleLog("checkPriceMin price_min ", price_min);
_self.consoleLog("checkPriceMin compare_price_min ", compare_price_min);
_self.consoleLog("checkPriceMin total_stock ", total_stock);
callback(price_min, compare_price_min, total_stock);
},
getTotalStock: function(totalStock, mixStock, callback) {
var _self = this;
var total_stock = (totalStock > 0) ? ((totalStock <= mixStock) ? totalStock : mixStock) : ((totalStock == -1) ? mixStock : totalStock);
callback(total_stock);
},
checkMinPrices: function(api, attribute, callback) {
var _self = this;
var dataPrice = {
product_price: {
price_name: 'product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
product_compare_price: {
price_name: 'product_compare_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_price: {
price_name: 'sum_product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_compare_price: {
price_name: 'sum_product_compare_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_compare_minus_sum_product_price: {
price_name: 'sum_product_compare_minus_sum_product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
}
}
if (attribute.option_attribute.length == 0) {
_self.checkDiscountPrice(api.data.product_discount, api.data.product_price, api.data.product_compare_price, function(res_price, res_compare_price) {
_self.checkPrice(res_price, function(res_price_ecimals) {
dataPrice.product_price.price = res_price;
dataPrice.product_price.price_ecimals = res_price_ecimals;
dataPrice.sum_product_price.price = res_price;
dataPrice.sum_product_price.price_ecimals = res_price_ecimals;
_self.checkPrice(res_compare_price, function(res_compare_price_ecimals) {
dataPrice.product_compare_price.price = res_compare_price;
dataPrice.product_compare_price.price_ecimals = res_compare_price_ecimals;
dataPrice.sum_product_compare_price.price = res_compare_price;
dataPrice.sum_product_compare_price.price_ecimals = res_compare_price_ecimals;
var compare_price_minus_price = ((res_compare_price - res_price) > 0) ? res_compare_price - res_price : 0;
_self.checkPrice(compare_price_minus_price, function(res_compare_price_minus_price_ecimals) {
dataPrice.sum_product_compare_minus_sum_product_price.price = compare_price_minus_price;
dataPrice.sum_product_compare_minus_sum_product_price.price_ecimals = res_compare_price_minus_price_ecimals;
_self.getTotalStock(api.data.product_total_stock, $scope._maxstock, function(res_total_stock_s) {
dataPrice.product_price.total_stock = res_total_stock_s;
dataPrice.product_compare_price.total_stock = res_total_stock_s;
dataPrice.sum_product_price.total_stock = res_total_stock_s;
dataPrice.sum_product_compare_price.total_stock = res_total_stock_s;
dataPrice.sum_product_compare_minus_sum_product_price.total_stock = res_total_stock_s;
callback(dataPrice, false);
});
});
});
});
});
} else {
_self.checkMinPrice(attribute, function(res_price_min, res_compare_price_min, res_total_stock) {
_self.checkDiscountPrice(api.data.product_discount, res_price_min, res_compare_price_min, function(res_price, res_compare_price) {
_self.checkPrice(res_price, function(res_price_ecimals) {
dataPrice.product_price.price = res_price;
dataPrice.product_price.price_ecimals = res_price_ecimals;
dataPrice.sum_product_price.price = res_price;
dataPrice.sum_product_price.price_ecimals = res_price_ecimals;
_self.checkPrice(res_compare_price, function(res_compare_price_ecimals) {
dataPrice.product_compare_price.price = res_compare_price;
dataPrice.product_compare_price.price_ecimals = res_compare_price_ecimals;
dataPrice.sum_product_compare_price.price = res_compare_price;
dataPrice.sum_product_compare_price.price_ecimals = res_compare_price_ecimals;
var compare_price_minus_price = ((res_compare_price - res_price) > 0) ? res_compare_price - res_price : 0;
_self.checkPrice(compare_price_minus_price, function(res_compare_price_minus_price_ecimals) {
dataPrice.sum_product_compare_minus_sum_product_price.price = compare_price_minus_price;
dataPrice.sum_product_compare_minus_sum_product_price.price_ecimals = res_compare_price_minus_price_ecimals;
_self.getTotalStock(res_total_stock, $scope._maxstock, function(res_total_stock_s) {
dataPrice.product_price.total_stock = res_total_stock_s;
dataPrice.product_compare_price.total_stock = res_total_stock_s;
dataPrice.sum_product_price.total_stock = res_total_stock_s;
dataPrice.sum_product_compare_price.total_stock = res_total_stock_s;
dataPrice.sum_product_compare_minus_sum_product_price.total_stock = res_total_stock_s;
callback(dataPrice, true);
});
});
});
});
});
});
}
},
priceIncludes: function(price, includes, callback) {
var _self = this;
var priceToString = (price == null) ? 0 : price;
_self.consoleLog('priceIncludes priceToString : ', priceToString);
callback(priceToString.toString().includes(includes));
},
checkPrice: function(price, callback) {
var _self = this;
_self.priceIncludes(price, '.', function(res) {
_self.consoleLog("checkPrice res ", res);
callback((!res) ? 0 : 2);
});
},
onSelectOption: function(productId) {
var _self = this;
$scope.data.quantity.quantity_input = 1;
$scope.dataApi.product.dataArray.product_id = productId;
_self.consoleLog("onSelectOption productId ", productId);
$scope.getBuy().updateState($scope.dataApi.product.dataArray.product_id);
for (var a = 0; a < $scope.data.attribute.dataArray.option_attribute.length; a++) {
_self.consoleLog("onSelectOption option_attribute ", $scope.data.attribute.dataArray.option_attribute[a]);
if ($scope.data.attribute.dataArray.option_attribute[a].product_id == productId) {
if ($scope.data.attribute.dataArray.option_attribute[a].product_image.length != 0) {
if ($scope.dataApi.product.dataArray.product_image.length != 0) {
for (var b = 0; b < $scope.dataApi.product.dataArray.product_image.length; b++) {
if ($scope.dataApi.product.dataArray.product_image[b].image_id == $scope.data.attribute.dataArray.option_attribute[a].product_image[0].image_id) {
$scope.getCarousel().slickCarousel($scope.setCarousel.carousel, b);
}
}
}
}
_self.checkDiscountPrice($scope.dataApi.product.dataArray.product_discount, $scope.data.attribute.dataArray.option_attribute[a].product_price, $scope.data.attribute.dataArray.option_attribute[a].product_compare_price, function(res_price_p, res_compare_price_p) {
_self.checkPrice(res_price_p, function(res_price_ecimals_p) {
$scope.data.product_price.price = res_price_p;
$scope.data.product_price.price_ecimals = res_price_ecimals_p;
$scope.data.sum_product_price.price = res_price_p;
$scope.data.sum_product_price.price_ecimals = res_price_ecimals_p;
_self.checkPrice(res_compare_price_p, function(res_compare_price_ecimals_p) {
$scope.data.product_compare_price.price = res_compare_price_p;
$scope.data.product_compare_price.price_ecimals = res_compare_price_ecimals_p;
$scope.data.sum_product_compare_price.price = res_compare_price_p;
$scope.data.sum_product_compare_price.price_ecimals = res_compare_price_ecimals_p;
var compare_price_minus_price_p = ((res_compare_price_p - res_price_p) > 0) ? res_compare_price_p - res_price_p : 0;
_self.checkPrice(compare_price_minus_price_p, function(res_compare_price_minus_price_ecimals_p) {
$scope.data.sum_product_compare_minus_sum_product_price.price = compare_price_minus_price_p;
$scope.data.sum_product_compare_minus_sum_product_price.price_ecimals = res_compare_price_minus_price_ecimals_p;
_self.getTotalStock($scope.data.attribute.dataArray.option_attribute[a].product_total_stock, $scope._maxstock, function(res_total_stock_s) {
$scope.data.product_price.total_stock = res_total_stock_s;
$scope.data.product_compare_price.total_stock = res_total_stock_s;
$scope.data.sum_product_price.total_stock = res_total_stock_s;
$scope.data.sum_product_compare_price.total_stock = res_total_stock_s;
$scope.data.sum_product_compare_minus_sum_product_price.total_stock = res_total_stock_s;
/* stock */
$scope.data.quantity.quantity_max = res_total_stock_s;
$scope.data.quantity.quantity_select = [];
for (var i = 0; i < res_total_stock_s; i++) {
$scope.data.quantity.quantity_select.push(i + 1);
}
/* stock */
})
});
});
});
});
break;
}
}
},
onClickOption: function(index) {
var _self = this;
$scope.data.quantity.quantity_input = 1;
$scope.dataApi.product.dataArray.product_id = $scope.data.attribute.dataArray.option_attribute[index].product_id;
$scope.data.attribute.productId = $scope.data.attribute.dataArray.option_attribute[index].product_id;
$scope.getBuy().updateState($scope.dataApi.product.dataArray.product_id);
if ($scope.data.attribute.dataArray.option_attribute[index].product_image.length != 0) {
if ($scope.dataApi.product.dataArray.product_image.length != 0) {
for (var i = 0; i < $scope.dataApi.product.dataArray.product_image.length; i++) {
if ($scope.dataApi.product.dataArray.product_image[i].image_id == $scope.data.attribute.dataArray.option_attribute[index].product_image[0].image_id) {
$scope.getCarousel().slickCarousel($scope.setCarousel.carousel, i);
}
}
}
}
_self.checkDiscountPrice($scope.dataApi.product.dataArray.product_discount, $scope.data.attribute.dataArray.option_attribute[index].product_price, $scope.data.attribute.dataArray.option_attribute[index].product_compare_price, function(res_price_p, res_compare_price_p) {
_self.checkPrice(res_price_p, function(res_price_ecimals_p) {
$scope.data.product_price.price = res_price_p;
$scope.data.product_price.price_ecimals = res_price_ecimals_p;
$scope.data.sum_product_price.price = res_price_p;
$scope.data.sum_product_price.price_ecimals = res_price_ecimals_p;
_self.checkPrice(res_compare_price_p, function(res_compare_price_ecimals_p) {
$scope.data.product_compare_price.price = res_compare_price_p;
$scope.data.product_compare_price.price_ecimals = res_compare_price_ecimals_p;
$scope.data.sum_product_compare_price.price = res_compare_price_p;
$scope.data.sum_product_compare_price.price_ecimals = res_compare_price_ecimals_p;
var compare_price_minus_price_p = ((res_compare_price_p - res_price_p) > 0) ? res_compare_price_p - res_price_p : 0;
_self.checkPrice(compare_price_minus_price_p, function(res_compare_price_minus_price_ecimals_p) {
$scope.data.sum_product_compare_minus_sum_product_price.price = compare_price_minus_price_p;
$scope.data.sum_product_compare_minus_sum_product_price.price_ecimals = res_compare_price_minus_price_ecimals_p;
_self.getTotalStock($scope.data.attribute.dataArray.option_attribute[index].product_total_stock, $scope._maxstock, function(res_total_stock_s) {
$scope.data.product_price.total_stock = res_total_stock_s;
$scope.data.product_compare_price.total_stock = res_total_stock_s;
$scope.data.sum_product_price.total_stock = res_total_stock_s;
$scope.data.sum_product_compare_price.total_stock = res_total_stock_s;
$scope.data.sum_product_compare_minus_sum_product_price.total_stock = res_total_stock_s;
/* stock */
$scope.data.quantity.quantity_max = res_total_stock_s;
$scope.data.quantity.quantity_select = [];
for (var i = 0; i < res_total_stock_s; i++) {
$scope.data.quantity.quantity_select.push(i + 1);
}
/* stock */
})
});
});
});
});
}
}
return getFunction;
};
$scope.getAttributeCustom = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
createArray: function(productCustomTemplates, callback) {
var _self = this;
var custom_attributes = [];
if (productCustomTemplates.templates.length != 0) {
angular.forEach(productCustomTemplates.templates, function(item, index) {
if (item.option_sets.length != 0) {
_self.getAttributes(item.option_sets, function(res_attributes) {
custom_attributes = custom_attributes.concat(res_attributes);
});
}
});
/* if (productCustomTemplates.templates[0].option_sets.length != 0) {
_self.getAttributes(productCustomTemplates.templates[0].option_sets, function(res_attributes) {
custom_attributes = res_attributes;
});
} */
}
_self.consoleLog("createArray : productCustomTemplates", productCustomTemplates);
_self.consoleLog("createArray : custom_attributes", custom_attributes);
callback(custom_attributes, true);
},
formatAttribute: function(index, optionSubsetIndex, setType, optionSetArray, callback) {
var _self = this;
var set_id = (setType == 'attribute') ? optionSetArray.set_id : optionSetArray.subset_id;
var attribute = {
attribute_index: index,
attribute_option_subset_index: optionSubsetIndex,
active_option_id: (optionSetArray.option_data.select_id != 0) ? optionSetArray.option_data.select_id : "-1",
active_option_index: -1,
active_option_index_str: "-1",
active_textarea: "",
active_array: [],
set_id: set_id,
name: optionSetArray.name,
set_type: optionSetArray.ss_type,
option: []
}
callback(attribute);
},
getOption: function(index, optionDataArray, callback) {
var _self = this;
var options = {
index: index,
ss_data_id: optionDataArray.ss_data_id,
name: optionDataArray.name,
image: optionDataArray.image,
price: optionDataArray.price,
compare_price: 0,
total_stock: 0
}
callback(options);
},
getActive: function(index, activeOptionId, activeOptionIdIn, optionDataArray, callback) {
var _self = this;
var actives_index = (optionDataArray.ss_data_id == activeOptionId) ? index : activeOptionIdIn;
var actives = (optionDataArray.ss_data_id != activeOptionId) ? "0" : "1";
callback(actives_index, actives);
},
getAttributes: function(optionSetArray, callback) {
var _self = this;
var attributes = [];
for (var index = 0; index < optionSetArray.length; index++) {
_self.formatAttribute(index, 0, 'attribute', optionSetArray[index], function(res_attribute) {
if (optionSetArray[index].option_subsets.length != 0) {
for (var option_subset_index = 0; option_subset_index < optionSetArray[index].option_subsets.length; option_subset_index++) {
_self.formatAttribute(index, option_subset_index, res_attribute.set_type, optionSetArray[index].option_subsets[option_subset_index], function(res_attribute_sub) {
var options = [];
var active_option_id = -1;
var active_option_array = [];
for (var option = 0; option < optionSetArray[index].option_subsets[option_subset_index].option_data.options.length; option++) {
_self.getOption(option, optionSetArray[index].option_subsets[option_subset_index].option_data.options[option], function(res_option) {
options.push(res_option);
});
_self.getActive(option, res_attribute_sub.active_option_id, active_option_id, optionSetArray[index].option_subsets[option_subset_index].option_data.options[option], function(res_actives_index, res_actives) {
active_option_id = res_actives_index;
active_option_array.push(res_actives);
});
}
res_attribute_sub.option = options;
res_attribute_sub.active_option_index = active_option_id;
res_attribute_sub.active_option_index_str = String(active_option_id);
res_attribute_sub.active_array = active_option_array;
attributes.push(res_attribute_sub);
});
}
} else {
var options = [];
var active_option_id = -1;
var active_option_array = [];
for (var option = 0; option < optionSetArray[index].option_data.options.length; option++) {
_self.getOption(option, optionSetArray[index].option_data.options[option], function(res_option) {
options.push(res_option);
});
_self.getActive(option, res_attribute.active_option_id, active_option_id, optionSetArray[index].option_data.options[option], function(res_actives_index, res_actives) {
active_option_id = res_actives_index;
active_option_array.push(res_actives);
});
}
res_attribute.option = options;
res_attribute.active_option_index = active_option_id;
res_attribute.active_option_index_str = String(active_option_id);
res_attribute.active_array = active_option_array;
attributes.push(res_attribute);
}
});
}
callback(attributes)
},
getformatQuantity: function(index, attributeCustom, callback) {
var _self = this;
var quantity = {
name: String(index + 1),
dataArray: attributeCustom
}
callback(quantity);
},
onClickRadio: function(index, index_option) {
var _self = this;
_self.consoleLog("onClickRadio : index", index);
_self.consoleLog("onClickRadio : index_option", index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index = parseInt(index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index_str = String(index_option);
for (var i = 0; i < $scope.data.attribute_custom.dataArray[index].active_array.length; i++) {
$scope.data.attribute_custom.dataArray[index].active_option_id = (i != parseInt(index_option)) ? $scope.data.attribute_custom.dataArray[index].active_option_id : $scope.data.attribute_custom.dataArray[index].option[i].ss_data_id;
$scope.data.attribute_custom.dataArray[index].active_array[i] = (i != parseInt(index_option)) ? "0" : "1";
}
_self.consoleLog("onClickRadio : $scope.data.attribute_custom.dataArray[index]", $scope.data.attribute_custom.dataArray[index]);
},
onClickDropdown: function(index, index_option) {
var _self = this;
_self.consoleLog("onClickDropdown : index", index);
_self.consoleLog("onClickDropdown : index_option", index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index = parseInt(index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index_str = String(index_option);
for (var i = 0; i < $scope.data.attribute_custom.dataArray[index].active_array.length; i++) {
$scope.data.attribute_custom.dataArray[index].active_option_id = (i != parseInt(index_option)) ? $scope.data.attribute_custom.dataArray[index].active_option_id : $scope.data.attribute_custom.dataArray[index].option[i].ss_data_id;
$scope.data.attribute_custom.dataArray[index].active_array[i] = (i != parseInt(index_option)) ? "0" : "1";
}
_self.consoleLog("onClickDropdown : $scope.data.attribute_custom.dataArray[index]", $scope.data.attribute_custom.dataArray[index]);
},
onClickCheckbox: function(index, index_option) {
var _self = this;
_self.consoleLog("onClickCheckbox : index", index);
_self.consoleLog("onClickCheckbox : index_option", index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index = parseInt(index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index_str = String(index_option);
for (var i = 0; i < $scope.data.attribute_custom.dataArray[index].active_array.length; i++) {
$scope.data.attribute_custom.dataArray[index].active_option_id = (i != parseInt(index_option)) ? $scope.data.attribute_custom.dataArray[index].active_option_id : $scope.data.attribute_custom.dataArray[index].option[i].ss_data_id;
$scope.data.attribute_custom.dataArray[index].active_array[i] = (i == parseInt(index_option)) ? (($scope.data.attribute_custom.dataArray[index].active_array[i] != "0") ? "0" : "1") : $scope.data.attribute_custom.dataArray[index].active_array[i];
}
_self.consoleLog("onClickCheckbox : $scope.data.attribute_custom.dataArray[index]", $scope.data.attribute_custom.dataArray[index]);
}
}
return getFunction;
};
$scope.getReward = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
momentUnix: function(callback) {
var _self = this;
var now = moment().unix();
callback(now);
},
getCalculator: function(sumProductPrice, reward, callback) {
var _self = this;
_self.consoleLog("getCalculator : sumProductPrice", sumProductPrice);
_self.consoleLog("getCalculator : reward", reward);
var point_reward = 0;
if (reward.type_id == "100") {
point_reward = Math.floor((sumProductPrice.price / reward.reward_every_price)) * reward.reward_amount;
} else if (reward.type_id == "101") {
point_reward = reward.reward_amount;
} else if (reward.type_id == "102") {
point_reward = (reward.reward_percent * sumProductPrice.price) / 100;
} else if (reward.type_id == "103") {
point_reward = Math.floor((sumProductPrice.price / reward.reward_every_price)) * reward.reward_amount;
}
_self.consoleLog("getCalculator : point_reward", point_reward);
callback(point_reward);
},
getProductReward: function(now, productReward, callback) {
var _self = this;
var reward = {
reward_length: (productReward.length != 0) ? true : false,
lifetime_time: 0,
lifetime_start_time: 0,
lifetime_end_time: 0,
type_id: "0",
amount: 0,
percent: 0,
every_price: 0
};
reward.lifetime_time = now;
if (reward.reward_length) {
reward.lifetime_start_time = parseInt(productReward.reward_lifetime.lifetime_start_time);
reward.lifetime_end_time = parseInt(productReward.reward_lifetime.lifetime_end_time);
reward.type_id = productReward.reward_type_id;
reward.amount = parseInt(productReward.reward_amount);
reward.percent = parseInt(productReward.reward_percent);
reward.every_price = parseInt(productReward.reward_every_price);
}
_self.consoleLog("getProductReward : reward", reward);
callback(reward);
},
getPointConfig: function(now, shopPointConfig, callback) {
var _self = this;
var reward = {
reward_length: (shopPointConfig.length != 0) ? true : false,
lifetime_time: 0,
lifetime_start_time: 0,
lifetime_end_time: 0,
type_id: "0",
amount: 0,
percent: 0,
every_price: 0
};
reward.lifetime_time = now;
if (reward.reward_length) {
reward.lifetime_start_time = parseInt(shopPointConfig.er_from);
reward.lifetime_end_time = parseInt(shopPointConfig.er_to);
reward.type_id = "100";
reward.amount = parseInt(shopPointConfig.er_earn);
reward.every_price = parseInt(shopPointConfig.er_rate);
}
_self.consoleLog("getPointConfig : reward", reward);
callback(reward);
},
checkPointReward: function(reward, callback) {
var _self = this;
var state = false;
if (reward.reward_length) {
var start = reward.lifetime_start_time < reward.lifetime_time && reward.lifetime_start_time != 0;
var end = (reward.lifetime_end_time != -1) ? reward.lifetime_time <= reward.lifetime_end_time && reward.lifetime_end_time != 0 : true;
if (start && end) {
if (reward.type_id == "100") {
var amount = reward.amount != 0;
var every_price = reward.every_price != 0;
if (amount && every_price) {
state = true;
}
} else if (reward.type_id == "101") {
var amount = reward.amount != 0;
if (amount) {
state = true;
}
} else if (reward.type_id == "102") {
var percent = reward.percent != 0;
if (percent) {
state = true;
}
} else if (reward.type_id == "103") {
var percent = reward.percent != 0;
var amount = reward.amount != 0;
var every_price = reward.every_price != 0;
if (amount && every_price) {
state = true;
}
}
}
}
callback(state);
},
checkReward: function(rewardProduct, rewardPointConfig, callback) {
var _self = this;
_self.consoleLog("checkReward : rewardProduct", rewardProduct);
_self.consoleLog("checkReward : rewardPointConfig", rewardPointConfig);
var reward = {
type_id: "0",
amount: 0,
percent: 0,
every_price: 0
};
_self.checkPointReward(rewardProduct, function(res_state_product) {
_self.checkPointReward(rewardPointConfig, function(res_state_point_config) {
if (res_state_point_config) {
reward.type_id = rewardPointConfig.type_id;
reward.type_id = rewardPointConfig.type_id;
reward.amount = rewardPointConfig.amount;
reward.percent = rewardPointConfig.percent;
reward.every_price = rewardPointConfig.every_price;
} else if (res_state_product) {
reward.type_id = rewardProduct.type_id;
reward.amount = rewardProduct.amount;
reward.percent = rewardProduct.percent;
reward.every_price = rewardProduct.every_price;
}
_self.consoleLog("checkReward : reward", reward);
callback(reward);
});
});
},
checkRewardType: function(productReward, shopPointConfig, callback) {
var _self = this;
_self.momentUnix(function(now) {
_self.getProductReward(now, productReward, function(res_reward_product) {
_self.getPointConfig(now, shopPointConfig, function(res_reward_point_config) {
_self.checkReward(res_reward_product, res_reward_point_config, function(res_reward) {
callback(res_reward);
});
});
});
});
},
createReward: function(productReward, shopPointConfig, callback) {
var _self = this;
_self.consoleLog("createReward : productReward", productReward);
_self.consoleLog("createReward : shopPointConfig", shopPointConfig);
_self.checkRewardType(productReward, shopPointConfig, function(res_reward) {
_self.consoleLog("createReward : res_reward", res_reward);
callback(res_reward);
});
}
}
return getFunction;
};
$scope.getQuantity = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
upDateReward: function() {
var _self = this;
},
upDateReward: function() {
var _self = this;
$scope.getReward().getCalculator($scope.data.sum_product_price, $scope.data.reward, function(res_point_reward) {
$scope.data.reward.point_reward = res_point_reward;
});
},
upDatePrice: function() {
var _self = this;
var product_price = $scope.data.product_price.price * $scope.data.quantity.quantity_input;
var product_compare_price = $scope.data.product_compare_price.price * $scope.data.quantity.quantity_input;
$scope.getAttribute().checkPrice(product_price, function(res_price_ecimals) {
$scope.data.sum_product_price.price = product_price;
$scope.data.sum_product_price.price_ecimals = res_price_ecimals;
$scope.getAttribute().checkPrice(product_compare_price, function(res_compare_price_ecimals) {
$scope.data.sum_product_compare_price.price = product_compare_price;
$scope.data.sum_product_compare_price.price_ecimals = res_compare_price_ecimals;
var compare_price_minus_price = ((product_compare_price - product_price) > 0) ? product_compare_price - product_price : 0;
$scope.getAttribute().checkPrice(compare_price_minus_price, function(res_compare_price_minus_price_ecimals) {
$scope.data.sum_product_compare_minus_sum_product_price.price = compare_price_minus_price;
$scope.data.sum_product_compare_minus_sum_product_price.price_ecimals = res_compare_price_minus_price_ecimals;
_self.upDateReward();
});
});
});
},
input: function(quantityInput) {
var _self = this;
quantityInput = (quantityInput == null) ? 1 : parseInt(quantityInput);
_self.consoleLog("input : quantityInput", quantityInput);
if (quantityInput != null) {
if (quantityInput >= $scope.data.quantity.quantity_max) {
$scope.data.quantity.quantity_input = $scope.data.quantity.quantity_max;
}
if (quantityInput <= $scope.data.quantity.quantity_min) {
$scope.data.quantity.quantity_input = $scope.data.quantity.quantity_min;
}
} else {
$scope.data.quantity.quantity_input = $scope.data.quantity.quantity_min;
}
_self.upDatePrice();
},
minus: function() {
var _self = this;
var quantity = $scope.data.quantity.quantity_input - 1;
_self.consoleLog("plus : quantity", quantity);
_self.consoleLog("plus : quantity_min", $scope.data.quantity.quantity_min);
if (quantity >= $scope.data.quantity.quantity_min) {
$scope.data.quantity.quantity_input = quantity;
}
_self.upDatePrice();
},
plus: function() {
var _self = this;
var quantity = $scope.data.quantity.quantity_input + 1;
_self.consoleLog("plus : quantity", quantity);
_self.consoleLog("plus : quantity_max", $scope.data.quantity.quantity_max);
if (quantity <= $scope.data.quantity.quantity_max) {
$scope.data.quantity.quantity_input = quantity;
}
_self.upDatePrice();
}
}
return getFunction;
};
$scope.getBuy = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
getRouteParams: function(callback) {
var _self = this;
var params = $routeParams;
var state = _self.stateData(true, false);
_self.consoleLog("getRouteParams params", params);
callback(params, state);
},
getProductId: function(params, callback) {
var _self = this;
var product_id = params.product_id.split("-", 1).join("");
_self.consoleLog("getProductId product_id", product_id);
callback(product_id);
},
stateData: function(load, done) {
var _self = this;
var state = {
load: load,
done: done
};
_self.consoleLog("stateData state", state);
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("dataSend api", api);
_self.consoleLog("dataSend dataSend", dataSend);
callback(api, dataSend);
},
checkGetApi: function(resApi, callback) {
var _self = this;
var ok = false;
if (resApi.ok == 1) {
ok = true;
}
_self.consoleLog("checkGetApi ok", ok);
callback(ok);
},
postApi: function(api, dataSend, callback) {
var _self = this;
var state = _self.stateData(true, false);
GAEAPI.post(api, dataSend, $scope).then(function(res_api) {
_self.checkGetApi(res_api, function(res_ok) {
_self.consoleLog("getApi api", api);
_self.consoleLog("getApi dataSend", dataSend);
_self.consoleLog("getApi res_api", res_api);
state = _self.stateData(false, true);
callback(res_ok, res_api, state);
})
});
},
UiCartProductAdd: function(productId, quantityInput, promotionId, customOptions, callback) {
UiCart.delegate.product.add(productId, quantityInput, promotionId, function(res_data) {
callback(res_data);
});
},
isLogin: function(callback) {
var buy_login = $scope._buylogin;
var is_login = UiCustomerBox.delegate.get.isLogin();
var is_state = (buy_login) ? (!is_login) ? true : false : false;
callback(is_state);
},
formLogin: function(is_state, callback) {
if (is_state) {
$inloginPopup.open();
}
callback(is_state);
},
getProductStaffId(staff_id_check, callback) {
var res_staff_id_check = staff_id_check;
var res_staff_id = $scope.dataApi.product.dataArray.product_staff_id;
var res_is_state = (res_staff_id != 0 && res_staff_id != '0' && res_staff_id != undefined) ? true : false;
callback(res_staff_id_check, res_staff_id, res_is_state);
},
isStaffId: function(staff_id_check, callback) { /* todo */
var _self = this;
_self.getProductStaffId(staff_id_check, function(res_staff_id_check, res_staff_id, res_is_state) {
callback(res_staff_id_check, res_staff_id, res_is_state);
});
},
checkCartDuplicateStaff: function(res_staff_id_check, txt_staff_id, res_is_state, callback) {
var _self = this
var res_is_state = true;
if (res_staff_id_check) {
var dataSend = {
'txt_staff_id': txt_staff_id,
};
_self.dataSend("cart/duplicate_staff", dataSend, function(res_api, res_dataSend) {
_self.postApi(res_api, res_dataSend, function(res_ok, res_api, state) {
res_is_state = res_api.data.duplicate;
callback(res_is_state);
});
});
} else {
callback(res_is_state);
}
},
showAlert: function(res_staff_id_check, res_staff_id, res_is_state, res_api, callback) {
var res_state = (res_staff_id_check) ? ((res_api) ? ((res_is_state) ? false : true) : true) : false;
if (res_state) {
if (!res_api) {
if (res_staff_id != '0' && res_staff_id != 0) {
$scope.controlAlert().alert('002');
} else {
$scope.controlAlert().alert('003');
}
} else {
if (!res_is_state) {
$scope.controlAlert().alert('003');
}
}
}
callback(res_state);
},
checkStaff: function(callback) {
var _self = this
var staff_id_check = $scope._checkstaff;
var res_check = false;
_self.isStaffId(staff_id_check, function(res_staff_id_check, res_staff_id, res_is_state) {
_self.checkCartDuplicateStaff(res_staff_id_check, res_staff_id, res_is_state, function(res_api) {
_self.showAlert(res_staff_id_check, res_staff_id, res_is_state, res_api, function(res_state) {
res_check = res_state;
callback(res_check);
});
});
});
},
isProgress: function(productId, callback) {
var _self = this;
var state = (UiCart.delegate.product.isProgress(productId)) ? true : false;
_self.consoleLog("isProgress : productId", productId);
_self.consoleLog("isProgress : state", state);
callback(state);
},
isSelected: function(productId, callback) {
var _self = this;
var state = (UiCart.delegate.product.isSelected(productId)) ? true : false;
_self.consoleLog("isSelected : productId", productId);
_self.consoleLog("isSelected : state", state);
callback(state);
},
isSelectedReturn: function(productId) {
var _self = this;
var ui_cart_state = (UiCart.delegate.product.isSelected(productId)) ? true : false;
if (!$scope.setBuy.state_active) {
$scope.setBuy.state_active = true;
var state_process = $scope.setBuy.state_process;
var state_step = $scope.setBuy.state_step;
if (ui_cart_state && !state_process && state_step != 4) /* cart */ {
_self.onTimeout(250, function() {
_self.onPass(1, function(res_step) {
_self.onTimeout(500, function() {
_self.onCart(res_step, function(res_step) {
$scope.setBuy.state_active = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[4].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[4].data_background_color;
});
});
});
});
} else if (!ui_cart_state && !state_process && state_step != 0) /* unset */ {
_self.onTimeout(500, function() {
_self.onUnset(0, function(res_step) {
$scope.setBuy.state_active = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[0].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[0].data_background_color;
});
});
} else {
$scope.setBuy.state_active = false;
}
}
return ui_cart_state;
},
updateState: function(productId) {
_self = this;
_self.isSelected(productId, function(res_state) {
if (res_state) {
_self.onTimeout(250, function() {
_self.onPass(1, function(res_step) {
_self.onTimeout(500, function() {
_self.onCart(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[4].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[4].data_background_color;
});
});
});
});
} else {
_self.onTimeout(500, function() {
_self.onUnset(0, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[0].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[0].data_background_color;
});
});
}
return res_state;
});
},
uiCart: function(productId, quantityInput, promotionId, customOptions, res_step) {
var _self = this;
_self.UiCartProductAdd(productId, quantityInput, promotionId, customOptions, function(res_data) {
if (res_data) {
_self.onTimeout(500, function() {
_self.onPass(res_step, function(res_step) {
_self.onTimeout(1000, function() {
_self.onCart(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[4].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[4].data_background_color;
if ($scope._cart == "trumpComponentCarts") {
_self.trumpComponentCarts();
}
});
});
});
});
} else {
_self.onTimeout(500, function() {
_self.onError(res_step, function(res_step) {
_self.onTimeout(1000, function() {
_self.onUnset(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[0].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[0].data_background_color;
});
});
});
});
}
});
},
postApiA: function(productId, quantityInput, promotionId, customOptions, res_step) {
var _self = this;
var custom_options = {};
var dataSend = {
'txt_product_id': productId,
'txt_amount': quantityInput,
'txt_is_clear_cart_before': "0",
'txt_custom_options_json': JSON.stringify(custom_options)
};
_self.dataSend("cart/product_add", dataSend, function(res_api, res_dataSend) {
_self.postApi(res_api, res_dataSend, function(res_ok, res_api, state) {
if (res_ok) {
_self.onTimeout(500, function() {
_self.onPass(res_step, function(res_step) {
_self.onTimeout(1000, function() {
_self.onCart(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[4].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[4].data_background_color;
});
});
});
});
} else {
_self.onTimeout(500, function() {
_self.onError(res_step, function(res_step) {
_self.onTimeout(1000, function() {
_self.onUnset(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[0].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[0].data_background_color;
});
});
});
});
}
});
});
},
onProcess: function(data, productId, quantityInput, promotionId, customOptions) {
var _self = this;
_self.isLogin(function(res_is_login) {
_self.formLogin(res_is_login, function(res_form) {
_self.checkStaff(function(res_is_state) {
if (!$scope.setBuy.state_process && !res_form && !res_is_state) {
$scope.setBuy.state_process = true;
_self.isSelected(productId, function(res_state) {
if (!res_state) {
_self.onLoad($scope.setBuy.state_step, function(res_step) {
if (data.sum_product_price.price != 0 && data.quantity.quantity_max != 0 && (data.attribute.state == (data.attribute.productId != ''))) {
/* UiCart */
_self.uiCart(productId, quantityInput, promotionId, customOptions, res_step);
/* api post offline */
/*_self.postApiA(productId, quantityInput, promotionId, customOptions, res_step); */
} else {
_self.onTimeout(500, function() {
_self.onError(res_step, function(res_step) {
_self.onTimeout(1000, function() {
_self.onUnset(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[0].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[0].data_background_color;
});
});
});
});
}
});
} else {
$scope.setBuy.state_process = false;
if ($scope._cart == "trumpComponentCarts") {
_self.trumpComponentCarts();
} else if ($scope._cart == "viewcart") {
_self.viewCart($scope._cart);
}
}
});
}
});
});
});
},
onTimeout: function(time, callback) {
var _self = this;
var load = $timeout(function() {
$timeout.cancel(load);
callback(true)
}, time);
},
onUnset: function(step, callback) {
var _self = this;
step = (step == 0) ? 0 : 0;
$scope.setBuy.state_step = step;
callback(step);
},
onLoad: function(step, callback) {
var _self = this;
step = (step == 0 || step == 1) ? 1 : 0;
$scope.setBuy.state_step = step;
callback(step);
},
onPass: function(step, callback) {
var _self = this;
step = (step == 1 || step == 2) ? 2 : 0;
$scope.setBuy.state_step = step;
callback(step);
},
onError: function(step, callback) {
var _self = this;
step = (step == 1 || step == 3) ? 3 : 0;
$scope.setBuy.state_step = step;
callback(step);
},
onCart: function(step, callback) {
var _self = this;
step = (step == 2 || step == 4) ? 4 : 0;
$scope.setBuy.state_step = step;
callback(step);
},
trumpComponentCarts: function() {
var controlCart = share.getTrumpComponentCarts();
var component_carts = $('.cover-cards').hasClass('active');
if (!component_carts) {
var component_icon_cart = $("div").hasClass('cover-icon-carts');
if (component_icon_cart) {
controlCart.cart();
}
} else {
var component_icon_cart = $("div").hasClass('cover-icon-carts');
if (component_icon_cart) {
controlCart.load();
}
}
},
viewCart: function(viewcart) {
var _self = this;
_self.pageUrl(viewcart);
},
locationUrlReplace: function(page) {
$location.url(page).replace();
},
pageUrl: function(page_name) {
var _self = this;
var page = page_name;
_self.locationUrlReplace(page);
},
main: function(callback) {
var _self = this;
}
}
return getFunction;
};
$scope.getDetail = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
getDetail: function(api, callback) {
var _self = this;
var description = api.product_description;
var info = api.product_more_info;
var specificatio = [];
if (api.product_attribute.specification_data != undefined) {
specificatio = (api.product_attribute.specification_data.length != 0 && api.product_attribute.specification_data != undefined) ? api.product_attribute.specification_data.pclass_array : [];
}
var state_specificatio = false;
if (api.product_attribute.specification_data != undefined) {
state_specificatio = (api.product_attribute.specification_data.length != 0 && api.product_attribute.specification_data != undefined) ? true : false;
}
var state_info = (api.product_is_more_info == 1) ? true : false;
_self.consoleLog("getDetail : description", description);
_self.consoleLog("getDetail : info", info);
_self.consoleLog("getDetail : state_info", state_info);
_self.consoleLog("getDetail : specificatio", specificatio);
_self.consoleLog("getDetail : state_specificatio", state_specificatio);
callback(description, info, state_info, specificatio, state_specificatio);
},
onClickDetail: function(index) {
var _self = this;
$scope.data.detail.active = index;
_self.consoleLog("onClickDetail : data.detail.active", $scope.data.detail.active);
}
}
return getFunction;
};
$scope.pages = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._console) {
console.log($scope._component, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
locationUrlReplace: function(page) {
var _self = this;
$location.url(page).replace();
},
pageName: function(page_name) {
var _self = this;
var page = page_name;
_self.locationUrlReplace(page_name);
},
pageUrl: function(page_name, id, name_url) {
var _self = this;
var page = page_name + "/" + id + "-" + name_url;
_self.locationUrlReplace(page);
}
}
return getFunction;
};
$scope.countDown = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._console) {
console.log($scope._component, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
getLocation: function(callback) {
var _self = this;
var res_location = $location;
_self.consoleLog("getLocation", "res_location", res_location);
callback(res_location);
},
getRouteParams: function(callback) {
var _self = this;
var params = $routeParams;
_self.consoleLog("getRouteParams", "params", params);
callback(params);
},
getLocationUrlNameProductDetail: function(callback) {
var _self = this;
_self.getRouteParams(function(res_params) {
_self.getLocation(function(res_location) {
var url_page_name = "/product-detail/" + res_params.product_id;
var res_url_name_product_detail = (res_location.url() == url_page_name) ? true : false;
_self.consoleLog("getLocationUrlNameProductDeal", "res_url_name_product_detail", res_url_name_product_detail);
callback(res_url_name_product_detail);
});
});
},
getUnix: function(callback) {
var _self = this;
var now = moment().unix();
_self.consoleLog("getUnix", "now", now);
callback(now);
},
getCountDown: function(now, product_lifetime, callback) {
var _self = this;
var countdown_unix = parseInt(product_lifetime.lifetime_end_time) - now;
var milliseconds = moment.duration(countdown_unix * 1000, "milliseconds");
var res_countdown = ((milliseconds.days() <= 9) ? '0' + milliseconds.days() : milliseconds.days());
res_countdown = res_countdown + ' : ' + ((milliseconds.hours() <= 9) ? '0' + milliseconds.hours() : milliseconds.hours());
res_countdown = res_countdown + ' : ' + ((milliseconds.minutes() <= 9) ? '0' + milliseconds.minutes() : milliseconds.minutes());
res_countdown = res_countdown + ' : ' + ((milliseconds.seconds() <= 9) ? '0' + milliseconds.seconds() : milliseconds.seconds());
_self.consoleLog("getCountDown", "res_countdown", res_countdown);
callback(res_countdown, countdown_unix);
},
getNameUrl: function(name, callback) {
var _self = this;
name = name.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
_self.consoleLog("getNameUrl", "name", name);
callback(name);
},
locationUrlReplace: function(page) {
var _self = this;
$location.url(page).replace();
},
pageUrl: function(page_name) {
var _self = this;
var page = page_name;
_self.locationUrlReplace(page);
},
countDownByProduct: function(now, data_array, callback) {
var _self = this;
if (data_array.length != 0) {
if (data_array.product_lifetime.length != 0) {
_self.getCountDown(now, data_array.product_lifetime, function(res_count_down, res_countdown_unix) {
data_array.product_lifetime.lifetime_countdown = (res_countdown_unix > 0) ? res_count_down : "";
if (data_array.product_lifetime.lifetime_countdown == "") {
_self.getNameUrl(data_array.product_set_array[0].product_title, function(res_name) {
$scope.pages().pageUrl("product-detail", data_array.product_set_array[0].product_id, res_name);
});
}
});
}
}
_self.consoleLog("countDownByProduct", "data_array", data_array);
callback(data_array);
},
loop: function() {
var _self = this;
var load = $timeout(function() {
$timeout.cancel(load);
_self.getUnix(function(res_now) {
_self.countDownByProduct(res_now, $scope.dataApi.product.dataArray, function(data_array) {
$scope.dataApi.product.dataArray = data_array;
_self.getLocationUrlNameProductDetail(function(res_url_name_product_detail) {
if (res_url_name_product_detail) {
_self.loop();
}
});
});
});
}, 1000);
}
}
return getFunction;
};
$scope.control = function() {
var getFunction = {
popupVideo: function(state, video_link, video_embed_code) {
var _self = this;
if (video_embed_code != '') {
$scope.data_control.page_video.popup = state;
$scope.data_control.page_video.shop_video_embed_code = video_embed_code;
} else if (video_link != '') {
window.open(video_link, '_blank');
} else {
$scope.data_control.page_video.popup = state;
$scope.data_control.page_video.shop_video_embed_code = video_embed_code;
}
},
main: function() {
var _self = this;
}
}
return getFunction;
};
$scope.data_control = {
page_video: {
popup: false,
shop_video_embed_code: ""
}
}
$scope.control_alert = {
alert: {
error_id: '',
index: null,
state: true,
error: [{
id: '001',
title: 'การสั่งซื้อ',
messages: 'สามารถสั่งซื้อได้เพียงทีละออเดอร์เท่านั้น'
}, {
id: '002',
title: 'การเพิ่มสินค้า',
messages: 'ไม่สามารถเพิ่มสินค้าของร้านมากกว่า 1 ร้านค้าได้'
}, {
id: '003',
title: 'การสั่งซื้อ',
messages: 'ไม่สามารถเพิ่มสินค้า(ไม่มีร้านค้า)'
}]
}
};
$scope.controlAlert = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._console) {
console.log($scope._component, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
getErrorMessages: function(error_id, callback) {
var _self = this;
var messages = {
res_error_id: '',
res_index: null
}
angular.forEach($scope.control_alert.alert.error, function(item, index) {
if (item.id == error_id) {
messages.res_error_id = item.id;
messages.res_index = index;
}
});
callback(messages.res_error_id, messages.res_index);
},
alert: function(error_id) {
var _self = this;
_self.getErrorMessages(error_id, function(res_error_id, res_index) {
$scope.control_alert.alert.error_id = res_error_id;
$scope.control_alert.alert.index = res_index;
$scope.control_alert.alert.state = (!$scope.control.alert && res_error_id != '') ? true : false;
});
},
main: function() {
var _self = this;
}
}
return getFunction;
};
$scope.countDown().loop();
/* set carousel */
$scope.setCarousel = {
carousel: 0,
index: 0
};
$scope.getCarousel().getCarousel($scope.setCarousel.carousel, function(res_carousel_id) {
$scope.setCarousel.carousel = res_carousel_id;
});
/* set carousel */
/* get product api */
$scope.dataApi = {
reward: {
dataSend: {},
api: "shop/current",
ok: false,
dataArray: [],
dataArrayState: {
load: false,
done: false
}
},
staff: {
dataSend: {
txt_staff_id: 0
},
api: "staff/id",
ok: false,
dataArray: [],
dataArrayState: {
load: false,
done: false
}
},
product: {
dataSend: {
txt_product_id: 0
},
api: "product/id",
ok: false,
dataArray: [],
dataArrayState: {
load: false,
done: false
}
},
relation: {
dataSend: {
txt_referral_id: 0
},
api: "referral/relation",
ok: false,
dataArray: [],
dataArrayState: {
load: false,
done: false
}
}
};
$scope.data = {
attribute: {
state: false,
productId: "",
dataArray: []
},
attribute_custom: {
state: false,
dataArray: []
},
reward: {
quantity_name: 'reward',
type_id: "0",
reward_amount: 0,
reward_percent: 0,
reward_every_price: 0,
point_reward: 0
},
quantity: {
quantity_name: 'quantity',
quantity_min: 1,
quantity_max: 1,
quantity_input: 1,
quantity_select: []
},
product_price: {
price_name: 'product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
product_compare_price: {
price_name: 'product_compare_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_price: {
price_name: 'sum_product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_compare_price: {
price_name: 'sum_product_compare_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_compare_minus_sum_product_price: {
price_name: 'sum_product_compare_minus_sum_product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
detail: {
active: '0',
dataArray: [{
index: '0',
state: true,
en: ($scope.description != undefined && $scope.description != "") ? $scope.description : 'Description',
th: '',
data: '',
dataArray: []
}, {
index: '1',
state: true,
en: ($scope.info != undefined && $scope.info != "") ? $scope.info : 'Info',
th: '',
data: '',
dataArray: []
}, {
index: '2',
state: true,
en: ($scope.specification != undefined && $scope.specification != "") ? $scope.specification : 'Specification',
th: '',
data: '',
dataArray: []
}]
}
};
$scope.setBuy = {
promotion_id: '0',
state_active: false,
state_process: false,
state_step: 0,
state_data_font_color: "",
state_data_background_color: "",
stepArray: [{
step: 0,
name: "unset",
icon: $scope._icebuyicon,
state: "เพิ่มในรถเข็น",
data_font_color: "",
data_background_color: ""
}, {
step: 1,
name: "load",
icon: "",
state: "",
data_font_color: "",
data_background_color: ""
}, {
step: 2,
name: "pass",
icon: "",
state: "",
data_font_color: "",
data_background_color: ""
}, {
step: 3,
name: "error",
icon: "",
state: "",
data_font_color: "",
data_background_color: ""
}, {
step: 4,
name: "cart",
icon: "",
state: "ดูรถเข็น",
data_font_color: "",
data_background_color: "primary_darkest"
}]
};
/* - get api product/id start - */
$scope.getData().getRouteParams(function(res_params, res_state) {
$scope.dataApi.product.dataArrayState = res_state;
$scope.getData().getProductId(res_params, function(res_product_id) {
$scope.dataApi.product.dataSend.txt_product_id = (res_product_id != false) ? res_product_id : 0;
$scope.getData().dataSend($scope.dataApi.product.api, $scope.dataApi.product.dataSend, function(res_api, res_dataSend) {
$scope.getData().getApi(res_api, res_dataSend, function(res_ok, get_res_api_product, res_state) {
$scope.dataApi.product.ok = res_ok;
$scope.dataApi.product.dataArray = get_res_api_product.data;
$scope.getData().consoleLog("get_res_api_product", get_res_api_product);
$scope.dataApi.product.dataArrayState = res_state;
/* -- get api shop/current to reward -- */
if (res_ok) {
/* -- get free gift promotion id -- */
$scope.getData().getRouteParams(function(res_params, res_state) {
$scope.getData().getFreeGiftPromotionId(get_res_api_product.data.product_promotion, function(res_promotion_id) {
$scope.setBuy.promotion_id = res_promotion_id;
});
});
/* -- get free gift promotion id -- */
$scope.getData().getRouteParams(function(res_params, res_state) {
$scope.dataApi.reward.dataArrayState = res_state;
$scope.getData().dataSend($scope.dataApi.reward.api, $scope.dataApi.reward.dataSend, function(res_api, res_dataSend) {
$scope.getData().getApi(res_api, res_dataSend, function(res_ok, get_res_api_shop, res_state) {
$scope.dataApi.reward.ok = res_ok;
$scope.dataApi.reward.dataArray = get_res_api_shop.data;
$scope.dataApi.reward.dataArrayState = res_state;
$scope.getReward().createReward($scope.dataApi.product.dataArray.product_reward, get_res_api_shop.data.shop_point_config, function(res_reward) {
$scope.data.reward.type_id = res_reward.type_id;
$scope.data.reward.reward_amount = res_reward.amount;
$scope.data.reward.reward_percent = res_reward.percent;
$scope.data.reward.reward_every_price = res_reward.every_price;
/* --- Wait product/id ,shop/current ---
/* ---- get attribute ---- */
$scope.getAttribute().productAttribute(get_res_api_product.data.product_attribute, function(res_attribute) {
$scope.data.attribute.dataArray = res_attribute;
$scope.getAttribute().checkMinPrices(get_res_api_product, res_attribute, function(res_data_price, res_state) {
$scope.data.attribute.state = res_state;
$scope.data.product_price = res_data_price.product_price;
$scope.data.product_compare_price = res_data_price.product_compare_price;
$scope.data.sum_product_price = res_data_price.sum_product_price;
$scope.data.sum_product_compare_price = res_data_price.sum_product_compare_price;
$scope.data.sum_product_compare_minus_sum_product_price = res_data_price.sum_product_compare_minus_sum_product_price;
$scope.getReward().getCalculator($scope.data.sum_product_price, $scope.data.reward, function(res_point_reward) {
$scope.data.reward.point_reward = res_point_reward;
});
/* ----- stock ----- */
$scope.data.quantity.quantity_max = res_data_price.product_price.total_stock;
$scope.data.quantity.quantity_select = [];
for (var i = 0; i < res_data_price.product_price.total_stock; i++) {
$scope.data.quantity.quantity_select.push(i + 1);
}
/* ----- stock ----- */
});
});
/* ---- get attribute ---- */
/* ---- get attribute custom ---- */
$scope.getAttributeCustom().createArray(get_res_api_product.data.product_custom_templates, function(res_custom_attribute, res_state) {
$scope.data.attribute_custom.state = res_state;
$scope.data.attribute_custom.dataArray = res_custom_attribute;
});
/* ---- get attribute custom ---- */
/* ---- get detail ---- */
$scope.getDetail().getDetail(get_res_api_product.data, function(res_description, res_info, res_state_info, res_specificatio, res_state_specificatio) {
$scope.data.detail.dataArray[0].data = res_description;
$scope.data.detail.dataArray[1].data = res_info;
$scope.data.detail.dataArray[1].state = res_state_info;
$scope.data.detail.dataArray[2].dataArray = res_specificatio;
$scope.data.detail.dataArray[2].state = res_state_specificatio;
});
/* ---- get detail ---- */
/* ---- update state ---- */
$scope.getBuy().updateState($scope.dataApi.product.dataArray.product_id);
/* ---- update state ---- */
/* --- Wait product/id ,shop/current --- */
});
});
});
});
/* -- get api shop/current to reward -- */
/* -- res_referral_id from product/id to txt_referral_id get api referral/relation -- */
$scope.getData().getRouteParams(function(res_params, res_state) {
$scope.dataApi.relation.dataArrayState = res_state;
$scope.getData().getReferralId(get_res_api_product.data.product_referral_display, function(res_referral_id) {
$scope.dataApi.relation.dataSend.txt_referral_id = res_referral_id;
$scope.getData().dataSend($scope.dataApi.relation.api, $scope.dataApi.relation.dataSend, function(res_api, res_dataSend) {
$scope.getData().getApi(res_api, res_dataSend, function(res_ok, get_res_api_referral, res_state) {
$scope.dataApi.relation.ok = res_ok;
$scope.dataApi.relation.dataArray = (res_referral_id != 0) ? get_res_api_referral.data : [];
$scope.dataApi.relation.dataArrayState = res_state;
});
});
});
});
/* -- res_referral_id from product/id to txt_referral_id get api referral/relation -- */
/* -- product_staff_id from product/id to txt_staff_id get api staff/id -- */
$scope.getData().getRouteParams(function(res_params, res_state) {
$scope.getData().getStaffId(get_res_api_product.data.product_staff_id, function(res_staff) {
if (res_staff.status) {
$scope.dataApi.staff.dataArrayState = res_state;
$scope.dataApi.staff.dataSend.txt_staff_id = res_staff.staff_id;
$scope.getData().dataSend($scope.dataApi.staff.api, $scope.dataApi.staff.dataSend, function(res_api, res_dataSend) {
$scope.getData().getApi(res_api, res_dataSend, function(res_ok, res, res_state) {
$scope.dataApi.staff.ok = res_ok;
$scope.dataApi.staff.dataArray = res.data;
$scope.getData().getNameUrl(res.data.staff_first_name, function(res_staff_first_name_url) {
$scope.dataApi.staff.dataArray.staff_first_name_url = res_staff_first_name_url;
$scope.dataApi.staff.dataArrayState = res_state;
});
});
});
}
});
});
/* -- product_staff_id from product/id to txt_staff_id get api staff/id -- */
} else {
/* ok = false */
if ($scope.dataApi.product.dataArray.length != 0) {
/* product deal to product original */
if ($scope.dataApi.product.dataArray.product_set_array.length != 0) {
$scope.countDown().getNameUrl($scope.dataApi.product.dataArray.product_set_array[0].product_title, function(res_name) {
$scope.pages().pageUrl("product-detail", $scope.dataApi.product.dataArray.product_set_array[0].product_id, res_name);
});
} else {
$scope.pages().pageName("home");
}
} else {
/* product null */
$scope.pages().pageName("home");
}
}
});
});
});
});
/* - get api product/id end - */
/* get product api */
};
return promise;
});_ui_share_app.directive('productDetailPageT', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'productDetailPageT';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
name: '@name',
id: '@id',
stilebutton: '@stilebutton',
textbutton: '@textbutton',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window) {
$scope.forbidden = false;
$scope._config = [];
$scope._host = _ui_host + templateName + '/';
$scope._getPostIdFromURL = function() {
var dataget = $scope.id;
var a = $scope.id;
if (typeof $routeParams.product_id !== 'undefined') {
dataget = parseInt($routeParams.product_id);
a = $routeParams.product_id;
}
if (typeof dataget === 'number' && dataget > 0) {
return dataget;
} else {
var b = a.split("-");
return b[0];
}
};
$scope.dataRelate = [];
$scope.buildDataProductRelate = function(product_id) {
var d = {
'txt_product_id': product_id
};
GAEAPI.get('product/id', d).then(function(e) {
if (e.ok == 1) {
$scope.dataRelate = e.data;
console.log("dataRelate", $scope.dataRelate);
}
});
};
$scope.buildDataProductRelate($scope._getPostIdFromURL());
};
return promise;
});_ui_share_app.directive('productDetailPageTsr', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'productDetailPageTsr';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
name: '@name',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.navigationBar = [];
$scope.dataArray = [];
$scope.dataArrayState = {
load: false,
done: false
};
$scope.dataProductBuy = {
quantity: 1,
price: 0,
sumprice: 0,
quantity_min: 0,
quantity_max: 0
};
$scope.login = function() {
var login = {
showLogin: function() {
return UiCustomerBox.delegate.get.isLogin();
},
isLogin: function(callback) {
callback(UiCustomerBox.delegate.get.isLogin());
},
pageLogin: function() {
var _self = this;
_self.isLogin(function(isLogin) {
if (!isLogin) {
$inloginPopupTypeGrip.open();
}
});
}
}
return login;
};
$scope.quantity = function() {
var quantity = {
upDatePrice: function() {
$scope.dataProductBuy.sumprice = $scope.dataProductBuy.price * $scope.dataProductBuy.quantity;
},
minus: function() {
var _self = this;
if (($scope.dataProductBuy.quantity - 1) != $scope.dataProductBuy.quantity_min) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity - 1;
_self.upDatePrice();
}
},
plus: function() {
var _self = this;
if (($scope.dataProductBuy.quantity + 1) <= $scope.dataProductBuy.quantity_max) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity + 1;
_self.upDatePrice();
}
}
}
return quantity;
};
$scope.imageCarousel = function(cover_in, carousel_in) {
$(cover_in).css('height', '0');
$(cover_in).css('opacity', '0');
setTimeout(function() {
var carousel = $(carousel_in);
carousel.not('.slick-initialized').slick({
dots: false,
arrows: true,
autoplay: true,
autoplaySpeed: 4000,
slidesToShow: 1,
slidesToScroll: 1,
infinite: true,
speed: 600,
}).closest('section').addClass('active');
$(cover_in).css('height', 'auto');
$(cover_in).css('opacity', '1');
}, 1000);
};
$scope.getDataArray = function() {
var data = {
consoleLog: function(name, data) {
console.log(name, data);
},
stateData: function(loadIn, doneIn) {
var state = {
load: loadIn,
done: doneIn
};
return state;
},
getProductId: function(callback) {
var params = $routeParams;
var product_id = params.product_id.split("-", 1).join("");
callback(product_id)
},
getDataProductArray: function(api, callback) {
var _self = this;
var output = [];
_self.getProductId(function(product_id) {
var dataSendProductId = {
'txt_product_id': product_id
};
_self.getDataArray(api, dataSendProductId, function(output) {
callback(output);
});
});
},
getNavigationBar: function(product_referral_display, api, callback) {
var _self = this;
var output = [];
_self.consoleLog("product_referral_display : ", product_referral_display);
if (product_referral_display.category.length != 0) {
var dataSendReferralId = {
'txt_referral_id': product_referral_display.category[0].referral_id
};
_self.getDataArray(api, dataSendReferralId, function(output) {
callback(output);
});
} else {
callback(output);
}
},
getDataArray: function(api, dataSend, callback) {
GAEAPI.get(api, dataSend, $scope).then(function(output) {
callback(output);
});
},
getDataArrayOk: function(output, callback) {
var state = false;
if (output.ok == 1) {
state = true;
callback(output, state);
}
callback(output, state);
},
quantity: function(product_stock_track_type_id, product_total_stock, callback) {
var total_stock = 0;
/* if (product_total_stock == -1) {
total_stock = 20;
} else if (product_total_stock != -1 && product_total_stock != 0) {
total_stock = product_total_stock;
} */
if (product_stock_track_type_id == "0") {
total_stock = 20;
} else if (product_stock_track_type_id == "1") {
if (product_total_stock > 0) {
total_stock = product_total_stock;
} else {
total_stock = 0;
}
}
callback(total_stock);
},
main: function() {
var _self = this;
$scope.dataArrayState = _self.stateData(true, false);
_self.getDataProductArray('product/id', function(output) {
_self.consoleLog("getDataProductArray : output : ", output.data);
_self.getDataArrayOk(output, function(output, state) {
if (state) {
_self.quantity(output.data.product_stock_track_type_id, output.data.product_total_stock, function(total_stock) {
$scope.dataProductBuy.quantity_max = total_stock;
_self.consoleLog("getDataProductArray : output : ", output.data);
$scope.dataArray = output.data;
$scope.dataProductBuy.price = output.data.product_price;
$scope.dataProductBuy.sumprice = output.data.product_price;
$scope.dataArrayState = _self.stateData(false, true);
_self.getNavigationBar(output.data.product_referral_display, 'referral/relation', function(output) {
_self.consoleLog("getNavigationBar : output : ", output.data);
$scope.navigationBar = output.data;
});
});
} else {
$scope.dataArrayState = _self.stateData(false, true);
}
});
});
}
}
return data;
};
$scope.getDataArray().main();
};
return promise;
});_ui_share_app.directive('productDetailPageTypeA', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'productDetailPageTypeA';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
name: '@name',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window, $location) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
/* getUrlProductId */
$scope.getUrlProductId = function() {
$scope.consoleLog("getUrlProductId : $routeParams.product_id : ", $routeParams.product_id);
if (typeof $routeParams.product_id !== 'undefined') {
var url_product_id = $routeParams.product_id.split("-");
var product_id = url_product_id[0];
return product_id;
}
};
/* getUrlProductId */
/* consoleLog */
$scope.consoleLog = function(showlog, data) {
console.log(showlog, data);
};
/* consoleLog */
/* getProductId */
$scope.checkProduct = function() {
var cart = {
checkOutputOk: function(output, callback) {
$scope.consoleLog("cartProduct : cartcCtegory : output : ", output);
var output_ok_status = false;
if (output.ok == 1) {
output_ok_status = true;
}
callback(output_ok_status);
},
saveProduct: function(product, callback) {
$scope.consoleLog("cartProduct : cartcCtegory : product : ", product);
var save_product = product;
callback(save_product);
},
checkCtegory: function(category, callback) {
$scope.consoleLog("cartProduct : checkCtegory : category : ", category);
var ctegory_status = false;
if (category.length) {
ctegory_status = true;
}
callback(ctegory_status);
},
getCtegoryId: function(category, callback) {
$scope.consoleLog("cartProduct : checkCtegory : category : ", category);
var referral_id = category[0].referral_id;
callback(referral_id);
},
getReferralRelationId: function(referral_id, callback) {
$scope.consoleLog("cartProduct : getReferralRelationId : referral_id : ", referral_id);
var dataSend = {
'txt_referral_id': referral_id
};
$scope.consoleLog("cartProduct : getReferralRelationId : dataSend : ", dataSend);
GAEAPI.get('referral/relation', dataSend, $scope).then(function(output) {
$scope.consoleLog("cartProduct : getReferralRelationId : output : ", output);
$scope.checkProduct().checkOutputOk(output, function(output_ok_status) {
$scope.consoleLog("cartProduct : getReferralRelationId : checkOutputOk : output_ok_status : ", output_ok_status);
var data_relation = false;
if (output_ok_status) {
$scope.consoleLog("cartProduct : getReferralRelationId : checkOutputOk : ", "PASS");
data_relation = output.data;
callback(data_relation);
} else {
$scope.consoleLog("cartProduct : getReferralRelationId : checkOutputOk : ", "ERROR");
callback(data_relation);
}
});
});
},
checkStock: function(stock, variant, callback) {
$scope.consoleLog("cartProduct : checkStock : stock : ", stock);
$scope.consoleLog("cartProduct : checkStock : variant : ", variant);
var output_stock = "ERROR";
if (variant == 0) {
if (stock == -1) {
output_stock = "Do Not Track Inventory";
} else {
output_stock = "Track Inventory";
}
} else {
output_stock = "Attribute Class";
}
callback(output_stock);
},
calculateStock: function(output_stock, stock, callback) {
$scope.consoleLog("cartProduct : calculateStock : output_stock : ", output_stock);
$scope.consoleLog("cartProduct : calculateStock : stock : ", stock);
var array_stock = [];
var number_stock = 0;
if (output_stock == "Track Inventory") {
if (stock > 20) {
stock = 20;
}
number_stock = stock;
for (var i = 0; i < stock; i++) {
array_stock.push(i + 1);
}
} else if (output_stock == "Do Not Track Inventory") {
number_stock = 20;
for (var i = 0; i < 20; i++) {
array_stock.push(i + 1);
}
}
callback(array_stock, number_stock);
},
checkAttribute: function(attribute, variant, callback) {
$scope.consoleLog("cartProduct : checkAttribute : attribute : ", attribute);
$scope.consoleLog("cartProduct : checkAttribute : variant : ", variant);
var output_attribute = false;
if (attribute.option_data.variant_array.length > 0 && variant > 0) {
output_attribute = true;
}
callback(output_attribute);
},
saveAttribute: function(attribute, callback) {
$scope.consoleLog("cartProduct : saveAttribute : attribute : ", attribute);
var save_attribute = attribute;
callback(save_attribute);
},
checkPrice: function(product_price, variant, callback) {
$scope.consoleLog("cartProduct : checkPrice : attribute : ", attribute);
$scope.consoleLog("cartProduct : checkPrice : variant : ", variant);
var output_attribute = false;
if (attribute.option_data.variant_array.length > 0 && variant > 0) {
output_attribute = true;
}
callback(output_attribute);
},
}
return cart;
};
$scope.dataRelation = false;
$scope.dataProduct = false;
$scope.dataAttribute = false;
$scope.getProductStock = {
array: [],
number: 0
};
$scope.getProductIdState = {
load: true,
done: false
};
$scope.getProductId = function(product_id) {
$scope.consoleLog("getProductId : product_id : ", product_id);
$scope.getProductIdState = $scope.StateData(true, false);
var dataSend = {
'txt_product_id': product_id
};
$scope.consoleLog("getProductId : dataSend : ", dataSend);
GAEAPI.get('product/id', dataSend).then(function(output) {
$scope.consoleLog("getProductId : get : output : ", output);
/* checkOutputOk */
$scope.checkProduct().checkOutputOk(output, function(output_ok_status) {
$scope.consoleLog("getProductId : checkOutputOk : output_ok_status : ", output_ok_status);
if (output_ok_status) {
$scope.consoleLog("getProductId : checkOutputOk : ", "PASS");
/* saveProduct */
$scope.checkProduct().saveProduct(output.data, function(save_product) {
$scope.consoleLog("getProductId : saveProduct : save_product : ", save_product);
$scope.dataArray = save_product;
/* checkCtegory */
$scope.checkProduct().checkCtegory(save_product.product_referral_display.category, function(ctegory_status) {
$scope.consoleLog("getProductId : checkCtegory : ctegory_status : ", ctegory_status);
if (ctegory_status) {
$scope.consoleLog("getProductId : checkCtegory : status : ", "PASS");
$scope.checkProduct().getCtegoryId(save_product.product_referral_display.category, function(referral_id) {
$scope.consoleLog("getProductId : checkCtegory : getCtegoryId : referral_id : ", referral_id);
$scope.checkProduct().getReferralRelationId(referral_id, function(data_relation) {
$scope.consoleLog("getProductId : checkCtegory : getReferralRelationId : data_relation : ", data_relation);
$scope.dataRelation = data_relation;
});
});
} else {
$scope.consoleLog("getProductId : checkCtegory : status : ", "ERROR");
}
});
/* checkCtegory */
/* checkStock */
$scope.checkProduct().checkStock(save_product.product_total_stock, save_product.product_total_variant, function(output_stock) {
$scope.consoleLog("getProductId : checkStock : output_stock : ", output_stock);
$scope.checkProduct().calculateStock(output_stock, save_product.product_total_stock, function(array_stock, number_stock) {
$scope.consoleLog("getProductId : calculateStock : array_stock : ", array_stock);
$scope.consoleLog("getProductId : calculateStock : number_stock : ", number_stock);
$scope.getProductStock.array = array_stock;
$scope.getProductStock.number = number_stock;
$scope.consoleLog("getProductId : calculateStock : getProductStock : ", $scope.getProductStock);
});
});
/* checkStock */
/* checkAttribute */
$scope.checkProduct().checkAttribute(save_product.product_attribute, save_product.product_total_variant, function(output_attribute) {
$scope.consoleLog("getProductId : checkAttribute : output_attribute : ", output_attribute);
if (output_attribute) {
$scope.consoleLog("getProductId : checkAttribute : status : ", "PASS");
$scope.checkProduct().saveAttribute(save_product.product_attribute.option_data.pclass_array, function(save_attribute) {
$scope.consoleLog("getProductId : saveAttribute : save_attribute : ", save_attribute);
$scope.dataAttribute = save_attribute;
$scope.consoleLog("getProductId : saveAttribute : dataAttribute : ", $scope.dataAttribute);
});
} else {
$scope.consoleLog("getProductId : checkAttribute : status : ", "ERROR");
}
});
/* checkAttribute */
});
/* saveProduct */
} else {
$scope.consoleLog("getProductId : checkOutputOk : ", "ERROR");
}
$scope.getProductIdState = $scope.StateData(false, true);
});
/* checkOutputOk */
});
};
/* getProductId */
/* StateData */
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
};
/* StateData */
$scope.getProductId($scope.getUrlProductId());
};
return promise;
});// _data_qty_modelvar $xZoomTimer = null;
// var $xZoomInstance = false;
_ui_share_app.directive('productDetailPageU', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'productDetailPageU';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
stylebutton: '@stylebutton',
imgpath: '@imgpath',
id: '@id',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window) {
$scope.forbidden = false;
$scope._config = [];
$scope._host = _ui_host + templateName + '/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.dataProductBuy = {
inputQuantity: 1,
quantity: 1,
price: 0,
sumprice: 0,
quantity_min: 0,
quantity_max: 0,
result_price: 0
};
$scope.referral_id = '0';
$scope._shop_id = CUR_THEME.shop_id();
$scope._currency = ($scope._shop_id == "635") ? 0 : 2;
$scope._viewRouteParams = function() {
return $routeParams || false;
};
$scope._idUrl = function(instr) {
var outstr = instr.split("-", 1).join("");
return outstr;
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
$scope.checkSeo = function() {
return (GURL.isHtml5Mode()) ? true : false;
};
$scope.titleUrl = function(str) {
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
return s;
};
$scope.calculateDiscount = function(expensivePrice, salePrice) {
var dif = expensivePrice - salePrice;
return parseInt(dif * 100 / expensivePrice);
};
$scope._getPostIdFromURL = function() {
var test = $scope.id;
var a = $scope.id;
if (typeof $routeParams.product_id !== 'undefined') {
test = parseInt($routeParams.product_id);
a = $routeParams.product_id;
}
if (typeof test === 'number' && test > 0) {
return test;
} else {
var b = a.split("-");
return b[0];
}
};
/* JQ: Scroll event */
angular.element($window).bind('scroll', function() {
if (!$scope.data) {
return;
}
var curPos = ($(document).scrollTop());
var properHeight = ($('.img_cover').height() * ($('.img_cover').length - 1));
console.debug("Cur pos", curPos, properHeight);
if (curPos > properHeight) {
angular.element('.block-background .bottom-info').addClass('unactive');
if ($(window).width() > 991) {
angular.element('.bottom-buy-overlay').addClass('unactive');
}
} else {
angular.element('.block-background .bottom-info').removeClass('unactive');
if ($(window).width() > 991) {
angular.element('.bottom-buy-overlay').removeClass('unactive');
}
}
});
/* UNIQUE KEY */
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
/* Slider Send */
$scope.data_min = [];
$scope.dataPreserve = false;
/* Get product id from url or from component */
$scope._getPostIdFromURL = function() {
var test = $scope.id;
var a = $scope.id;
if (typeof $routeParams.product_id !== 'undefined') {
test = parseInt($routeParams.product_id);
a = $routeParams.product_id;
}
if (typeof test === 'number' && test > 0) {
return test;
} else {
var b = a.split("-");
return b[0];
}
};
/* Get data by product id */
$scope.data = false;
$scope._dataArrayState = {
load: false,
done: false
};
$scope.quantity_in = function(product_total_stock, callback) {
var total_stock = 0;
if (product_total_stock == -1) {
total_stock = 20;
} else if (product_total_stock != -1 && product_total_stock != 0) {
total_stock = product_total_stock;
}
callback(total_stock);
};
$scope._getDataArray = function(id) {
$scope._dataArrayState = $scope.StateData(true, false);
var dataSend = {
'txt_product_id': id
};
GAEAPI.get('product/id', dataSend, $scope).then(function(e) {
if (e.ok === 1) {
$scope.quantity_in(e.data.product_total_stock, function(total_stock) {
$scope.data = e.data;
$scope.dataPreserve = e.data;
$scope.buildVariantOption(e.data);
console.log("product/id : ", $scope.data.product_referral_display);
if ($scope.data.product_referral_display.category != undefined) {
if ($scope.data.product_referral_display.category.length != 0) {
$scope.referral_id = $scope.data.product_referral_display.category[0].referral_id;
$scope._getdatamap($scope.data.product_referral_display.category[0].referral_id);
}
}
$scope.show_badge(e.data);
$scope.dataProductBuy.quantity_max = total_stock;
$scope.dataProductBuy.price = e.data.product_price;
$scope.dataProductBuy.sumprice = e.data.product_price;
});
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope._getDataArray($scope._idUrl($scope._viewRouteParams().product_id));
$scope.dataRelation = [];
$scope.getRelation = function(referral_id) {
var d = {
'txt_referral_id': referral_id
};
GAEAPI.get('referral/relation', d, $scope).then(function(e) {
if (e.ok == 1) {
$scope.dataRelation = e.data;
}
});
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData) {
if (objectData.product_total_variant <= 0) {
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
// $scope.makeVariantsClick();
$scope.onSelectVariantItems(0, '');
};
$scope.buy_button = false;
$scope.dataVariantsPick = [];
$scope.max_length = 20;
$scope.onSelectVariantItems = function($index, option_id) {
$scope.testyuyu = 0;
if (option_id == '') {
$scope.testyuyu = 0;
$scope.buy_button = false;
$('.d_qty_price').removeClass("active");
$('.d_qty_price').removeClass("inin");
$('.d_qty').removeClass('active').removeClass('inin');
$('.dsetting').addClass("active");
$('.d_qty_not_result').addClass("active");
$scope.dataVariantsPick[$index] = option_id;
console.log("check_vareian 1000:", $scope.dataVariantsPick.length, $index, $scope.dataVariantsPick, $scope.dataOption.length);
return GAEAPI.get('product/id', {
'txt_product_id': $scope._getPostIdFromURL()
}, $scope).then(function(e) {
if (e.ok == 1) {
$scope.data = e.data;
$scope.dataPreserve = e.data;
if (e.data.product_attribute.option_data != 0 && e.data.product_total_variant > 0) {
if (e.data.product_attribute.option_data.variant_array.length != 0 && e.data.product_total_variant > 0) {
var set_varia0 = e.data.product_attribute.option_data.variant_array[0].price;
for (var i = 0; i < e.data.product_attribute.option_data.variant_array.length; i++) {
if (parseInt(set_varia0) >= parseFloat(e.data.product_attribute.option_data.variant_array[i].price)) {
set_varia0 = e.data.product_attribute.option_data.variant_array[i].price;
$scope.data_min = e.data.product_attribute.option_data.variant_array[i];
// $scope.data = $scope.data_min[0];
$scope.data.product_price = $scope.data_min.price;
$scope.data.product_compare_price = $scope.data_min.compare_price;
}
}
if ($scope.data_min.length == 0) {
$scope.data_min = e.data.product_attribute.option_data.variant_array[0];
$scope.data.product_price = $scope.data_min.price;
}
console.log("iujdishjdskd : ", $scope.data_min.price);
// $scope.buildVariantOption(e.data);
// $scope.buildMultipleQuantity(e.data);
}
}
}
});
} else {
$scope.dataVariantsPick[$index] = option_id;
for (var i = 0; i < $scope.dataVariantsPick.length; i++) {
if ($scope.dataVariantsPick[i] != undefined && $scope.dataVariantsPick[i] != "") {
$scope.testyuyu++;
}
}
if ($scope.testyuyu >= $scope.dataOption.length) {
$scope.testyuyu = 0;
$('.d_qty_not_result').removeClass("active");
$('.dsetting').removeClass("active");
$scope.findVariantsData($scope.dataVariantsPick);
$scope.buy_button = true;
} else {
$scope.testyuyu = 0;
$('.d_qty').removeClass('active').removeClass('inin');
$('.d_qty_price').removeClass("active");
$('.d_qty_price').removeClass("inin");
}
console.log("check_vareian 1001:", $scope.dataVariantsPick.length, $index, $scope.dataVariantsPick, $scope.dataOption.length, $scope.electric);
}
};
$scope.findVariantsData = function(variantsPick) {
var count = 0;
function compareArray(array_a, array) {
if (!array) return false;
if (array_a.length != array.length) return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i])) return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
for (var i = 0; i < dataVariants.length; i++) {
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if (compareArray(variantsPick, optionJson)) {
$scope.data.product_id = dataVariants[i].product_id;
$scope.data.product_sku = dataVariants[i].sku;
$scope.data.product_price = dataVariants[i].price;
$scope.data.product_compare_price = dataVariants[i].compare_price;
$scope.data.product_total_stock = dataVariants[i].total_stock;
$scope.max_length = dataVariants[i].total_stock;
break;
}
if (!compareArray(variantsPick, optionJson)) {
count++;
}
if (count >= dataVariants.length) {
// alert(count);
// $scope.data.product_sku = dataVariants[i].sku;
$scope.data.product_price = 0;
$scope.data.product_compare_price = 0;
}
}
};
$scope.makeVariantsClick = function() {
var s = $timeout(function() {
$timeout.cancel(s);
$('select.variantSelector').each(function(idx, obj) {
var optionElementFirst = $(this).find('option[data-index="' + idx + '"]').eq(0);
optionElementFirst.prop("selected", true);
$scope.onSelectVariantItems(optionElementFirst.attr('data-index'), optionElementFirst.attr('data-option'));
});
}, 2000);
};
$scope.checkColorConfig = function() {
return ($('config-color').length) ? true : false;
};
$scope._makeProductToCarousel = function() {
var elementName = '[data-key="' + $scope._uniqueKey + '"]';
var optionsParmas = {
autoplay: (window.location.host !== 'localhost') ? true : false,
slidesToShow: 1,
slidesToScroll: 1,
dots: true,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
};
return sliderProvider(elementName, optionsParmas, $scope.type, $scope._uniqueKey);
};
$scope._slickGoLeft = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
$rootScope.$on('repeatend', function() {
if ($('[data-key="' + $scope._uniqueKey + '"]').not('.slick-initialized')) {
$timeout(function() {
$scope._makeProductToCarousel();
}, 500);
}
});
$scope.qty_original = 1;
$scope.qty_current = 1;
$scope.viewOptimizeImage = function(size, image_url, image_width) {
if (window.devicePixelRatio >= 2 || parseInt(image_width) <= size) {
return image_url;
}
var a = image_url.split("/"),
b = a[a.length - 1];
a[a.length - 1] = 't' + size + '_' + b;
return a.join("/");
};
$scope.gallerySingleViewIndex = 0;
$scope.switchSingleView = function(idx) {
console.log("$xZoomInstance", $xZoomInstance);
$('.gallery_show_single').css({
'transition': 'all 0.3s',
'opacity': '0'
});
$timeout(function() {
$scope.gallerySingleViewIndex = idx;
$('.gallery_show_single').css({
'opacity': '1'
});
}, 300);
setTimeout(function() {
if ($(window).width() >= 992) {
if ($("img.zoom").attr('data-api-width') > 400 && $("img.zoom").attr('data-api-height') > 400) {
/*$("img.zoom").ezPlus({
'scrollZoom':true,
'responsive':true,
'zoomWindowWidth':400,
'zoomWindowHeight':400,
'zoomWindowOffetx':30,
});*/
$xZoomInstance = $('.zoom').xzoom({
Xoffset: 30,
tint: '#b9b5b3',
});
}
}
}, 300);
};
$scope.viewImg = 0;
$scope.changeImg = function(i) {
return $scope.viewImg = i;
};
$scope.newLoginregister = function(name) {
window.location.href = GURL.base_url() + name;
};
$scope.datamap = [];
$scope._getdatamap = function(dataIn) {
var dataSend = {
'txt_referral_id': dataIn
};
GAEAPI.get('referral/relation', dataSend, $scope).then(function(output) {
if (output.ok == 1) {
$scope.datamap = output.data;
}
});
}
$scope.quantity = function() {
var quantity = {
upDatePrice: function() {
$scope.dataProductBuy.sumprice = $scope.dataProductBuy.price * $scope.dataProductBuy.quantity;
},
input: function() {
var _self = this;
if ($scope.dataProductBuy.inputQuantity > 0) {
if ($scope.dataProductBuy.inputQuantity <= $scope.dataProductBuy.quantity_max) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.inputQuantity;
} else {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity_max;
$scope.dataProductBuy.inputQuantity = $scope.dataProductBuy.quantity_max;
}
_self.upDatePrice();
_self.quantityBreaks();
} else {
console.log("quantity : input : ", $scope.dataProductBuy.inputQuantity);
if ($scope.dataProductBuy.inputQuantity <= 0) {
$scope.dataProductBuy.quantity = 1;
} else {
$scope.dataProductBuy.inputQuantity = 1;
$scope.dataProductBuy.quantity = 1;
}
/* $scope.dataProductBuy.quantity = 1;
$scope.dataProductBuy.inputQuantity = 1; */
_self.upDatePrice();
_self.quantityBreaks();
}
},
minus: function() {
var _self = this;
if (($scope.dataProductBuy.quantity - 1) != $scope.dataProductBuy.quantity_min) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity - 1;
$scope.dataProductBuy.inputQuantity = $scope.dataProductBuy.quantity;
_self.upDatePrice();
_self.quantityBreaks();
}
},
plus: function() {
var _self = this;
if (($scope.dataProductBuy.quantity + 1) <= $scope.dataProductBuy.quantity_max) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity + 1;
$scope.dataProductBuy.inputQuantity = $scope.dataProductBuy.quantity;
_self.upDatePrice();
_self.quantityBreaks();
}
},
quantityBreaks: function() {
var _self = this;
var productQuantityBreak = GAEAPI.getValueForKey($scope.data, "product_quantity_break", []);
var quantityBreak = GAEAPI.getValueForKey(productQuantityBreak, "quantity_break", []);
var product_price = GAEAPI.getValueForKey($scope.data, "product_price", 0);
for (var index in quantityBreak) {
var rowData = quantityBreak[index];
var amount_end = parseInt(GAEAPI.getValueForKey(rowData, "amount_end", 0));
var unit_price = parseInt(GAEAPI.getValueForKey(rowData, "unit_price", 0));
if ($scope.dataProductBuy.quantity >= amount_end) {
$scope.dataProductBuy.result_price = unit_price;
}
}
}
}
return quantity;
};
$scope._data_qty_model = 1;
$scope.viewQuantity = function() {
return $(".qty_display").find('input').val() || 1;
};
$scope.decreseQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (i > 1) {
e.val(i - 1);
$scope._data_qty_selected = (i - 1);
}
return $scope._data_qty_selected;
};
$scope.increseQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (isNaN(i)) {
i = 0;
}
e.val(i + 1);
$scope._data_qty_selected = (i + 1);
return $scope._data_qty_selected;
};
$scope.watchQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (i <= 0 || typeof i == 'undefined' || isNaN(i)) {
var t = $timeout(function() {
$timeout.cancel(t);
$scope._data_qty_selected = 1;
e.val(1);
}, 600);
}
};
$scope.warning = 0;
$scope.getWarn = function() {
$scope.warning = 1;
};
$scope.warning_qty = 0;
$scope.getWarn_qty = function() {
$scope.warning_qty = 1;
};
$scope.ShowWithBadge = false;
$scope.show_badge = function(data) {
if (data.product_badge.length > 0) {
for (var i = 0; i < data.product_badge.length; i++) {
if (data.product_badge[i].badge_id == 18) {
$scope.ShowWithBadge = true;
break;
}
}
} else {
$scope.ShowWithBadge = false;
}
}
};
return promise;
});var $xZoomTimer = null;
var $xZoomInstance = false;
_ui_share_app.directive('productDetailPageUa', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'productDetailPageUa';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
stylebutton: '@stylebutton',
imgpath: '@imgpath',
id: '@id',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window) {
$scope.forbidden = false;
$scope._config = [];
$scope._host = _ui_host + templateName + '/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope._viewRouteParams = function() {
return $routeParams || false;
};
$scope._idUrl = function(instr) {
var outstr = instr.split("-", 1).join("");
return outstr;
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
$scope.checkSeo = function() {
return (GURL.isHtml5Mode()) ? true : false;
};
$scope.titleUrl = function(str) {
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
return s;
};
$scope._getPostIdFromURL = function() {
var test = $scope.id;
var a = $scope.id;
if (typeof $routeParams.product_id !== 'undefined') {
test = parseInt($routeParams.product_id);
a = $routeParams.product_id;
}
if (typeof test === 'number' && test > 0) {
return test;
} else {
var b = a.split("-");
return b[0];
}
};
/* JQ: Scroll event */
angular.element($window).bind('scroll', function() {
if (!$scope.data) {
return;
}
var curPos = ($(document).scrollTop());
var properHeight = ($('.img_cover').height() * ($('.img_cover').length - 1));
console.debug("Cur pos", curPos, properHeight);
if (curPos > properHeight) {
angular.element('.block-background .bottom-info').addClass('unactive');
if ($(window).width() > 991) {
angular.element('.bottom-buy-overlay').addClass('unactive');
}
} else {
angular.element('.block-background .bottom-info').removeClass('unactive');
if ($(window).width() > 991) {
angular.element('.bottom-buy-overlay').removeClass('unactive');
}
}
});
/* UNIQUE KEY */
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
/* Slider Send */
$scope.data_min = [];
$scope.dataPreserve = false;
$scope.names = [];
/* Get product id from url or from component */
$scope._getPostIdFromURL = function() {
var test = $scope.id;
var a = $scope.id;
if (typeof $routeParams.product_id !== 'undefined') {
test = parseInt($routeParams.product_id);
a = $routeParams.product_id;
}
if (typeof test === 'number' && test > 0) {
return test;
} else {
var b = a.split("-");
return b[0];
}
};
/* Get data by product id */
$scope.data = false;
$scope._dataArrayState = {
load: false,
done: false
};
$scope._getDataArray = function(id) {
$scope._dataArrayState = $scope.StateData(true, false);
var dataSend = {
'txt_product_id': id
};
GAEAPI.get('product/id', dataSend, $scope).then(function(e) {
if (e.ok === 1) {
$scope.data = e.data;
$scope.dataPreserve = e.data;
$scope.buildVariantOption(e.data);
$scope.getRelation($scope.data.product_referral[0].referral_id);
$scope._getdatamap($scope.data.product_referral_display.category[0].referral_id);
$scope.show_badge(e.data);
$scope.timeCountStart2(e.data);
if(e.data.product_total_variant == 0 && e.data.product_total_stock > 0){
$scope.names = [];
for (var i = 0; i < parseInt(e.data.product_total_stock); i++) {
$scope.names.push(i+1);
}
console.log("nnames stock :",$scope.names);
}
if(e.data.product_total_variant == 0 && e.data.product_total_stock < 0){
$scope.names = [];
for (var i = 0; i < 10; i++) {
$scope.names.push(i+1);
}
console.log("nnames stock :",$scope.names);
}
if(e.data.product_total_variant > 0){
$scope.names = [];
for (var i = 0; i < 10; i++) {
$scope.names.push(i+1);
}
}
}
console.log("detail_id_npd : ",$scope.data);
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope._getDataArray($scope._idUrl($scope._viewRouteParams().product_id));
$scope.showPart = "";
$scope.showPart_wan = "";
$scope.showPart_h = "";
$scope.showPart_m = "";
$scope.showPart_s = "";
$scope.countDown = function(settime) {
var time_year = "";
var time_mount = "";
var time_date = "";
var time_hr = "";
var time_mi = "";
var time_se = "";
var timeA = "";
var timeB = "";
var timeC = "";
var timeDifference = "";
var timeDifference_temp = "";
var wan = "";
var l_wan = "";
var hour = "";
var l_hour = "";
var minute = "";
var second = "";
time_year = GAEAPI.time.dateFormat("YYYY", settime.product_lifetime.lifetime_end_time);
time_mount = GAEAPI.time.dateFormat("M", settime.product_lifetime.lifetime_end_time);
time_date = GAEAPI.time.dateFormat("D", settime.product_lifetime.lifetime_end_time);
time_hr = GAEAPI.time.dateFormat("H", settime.product_lifetime.lifetime_end_time);
time_mi = GAEAPI.time.dateFormat("m", settime.product_lifetime.lifetime_end_time);
time_se = GAEAPI.time.dateFormat("s", settime.product_lifetime.lifetime_end_time);
timeA = new Date(); /* วันเวลาปัจจุบัน */
timeB = new Date(time_year, (time_mount - 1), time_date, time_hr, time_mi, time_se, '0');
timeDifference = timeB.getTime() - timeA.getTime();
console.log("timeDifference", timeDifference);
if (timeDifference >= 0) {
timeDifference = timeDifference / 1000;
timeDifference = Math.floor(timeDifference);
wan = Math.floor(timeDifference / 86400);
l_wan = timeDifference % 86400;
hour = Math.floor(l_wan / 3600);
l_hour = l_wan % 3600;
minute = Math.floor(l_hour / 60);
second = l_hour % 60;
$scope.showPart = wan + " วัน " + pad(hour, 2) + " ชั่วโมง " + pad(minute, 2) + " นาที " + pad(second, 2) + " วินาที";
$scope.showPart_wan = wan;
$scope.showPart_h = pad(hour, 2);
$scope.showPart_m = pad(minute, 2);
$scope.showPart_s = pad(second, 2);
if (wan == 0 && hour == 0 && minute == 0 && second == 0) {}
console.log("check_array", $scope.showPart);
}
};
function pad(str, max) {
str = str.toString();
return str.length < max ? pad("0" + str, max) : str;
};
$scope.timeout_promise2 = null;
$scope.timeCountStart2 = function(settime) {
$scope.timeout_promise2 = $timeout(function() {
$scope.countDown(settime);
$scope.timeCountStart2(settime);
}, 1000);
};
$scope.dataRelation = [];
$scope.getRelation = function(referral_id) {
var d = {
'txt_referral_id': referral_id
};
GAEAPI.get('referral/relation', d, $scope).then(function(e) {
if (e.ok == 1) {
$scope.dataRelation = e.data;
}
});
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData) {
if (objectData.product_total_variant <= 0) {
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
// $scope.makeVariantsClick();
$scope.onSelectVariantItems(0, '');
};
$scope.buy_button = false;
$scope.dataVariantsPick = [];
$scope.max_length = 20;
$scope.onSelectVariantItems = function($index, option_id) {
$scope.testyuyu = 0;
if (option_id == '') {
$scope.testyuyu = 0;
$scope.buy_button = false;
$('.d_qty_price').removeClass("active");
$('.d_qty_price').removeClass("inin");
$('.d_qty').removeClass('active').removeClass('inin');
$('.dsetting').addClass("active");
$('.d_qty_not_result').addClass("active");
$scope.dataVariantsPick[$index] = option_id;
console.log("check_vareian 1000:", $scope.dataVariantsPick.length, $index, $scope.dataVariantsPick, $scope.dataOption.length);
return GAEAPI.get('product/id', {
'txt_product_id': $scope._getPostIdFromURL()
}, $scope).then(function(e) {
if (e.ok == 1) {
$scope.data = e.data;
$scope.dataPreserve = e.data;
if (e.data.product_attribute.option_data != 0 && e.data.product_total_variant > 0) {
if (e.data.product_attribute.option_data.variant_array.length != 0 && e.data.product_total_variant > 0) {
var set_varia0 = e.data.product_attribute.option_data.variant_array[0].price;
for (var i = 0; i < e.data.product_attribute.option_data.variant_array.length; i++) {
if (parseInt(set_varia0) >= parseInt(e.data.product_attribute.option_data.variant_array[i].price)) {
set_varia0 = e.data.product_attribute.option_data.variant_array[i].price;
$scope.data_min = e.data.product_attribute.option_data.variant_array[i];
// $scope.data = $scope.data_min[0];
$scope.data.product_price = $scope.data_min.price;
$scope.data.product_compare_price = $scope.data_min.compare_price;
}
}
if ($scope.data_min.length == 0) {
$scope.data_min = e.data.product_attribute.option_data.variant_array[0];
$scope.data.product_price = $scope.data_min.price;
}
console.log("iujdishjdskd : ", $scope.data_min.price);
// $scope.buildVariantOption(e.data);
// $scope.buildMultipleQuantity(e.data);
}
}
}
});
} else {
$scope.dataVariantsPick[$index] = option_id;
for (var i = 0; i < $scope.dataVariantsPick.length; i++) {
if ($scope.dataVariantsPick[i] != undefined && $scope.dataVariantsPick[i] != "") {
$scope.testyuyu++;
}
}
if ($scope.testyuyu >= $scope.dataOption.length) {
$scope.testyuyu = 0;
$('.d_qty_not_result').removeClass("active");
$('.dsetting').removeClass("active");
$scope.findVariantsData($scope.dataVariantsPick);
$scope.buy_button = true;
} else {
$scope.testyuyu = 0;
$('.d_qty').removeClass('active').removeClass('inin');
$('.d_qty_price').removeClass("active");
$('.d_qty_price').removeClass("inin");
}
console.log("check_vareian 1001:", $scope.dataVariantsPick.length, $index, $scope.dataVariantsPick, $scope.dataOption.length, $scope.electric);
}
};
$scope.findVariantsData = function(variantsPick) {
var count = 0;
function compareArray(array_a, array) {
if (!array) return false;
if (array_a.length != array.length) return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i])) return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
for (var i = 0; i < dataVariants.length; i++) {
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if (compareArray(variantsPick, optionJson)) {
$scope.data.product_id = dataVariants[i].product_id;
$scope.data.product_sku = dataVariants[i].sku;
$scope.data.product_price = dataVariants[i].price;
$scope.data.product_compare_price = dataVariants[i].compare_price;
$scope.data.product_total_stock = dataVariants[i].total_stock;
$scope.names = [];
for (var j = 0; j < 10; j++) {
$scope.names.push(j+1);
}
$scope.max_length = dataVariants[i].total_stock;
break;
}
if (!compareArray(variantsPick, optionJson)) {
count++;
}
if (count >= dataVariants.length) {
// alert(count);
// $scope.data.product_sku = dataVariants[i].sku;
$scope.data.product_price = 0;
$scope.data.product_compare_price = 0;
}
}
};
$scope.makeVariantsClick = function() {
var s = $timeout(function() {
$timeout.cancel(s);
$('select.variantSelector').each(function(idx, obj) {
var optionElementFirst = $(this).find('option[data-index="' + idx + '"]').eq(0);
optionElementFirst.prop("selected", true);
$scope.onSelectVariantItems(optionElementFirst.attr('data-index'), optionElementFirst.attr('data-option'));
});
}, 2000);
};
$scope.checkColorConfig = function() {
return ($('config-color').length) ? true : false;
};
$scope._makeProductToCarousel = function() {
var elementName = '[data-key="' + $scope._uniqueKey + '"]';
var optionsParmas = {
autoplay: (window.location.host !== 'localhost') ? true : false,
slidesToShow: 1,
slidesToScroll: 1,
dots: true,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
};
return sliderProvider(elementName, optionsParmas, $scope.type, $scope._uniqueKey);
};
$scope._slickGoLeft = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
$rootScope.$on('repeatend', function() {
if ($('[data-key="' + $scope._uniqueKey + '"]').not('.slick-initialized')) {
$timeout(function() {
$scope._makeProductToCarousel();
}, 500);
}
});
$scope.qty_original = 1;
$scope.qty_current = 1;
$scope.viewOptimizeImage = function(size, image_url, image_width) {
if (window.devicePixelRatio >= 2 || parseInt(image_width) <= size) {
return image_url;
}
var a = image_url.split("/"),
b = a[a.length - 1];
a[a.length - 1] = 't' + size + '_' + b;
return a.join("/");
};
$scope.gallerySingleViewIndex = 0;
$scope.switchSingleView = function(idx) {
console.log("$xZoomInstance", $xZoomInstance);
$('.gallery_show_single').css({
'transition': 'all 0.3s',
'opacity': '0'
});
$timeout(function() {
$scope.gallerySingleViewIndex = idx;
$('.gallery_show_single').css({
'opacity': '1'
});
}, 300);
setTimeout(function() {
if ($(window).width() >= 992) {
if ($("img.zoom").attr('data-api-width') > 400 && $("img.zoom").attr('data-api-height') > 400) {
/*$("img.zoom").ezPlus({
'scrollZoom':true,
'responsive':true,
'zoomWindowWidth':400,
'zoomWindowHeight':400,
'zoomWindowOffetx':30,
});*/
$xZoomInstance = $('.zoom').xzoom({
Xoffset: 30,
tint: '#b9b5b3',
});
}
}
}, 300);
};
$scope.viewImg = 0;
$scope.changeImg = function(i) {
return $scope.viewImg = i;
};
$scope.newLoginregister = function(name) {
window.location.href = GURL.base_url() + name;
};
$scope.redirectCheckout = function(p,q){
window.location.href = GURL.base_url() + "checkout?pdata="+p+'-'+q;
};
$scope.datamap = [];
$scope._getdatamap = function(dataIn) {
var dataSend = {
'txt_referral_id': dataIn
};
GAEAPI.get('referral/relation', dataSend, $scope).then(function(output) {
if (output.ok == 1) {
$scope.datamap = output.data;
}
});
}
$scope._data_qty_model = 1;
$scope.viewQuantity = function() {
var check_num = 1;
if($(".d_qty_i").find('select').val() != undefined && $(".d_qty_i").find('select').val() != ''){
check_num = $(".d_qty_i").find('select').val().substr(7);
}else{
$(".d_qty_i").find('select').val("number:1");
$(".d_qty_i").find('select').selectedIndex = "2";
}
console.log("shdgshdgsh :",check_num);
return parseInt(check_num);
// return $(".qty_display").find('input').val() || 1;
};
$scope.decreseQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (i > 1) {
e.val(i - 1);
$scope._data_qty_selected = (i - 1);
}
return $scope._data_qty_selected;
};
$scope.increseQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (i > 9) {
i = 9;
}
if (isNaN(i)) {
i = 0;
}
e.val(i + 1);
$scope._data_qty_selected = (i + 1);
return $scope._data_qty_selected;
};
$scope.watchQty = function(variant_key) {
var e = angular.element('select[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('select[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt($('#detail_qty[variant-key="' + variant_key + '"]').val().substr(7));
// alert(i);
console.log("data_set array test : ",i);
$scope._data_qty_selected = i;
// parseInt(e.val());
// alert(i);
if (i <= 0 || typeof i == 'undefined' || isNaN(i)) {
var t = $timeout(function() {
$timeout.cancel(t);
$scope._data_qty_selected = 1;
e.val(1);
}, 600);
}
};
$scope.warning = 0;
$scope.getWarn = function() {
$scope.warning = 1;
alert("กรุณาเลือกตัวเลือกให้ครบถ้วน");
};
$scope.warning_qty = 0;
$scope.getWarn_qty = function() {
$scope.warning_qty = 1;
};
$scope.ShowWithBadge = false;
$scope.show_badge = function(data) {
if (data.product_badge.length > 0) {
for (var i = 0; i < data.product_badge.length; i++) {
if (data.product_badge[i].badge_id == 18) {
$scope.ShowWithBadge = true;
break;
}
}
} else {
$scope.ShowWithBadge = false;
}
}
};
return promise;
});var $xZoomTimer = null;
var $xZoomInstance = false;
_ui_share_app.directive('productDetailPageUb', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'productDetailPageUb';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
name: '@name'
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.navigationBar = [];
$scope.dataArray = [];
$scope.dataArrayTags = [];
$scope.dataArrayState = {
load: false,
done: false
};
$scope.dataProductBuy = {
inputQuantity: 1,
quantity: 1,
price: 0,
sumprice: 0,
quantity_min: 0,
quantity_max: 0,
result_price: 0
};
$scope.showTab = {
activeTab: 'description',
dataTab: [{
en: 'description',
th: 'รายละเอียดสินค้า',
data: ''
}, {
en: 'info',
th: 'วิธีการชำระเงินและวิธีการจัดส่ง',
data: ''
}]
};
$scope.attribute = {
state: false,
attributeOption: [],
variants: 'description',
variantsPick: [],
dataVariants: [],
variantsTotal: 0
};
$scope.buy = {
state: false,
attribute: false
};
$scope.processBuy = function() {
var functionIn = {
consoleLog: function(name, data) {
console.log(name, data);
},
onClickFalse: function() {
if ($scope.attribute.variantsTotal != 0) {
$scope.buy.attribute = true;
}
}
}
return functionIn;
};
$scope.attributeOption = function() {
var functionIn = {
consoleLog: function(name, data) {
console.log(name, data);
},
checkVariantsPick: function(variantsPick) {
if (variantsPick.length != 0) {
var state = 0;
for (var i = 0; i < variantsPick.length; i++) {
if (variantsPick[i] == "") {
state = state + 1;
}
}
if (state == 0) {
return true
} else {
return false
}
} else {
return false
}
},
compareArray: function(attributeOption, optionJson) {
if (!optionJson) return false;
if (attributeOption.length != optionJson.length) return false;
for (var i = 0, l = attributeOption.length; i < l; i++) {
if (attributeOption[i] instanceof Array && optionJson[i] instanceof Array) {
if (!compareArray(attributeOption[i], optionJson[i])) return false;
} else if (attributeOption[i] != optionJson[i]) {
return false;
}
}
return true;
},
findVariantsData: function(attributeOption, dataVariants, callback) {
var _self = this;
var variants = dataVariants;
_self.consoleLog("findVariantsData : variants : ", variants);
var variantsOut = [];
for (var i = 0; i < variants.length; i++) {
var optionJson = angular.fromJson(variants[i].option_id_json);
if (_self.compareArray(attributeOption, optionJson)) {
_self.consoleLog("findVariantsData : variants[i] : ", variants[i]);
variantsOut = variants[i];
break;
}
}
callback(variantsOut);
},
checkOption: function(variants_total, callback) {
var state = false;
if (variants_total == 0) {
state = true;
}
callback(state);
},
checkTotalStock: function(stateIn, quantity_max, callback) {
var state = false;
if (stateIn == false && quantity_max > 0) {
state = true;
}
callback(state);
},
onClickOption: function($index, option_id) {
var _self = this;
_self.consoleLog("onClickOption : index : ", $index);
_self.consoleLog("onClickOption : option_id : ", option_id);
$scope.attribute.variantsPick[$index] = option_id;
_self.consoleLog("onClickOption : $scope.attribute.variantsPick[$index] : ", $scope.attribute.variantsPick[$index]);
if ($scope.attribute.attributeOption.length >= $scope.attribute.variantsPick.length) {
if (_self.checkVariantsPick($scope.attribute.variantsPick)) {
_self.consoleLog("onClickOption : if : $scope.attribute.attributeOption.length : ", $scope.attribute.attributeOption.length);
_self.consoleLog("onClickOption : if : $scope.attribute.variantsPick.length : ", $scope.attribute.variantsPick.length);
_self.findVariantsData($scope.attribute.variantsPick, $scope.attribute.dataVariants, function(variantsOut) {
_self.consoleLog("onClickOption : if : findVariantsData : variantsOut : ", variantsOut);
$scope.dataArray.product_id = variantsOut.product_id;
$scope.dataArray.product_sku = variantsOut.sku;
$scope.dataArray.product_price = variantsOut.price;
$scope.dataArray.product_compare_price = variantsOut.compare_price;
$scope.dataProductBuy.quantity_max = variantsOut.total_stock;
_self.checkOption($scope.attribute.variantsTotal, function(state) {
_self.checkTotalStock(state, variantsOut.total_stock, function(state) {
$scope.buy.state = state;
if ($scope.attribute.variantsTotal != 0) {
$scope.buy.attribute = true;
}
});
});
$scope.quantity().input();
});
}
}
}
}
return functionIn;
};
$scope.quantity = function() {
var quantity = {
upDatePrice: function() {
$scope.dataProductBuy.sumprice = $scope.dataProductBuy.price * $scope.dataProductBuy.quantity;
},
input: function() {
var _self = this;
if ($scope.dataProductBuy.inputQuantity > 0) {
if ($scope.dataProductBuy.inputQuantity <= $scope.dataProductBuy.quantity_max) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.inputQuantity;
} else {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity_max;
$scope.dataProductBuy.inputQuantity = $scope.dataProductBuy.quantity_max;
}
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
} else {
console.log("quantity : input : ", $scope.dataProductBuy.inputQuantity);
if ($scope.dataProductBuy.inputQuantity <= 0) {
$scope.dataProductBuy.quantity = 1;
} else {
$scope.dataProductBuy.inputQuantity = 1;
$scope.dataProductBuy.quantity = 1;
}
/* $scope.dataProductBuy.quantity = 1;
$scope.dataProductBuy.inputQuantity = 1; */
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
}
},
minus: function() {
var _self = this;
if (($scope.dataProductBuy.quantity - 1) != $scope.dataProductBuy.quantity_min) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity - 1;
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
}
},
plus: function() {
var _self = this;
if (($scope.dataProductBuy.quantity + 1) <= $scope.dataProductBuy.quantity_max) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity + 1;
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
}
}
}
return quantity;
};
$scope.carouselId = '';
$scope.slickCarouselId = function() {
if ($scope.carouselId == '') {
$scope.carouselId = Math.floor((Math.random() * 9999) + 1000);
return $scope.carouselId;
} else {
return $scope.carouselId;
}
};
$scope.slickImageGoto = function(idx) {
setTimeout(function() {
$('[data-key="' + $scope.carouselId + '"]').slick('slickGoTo', idx);
}, 100);
};
$scope.imageCarousel = function(cover_in, carousel_in) {
$(cover_in).css('height', '0');
$(cover_in).css('opacity', '0');
setTimeout(function() {
var carousel = $(carousel_in);
carousel.not('.slick-initialized').slick({
dots: true,
arrows: true,
autoplay: false,
autoplaySpeed: 4000,
infinite: true,
prevArrow: '',
nextArrow: '',
speed: 600,
}).closest('section').addClass('active');
$(cover_in).css('height', 'auto');
$(cover_in).css('opacity', '1');
}, 1000);
};
$scope.getDataArray = function() {
var data = {
consoleLog: function(name, data) {
console.log(name, data);
},
stateData: function(loadIn, doneIn) {
var state = {
load: loadIn,
done: doneIn
};
return state;
},
getProductId: function(callback) {
var params = $routeParams;
var product_id = params.product_id.split("-", 1).join("");
callback(product_id)
},
getDataProductArray: function(api, callback) {
var _self = this;
var output = [];
_self.getProductId(function(product_id) {
var dataSendProductId = {
'txt_product_id': product_id
};
_self.getDataArray(api, dataSendProductId, function(output) {
callback(output);
});
});
},
getNavigationBar: function(product_referral_display, api, callback) {
var _self = this;
var output = [];
_self.consoleLog("product_referral_display : ", product_referral_display);
if (product_referral_display.category.length != 0) {
var dataSendReferralId = {
'txt_referral_id': product_referral_display.category[0].referral_id
};
_self.getDataArray(api, dataSendReferralId, function(output) {
callback(output);
});
} else {
callback(output);
}
},
getDataArray: function(api, dataSend, callback) {
GAEAPI.get(api, dataSend, $scope).then(function(output) {
callback(output);
});
},
getQuantityBreak: function(api, callback) {
var _self = this;
_self.getProductId(function(product_id) {
var customerId = 0;
if (UiCustomerBox.delegate.get.isLogin()) {
customerId = parseInt(UiCustomerBox.delegate.get.me().customer_id);
}
var dataSendQuantityBreak = {
'txt_product_id': product_id,
'txt_customer_id': customerId
};
var quantity_break = [];
_self.getDataArray(api, dataSendQuantityBreak, function(output) {
if (output.ok == 1) {
quantity_break = output.data.quantity_break;
callback(quantity_break);
}
callback(quantity_break);
});
});
},
quantity: function(product_total_stock, callback) {
var total_stock = 0;
if (product_total_stock == -1) {
total_stock = 20;
} else if (product_total_stock != -1 && product_total_stock != 0) {
total_stock = product_total_stock;
}
callback(total_stock);
},
quantityBreaks: function() {
var _self = this;
var productQuantityBreak = GAEAPI.getValueForKey($scope.dataArray, "product_quantity_break", []);
var quantityBreak = GAEAPI.getValueForKey(productQuantityBreak, "quantity_break", []);
var product_price = GAEAPI.getValueForKey($scope.data, "product_price", 0);
for (var index in quantityBreak) {
var rowData = quantityBreak[index];
var amount_end = parseInt(GAEAPI.getValueForKey(rowData, "amount_end", 0));
var unit_price = parseInt(GAEAPI.getValueForKey(rowData, "unit_price", 0));
if ($scope.dataProductBuy.quantity >= amount_end) {
$scope.dataProductBuy.result_price = unit_price;
}
}
},
showTab: function(input, callback) {
var description = input.product_description;
var info = input.product_more_info;
callback(description, info);
},
productTab: function(product_tags, callback) {
var _self = this;
_self.consoleLog("productTab : product_tags : ", product_tags);
var productTab = [];
if (product_tags != undefined) {
if (product_tags != "") {
productTab = product_tags.split(",");
callback(productTab);
} else {
callback(productTab);
}
} else {
callback(productTab);
}
},
getAttribute: function(input, callback) {
var _self = this;
var attribute = [];
var variants = [];
var variants_total = 0;
_self.consoleLog("getAttribute : input : ", input);
if (input.product_attribute.option_data !== 'undefined' && input.product_total_variant > 0) {
_self.consoleLog("getAttribute : input.product_attribute.option_data : ", input.product_attribute.option_data);
_self.consoleLog("getAttribute : input.product_total_variant : ", input.product_total_variant);
if (input.product_attribute.option_data.pclass_array !== 'undefined' && input.product_attribute.option_data.pclass_array.length) {
_self.consoleLog("getAttribute : input.product_attribute.option_data.pclass_array : ", input.product_attribute.option_data.pclass_array);
_self.consoleLog("getAttribute : input.product_attribute.option_data.pclass_array.length : ", input.product_attribute.option_data.pclass_array.length);
attribute = input.product_attribute.option_data.pclass_array;
variants = input.product_attribute.option_data.variant_array;
variants_total = input.product_total_variant;
}
}
callback(variants_total, attribute, variants);
},
checkOption: function(variants_total, callback) {
var state = false;
if (variants_total == 0) {
state = true;
}
callback(state);
},
checkTotalStock: function(stateIn, quantity_max, callback) {
var state = false;
if (stateIn == true && quantity_max > 0) {
state = true;
}
callback(state);
},
main: function() {
var _self = this;
$scope.slickCarouselId();
$scope.dataArrayState = _self.stateData(true, false);
_self.getDataProductArray('product/id', function(output) {
_self.consoleLog("getDataProductArray : output : ", output.data);
_self.quantity(output.data.product_total_stock, function(total_stock) {
_self.consoleLog("quantity : total_stock : ", total_stock);
$scope.dataProductBuy.quantity_max = total_stock;
$scope.dataArray = output.data;
_self.productTab(output.data.product_tags, function(productTab) {
$scope.dataArrayTags = productTab;
_self.showTab(output.data, function(description, info) {
$scope.showTab.dataTab[0].data = description;
$scope.showTab.dataTab[1].data = info;
});
_self.getAttribute(output.data, function(variants_total, attribute, variants) {
_self.consoleLog("getAttribute : variants_total : ", variants_total);
_self.consoleLog("getAttribute : attribute : ", attribute);
_self.consoleLog("getAttribute : variants : ", variants);
_self.checkOption(variants_total, function(state) {
_self.checkTotalStock(state, total_stock, function(state) {
$scope.buy.state = state;
$scope.attribute.attributeOption = attribute;
$scope.attribute.dataVariants = variants;
$scope.attribute.variantsTotal = variants_total;
});
});
});
$scope.dataProductBuy.price = output.data.product_price;
$scope.dataProductBuy.sumprice = output.data.product_price;
_self.getQuantityBreak('product/quantity_break', function(quantity_break) {
_self.consoleLog("getQuantityBreak : output : ", quantity_break);
$scope.dataArray.product_quantity_break.quantity_break = quantity_break;
if (quantity_break.length) {
$scope.dataProductBuy.result_price = quantity_break[0].unit_price;
}
});
_self.getNavigationBar(output.data.product_referral_display, 'referral/relation', function(output) {
_self.consoleLog("getNavigationBar : output : ", output.data);
$scope.navigationBar = output.data;
$scope.dataArrayState = _self.stateData(false, true);
});
});
});
});
}
}
return data;
};
$scope.getDataArray().main();
};
return promise;
});var $xZoomTimer = null;
var $xZoomInstance = false;
_ui_share_app.directive('productDetailPageUc', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'productDetailPageUc';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
name: '@name',
icon : '@icon',
stylebutton : '@stylebutton'
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.navigationBar = [];
$scope.dataArray = [];
$scope.dataArrayTags = [];
$scope.dataArrayState = {
load: false,
done: false
};
$scope.dataProductBuy = {
inputQuantity: 1,
quantity: 1,
price: 0,
sumprice: 0,
quantity_min: 0,
quantity_max: 0,
result_price: 0
};
$scope.showTab = {
activeTab: 'description',
dataTab: [{
en: 'description',
th: 'รายละเอียดสินค้า',
data: ''
}, {
en: 'info',
th: 'วิธีการชำระเงินและวิธีการจัดส่ง',
data: ''
}]
};
$scope.attribute = {
state: false,
attributeOption: [],
variants: 'description',
variantsPick: [],
dataVariants: [],
variantsTotal: 0
};
$scope.buy = {
state: false,
attribute: false
};
$scope.processBuy = function() {
var functionIn = {
consoleLog: function(name, data) {
console.log(name, data);
},
onClickFalse: function() {
if ($scope.attribute.variantsTotal != 0) {
$scope.buy.attribute = true;
}
}
}
return functionIn;
};
$scope.attributeOption = function() {
var functionIn = {
consoleLog: function(name, data) {
console.log(name, data);
},
checkVariantsPick: function(variantsPick) {
if (variantsPick.length != 0) {
var state = 0;
for (var i = 0; i < variantsPick.length; i++) {
if (variantsPick[i] == "") {
state = state + 1;
}
}
if (state == 0) {
return true
} else {
return false
}
} else {
return false
}
},
compareArray: function(attributeOption, optionJson) {
if (!optionJson) return false;
if (attributeOption.length != optionJson.length) return false;
for (var i = 0, l = attributeOption.length; i < l; i++) {
if (attributeOption[i] instanceof Array && optionJson[i] instanceof Array) {
if (!compareArray(attributeOption[i], optionJson[i])) return false;
} else if (attributeOption[i] != optionJson[i]) {
return false;
}
}
return true;
},
findVariantsData: function(attributeOption, dataVariants, callback) {
var _self = this;
var variants = dataVariants;
_self.consoleLog("findVariantsData : variants : ", variants);
var variantsOut = [];
for (var i = 0; i < variants.length; i++) {
var optionJson = angular.fromJson(variants[i].option_id_json);
if (_self.compareArray(attributeOption, optionJson)) {
_self.consoleLog("findVariantsData : variants[i] : ", variants[i]);
variantsOut = variants[i];
break;
}
}
callback(variantsOut);
},
checkOption: function(variants_total, callback) {
var state = false;
if (variants_total == 0) {
state = true;
}
callback(state);
},
checkTotalStock: function(stateIn, quantity_max, callback) {
var state = false;
if (stateIn == false && quantity_max > 0) {
state = true;
}
callback(state);
},
onClickOption: function($index, option_id) {
var _self = this;
_self.consoleLog("onClickOption : index : ", $index);
_self.consoleLog("onClickOption : option_id : ", option_id);
$scope.attribute.variantsPick[$index] = option_id;
_self.consoleLog("onClickOption : $scope.attribute.variantsPick[$index] : ", $scope.attribute.variantsPick[$index]);
if ($scope.attribute.attributeOption.length >= $scope.attribute.variantsPick.length) {
if (_self.checkVariantsPick($scope.attribute.variantsPick)) {
_self.consoleLog("onClickOption : if : $scope.attribute.attributeOption.length : ", $scope.attribute.attributeOption.length);
_self.consoleLog("onClickOption : if : $scope.attribute.variantsPick.length : ", $scope.attribute.variantsPick.length);
_self.findVariantsData($scope.attribute.variantsPick, $scope.attribute.dataVariants, function(variantsOut) {
_self.consoleLog("onClickOption : if : findVariantsData : variantsOut : ", variantsOut);
$scope.dataArray.product_id = variantsOut.product_id;
$scope.dataArray.product_sku = variantsOut.sku;
$scope.dataArray.product_price = variantsOut.price;
$scope.dataArray.product_compare_price = variantsOut.compare_price;
$scope.dataProductBuy.quantity_max = variantsOut.total_stock;
_self.checkOption($scope.attribute.variantsTotal, function(state) {
_self.checkTotalStock(state, variantsOut.total_stock, function(state) {
$scope.buy.state = state;
if ($scope.attribute.variantsTotal != 0) {
$scope.buy.attribute = true;
}
});
});
$scope.quantity().input();
});
}
}
}
}
return functionIn;
};
$scope.quantity = function() {
var quantity = {
upDatePrice: function() {
$scope.dataProductBuy.sumprice = $scope.dataProductBuy.price * $scope.dataProductBuy.quantity;
},
input: function() {
var _self = this;
if ($scope.dataProductBuy.inputQuantity > 0) {
if ($scope.dataProductBuy.inputQuantity <= $scope.dataProductBuy.quantity_max) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.inputQuantity;
} else {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity_max;
$scope.dataProductBuy.inputQuantity = $scope.dataProductBuy.quantity_max;
}
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
} else {
console.log("quantity : input : ", $scope.dataProductBuy.inputQuantity);
if ($scope.dataProductBuy.inputQuantity <= 0) {
$scope.dataProductBuy.quantity = 1;
} else {
$scope.dataProductBuy.inputQuantity = 1;
$scope.dataProductBuy.quantity = 1;
}
/* $scope.dataProductBuy.quantity = 1;
$scope.dataProductBuy.inputQuantity = 1; */
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
}
},
minus: function() {
var _self = this;
if (($scope.dataProductBuy.quantity - 1) != $scope.dataProductBuy.quantity_min) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity - 1;
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
}
},
plus: function() {
var _self = this;
if (($scope.dataProductBuy.quantity + 1) <= $scope.dataProductBuy.quantity_max) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity + 1;
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
}
}
}
return quantity;
};
$scope.carouselId = '';
$scope.slickCarouselId = function() {
if ($scope.carouselId == '') {
$scope.carouselId = Math.floor((Math.random() * 9999) + 1000);
return $scope.carouselId;
} else {
return $scope.carouselId;
}
};
$scope.slickImageGoto = function(idx) {
setTimeout(function() {
$('[data-key="' + $scope.carouselId + '"]').slick('slickGoTo', idx);
}, 100);
};
$scope.imageCarousel = function(cover_in, carousel_in) {
$(cover_in).css('height', '0');
$(cover_in).css('opacity', '0');
setTimeout(function() {
var carousel = $(carousel_in);
carousel.not('.slick-initialized').slick({
dots: true,
arrows: true,
autoplay: false,
autoplaySpeed: 4000,
infinite: true,
prevArrow: '',
nextArrow: '',
speed: 600,
}).closest('section').addClass('active');
$(cover_in).css('height', 'auto');
$(cover_in).css('opacity', '1');
}, 1000);
};
$scope.getDataArray = function() {
var data = {
consoleLog: function(name, data) {
console.log(name, data);
},
stateData: function(loadIn, doneIn) {
var state = {
load: loadIn,
done: doneIn
};
return state;
},
getProductId: function(callback) {
var params = $routeParams;
var product_id = params.product_id.split("-", 1).join("");
callback(product_id)
},
getDataProductArray: function(api, callback) {
var _self = this;
var output = [];
_self.getProductId(function(product_id) {
var dataSendProductId = {
'txt_product_id': product_id
};
_self.getDataArray(api, dataSendProductId, function(output) {
callback(output);
});
});
},
getNavigationBar: function(product_referral_display, api, callback) {
var _self = this;
var output = [];
_self.consoleLog("product_referral_display : ", product_referral_display);
if (product_referral_display.category.length != 0) {
var dataSendReferralId = {
'txt_referral_id': product_referral_display.category[0].referral_id
};
_self.getDataArray(api, dataSendReferralId, function(output) {
callback(output);
});
} else {
callback(output);
}
},
getDataArray: function(api, dataSend, callback) {
GAEAPI.get(api, dataSend, $scope).then(function(output) {
callback(output);
});
},
getQuantityBreak: function(api, callback) {
var _self = this;
_self.getProductId(function(product_id) {
var customerId = 0;
if (UiCustomerBox.delegate.get.isLogin()) {
customerId = parseInt(UiCustomerBox.delegate.get.me().customer_id);
}
var dataSendQuantityBreak = {
'txt_product_id': product_id,
'txt_customer_id': customerId
};
var quantity_break = [];
_self.getDataArray(api, dataSendQuantityBreak, function(output) {
if (output.ok == 1) {
quantity_break = output.data.quantity_break;
callback(quantity_break);
}
callback(quantity_break);
});
});
},
quantity: function(product_total_stock, callback) {
var total_stock = 0;
if (product_total_stock == -1) {
total_stock = 20;
} else if (product_total_stock != -1 && product_total_stock != 0) {
total_stock = product_total_stock;
}
callback(total_stock);
},
quantityBreaks: function() {
var _self = this;
var productQuantityBreak = GAEAPI.getValueForKey($scope.dataArray, "product_quantity_break", []);
var quantityBreak = GAEAPI.getValueForKey(productQuantityBreak, "quantity_break", []);
var product_price = GAEAPI.getValueForKey($scope.data, "product_price", 0);
for (var index in quantityBreak) {
var rowData = quantityBreak[index];
var amount_end = parseInt(GAEAPI.getValueForKey(rowData, "amount_end", 0));
var unit_price = parseInt(GAEAPI.getValueForKey(rowData, "unit_price", 0));
if ($scope.dataProductBuy.quantity >= amount_end) {
$scope.dataProductBuy.result_price = unit_price;
}
}
},
showTab: function(input, callback) {
var description = input.product_description;
var info = input.product_more_info;
callback(description, info);
},
productTab: function(product_tags, callback) {
var _self = this;
_self.consoleLog("productTab : product_tags : ", product_tags);
var productTab = [];
if (product_tags != undefined) {
if (product_tags != "") {
productTab = product_tags.split(",");
callback(productTab);
} else {
callback(productTab);
}
} else {
callback(productTab);
}
},
getAttribute: function(input, callback) {
var _self = this;
var attribute = [];
var variants = [];
var variants_total = 0;
_self.consoleLog("getAttribute : input : ", input);
if (input.product_attribute.option_data !== 'undefined' && input.product_total_variant > 0) {
_self.consoleLog("getAttribute : input.product_attribute.option_data : ", input.product_attribute.option_data);
_self.consoleLog("getAttribute : input.product_total_variant : ", input.product_total_variant);
if (input.product_attribute.option_data.pclass_array !== 'undefined' && input.product_attribute.option_data.pclass_array.length) {
_self.consoleLog("getAttribute : input.product_attribute.option_data.pclass_array : ", input.product_attribute.option_data.pclass_array);
_self.consoleLog("getAttribute : input.product_attribute.option_data.pclass_array.length : ", input.product_attribute.option_data.pclass_array.length);
attribute = input.product_attribute.option_data.pclass_array;
variants = input.product_attribute.option_data.variant_array;
variants_total = input.product_total_variant;
}
}
callback(variants_total, attribute, variants);
},
checkOption: function(variants_total, callback) {
var state = false;
if (variants_total == 0) {
state = true;
}
callback(state);
},
checkTotalStock: function(stateIn, quantity_max, callback) {
var state = false;
if (stateIn == true && quantity_max > 0) {
state = true;
}
callback(state);
},
main: function() {
var _self = this;
$scope.slickCarouselId();
$scope.dataArrayState = _self.stateData(true, false);
_self.getDataProductArray('product/id', function(output) {
_self.consoleLog("getDataProductArray : output : ", output.data);
_self.quantity(output.data.product_total_stock, function(total_stock) {
_self.consoleLog("quantity : total_stock : ", total_stock);
$scope.dataProductBuy.quantity_max = total_stock;
$scope.dataArray = output.data;
_self.productTab(output.data.product_tags, function(productTab) {
$scope.dataArrayTags = productTab;
_self.showTab(output.data, function(description, info) {
$scope.showTab.dataTab[0].data = description;
$scope.showTab.dataTab[1].data = info;
});
_self.getAttribute(output.data, function(variants_total, attribute, variants) {
_self.consoleLog("getAttribute : variants_total : ", variants_total);
_self.consoleLog("getAttribute : attribute : ", attribute);
_self.consoleLog("getAttribute : variants : ", variants);
_self.checkOption(variants_total, function(state) {
_self.checkTotalStock(state, total_stock, function(state) {
$scope.buy.state = state;
$scope.attribute.attributeOption = attribute;
$scope.attribute.dataVariants = variants;
$scope.attribute.variantsTotal = variants_total;
});
});
});
$scope.dataProductBuy.price = output.data.product_price;
$scope.dataProductBuy.sumprice = output.data.product_price;
_self.getQuantityBreak('product/quantity_break', function(quantity_break) {
_self.consoleLog("getQuantityBreak : output : ", quantity_break);
$scope.dataArray.product_quantity_break.quantity_break = quantity_break;
if (quantity_break.length) {
$scope.dataProductBuy.result_price = quantity_break[0].unit_price;
}
});
_self.getNavigationBar(output.data.product_referral_display, 'referral/relation', function(output) {
_self.consoleLog("getNavigationBar : output : ", output.data);
$scope.navigationBar = output.data;
$scope.dataArrayState = _self.stateData(false, true);
});
});
});
});
}
}
return data;
};
$scope.getDataArray().main();
};
return promise;
});var $xZoomTimer = null;
var $xZoomInstance = false;
_ui_share_app.directive('productDetailPageUd', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'productDetailPageUd';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
name: '@name',
icon: '@icon',
stylebutton: '@stylebutton'
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.shopPointConfig = [];
$scope.navigationBar = [];
$scope.dataArray = [];
$scope.dataArrayTags = [];
$scope.dataArrayState = {
load: false,
done: false
};
$scope.dataProductBuy = {
inputQuantity: 1,
quantity: 1,
price: 0,
sumprice: 0,
quantity_min: 0,
quantity_max: 0,
result_price: 0
};
$scope.showTab = {
activeTab: 'description',
dataTab: [{
en: 'description',
th: 'รายละเอียดสินค้า',
data: ''
}, {
en: 'info',
th: 'วิธีการชำระเงินและวิธีการจัดส่ง',
data: ''
}]
};
$scope.attribute = {
state: false,
attributeOption: [],
variants: 'description',
variantsPick: [],
dataVariants: [],
variantsTotal: 0
};
$scope.buy = {
state: false,
attribute: false
};
$scope.processBuy = function() {
var functionIn = {
consoleLog: function(name, data) {
console.log(name, data);
},
onClickFalse: function() {
if ($scope.attribute.variantsTotal != 0) {
$scope.buy.attribute = true;
}
}
}
return functionIn;
};
$scope.attributeOption = function() {
var functionIn = {
consoleLog: function(name, data) {
console.log(name, data);
},
checkVariantsPick: function(variantsPick) {
if (variantsPick.length != 0) {
var state = 0;
for (var i = 0; i < variantsPick.length; i++) {
if (variantsPick[i] == "") {
state = state + 1;
}
}
if (state == 0) {
return true
} else {
return false
}
} else {
return false
}
},
compareArray: function(attributeOption, optionJson) {
if (!optionJson) return false;
if (attributeOption.length != optionJson.length) return false;
for (var i = 0, l = attributeOption.length; i < l; i++) {
if (attributeOption[i] instanceof Array && optionJson[i] instanceof Array) {
if (!compareArray(attributeOption[i], optionJson[i])) return false;
} else if (attributeOption[i] != optionJson[i]) {
return false;
}
}
return true;
},
checkAttributeOption: function(attributeOption, attributeOptionLength, callback) {
var _self = this;
var attribute = (attributeOption.length == attributeOptionLength) ? true : false;
for (var i = 0; i < attributeOption.length; i++) {
_self.consoleLog("checkAttributeOption : attributeOption[i] : ", attributeOption[i]);
if (attributeOption[i] == undefined) {
attribute = false;
}
}
callback(attribute);
},
findVariantsData: function(attributeOption, dataVariants, attributeOptionLength, callback) {
var _self = this;
_self.consoleLog("findVariantsData : attributeOption : ", attributeOption);
_self.consoleLog("findVariantsData : dataVariants : ", dataVariants);
_self.consoleLog("findVariantsData : attributeOptionLength : ", attributeOptionLength);
_self.checkAttributeOption(attributeOption, attributeOptionLength, function(res_attribute_option) {
_self.consoleLog("checkAttributeOption : callback : res_attribute_option ", res_attribute_option);
var variantsOut = [];
for (var i = 0; i < dataVariants.length; i++) {
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if (_self.compareArray(attributeOption, optionJson)) {
_self.consoleLog("findVariantsData : dataVariants[i] : ", dataVariants[i]);
variantsOut = dataVariants[i];
break;
}
}
callback(variantsOut, res_attribute_option);
});
},
checkOption: function(variants_total, callback) {
var state = true;
if (variants_total == 0) {
state = false;
}
callback(state);
},
checkTotalStock: function(stateIn, quantity_max, callback) {
var _self = this;
var state = true;
_self.consoleLog("checkTotalStock : index : ", stateIn);
_self.consoleLog("checkTotalStock : quantity_max : ", quantity_max);
if (stateIn == false && quantity_max > 0) {
state = false;
}
callback(state);
},
onClickOption: function($index, option_id) {
var _self = this;
_self.consoleLog("onClickOption : index : ", $index);
_self.consoleLog("onClickOption : option_id : ", option_id);
$scope.attribute.variantsPick[$index] = option_id;
_self.consoleLog("onClickOption : $scope.attribute.variantsPick[$index] : ", $scope.attribute.variantsPick[$index]);
if ($scope.attribute.attributeOption.length >= $scope.attribute.variantsPick.length) {
if (_self.checkVariantsPick($scope.attribute.variantsPick)) {
_self.consoleLog("onClickOption : if : $scope.attribute.attributeOption.length : ", $scope.attribute.attributeOption.length);
_self.consoleLog("onClickOption : if : $scope.attribute.variantsPick.length : ", $scope.attribute.variantsPick.length);
_self.findVariantsData($scope.attribute.variantsPick, $scope.attribute.dataVariants, $scope.attribute.attributeOption.length, function(variantsOut, res_attribute_option) {
_self.consoleLog("onClickOption : if : findVariantsData : variantsOut : ", variantsOut);
_self.consoleLog("onClickOption : if : findVariantsData : res_attribute_option : ", res_attribute_option);
if (variantsOut.length != 0 && res_attribute_option) {
$scope.dataArray.product_id = variantsOut.product_id;
$scope.dataArray.product_sku = variantsOut.sku;
$scope.dataProductBuy.price = variantsOut.price;
$scope.dataArray.product_compare_price = variantsOut.compare_price;
$scope.dataProductBuy.quantity_max = variantsOut.total_stock;
_self.consoleLog("zzzz onClickOption : variantsOut : ", variantsOut);
_self.consoleLog("zzzz onClickOption : variantsOut : ", $scope.dataArray.product_image);
if (variantsOut.variant_image != 0) {
if ($scope.dataArray.product_image.length != 0) {
for (var i = 0; i < $scope.dataArray.product_image.length; i++) {
if ($scope.dataArray.product_image[i].image_id == variantsOut.variant_image[0].image_id) {
$scope.slickImageGoto(variantsOut.variant_image[0].image_id);
}
}
}
}
_self.checkOption($scope.attribute.variantsTotal, function(state) {
_self.checkTotalStock(state, variantsOut.total_stock, function(state) {
$scope.buy.state = state;
if ($scope.attribute.variantsTotal != 0) {
$scope.buy.attribute = true;
}
});
});
} else if (variantsOut.length == 0 && res_attribute_option) {
$scope.dataArray.product_id = 0;
$scope.dataArray.product_sku = '';
$scope.dataProductBuy.price = 0;
$scope.dataArray.product_compare_price = 0;
$scope.dataProductBuy.quantity_max = 1;
$scope.buy.state = true;
$scope.buy.attribute = true;
}
$scope.quantity().input();
});
}
}
}
}
return functionIn;
};
$scope.quantity = function() {
var quantity = {
upDatePrice: function() {
$scope.dataProductBuy.sumprice = $scope.dataProductBuy.price * $scope.dataProductBuy.quantity;
},
input: function() {
var _self = this;
if ($scope.dataProductBuy.inputQuantity > 0) {
console.log("quantity : input : inputQuantity : ", $scope.dataProductBuy.inputQuantity);
console.log("quantity : input : quantity_max : ", $scope.dataProductBuy.quantity_max);
if ($scope.dataProductBuy.inputQuantity <= $scope.dataProductBuy.quantity_max) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.inputQuantity;
} else {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity_max;
$scope.dataProductBuy.inputQuantity = ($scope.dataProductBuy.quantity_max != 0) ? $scope.dataProductBuy.quantity_max : 1;
}
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
} else {
console.log("quantity : input : ", $scope.dataProductBuy.inputQuantity);
if ($scope.dataProductBuy.inputQuantity <= 0) {
$scope.dataProductBuy.quantity = 1;
} else {
$scope.dataProductBuy.inputQuantity = 1;
$scope.dataProductBuy.quantity = 1;
}
/* $scope.dataProductBuy.quantity = 1;
$scope.dataProductBuy.inputQuantity = 1; */
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
}
},
minus: function() {
var _self = this;
if (($scope.dataProductBuy.quantity - 1) != $scope.dataProductBuy.quantity_min) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity - 1;
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
}
},
plus: function() {
var _self = this;
if (($scope.dataProductBuy.quantity + 1) <= $scope.dataProductBuy.quantity_max) {
$scope.dataProductBuy.quantity = $scope.dataProductBuy.quantity + 1;
_self.upDatePrice();
$scope.getDataArray().quantityBreaks();
}
}
}
return quantity;
};
$scope.carouselId = '';
$scope.slickCarouselId = function() {
if ($scope.carouselId == '') {
$scope.carouselId = Math.floor((Math.random() * 9999) + 1000);
return $scope.carouselId;
} else {
return $scope.carouselId;
}
};
$scope.slickImageGoto = function(idx) {
$scope.cover_lists_index = idx;
setTimeout(function() {
$scope.cover_lists_index = idx;
// $('[data-key="' + $scope.carouselId + '"]').slick('slickGoTo', idx);
}, 100);
};
$scope.cover_lists_index = 0;
$scope.imageCarousel = function(cover_in, carousel_in) {
$(cover_in).css('height', '0');
$(cover_in).css('opacity', '0');
setTimeout(function() {
var carousel = $(carousel_in);
carousel.not('.slick-initialized').slick({
dots: false,
arrows: true,
autoplay: false,
autoplaySpeed: 4000,
infinite: true,
prevArrow: '',
nextArrow: '',
speed: 600,
}).closest('section').addClass('active');
$(cover_in).css('height', 'auto');
$(cover_in).css('opacity', '1');
}, 1000);
};
$scope.imageCarouselBar = function(cover_in, carousel_in) {
$(cover_in).css('height', '0');
$(cover_in).css('opacity', '0');
setTimeout(function() {
var carousel = $(carousel_in);
carousel.not('.slick-initialized').slick({
dots: false,
arrows: true,
autoplay: false,
autoplaySpeed: 4000,
infinite: true,
slidesToShow: 6,
speed: 600,
responsive: [{
breakpoint: 1200,
settings: {
slidesToShow: 5,
}
}, {
breakpoint: 991,
settings: {
slidesToShow: 4,
}
}, {
breakpoint: 767,
settings: {
slidesToShow: 3,
}
}]
}).closest('section').addClass('active');
$(cover_in).css('height', 'auto');
$(cover_in).css('opacity', '1');
}, 1000);
};
$scope.getDataArray = function() {
var data = {
consoleLog: function(name, data) {
console.log(name, data);
},
stateData: function(loadIn, doneIn) {
var state = {
load: loadIn,
done: doneIn
};
return state;
},
getProductId: function(callback) {
var params = $routeParams;
var product_id = params.product_id.split("-", 1).join("");
callback(product_id)
},
getApi: function(api, dataSend, callback) {
var _self = this;
GAEAPI.get(api, dataSend, $scope).then(function(res) {
_self.consoleLog("getData : res : ", res);
callback(res);
});
},
getDataProductArray: function(api, callback) {
var _self = this;
var output = [];
_self.getProductId(function(product_id) {
var dataSendProductId = {
'txt_product_id': product_id
};
_self.getDataArray(api, dataSendProductId, function(output) {
callback(output);
});
});
},
getNavigationBar: function(product_referral_display, api, callback) {
var _self = this;
var output = [];
_self.consoleLog("product_referral_display : ", product_referral_display);
if (product_referral_display.category.length != 0) {
var dataSendReferralId = {
'txt_referral_id': product_referral_display.category[0].referral_id
};
_self.getDataArray(api, dataSendReferralId, function(output) {
callback(output);
});
} else {
callback(output);
}
},
getDataArray: function(api, dataSend, callback) {
GAEAPI.get(api, dataSend, $scope).then(function(output) {
callback(output);
});
},
getQuantityBreak: function(api, callback) {
var _self = this;
_self.getProductId(function(product_id) {
var customerId = 0;
if (UiCustomerBox.delegate.get.isLogin()) {
customerId = parseInt(UiCustomerBox.delegate.get.me().customer_id);
}
var dataSendQuantityBreak = {
'txt_product_id': product_id,
'txt_customer_id': customerId
};
var quantity_break = [];
_self.getDataArray(api, dataSendQuantityBreak, function(output) {
if (output.ok == 1) {
quantity_break = output.data.quantity_break;
callback(quantity_break);
}
callback(quantity_break);
});
});
},
quantity: function(product_total_stock, callback) {
var total_stock = 0;
if (product_total_stock == -1) {
total_stock = 9999;
} else if (product_total_stock != -1 && product_total_stock != 0) {
total_stock = product_total_stock;
}
callback(total_stock);
},
quantityBreaks: function() {
var _self = this;
var productQuantityBreak = GAEAPI.getValueForKey($scope.dataArray, "product_quantity_break", []);
var quantityBreak = GAEAPI.getValueForKey(productQuantityBreak, "quantity_break", []);
var product_price = GAEAPI.getValueForKey($scope.data, "product_price", 0);
for (var index in quantityBreak) {
var rowData = quantityBreak[index];
var amount_end = parseInt(GAEAPI.getValueForKey(rowData, "amount_end", 0));
var unit_price = parseInt(GAEAPI.getValueForKey(rowData, "unit_price", 0));
if ($scope.dataProductBuy.quantity >= amount_end) {
$scope.dataProductBuy.result_price = unit_price;
}
}
},
showTab: function(input, callback) {
var description = input.product_description;
var info = input.product_more_info;
callback(description, info);
},
productTab: function(product_tags, callback) {
var _self = this;
_self.consoleLog("productTab : product_tags : ", product_tags);
var productTab = [];
if (product_tags != undefined) {
if (product_tags != "") {
productTab = product_tags.split(",");
callback(productTab);
} else {
callback(productTab);
}
} else {
callback(productTab);
}
},
getAttribute: function(input, callback) {
var _self = this;
var attribute = [];
var variants = [];
var variants_total = 0;
_self.consoleLog("getAttribute : input : ", input);
if (input.product_attribute.option_data !== 'undefined' && input.product_total_variant > 0) {
_self.consoleLog("getAttribute : input.product_attribute.option_data : ", input.product_attribute.option_data);
_self.consoleLog("getAttribute : input.product_total_variant : ", input.product_total_variant);
if (input.product_attribute.option_data.pclass_array !== 'undefined' && input.product_attribute.option_data.pclass_array.length) {
_self.consoleLog("getAttribute : input.product_attribute.option_data.pclass_array : ", input.product_attribute.option_data.pclass_array);
_self.consoleLog("getAttribute : input.product_attribute.option_data.pclass_array.length : ", input.product_attribute.option_data.pclass_array.length);
attribute = input.product_attribute.option_data.pclass_array;
variants = input.product_attribute.option_data.variant_array;
variants_total = input.product_total_variant;
}
}
callback(variants_total, attribute, variants);
},
checkOption: function(variants_total, callback) {
var state = true;
if (variants_total == 0) {
state = false;
}
callback(state);
},
checkTotalStock: function(stateIn, quantity_max, callback) {
var state = true;
if (stateIn == true && quantity_max > 0) {
state = false;
}
callback(state);
},
checkPriceMin: function(variant, callback) {
var _self = this;
var priceMin = parseFloat(variant[0].price);
var comparePriceMin = parseFloat(variant[0].compare_price);
for (var i = 0; i < variant.length; i++) {
_self.consoleLog('checkPriceMin : priceMin : ', priceMin);
_self.consoleLog('checkPriceMin : variant[i].price : ', variant[i].price);
if (priceMin >= parseFloat(variant[i].price)) {
priceMin = parseFloat(variant[i].price);
comparePriceMin = parseFloat(variant[i].compare_price);
}
}
callback(priceMin, comparePriceMin);
},
main: function() {
var _self = this;
$scope.slickCarouselId();
$scope.dataArrayState = _self.stateData(true, false);
var dataSend = {};
_self.getApi("shop/current", dataSend, function(res_api) {
$scope.shopPointConfig = res_api.data.shop_point_config;
_self.getDataProductArray('product/id', function(output) {
if (output.data.length != 0) {
_self.consoleLog("getDataProductArray : output : ", output.data);
_self.quantity(output.data.product_total_stock, function(total_stock) {
_self.consoleLog("quantity : total_stock : ", total_stock);
$scope.dataProductBuy.quantity_max = total_stock;
$scope.dataArray = output.data;
if (output.data.product_image.length != 0) {
$scope.slickImageGoto(output.data.product_image[0].image_id);
}
_self.productTab(output.data.product_tags, function(productTab) {
$scope.dataArrayTags = productTab;
_self.showTab(output.data, function(description, info) {
$scope.showTab.dataTab[0].data = description;
$scope.showTab.dataTab[1].data = info;
});
_self.getAttribute(output.data, function(variants_total, attribute, variants) {
_self.consoleLog("getAttribute : variants_total : ", variants_total);
_self.consoleLog("getAttribute : attribute : ", attribute);
_self.consoleLog("getAttribute : variants : ", variants);
_self.checkOption(variants_total, function(state) {
_self.checkTotalStock(state, total_stock, function(state) {
$scope.buy.state = state;
$scope.attribute.attributeOption = attribute;
$scope.attribute.dataVariants = variants;
$scope.attribute.variantsTotal = variants_total;
if (variants_total > 0) {
_self.checkPriceMin(variants, function(res_price, res_compare_price) {
$scope.dataProductBuy.price = res_price;
$scope.dataProductBuy.sumprice = res_price;
$scope.dataArray.product_compare_price = res_compare_price;
});
} else {
$scope.dataProductBuy.price = output.data.product_price;
$scope.dataProductBuy.sumprice = output.data.product_price;
}
});
});
});
$scope.dataProductBuy.price = output.data.product_price;
$scope.dataProductBuy.sumprice = output.data.product_price;
_self.getQuantityBreak('product/quantity_break', function(quantity_break) {
_self.consoleLog("getQuantityBreak : output : ", quantity_break);
$scope.dataArray.product_quantity_break.quantity_break = quantity_break;
if (quantity_break.length) {
$scope.dataProductBuy.result_price = quantity_break[0].unit_price;
}
});
_self.getNavigationBar(output.data.product_referral_display, 'referral/relation', function(output) {
_self.consoleLog("getNavigationBar : output : ", output.data);
$scope.navigationBar = output.data;
$scope.dataArrayState = _self.stateData(false, true);
});
});
});
} else {
window.history.back();
}
});
});
}
}
return data;
};
$scope.getDataArray().main();
$scope.getShopPointConfigRewardState = function(productPrice) {
var state = 'RewardShop';
var sup_price = parseInt(productPrice);
if ($scope.shopPointConfig.length != 0) {
if (parseInt($scope.shopPointConfig.er_rate) != 0 && parseInt($scope.shopPointConfig.er_earn) != 0) {
if (sup_price > 0) {
if (parseInt($scope.shopPointConfig.er_rate) <= sup_price) {
return 'RewardShop';
} else {
return 'High';
}
} else {
return 'High';
}
} else {
return 'RewardProduct';
}
} else {
return 'RewardProduct';
}
};
$scope.getShopPointConfigReward = function(productPrice) {
var sup_price = 0;
var er_rate = 0;
var er_earn = 0;
var mathFloor = 0;
var point = 0;
if ($scope.shopPointConfig.length != 0) {
sup_price = productPrice;
er_rate = parseInt($scope.shopPointConfig.er_rate);
er_earn = parseInt($scope.shopPointConfig.er_earn);
mathFloor = Math.floor(sup_price / er_rate);
point = mathFloor * er_earn;
return point;
} else {
return point;
}
}
$scope.clickckvalue = function() {
var result = 0;
$scope.promotion_list = $('input[name=radiogroup]:checked').val();
console.log("promotion_list : ", $scope.promotion_list);
if ($('input[name=radiogroup]:checked').val() != "" && $('input[name=radiogroup]:checked').val() != undefined) {
result = $('input[name=radiogroup]:checked').val();
} else {
result = 0;
}
return result;
}
};
return promise;
});_ui_share_app.directive('productDetailPageV', function($rootScope, $routeParams, sliderProvider, $componentProductDetail) {
var templateName = 'productDetailPageV';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
imgpath: '@imgpath',
promotelink: '@promotelink',
id: '@id',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window, $http, $location) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope._viewRouteParams = function() {
return $routeParams || false;
};
$scope._idUrl = function(instr) {
var outstr = instr.split("-", 1).join("");
return outstr;
};
$scope.dataRelation = [];
$scope.getRelation = function(referral_id) {
var d = {
'txt_referral_id': referral_id
};
GAEAPI.get('referral/relation', d).then(function(e) {
if (e.ok == 1) {
$scope.dataRelation = e.data;
}
});
};
$scope.dataRelatetag = [];
$scope.dataRelatetagState = {
load: true,
done: false
};
$scope.productRelateTag = function(product_tag) {
$scope.dataRelatetagState = $scope.StateData(true, false);
if (product_tag != '') {
var tag = {
'tags': product_tag
};
var dataSend = {
'cur_page': 1,
'per_page': 4,
'txt_filter_json': JSON.stringify(tag)
};
} else {
$scope.dataRelatetagState = $scope.StateData(false, true);
$scope.dataRelatetag = [];
return;
}
console.log("dataSend :", dataSend);
GAEAPI.get('product/lists', dataSend).then(function(output) {
if (output.ok == 1) {
// for (var i = 0; i < output.data.dataList.length; i++) {
// if(output.data.dataList){
// $scope.dataRelatetag = output.data.dataList;
// }
// }
$scope.dataRelatetag = output.data.dataList;
console.log("dataSend :", output.data);
}
$scope.dataRelatetagState = $scope.StateData(false, true);
});
};
$scope._dataArray = [];
$scope._dataArrayState = {
load: false,
done: false
};
$scope.data_min = [];
$scope._dataArrayTags = [];
$scope.data_video_id = false;
$scope._getDataArray = function(id) {
$scope._dataArrayState = $scope.StateData(true, false);
var dataSend = {
'txt_product_id': id
};
GAEAPI.get('product/id', dataSend).then(function(res) {
if (res.ok === 1) {
$scope._dataArray = res.data;
$scope.data_video_id = $scope._dataArray.product_id;
// if ($scope._dataArray.product_hightlight_video_embed != "") {
// $scope._dataArray.product_image.unshift({
// image_url: $scope.imgPath + 'img-play.png',
// product_hightlight_video_embed: $scope._dataArray.product_hightlight_video_embed
// });
// }
$scope._dataArrayRelateProductId = res.data.product_id;
if (res.data.product_tags != "") {
$scope._dataArrayTags = res.data.product_tags.split(",");
}
if ($scope._dataArray.product_referral_display.category != undefined) {
$scope.getRelation($scope._dataArray.product_referral_display.category[0].referral_id);
}
$scope.productRelateTag($scope._dataArray.product_tags, $scope._dataArray.product_referral_display.category[0].referral_id);
if (res.data.product_attribute.option_data != 0 && res.data.product_total_variant > 0) {
if (res.data.product_attribute.option_data.variant_array.length != 0 && res.data.product_total_variant > 0) {
// alert("x๊อบไข่สด");
var set_varia0 = res.data.product_attribute.option_data.variant_array[0].price;
for (var i = 0; i < res.data.product_attribute.option_data.variant_array.length; i++) {
if (parseInt(set_varia0) >= parseInt(res.data.product_attribute.option_data.variant_array[i].price)) {
set_varia0 = res.data.product_attribute.option_data.variant_array[i].price;
$scope.data_min = res.data.product_attribute.option_data.variant_array[i];
}
}
if ($scope.data_min.length == 0) {
$scope.data_min = res.data.product_attribute.option_data.variant_array[0];
}
console.log("iujdishjdskd : ", $scope.data_min);
// $scope.buildVariantOption(e.data);
// $scope.buildMultipleQuantity(e.data);
$scope.buildVariantOption(res.data);
}
$scope._dataArray.product_price = $scope.data_min.price;
$scope._dataArray.product_compare_price = $scope.data_min.compare_price;
}
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
$scope._getDataArray($scope._idUrl($scope._viewRouteParams().product_id));
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope._itemCarousel = function() {
var elementName = '[data-key="' + $scope._uniqueKey + '"]';
var optionsParmas = {
/*autoplay: (window.location.host !== 'localhost') ? true : false,*/
autoplay: false,
slidesToShow: 1,
slidesToScroll: 1,
dots: false,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
};
return sliderProvider(elementName, optionsParmas, $scope.type, $scope._uniqueKey);
};
$rootScope.$on('repeatend', function() {
if ($('[data-key="' + $scope._uniqueKey + '"]').not('.slick-initialized')) {
$timeout(function() {
$scope._itemCarousel();
}, 500);
}
});
$scope._data_qty_model = 1;
$scope.viewQuantity = function() {
return $(".d_qty.active.inin").find('input').val() || 1;
};
$scope.decreseQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (i > 1) {
e.val(i - 1);
$scope._data_qty_selected = (i - 1);
}
return $scope._data_qty_selected;
};
$scope.increseQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (i > 98) {
i = 98;
}
if (isNaN(i)) {
i = 0;
}
e.val(i + 1);
$scope._data_qty_selected = (i + 1);
return $scope._data_qty_selected;
};
$scope.watchQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (i <= 0 || typeof i == 'undefined' || isNaN(i)) {
var t = $timeout(function() {
$timeout.cancel(t);
$scope._data_qty_selected = 1;
e.val(1);
}, 600);
}
if (i > 98) {
var t = $timeout(function() {
$timeout.cancel(t);
$scope._data_qty_selected = 99;
e.val(99);
}, 600);
}
};
$scope.slickGoto = function(idx) {
setTimeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickGoTo', idx);
}, 100);
};
$scope._slickGoLeft = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData) {
if (objectData.product_total_variant <= 0) {
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
// $scope.onClickVariantItems();
};
$scope.dataVariantsPick = [];
$scope.buy_button = false;
$scope.onClickVariantItems = function($index, option_id) {
console.log("onSelectVariantItems:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
$scope.buy_button = false;
if ($scope.dataVariantsPick.length >= $scope.dataOption.length) {
$scope.buy_button = true;
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope._saleState = {
discount: 0
};
$scope.sale = function(price, compare_price, discount_id, discount_price, discount_percent) {
var sale = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
sale = discount_price;
$scope._saleState.discount = 'price';
} else if (discount_percent != 0 && discount_price == 0) {
sale = discount_percent;
$scope._saleState.discount = 'percent';
}
}
return (sale > 0) ? sale : 0;
}
$scope._pricefullState = {
pricefull: 0
};
$scope.pricefull = function(price, compare_price, discount_id, discount_price, discount_percent) {
var pricefull = 0;
if (discount_id != undefined) {
pricefull = price;
} else {
if (compare_price != 0) {
pricefull = compare_price;
$scope._pricefullState.pricefull = 'not zero';
} else {
$scope._pricefullState.pricefull = 'zero';
}
}
return pricefull;
}
$scope.calculate = function(price, compare_price, discount_id, discount_price, discount_percent) {
var calculate = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
calculate = price - discount_price;
} else if (discount_percent != 0 && discount_price == 0) {
calculate = price - ((discount_percent / 100) * price);
}
} else {
calculate = price
}
return (calculate > 0) ? calculate : 0;
}
$scope.findVariantsData = function(variantsPick) {
var count = 0;
function compareArray(array_a, array) {
if (!array) return false;
if (array_a.length != array.length) return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i])) return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
for (var i = 0; i < dataVariants.length; i++) {
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if (compareArray(variantsPick, optionJson)) {
$scope._dataArray.product_id = dataVariants[i].product_id;
$scope._dataArray.product_sku = dataVariants[i].sku;
$scope._dataArray.product_price = dataVariants[i].price;
$scope._dataArray.product_compare_price = dataVariants[i].compare_price;
$scope._dataArray.product_total_stock = dataVariants[i].total_stock;
$scope.max_length = dataVariants[i].total_stock;
break;
}
if (!compareArray(variantsPick, optionJson)) {
count++;
}
if (count >= dataVariants.length) {
// alert(count + " and " + dataVariants.length);
// $scope.data.product_sku = dataVariants[i].sku;
$scope._dataArray.product_price = 0;
$scope._dataArray.product_compare_price = 0;
}
}
};
$scope.data_viewTab = 1;
$scope._viewTab = function(index) {
$scope.data_viewTab = index;
};
$scope.newLoginregister = function(name) {
window.location.href = GURL.base_url() + name;
//window.location.href='login';
};
$scope.makeVaraintsClick_Normal = function() {
$timeout(function() {
$('div.variantSelector').each(function(idx, obj) {
$(this).find('span[data-index="' + idx + '"]').eq(0).click();
});
}, 2000);
};
$scope.returnheight = function() {
$(".cover_image_item").css("height", $(".cover_image_item").css("width"));
$(".gallery_display").css("height", $(".cover_image_item").css("width"));
/* $("iframe").css("height", $(".cover_image_item").css("width"));
$("iframe").css("width", $(".cover_image_item").css("width")); */
}
$scope.timeCountStart = function() {
$scope.timeout_promise = $timeout(function() {
$scope.returnheight();
$scope.timeCountStart();
}, 1000);
}
$scope.timeCountStart();
$scope.displayImage = function(image_url, prefix) {
return (typeof image_url !== 'undefined') ? GAEAPI.getGaeImageUrl(image_url, prefix) : '';
}
$scope.showDebug = function() {
return (typeof $routeParams.debug !== 'undefined') ? true : false;
};
};
return promise;
});_ui_share_app.directive('productDetailPageVa', function($rootScope, $routeParams, sliderProvider, $componentProductDetail) {
var templateName = 'productDetailPageVa';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
imgpath: '@imgpath',
promotelink: '@promotelink',
id: '@id',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window, $http, $location) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope._viewRouteParams = function() {
return $routeParams || false;
};
$scope._idUrl = function(instr) {
var outstr = instr.split("-", 1).join("");
return outstr;
};
$scope.dataRelation = [];
$scope.getRelation = function(referral_id) {
var d = {
'txt_referral_id': referral_id
};
GAEAPI.get('referral/relation', d ,$scope).then(function(e) {
if (e.ok == 1) {
$scope.dataRelation = e.data;
}
});
};
$scope.dataRelatetag = [];
$scope.dataRelatetagState = {
load: true,
done: false
};
$scope.productRelateTag = function(product_tag) {
$scope.dataRelatetagState = $scope.StateData(true, false);
if (product_tag != '') {
var tag = {
'tags': product_tag
};
var dataSend = {
'cur_page': 1,
'per_page': 4,
'txt_filter_json': JSON.stringify(tag)
};
} else {
$scope.dataRelatetagState = $scope.StateData(false, true);
$scope.dataRelatetag = [];
return;
}
console.log("dataSend :", dataSend);
GAEAPI.get('product/lists', dataSend ,$scope).then(function(output) {
if (output.ok == 1) {
// for (var i = 0; i < output.data.dataList.length; i++) {
// if(output.data.dataList){
// $scope.dataRelatetag = output.data.dataList;
// }
// }
$scope.dataRelatetag = output.data.dataList;
console.log("dataSend :", output.data);
}
$scope.dataRelatetagState = $scope.StateData(false, true);
});
};
$scope.data_relate_pro = [];
$scope._getDataRelate = function(id, limit) {
var dataSend = {
'txt_product_id': id,
'txt_limit': limit,
};
GAEAPI.get('product/related', dataSend, $scope).then(function(output) {
if (output.ok == 1) {
// $scope.$apply(function() {
$scope.data_relate_pro = output.data.lists;
// });
}
});
};
$scope._dataArray = [];
$scope._dataArrayState = {
load: false,
done: false
};
$scope.data_min = [];
$scope._dataArrayTags = [];
$scope.data_video_id = false;
$scope._getDataArray = function(id) {
$scope._dataArrayState = $scope.StateData(true, false);
var dataSend = {
'txt_product_id': id
};
GAEAPI.get('product/id', dataSend ,$scope).then(function(res) {
if (res.ok === 1) {
$scope._dataArray = res.data;
$scope.data_video_id = $scope._dataArray.product_id;
// if ($scope._dataArray.product_hightlight_video_embed != "") {
// $scope._dataArray.product_image.unshift({
// image_url: $scope.imgPath + 'img-play.png',
// product_hightlight_video_embed: $scope._dataArray.product_hightlight_video_embed
// });
// }
$scope._dataArrayRelateProductId = res.data.product_id;
if (res.data.product_tags != "") {
$scope._dataArrayTags = res.data.product_tags.split(",");
}
if ($scope._dataArray.product_referral_display.category != undefined) {
$scope.getRelation($scope._dataArray.product_referral_display.category[0].referral_id);
}
$scope.productRelateTag($scope._dataArray.product_tags, $scope._dataArray.product_referral_display.category[0].referral_id);
$scope._getDataRelate($scope.data_video_id,8);
// if (res.data.product_attribute.option_data != 0 && res.data.product_total_variant > 0) {
// if (res.data.product_attribute.option_data.variant_array.length != 0 && res.data.product_total_variant > 0) {
// // alert("x๊อบไข่สด");
// var set_varia0 = res.data.product_attribute.option_data.variant_array[0].price;
// for (var i = 0; i < res.data.product_attribute.option_data.variant_array.length; i++) {
// if (parseInt(set_varia0) >= parseInt(res.data.product_attribute.option_data.variant_array[i].price)) {
// set_varia0 = res.data.product_attribute.option_data.variant_array[i].price;
// $scope.data_min = res.data.product_attribute.option_data.variant_array[i];
// }
// }
// if ($scope.data_min.length == 0) {
// $scope.data_min = res.data.product_attribute.option_data.variant_array[0];
// }
// console.log("iujdishjdskd : ", $scope.data_min);
// $scope.buildVariantOption(res.data);
// }
// $scope._dataArray.product_price = $scope.data_min.price;
// $scope._dataArray.product_compare_price = $scope.data_min.compare_price;
// }
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
$scope._getDataArray($scope._idUrl($scope._viewRouteParams().product_id));
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope._itemCarousel = function() {
var elementName = '[data-key="' + $scope._uniqueKey + '"]';
var optionsParmas = {
/*autoplay: (window.location.host !== 'localhost') ? true : false,*/
autoplay: false,
slidesToShow: 1,
slidesToScroll: 1,
dots: false,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
};
return sliderProvider(elementName, optionsParmas, $scope.type, $scope._uniqueKey);
};
$rootScope.$on('repeatend', function() {
if ($('[data-key="' + $scope._uniqueKey + '"]').not('.slick-initialized')) {
$timeout(function() {
$scope._itemCarousel();
}, 500);
}
});
$scope._data_qty_model = 1;
$scope.viewQuantity = function() {
return $(".d_qty.active.inin").find('input').val() || 1;
};
$scope.decreseQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (i > 1) {
e.val(i - 1);
$scope._data_qty_selected = (i - 1);
}
return $scope._data_qty_selected;
};
$scope.increseQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (i > 98) {
i = 98;
}
if (isNaN(i)) {
i = 0;
}
e.val(i + 1);
$scope._data_qty_selected = (i + 1);
return $scope._data_qty_selected;
};
$scope.watchQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (i <= 0 || typeof i == 'undefined' || isNaN(i)) {
var t = $timeout(function() {
$timeout.cancel(t);
$scope._data_qty_selected = 1;
e.val(1);
}, 600);
}
if (i > 98) {
var t = $timeout(function() {
$timeout.cancel(t);
$scope._data_qty_selected = 99;
e.val(99);
}, 600);
}
};
$scope.slickGoto = function(idx) {
setTimeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickGoTo', idx);
}, 100);
};
$scope._slickGoLeft = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData) {
if (objectData.product_total_variant <= 0) {
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
// $scope.onClickVariantItems();
};
$scope.dataVariantsPick = [];
$scope.buy_button = false;
$scope.onClickVariantItems = function($index, option_id) {
console.log("onSelectVariantItems:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
$scope.buy_button = false;
if ($scope.dataVariantsPick.length >= $scope.dataOption.length) {
$scope.buy_button = true;
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope._saleState = {
discount: 0
};
$scope.sale = function(price, compare_price, discount_id, discount_price, discount_percent) {
var sale = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
sale = discount_price;
$scope._saleState.discount = 'price';
} else if (discount_percent != 0 && discount_price == 0) {
sale = discount_percent;
$scope._saleState.discount = 'percent';
}
}
return (sale > 0) ? sale : 0;
}
$scope._pricefullState = {
pricefull: 0
};
$scope.pricefull = function(price, compare_price, discount_id, discount_price, discount_percent) {
var pricefull = 0;
if (discount_id != undefined) {
pricefull = price;
} else {
if (compare_price != 0) {
pricefull = compare_price;
$scope._pricefullState.pricefull = 'not zero';
} else {
$scope._pricefullState.pricefull = 'zero';
}
}
return pricefull;
}
$scope.calculate = function(price, compare_price, discount_id, discount_price, discount_percent) {
var calculate = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
calculate = price - discount_price;
} else if (discount_percent != 0 && discount_price == 0) {
calculate = price - ((discount_percent / 100) * price);
}
} else {
calculate = price
}
return (calculate > 0) ? calculate : 0;
}
$scope.findVariantsData = function(variantsPick) {
var count = 0;
function compareArray(array_a, array) {
if (!array) return false;
if (array_a.length != array.length) return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i])) return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
for (var i = 0; i < dataVariants.length; i++) {
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if (compareArray(variantsPick, optionJson)) {
$scope._dataArray.product_id = dataVariants[i].product_id;
$scope._dataArray.product_sku = dataVariants[i].sku;
$scope._dataArray.product_price = dataVariants[i].price;
$scope._dataArray.product_compare_price = dataVariants[i].compare_price;
$scope._dataArray.product_total_stock = dataVariants[i].total_stock;
$scope.max_length = dataVariants[i].total_stock;
break;
}
if (!compareArray(variantsPick, optionJson)) {
count++;
}
if (count >= dataVariants.length) {
// alert(count + " and " + dataVariants.length);
// $scope.data.product_sku = dataVariants[i].sku;
$scope._dataArray.product_price = 0;
$scope._dataArray.product_compare_price = 0;
}
}
};
$scope.data_viewTab = 1;
$scope._viewTab = function(index) {
$scope.data_viewTab = index;
};
$scope.newLoginregister = function(name) {
window.location.href = GURL.base_url() + name;
//window.location.href='login';
};
$scope.makeVaraintsClick_Normal = function() {
$timeout(function() {
$('div.variantSelector').each(function(idx, obj) {
$(this).find('span[data-index="' + idx + '"]').eq(0).click();
});
}, 2000);
};
$scope.returnheight = function() {
$(".cover_image_item").css("height", $(".cover_image_item").css("width"));
$(".gallery_display").css("height", $(".cover_image_item").css("width"));
/* $("iframe").css("height", $(".cover_image_item").css("width"));
$("iframe").css("width", $(".cover_image_item").css("width")); */
}
$scope.timeCountStart = function() {
$scope.timeout_promise = $timeout(function() {
$scope.returnheight();
$scope.timeCountStart();
}, 1000);
}
$scope.timeCountStart();
$scope.displayImage = function(image_url, prefix) {
return (typeof image_url !== 'undefined') ? GAEAPI.getGaeImageUrl(image_url, prefix) : '';
}
$scope.showDebug = function() {
return (typeof $routeParams.debug !== 'undefined') ? true : false;
};
};
return promise;
});_ui_share_app.directive('productDetailPageVb', function($rootScope, $routeParams, sliderProvider, $componentProductDetail) {
var templateName = 'productDetailPageVb';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
imgpath: '@imgpath',
promotelink: '@promotelink',
id: '@id',
imgcart: '@imgcart',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window, $http, $location) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope._viewRouteParams = function() {
return $routeParams || false;
};
$scope._idUrl = function(instr) {
var outstr = instr.split("-", 1).join("");
return outstr;
};
$scope.dataRelation = [];
$scope.getRelation = function(referral_id) {
var d = {
'txt_referral_id': referral_id
};
GAEAPI.get('referral/relation', d).then(function(e) {
if (e.ok == 1) {
$scope.dataRelation = e.data;
}
});
};
$scope.dataRelatetag = [];
$scope.dataRelatetagState = {
load: true,
done: false
};
$scope.productRelateTag = function(product_tag) {
$scope.dataRelatetagState = $scope.StateData(true, false);
if (product_tag != '') {
var tag = {
'tags': product_tag
};
var dataSend = {
'cur_page': 1,
'per_page': 4,
'txt_filter_json': JSON.stringify(tag)
};
} else {
$scope.dataRelatetagState = $scope.StateData(false, true);
$scope.dataRelatetag = [];
return;
}
console.log("dataSend :", dataSend);
GAEAPI.get('product/lists', dataSend).then(function(output) {
if (output.ok == 1) {
// for (var i = 0; i < output.data.dataList.length; i++) {
// if(output.data.dataList){
// $scope.dataRelatetag = output.data.dataList;
// }
// }
$scope.dataRelatetag = output.data.dataList;
console.log("dataSend :", output.data);
}
$scope.dataRelatetagState = $scope.StateData(false, true);
});
};
$scope.qtyProduct = 1;
$scope.result_price = 0;
$scope.checkQty = function(qtyProduct) {
var productQuantityBreak = GAEAPI.getValueForKey($scope._data_product_id, "product_quantity_break", []);
var quantityBreak = GAEAPI.getValueForKey(productQuantityBreak, "quantity_break", []);
var product_price = GAEAPI.getValueForKey($scope._data_product_id, "product_price", 0);
console.log("quantityBreak : ", quantityBreak);
console.log("quantityBreak : qtyProduct : ", qtyProduct);
for (var index in quantityBreak) {
var rowData = quantityBreak[index];
var amount_end = parseInt(GAEAPI.getValueForKey(rowData, "amount_end", 0));
var unit_price = parseInt(GAEAPI.getValueForKey(rowData, "unit_price", 0));
if (qtyProduct >= amount_end) {
$scope.result_price = unit_price;
}
}
};
$scope.getQuantityBreak = function(dataSend, api, callback) {
console.log("getQuantityBreak : dataSend : ", dataSend, " api : ", api);
var quantity_break = [];
GAEAPI.get(api, dataSend).then(function(output) {
console.log("getQuantityBreak : output : ", output);
if (output.ok == 1) {
quantity_break = output.data.quantity_break;
callback(quantity_break);
}
callback(quantity_break);
});
callback(quantity_break);
};
$scope.checkLogin = function(urlApi, product_id, status_login, callback) {
var dataSend = {};
var productId = parseInt(product_id);
var statusLogin = status_login;
var api = urlApi;
var customerId = 0;
if (api == 'product/id') {
dataSend = {
'txt_product_id': productId,
}
console.log("checkLogin : statusLogin : ", statusLogin, " customerId : ", customerId, " dataSend : ", dataSend, " api : ", api);
callback(statusLogin, customerId, dataSend, api);
} else if (api == 'product/quantity_break') {
if (statusLogin) {
customerId = parseInt(UiCustomerBox.delegate.get.me().customer_id);
dataSend = {
'txt_product_id': productId,
'txt_customer_id': customerId,
}
console.log("checkLogin : statusLogin : ", statusLogin, " customerId : ", customerId, " dataSend : ", dataSend, " api : ", api);
callback(statusLogin, customerId, dataSend, api);
} else {
console.log("checkLogin : statusLogin : ", statusLogin, " customerId : ", customerId, " dataSend : ", dataSend, " api : ", api);
callback(statusLogin, customerId, dataSend, api);
}
}
};
$scope._dataArray = [];
$scope._dataArrayState = {
load: false,
done: false
};
$scope.data_min = [];
$scope._dataArrayTags = [];
$scope.data_video_id = false;
$scope._getDataArray = function(id) {
$scope._dataArrayState = $scope.StateData(true, false);
var dataSend = {
'txt_product_id': id
};
GAEAPI.get('product/id', dataSend).then(function(res) {
if (res.ok === 1) {
$scope._dataArray = res.data;
$scope.data_video_id = $scope._dataArray.product_id;
// if ($scope._dataArray.product_hightlight_video_embed != "") {
// $scope._dataArray.product_image.unshift({
// image_url: $scope.imgPath + 'img-play.png',
// product_hightlight_video_embed: $scope._dataArray.product_hightlight_video_embed
// });
// }
$scope._dataArrayRelateProductId = res.data.product_id;
if (res.data.product_tags != "") {
$scope._dataArrayTags = res.data.product_tags.split(",");
}
if ($scope._dataArray.product_referral_display.category != undefined) {
$scope.getRelation($scope._dataArray.product_referral_display.category[0].referral_id);
}
$scope.checkLogin('product/quantity_break', dataSend.txt_product_id, UiCustomerBox.delegate.get.isLogin() , function(statusLogin, customerId, dataSend, api) {
console.log("getProductId checkLogin callback : statusLogin : ", statusLogin, " customerId : ", customerId, " dataSend : ", dataSend, " api : ", api);
if (statusLogin) {
console.log("getProductId checkLogin : IF");
$scope.getQuantityBreak(dataSend, api, function(quantity_break) {
console.log("getProductId checkLogin callback getQuantityBreak : quantity_break : ", quantity_break);
$scope._dataArray.product_quantity_break.quantity_break = quantity_break;
if (quantity_break.length) {
$scope.result_price = quantity_break[0].unit_price;
}
});
} else {
console.log("getProductId checkLogin : ELSE")
}
});
$scope.productRelateTag($scope._dataArray.product_tags, $scope._dataArray.product_referral_display.category[0].referral_id);
if (res.data.product_attribute.option_data != 0 && res.data.product_total_variant > 0) {
if (res.data.product_attribute.option_data.variant_array.length != 0 && res.data.product_total_variant > 0) {
// alert("x๊อบไข่สด");
var set_varia0 = res.data.product_attribute.option_data.variant_array[0].price;
for (var i = 0; i < res.data.product_attribute.option_data.variant_array.length; i++) {
if (parseInt(set_varia0) >= parseInt(res.data.product_attribute.option_data.variant_array[i].price)) {
set_varia0 = res.data.product_attribute.option_data.variant_array[i].price;
$scope.data_min = res.data.product_attribute.option_data.variant_array[i];
}
}
if ($scope.data_min.length == 0) {
$scope.data_min = res.data.product_attribute.option_data.variant_array[0];
}
console.log("iujdishjdskd : ", $scope.data_min);
// $scope.buildVariantOption(e.data);
// $scope.buildMultipleQuantity(e.data);
$scope.buildVariantOption(res.data);
}
$scope._dataArray.product_price = $scope.data_min.price;
$scope._dataArray.product_compare_price = $scope.data_min.compare_price;
}
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
$scope._getDataArray($scope._idUrl($scope._viewRouteParams().product_id));
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope._itemCarousel = function() {
var elementName = '[data-key="' + $scope._uniqueKey + '"]';
var optionsParmas = {
/*autoplay: (window.location.host !== 'localhost') ? true : false,*/
autoplay: false,
slidesToShow: 1,
slidesToScroll: 1,
dots: false,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
};
return sliderProvider(elementName, optionsParmas, $scope.type, $scope._uniqueKey);
};
$rootScope.$on('repeatend', function() {
if ($('[data-key="' + $scope._uniqueKey + '"]').not('.slick-initialized')) {
$timeout(function() {
$scope._itemCarousel();
}, 500);
}
});
$scope._data_qty_model = 1;
$scope.viewQuantity = function() {
return $(".d_qty.active.inin").find('input').val() || 1;
};
$scope.decreseQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (i > 1) {
e.val(i - 1);
$scope._data_qty_selected = (i - 1);
}
return $scope._data_qty_selected;
};
$scope.increseQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (i > 98) {
i = 98;
}
if (isNaN(i)) {
i = 0;
}
e.val(i + 1);
$scope._data_qty_selected = (i + 1);
return $scope._data_qty_selected;
};
$scope.watchQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (i <= 0 || typeof i == 'undefined' || isNaN(i)) {
var t = $timeout(function() {
$timeout.cancel(t);
$scope._data_qty_selected = 1;
e.val(1);
}, 600);
}
if (i > 98) {
var t = $timeout(function() {
$timeout.cancel(t);
$scope._data_qty_selected = 99;
e.val(99);
}, 600);
}
};
$scope.slickGoto = function(idx) {
setTimeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickGoTo', idx);
}, 100);
};
$scope._slickGoLeft = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData) {
if (objectData.product_total_variant <= 0) {
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
// $scope.onClickVariantItems();
};
$scope.dataVariantsPick = [];
$scope.buy_button = false;
$scope.onClickVariantItems = function($index, option_id) {
console.log("onSelectVariantItems:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
$scope.buy_button = false;
if ($scope.dataVariantsPick.length >= $scope.dataOption.length) {
$scope.buy_button = true;
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope._saleState = {
discount: 0
};
$scope.sale = function(price, compare_price, discount_id, discount_price, discount_percent) {
var sale = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
sale = discount_price;
$scope._saleState.discount = 'price';
} else if (discount_percent != 0 && discount_price == 0) {
sale = discount_percent;
$scope._saleState.discount = 'percent';
}
}
return (sale > 0) ? sale : 0;
}
$scope._pricefullState = {
pricefull: 0
};
$scope.pricefull = function(price, compare_price, discount_id, discount_price, discount_percent) {
var pricefull = 0;
if (discount_id != undefined) {
pricefull = price;
} else {
if (compare_price != 0) {
pricefull = compare_price;
$scope._pricefullState.pricefull = 'not zero';
} else {
$scope._pricefullState.pricefull = 'zero';
}
}
return pricefull;
}
$scope.calculate = function(price, compare_price, discount_id, discount_price, discount_percent) {
var calculate = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
calculate = price - discount_price;
} else if (discount_percent != 0 && discount_price == 0) {
calculate = price - ((discount_percent / 100) * price);
}
} else {
calculate = price
}
return (calculate > 0) ? calculate : 0;
}
$scope.findVariantsData = function(variantsPick) {
var count = 0;
function compareArray(array_a, array) {
if (!array) return false;
if (array_a.length != array.length) return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i])) return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
for (var i = 0; i < dataVariants.length; i++) {
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if (compareArray(variantsPick, optionJson)) {
$scope._dataArray.product_id = dataVariants[i].product_id;
$scope._dataArray.product_sku = dataVariants[i].sku;
$scope._dataArray.product_price = dataVariants[i].price;
$scope._dataArray.product_compare_price = dataVariants[i].compare_price;
$scope._dataArray.product_total_stock = dataVariants[i].total_stock;
$scope.max_length = dataVariants[i].total_stock;
break;
}
if (!compareArray(variantsPick, optionJson)) {
count++;
}
if (count >= dataVariants.length) {
// alert(count + " and " + dataVariants.length);
// $scope.data.product_sku = dataVariants[i].sku;
$scope._dataArray.product_price = 0;
$scope._dataArray.product_compare_price = 0;
}
}
};
$scope.data_viewTab = 1;
$scope._viewTab = function(index) {
$scope.data_viewTab = index;
};
$scope.newLoginregister = function(name) {
window.location.href = GURL.base_url() + name;
//window.location.href='login';
};
$scope.makeVaraintsClick_Normal = function() {
$timeout(function() {
$('div.variantSelector').each(function(idx, obj) {
$(this).find('span[data-index="' + idx + '"]').eq(0).click();
});
}, 2000);
};
$scope.returnheight = function() {
$(".cover_image_item").css("height", $(".cover_image_item").css("width"));
$(".gallery_display").css("height", $(".cover_image_item").css("width"));
/* $("iframe").css("height", $(".cover_image_item").css("width"));
$("iframe").css("width", $(".cover_image_item").css("width")); */
}
$scope.timeCountStart = function() {
$scope.timeout_promise = $timeout(function() {
$scope.returnheight();
$scope.timeCountStart();
}, 1000);
}
$scope.timeCountStart();
$scope.displayImage = function(image_url, prefix) {
return (typeof image_url !== 'undefined') ? GAEAPI.getGaeImageUrl(image_url, prefix) : '';
}
$scope.showDebug = function() {
return (typeof $routeParams.debug !== 'undefined') ? true : false;
};
$scope.Relate_dataArray = [];
$scope._getRelateDataArray = function(id) {
var dataSend = {
'txt_product_id': id,
'txt_limit': 10,
};
// $scope.consoleLog('_getDataArray dataSend', dataSend);
GAEAPI.get('product/related', dataSend, $scope).then(function(output) {
// $scope.consoleLog('_getDataArray output', output);
if (output.ok == 1) {
// $scope.$apply(function() {
$scope.Relate_dataArray = output.data.lists;
// $scope.consoleLog('_getDataArray _dataArray', $scope._dataArray);
console.log("slofkdsfdfds;lfsdk;f : ", $scope.Relate_dataArray);
// });
}
// $scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope._getRelateDataArray($scope._idUrl($scope._viewRouteParams().product_id));
$scope.buildTitleUrl = function (str) {
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
return s;
};
};
return promise;
});_ui_share_app.directive('productDetailPageVc', function($rootScope, $routeParams, sliderProvider, $componentProductDetail) {
var templateName = 'productDetailPageVc';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
imgpath: '@imgpath',
promotelink: '@promotelink',
id: '@id',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window, $http, $location) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope._viewRouteParams = function() {
return $routeParams || false;
};
$scope._idUrl = function(instr) {
var outstr = instr.split("-", 1).join("");
return outstr;
};
$scope.dataRelation = [];
$scope.getRelation = function(referral_id) {
var d = {
'txt_referral_id': referral_id
};
GAEAPI.get('referral/relation', d).then(function(e) {
if (e.ok == 1) {
$scope.dataRelation = e.data;
}
});
};
$scope.dataRelatetag = [];
$scope.dataRelatetagState = {
load: true,
done: false
};
$scope.productRelateTag = function(product_tag) {
$scope.dataRelatetagState = $scope.StateData(true, false);
if (product_tag != '') {
var tag = {
'tags': product_tag
};
var dataSend = {
'cur_page': 1,
'per_page': 4,
'txt_filter_json': JSON.stringify(tag)
};
} else {
$scope.dataRelatetagState = $scope.StateData(false, true);
$scope.dataRelatetag = [];
return;
}
console.log("dataSend :", dataSend);
GAEAPI.get('product/lists', dataSend).then(function(output) {
if (output.ok == 1) {
// for (var i = 0; i < output.data.dataList.length; i++) {
// if(output.data.dataList){
// $scope.dataRelatetag = output.data.dataList;
// }
// }
$scope.dataRelatetag = output.data.dataList;
console.log("dataSend :", output.data);
}
$scope.dataRelatetagState = $scope.StateData(false, true);
});
};
$scope._dataArray = [];
$scope._dataArrayState = {
load: false,
done: false
};
$scope.getNameBadgeId = function(id) {
if (id == '72') {
return 'New Arrival'
} else if (id == '74') {
return 'Recommend'
} else if (id == '75') {
return 'Best Seller'
} else {
return 'null';
}
};
$scope.data_min = [];
$scope._dataArrayTags = [];
$scope.data_video_id = false;
$scope._getDataArray = function(id) {
$scope._dataArrayState = $scope.StateData(true, false);
var dataSend = {
'txt_product_id': id
};
console.log("product/id : dataSend : ", dataSend);
GAEAPI.get('product/id', dataSend).then(function(res) {
console.log("product/id : output : ", res);
if (res.ok === 1) {
$scope._dataArray = res.data;
$scope.data_video_id = $scope._dataArray.product_id;
// if ($scope._dataArray.product_hightlight_video_embed != "") {
// $scope._dataArray.product_image.unshift({
// image_url: $scope.imgPath + 'img-play.png',
// product_hightlight_video_embed: $scope._dataArray.product_hightlight_video_embed
// });
// }
$scope._dataArrayRelateProductId = res.data.product_id;
if (res.data.product_tags != "") {
$scope._dataArrayTags = res.data.product_tags.split(",");
}
if ($scope._dataArray.product_referral_display.category != undefined) {
$scope.getRelation($scope._dataArray.product_referral_display.category[0].referral_id);
}
$scope.productRelateTag($scope._dataArray.product_tags, $scope._dataArray.product_referral_display.category[0].referral_id);
if (res.data.product_attribute.option_data != 0 && res.data.product_total_variant > 0) {
if (res.data.product_attribute.option_data.variant_array.length != 0 && res.data.product_total_variant > 0) {
// alert("x๊อบไข่สด");
var set_varia0 = res.data.product_attribute.option_data.variant_array[0].price;
for (var i = 0; i < res.data.product_attribute.option_data.variant_array.length; i++) {
if (parseInt(set_varia0) >= parseInt(res.data.product_attribute.option_data.variant_array[i].price)) {
set_varia0 = res.data.product_attribute.option_data.variant_array[i].price;
$scope.data_min = res.data.product_attribute.option_data.variant_array[i];
}
}
if ($scope.data_min.length == 0) {
$scope.data_min = res.data.product_attribute.option_data.variant_array[0];
}
console.log("iujdishjdskd : ", $scope.data_min);
// $scope.buildVariantOption(e.data);
// $scope.buildMultipleQuantity(e.data);
$scope.buildVariantOption(res.data);
}
$scope._dataArray.product_price = $scope.data_min.price;
$scope._dataArray.product_compare_price = $scope.data_min.compare_price;
}
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
$scope._getDataArray($scope._idUrl($scope._viewRouteParams().product_id));
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope._itemCarousel = function() {
var elementName = '[data-key="' + $scope._uniqueKey + '"]';
var optionsParmas = {
/*autoplay: (window.location.host !== 'localhost') ? true : false,*/
autoplay: false,
slidesToShow: 1,
slidesToScroll: 1,
dots: false,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
};
return sliderProvider(elementName, optionsParmas, $scope.type, $scope._uniqueKey);
};
$rootScope.$on('repeatend', function() {
if ($('[data-key="' + $scope._uniqueKey + '"]').not('.slick-initialized')) {
$timeout(function() {
$scope._itemCarousel();
}, 500);
}
});
$scope._data_qty_model = 1;
$scope.viewQuantity = function() {
return $(".d_qty.active.inin").find('input').val() || 1;
};
$scope.decreseQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (i > 1) {
e.val(i - 1);
$scope._data_qty_selected = (i - 1);
}
return $scope._data_qty_selected;
};
$scope.increseQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (i > 98) {
i = 98;
}
if (isNaN(i)) {
i = 0;
}
e.val(i + 1);
$scope._data_qty_selected = (i + 1);
return $scope._data_qty_selected;
};
$scope.watchQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (i <= 0 || typeof i == 'undefined' || isNaN(i)) {
var t = $timeout(function() {
$timeout.cancel(t);
$scope._data_qty_selected = 1;
e.val(1);
}, 600);
}
if (i > 98) {
var t = $timeout(function() {
$timeout.cancel(t);
$scope._data_qty_selected = 99;
e.val(99);
}, 600);
}
};
$scope.slickGoto = function(idx) {
setTimeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickGoTo', idx);
}, 100);
};
$scope._slickGoLeft = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData) {
if (objectData.product_total_variant <= 0) {
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
// $scope.onClickVariantItems();
};
$scope.dataVariantsPick = [];
$scope.buy_button = false;
$scope.showComment = false;
$scope.onClickVariantItems = function($index, option_id) {
console.log("onSelectVariantItems:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
$scope.buy_button = false;
if ($scope.dataVariantsPick.length >= $scope.dataOption.length) {
$scope.buy_button = true;
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope.getShowComment = function(show) {
$scope.showComment = true;
};
$scope._saleState = {
discount: 0
};
$scope.sale = function(price, compare_price, discount_id, discount_price, discount_percent) {
var sale = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
sale = discount_price;
$scope._saleState.discount = 'price';
} else if (discount_percent != 0 && discount_price == 0) {
sale = discount_percent;
$scope._saleState.discount = 'percent';
}
}
return (sale > 0) ? sale : 0;
}
$scope._pricefullState = {
pricefull: 0
};
$scope.pricefull = function(price, compare_price, discount_id, discount_price, discount_percent) {
var pricefull = 0;
if (discount_id != undefined) {
pricefull = price;
} else {
if (compare_price != 0) {
pricefull = compare_price;
$scope._pricefullState.pricefull = 'not zero';
} else {
$scope._pricefullState.pricefull = 'zero';
}
}
return pricefull;
}
$scope.calculate = function(price, compare_price, discount_id, discount_price, discount_percent) {
var calculate = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
calculate = price - discount_price;
} else if (discount_percent != 0 && discount_price == 0) {
calculate = price - ((discount_percent / 100) * price);
}
} else {
calculate = price
}
return (calculate > 0) ? calculate : 0;
}
$scope.findVariantsData = function(variantsPick) {
var count = 0;
function compareArray(array_a, array) {
if (!array) return false;
if (array_a.length != array.length) return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i])) return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
for (var i = 0; i < dataVariants.length; i++) {
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if (compareArray(variantsPick, optionJson)) {
$scope._dataArray.product_id = dataVariants[i].product_id;
$scope._dataArray.product_sku = dataVariants[i].sku;
$scope._dataArray.product_price = dataVariants[i].price;
$scope._dataArray.product_compare_price = dataVariants[i].compare_price;
$scope._dataArray.product_total_stock = dataVariants[i].total_stock;
$scope.max_length = dataVariants[i].total_stock;
break;
}
if (!compareArray(variantsPick, optionJson)) {
count++;
}
if (count >= dataVariants.length) {
// alert(count + " and " + dataVariants.length);
// $scope.data.product_sku = dataVariants[i].sku;
$scope._dataArray.product_price = 0;
$scope._dataArray.product_compare_price = 0;
}
}
};
$scope.data_viewTab = 1;
$scope._viewTab = function(index) {
$scope.data_viewTab = index;
};
$scope.newLoginregister = function(name) {
window.location.href = GURL.base_url() + name;
//window.location.href='login';
};
$scope.makeVaraintsClick_Normal = function() {
$timeout(function() {
$('div.variantSelector').each(function(idx, obj) {
$(this).find('span[data-index="' + idx + '"]').eq(0).click();
});
}, 2000);
};
$scope.returnheight = function() {
$(".cover_image_item").css("height", $(".cover_image_item").css("width"));
$(".gallery_display").css("height", $(".cover_image_item").css("width"));
/* $("iframe").css("height", $(".cover_image_item").css("width"));
$("iframe").css("width", $(".cover_image_item").css("width")); */
}
$scope.timeCountStart = function() {
$scope.timeout_promise = $timeout(function() {
$scope.returnheight();
$scope.timeCountStart();
}, 1000);
}
$scope.timeCountStart();
$scope.displayImage = function(image_url, prefix) {
return (typeof image_url !== 'undefined') ? GAEAPI.getGaeImageUrl(image_url, prefix) : '';
}
$scope.showDebug = function() {
return (typeof $routeParams.debug !== 'undefined') ? true : false;
};
$scope.clickckvalue = function() {
var result = 0;
$scope.promotion_list = $('input[name=radiogroup]:checked').val();
console.log("promotion_list : ", $scope.promotion_list);
if ($('input[name=radiogroup]:checked').val() != "" && $('input[name=radiogroup]:checked').val() != undefined) {
result = $('input[name=radiogroup]:checked').val();
} else {
result = 0;
}
return result;
}
};
return promise;
});_ui_share_app.directive('productDetailPageVca', function($rootScope, $routeParams, sliderProvider, $componentProductDetail) {
var templateName = 'productDetailPageVca';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
promotelink: '@promotelink',
id: '@id',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window, $http, $location) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope._viewRouteParams = function() {
return $routeParams || false;
};
$scope._idUrl = function(instr) {
var outstr = instr.split("-", 1).join("");
return outstr;
};
$scope.dataRelation = [];
$scope.getRelation = function(referral_id) {
var d = {
'txt_referral_id': referral_id
};
GAEAPI.get('referral/relation', d).then(function(e) {
if (e.ok == 1) {
$scope.dataRelation = e.data;
}
});
};
$scope.dataRelatetag = [];
$scope.dataRelatetagState = {
load: true,
done: false
};
$scope.productRelateTag = function(product_tag) {
$scope.dataRelatetagState = $scope.StateData(true, false);
if (product_tag != '') {
var tag = {
'tags': product_tag
};
var dataSend = {
'cur_page': 1,
'per_page': 4,
'txt_filter_json': JSON.stringify(tag)
};
} else {
$scope.dataRelatetagState = $scope.StateData(false, true);
$scope.dataRelatetag = [];
return;
}
console.log("dataSend :", dataSend);
GAEAPI.get('product/lists', dataSend).then(function(output) {
if (output.ok == 1) {
// for (var i = 0; i < output.data.dataList.length; i++) {
// if(output.data.dataList){
// $scope.dataRelatetag = output.data.dataList;
// }
// }
$scope.dataRelatetag = output.data.dataList;
console.log("dataSend :", output.data);
}
$scope.dataRelatetagState = $scope.StateData(false, true);
});
};
$scope._dataArray = [];
$scope._dataArrayState = {
load: false,
done: false
};
$scope.getNameBadgeId = function(id) {
if (id == '72') {
return 'New Arrival'
} else if (id == '74') {
return 'Recommend'
} else if (id == '75') {
return 'Best Seller'
} else {
return 'null';
}
};
$scope.data_min = [];
$scope._dataArrayTags = [];
$scope.data_video_id = false;
$scope._getDataArray = function(id) {
$scope._dataArrayState = $scope.StateData(true, false);
var dataSend = {
'txt_product_id': id
};
console.log("product/id : dataSend : ", dataSend);
GAEAPI.get('product/id', dataSend).then(function(res) {
console.log("product/id : output : ", res);
if (res.ok === 1) {
$scope._dataArray = res.data;
$scope.data_video_id = $scope._dataArray.product_id;
// if ($scope._dataArray.product_hightlight_video_embed != "") {
// $scope._dataArray.product_image.unshift({
// image_url: $scope.imgPath + 'img-play.png',
// product_hightlight_video_embed: $scope._dataArray.product_hightlight_video_embed
// });
// }
$scope._dataArrayRelateProductId = res.data.product_id;
if (res.data.product_tags != "") {
$scope._dataArrayTags = res.data.product_tags.split(",");
}
if ($scope._dataArray.product_referral_display.category != undefined) {
$scope.getRelation($scope._dataArray.product_referral_display.category[0].referral_id);
}
$scope.productRelateTag($scope._dataArray.product_tags, $scope._dataArray.product_referral_display.category[0].referral_id);
if (res.data.product_attribute.option_data != 0 && res.data.product_total_variant > 0) {
if (res.data.product_attribute.option_data.variant_array.length != 0 && res.data.product_total_variant > 0) {
// alert("x๊อบไข่สด");
var set_varia0 = res.data.product_attribute.option_data.variant_array[0].price;
for (var i = 0; i < res.data.product_attribute.option_data.variant_array.length; i++) {
if (parseInt(set_varia0) >= parseInt(res.data.product_attribute.option_data.variant_array[i].price)) {
set_varia0 = res.data.product_attribute.option_data.variant_array[i].price;
$scope.data_min = res.data.product_attribute.option_data.variant_array[i];
}
}
if ($scope.data_min.length == 0) {
$scope.data_min = res.data.product_attribute.option_data.variant_array[0];
}
console.log("iujdishjdskd : ", $scope.data_min);
// $scope.buildVariantOption(e.data);
// $scope.buildMultipleQuantity(e.data);
$scope.buildVariantOption(res.data);
}
$scope._dataArray.product_price = $scope.data_min.price;
$scope._dataArray.product_compare_price = $scope.data_min.compare_price;
}
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
$scope._getDataArray($scope._idUrl($scope._viewRouteParams().product_id));
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope._itemCarousel = function() {
var elementName = '[data-key="' + $scope._uniqueKey + '"]';
var optionsParmas = {
/*autoplay: (window.location.host !== 'localhost') ? true : false,*/
autoplay: false,
slidesToShow: 1,
slidesToScroll: 1,
dots: false,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
};
return sliderProvider(elementName, optionsParmas, $scope.type, $scope._uniqueKey);
};
$rootScope.$on('repeatend', function() {
if ($('[data-key="' + $scope._uniqueKey + '"]').not('.slick-initialized')) {
$timeout(function() {
$scope._itemCarousel();
}, 500);
}
});
$scope._data_qty_model = 1;
$scope.viewQuantity = function() {
return $(".d_qty.active.inin").find('input').val() || 1;
};
$scope.decreseQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (i > 1) {
e.val(i - 1);
$scope._data_qty_selected = (i - 1);
}
return $scope._data_qty_selected;
};
$scope.increseQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (i > 98) {
i = 98;
}
if (isNaN(i)) {
i = 0;
}
e.val(i + 1);
$scope._data_qty_selected = (i + 1);
return $scope._data_qty_selected;
};
$scope.watchQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (i <= 0 || typeof i == 'undefined' || isNaN(i)) {
var t = $timeout(function() {
$timeout.cancel(t);
$scope._data_qty_selected = 1;
e.val(1);
}, 600);
}
if (i > 98) {
var t = $timeout(function() {
$timeout.cancel(t);
$scope._data_qty_selected = 99;
e.val(99);
}, 600);
}
};
$scope.slickGoto = function(idx) {
setTimeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickGoTo', idx);
}, 100);
};
$scope._slickGoLeft = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData) {
if (objectData.product_total_variant <= 0) {
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
// $scope.onClickVariantItems();
};
$scope.dataVariantsPick = [];
$scope.buy_button = false;
$scope.onClickVariantItems = function($index, option_id) {
console.log("onSelectVariantItems:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
$scope.buy_button = false;
if ($scope.dataVariantsPick.length >= $scope.dataOption.length) {
$scope.buy_button = true;
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope._saleState = {
discount: 0
};
$scope.sale = function(price, compare_price, discount_id, discount_price, discount_percent) {
var sale = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
sale = discount_price;
$scope._saleState.discount = 'price';
} else if (discount_percent != 0 && discount_price == 0) {
sale = discount_percent;
$scope._saleState.discount = 'percent';
}
}
return (sale > 0) ? sale : 0;
}
$scope._pricefullState = {
pricefull: 0
};
$scope.pricefull = function(price, compare_price, discount_id, discount_price, discount_percent) {
var pricefull = 0;
if (discount_id != undefined) {
pricefull = price;
} else {
if (compare_price != 0) {
pricefull = compare_price;
$scope._pricefullState.pricefull = 'not zero';
} else {
$scope._pricefullState.pricefull = 'zero';
}
}
return pricefull;
}
$scope.calculate = function(price, compare_price, discount_id, discount_price, discount_percent) {
var calculate = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
calculate = price - discount_price;
} else if (discount_percent != 0 && discount_price == 0) {
calculate = price - ((discount_percent / 100) * price);
}
} else {
calculate = price
}
return (calculate > 0) ? calculate : 0;
}
$scope.findVariantsData = function(variantsPick) {
var count = 0;
function compareArray(array_a, array) {
if (!array) return false;
if (array_a.length != array.length) return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i])) return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
for (var i = 0; i < dataVariants.length; i++) {
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if (compareArray(variantsPick, optionJson)) {
$scope._dataArray.product_id = dataVariants[i].product_id;
$scope._dataArray.product_sku = dataVariants[i].sku;
$scope._dataArray.product_price = dataVariants[i].price;
$scope._dataArray.product_compare_price = dataVariants[i].compare_price;
$scope._dataArray.product_total_stock = dataVariants[i].total_stock;
$scope.max_length = dataVariants[i].total_stock;
break;
}
if (!compareArray(variantsPick, optionJson)) {
count++;
}
if (count >= dataVariants.length) {
// alert(count + " and " + dataVariants.length);
// $scope.data.product_sku = dataVariants[i].sku;
$scope._dataArray.product_price = 0;
$scope._dataArray.product_compare_price = 0;
}
}
};
$scope.data_viewTab = 1;
$scope._viewTab = function(index) {
$scope.data_viewTab = index;
};
$scope.newLoginregister = function(name) {
window.location.href = GURL.base_url() + name;
//window.location.href='login';
};
$scope.makeVaraintsClick_Normal = function() {
$timeout(function() {
$('div.variantSelector').each(function(idx, obj) {
$(this).find('span[data-index="' + idx + '"]').eq(0).click();
});
}, 2000);
};
$scope.returnheight = function() {
$(".cover_image_item").css("height", $(".cover_image_item").css("width"));
$(".gallery_display").css("height", $(".cover_image_item").css("width"));
/* $("iframe").css("height", $(".cover_image_item").css("width"));
$("iframe").css("width", $(".cover_image_item").css("width")); */
}
$scope.timeCountStart = function() {
$scope.timeout_promise = $timeout(function() {
$scope.returnheight();
$scope.timeCountStart();
}, 1000);
}
$scope.timeCountStart();
$scope.displayImage = function(image_url, prefix) {
return (typeof image_url !== 'undefined') ? GAEAPI.getGaeImageUrl(image_url, prefix) : '';
}
$scope.showDebug = function() {
return (typeof $routeParams.debug !== 'undefined') ? true : false;
};
$scope.clickckvalue = function() {
var result = 0;
$scope.promotion_list = $('input[name=radiogroup]:checked').val();
console.log("promotion_list : ", $scope.promotion_list);
if ($('input[name=radiogroup]:checked').val() != "" && $('input[name=radiogroup]:checked').val() != undefined) {
result = $('input[name=radiogroup]:checked').val();
} else {
result = 0;
}
return result;
}
};
return promise;
});_ui_share_app.directive('productDetailPageVx', function($rootScope, $routeParams, sliderProvider, $componentProductDetail) {
var templateName = 'productDetailPageVx';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
imgpath: '@imgpath',
promotelink: '@promotelink',
id: '@id',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window, $http, $location) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.backgroundImageId = '';
$scope.toBackgroundImageId = function(id) {
console.log('toBackgroundImageId : id : ', id);
$scope.backgroundImageId = id;
};
$scope._viewRouteParams = function() {
return $routeParams || false;
};
$scope._idUrl = function(instr) {
var outstr = instr.split("-", 1).join("");
return outstr;
};
$scope.dataRelation = [];
$scope.getRelation = function(referral_id) {
var d = {
'txt_referral_id': referral_id
};
GAEAPI.get('referral/relation', d).then(function(e) {
if (e.ok == 1) {
$scope.dataRelation = e.data;
}
});
};
$scope.dataRelatetag = [];
$scope.dataRelatetagState = {
load: true,
done: false
};
$scope.productRelateTag = function(product_tag) {
$scope.dataRelatetagState = $scope.StateData(true, false);
if (product_tag != '') {
var tag = {
'tags': product_tag
};
var dataSend = {
'cur_page': 1,
'per_page': 4,
'txt_filter_json': JSON.stringify(tag)
};
} else {
$scope.dataRelatetagState = $scope.StateData(false, true);
$scope.dataRelatetag = [];
return;
}
console.log("dataSend :", dataSend);
GAEAPI.get('product/lists', dataSend).then(function(output) {
if (output.ok == 1) {
// for (var i = 0; i < output.data.dataList.length; i++) {
// if(output.data.dataList){
// $scope.dataRelatetag = output.data.dataList;
// }
// }
$scope.dataRelatetag = output.data.dataList;
console.log("dataSend :", output.data);
}
$scope.dataRelatetagState = $scope.StateData(false, true);
});
};
$scope._dataArray = [];
$scope._dataArrayState = {
load: false,
done: false
};
$scope.data_min = [];
$scope._dataArrayTags = [];
$scope.data_video_id = false;
$scope._getDataArray = function(id) {
$scope._dataArrayState = $scope.StateData(true, false);
var dataSend = {
'txt_product_id': id
};
GAEAPI.get('product/id', dataSend).then(function(res) {
if (res.ok === 1) {
$scope._dataArray = res.data;
$scope.data_video_id = $scope._dataArray.product_id;
// if ($scope._dataArray.product_hightlight_video_embed != "") {
// $scope._dataArray.product_image.unshift({
// image_url: $scope.imgPath + 'img-play.png',
// product_hightlight_video_embed: $scope._dataArray.product_hightlight_video_embed
// });
// }
$scope._dataArrayRelateProductId = res.data.product_id;
if (res.data.product_tags != "") {
$scope._dataArrayTags = res.data.product_tags.split(",");
}
if ($scope._dataArray.product_referral_display.category != undefined) {
$scope.getRelation($scope._dataArray.product_referral_display.category[0].referral_id);
}
$scope.productRelateTag($scope._dataArray.product_tags, $scope._dataArray.product_referral_display.category[0].referral_id);
if (res.data.product_attribute.option_data != 0 && res.data.product_total_variant > 0) {
if (res.data.product_attribute.option_data.variant_array.length != 0 && res.data.product_total_variant > 0) {
console.log("res.data.product_attribute.option_data.variant_array : ", res.data.product_attribute.option_data.variant_array);
var set_varia0 = res.data.product_attribute.option_data.variant_array[0].price;
for (var i = 0; i < res.data.product_attribute.option_data.variant_array.length; i++) {
if (parseFloat(set_varia0) >= parseFloat(res.data.product_attribute.option_data.variant_array[i].price)) {
set_varia0 = res.data.product_attribute.option_data.variant_array[i].price;
$scope.data_min = res.data.product_attribute.option_data.variant_array[i];
}
}
if ($scope.data_min.length == 0) {
$scope.data_min = res.data.product_attribute.option_data.variant_array[0];
}
if ($scope.data_min.length != 0) {
if ($scope.data_min.variant_image.length != 0) {
$scope.toBackgroundImageId($scope.data_min.variant_image[0].image_id);
}
}
console.log("iujdishjdskd : ", $scope.data_min);
// $scope.buildVariantOption(e.data);
// $scope.buildMultipleQuantity(e.data);
$scope.buildVariantOption(res.data);
}
$scope._dataArray.product_price = $scope.data_min.price;
$scope._dataArray.product_compare_price = $scope.data_min.compare_price;
}
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
$scope._getDataArray($scope._idUrl($scope._viewRouteParams().product_id));
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope._itemCarousel = function() {
var elementName = '[data-key="' + $scope._uniqueKey + '"]';
var optionsParmas = {
/*autoplay: (window.location.host !== 'localhost') ? true : false,*/
autoplay: false,
slidesToShow: 1,
slidesToScroll: 1,
dots: false,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
};
return sliderProvider(elementName, optionsParmas, $scope.type, $scope._uniqueKey);
};
$rootScope.$on('repeatend', function() {
if ($('[data-key="' + $scope._uniqueKey + '"]').not('.slick-initialized')) {
$timeout(function() {
$scope._itemCarousel();
}, 500);
}
});
$scope._data_qty_model = 1;
$scope.viewQuantity = function() {
return $(".d_qty.active.inin").find('input').val() || 1;
};
$scope.decreseQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseFloat(e.val());
if (i > 1) {
e.val(i - 1);
$scope._data_qty_selected = (i - 1);
}
return $scope._data_qty_selected;
};
$scope.increseQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseFloat(e.val());
if (i > 19) {
i = 19;
}
if (isNaN(i)) {
i = 0;
}
e.val(i + 1);
$scope._data_qty_selected = (i + 1);
return $scope._data_qty_selected;
};
$scope.watchQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseFloat(e.val());
if (i <= 0 || typeof i == 'undefined' || isNaN(i)) {
var t = $timeout(function() {
$timeout.cancel(t);
$scope._data_qty_selected = 1;
e.val(1);
}, 600);
}
if (i > 19) {
var t = $timeout(function() {
$timeout.cancel(t);
$scope._data_qty_selected = 20;
e.val(20);
}, 600);
}
};
$scope.slickGoto = function(idx) {
console.log('slickGoto : idx : ', idx);
setTimeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickGoTo', idx);
}, 100);
};
$scope._slickGoLeft = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData) {
if (objectData.product_total_variant <= 0) {
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
// $scope.onClickVariantItems();
};
$scope.dataVariantsPick = [];
$scope.buy_button = false;
$scope.onClickVariantItems = function($index, option_id) {
console.log("onSelectVariantItems:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
$scope.buy_button = false;
if ($scope.dataVariantsPick.length >= $scope.dataOption.length) {
$scope.buy_button = true;
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope.checkPrice = function(price) {
var check_price = 0;
var _price = (price != undefined && price != "" && price != null) ? price.toString() : "0";
if (_price.includes(".")) {
check_price = 2;
}
return check_price;
};
$scope._saleState = {
discount: 0
};
$scope.sale = function(price, compare_price, discount_id, discount_price, discount_percent) {
var sale = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
sale = discount_price;
$scope._saleState.discount = 'price';
} else if (discount_percent != 0 && discount_price == 0) {
sale = discount_percent;
$scope._saleState.discount = 'percent';
}
}
return (sale > 0) ? sale : 0;
}
$scope._pricefullState = {
pricefull: 0
};
$scope.pricefull = function(price, compare_price, discount_id, discount_price, discount_percent) {
var pricefull = 0;
if (discount_id != undefined) {
pricefull = price;
} else {
if (compare_price != 0) {
pricefull = compare_price;
$scope._pricefullState.pricefull = 'not zero';
} else {
$scope._pricefullState.pricefull = 'zero';
}
}
return pricefull;
}
$scope.calculate = function(price, compare_price, discount_id, discount_price, discount_percent) {
var calculate = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
calculate = price - discount_price;
} else if (discount_percent != 0 && discount_price == 0) {
calculate = price - ((discount_percent / 100) * price);
}
} else {
calculate = price
}
return (calculate > 0) ? calculate : 0;
}
$scope.findVariantsData = function(variantsPick) {
var count = 0;
function compareArray(array_a, array) {
if (!array) return false;
if (array_a.length != array.length) return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i])) return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
console.log("findVariantsData : dataVariants : ", dataVariants);
for (var i = 0; i < dataVariants.length; i++) {
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if (compareArray(variantsPick, optionJson)) {
$scope._dataArray.product_id = dataVariants[i].product_id;
$scope._dataArray.product_sku = dataVariants[i].sku;
$scope._dataArray.product_price = dataVariants[i].price;
$scope._dataArray.product_compare_price = dataVariants[i].compare_price;
$scope._dataArray.product_total_stock = dataVariants[i].total_stock;
// if (dataVariants[i].variant_image.length != 0) {
// $scope._dataArray.product_image = dataVariants[i].variant_image;
// $scope.mkCarousel();
// }
if (dataVariants[i].variant_image.length != 0) {
$scope.toBackgroundImageId(dataVariants[i].variant_image[0].image_id);
}
$scope.max_length = dataVariants[i].total_stock;
break;
}
if (!compareArray(variantsPick, optionJson)) {
count++;
}
if (count >= dataVariants.length) {
// alert(count + " and " + dataVariants.length);
// $scope.data.product_sku = dataVariants[i].sku;
$scope._dataArray.product_price = 0;
$scope._dataArray.product_compare_price = 0;
}
}
};
$scope.data_viewTab = 1;
$scope._viewTab = function(index) {
$scope.data_viewTab = index;
};
$scope.mkCarousel = function() {
var key = $('[data-key="' + $scope._key() + '"]');
var gall = $('[data-gall="' + $scope._key() + '"]');
key.css('height', '0');
key.css('opacity', '0');
gall.css('height', '0');
gall.css('opacity', '0');
setTimeout(function() {
key.css('height', 'auto');
key.css('opacity', '1');
gall.css('height', 'auto');
gall.css('opacity', '1');
}, 1500);
};
$scope.newLoginregister = function(name) {
window.location.href = GURL.base_url() + name;
//window.location.href='login';
};
$scope.makeVaraintsClick_Normal = function() {
$timeout(function() {
$('div.variantSelector').each(function(idx, obj) {
$(this).find('span[data-index="' + idx + '"]').eq(0).click();
});
}, 2000);
};
$scope.returnheight = function() {
$(".cover_image_item").css("height", $(".cover_image_item").css("width"));
$(".gallery_display").css("height", $(".cover_image_item").css("width"));
/* $("iframe").css("height", $(".cover_image_item").css("width"));
$("iframe").css("width", $(".cover_image_item").css("width")); */
}
$scope.timeCountStart = function() {
$scope.timeout_promise = $timeout(function() {
$scope.returnheight();
$scope.timeCountStart();
}, 1000);
}
$scope.timeCountStart();
$scope.displayImage = function(image_url, prefix) {
return (typeof image_url !== 'undefined') ? GAEAPI.getGaeImageUrl(image_url, prefix) : '';
}
$scope.showDebug = function() {
return (typeof $routeParams.debug !== 'undefined') ? true : false;
};
};
return promise;
});_ui_share_app.directive('productDetailPageW', function($rootScope, $routeParams, sliderProvider, $componentProductDetail, $location) {
var templateName = 'productDetailPageW';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
imgpath: '@imgpath',
promotelink: '@promotelink',
id: '@id',
imgcart: '@imgcart',
view: '@viewcart',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window, $http) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
if ($scope.imgcart != undefined) {
$scope.setimg_cart = $scope.icnPath + $scope.imgcart;
}
$scope._viewRouteParams = function() {
return $routeParams || false;
};
$scope._idUrl = function(instr) {
var outstr = instr.split("-", 1).join("");
return outstr;
};
$scope.dataRelation = [];
$scope.getRelation = function(referral_id) {
var d = {
'txt_referral_id': referral_id
};
GAEAPI.get('referral/relation', d).then(function(e) {
if (e.ok == 1) {
$scope.dataRelation = e.data;
}
});
};
$scope.dataRelatetag = [];
$scope.dataRelatetagState = {
load: true,
done: false
};
$scope.productRelateTag = function(product_tag) {
$scope.dataRelatetagState = $scope.StateData(true, false);
var tag = {
'tags': product_tag
};
var dataSend = {
'cur_page': 1,
'per_page': 4,
'txt_filter_json': JSON.stringify(tag)
};
console.log("dataSend :", dataSend);
GAEAPI.get('product/lists', dataSend).then(function(output) {
if (output.ok == 1) {
$scope.dataRelatetag = output.data.dataList;
console.log("dataSend :", output.data);
}
$scope.dataRelatetagState = $scope.StateData(false, true);
});
};
$scope.names = 20;
$scope._dataArray_tag = [];
$scope._dataArray = [];
$scope.data_video_id = false;
$scope._dataArrayState = {
load: false,
done: false
};
$scope._getDataArray = function(id) {
$scope._dataArrayState = $scope.StateData(true, false);
var dataSend = {
'txt_product_id': id
};
GAEAPI.get('product/id', dataSend).then(function(res) {
if (res.ok === 1) {
$scope._dataArray = res.data;
$scope.data_video_id = $scope._dataArray.product_id;
/*if ($scope._dataArray.product_hightlight_video_embed != "") {
$scope._dataArray.product_image.unshift({
image_url: $scope.imgPath + 'img-play.png',
product_hightlight_video_embed: $scope._dataArray.product_hightlight_video_embed
});
}*/
$scope._dataArray_tag = res.data.product_tags.split(",");
$scope._dataArrayRelateProductId = res.data.product_id;
if ($scope._dataArray.product_referral_display.category != undefined) {
$scope.getRelation($scope._dataArray.product_referral_display.category[0].referral_id);
}
$scope.productRelateTag($scope._dataArray.product_tags);
$scope.buildVariantOption(res.data);
if (res.data.product_attribute.length != 0) {
$scope.buildMultipleQuantity(res.data);
}
if (res.data.product_total_variant == 0 && res.data.product_total_stock > 0) {
$scope.names = parseInt(res.data.product_total_stock);
console.log("nnames stock :", $scope.names);
}
if (res.data.product_total_variant == 0 && res.data.product_total_stock < 0) {
$scope.names = 20;
console.log("nnames stock :", $scope.names);
}
if (res.data.product_total_variant > 0) {
$scope.names = 20;
}
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
$scope._getDataArray($scope._idUrl($scope._viewRouteParams().product_id));
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope._itemCarousel = function() {
var elementName = '#gallery_slider[data-key="' + $scope._uniqueKey + '"]';
var optionsParmas = {
autoplay: false,
slidesToShow: 1,
slidesToScroll: 1,
dots: true,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
};
return sliderProvider(elementName, optionsParmas, $scope.type, $scope._uniqueKey);
};
$rootScope.$on('repeatend', function() {
if ($('[data-key="' + $scope._uniqueKey + '"]').not('.slick-initialized')) {
$timeout(function() {
$scope._itemCarousel();
}, 500);
}
});
$scope._data_qty_model = 1;
$scope._data_qty_selected = 1;
$scope.viewQuantity = function() {
return $(".d_qty.active.inin").find('input').val() || 1;
};
$scope.decreseQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (i > 1) {
e.val(i - 1);
$scope._data_qty_selected = (i - 1);
}
return $scope._data_qty_selected;
};
$scope.increseQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (isNaN(i)) {
i = 0;
}
if (i < $scope.names) {
e.val(i + 1);
$scope._data_qty_selected = (i + 1);
}
return $scope._data_qty_selected;
};
$scope.watchQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (i <= 0 || typeof i == 'undefined' || isNaN(i)) {
var t = $timeout(function() {
$timeout.cancel(t);
$scope._data_qty_selected = 1;
e.val(1);
}, 600);
}
};
$scope.slickGoto = function(idx) {
setTimeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickGoTo', idx);
}, 100);
};
$scope._slickGoLeft = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData) {
if (objectData.product_total_variant <= 0) {
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
$scope.onSelectVariantItems(0, '');
};
$scope.dataVariantsPick = [];
$scope.onClickVariantItems = function($index, option_id) {
console.log("onSelectVariantItems:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
if ($scope.dataVariantsPick.length >= $scope.dataOption.length) {
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope.makeVariantsClick = function() {
var s = $timeout(function() {
$timeout.cancel(s);
$('select.variantSelector').each(function(idx, obj) {
var optionElementFirst = $(this).find('option[data-index="' + idx + '"]').eq(0);
optionElementFirst.prop("selected", true);
$scope.onSelectVariantItems(optionElementFirst.attr('data-index'), optionElementFirst.attr('data-option'));
});
}, 2000);
};
$scope._saleState = {
discount: 0
};
$scope.sale = function(price, compare_price, discount_id, discount_price, discount_percent) {
var sale = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
sale = discount_price;
$scope._saleState.discount = 'price';
} else if (discount_percent != 0 && discount_price == 0) {
sale = discount_percent;
$scope._saleState.discount = 'percent';
}
}
return (sale > 0) ? sale : 0;
}
$scope._pricefullState = {
pricefull: 0
};
$scope.pricefull = function(price, compare_price, discount_id, discount_price, discount_percent) {
var pricefull = 0;
if (discount_id != undefined) {
pricefull = price;
} else {
if (compare_price != 0) {
pricefull = compare_price;
$scope._pricefullState.pricefull = 'not zero';
} else {
$scope._pricefullState.pricefull = 'zero';
}
}
return pricefull;
}
$scope.calculate = function(price, compare_price, discount_id, discount_price, discount_percent) {
var calculate = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
calculate = price - discount_price;
} else if (discount_percent != 0 && discount_price == 0) {
calculate = price - ((discount_percent / 100) * price);
}
} else {
calculate = price
}
return (calculate > 0) ? calculate : 0;
}
$scope.findVariantsData = function(variantsPick) {
function compareArray(array_a, array) {
if (!array) return false;
if (array_a.length != array.length) return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i])) return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
for (var i = 0; i < dataVariants.length; i++) {
var _self = dataVariants[i];
var _self_option = angular.fromJson(_self.option_id_json);
console.log("selectedOptionTextJson: option", dataVariants);
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if (compareArray(variantsPick, optionJson)) {
$scope._dataArray.product_id = dataVariants[i].product_id;
$scope._dataArray.product_sku = dataVariants[i].sku;
$scope._dataArray.product_price = dataVariants[i].price;
$scope._dataArray.product_compare_price = dataVariants[i].compare_price;
if (dataVariants[i].total_stock != 0) {
$scope.names = dataVariants[i].total_stock;
} else {
$scope.names = 20;
}
$scope.switchQuantityByKey('-' + variantsPick.join('-') + '-');
console.log("selectedOptionTextJson: option", _self);
if (_self.variant_image.length) {
var rightImagePosition = 0;
for (var im = 0; im < $scope._dataArray.product_image.length; im++) {
if ($scope._dataArray.product_image[im].image_id == _self.variant_image[0].image_id) {
rightImagePosition = im;
break;
}
}
$timeout(function() {
console.log("Found Varaint Image", _self.variant_image[0].image_id);
if ($(window).width <= 991) {
$scope._slickGoto('gallery_show', rightImagePosition);
} else {
angular.element('.gallery-thumbnail .thumb-img[data-image-id="' + _self.variant_image[0].image_id + '"]').click();
}
}, 300);
}
break;
}
}
};
$scope.data_viewTab = 1;
$scope._viewTab = function(index) {
$scope.data_viewTab = index;
};
$scope.currentOptionQtyPick = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
return e.val();
};
$scope.switchQuantityByKey = function(variant_key) {
$scope.lastCheckedVariantKey = variant_key;
$('.d_qty').removeClass('active').removeClass('inin');
$('.d_qty_price[variant-key!="' + variant_key + '"]').removeClass('active').removeClass('inin');
$('.d_qty[variant-key="' + variant_key + '"]').addClass('active');
$('.d_qty[variant-key="' + variant_key + '"]').addClass('inin');
$('.d_qty_price[variant-key="' + variant_key + '"]').addClass('active');
$timeout(function() {
$('.d_qty[variant-key="' + variant_key + '"]').addClass('inin');
$('.d_qty_price[variant-key="' + variant_key + '"]').addClass('inin');
}, 300);
};
$scope.productQuantityMultiArray = [];
$scope.lastCheckedVariantKey = '';
$scope.buildMultipleQuantity = function(productObj) {
$scope.productQuantityMultiArray = [];
var r = [],
p = productObj.product_attribute.option_data.variant_array;
for (var i = 0; i < p.length; i++) {
if (p[i].status == 1 && p[i].status == 1) {
$scope.productQuantityMultiArray.push({
v_key: p[i].variant_key,
v_name: p[i].option_name_array[0],
v_qty: 1,
v_active: 0
});
}
}
};
$scope.dataVariantsPick = [];
$scope.electric = [];
$scope.testyuyu = 0;
$scope.onSelectVariantItems = function($index, option_id) {
$scope.testyuyu = 0;
if (option_id == '') {
$scope.testyuyu = 0;
$('.d_qty_price').removeClass("active");
$('.d_qty_price').removeClass("inin");
$('.d_qty').removeClass('active').removeClass('inin');
$('.d_qty_not_result').addClass("active");
$scope.dataVariantsPick[$index] = option_id;
console.log("check_vareian 1000:", $scope.dataVariantsPick.length, $index, $scope.dataVariantsPick, $scope.dataOption.length);
return GAEAPI.get('product/id', {
'txt_product_id': $scope._idUrl($scope._viewRouteParams().product_id)
}).then(function(e) {
if (e.ok == 1) {
$scope.data = e.data;
$scope.dataPreserve = e.data;
}
});
} else {
$scope.dataVariantsPick[$index] = option_id;
for (var i = 0; i < $scope.dataVariantsPick.length; i++) {
if ($scope.dataVariantsPick[i] != undefined && $scope.dataVariantsPick[i] != "") {
$scope.testyuyu++;
}
}
if ($scope.testyuyu >= $scope.dataOption.length) {
$scope.testyuyu = 0;
$('.d_qty_not_result').removeClass("active");
$scope.findVariantsData($scope.dataVariantsPick);
} else {
$scope.testyuyu = 0;
$('.d_qty').removeClass('active').removeClass('inin');
$('.d_qty_price').removeClass("active");
$('.d_qty_price').removeClass("inin");
}
console.log("check_vareian 1001:", $scope.dataVariantsPick.length, $index, $scope.dataVariantsPick, $scope.dataOption.length, $scope.electric);
}
};
$scope.ifOptionUnSelect = function() {
return ($('.d_qty_price.active.inin').length > 0) ? true : false;
};
$scope.warning = 0;
$scope.getWarn = function() {
$scope.warning = 1;
};
$scope.makeVaraintsClick_Normal = function() {
$timeout(function() {
$('div.variantSelector').each(function(idx, obj) {
$(this).find('span[data-index="' + idx + '"]').eq(0).click();
});
}, 2000);
};
$scope.returnheight = function() {
$(".cover_image_item").css("height", $(".cover_image_item").css("width"));
$(".gallery_display").css("height", $(".cover_image_item").css("width"));
$("iframe").css("height", $(".cover_image_item").css("width"));
$("iframe").css("width", $(".cover_image_item").css("width"));
}
$scope.timeCountStart = function() {
$scope.timeout_promise = $timeout(function() {
$scope.returnheight();
$scope.timeCountStart();
}, 1000);
}
$scope.newLoginregister = function(name) {
window.location.href = GURL.base_url() + name;
};
$scope.timeCountStart();
$scope.displayImage = function(image_url, prefix) {
return (typeof image_url !== 'undefined') ? GAEAPI.getGaeImageUrl(image_url, prefix) : '';
}
$scope.showDebug = function() {
return (typeof $routeParams.debug !== 'undefined') ? true : false;
};
};
return promise;
});_ui_share_app.directive('productDetailPageWa', function($rootScope, $routeParams, sliderProvider, $componentProductDetail, $location) {
var templateName = 'productDetailPageWa';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
imgpath: '@imgpath',
promotelink: '@promotelink',
id: '@id',
imgcart: '@imgcart',
view: '@viewcart',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window, $http) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
if ($scope.imgcart != undefined) {
$scope.setimg_cart = $scope.icnPath + $scope.imgcart;
}
$scope._viewRouteParams = function() {
return $routeParams || false;
};
$scope._idUrl = function(instr) {
var outstr = instr.split("-", 1).join("");
return outstr;
};
$scope.dataRelation = [];
$scope.getRelation = function(referral_id) {
var d = {
'txt_referral_id': referral_id
};
GAEAPI.get('referral/relation', d).then(function(e) {
if (e.ok == 1) {
$scope.dataRelation = e.data;
}
});
};
$scope.dataRelatetag = [];
$scope.dataRelatetagState = {
load: true,
done: false
};
$scope.productRelateTag = function(product_tag) {
$scope.dataRelatetagState = $scope.StateData(true, false);
var tag = {
'tags': product_tag
};
var dataSend = {
'cur_page': 1,
'per_page': 4,
'txt_filter_json': JSON.stringify(tag)
};
console.log("dataSend :", dataSend);
GAEAPI.get('product/lists', dataSend).then(function(output) {
if (output.ok == 1) {
$scope.dataRelatetag = output.data.dataList;
console.log("dataSend :", output.data);
}
$scope.dataRelatetagState = $scope.StateData(false, true);
});
};
$scope._dataArray = [];
$scope._dataArrayState = {
load: false,
done: false
};
$scope._getDataArray = function(id) {
$scope._dataArrayState = $scope.StateData(true, false);
var dataSend = {
'txt_product_id': id
};
GAEAPI.get('product/id', dataSend).then(function(res) {
if (res.ok === 1) {
$scope._dataArray = res.data;
/*if ($scope._dataArray.product_hightlight_video_embed != "") {
$scope._dataArray.product_image.unshift({
image_url: $scope.imgPath + 'img-play.png',
product_hightlight_video_embed: $scope._dataArray.product_hightlight_video_embed
});
}*/
$scope._dataArrayRelateProductId = res.data.product_id;
if ($scope._dataArray.product_referral_display.category != undefined) {
$scope.getRelation($scope._dataArray.product_referral_display.category[0].referral_id);
}
if(res.data.product_attribute.option_data != 0 && res.data.product_total_variant > 0){
if (res.data.product_attribute.option_data.variant_array.length != 0 && res.data.product_total_variant > 0) {
}
}
$scope.productRelateTag($scope._dataArray.product_tags);
$scope.buildVariantOption(res.data);
if (res.data.product_attribute.length != 0) {
$scope.buildMultipleQuantity(res.data);
}
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
$scope._getDataArray($scope._idUrl($scope._viewRouteParams().product_id));
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope._itemCarousel = function() {
var elementName = '#gallery_slider[data-key="' + $scope._uniqueKey + '"]';
var optionsParmas = {
autoplay: false,
slidesToShow: 1,
slidesToScroll: 1,
dots: true,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
};
return sliderProvider(elementName, optionsParmas, $scope.type, $scope._uniqueKey);
};
$rootScope.$on('repeatend', function() {
if ($('[data-key="' + $scope._uniqueKey + '"]').not('.slick-initialized')) {
$timeout(function() {
$scope._itemCarousel();
}, 500);
}
});
$scope._data_qty_model = 1;
$scope._data_qty_selected = 1;
$scope.viewQuantity = function() {
return $(".d_qty.active.inin").find('input').val() || 1;
};
$scope.decreseQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (i > 1) {
e.val(i - 1);
$scope._data_qty_selected = (i - 1);
}
return $scope._data_qty_selected;
};
$scope.increseQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (isNaN(i)) {
i = 0;
}
e.val(i + 1);
$scope._data_qty_selected = (i + 1);
return $scope._data_qty_selected;
};
$scope.watchQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (i <= 0 || typeof i == 'undefined' || isNaN(i)) {
var t = $timeout(function() {
$timeout.cancel(t);
$scope._data_qty_selected = 1;
e.val(1);
}, 600);
}
};
$scope.slickGoto = function(idx) {
setTimeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickGoTo', idx);
}, 100);
};
$scope._slickGoLeft = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData) {
if (objectData.product_total_variant <= 0) {
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
$scope.onSelectVariantItems(0, '');
};
$scope.dataVariantsPick = [];
$scope.onClickVariantItems = function($index, option_id) {
console.log("onSelectVariantItems:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
if ($scope.dataVariantsPick.length >= $scope.dataOption.length) {
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope.makeVariantsClick = function() {
var s = $timeout(function() {
$timeout.cancel(s);
$('select.variantSelector').each(function(idx, obj) {
var optionElementFirst = $(this).find('option[data-index="' + idx + '"]').eq(0);
optionElementFirst.prop("selected", true);
$scope.onSelectVariantItems(optionElementFirst.attr('data-index'), optionElementFirst.attr('data-option'));
});
}, 2000);
};
$scope._saleState = {
discount: 0
};
$scope.sale = function(price, compare_price, discount_id, discount_price, discount_percent) {
var sale = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
sale = discount_price;
$scope._saleState.discount = 'price';
} else if (discount_percent != 0 && discount_price == 0) {
sale = discount_percent;
$scope._saleState.discount = 'percent';
}
}
return (sale > 0) ? sale : 0;
}
$scope._pricefullState = {
pricefull: 0
};
$scope.pricefull = function(price, compare_price, discount_id, discount_price, discount_percent) {
var pricefull = 0;
if (discount_id != undefined) {
pricefull = price;
} else {
if (compare_price != 0) {
pricefull = compare_price;
$scope._pricefullState.pricefull = 'not zero';
} else {
$scope._pricefullState.pricefull = 'zero';
}
}
return pricefull;
}
$scope.calculate = function(price, compare_price, discount_id, discount_price, discount_percent) {
var calculate = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
calculate = price - discount_price;
} else if (discount_percent != 0 && discount_price == 0) {
calculate = price - ((discount_percent / 100) * price);
}
} else {
calculate = price
}
return (calculate > 0) ? calculate : 0;
}
$scope.findVariantsData = function(variantsPick) {
function compareArray(array_a, array) {
if (!array) return false;
if (array_a.length != array.length) return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i])) return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
for (var i = 0; i < dataVariants.length; i++) {
var _self = dataVariants[i];
var _self_option = angular.fromJson(_self.option_id_json);
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if (compareArray(variantsPick, optionJson)) {
$scope._dataArray.product_id = dataVariants[i].product_id;
$scope._dataArray.product_sku = dataVariants[i].sku;
$scope._dataArray.product_price = dataVariants[i].price;
$scope._dataArray.product_compare_price = dataVariants[i].compare_price;
$scope.switchQuantityByKey('-' + variantsPick.join('-') + '-');
console.log("selectedOptionTextJson: option", _self);
if (_self.variant_image.length) {
var rightImagePosition = 0;
for (var im = 0; im < $scope._dataArray.product_image.length; im++) {
if ($scope._dataArray.product_image[im].image_id == _self.variant_image[0].image_id) {
rightImagePosition = im;
break;
}
}
$timeout(function() {
console.log("Found Varaint Image", _self.variant_image[0].image_id);
if ($(window).width <= 991) {
$scope._slickGoto('gallery_show', rightImagePosition);
} else {
angular.element('.gallery-thumbnail .thumb-img[data-image-id="' + _self.variant_image[0].image_id + '"]').click();
}
}, 300);
}
break;
}
}
};
$scope.data_viewTab = 1;
$scope._viewTab = function(index) {
$scope.data_viewTab = index;
};
$scope.currentOptionQtyPick = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
return e.val();
};
$scope.switchQuantityByKey = function(variant_key) {
$scope.lastCheckedVariantKey = variant_key;
$('.d_qty').removeClass('active').removeClass('inin');
$('.d_qty_price[variant-key!="' + variant_key + '"]').removeClass('active').removeClass('inin');
$('.d_qty[variant-key="' + variant_key + '"]').addClass('active');
$('.d_qty[variant-key="' + variant_key + '"]').addClass('inin');
$('.d_qty_price[variant-key="' + variant_key + '"]').addClass('active');
$timeout(function() {
$('.d_qty[variant-key="' + variant_key + '"]').addClass('inin');
$('.d_qty_price[variant-key="' + variant_key + '"]').addClass('inin');
}, 300);
};
$scope.productQuantityMultiArray = [];
$scope.lastCheckedVariantKey = '';
$scope.buildMultipleQuantity = function(productObj) {
$scope.productQuantityMultiArray = [];
var r = [],
p = productObj.product_attribute.option_data.variant_array;
for (var i = 0; i < p.length; i++) {
if (p[i].status == 1 && p[i].status == 1) {
$scope.productQuantityMultiArray.push({
v_key: p[i].variant_key,
v_name: p[i].option_name_array[0],
v_qty: 1,
v_active: 0
});
}
}
};
$scope.dataVariantsPick = [];
$scope.electric = [];
$scope.testyuyu = 0;
$scope.onSelectVariantItems = function($index, option_id) {
$scope.testyuyu = 0;
if (option_id == '') {
$scope.testyuyu = 0;
$('.d_qty_price').removeClass("active");
$('.d_qty_price').removeClass("inin");
$('.d_qty').removeClass('active').removeClass('inin');
$('.d_qty_not_result').addClass("active");
$scope.dataVariantsPick[$index] = option_id;
console.log("check_vareian 1000:", $scope.dataVariantsPick.length, $index, $scope.dataVariantsPick, $scope.dataOption.length);
return GAEAPI.get('product/id', {
'txt_product_id': $scope._idUrl($scope._viewRouteParams().product_id)
}).then(function(e) {
if (e.ok == 1) {
$scope.data = e.data;
$scope.dataPreserve = e.data;
}
});
} else {
$scope.dataVariantsPick[$index] = option_id;
for (var i = 0; i < $scope.dataVariantsPick.length; i++) {
if ($scope.dataVariantsPick[i] != undefined && $scope.dataVariantsPick[i] != "") {
$scope.testyuyu++;
}
}
if ($scope.testyuyu >= $scope.dataOption.length) {
$scope.testyuyu = 0;
$('.d_qty_not_result').removeClass("active");
$scope.findVariantsData($scope.dataVariantsPick);
} else {
$scope.testyuyu = 0;
$('.d_qty').removeClass('active').removeClass('inin');
$('.d_qty_price').removeClass("active");
$('.d_qty_price').removeClass("inin");
}
console.log("check_vareian 1001:", $scope.dataVariantsPick.length, $index, $scope.dataVariantsPick, $scope.dataOption.length, $scope.electric);
}
};
$scope.ifOptionUnSelect = function() {
return ($('.d_qty_price.active.inin').length > 0) ? true : false;
};
$scope.warning = 0;
$scope.getWarn = function() {
$scope.warning = 1;
};
$scope.makeVaraintsClick_Normal = function() {
$timeout(function() {
$('div.variantSelector').each(function(idx, obj) {
$(this).find('span[data-index="' + idx + '"]').eq(0).click();
});
}, 2000);
};
$scope.returnheight = function() {
$(".cover_image_item").css("height", $(".cover_image_item").css("width"));
$(".gallery_display").css("height", $(".cover_image_item").css("width"));
$("iframe").css("height", $(".cover_image_item").css("width"));
$("iframe").css("width", $(".cover_image_item").css("width"));
}
$scope.timeCountStart = function() {
$scope.timeout_promise = $timeout(function() {
$scope.returnheight();
$scope.timeCountStart();
}, 1000);
}
$scope.newLoginregister = function(name) {
window.location.href = GURL.base_url() + name;
};
$scope.timeCountStart();
$scope.displayImage = function(image_url, prefix) {
return (typeof image_url !== 'undefined') ? GAEAPI.getGaeImageUrl(image_url, prefix) : '';
}
$scope.showDebug = function() {
return (typeof $routeParams.debug !== 'undefined') ? true : false;
};
};
return promise;
});_ui_share_app.directive('productDetailPageWorldcamera', function($rootScope, $routeParams, sliderProvider, $componentProductDetail) {
var templateName = 'productDetailPageWorldcamera';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
name: '@name',
type: '@type',
cart: '@cart',
buycol: '@buycol',
buyicon: '@buyicon',
buytext: '@buytext',
viewcarttext: '@viewcarttext',
buylogin: '@buylogin',
currency: '@currency',
checkstaff: '@checkstaff',
language: '@language',
btnstyle: '@btnstyle',
maxstock: '@maxstock',
videotext: '@videotext',
description: '@description',
info: '@info',
specification: '@specification',
textbrand:'@textbrand',
navigationhover: '@navigationhover',
imageappcoverchecked: '@imageappcoverchecked',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window, $http, $location ,share) {
$scope._console = (window.location.hostname == "localhost") ? true : false;
$scope._component = "productDetailPageWorldcamera";
$scope._imgPath = CUR_THEME.file_url() + "images/";
$scope._icnPath = CUR_THEME.file_url() + "../../assets/";
/* scope */
$scope._name = ($scope.name != undefined && $scope.name != "") ? $scope.name : "default";
$scope._type = $scope._componentType + $scope._class + ".html";
$scope._cart = ($scope.cart != undefined && $scope.cart != "") ? $scope.cart : "trumpComponentCarts";
$scope._buycol = ($scope.buycol != undefined && $scope.buycol != "") ? parseInt($scope.buycol) : 15;
$scope._maxstock = ($scope.maxstock != undefined && $scope.maxstock != "") ? parseInt($scope.maxstock) : 20;
$scope._btnstyle = ($scope.btnstyle != undefined && $scope.btnstyle != "") ? $scope.btnstyle : "filled_button_large";
$scope._buylogin = ($scope.buylogin == "true" || $scope.buylogin == "t") ? true : false;
$scope._checkstaff = ($scope.checkstaff == "true" || $scope.checkstaff == "t") ? true : false;
$scope._currency = ($scope.currency != undefined && $scope.currency != "") ? $scope.currency : "THB";
$scope._buyicon = ($scope.buyicon != undefined && $scope.buyicon != "") ? $scope.buyicon : "icnt_outline_cart01_dark.png";
$scope._buytext = ($scope.buytext != undefined && $scope.buytext != "") ? $scope.buytext : "เพิ่มในรถเข็น";
$scope._viewcarttext = ($scope.viewcarttext != undefined && $scope.viewcarttext != "") ? $scope.viewcarttext : "ดูรถเข็น";
$scope._videotext = ($scope.videotext != undefined && $scope.videotext != "") ? $scope.videotext : "Video";
$scope._icebuyicon = ($scope.buyicon != undefined && $scope.buyicon != "") ? $scope._icnPath + $scope.buyicon : $scope._icnPath + "icnt_outline_cart01_dark.png";
$scope._language = ($scope.language != undefined && $scope.language != "") ? (($scope.language == "en") ? "en" : "th") : "th";
$scope._textbrand = ($scope.textbrand != undefined && $scope.textbrand != "") ? $scope.textbrand : "Brand";
$scope._navigationhover = ($scope.navigationhover != undefined && $scope.navigationhover != "") ? $scope.navigationhover : "primary";
$scope._imageappcoverchecked = ($scope.imageappcoverchecked == "true" || $scope.imageappcoverchecked == "t") ? true : false;
/* scope */
$scope.getData = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
getRouteParams: function(callback) {
var _self = this;
var params = $routeParams;
var state = _self.stateData(true, false);
_self.consoleLog("getRouteParams params", params);
callback(params, state);
},
getNamePage: function(arr) {
var str = [];
for (var i = 0; i < arr.length; i++) {
if (i != 0) {
str.push(arr[i]);
}
}
return str.join(" ");
},
getProductId: function(params, callback) {
var _self = this;
var product_id = (params.product_id != undefined) ? params.product_id.split("-", 1).join("") : false;
_self.consoleLog("getProductId product_id", product_id);
callback(product_id);
},
stateData: function(load, done) {
var _self = this;
var state = {
load: load,
done: done
};
_self.consoleLog("stateData state", state);
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("dataSend api", api);
_self.consoleLog("dataSend dataSend", dataSend);
callback(api, dataSend);
},
checkGetApi: function(resApi, callback) {
var _self = this;
var ok = false;
if (resApi.ok == 1) {
ok = true;
}
_self.consoleLog("checkGetApi ok", ok);
callback(ok);
},
getApi: function(api, dataSend, callback) {
var _self = this;
var state = _self.stateData(true, false);
GAEAPI.get(api, dataSend, $scope).then(function(res_api) {
_self.checkGetApi(res_api, function(res_ok) {
_self.consoleLog("getApi api", api);
_self.consoleLog("getApi dataSend", dataSend);
_self.consoleLog("getApi res_api", res_api);
state = _self.stateData(false, true);
callback(res_ok, res_api, state);
})
});
},
getReferralId: function(productReferralDisplay, callback) {
var _self = this;
var referral_id = 0;
if (productReferralDisplay.length != 0) {
if (productReferralDisplay.category != undefined) {
if (productReferralDisplay.category.length != 0) {
referral_id = productReferralDisplay.category[0].referral_id
}
}
}
callback(referral_id);
},
getStaffId: function(staffId, callback) {
var _self = this;
var res_staff = {
staff_id: (staffId != 0 && staffId != '' && staffId != undefined) ? staffId : '0',
status: (staffId != 0 && staffId != '' && staffId != undefined) ? true : false
}
callback(res_staff);
},
getNameUrl: function(name, callback) {
var _self = this;
name = name.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
_self.consoleLog("getNameUrl", "name", name);
callback(name);
},
main: function() {
var _self = this;
}
}
return getFunction;
};
$scope.getCarousel = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
getCarousel: function(carousel, callback) {
var _self = this;
var carousel_id = 0;
if (carousel == 0) {
carousel_id = Math.floor((Math.random() * 9999) + 1000);
}
callback(carousel_id);
},
carouselA: function(cover, carousel) {
var _self = this;
$(cover).css('height', '0');
$(cover).css('opacity', '0');
$(carousel).css('opacity', '0');
setTimeout(function() {
var carousels = $(carousel);
carousels.not('.slick-initialized').slick({
fade: true,
dots: false,
arrows: false,
infinite: true,
autoplay: false,
adaptiveHeight: true,
autoplaySpeed: 4000,
slidesToShow: 1,
slidesToScroll: 1,
prevArrow: '',
nextArrow: '',
speed: 600,
}).closest('section').addClass('active');
$(cover).css('height', 'auto');
$(cover).css('opacity', '1');
$(carousel).css('opacity', '1');
}, 500);
},
carouselB: function(cover, carousel) {
var _self = this;
$(cover).css('height', '0');
$(cover).css('opacity', '0');
$(carousel).css('opacity', '0');
setTimeout(function() {
var carousels = $(carousel);
carousels.not('.slick-initialized').slick({
dots: true,
arrows: true,
infinite: true,
autoplay: false,
autoplaySpeed: 4000,
slidesToShow: 1,
slidesToScroll: 1,
prevArrow: '',
nextArrow: '',
speed: 600,
}).closest('section').addClass('active');
$(cover).css('height', 'auto');
$(cover).css('opacity', '1');
$(carousel).css('opacity', '1');
}, 500);
},
carouselD: function(cover, carousel) {
var _self = this;
$(cover).css('height', '0');
$(cover).css('opacity', '0');
$(carousel).css('opacity', '0');
setTimeout(function() {
var carousels = $(carousel);
carousels.not('.slick-initialized').slick({
dots: false,
arrows: true,
infinite: true,
autoplay: true,
adaptiveHeight: true,
autoplaySpeed: 4000,
slidesToShow: 1,
slidesToScroll: 1,
prevArrow: '',
nextArrow: '',
speed: 600,
}).closest('section').addClass('active');
$(cover).css('height', 'auto');
$(cover).css('opacity', '1');
$(carousel).css('opacity', '1');
}, 500);
},
carouselBar: function(cover, carousel) {
var _self = this;
$(cover).css('height', '0');
$(cover).css('opacity', '0');
$(carousel).css('opacity', '0');
setTimeout(function() {
var carousels = $(carousel);
carousels.not('.slick-initialized').slick({
dots: false,
arrows: false,
infinite: false,
autoplay: false,
adaptiveHeight: true,
autoplaySpeed: 4000,
slidesToShow: 6,
slidesToScroll: 6,
speed: 600,
responsive: [{
breakpoint: 1200,
settings: {
slidesToShow: 5,
slidesToScroll: 5,
}
}, {
breakpoint: 991,
settings: {
slidesToShow: 4,
slidesToScroll: 4,
}
}, {
breakpoint: 767,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
}
}]
}).closest('section').addClass('active');
$(cover).css('height', 'auto');
$(cover).css('opacity', '1');
$(carousel).css('opacity', '1');
}, 500);
},
slickCarousel: function(carousel, index) {
var _self = this;
$scope.setCarousel.index = index;
setTimeout(function() {
$('[data-key="' + carousel + '"]').slick('slickGoTo', index);
}, 100);
},
prevIndex: function(product_image) {
var _self = this;
var image = product_image.length;
var image_index = $scope.setCarousel.index;
$scope.setCarousel.index = (image_index != 0) ? image_index - 1 : image - 1;
_self.consoleLog("prevIndex index", $scope.setCarousel.index);
},
nextIndex: function(product_image) {
var _self = this;
var image = product_image.length;
var image_index = $scope.setCarousel.index;
$scope.setCarousel.index = (image_index != (image - 1)) ? image_index + 1 : 0;
_self.consoleLog("nextIndex index", $scope.setCarousel.index);
}
}
return getFunction;
};
$scope.getAttribute = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
productAttribute: function(productAttribute, callback) {
var _self = this;
var attribute = {
option_name: "",
option_attribute: []
};
if (productAttribute.option_data != undefined) {
if (productAttribute.option_data.variant_array != undefined && productAttribute.option_data.variant_array.length != 0) {
for (var a = 0; a < productAttribute.option_data.pclass_array.length; a++) {
attribute.option_name = attribute.option_name.concat(productAttribute.option_data.pclass_array[a].pclass_name, " ");
}
for (var b = 0; b < productAttribute.option_data.variant_array.length; b++) {
var product_attribute = {
product_id: productAttribute.option_data.variant_array[b].product_id,
product_sku: productAttribute.option_data.variant_array[b].sku,
product_title: "",
product_price: parseFloat(productAttribute.option_data.variant_array[b].price),
product_compare_price: parseFloat(productAttribute.option_data.variant_array[b].compare_price),
product_total_stock: parseFloat(productAttribute.option_data.variant_array[b].total_stock),
product_image: productAttribute.option_data.variant_array[b].variant_image
}
for (var c = 0; c < productAttribute.option_data.variant_array[b].option_name_array.length; c++) {
product_attribute.product_title = product_attribute.product_title.concat(productAttribute.option_data.variant_array[b].option_name_array[c], " ");
}
attribute.option_attribute.push(product_attribute);
}
}
}
_self.consoleLog("productAttribute attribute ", attribute);
callback(attribute);
},
checkDiscountPrice: function(productDiscount, resPrice, resComparePrice, callback) {
var _self = this;
var price = 0;
var compare_price = 0;
if (productDiscount.length == 0) {
price = parseFloat(resPrice);
compare_price = parseFloat(resComparePrice);
} else {
if (productDiscount.discount_type_id == '101') {
price = parseFloat(resPrice) - parseFloat(productDiscount.discount_price);
compare_price = parseFloat(resPrice);
} else if (productDiscount.discount_type_id == '102') {
price = (parseFloat(resPrice) * ((100 - parseFloat(productDiscount.discount_percent)) / 100));
compare_price = parseFloat(resPrice);
}
}
callback(price, compare_price);
},
checkMinPrice: function(option, callback) {
var _self = this;
var price_min = parseFloat(option.option_attribute[0].product_price);
var compare_price_min = parseFloat(option.option_attribute[0].product_compare_price);
var total_stock = parseFloat(option.option_attribute[0].product_total_stock);
for (var a = 0; a < option.option_attribute.length; a++) {
if (price_min >= parseFloat(option.option_attribute[a].product_price)) {
price_min = parseFloat(option.option_attribute[a].product_price);
compare_price_min = parseFloat(option.option_attribute[a].product_compare_price);
total_stock = parseFloat(option.option_attribute[a].product_total_stock);
}
}
_self.consoleLog("checkPriceMin price_min ", price_min);
_self.consoleLog("checkPriceMin compare_price_min ", compare_price_min);
_self.consoleLog("checkPriceMin total_stock ", total_stock);
callback(price_min, compare_price_min, total_stock);
},
getTotalStock: function(totalStock, mixStock, callback) {
var _self = this;
var total_stock = (totalStock > 0) ? ((totalStock <= mixStock) ? totalStock : mixStock) : ((totalStock == -1) ? mixStock : totalStock);
callback(total_stock);
},
checkMinPrices: function(api, attribute, callback) {
var _self = this;
var dataPrice = {
product_price: {
price_name: 'product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
product_compare_price: {
price_name: 'product_compare_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_price: {
price_name: 'sum_product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_compare_price: {
price_name: 'sum_product_compare_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_compare_minus_sum_product_price: {
price_name: 'sum_product_compare_minus_sum_product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
}
}
if (attribute.option_attribute.length == 0) {
_self.checkDiscountPrice(api.data.product_discount, api.data.product_price, api.data.product_compare_price, function(res_price, res_compare_price) {
_self.checkPrice(res_price, function(res_price_ecimals) {
dataPrice.product_price.price = res_price;
dataPrice.product_price.price_ecimals = res_price_ecimals;
dataPrice.sum_product_price.price = res_price;
dataPrice.sum_product_price.price_ecimals = res_price_ecimals;
_self.checkPrice(res_compare_price, function(res_compare_price_ecimals) {
dataPrice.product_compare_price.price = res_compare_price;
dataPrice.product_compare_price.price_ecimals = res_compare_price_ecimals;
dataPrice.sum_product_compare_price.price = res_compare_price;
dataPrice.sum_product_compare_price.price_ecimals = res_compare_price_ecimals;
var compare_price_minus_price = ((res_compare_price - res_price) > 0) ? res_compare_price - res_price : 0;
_self.checkPrice(compare_price_minus_price, function(res_compare_price_minus_price_ecimals) {
dataPrice.sum_product_compare_minus_sum_product_price.price = compare_price_minus_price;
dataPrice.sum_product_compare_minus_sum_product_price.price_ecimals = res_compare_price_minus_price_ecimals;
_self.getTotalStock(api.data.product_total_stock, $scope._maxstock, function(res_total_stock_s) {
dataPrice.product_price.total_stock = res_total_stock_s;
dataPrice.product_compare_price.total_stock = res_total_stock_s;
dataPrice.sum_product_price.total_stock = res_total_stock_s;
dataPrice.sum_product_compare_price.total_stock = res_total_stock_s;
dataPrice.sum_product_compare_minus_sum_product_price.total_stock = res_total_stock_s;
callback(dataPrice, false);
});
});
});
});
});
} else {
_self.checkMinPrice(attribute, function(res_price_min, res_compare_price_min, res_total_stock) {
_self.checkDiscountPrice(api.data.product_discount, res_price_min, res_compare_price_min, function(res_price, res_compare_price) {
_self.checkPrice(res_price, function(res_price_ecimals) {
dataPrice.product_price.price = res_price;
dataPrice.product_price.price_ecimals = res_price_ecimals;
dataPrice.sum_product_price.price = res_price;
dataPrice.sum_product_price.price_ecimals = res_price_ecimals;
_self.checkPrice(res_compare_price, function(res_compare_price_ecimals) {
dataPrice.product_compare_price.price = res_compare_price;
dataPrice.product_compare_price.price_ecimals = res_compare_price_ecimals;
dataPrice.sum_product_compare_price.price = res_compare_price;
dataPrice.sum_product_compare_price.price_ecimals = res_compare_price_ecimals;
var compare_price_minus_price = ((res_compare_price - res_price) > 0) ? res_compare_price - res_price : 0;
_self.checkPrice(compare_price_minus_price, function(res_compare_price_minus_price_ecimals) {
dataPrice.sum_product_compare_minus_sum_product_price.price = compare_price_minus_price;
dataPrice.sum_product_compare_minus_sum_product_price.price_ecimals = res_compare_price_minus_price_ecimals;
_self.getTotalStock(res_total_stock, $scope._maxstock, function(res_total_stock_s) {
dataPrice.product_price.total_stock = res_total_stock_s;
dataPrice.product_compare_price.total_stock = res_total_stock_s;
dataPrice.sum_product_price.total_stock = res_total_stock_s;
dataPrice.sum_product_compare_price.total_stock = res_total_stock_s;
dataPrice.sum_product_compare_minus_sum_product_price.total_stock = res_total_stock_s;
callback(dataPrice, true);
});
});
});
});
});
});
}
},
priceIncludes: function(price, includes, callback) {
var _self = this;
var priceToString = (price == null) ? 0 : price;
_self.consoleLog('priceIncludes priceToString : ', priceToString);
callback(priceToString.toString().includes(includes));
},
checkPrice: function(price, callback) {
var _self = this;
_self.priceIncludes(price, '.', function(res) {
_self.consoleLog("checkPrice res ", res);
callback((!res) ? 0 : 2);
});
},
onSelectOption: function(productId) {
var _self = this;
$scope.data.quantity.quantity_input = 1;
$scope.dataApi.product.dataArray.product_id = productId;
_self.consoleLog("onSelectOption productId ", productId);
$scope.getBuy().updateState($scope.dataApi.product.dataArray.product_id);
for (var a = 0; a < $scope.data.attribute.dataArray.option_attribute.length; a++) {
_self.consoleLog("onSelectOption option_attribute ", $scope.data.attribute.dataArray.option_attribute[a]);
if ($scope.data.attribute.dataArray.option_attribute[a].product_id == productId) {
if ($scope.data.attribute.dataArray.option_attribute[a].product_image.length != 0) {
if ($scope.dataApi.product.dataArray.product_image.length != 0) {
for (var b = 0; b < $scope.dataApi.product.dataArray.product_image.length; b++) {
if ($scope.dataApi.product.dataArray.product_image[b].image_id == $scope.data.attribute.dataArray.option_attribute[a].product_image[0].image_id) {
$scope.getCarousel().slickCarousel($scope.setCarousel.carousel, b);
}
}
}
}
_self.checkDiscountPrice($scope.dataApi.product.dataArray.product_discount, $scope.data.attribute.dataArray.option_attribute[a].product_price, $scope.data.attribute.dataArray.option_attribute[a].product_compare_price, function(res_price_p, res_compare_price_p) {
_self.checkPrice(res_price_p, function(res_price_ecimals_p) {
$scope.data.product_price.price = res_price_p;
$scope.data.product_price.price_ecimals = res_price_ecimals_p;
$scope.data.sum_product_price.price = res_price_p;
$scope.data.sum_product_price.price_ecimals = res_price_ecimals_p;
_self.checkPrice(res_compare_price_p, function(res_compare_price_ecimals_p) {
$scope.data.product_compare_price.price = res_compare_price_p;
$scope.data.product_compare_price.price_ecimals = res_compare_price_ecimals_p;
$scope.data.sum_product_compare_price.price = res_compare_price_p;
$scope.data.sum_product_compare_price.price_ecimals = res_compare_price_ecimals_p;
var compare_price_minus_price_p = ((res_compare_price_p - res_price_p) > 0) ? res_compare_price_p - res_price_p : 0;
_self.checkPrice(compare_price_minus_price_p, function(res_compare_price_minus_price_ecimals_p) {
$scope.data.sum_product_compare_minus_sum_product_price.price = compare_price_minus_price_p;
$scope.data.sum_product_compare_minus_sum_product_price.price_ecimals = res_compare_price_minus_price_ecimals_p;
_self.getTotalStock($scope.data.attribute.dataArray.option_attribute[a].product_total_stock, $scope._maxstock, function(res_total_stock_s) {
$scope.data.product_price.total_stock = res_total_stock_s;
$scope.data.product_compare_price.total_stock = res_total_stock_s;
$scope.data.sum_product_price.total_stock = res_total_stock_s;
$scope.data.sum_product_compare_price.total_stock = res_total_stock_s;
$scope.data.sum_product_compare_minus_sum_product_price.total_stock = res_total_stock_s;
/* stock */
$scope.data.quantity.quantity_max = res_total_stock_s;
$scope.data.quantity.quantity_select = [];
for (var i = 0; i < res_total_stock_s; i++) {
$scope.data.quantity.quantity_select.push(i + 1);
}
/* stock */
})
});
});
});
});
break;
}
}
},
onClickOption: function(index) {
var _self = this;
$scope.data.quantity.quantity_input = 1;
$scope.dataApi.product.dataArray.product_id = $scope.data.attribute.dataArray.option_attribute[index].product_id;
$scope.data.attribute.productId = $scope.data.attribute.dataArray.option_attribute[index].product_id;
$scope.getBuy().updateState($scope.dataApi.product.dataArray.product_id);
if ($scope.data.attribute.dataArray.option_attribute[index].product_image.length != 0) {
if ($scope.dataApi.product.dataArray.product_image.length != 0) {
for (var i = 0; i < $scope.dataApi.product.dataArray.product_image.length; i++) {
if ($scope.dataApi.product.dataArray.product_image[i].image_id == $scope.data.attribute.dataArray.option_attribute[index].product_image[0].image_id) {
$scope.getCarousel().slickCarousel($scope.setCarousel.carousel, i);
}
}
}
}
_self.checkDiscountPrice($scope.dataApi.product.dataArray.product_discount, $scope.data.attribute.dataArray.option_attribute[index].product_price, $scope.data.attribute.dataArray.option_attribute[index].product_compare_price, function(res_price_p, res_compare_price_p) {
_self.checkPrice(res_price_p, function(res_price_ecimals_p) {
$scope.data.product_price.price = res_price_p;
$scope.data.product_price.price_ecimals = res_price_ecimals_p;
$scope.data.sum_product_price.price = res_price_p;
$scope.data.sum_product_price.price_ecimals = res_price_ecimals_p;
_self.checkPrice(res_compare_price_p, function(res_compare_price_ecimals_p) {
$scope.data.product_compare_price.price = res_compare_price_p;
$scope.data.product_compare_price.price_ecimals = res_compare_price_ecimals_p;
$scope.data.sum_product_compare_price.price = res_compare_price_p;
$scope.data.sum_product_compare_price.price_ecimals = res_compare_price_ecimals_p;
var compare_price_minus_price_p = ((res_compare_price_p - res_price_p) > 0) ? res_compare_price_p - res_price_p : 0;
_self.checkPrice(compare_price_minus_price_p, function(res_compare_price_minus_price_ecimals_p) {
$scope.data.sum_product_compare_minus_sum_product_price.price = compare_price_minus_price_p;
$scope.data.sum_product_compare_minus_sum_product_price.price_ecimals = res_compare_price_minus_price_ecimals_p;
_self.getTotalStock($scope.data.attribute.dataArray.option_attribute[index].product_total_stock, $scope._maxstock, function(res_total_stock_s) {
$scope.data.product_price.total_stock = res_total_stock_s;
$scope.data.product_compare_price.total_stock = res_total_stock_s;
$scope.data.sum_product_price.total_stock = res_total_stock_s;
$scope.data.sum_product_compare_price.total_stock = res_total_stock_s;
$scope.data.sum_product_compare_minus_sum_product_price.total_stock = res_total_stock_s;
/* stock */
$scope.data.quantity.quantity_max = res_total_stock_s;
$scope.data.quantity.quantity_select = [];
for (var i = 0; i < res_total_stock_s; i++) {
$scope.data.quantity.quantity_select.push(i + 1);
}
/* stock */
})
});
});
});
});
}
}
return getFunction;
};
$scope.getAttributeCustom = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
createArray: function(productCustomTemplates, callback) {
var _self = this;
var custom_attributes = [];
if (productCustomTemplates.templates.length != 0) {
angular.forEach(productCustomTemplates.templates, function(item, index) {
if (item.option_sets.length != 0) {
_self.getAttributes(item.option_sets, function(res_attributes) {
custom_attributes = custom_attributes.concat(res_attributes);
});
}
});
/* if (productCustomTemplates.templates[0].option_sets.length != 0) {
_self.getAttributes(productCustomTemplates.templates[0].option_sets, function(res_attributes) {
custom_attributes = res_attributes;
});
} */
}
_self.consoleLog("createArray : productCustomTemplates", productCustomTemplates);
_self.consoleLog("createArray : custom_attributes", custom_attributes);
callback(custom_attributes, true);
},
formatAttribute: function(index, optionSubsetIndex, setType, optionSetArray, callback) {
var _self = this;
var set_id = (setType == 'attribute') ? optionSetArray.set_id : optionSetArray.subset_id;
var attribute = {
attribute_index: index,
attribute_option_subset_index: optionSubsetIndex,
active_option_id: (optionSetArray.option_data.select_id != 0) ? optionSetArray.option_data.select_id : "-1",
active_option_index: -1,
active_option_index_str: "-1",
active_textarea: "",
active_array: [],
set_id: set_id,
name: optionSetArray.name,
set_type: optionSetArray.ss_type,
option: []
}
callback(attribute);
},
getOption: function(index, optionDataArray, callback) {
var _self = this;
var options = {
index: index,
ss_data_id: optionDataArray.ss_data_id,
name: optionDataArray.name,
image: optionDataArray.image,
price: optionDataArray.price,
compare_price: 0,
total_stock: 0
}
callback(options);
},
getActive: function(index, activeOptionId, activeOptionIdIn, optionDataArray, callback) {
var _self = this;
var actives_index = (optionDataArray.ss_data_id == activeOptionId) ? index : activeOptionIdIn;
var actives = (optionDataArray.ss_data_id != activeOptionId) ? "0" : "1";
callback(actives_index, actives);
},
getAttributes: function(optionSetArray, callback) {
var _self = this;
var attributes = [];
for (var index = 0; index < optionSetArray.length; index++) {
_self.formatAttribute(index, 0, 'attribute', optionSetArray[index], function(res_attribute) {
if (optionSetArray[index].option_subsets.length != 0) {
for (var option_subset_index = 0; option_subset_index < optionSetArray[index].option_subsets.length; option_subset_index++) {
_self.formatAttribute(index, option_subset_index, res_attribute.set_type, optionSetArray[index].option_subsets[option_subset_index], function(res_attribute_sub) {
var options = [];
var active_option_id = -1;
var active_option_array = [];
for (var option = 0; option < optionSetArray[index].option_subsets[option_subset_index].option_data.options.length; option++) {
_self.getOption(option, optionSetArray[index].option_subsets[option_subset_index].option_data.options[option], function(res_option) {
options.push(res_option);
});
_self.getActive(option, res_attribute_sub.active_option_id, active_option_id, optionSetArray[index].option_subsets[option_subset_index].option_data.options[option], function(res_actives_index, res_actives) {
active_option_id = res_actives_index;
active_option_array.push(res_actives);
});
}
res_attribute_sub.option = options;
res_attribute_sub.active_option_index = active_option_id;
res_attribute_sub.active_option_index_str = String(active_option_id);
res_attribute_sub.active_array = active_option_array;
attributes.push(res_attribute_sub);
});
}
} else {
var options = [];
var active_option_id = -1;
var active_option_array = [];
for (var option = 0; option < optionSetArray[index].option_data.options.length; option++) {
_self.getOption(option, optionSetArray[index].option_data.options[option], function(res_option) {
options.push(res_option);
});
_self.getActive(option, res_attribute.active_option_id, active_option_id, optionSetArray[index].option_data.options[option], function(res_actives_index, res_actives) {
active_option_id = res_actives_index;
active_option_array.push(res_actives);
});
}
res_attribute.option = options;
res_attribute.active_option_index = active_option_id;
res_attribute.active_option_index_str = String(active_option_id);
res_attribute.active_array = active_option_array;
attributes.push(res_attribute);
}
});
}
callback(attributes)
},
getformatQuantity: function(index, attributeCustom, callback) {
var _self = this;
var quantity = {
name: String(index + 1),
dataArray: attributeCustom
}
callback(quantity);
},
onClickRadio: function(index, index_option) {
var _self = this;
_self.consoleLog("onClickRadio : index", index);
_self.consoleLog("onClickRadio : index_option", index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index = parseInt(index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index_str = String(index_option);
for (var i = 0; i < $scope.data.attribute_custom.dataArray[index].active_array.length; i++) {
$scope.data.attribute_custom.dataArray[index].active_option_id = (i != parseInt(index_option)) ? $scope.data.attribute_custom.dataArray[index].active_option_id : $scope.data.attribute_custom.dataArray[index].option[i].ss_data_id;
$scope.data.attribute_custom.dataArray[index].active_array[i] = (i != parseInt(index_option)) ? "0" : "1";
}
_self.consoleLog("onClickRadio : $scope.data.attribute_custom.dataArray[index]", $scope.data.attribute_custom.dataArray[index]);
},
onClickDropdown: function(index, index_option) {
var _self = this;
_self.consoleLog("onClickDropdown : index", index);
_self.consoleLog("onClickDropdown : index_option", index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index = parseInt(index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index_str = String(index_option);
for (var i = 0; i < $scope.data.attribute_custom.dataArray[index].active_array.length; i++) {
$scope.data.attribute_custom.dataArray[index].active_option_id = (i != parseInt(index_option)) ? $scope.data.attribute_custom.dataArray[index].active_option_id : $scope.data.attribute_custom.dataArray[index].option[i].ss_data_id;
$scope.data.attribute_custom.dataArray[index].active_array[i] = (i != parseInt(index_option)) ? "0" : "1";
}
_self.consoleLog("onClickDropdown : $scope.data.attribute_custom.dataArray[index]", $scope.data.attribute_custom.dataArray[index]);
},
onClickCheckbox: function(index, index_option) {
var _self = this;
_self.consoleLog("onClickCheckbox : index", index);
_self.consoleLog("onClickCheckbox : index_option", index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index = parseInt(index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index_str = String(index_option);
for (var i = 0; i < $scope.data.attribute_custom.dataArray[index].active_array.length; i++) {
$scope.data.attribute_custom.dataArray[index].active_option_id = (i != parseInt(index_option)) ? $scope.data.attribute_custom.dataArray[index].active_option_id : $scope.data.attribute_custom.dataArray[index].option[i].ss_data_id;
$scope.data.attribute_custom.dataArray[index].active_array[i] = (i == parseInt(index_option)) ? (($scope.data.attribute_custom.dataArray[index].active_array[i] != "0") ? "0" : "1") : $scope.data.attribute_custom.dataArray[index].active_array[i];
}
_self.consoleLog("onClickCheckbox : $scope.data.attribute_custom.dataArray[index]", $scope.data.attribute_custom.dataArray[index]);
}
}
return getFunction;
};
$scope.getReward = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
momentUnix: function(callback) {
var _self = this;
var now = moment().unix();
callback(now);
},
getCalculator: function(sumProductPrice, reward, callback) {
var _self = this;
_self.consoleLog("getCalculator : sumProductPrice", sumProductPrice);
_self.consoleLog("getCalculator : reward", reward);
var point_reward = 0;
if (reward.type_id == "100") {
point_reward = Math.floor((sumProductPrice.price / reward.reward_every_price)) * reward.reward_amount;
} else if (reward.type_id == "101") {
point_reward = reward.reward_amount;
} else if (reward.type_id == "102") {
point_reward = (reward.reward_percent * sumProductPrice.price) / 100;
} else if (reward.type_id == "103") {
point_reward = Math.floor((sumProductPrice.price / reward.reward_every_price)) * reward.reward_amount;
}
_self.consoleLog("getCalculator : point_reward", point_reward);
callback(point_reward);
},
getProductReward: function(now, productReward, callback) {
var _self = this;
var reward = {
reward_length: (productReward.length != 0) ? true : false,
lifetime_time: 0,
lifetime_start_time: 0,
lifetime_end_time: 0,
type_id: "0",
amount: 0,
percent: 0,
every_price: 0
};
reward.lifetime_time = now;
if (reward.reward_length) {
reward.lifetime_start_time = parseInt(productReward.reward_lifetime.lifetime_start_time);
reward.lifetime_end_time = parseInt(productReward.reward_lifetime.lifetime_end_time);
reward.type_id = productReward.reward_type_id;
reward.amount = parseInt(productReward.reward_amount);
reward.percent = parseInt(productReward.reward_percent);
reward.every_price = parseInt(productReward.reward_every_price);
}
_self.consoleLog("getProductReward : reward", reward);
callback(reward);
},
getPointConfig: function(now, shopPointConfig, callback) {
var _self = this;
var reward = {
reward_length: (shopPointConfig.length != 0) ? true : false,
lifetime_time: 0,
lifetime_start_time: 0,
lifetime_end_time: 0,
type_id: "0",
amount: 0,
percent: 0,
every_price: 0
};
reward.lifetime_time = now;
if (reward.reward_length) {
reward.lifetime_start_time = parseInt(shopPointConfig.er_from);
reward.lifetime_end_time = parseInt(shopPointConfig.er_to);
reward.type_id = "100";
reward.amount = parseInt(shopPointConfig.er_earn);
reward.every_price = parseInt(shopPointConfig.er_rate);
}
_self.consoleLog("getPointConfig : reward", reward);
callback(reward);
},
checkPointReward: function(reward, callback) {
var _self = this;
var state = false;
if (reward.reward_length) {
var start = reward.lifetime_start_time < reward.lifetime_time && reward.lifetime_start_time != 0;
var end = (reward.lifetime_end_time != -1) ? reward.lifetime_time <= reward.lifetime_end_time && reward.lifetime_end_time != 0 : true;
if (start && end) {
if (reward.type_id == "100") {
var amount = reward.amount != 0;
var every_price = reward.every_price != 0;
if (amount && every_price) {
state = true;
}
} else if (reward.type_id == "101") {
var amount = reward.amount != 0;
if (amount) {
state = true;
}
} else if (reward.type_id == "102") {
var percent = reward.percent != 0;
if (percent) {
state = true;
}
} else if (reward.type_id == "103") {
var percent = reward.percent != 0;
var amount = reward.amount != 0;
var every_price = reward.every_price != 0;
if (amount && every_price) {
state = true;
}
}
}
}
callback(state);
},
checkReward: function(rewardProduct, rewardPointConfig, callback) {
var _self = this;
_self.consoleLog("checkReward : rewardProduct", rewardProduct);
_self.consoleLog("checkReward : rewardPointConfig", rewardPointConfig);
var reward = {
type_id: "0",
amount: 0,
percent: 0,
every_price: 0
};
_self.checkPointReward(rewardProduct, function(res_state_product) {
_self.checkPointReward(rewardPointConfig, function(res_state_point_config) {
if (res_state_point_config) {
reward.type_id = rewardPointConfig.type_id;
reward.type_id = rewardPointConfig.type_id;
reward.amount = rewardPointConfig.amount;
reward.percent = rewardPointConfig.percent;
reward.every_price = rewardPointConfig.every_price;
} else if (res_state_product) {
reward.type_id = rewardProduct.type_id;
reward.amount = rewardProduct.amount;
reward.percent = rewardProduct.percent;
reward.every_price = rewardProduct.every_price;
}
_self.consoleLog("checkReward : reward", reward);
callback(reward);
});
});
},
checkRewardType: function(productReward, shopPointConfig, callback) {
var _self = this;
_self.momentUnix(function(now) {
_self.getProductReward(now, productReward, function(res_reward_product) {
_self.getPointConfig(now, shopPointConfig, function(res_reward_point_config) {
_self.checkReward(res_reward_product, res_reward_point_config, function(res_reward) {
callback(res_reward);
});
});
});
});
},
createReward: function(productReward, shopPointConfig, callback) {
var _self = this;
_self.consoleLog("createReward : productReward", productReward);
_self.consoleLog("createReward : shopPointConfig", shopPointConfig);
_self.checkRewardType(productReward, shopPointConfig, function(res_reward) {
_self.consoleLog("createReward : res_reward", res_reward);
callback(res_reward);
});
}
}
return getFunction;
};
$scope.getQuantity = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
upDateReward: function() {
var _self = this;
},
upDateReward: function() {
var _self = this;
$scope.getReward().getCalculator($scope.data.sum_product_price, $scope.data.reward, function(res_point_reward) {
$scope.data.reward.point_reward = res_point_reward;
});
},
upDatePrice: function() {
var _self = this;
var product_price = $scope.data.product_price.price * $scope.data.quantity.quantity_input;
var product_compare_price = $scope.data.product_compare_price.price * $scope.data.quantity.quantity_input;
$scope.getAttribute().checkPrice(product_price, function(res_price_ecimals) {
$scope.data.sum_product_price.price = product_price;
$scope.data.sum_product_price.price_ecimals = res_price_ecimals;
$scope.getAttribute().checkPrice(product_compare_price, function(res_compare_price_ecimals) {
$scope.data.sum_product_compare_price.price = product_compare_price;
$scope.data.sum_product_compare_price.price_ecimals = res_compare_price_ecimals;
var compare_price_minus_price = ((product_compare_price - product_price) > 0) ? product_compare_price - product_price : 0;
$scope.getAttribute().checkPrice(compare_price_minus_price, function(res_compare_price_minus_price_ecimals) {
$scope.data.sum_product_compare_minus_sum_product_price.price = compare_price_minus_price;
$scope.data.sum_product_compare_minus_sum_product_price.price_ecimals = res_compare_price_minus_price_ecimals;
_self.upDateReward();
});
});
});
},
input: function(quantityInput) {
var _self = this;
quantityInput = (quantityInput == null) ? 1 : parseInt(quantityInput);
_self.consoleLog("input : quantityInput", quantityInput);
if (quantityInput != null) {
if (quantityInput >= $scope.data.quantity.quantity_max) {
$scope.data.quantity.quantity_input = $scope.data.quantity.quantity_max;
}
if (quantityInput <= $scope.data.quantity.quantity_min) {
$scope.data.quantity.quantity_input = $scope.data.quantity.quantity_min;
}
} else {
$scope.data.quantity.quantity_input = $scope.data.quantity.quantity_min;
}
_self.upDatePrice();
},
minus: function() {
var _self = this;
var quantity = $scope.data.quantity.quantity_input - 1;
_self.consoleLog("plus : quantity", quantity);
_self.consoleLog("plus : quantity_min", $scope.data.quantity.quantity_min);
if (quantity >= $scope.data.quantity.quantity_min) {
$scope.data.quantity.quantity_input = quantity;
}
_self.upDatePrice();
},
plus: function() {
var _self = this;
var quantity = $scope.data.quantity.quantity_input + 1;
_self.consoleLog("plus : quantity", quantity);
_self.consoleLog("plus : quantity_max", $scope.data.quantity.quantity_max);
if (quantity <= $scope.data.quantity.quantity_max) {
$scope.data.quantity.quantity_input = quantity;
}
_self.upDatePrice();
}
}
return getFunction;
};
$scope.getBuy = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
getRouteParams: function(callback) {
var _self = this;
var params = $routeParams;
var state = _self.stateData(true, false);
_self.consoleLog("getRouteParams params", params);
callback(params, state);
},
getProductId: function(params, callback) {
var _self = this;
var product_id = params.product_id.split("-", 1).join("");
_self.consoleLog("getProductId product_id", product_id);
callback(product_id);
},
stateData: function(load, done) {
var _self = this;
var state = {
load: load,
done: done
};
_self.consoleLog("stateData state", state);
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("dataSend api", api);
_self.consoleLog("dataSend dataSend", dataSend);
callback(api, dataSend);
},
checkGetApi: function(resApi, callback) {
var _self = this;
var ok = false;
if (resApi.ok == 1) {
ok = true;
}
_self.consoleLog("checkGetApi ok", ok);
callback(ok);
},
postApi: function(api, dataSend, callback) {
var _self = this;
var state = _self.stateData(true, false);
GAEAPI.post(api, dataSend, $scope).then(function(res_api) {
_self.checkGetApi(res_api, function(res_ok) {
_self.consoleLog("getApi api", api);
_self.consoleLog("getApi dataSend", dataSend);
_self.consoleLog("getApi res_api", res_api);
state = _self.stateData(false, true);
callback(res_ok, res_api, state);
})
});
},
UiCartProductAdd: function(productId, quantityInput, promotionId, customOptions, callback) {
quantityInput = (quantityInput > $scope.data.quantity.quantity_max) ? $scope.data.quantity.quantity_max : quantityInput;
UiCart.delegate.product.add(productId, quantityInput, promotionId, function(res_data) {
callback(res_data);
});
},
isLogin: function(callback) {
var buy_login = $scope._buylogin;
var is_login = UiCustomerBox.delegate.get.isLogin();
var is_state = (buy_login) ? (!is_login) ? true : false : false;
callback(is_state);
},
formLogin: function(is_state, callback) {
if (is_state) {
$inloginPopup.open();
}
callback(is_state);
},
getProductStaffId(staff_id_check, callback) {
var res_staff_id_check = staff_id_check;
var res_staff_id = $scope.dataApi.product.dataArray.product_staff_id;
var res_is_state = (res_staff_id != 0 && res_staff_id != '0' && res_staff_id != undefined) ? true : false;
callback(res_staff_id_check, res_staff_id, res_is_state);
},
isStaffId: function(staff_id_check, callback) { /* todo */
var _self = this;
_self.getProductStaffId(staff_id_check, function(res_staff_id_check, res_staff_id, res_is_state) {
callback(res_staff_id_check, res_staff_id, res_is_state);
});
},
checkCartDuplicateStaff: function(res_staff_id_check, txt_staff_id, res_is_state, callback) {
var _self = this
var res_is_state = true;
if (res_staff_id_check) {
var dataSend = {
'txt_staff_id': txt_staff_id,
};
_self.dataSend("cart/duplicate_staff", dataSend, function(res_api, res_dataSend) {
_self.postApi(res_api, res_dataSend, function(res_ok, res_api, state) {
res_is_state = res_api.data.duplicate;
callback(res_is_state);
});
});
} else {
callback(res_is_state);
}
},
showAlert: function(res_staff_id_check, res_staff_id, res_is_state, res_api, callback) {
var res_state = (res_staff_id_check) ? ((res_api) ? ((res_is_state) ? false : true) : true) : false;
if (res_state) {
if (!res_api) {
if (res_staff_id != '0' && res_staff_id != 0) {
$scope.controlAlert().alert('002');
} else {
$scope.controlAlert().alert('003');
}
} else {
if (!res_is_state) {
$scope.controlAlert().alert('003');
}
}
}
callback(res_state);
},
checkStaff: function(callback) {
var _self = this
var staff_id_check = $scope._checkstaff;
var res_check = false;
_self.isStaffId(staff_id_check, function(res_staff_id_check, res_staff_id, res_is_state) {
_self.checkCartDuplicateStaff(res_staff_id_check, res_staff_id, res_is_state, function(res_api) {
_self.showAlert(res_staff_id_check, res_staff_id, res_is_state, res_api, function(res_state) {
res_check = res_state;
callback(res_check);
});
});
});
},
isProgress: function(productId, callback) {
var _self = this;
var state = (UiCart.delegate.product.isProgress(productId)) ? true : false;
_self.consoleLog("isProgress : productId", productId);
_self.consoleLog("isProgress : state", state);
callback(state);
},
isSelected: function(productId, callback) {
var _self = this;
var state = (UiCart.delegate.product.isSelected(productId)) ? true : false;
_self.consoleLog("isSelected : productId", productId);
_self.consoleLog("isSelected : state", state);
callback(state);
},
isSelectedReturn: function(productId) {
var _self = this;
var ui_cart_state = (UiCart.delegate.product.isSelected(productId)) ? true : false;
if (!$scope.setBuy.state_active) {
$scope.setBuy.state_active = true;
var state_process = $scope.setBuy.state_process;
var state_step = $scope.setBuy.state_step;
if (ui_cart_state && !state_process && state_step != 4) /* cart */ {
_self.onTimeout(250, function() {
_self.onPass(1, function(res_step) {
_self.onTimeout(500, function() {
_self.onCart(res_step, function(res_step) {
$scope.setBuy.state_active = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[4].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[4].data_background_color;
});
});
});
});
} else if (!ui_cart_state && !state_process && state_step != 0) /* unset */ {
_self.onTimeout(500, function() {
_self.onUnset(0, function(res_step) {
$scope.setBuy.state_active = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[0].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[0].data_background_color;
});
});
} else {
$scope.setBuy.state_active = false;
}
}
return ui_cart_state;
},
updateState: function(productId) {
_self = this;
_self.isSelected(productId, function(res_state) {
if (res_state) {
_self.onTimeout(250, function() {
_self.onPass(1, function(res_step) {
_self.onTimeout(500, function() {
_self.onCart(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[4].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[4].data_background_color;
});
});
});
});
} else {
_self.onTimeout(500, function() {
_self.onUnset(0, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[0].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[0].data_background_color;
});
});
}
return res_state;
});
},
uiCart: function(productId, quantityInput, promotionId, customOptions, res_step) {
var _self = this;
_self.UiCartProductAdd(productId, quantityInput, promotionId, customOptions, function(res_data) {
if (res_data) {
_self.onTimeout(500, function() {
_self.onPass(res_step, function(res_step) {
_self.onTimeout(1000, function() {
_self.onCart(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[4].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[4].data_background_color;
if ($scope._cart == "trumpComponentCarts") {
_self.trumpComponentCarts();
}
});
});
});
});
} else {
_self.onTimeout(500, function() {
_self.onError(res_step, function(res_step) {
_self.onTimeout(1000, function() {
_self.onUnset(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[0].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[0].data_background_color;
});
});
});
});
}
});
},
postApiA: function(productId, quantityInput, promotionId, customOptions, res_step) {
var _self = this;
var custom_options = {};
var dataSend = {
'txt_product_id': productId,
'txt_amount': quantityInput,
'txt_is_clear_cart_before': "0",
'txt_custom_options_json': JSON.stringify(custom_options)
};
_self.dataSend("cart/product_add", dataSend, function(res_api, res_dataSend) {
_self.postApi(res_api, res_dataSend, function(res_ok, res_api, state) {
if (res_ok) {
_self.onTimeout(500, function() {
_self.onPass(res_step, function(res_step) {
_self.onTimeout(1000, function() {
_self.onCart(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[4].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[4].data_background_color;
});
});
});
});
} else {
_self.onTimeout(500, function() {
_self.onError(res_step, function(res_step) {
_self.onTimeout(1000, function() {
_self.onUnset(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[0].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[0].data_background_color;
});
});
});
});
}
});
});
},
onProcess: function(data, productId, quantityInput, promotionId, customOptions) {
var _self = this;
_self.isLogin(function(res_is_login) {
_self.formLogin(res_is_login, function(res_form) {
_self.checkStaff(function(res_is_state) {
if (!$scope.setBuy.state_process && !res_form && !res_is_state) {
$scope.setBuy.state_process = true;
_self.isSelected(productId, function(res_state) {
if (!res_state) {
_self.onLoad($scope.setBuy.state_step, function(res_step) {
if (data.sum_product_price.price != 0 && data.quantity.quantity_max != 0 && (data.attribute.state == (data.attribute.productId != ''))) {
/* UiCart */
_self.uiCart(productId, quantityInput, promotionId, customOptions, res_step);
/* api post offline */
/*_self.postApiA(productId, quantityInput, promotionId, customOptions, res_step); */
} else {
_self.onTimeout(500, function() {
_self.onError(res_step, function(res_step) {
_self.onTimeout(1000, function() {
_self.onUnset(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[0].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[0].data_background_color;
});
});
});
});
}
});
} else {
$scope.setBuy.state_process = false;
if ($scope._cart == "trumpComponentCarts") {
_self.trumpComponentCarts();
} else if ($scope._cart == "viewcart") {
_self.viewCart($scope._cart);
}
}
});
}
});
});
});
},
onTimeout: function(time, callback) {
var _self = this;
var load = $timeout(function() {
$timeout.cancel(load);
callback(true)
}, time);
},
onUnset: function(step, callback) {
var _self = this;
step = (step == 0) ? 0 : 0;
$scope.setBuy.state_step = step;
callback(step);
},
onLoad: function(step, callback) {
var _self = this;
step = (step == 0 || step == 1) ? 1 : 0;
$scope.setBuy.state_step = step;
callback(step);
},
onPass: function(step, callback) {
var _self = this;
step = (step == 1 || step == 2) ? 2 : 0;
$scope.setBuy.state_step = step;
callback(step);
},
onError: function(step, callback) {
var _self = this;
step = (step == 1 || step == 3) ? 3 : 0;
$scope.setBuy.state_step = step;
callback(step);
},
onCart: function(step, callback) {
var _self = this;
step = (step == 2 || step == 4) ? 4 : 0;
$scope.setBuy.state_step = step;
callback(step);
},
trumpComponentCarts: function() {
var controlCart = share.getTrumpComponentCarts();
var component_carts = $('.cover-cards').hasClass('active');
if (!component_carts) {
var component_icon_cart = $("div").hasClass('cover-icon-carts');
if (component_icon_cart) {
controlCart.cart();
}
} else {
var component_icon_cart = $("div").hasClass('cover-icon-carts');
if (component_icon_cart) {
controlCart.load();
}
}
},
viewCart: function(viewcart) {
var _self = this;
_self.pageUrl(viewcart);
},
locationUrlReplace: function(page) {
$location.url(page).replace();
},
pageUrl: function(page_name) {
var _self = this;
var page = page_name;
_self.locationUrlReplace(page);
},
main: function(callback) {
var _self = this;
}
}
return getFunction;
};
$scope.getDetail = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
getDetail: function(api, callback) {
var _self = this;
var description = api.product_description;
var info = api.product_more_info;
var specificatio = [];
if (api.product_attribute.specification_data != undefined) {
specificatio = (api.product_attribute.specification_data.length != 0 && api.product_attribute.specification_data != undefined) ? api.product_attribute.specification_data.pclass_array : [];
}
var state_specificatio = false;
if (api.product_attribute.specification_data != undefined) {
state_specificatio = (api.product_attribute.specification_data.length != 0 && api.product_attribute.specification_data != undefined) ? true : false;
}
var state_info = (api.product_is_more_info == 1) ? true : false;
_self.consoleLog("getDetail : description", description);
_self.consoleLog("getDetail : info", info);
_self.consoleLog("getDetail : state_info", state_info);
_self.consoleLog("getDetail : specificatio", specificatio);
_self.consoleLog("getDetail : state_specificatio", state_specificatio);
callback(description, info, state_info, specificatio, state_specificatio);
},
onClickDetail: function(index) {
var _self = this;
$scope.data.detail.active = index;
_self.consoleLog("onClickDetail : data.detail.active", $scope.data.detail.active);
}
}
return getFunction;
};
$scope.pages = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._console) {
console.log($scope._component, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
locationUrlReplace: function(page) {
var _self = this;
$location.url(page).replace();
},
pageName: function(page_name) {
var _self = this;
var page = page_name;
_self.locationUrlReplace(page_name);
},
pageUrl: function(page_name, id, name_url) {
var _self = this;
var page = page_name + "/" + id + "-" + name_url;
_self.locationUrlReplace(page);
}
}
return getFunction;
};
$scope.countDown = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._console) {
console.log($scope._component, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
getLocation: function(callback) {
var _self = this;
var res_location = $location;
_self.consoleLog("getLocation", "res_location", res_location);
callback(res_location);
},
getRouteParams: function(callback) {
var _self = this;
var params = $routeParams;
_self.consoleLog("getRouteParams", "params", params);
callback(params);
},
getLocationUrlNameProductDetail: function(callback) {
var _self = this;
_self.getRouteParams(function(res_params) {
_self.getLocation(function(res_location) {
var url_page_name = "/product-detail/" + res_params.product_id;
var res_url_name_product_detail = (res_location.url() == url_page_name) ? true : false;
_self.consoleLog("getLocationUrlNameProductDeal", "res_url_name_product_detail", res_url_name_product_detail);
callback(res_url_name_product_detail);
});
});
},
getUnix: function(callback) {
var _self = this;
var now = moment().unix();
_self.consoleLog("getUnix", "now", now);
callback(now);
},
getCountDown: function(now, product_lifetime, callback) {
var _self = this;
var countdown_unix = parseInt(product_lifetime.lifetime_end_time) - now;
var milliseconds = moment.duration(countdown_unix * 1000, "milliseconds");
var res_countdown = ((milliseconds.days() <= 9) ? '0' + milliseconds.days() : milliseconds.days());
res_countdown = res_countdown + ' : ' + ((milliseconds.hours() <= 9) ? '0' + milliseconds.hours() : milliseconds.hours());
res_countdown = res_countdown + ' : ' + ((milliseconds.minutes() <= 9) ? '0' + milliseconds.minutes() : milliseconds.minutes());
res_countdown = res_countdown + ' : ' + ((milliseconds.seconds() <= 9) ? '0' + milliseconds.seconds() : milliseconds.seconds());
_self.consoleLog("getCountDown", "res_countdown", res_countdown);
callback(res_countdown, countdown_unix);
},
getNameUrl: function(name, callback) {
var _self = this;
name = name.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
_self.consoleLog("getNameUrl", "name", name);
callback(name);
},
locationUrlReplace: function(page) {
var _self = this;
$location.url(page).replace();
},
pageUrl: function(page_name) {
var _self = this;
var page = page_name;
_self.locationUrlReplace(page);
},
countDownByProduct: function(now, data_array, callback) {
var _self = this;
if (data_array.length != 0) {
if (data_array.product_lifetime.length != 0) {
_self.getCountDown(now, data_array.product_lifetime, function(res_count_down, res_countdown_unix) {
data_array.product_lifetime.lifetime_countdown = (res_countdown_unix > 0) ? res_count_down : "";
if (data_array.product_lifetime.lifetime_countdown == "") {
_self.getNameUrl(data_array.product_set_array[0].product_title, function(res_name) {
$scope.pages().pageUrl("product-detail", data_array.product_set_array[0].product_id, res_name);
});
}
});
}
}
_self.consoleLog("countDownByProduct", "data_array", data_array);
callback(data_array);
},
loop: function() {
var _self = this;
var load = $timeout(function() {
$timeout.cancel(load);
_self.getUnix(function(res_now) {
_self.countDownByProduct(res_now, $scope.dataApi.product.dataArray, function(data_array) {
$scope.dataApi.product.dataArray = data_array;
_self.getLocationUrlNameProductDetail(function(res_url_name_product_detail) {
if (res_url_name_product_detail) {
_self.loop();
}
});
});
});
}, 1000);
}
}
return getFunction;
};
$scope.getPromotion = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._console) {
console.log($scope._component, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
setPromotionId: function(promotion_id) {
var _self = this;
_self.consoleLog("setPromotionId", "promotion_id", promotion_id);
$scope.data.promotion.promotion_id = promotion_id;
_self.consoleLog("setPromotionId", "data.promotion.promotion_id", $scope.data.promotion.promotion_id);
},
}
return getFunction;
};
$scope.control = function() {
var getFunction = {
popupVideo: function(state, video_link, video_embed_code) {
var _self = this;
if (video_embed_code != '') {
$scope.data_control.page_video.popup = state;
$scope.data_control.page_video.shop_video_embed_code = video_embed_code;
} else if (video_link != '') {
window.open(video_link, '_blank');
} else {
$scope.data_control.page_video.popup = state;
$scope.data_control.page_video.shop_video_embed_code = video_embed_code;
}
},
main: function() {
var _self = this;
}
}
return getFunction;
};
$scope.data_control = {
page_video: {
popup: false,
shop_video_embed_code: ""
}
}
$scope.control_alert = {
alert: {
error_id: '',
index: null,
state: true,
error: [{
id: '001',
title: 'การสั่งซื้อ',
messages: 'สามารถสั่งซื้อได้เพียงทีละออเดอร์เท่านั้น'
}, {
id: '002',
title: 'การเพิ่มสินค้า',
messages: 'ไม่สามารถเพิ่มสินค้าของร้านมากกว่า 1 ร้านค้าได้'
}, {
id: '003',
title: 'การสั่งซื้อ',
messages: 'ไม่สามารถเพิ่มสินค้า(ไม่มีร้านค้า)'
}]
}
};
$scope.controlAlert = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._console) {
console.log($scope._component, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
getErrorMessages: function(error_id, callback) {
var _self = this;
var messages = {
res_error_id: '',
res_index: null
}
angular.forEach($scope.control_alert.alert.error, function(item, index) {
if (item.id == error_id) {
messages.res_error_id = item.id;
messages.res_index = index;
}
});
callback(messages.res_error_id, messages.res_index);
},
alert: function(error_id) {
var _self = this;
_self.getErrorMessages(error_id, function(res_error_id, res_index) {
$scope.control_alert.alert.error_id = res_error_id;
$scope.control_alert.alert.index = res_index;
$scope.control_alert.alert.state = (!$scope.control.alert && res_error_id != '') ? true : false;
});
},
main: function() {
var _self = this;
}
}
return getFunction;
};
$scope.countDown().loop();
/* set carousel */
$scope.setCarousel = {
carousel: 0,
index: 0
};
$scope.getCarousel().getCarousel($scope.setCarousel.carousel, function(res_carousel_id) {
$scope.setCarousel.carousel = res_carousel_id;
});
/* set carousel */
/* get product api */
$scope.dataApi = {
reward: {
dataSend: {},
api: "shop/current",
ok: false,
dataArray: [],
dataArrayState: {
load: false,
done: false
}
},
staff: {
dataSend: {
txt_staff_id: 0
},
api: "staff/id",
ok: false,
dataArray: [],
dataArrayState: {
load: false,
done: false
}
},
product: {
dataSend: {
txt_product_id: 0
},
api: "product/id",
ok: false,
dataArray: [],
dataArrayState: {
load: false,
done: false
}
},
relation: {
dataSend: {
txt_referral_id: 0
},
api: "referral/relation",
ok: false,
dataArray: [],
dataArrayState: {
load: false,
done: false
}
}
};
$scope.data = {
attribute: {
state: false,
productId: "",
dataArray: []
},
attribute_custom: {
state: false,
dataArray: []
},
reward: {
quantity_name: 'reward',
type_id: "0",
reward_amount: 0,
reward_percent: 0,
reward_every_price: 0,
point_reward: 0
},
quantity: {
quantity_name: 'quantity',
quantity_min: 1,
quantity_max: 1,
quantity_input: 1,
quantity_select: []
},
product_price: {
price_name: 'product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
product_compare_price: {
price_name: 'product_compare_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_price: {
price_name: 'sum_product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_compare_price: {
price_name: 'sum_product_compare_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_compare_minus_sum_product_price: {
price_name: 'sum_product_compare_minus_sum_product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
detail: {
active: '0',
dataArray: [{
index: '0',
state: true,
en: ($scope.description != undefined && $scope.description != "") ? $scope.description : 'Description',
th: 'ภาพรวม',
data: '',
dataArray: []
}, {
index: '1',
state: true,
en: ($scope.info != undefined && $scope.info != "") ? $scope.info : 'Info',
th: 'ข้อมูล',
data: '',
dataArray: []
}, {
index: '2',
state: true,
en: ($scope.specification != undefined && $scope.specification != "") ? $scope.specification : 'Specification',
th: 'สเปค',
data: '',
dataArray: []
}, {
index: '3',
state: true,
en: '',
th: 'คลังรูปภาพ/วิดีโอ',
data: '',
dataArray: []
}, {
index: '4',
state: true,
en: '',
th: 'พูดคุยผู้ใช้',
data: '',
dataArray: []
}]
},
promotion : {
promotion_id : '0'
}
};
$scope.setBuy = {
state_active: false,
state_process: false,
state_step: 0,
state_data_font_color: "",
state_data_background_color: "",
stepArray: [{
step: 0,
name: "unset",
icon: $scope._icebuyicon,
state: $scope._buytext,
data_font_color: "",
data_background_color: ""
}, {
step: 1,
name: "load",
icon: "",
state: "",
data_font_color: "",
data_background_color: ""
}, {
step: 2,
name: "pass",
icon: "",
state: "",
data_font_color: "",
data_background_color: ""
}, {
step: 3,
name: "error",
icon: "",
state: "",
data_font_color: "",
data_background_color: ""
}, {
step: 4,
name: "cart",
icon: "",
state: $scope._viewcarttext,
data_font_color: "",
data_background_color: "primary_darkest"
}]
};
/* - get api product/id start - */
$scope.getData().getRouteParams(function(res_params, res_state) {
$scope.dataApi.product.dataArrayState = res_state;
$scope.getData().getProductId(res_params, function(res_product_id) {
$scope.dataApi.product.dataSend.txt_product_id = (res_product_id != false) ? res_product_id : 0;
$scope.getData().dataSend($scope.dataApi.product.api, $scope.dataApi.product.dataSend, function(res_api, res_dataSend) {
$scope.getData().getApi(res_api, res_dataSend, function(res_ok, get_res_api_product, res_state) {
$scope.dataApi.product.ok = res_ok;
if ($scope._imageappcoverchecked) {
var images = [];
angular.forEach(get_res_api_product.data.product_image,function(image,index_image){
if (!image.image_app_cover_checked) {
images.push(image)
}
});
get_res_api_product.data.product_image = images;
}
$scope.dataApi.product.dataArray = get_res_api_product.data;
$scope.getData().consoleLog("get_res_api_product", get_res_api_product);
$scope.dataApi.product.dataArrayState = res_state;
/* -- get api shop/current to reward -- */
if (res_ok) {
$scope.getData().getRouteParams(function(res_params, res_state) {
$scope.dataApi.reward.dataArrayState = res_state;
$scope.getData().dataSend($scope.dataApi.reward.api, $scope.dataApi.reward.dataSend, function(res_api, res_dataSend) {
$scope.getData().getApi(res_api, res_dataSend, function(res_ok, get_res_api_shop, res_state) {
$scope.dataApi.reward.ok = res_ok;
$scope.dataApi.reward.dataArray = get_res_api_shop.data;
$scope.dataApi.reward.dataArrayState = res_state;
$scope.getReward().createReward($scope.dataApi.product.dataArray.product_reward, get_res_api_shop.data.shop_point_config, function(res_reward) {
$scope.data.reward.type_id = res_reward.type_id;
$scope.data.reward.reward_amount = res_reward.amount;
$scope.data.reward.reward_percent = res_reward.percent;
$scope.data.reward.reward_every_price = res_reward.every_price;
/* --- Wait product/id ,shop/current --- */
/* ---- get attribute ---- */
$scope.getAttribute().productAttribute(get_res_api_product.data.product_attribute, function(res_attribute) {
$scope.data.attribute.dataArray = res_attribute;
$scope.getAttribute().checkMinPrices(get_res_api_product, res_attribute, function(res_data_price, res_state) {
$scope.data.attribute.state = res_state;
$scope.data.product_price = res_data_price.product_price;
$scope.data.product_compare_price = res_data_price.product_compare_price;
$scope.data.sum_product_price = res_data_price.sum_product_price;
$scope.data.sum_product_compare_price = res_data_price.sum_product_compare_price;
$scope.data.sum_product_compare_minus_sum_product_price = res_data_price.sum_product_compare_minus_sum_product_price;
$scope.getReward().getCalculator($scope.data.sum_product_price, $scope.data.reward, function(res_point_reward) {
$scope.data.reward.point_reward = res_point_reward;
});
/* ----- stock ----- */
$scope.data.quantity.quantity_max = res_data_price.product_price.total_stock;
$scope.data.quantity.quantity_select = [];
for (var i = 0; i < res_data_price.product_price.total_stock; i++) {
$scope.data.quantity.quantity_select.push(i + 1);
}
/* ----- stock ----- */
});
});
/* ---- get attribute ---- */
/* ---- get attribute custom ---- */
$scope.getAttributeCustom().createArray(get_res_api_product.data.product_custom_templates, function(res_custom_attribute, res_state) {
$scope.data.attribute_custom.state = res_state;
$scope.data.attribute_custom.dataArray = res_custom_attribute;
});
/* ---- get attribute custom ---- */
/* ---- get detail ---- */
$scope.getDetail().getDetail(get_res_api_product.data, function(res_description, res_info, res_state_info, res_specificatio, res_state_specificatio) {
$scope.data.detail.dataArray[0].data = res_description;
$scope.data.detail.dataArray[1].data = res_info;
$scope.data.detail.dataArray[1].state = res_state_info;
$scope.data.detail.dataArray[2].dataArray = res_specificatio;
$scope.data.detail.dataArray[2].state = res_state_specificatio;
});
/* ---- get detail ---- */
/* ---- update state ---- */
$scope.getBuy().updateState($scope.dataApi.product.dataArray.product_id);
/* ---- update state ---- */
/* --- Wait product/id ,shop/current --- */
});
});
});
});
/* -- get api shop/current to reward -- */
/* -- res_referral_id from product/id to txt_referral_id get api referral/relation -- */
$scope.getData().getRouteParams(function(res_params, res_state) {
$scope.dataApi.relation.dataArrayState = res_state;
$scope.getData().getReferralId(get_res_api_product.data.product_referral_display, function(res_referral_id) {
$scope.dataApi.relation.dataSend.txt_referral_id = res_referral_id;
$scope.getData().dataSend($scope.dataApi.relation.api, $scope.dataApi.relation.dataSend, function(res_api, res_dataSend) {
$scope.getData().getApi(res_api, res_dataSend, function(res_ok, get_res_api_referral, res_state) {
$scope.dataApi.relation.ok = res_ok;
$scope.dataApi.relation.dataArray = (res_referral_id != 0) ? get_res_api_referral.data : [];
$scope.dataApi.relation.dataArrayState = res_state;
});
});
});
});
/* -- res_referral_id from product/id to txt_referral_id get api referral/relation -- */
/* -- product_staff_id from product/id to txt_staff_id get api staff/id -- */
$scope.getData().getRouteParams(function(res_params, res_state) {
$scope.getData().getStaffId(get_res_api_product.data.product_staff_id, function(res_staff) {
if (res_staff.status) {
$scope.dataApi.staff.dataArrayState = res_state;
$scope.dataApi.staff.dataSend.txt_staff_id = res_staff.staff_id;
$scope.getData().dataSend($scope.dataApi.staff.api, $scope.dataApi.staff.dataSend, function(res_api, res_dataSend) {
$scope.getData().getApi(res_api, res_dataSend, function(res_ok, res, res_state) {
$scope.dataApi.staff.ok = res_ok;
$scope.dataApi.staff.dataArray = res.data;
$scope.getData().getNameUrl(res.data.staff_first_name, function(res_staff_first_name_url) {
$scope.dataApi.staff.dataArray.staff_first_name_url = res_staff_first_name_url;
$scope.dataApi.staff.dataArrayState = res_state;
});
});
});
}
});
});
/* -- product_staff_id from product/id to txt_staff_id get api staff/id -- */
} else {
/* ok = false */
if ($scope.dataApi.product.dataArray.length != 0) {
/* product deal to product original */
if ($scope.dataApi.product.dataArray.product_set_array.length != 0) {
$scope.countDown().getNameUrl($scope.dataApi.product.dataArray.product_set_array[0].product_title, function(res_name) {
$scope.pages().pageUrl("product-detail", $scope.dataApi.product.dataArray.product_set_array[0].product_id, res_name);
});
} else {
$scope.pages().pageName("home");
}
} else {
/* product null */
$scope.pages().pageName("home");
}
}
});
});
});
});
/* - get api product/id end - */
/* get product api */
};
return promise;
});_ui_share_app.directive('productDetailPageX', function($rootScope, $routeParams, sliderProvider, $componentProductDetail) {
var templateName = 'productDetailPageX';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
imgpath: '@imgpath',
id: '@id',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window, $http) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.forbidden = false;
$scope._config = [];
$scope._host = _ui_host + templateName + '/';
$scope.qtyProduct = 1;
$scope.data = false;
$scope.dataPreserve = false;
$scope._data_qty_model = 1;
$scope._data_qty_selected = 1;
$scope._getPostIdFromURL = function() {
var test = $scope.id;
var a = $scope.id;
if (typeof $routeParams.product_id !== 'undefined') {
test = parseInt($routeParams.product_id);
a = $routeParams.product_id;
}
if (typeof test === 'number' && test > 0) {
return test;
} else {
var b = a.split("-");
return b[0];
}
};
var dataSend = {
'txt_product_id': $scope._getPostIdFromURL(),
};
if (CUR_THEME.shop_id() == "541") {
$http.get("https://zoomcamera.getappeasy.com/store/api/v1/product/id", {
params: dataSend
}).then(function(res) {
var e = res.data;
if (e.ok == 1) {
console.log("product_set_array : data", e.data);
$scope.data = e.data;
$scope.dataPreserve = e.data;
$scope._getSupportDataCategory('category', e.data);
$scope.buildDataProductRelate($scope._getPostIdFromURL());
console.log("product_set_array : data", e.data);
if (typeof $scope.data.product_attribute.option_data !== 'undefined' && $scope.data.product_total_variant > 0) {
if (typeof $scope.data.product_attribute.option_data.pclass_array !== 'undefined' && $scope.data.product_attribute.option_data.pclass_array.length) {
$scope.buildVariantOption(e.data);
}
}
if (res.data.product_attribute.length != 0) {
$scope.buildMultipleQuantity(res.data);
}
}
});
} else {
$componentProductDetail.get('product/id', {
'txt_product_id': $scope._getPostIdFromURL()
}, function(e) {
if (e.ok == 1) {
$scope.data = e.data;
$scope.dataPreserve = e.data;
$scope._getSupportDataCategory('category', e.data);
$scope.buildDataProductRelate($scope._getPostIdFromURL());
if (typeof $scope.data.product_attribute.option_data !== 'undefined' && $scope.data.product_total_variant > 0) {
if (typeof $scope.data.product_attribute.option_data.pclass_array !== 'undefined' && $scope.data.product_attribute.option_data.pclass_array.length) {
$scope.buildVariantOption(e.data);
}
}
if (e.data.product_attribute.length != 0) {
$scope.buildMultipleQuantity(e.data);
}
}
});
}
$scope.productQuantityMultiArray = [];
$scope.lastCheckedVariantKey = '';
$scope.buildMultipleQuantity = function(productObj) {
$scope.productQuantityMultiArray = [];
var r = [],
p = productObj.product_attribute.option_data.variant_array;
for (var i = 0; i < p.length; i++) {
if (p[i].status == 1 && p[i].status == 1) {
$scope.productQuantityMultiArray.push({
v_key: p[i].variant_key,
v_name: p[i].option_name_array[0],
v_qty: 1,
v_active: 0
});
}
}
};
$scope.currentOptionQtyPick = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
return e.val();
};
$scope.dataRelate = [];
$scope.buildDataProductRelate = function(product_id) {
var j = {
'relate_product_id_array': [product_id],
'badge_id_array': [18]
};
var d = {
'cur_page': 1,
'per_page': 8,
'txt_filter_json': JSON.stringify(j)
};
GAEAPI.get('product/lists', d).then(function(e) {
if (e.ok == 1) {
var d = [];
angular.forEach(e.data.dataList, function(item) {
if (item.product_id !== $scope.data.product_id) {
d.push(item);
}
});
$scope.dataRelate = d;
}
});
};
$scope.viewQuantity = function() {
return $(".d_qty.active.inin").find('input').val() || 1;
};
$scope.decreseQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (i > 1) {
e.val(i - 1);
$scope._data_qty_selected = (i - 1);
}
return $scope._data_qty_selected;
};
$scope.increseQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (isNaN(i)) {
i = 0;
}
e.val(i + 1);
$scope._data_qty_selected = (i + 1);
return $scope._data_qty_selected;
};
$scope.watchQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (i <= 0 || typeof i == 'undefined' || isNaN(i)) {
var t = $timeout(function() {
$timeout.cancel(t);
$scope._data_qty_selected = 1;
e.val(1);
}, 600);
}
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData) {
$scope.buildDataProductRelate($scope._getPostIdFromURL());
if (objectData.product_total_variant <= 0) {
/*return;*/
}
if (typeof $scope.data.product_attribute.option_data !== 'undefined' && $scope.data.product_total_variant > 0) {
if (typeof $scope.data.product_attribute.option_data.pclass_array !== 'undefined' && $scope.data.product_attribute.option_data.pclass_array.length) {
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
}
}
};
$scope.ifOptionUnSelect = function() {
return ($('.d_qty_price.active.inin').length > 0) ? true : false;
};
$scope.warning = 0;
$scope.getWarn = function() {
$scope.warning = 1;
};
$scope.onClickVariantItems = function($index, option_id) {
console.log("onSelectVariantItems:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
if ($scope.dataVariantsPick.length >= $scope.dataOption.length) {
$('.d_qty_not_result').removeClass("active");
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope.dataVariantsPick = [];
$scope.onSelectVariantItems = function($index, option_id) {
if ($index == 0 && option_id == '') {
return $componentProductDetail.get('product/id', {
'txt_product_id': $scope._getPostIdFromURL()
}, function(e) {
if (e.ok == 1) {
$scope.data = e.data;
$scope.dataPreserve = e.data;
}
});
} else {
$scope.dataVariantsPick[$index] = option_id;
if ($scope.dataVariantsPick.length >= $scope.dataOption.length) {
$scope.findVariantsData($scope.dataVariantsPick);
}
}
};
$scope.findVariantsData = function(variantsPick) {
function compareArray(array_a, array) {
if (!array) return false;
if (array_a.length != array.length) return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i])) return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
for (var i = 0; i < dataVariants.length; i++) {
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if (compareArray(variantsPick, optionJson)) {
$scope.data.product_id = dataVariants[i].product_id;
$scope.data.product_sku = dataVariants[i].sku;
$scope.data.product_price = dataVariants[i].price;
$scope.data.product_compare_price = dataVariants[i].compare_price;
$scope.switchQuantityByKey('-' + variantsPick.join('-') + '-');
break;
}
}
};
$scope.switchQuantityByKey = function(variant_key) {
$scope.lastCheckedVariantKey = variant_key;
$('.d_qty').removeClass('active').removeClass('inin');
$('.d_qty_price[variant-key!="' + variant_key + '"]').removeClass('active').removeClass('inin');
$('.d_qty[variant-key="' + variant_key + '"]').addClass('active');
$('.d_qty[variant-key="' + variant_key + '"]').addClass('inin');
$('.d_qty_price[variant-key="' + variant_key + '"]').addClass('active');
$timeout(function() {
$('.d_qty[variant-key="' + variant_key + '"]').addClass('inin');
$('.d_qty_price[variant-key="' + variant_key + '"]').addClass('inin');
}, 300);
};
$rootScope.$on('repeatend', function() {
/* Slider Send */
var optionsParmas = {
autoplay: true,
slidesToShow: 1,
slidesToScroll: 1,
dots: false,
arrows: false,
infinite: true
};
var extraOptions = {
animate: false
};
$timeout(function() {
sliderProvider("#gallery_slider", optionsParmas, "", "", extraOptions);
}, 500);
});
/* Slick Events */
$scope._slickGoLeft = function() {
$timeout(function() {
$('#gallery_slider').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function() {
$timeout(function() {
$('#gallery_slider').slick('slickNext');
}, 100);
};
/* Click SLick Item */
$scope.slickGoto = function(idx) {
$timeout(function() {
$('#gallery_slider').slick('slickGoTo', idx);
}, 100);
};
/* Calcu Nav Arrows */
$scope.navArrowsCalculate = function() {
var size = (500 / 2);
var n = (size + 18) + 20;
return '-' + n + 'px';
};
$scope.navArrowWidth = function() {
return $('#gallery_slider').width() + 'px';
};
/* Build title for Address link*/
$scope.buildTitleUrl = function(str) {
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
return s;
};
/* Calculate discount (simple mode)
* @params {expensivePrice}
* @params {salePrice}
* @return int
*/
$scope.calculateDiscount = function(expensivePrice, salePrice) {
var dif = expensivePrice - salePrice;
return parseInt(dif * 100 / expensivePrice);
};
$scope.support_data = {
category: [],
};
$scope._getSupportDataCategory = function(type, data) {
var dataSend = {
'txt_referral_id': data.product_referral_display.category[0].referral_id
};
GAEAPI.get('referral/relation', dataSend).then(function(e) {
if (e.ok == 1) {
$scope.support_data.category = e.data;
}
});
};
/* Optimize image size by device pixel
* @params {size} (integer) prefer size
* @params {image_url} (string) original image source link
* @params {image_width} (string) original image width
* @return string
*/
$scope.viewOptimizeImage = function(size, image_url, image_width) {
if (window.devicePixelRatio >= 2 || parseInt(image_width) <= size) {
return image_url;
}
var a = image_url.split("/"),
b = a[a.length - 1];
a[a.length - 1] = 't' + size + '_' + b;
return a.join("/");
};
/* Hide when visible badge */
$scope.exceptVisibleBadge = function(objectItem) {
var r = parseInt(objectItem.badge_id);
var s = false;
switch (r) {
case 16:
case 72:
case 74:
case 75:
s = true;
break;
default:
s = false;
break;
}
return s;
};
$scope.newLoginregister = function(name) {
window.location.href = GURL.base_url() + name;
};
$scope.invited = [];
$scope.insertinvited = function(user) {
if (user) {
if (user.product_attribute.length != 0) {
if ($scope.invited[0] == user.product_id) {
return;
}
$scope.invited.push(user.product_id);
} else {
alert("item can't compare");
}
} else {
console.log("test_array :", $scope.invited);
}
};
/* Display Badge Name */
$scope.renderBadgeType = function(objectItem) {
var r = parseInt(objectItem.badge_id);
var str = 'No Badge';
switch (r) {
case 16:
str = "FEATURED";
break;
case 72:
str = "NEW";
break;
case 74:
str = "RECOMMEND";
break;
case 75:
str = "BEST SELLER";
break;
case 82:
str = "NEW (App)";
break;
case 83:
str = "RECOMMEND (App)";
break;
case 84:
str = "BEST SELLER (App)";
break;
}
return str;
};
$scope.renderBadgeTypeImg = function() {
var returnData = false;
if (CUR_THEME.shop_id() == "717") {
returnData = true;
} else {
returnData = false;
}
return returnData;
};
$scope.data_viewTab = 1;
$scope._viewTab = function(index) {
$scope.data_viewTab = index;
};
};
return promise;
});_ui_share_app.directive('productDetailPageXa', function($rootScope, $routeParams, sliderProvider, $componentProductDetail, $location) {
var templateName = 'productDetailPageXa';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
imgpath: '@imgpath',
promotelink: '@promotelink',
id: '@id',
imgcart: '@imgcart',
view: '@viewcart',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window, $http) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
if ($scope.imgcart != undefined) {
$scope.setimg_cart = $scope.icnPath + $scope.imgcart;
}
$scope._viewRouteParams = function() {
return $routeParams || false;
};
$scope._idUrl = function(instr) {
var outstr = instr.split("-", 1).join("");
return outstr;
};
$scope.dataRelation = [];
$scope.getRelation = function(referral_id) {
var d = {
'txt_referral_id': referral_id
};
GAEAPI.get('referral/relation', d).then(function(e) {
if (e.ok == 1) {
$scope.dataRelation = e.data;
}
});
};
$scope.dataRelatetag = [];
$scope.dataRelatetagState = {
load: true,
done: false
};
$scope.productRelateTag = function(product_tag) {
$scope.dataRelatetagState = $scope.StateData(true, false);
var tag = {
'tags': product_tag
};
var dataSend = {
'cur_page': 1,
'per_page': 4,
'txt_filter_json': JSON.stringify(tag)
};
console.log("dataSend :", dataSend);
GAEAPI.get('product/lists', dataSend).then(function(output) {
if (output.ok == 1) {
$scope.dataRelatetag = output.data.dataList;
console.log("dataSend :", output.data);
}
$scope.dataRelatetagState = $scope.StateData(false, true);
});
};
$scope._dataArray = [];
$scope._dataArrayState = {
load: false,
done: false
};
$scope._getDataArray = function(id) {
$scope._dataArrayState = $scope.StateData(true, false);
var dataSend = {
'txt_product_id': id
};
GAEAPI.get('product/id', dataSend).then(function(res) {
if (res.ok === 1) {
$scope._dataArray = res.data;
/*if ($scope._dataArray.product_hightlight_video_embed != "") {
$scope._dataArray.product_image.unshift({
image_url: $scope.imgPath + 'img-play.png',
product_hightlight_video_embed: $scope._dataArray.product_hightlight_video_embed
});
}*/
$scope._dataArrayRelateProductId = res.data.product_id;
if ($scope._dataArray.product_referral_display.category != undefined) {
$scope.getRelation($scope._dataArray.product_referral_display.category[0].referral_id);
}
$scope.productRelateTag($scope._dataArray.product_tags);
$scope.buildVariantOption(res.data);
if (res.data.product_attribute.length != 0) {
$scope.buildMultipleQuantity(res.data);
}
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
$scope._getDataArray($scope._idUrl($scope._viewRouteParams().product_id));
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope._itemCarousel = function() {
var elementName = '#gallery_slider[data-key="' + $scope._uniqueKey + '"]';
var optionsParmas = {
autoplay: false,
slidesToShow: 1,
slidesToScroll: 1,
dots: true,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
};
return sliderProvider(elementName, optionsParmas, $scope.type, $scope._uniqueKey);
};
$rootScope.$on('repeatend', function() {
if ($('[data-key="' + $scope._uniqueKey + '"]').not('.slick-initialized')) {
$timeout(function() {
$scope._itemCarousel();
}, 500);
}
});
$scope._data_qty_model = 1;
$scope._data_qty_selected = 1;
$scope.viewQuantity = function() {
return $(".d_qty.active.inin").find('input').val() || 1;
};
$scope.decreseQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (i > 1) {
e.val(i - 1);
$scope._data_qty_selected = (i - 1);
}
return $scope._data_qty_selected;
};
$scope.increseQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (isNaN(i)) {
i = 0;
}
e.val(i + 1);
$scope._data_qty_selected = (i + 1);
return $scope._data_qty_selected;
};
$scope.watchQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (i <= 0 || typeof i == 'undefined' || isNaN(i)) {
var t = $timeout(function() {
$timeout.cancel(t);
$scope._data_qty_selected = 1;
e.val(1);
}, 600);
}
};
$scope.slickGoto = function(idx) {
setTimeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickGoTo', idx);
}, 100);
};
$scope._slickGoLeft = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData) {
if (objectData.product_total_variant <= 0) {
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
$scope.onSelectVariantItems(0, '');
};
$scope.dataVariantsPick = [];
$scope.onClickVariantItems = function($index, option_id) {
console.log("onSelectVariantItems:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
if ($scope.dataVariantsPick.length >= $scope.dataOption.length) {
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope.makeVariantsClick = function() {
var s = $timeout(function() {
$timeout.cancel(s);
$('select.variantSelector').each(function(idx, obj) {
var optionElementFirst = $(this).find('option[data-index="' + idx + '"]').eq(0);
optionElementFirst.prop("selected", true);
$scope.onSelectVariantItems(optionElementFirst.attr('data-index'), optionElementFirst.attr('data-option'));
});
}, 2000);
};
$scope._saleState = {
discount: 0
};
$scope.sale = function(price, compare_price, discount_id, discount_price, discount_percent) {
var sale = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
sale = discount_price;
$scope._saleState.discount = 'price';
} else if (discount_percent != 0 && discount_price == 0) {
sale = discount_percent;
$scope._saleState.discount = 'percent';
}
}
return (sale > 0) ? sale : 0;
}
$scope._pricefullState = {
pricefull: 0
};
$scope.pricefull = function(price, compare_price, discount_id, discount_price, discount_percent) {
var pricefull = 0;
if (discount_id != undefined) {
pricefull = price;
} else {
if (compare_price != 0) {
pricefull = compare_price;
$scope._pricefullState.pricefull = 'not zero';
} else {
$scope._pricefullState.pricefull = 'zero';
}
}
return pricefull;
}
$scope.calculate = function(price, compare_price, discount_id, discount_price, discount_percent) {
var calculate = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
calculate = price - discount_price;
} else if (discount_percent != 0 && discount_price == 0) {
calculate = price - ((discount_percent / 100) * price);
}
} else {
calculate = price
}
return (calculate > 0) ? calculate : 0;
}
$scope.findVariantsData = function(variantsPick) {
function compareArray(array_a, array) {
if (!array) return false;
if (array_a.length != array.length) return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i])) return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
for (var i = 0; i < dataVariants.length; i++) {
var _self = dataVariants[i];
var _self_option = angular.fromJson(_self.option_id_json);
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if (compareArray(variantsPick, optionJson)) {
$scope._dataArray.product_id = dataVariants[i].product_id;
$scope._dataArray.product_sku = dataVariants[i].sku;
$scope._dataArray.product_price = dataVariants[i].price;
$scope._dataArray.product_compare_price = dataVariants[i].compare_price;
$scope.switchQuantityByKey('-' + variantsPick.join('-') + '-');
console.log("selectedOptionTextJson: option", _self);
if (_self.variant_image.length) {
var rightImagePosition = 0;
for (var im = 0; im < $scope._dataArray.product_image.length; im++) {
if ($scope._dataArray.product_image[im].image_id == _self.variant_image[0].image_id) {
rightImagePosition = im;
break;
}
}
$timeout(function() {
console.log("Found Varaint Image", _self.variant_image[0].image_id);
if ($(window).width <= 991) {
$scope._slickGoto('gallery_show', rightImagePosition);
} else {
angular.element('.gallery-thumbnail .thumb-img[data-image-id="' + _self.variant_image[0].image_id + '"]').click();
}
}, 300);
}
break;
}
}
};
$scope.data_viewTab = 1;
$scope._viewTab = function(index) {
$scope.data_viewTab = index;
};
$scope.currentOptionQtyPick = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
return e.val();
};
$scope.switchQuantityByKey = function(variant_key) {
$scope.lastCheckedVariantKey = variant_key;
$('.d_qty').removeClass('active').removeClass('inin');
$('.d_qty_price[variant-key!="' + variant_key + '"]').removeClass('active').removeClass('inin');
$('.d_qty[variant-key="' + variant_key + '"]').addClass('active');
$('.d_qty[variant-key="' + variant_key + '"]').addClass('inin');
$('.d_qty_price[variant-key="' + variant_key + '"]').addClass('active');
$timeout(function() {
$('.d_qty[variant-key="' + variant_key + '"]').addClass('inin');
$('.d_qty_price[variant-key="' + variant_key + '"]').addClass('inin');
}, 300);
};
$scope.productQuantityMultiArray = [];
$scope.lastCheckedVariantKey = '';
$scope.buildMultipleQuantity = function(productObj) {
$scope.productQuantityMultiArray = [];
var r = [],
p = productObj.product_attribute.option_data.variant_array;
for (var i = 0; i < p.length; i++) {
if (p[i].status == 1 && p[i].status == 1) {
$scope.productQuantityMultiArray.push({
v_key: p[i].variant_key,
v_name: p[i].option_name_array[0],
v_qty: 1,
v_active: 0
});
}
}
};
$scope.dataVariantsPick = [];
$scope.electric = [];
$scope.testyuyu = 0;
$scope.onSelectVariantItems = function($index, option_id) {
$scope.testyuyu = 0;
if (option_id == '') {
$scope.testyuyu = 0;
$('.d_qty_price').removeClass("active");
$('.d_qty_price').removeClass("inin");
$('.d_qty').removeClass('active').removeClass('inin');
$('.d_qty_not_result').addClass("active");
$scope.dataVariantsPick[$index] = option_id;
console.log("check_vareian 1000:", $scope.dataVariantsPick.length, $index, $scope.dataVariantsPick, $scope.dataOption.length);
return GAEAPI.get('product/id', {
'txt_product_id': $scope._idUrl($scope._viewRouteParams().product_id)
}).then(function(e) {
if (e.ok == 1) {
$scope.data = e.data;
$scope.dataPreserve = e.data;
}
});
} else {
$scope.dataVariantsPick[$index] = option_id;
for (var i = 0; i < $scope.dataVariantsPick.length; i++) {
if ($scope.dataVariantsPick[i] != undefined && $scope.dataVariantsPick[i] != "") {
$scope.testyuyu++;
}
}
if ($scope.testyuyu >= $scope.dataOption.length) {
$scope.testyuyu = 0;
$('.d_qty_not_result').removeClass("active");
$scope.findVariantsData($scope.dataVariantsPick);
} else {
$scope.testyuyu = 0;
$('.d_qty').removeClass('active').removeClass('inin');
$('.d_qty_price').removeClass("active");
$('.d_qty_price').removeClass("inin");
}
console.log("check_vareian 1001:", $scope.dataVariantsPick.length, $index, $scope.dataVariantsPick, $scope.dataOption.length, $scope.electric);
}
};
$scope.ifOptionUnSelect = function() {
return ($('.d_qty_price.active.inin').length > 0) ? true : false;
};
$scope.warning = 0;
$scope.getWarn = function() {
$scope.warning = 1;
};
$scope.makeVaraintsClick_Normal = function() {
$timeout(function() {
$('div.variantSelector').each(function(idx, obj) {
$(this).find('span[data-index="' + idx + '"]').eq(0).click();
});
}, 2000);
};
$scope.returnheight = function() {
$(".cover_image_item").css("height", $(".cover_image_item").css("width"));
$(".gallery_display").css("height", $(".cover_image_item").css("width"));
$("iframe").css("height", $(".cover_image_item").css("width"));
$("iframe").css("width", $(".cover_image_item").css("width"));
}
$scope.timeCountStart = function() {
$scope.timeout_promise = $timeout(function() {
$scope.returnheight();
$scope.timeCountStart();
}, 1000);
}
$scope.newLoginregister = function(name) {
window.location.href = GURL.base_url() + name;
};
$scope.timeCountStart();
$scope.displayImage = function(image_url, prefix) {
return (typeof image_url !== 'undefined') ? GAEAPI.getGaeImageUrl(image_url, prefix) : '';
}
$scope.showDebug = function() {
return (typeof $routeParams.debug !== 'undefined') ? true : false;
};
};
return promise;
});_ui_share_app.directive('productDetailPageZ', function($rootScope, $routeParams, sliderProvider, $componentProductDetail) {
var templateName = 'productDetailPageZ';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
imgpath: '@imgpath',
promotelink: '@promotelink',
id: '@id',
iconbuy: '@iconbuy',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window, $http) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.login = function() {
var login = {
showLogin: function() {
return UiCustomerBox.delegate.get.isLogin();
},
isLogin: function(callback) {
callback(UiCustomerBox.delegate.get.isLogin());
},
totalAmount: function() {
return UiCart.delegate.get.totalAmount() || 0;
},
pageLogin: function() {
var _self = this;
_self.isLogin(function(isLogin) {
if (!isLogin) {
$inloginPopupTypeGrip.open();
}
});
}
}
return login;
};
$scope._viewRouteParams = function() {
return $routeParams || false;
};
$scope._idUrl = function(instr) {
var outstr = instr.split("-", 1).join("");
return outstr;
};
$scope.dataRelation = [];
$scope.getRelation = function(referral_id) {
var d = {
'txt_referral_id': referral_id
};
GAEAPI.get('referral/relation', d, $scope).then(function(e) {
if (e.ok == 1) {
$scope.dataRelation = e.data;
}
});
};
$scope._dataArray_tag = [];
$scope._dataArray = [];
$scope.data_min = [];
$scope._dataArrayState = {
load: false,
done: false
};
$scope.names = [];
$scope.currentStock = 0;
$scope.buildTitleUrl = function(str) {
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
return s;
};
$scope.encodeURIComponentOut = function(str) {
var output = encodeURIComponent(str);
return output;
};
$scope.checkPrice = function(price) {
var check_price = 0;
var _price = (price != undefined && price != "" && price != null) ? price.toString() : "0";
if (_price.includes(".")) {
check_price = 2;
}
return check_price;
};
$scope._getDataArray = function(id) {
$scope._dataArrayState = $scope.StateData(true, false);
var dataSend = {
'txt_product_id': id
};
GAEAPI.get('product/id', dataSend, $scope).then(function(res) {
if (res.ok === 1) {
$scope._dataArray = res.data;
/*if ($scope._dataArray.product_hightlight_video_embed != "") {
$scope._dataArray.product_image.unshift({
image_url: $scope.imgPath + 'img-play.png',
product_hightlight_video_embed: $scope._dataArray.product_hightlight_video_embed
});
}*/
$('.gallery_container').css('height', '0');
$('.gallery_container').css('opacity', '0');
setTimeout(function() {
$('.gallery_container').css('height', 'auto');
$('.gallery_container').css('opacity', '1');
}, 2000);
$scope._dataArrayRelateProductId = res.data.product_id;
if ($scope._dataArray.product_referral_display.category != undefined) {
$scope.getRelation($scope._dataArray.product_referral_display.category[0].referral_id);
}
/*if ($scope._dataArray.product_description == '') {
$scope._viewTab(2);
}*/
$scope.names = [];
if (res.data.product_total_variant == 0 && res.data.product_total_stock > 0) {
for (var i = 0; i < parseFloat(res.data.product_total_stock); i++) {
$scope.names.push(i + 1);
}
}
if (res.data.product_total_variant == 0 && res.data.product_total_stock < 0) {
for (var i = 0; i < 20; i++) {
$scope.names.push(i + 1);
}
}
if (res.data.product_total_variant > 0) {
for (var i = 0; i < 20; i++) {
$scope.names.push(i + 1);
}
}
if (res.data.product_attribute != undefined) {
if (res.data.product_attribute.option_data != undefined) {
if (res.data.product_attribute.option_data.variant_array != undefined) {
if (res.data.product_attribute.option_data.variant_array.length != 0) {
var set_varia = res.data.product_attribute.option_data.variant_array[0].price;
for (var i = 0; i < res.data.product_attribute.option_data.variant_array.length; i++) {
if (parseFloat(set_varia) >= parseFloat(res.data.product_attribute.option_data.variant_array[i].price)) {
set_varia = res.data.product_attribute.option_data.variant_array[i].price;
$scope.data_min = res.data.product_attribute.option_data.variant_array[i];
}
}
if ($scope.data_min.length == 0) {
$scope.data_min = res.data.product_attribute.option_data.variant_array[0];
}
}
}
}
}
$scope._dataArray_tag = res.data.product_tags.split(",");
$scope.buildMultipleQuantity(res.data);
$scope.buildVariantOption(res.data);
// $scope.builldRelateProduct(res.data);
$scope.currentStock = $scope._dataArray.product_total_stock;
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.dataRelateProductArray = [];
$scope.builldRelateProduct = function(dataObj) {
console.log("_getDataArray", dataObj);
var dataSend = {
'cur_page': 1,
'per_page': 5,
'txt_filter_json': JSON.stringify({
"badge_id_array": [18],
"tags": dataObj.product_tags
})
};
GAEAPI.get('product/lists', dataSend, $scope).then(function(e) {
if (e.ok === 1) {
$scope.dataRelateProductArray = e.data.dataList;
}
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
$scope._getDataArray($scope._idUrl($scope._viewRouteParams().product_id));
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.slickGoto = function(idx) {
setTimeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickGoTo', idx);
}, 100);
};
$scope._slickGoLeft = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
$scope._itemCarousel = function() {
var elementName = '[data-key="' + $scope._uniqueKey + '"]';
var optionsParmas = {
/*autoplay: (window.location.host !== 'localhost') ? true : false,*/
autoplay: false,
slidesToShow: 1,
slidesToScroll: 1,
dots: false,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
};
return sliderProvider(elementName, optionsParmas, $scope.type, $scope._uniqueKey);
};
$rootScope.$on('repeatend', function() {
if ($('[data-key="' + $scope._uniqueKey + '"]').not('.slick-initialized')) {
$timeout(function() {
$scope._itemCarousel();
}, 500);
}
});
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData) {
if (objectData.product_total_variant <= 0) {
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
$scope.makeVaraintsClick_Normal();
};
$scope.dataVariantsPick = [];
$scope.onClickVariantItems = function($index, option_id) {
console.log("onClickVariantItems:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
if ($scope.dataVariantsPick.length >= $scope.dataOption.length) {
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope.nowMoment = moment().unix();
$scope._saleState = {
discount: 0
};
$scope.sale = function(price, compare_price, discount_id, lifetime_start_time, lifetime_end_time, discount_price, discount_percent) {
var sale = 0;
if (discount_id != undefined && lifetime_start_time <= $scope.nowMoment && (lifetime_end_time == -1 || lifetime_end_time >= $scope.nowMoment)) {
if (discount_price != 0 && discount_percent == 0) {
sale = discount_price;
$scope._saleState.discount = 'price';
} else if (discount_percent != 0 && discount_price == 0) {
sale = discount_percent;
$scope._saleState.discount = 'percent';
}
}
return (sale > 0) ? sale : 0;
}
$scope.saleprice = function(price, compare_price, discount_id, lifetime_start_time, lifetime_end_time, discount_price, discount_percent) {
var calculate = 0;
if (discount_id != undefined && lifetime_start_time <= $scope.nowMoment && (lifetime_end_time == -1 || lifetime_end_time >= $scope.nowMoment)) {
if (discount_price != 0 && discount_percent == 0) {
calculate = price - discount_price;
} else if (discount_percent != 0 && discount_price == 0) {
calculate = price - ((discount_percent / 100) * price);
}
}
return (calculate > 0) ? calculate : 0;
}
$scope._pricefullState = {
pricefull: 0
};
$scope.pricefull = function(price, compare_price, discount_id, lifetime_start_time, lifetime_end_time, discount_price, discount_percent) {
var pricefull = 0;
if (discount_id != undefined && lifetime_start_time <= $scope.nowMoment && (lifetime_end_time == -1 || lifetime_end_time >= $scope.nowMoment)) {
pricefull = price;
} else {
if (compare_price != 0) {
pricefull = compare_price;
$scope._pricefullState.pricefull = 'not zero';
} else {
$scope._pricefullState.pricefull = 'zero';
}
}
return pricefull;
}
$scope.calculate = function(price, compare_price, discount_id, lifetime_start_time, lifetime_end_time, discount_price, discount_percent) {
var calculate = 0;
if (discount_id != undefined && lifetime_start_time <= $scope.nowMoment && (lifetime_end_time == -1 || lifetime_end_time >= $scope.nowMoment)) {
if (discount_price != 0 && discount_percent == 0) {
calculate = price - discount_price;
} else if (discount_percent != 0 && discount_price == 0) {
calculate = price - ((discount_percent / 100) * price);
}
} else {
calculate = price
}
return (calculate > 0) ? calculate : 0;
}
$scope.stateShow = false;
$scope.findVariantsData = function(variantsPick) {
function compareArray(array_a, array) {
if (!array) return false;
if (array_a.length != array.length) return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i])) return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var count = 0;
var dataVariants = $scope.dataVariants;
for (var i = 0; i < dataVariants.length; i++) {
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
var _self = dataVariants[i];
var _self_option = angular.fromJson(_self.option_id_json);
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if (compareArray(variantsPick, optionJson)) {
$scope._dataArray.product_id = dataVariants[i].product_id;
$scope._dataArray.product_sku = dataVariants[i].sku;
$scope._dataArray.product_price = dataVariants[i].price;
$scope._dataArray.product_compare_price = dataVariants[i].compare_price;
$scope.data.product_total_stock = dataVariants[i].total_stock;
console.log("tasdasdasdasest if", $scope.data.product_total_stock);
$scope.names = [];
if (parseFloat($scope.data.product_total_stock) == 0) {
$scope.stateShow = false;
$scope.names = [1];
} else {
$scope.stateShow = true;
for (var i = 0; i < parseFloat($scope.data.product_total_stock); i++) {
$scope.names.push(i + 1);
}
}
console.log("selectedOptionTextJson: option", _self);
if (_self.variant_image.length) {
var rightImagePosition = 0;
for (var im = 0; im < $scope.data.product_image.length; im++) {
if ($scope.data.product_image[im].image_id == _self.variant_image[0].image_id) {
rightImagePosition = im;
break;
}
}
$timeout(function() {
console.log("Found Varaint Image", _self.variant_image[0].image_id);
if ($(window).width <= 991) {
$scope.slickGoto('gallery_show', rightImagePosition);
} else {
angular.element('.gallery-thumbnail .thumb-img[data-image-id="' + _self.variant_image[0].image_id + '"]').click();
}
}, 300);
}
break;
} else {
console.log("tasdasdasdasest else", $scope.data.product_total_stock);
$scope.stateShow = false;
}
if (!compareArray(variantsPick, optionJson)) {
count++;
}
if (count >= dataVariants.length) {
$scope._dataArray.product_id = dataVariants[i].product_id;
console.log("optionJson : 0000 ", count, dataVariants[i].total_stock);
$scope.names = [1];
$scope.stateShow = false;
}
}
};
$scope.makeVaraintsClick_Normal = function() {
$timeout(function() {
$('div.variantSelector').each(function(idx, obj) {
$(this).find('span[data-index="' + idx + '"]').eq(0).click();
});
}, 2000);
};
$scope.returnheight = function() {
$(".cover_image_item").css("height", $(".cover_image_item").css("width"));
$(".gallery_display").css("height", $(".cover_image_item").css("width"));
$("iframe").css("height", $(".cover_image_item").css("width"));
$("iframe").css("width", $(".cover_image_item").css("width"));
/*$(".cover_image_item_md_lg").css("height", $(".cover_image_item_md_lg").css("width"));
$(".gallery_display_md_lg").css("height", $(".cover_image_item_md_lg").css("width"));*/
$("iframe").css("height", $(".cover_image_item_md_lg").css("width"));
$("iframe").css("width", $(".cover_image_item_md_lg").css("width"));
}
$scope.timeCountStart = function() {
$scope.timeout_promise = $timeout(function() {
/*$scope.returnheight();
$scope.timeCountStart();*/
}, 1000);
}
$scope.timeCountStart();
$scope.data_viewTab = '1';
$scope._viewTab = function(index) {
$scope.data_viewTab = index;
};
$scope._data_qty_model = 1;
$scope._data_qty_selected = 1;
$scope.currentOptionQtyPick = function(variant_key) {
if ($('#detail_qty[variant-key="' + variant_key + '"]').val() != undefined) {
var e = parseFloat($('#detail_qty[variant-key="' + variant_key + '"]').val().substr(7));
}
return e;
};
$scope.watchQty = function(variant_key) {
var e = angular.element('select[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('select[name="detail_qty"][variant-key="' + variant_key + '"]');
}
if ($('#detail_qty[variant-key="' + variant_key + '"]').val() != undefined) {
$scope._data_qty_selected = parseFloat($('#detail_qty[variant-key="' + variant_key + '"]').val().substr(7));
}
console.log("_data_qty_selected", $scope._data_qty_selected);
/* parseFloat(e.val());
alert(i);onSelectVariantItems*/
if ($scope._data_qty_selected <= 0 || typeof $scope._data_qty_selected == 'undefined' || isNaN($scope._data_qty_selected)) {
var t = $timeout(function() {
$timeout.cancel(t);
$scope._data_qty_selected = 1;
e.val(1);
}, 600);
}
};
$scope.productQuantityMultiArray = [];
$scope.lastCheckedVariantKey = '';
$scope.buildMultipleQuantity = function(productObj) {
$scope.productQuantityMultiArray = [];
var r = [];
if (productObj.product_attribute.option_data != undefined && productObj.product_attribute.option_data.length > 0) {
var p = productObj.product_attribute.option_data.variant_array;
for (var i = 0; i < p.length; i++) {
if (p[i].status == 1 && p[i].status == 1) {
$scope.productQuantityMultiArray.push({
v_key: p[i].variant_key,
v_name: p[i].option_name_array[0],
v_qty: 1,
v_active: 0
});
}
}
}
};
$scope.switchQuantityByKey = function(variant_key) {
$scope.lastCheckedVariantKey = variant_key;
$('.d_qty').removeClass('active').removeClass('inin');
$('.d_qty_price[variant-key!="' + variant_key + '"]').removeClass('active').removeClass('inin');
$('.d_qty[variant-key="' + variant_key + '"]').addClass('active');
$('.d_qty[variant-key="' + variant_key + '"]').addClass('inin');
$('.d_qty_price[variant-key="' + variant_key + '"]').addClass('active');
$timeout(function() {
$('.d_qty[variant-key="' + variant_key + '"]').addClass('inin');
$('.d_qty_price[variant-key="' + variant_key + '"]').addClass('inin');
}, 300);
};
$scope.viewQuantity = function() {
var check_int = 1;
if ($(".d_qty").find('select').val() != undefined) {
check_int = parseFloat($(".d_qty").find('select').val().substr(7));
}
return check_int;
};
$scope.warning = 0;
$scope.getWarn = function() {
$scope.warning = 1;
};
$scope.outofstock = 0;
$scope.getOutofstock = function() {
$scope.outofstock = 1;
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData) {
if (objectData.product_total_variant <= 0) {
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
$scope.onSelectVariantItems(0, '');
};
$scope.dataVariantsPick = [];
$scope.onSelectVariantItems = function($index, option_id) {
$scope.testyuyu = 0;
if (option_id == '') {
$scope.names = [];
for (var i = 0; i < 20; i++) {
$scope.names.push(i + 1);
}
$scope._dataArray.product_id = $scope._idUrl($scope._viewRouteParams().product_id);
$scope._dataArray.product_price = $scope.data_min.price;
$scope.testyuyu = 0;
$('.d_qty_price').removeClass("active");
$('.d_qty_price').removeClass("inin");
$('.d_qty').removeClass('active').removeClass('inin');
$('.dsetting').addClass("active");
$('.d_qty_not_result').addClass("active");
$scope.dataVariantsPick[$index] = option_id;
console.log("check_vareian 1000:", $scope.dataVariantsPick.length, $index, $scope.dataVariantsPick, $scope.dataOption.length);
return GAEAPI.get('product/id', {
'txt_product_id': $scope._idUrl($routeParams.product_id)
}, $scope).then(function(e) {
if (e.ok == 1) {
$scope.data = e.data;
$scope.dataPreserve = e.data;
}
});
} else {
$scope.dataVariantsPick[$index] = option_id;
for (var i = 0; i < $scope.dataVariantsPick.length; i++) {
if ($scope.dataVariantsPick[i] != undefined && $scope.dataVariantsPick[i] != "") {
$scope.testyuyu++;
console.log("check_vareian 103", $scope.testyuyu);
}
}
if ($scope.testyuyu >= $scope.dataOption.length) {
console.log("check_vareian 104", $scope.testyuyu);
$scope.testyuyu = 0;
$scope.findVariantsData($scope.dataVariantsPick);
$(".d_qty").find('select').val("number:1");
} else {
console.log("check_vareian 105", $scope.testyuyu);
$scope.testyuyu = 0;
$(".d_qty").find('select').val("number:1");
}
console.log("check_vareian 1001:", $scope.dataVariantsPick.length, $index, $scope.dataVariantsPick, $scope.dataOption.length, $scope.electric, $scope.testyuyu);
}
/*alert($scope.dataVariantsPick);*/
};
$scope.video_code = "";
$scope.videoShow = function() {
$scope.video_code = $scope._dataArray.product_hightlight_video_embed;
$(".videoHighlightOverlay").addClass("active");
console.log("videoShow");
}
$scope.videoHide = function() {
$scope.video_code = '';
$(".videoHighlightOverlay").removeClass("active");
console.log("videoHide");
}
$scope.viewHide = function(arrayData, optionData) {
var reTest = false;
if (optionData == arrayData.length) {
for (var i = 0; arrayData.length > i; i++) {
console.log("arrayData[i]", arrayData[i]);
if (!arrayData[i]) {
reTest = false;
break;
} else {
reTest = true;
}
}
}
return reTest;
}
$scope.viewHideOp = function(arrayData, optionData) {
var e = false;
if (optionData == 0 && arrayData.length == 0) {
e = true;
}
return e;
}
$scope.qtuC = function() {
var e = 1;
if ($(".d_qty").find('select').val() == "") {
$(".d_qty").find('select').val("number:1");
var e = 1;
} else {
var e = $(".d_qty").find('select').val();
}
return e;
}
$scope.buyC = function() {
var e = false;
if ($scope.dataOption.length == 0 && $scope.viewHide($scope.dataVariantsPick, $scope.dataOption.length) == false) {
if ($scope.names.length == 0) {
e = false
} else {
e = true;
}
} else if ($scope.dataOption.length > 0) {
if ($scope.viewHide($scope.dataVariantsPick, $scope.dataOption.length) == true) {
if ($scope.stateShow == true) {
e = true;
}
} else {
e = false;
}
}
return e;
}
$scope.outOfStockShow = function() {
var e = false;
if ($scope.buyC() == true) {
e = true;
} else {
if ($scope.names.length == 20) {
e = true;
} else {
e = false;
}
}
return e;
}
};
return promise;
});_ui_share_app.directive('productDetailPageZa', function($rootScope, $routeParams, sliderProvider, $componentProductDetail) {
var templateName = 'productDetailPageZa';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
buttonicon: '@buttonicon',
buttontext: '@buttontext',
stylebutton: '@stylebutton',
promotelink: '@promotelink',
id: '@id',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window, $http) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope._stylebutton = ($scope.stylebutton == undefined || $scope.stylebutton == "") ? 'filled_button_round_small' : $scope.stylebutton;
$scope._viewRouteParams = function() {
return $routeParams || false;
};
$scope._idUrl = function(instr) {
var outstr = instr.split("-", 1).join("");
return outstr;
};
$scope.dataRelation = [];
$scope.getRelation = function(referral_id) {
var d = {
'txt_referral_id': referral_id
};
GAEAPI.get('referral/relation', d).then(function(e) {
if (e.ok == 1) {
$scope.dataRelation = e.data;
}
});
};
$scope.dataRelatetag = [];
$scope.dataRelatetagState = {
load: true,
done: false
};
$scope.productRelateTag = function(product_tag) {
$scope.dataRelatetagState = $scope.StateData(true, false);
var tag = {
'tags': product_tag
};
var dataSend = {
'cur_page': 1,
'per_page': 4,
'txt_filter_json': JSON.stringify(tag)
};
console.log("dataSend :", dataSend);
GAEAPI.get('product/lists', dataSend).then(function(output) {
if (output.ok == 1) {
$scope.dataRelatetag = output.data.dataList;
console.log("dataSend :", output.data);
}
$scope.dataRelatetagState = $scope.StateData(false, true);
});
};
$scope._dataArray = [];
$scope._dataArrayState = {
load: false,
done: false
};
$scope._getDataArray = function(id) {
$scope._dataArrayState = $scope.StateData(true, false);
var dataSend = {
'txt_product_id': id
};
GAEAPI.get('product/id', dataSend).then(function(res) {
if (res.ok === 1) {
$scope._dataArray = res.data;
/* add data video */
/*if ($scope._dataArray.product_hightlight_video_embed != "") {
$scope._dataArray.product_image.unshift({
image_url: $scope.imgPath + 'img-play.png',
product_hightlight_video_embed: $scope._dataArray.product_hightlight_video_embed
});
}*/
/* add data video */
$scope._dataArrayRelateProductId = res.data.product_id;
if ($scope._dataArray.product_referral_display.category != undefined) {
$scope.getRelation($scope._dataArray.product_referral_display.category[0].referral_id);
}
$scope.productRelateTag($scope._dataArray.product_tags);
$scope.buildVariantOption(res.data);
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
$scope._getDataArray($scope._idUrl($scope._viewRouteParams().product_id));
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope._itemCarousel = function() {
var elementName = '[data-key="' + $scope._uniqueKey + '"]';
var optionsParmas = {
/*autoplay: (window.location.host !== 'localhost') ? true : false,*/
autoplay: false,
slidesToShow: 1,
slidesToScroll: 1,
dots: false,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
};
return sliderProvider(elementName, optionsParmas, $scope.type, $scope._uniqueKey);
};
$rootScope.$on('repeatend', function() {
if ($('[data-key="' + $scope._uniqueKey + '"]').not('.slick-initialized')) {
$timeout(function() {
$scope._itemCarousel();
}, 500);
}
});
$scope._data_qty_model = '1';
$scope.viewQuantity = function() {
/*return $(".d_qty.active.inin").find('input').val() || 1;*/
return $( "#d_qty option:selected" ).text();
};
$scope.decreseQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (i > 1) {
e.val(i - 1);
$scope._data_qty_selected = (i - 1);
}
return $scope._data_qty_selected;
};
$scope.increseQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (isNaN(i)) {
i = 0;
}
e.val(i + 1);
$scope._data_qty_selected = (i + 1);
return $scope._data_qty_selected;
};
$scope.watchQty = function(variant_key) {
var e = angular.element('input[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('input[name="detail_qty"][variant-key="' + variant_key + '"]');
}
var i = parseInt(e.val());
if (i <= 0 || typeof i == 'undefined' || isNaN(i)) {
var t = $timeout(function() {
$timeout.cancel(t);
$scope._data_qty_selected = 1;
e.val(1);
}, 600);
}
};
$scope.slickGoto = function(idx) {
setTimeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickGoTo', idx);
}, 100);
};
$scope._slickGoLeft = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData) {
if (objectData.product_total_variant <= 0) {
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
$scope.makeVaraintsClick_Normal();
};
$scope.dataVariantsPick = [""];
$scope.onClickVariantItems = function($index, option_id) {
console.log("onSelectVariantItems:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
if ($scope.dataVariantsPick.length >= $scope.dataOption.length) {
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope.dataVariantsPick = [""];
$scope.onSelectVariantItems = function($index, option_id){
console.log("onSelectVariantItems:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
if($scope.dataVariantsPick.length >= $scope.dataOption.length){
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope.makeVariantsClick = function(){
var s = $timeout(function(){
$timeout.cancel(s);
$('select.variantSelector').each(function(idx,obj){
var optionElementFirst = $(this).find('option[data-index="'+idx+'"]').eq(0);
optionElementFirst.prop("selected",true);
$scope.onSelectVariantItems(optionElementFirst.attr('data-index'), optionElementFirst.attr('data-option'));
});
}, 2000);
};
$scope._saleState = {
discount: 0
};
$scope.sale = function(price, compare_price, discount_id, discount_price, discount_percent) {
var sale = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
sale = discount_price;
$scope._saleState.discount = 'price';
} else if (discount_percent != 0 && discount_price == 0) {
sale = discount_percent;
$scope._saleState.discount = 'percent';
}
}
return (sale > 0) ? sale : 0;
}
$scope._pricefullState = {
pricefull: 0
};
$scope.pricefull = function(price, compare_price, discount_id, discount_price, discount_percent) {
var pricefull = 0;
if (discount_id != undefined) {
pricefull = price;
} else {
if (compare_price != 0) {
pricefull = compare_price;
$scope._pricefullState.pricefull = 'not zero';
} else {
$scope._pricefullState.pricefull = 'zero';
}
}
return pricefull;
}
$scope.calculate = function(price, compare_price, discount_id, discount_price, discount_percent) {
var calculate = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
calculate = price - discount_price;
} else if (discount_percent != 0 && discount_price == 0) {
calculate = price - ((discount_percent / 100) * price);
}
} else {
calculate = price
}
return (calculate > 0) ? calculate : 0;
}
$scope.findVariantsData = function(variantsPick) {
function compareArray(array_a, array) {
if (!array) return false;
if (array_a.length != array.length) return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i])) return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
for (var i = 0; i < dataVariants.length; i++) {
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if (compareArray(variantsPick, optionJson)) {
$scope._dataArray.product_id = dataVariants[i].product_id;
$scope._dataArray.product_sku = dataVariants[i].sku;
$scope._dataArray.product_price = dataVariants[i].price;
$scope._dataArray.product_compare_price = dataVariants[i].compare_price;
break;
}
}
};
$scope.makeVaraintsClick_Normal = function() {
$timeout(function() {
$('div.variantSelector').each(function(idx, obj) {
$(this).find('span[data-index="' + idx + '"]').eq(0).click();
});
}, 2000);
};
$scope.returnheight = function() {
$(".cover_image_item").css("height", $(".cover_image_item").css("width"));
$(".gallery_display").css("height", $(".cover_image_item").css("width"));
$("iframe").css("height", $(".cover_image_item").css("width"));
$("iframe").css("width", $(".cover_image_item").css("width"));
}
$scope.timeCountStart = function() {
$scope.timeout_promise = $timeout(function() {
$scope.returnheight();
$scope.timeCountStart();
}, 1000);
}
$scope.timeCountStart();
$scope.displayImage = function(image_url, prefix) {
return (typeof image_url !== 'undefined') ? GAEAPI.getGaeImageUrl(image_url, prefix) : '';
}
$scope.showDebug = function() {
return (typeof $routeParams.debug !== 'undefined') ? true : false;
};
/* Change Big Image when click thumbnail */
$scope.dataChangeBigImage = 0;
$scope.changeBigImage = function(dataObject,index) {
$scope.dataChangeBigImage = index;
$timeout(function() {
var e = $('.gallery-display');
var el = $('.gallery-display').find('img').eq(0);
e.css('opacity', '0');
$timeout(function() {
el.attr('original-src', el.attr('src'));
el.attr('src', dataObject.image_url);
el.addClass('has-changed');
e.css('opacity', '1');
}, 600);
}, 300);
};
};
return promise;
});_ui_share_app.directive('productDetailPageZb', function($rootScope, $routeParams, sliderProvider, $componentProductDetail, $location) {
var templateName = 'productDetailPageZb';
var componentMain = 'componentProductDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
imgpath: '@imgpath',
promotelink: '@promotelink',
id: '@id',
iconbuy: '@iconbuy',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window, $http) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope._viewRouteParams = function() {
return $routeParams || false;
};
$scope.login = function() {
var login = {
showLogin: function() {
return UiCustomerBox.delegate.get.isLogin();
},
isLogin: function(callback) {
callback(UiCustomerBox.delegate.get.isLogin());
},
pageLogin: function() {
var _self = this;
_self.isLogin(function(isLogin) {
if (!isLogin) {
/* $location.url('member').replace(); */
window.location.href = "member";
}
});
}
}
return login;
};
$scope._idUrl = function(instr) {
var outstr = instr.split("-", 1).join("");
return outstr;
};
$scope.titleUrl = function(str) {
var res_str = '';
if (str != undefined) {
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
res_str = s.toLowerCase();
}
return res_str;
};
$scope.dataRelation = [];
$scope.getRelation = function(referral_id) {
var d = {
'txt_referral_id': referral_id
};
GAEAPI.get('referral/relation', d).then(function(e) {
if (e.ok == 1) {
$scope.dataRelation = e.data;
}
});
};
$scope._dataArray_tag = {};
$scope._dataArray = [];
$scope.data_min = [];
$scope._dataArrayState = {
load: false,
done: false
};
$scope.names = [];
$scope.currentStock = 0;
$scope._getDataArray = function(id) {
$scope._dataArrayState = $scope.StateData(true, false);
var dataSend = {
'txt_product_id': id
};
GAEAPI.get('product/id', dataSend).then(function(res) {
if (res.ok === 1) {
console.log("productDetailPageZb : res : ", res);
$scope._dataArray = res.data;
/*if ($scope._dataArray.product_hightlight_video_embed != "") {
$scope._dataArray.product_image.unshift({
image_url: $scope.imgPath + 'img-play.png',
product_hightlight_video_embed: $scope._dataArray.product_hightlight_video_embed
});
}*/
$scope._dataArrayRelateProductId = res.data.product_id;
if ($scope._dataArray.product_referral_display.category != undefined) {
$scope.getRelation($scope._dataArray.product_referral_display.category[0].referral_id);
}
/*if ($scope._dataArray.product_description == '') {
$scope._viewTab(2);
}*/
$scope.names = [];
if (res.data.product_total_variant == 0 && res.data.product_total_stock > 0) {
for (var i = 0; i < parseInt(res.data.product_total_stock); i++) {
$scope.names.push(i + 1);
}
}
if (res.data.product_total_variant == 0 && res.data.product_total_stock < 0) {
for (var i = 0; i < 20; i++) {
$scope.names.push(i + 1);
}
}
if (res.data.product_total_variant > 0) {
for (var i = 0; i < 20; i++) {
$scope.names.push(i + 1);
}
}
if (res.data.product_attribute != undefined) {
if (res.data.product_attribute.option_data != undefined) {
if (res.data.product_attribute.option_data.variant_array != undefined) {
if (res.data.product_attribute.option_data.variant_array.length != 0) {
var set_varia = res.data.product_attribute.option_data.variant_array[0].price;
for (var i = 0; i < res.data.product_attribute.option_data.variant_array.length; i++) {
if (parseInt(set_varia) >= parseInt(res.data.product_attribute.option_data.variant_array[i].price)) {
set_varia = res.data.product_attribute.option_data.variant_array[i].price;
$scope.data_min = res.data.product_attribute.option_data.variant_array[i];
}
}
if ($scope.data_min.length == 0) {
$scope.data_min = res.data.product_attribute.option_data.variant_array[0];
}
}
}
}
}
$scope._dataArray_tag = res.data.product_tags.split(",");
$scope.buildMultipleQuantity(res.data);
$scope.buildVariantOption(res.data);
$scope.builldRelateProduct(res.data);
$scope.currentStock = $scope._dataArray.product_total_stock;
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.dataRelateProductArray = [];
$scope.builldRelateProduct = function(dataObj) {
console.log("_getDataArray", dataObj);
var dataSend = {
'cur_page': 1,
'per_page': 5,
'txt_filter_json': JSON.stringify({
"badge_id_array": [18],
"tags": dataObj.product_tags
})
};
GAEAPI.get('product/lists', dataSend).then(function(e) {
if (e.ok === 1) {
$scope.dataRelateProductArray = e.data.dataList;
}
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
$scope._getDataArray($scope._idUrl($scope._viewRouteParams().product_id));
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.slickGoto = function(idx) {
setTimeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickGoTo', idx);
}, 100);
};
$scope._slickGoLeft = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function() {
$timeout(function() {
$('[data-key="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
$scope._itemCarousel = function() {
var elementName = '[data-key="' + $scope._uniqueKey + '"]';
var optionsParmas = {
/*autoplay: (window.location.host !== 'localhost') ? true : false,*/
autoplay: false,
slidesToShow: 1,
slidesToScroll: 1,
dots: false,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
};
return sliderProvider(elementName, optionsParmas, $scope.type, $scope._uniqueKey);
};
$rootScope.$on('repeatend', function() {
if ($('[data-key="' + $scope._uniqueKey + '"]').not('.slick-initialized')) {
$timeout(function() {
$scope._itemCarousel();
}, 500);
}
});
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData) {
if (objectData.product_total_variant <= 0) {
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
$scope.makeVaraintsClick_Normal();
};
$scope.dataVariantsPick = [];
$scope.onClickVariantItems = function($index, option_id) {
console.log("onClickVariantItems:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
if ($scope.dataVariantsPick.length >= $scope.dataOption.length) {
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope.nowMoment = moment().unix();
$scope._saleState = {
discount: 0
};
$scope.sale = function(price, compare_price, discount_id, lifetime_start_time, lifetime_end_time, discount_price, discount_percent) {
var sale = 0;
if (discount_id != undefined && lifetime_start_time <= $scope.nowMoment && (lifetime_end_time == -1 || lifetime_end_time >= $scope.nowMoment)) {
if (discount_price != 0 && discount_percent == 0) {
sale = discount_price;
$scope._saleState.discount = 'price';
} else if (discount_percent != 0 && discount_price == 0) {
sale = discount_percent;
$scope._saleState.discount = 'percent';
}
}
return (sale > 0) ? sale : 0;
}
$scope.saleprice = function(price, compare_price, discount_id, lifetime_start_time, lifetime_end_time, discount_price, discount_percent) {
var calculate = 0;
if (discount_id != undefined && lifetime_start_time <= $scope.nowMoment && (lifetime_end_time == -1 || lifetime_end_time >= $scope.nowMoment)) {
if (discount_price != 0 && discount_percent == 0) {
calculate = price - discount_price;
} else if (discount_percent != 0 && discount_price == 0) {
calculate = price - ((discount_percent / 100) * price);
}
}
return (calculate > 0) ? calculate : 0;
}
$scope._pricefullState = {
pricefull: 0
};
$scope.pricefull = function(price, compare_price, discount_id, lifetime_start_time, lifetime_end_time, discount_price, discount_percent) {
var pricefull = 0;
if (discount_id != undefined && lifetime_start_time <= $scope.nowMoment && (lifetime_end_time == -1 || lifetime_end_time >= $scope.nowMoment)) {
if (price != undefined && price != 0) {
pricefull = price;
$scope._pricefullState.pricefull = 'not zero';
} else {
pricefull = 0;
$scope._pricefullState.pricefull = 'zero';
}
} else {
if (compare_price > 0 && compare_price != undefined) {
pricefull = compare_price;
$scope._pricefullState.pricefull = 'not zero';
} else {
$scope._pricefullState.pricefull = 'zero';
}
}
return pricefull;
}
$scope.calculate = function(price, compare_price, discount_id, lifetime_start_time, lifetime_end_time, discount_price, discount_percent) {
var calculate = 0;
if (discount_id != undefined && lifetime_start_time <= $scope.nowMoment && (lifetime_end_time == -1 || lifetime_end_time >= $scope.nowMoment)) {
if (discount_price != 0 && discount_percent == 0) {
calculate = price - discount_price;
} else if (discount_percent != 0 && discount_price == 0) {
calculate = price - ((discount_percent / 100) * price);
}
} else {
calculate = price
}
return (calculate > 0) ? calculate : 0;
}
$scope.stateShow = false;
$scope.findVariantsData = function(variantsPick) {
function compareArray(array_a, array) {
if (!array) return false;
if (array_a.length != array.length) return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i])) return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var count = 0;
var dataVariants = $scope.dataVariants;
for (var i = 0; i < dataVariants.length; i++) {
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
var _self = dataVariants[i];
var _self_option = angular.fromJson(_self.option_id_json);
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
if (compareArray(variantsPick, optionJson)) {
console.log("dataVariants : ", dataVariants);
$scope._dataArray.product_id = dataVariants[i].product_id;
$scope._dataArray.product_sku = dataVariants[i].sku;
$scope._dataArray.product_price = dataVariants[i].price;
$scope._dataArray.product_compare_price = dataVariants[i].compare_price;
$scope.data.product_total_stock = dataVariants[i].total_stock;
console.log("tasdasdasdasest if", $scope.data.product_total_stock);
$scope.names = [];
if (parseInt($scope.data.product_total_stock) == 0) {
$scope.stateShow = false;
$scope.names = [1];
} else {
$scope.stateShow = true;
for (var i = 0; i < parseInt($scope.data.product_total_stock); i++) {
$scope.names.push(i + 1);
}
}
console.log("selectedOptionTextJson: option", _self);
if (_self.variant_image.length) {
var rightImagePosition = 0;
for (var im = 0; im < $scope.data.product_image.length; im++) {
if ($scope.data.product_image[im].image_id == _self.variant_image[0].image_id) {
rightImagePosition = im;
break;
}
}
$timeout(function() {
console.log("Found Varaint Image", _self.variant_image[0].image_id);
if ($(window).width <= 991) {
$scope.slickGoto('gallery_show', rightImagePosition);
} else {
angular.element('.gallery-thumbnail .thumb-img[data-image-id="' + _self.variant_image[0].image_id + '"]').click();
}
}, 300);
}
break;
} else {
console.log("tasdasdasdasest else", $scope.data.product_total_stock);
$scope.stateShow = false;
}
if (!compareArray(variantsPick, optionJson)) {
count++;
}
if (count >= dataVariants.length) {
$scope._dataArray.product_id = dataVariants[i].product_id;
console.log("optionJson : 0000 ", count, dataVariants[i].total_stock);
$scope.names = [1];
$scope.stateShow = false;
}
}
};
$scope.makeVaraintsClick_Normal = function() {
$timeout(function() {
$('div.variantSelector').each(function(idx, obj) {
$(this).find('span[data-index="' + idx + '"]').eq(0).click();
});
}, 2000);
};
$scope.returnheight = function() {
$(".cover_image_item").css("height", $(".cover_image_item").css("width"));
$(".gallery_display").css("height", $(".cover_image_item").css("width"));
$("iframe").css("height", $(".cover_image_item").css("width"));
$("iframe").css("width", $(".cover_image_item").css("width"));
/*$(".cover_image_item_md_lg").css("height", $(".cover_image_item_md_lg").css("width"));
$(".gallery_display_md_lg").css("height", $(".cover_image_item_md_lg").css("width"));*/
$("iframe").css("height", $(".cover_image_item_md_lg").css("width"));
$("iframe").css("width", $(".cover_image_item_md_lg").css("width"));
}
$scope.timeCountStart = function() {
$scope.timeout_promise = $timeout(function() {
/*$scope.returnheight();
$scope.timeCountStart();*/
}, 1000);
}
$scope.timeCountStart();
$scope.data_viewTab = '1';
$scope._viewTab = function(index) {
$scope.data_viewTab = index;
};
$scope._data_qty_model = 1;
$scope._data_qty_selected = 1;
$scope.currentOptionQtyPick = function(variant_key) {
if ($('#detail_qty[variant-key="' + variant_key + '"]').val() != undefined) {
var e = parseInt($('#detail_qty[variant-key="' + variant_key + '"]').val().substr(7));
}
return e;
};
$scope.watchQty = function(variant_key) {
var e = angular.element('select[name="detail_qty"]');
if (typeof variant_key !== 'undefined') {
e = angular.element('select[name="detail_qty"][variant-key="' + variant_key + '"]');
}
if ($('#detail_qty[variant-key="' + variant_key + '"]').val() != undefined) {
$scope._data_qty_selected = parseInt($('#detail_qty[variant-key="' + variant_key + '"]').val().substr(7));
}
console.log("_data_qty_selected", $scope._data_qty_selected);
/* parseInt(e.val());
alert(i);onSelectVariantItems*/
if ($scope._data_qty_selected <= 0 || typeof $scope._data_qty_selected == 'undefined' || isNaN($scope._data_qty_selected)) {
var t = $timeout(function() {
$timeout.cancel(t);
$scope._data_qty_selected = 1;
e.val(1);
}, 600);
}
};
$scope.productQuantityMultiArray = [];
$scope.lastCheckedVariantKey = '';
$scope.buildMultipleQuantity = function(productObj) {
$scope.productQuantityMultiArray = [];
var r = [];
if (productObj.product_attribute.option_data != undefined && productObj.product_attribute.option_data.length > 0) {
var p = productObj.product_attribute.option_data.variant_array;
for (var i = 0; i < p.length; i++) {
if (p[i].status == 1 && p[i].status == 1) {
$scope.productQuantityMultiArray.push({
v_key: p[i].variant_key,
v_name: p[i].option_name_array[0],
v_qty: 1,
v_active: 0
});
}
}
}
};
$scope.switchQuantityByKey = function(variant_key) {
$scope.lastCheckedVariantKey = variant_key;
$('.d_qty').removeClass('active').removeClass('inin');
$('.d_qty_price[variant-key!="' + variant_key + '"]').removeClass('active').removeClass('inin');
$('.d_qty[variant-key="' + variant_key + '"]').addClass('active');
$('.d_qty[variant-key="' + variant_key + '"]').addClass('inin');
$('.d_qty_price[variant-key="' + variant_key + '"]').addClass('active');
$timeout(function() {
$('.d_qty[variant-key="' + variant_key + '"]').addClass('inin');
$('.d_qty_price[variant-key="' + variant_key + '"]').addClass('inin');
}, 300);
};
$scope.viewQuantity = function() {
var check_int = 1;
if ($(".d_qty").find('select').val() != undefined) {
check_int = parseInt($(".d_qty").find('select').val().substr(7));
}
return check_int;
};
$scope.warning = 0;
$scope.getWarn = function() {
$scope.warning = 1;
};
$scope.outofstock = 0;
$scope.getOutofstock = function() {
$scope.outofstock = 1;
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData) {
if (objectData.product_total_variant <= 0) {
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
$scope.onSelectVariantItems(0, '');
};
$scope.dataVariantsPick = [];
$scope.onSelectVariantItems = function($index, option_id) {
$scope.testyuyu = 0;
if (option_id == '') {
$scope.names = [];
for (var i = 0; i < 20; i++) {
$scope.names.push(i + 1);
}
$scope._dataArray.product_id = $scope._idUrl($scope._viewRouteParams().product_id);
$scope._dataArray.product_price = $scope.data_min.price;
$scope.testyuyu = 0;
$('.d_qty_price').removeClass("active");
$('.d_qty_price').removeClass("inin");
$('.d_qty').removeClass('active').removeClass('inin');
$('.dsetting').addClass("active");
$('.d_qty_not_result').addClass("active");
$scope.dataVariantsPick[$index] = option_id;
console.log("check_vareian 1000:", $scope.dataVariantsPick.length, $index, $scope.dataVariantsPick, $scope.dataOption.length);
return GAEAPI.get('product/id', {
'txt_product_id': $scope._idUrl($routeParams.product_id)
}).then(function(e) {
if (e.ok == 1) {
$scope.data = e.data;
$scope.dataPreserve = e.data;
}
});
} else {
$scope.dataVariantsPick[$index] = option_id;
for (var i = 0; i < $scope.dataVariantsPick.length; i++) {
if ($scope.dataVariantsPick[i] != undefined && $scope.dataVariantsPick[i] != "") {
$scope.testyuyu++;
console.log("check_vareian 103", $scope.testyuyu);
}
}
if ($scope.testyuyu >= $scope.dataOption.length) {
console.log("check_vareian 104", $scope.testyuyu);
$scope.testyuyu = 0;
$scope.findVariantsData($scope.dataVariantsPick);
$(".d_qty").find('select').val("number:1");
} else {
console.log("check_vareian 105", $scope.testyuyu);
$scope.testyuyu = 0;
$(".d_qty").find('select').val("number:1");
}
console.log("check_vareian 1001:", $scope.dataVariantsPick.length, $index, $scope.dataVariantsPick, $scope.dataOption.length, $scope.electric, $scope.testyuyu);
}
/*alert($scope.dataVariantsPick);*/
};
$scope.video_code = "";
$scope.videoShow = function() {
$scope.video_code = $scope._dataArray.product_hightlight_video_embed;
$(".videoHighlightOverlay").addClass("active");
console.log("videoShow");
}
$scope.videoHide = function() {
$scope.video_code = '';
$(".videoHighlightOverlay").removeClass("active");
console.log("videoHide");
}
$scope.viewHide = function(arrayData, optionData) {
var reTest = false;
if (optionData == arrayData.length) {
for (var i = 0; arrayData.length > i; i++) {
console.log("arrayData[i]", arrayData[i]);
if (!arrayData[i]) {
reTest = false;
break;
} else {
reTest = true;
}
}
}
return reTest;
}
$scope.viewHideOp = function(arrayData, optionData) {
var e = false;
if (optionData == 0 && arrayData.length == 0) {
e = true;
}
return e;
}
$scope.qtuC = function() {
var e = 1;
if ($(".d_qty").find('select').val() == "") {
$(".d_qty").find('select').val("number:1");
var e = 1;
} else {
var e = $(".d_qty").find('select').val();
}
return e;
}
$scope.buyC = function() {
var e = false;
if ($scope.dataOption.length == 0 && $scope.viewHide($scope.dataVariantsPick, $scope.dataOption.length) == false) {
if ($scope.names.length == 0) {
e = false
} else {
e = true;
}
} else if ($scope.dataOption.length > 0) {
if ($scope.viewHide($scope.dataVariantsPick, $scope.dataOption.length) == true) {
if ($scope.stateShow == true) {
e = true;
}
} else {
e = false;
}
}
return e;
}
$scope.outOfStockShow = function() {
var e = false;
if ($scope.buyC() == true) {
e = true;
} else {
if ($scope.names.length == 20) {
e = true;
} else {
e = false;
}
}
return e;
}
};
return promise;
});_ui_share_app.directive('componentProductDetails', function($rootScope, $routeParams, $location) {
var templateComponent = 'componentProductDetails';
var templateUrl = _ui_share_host + templateComponent + '/' + templateComponent + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
type: '@type',
cart: '@cart',
buycol: '@buycol',
buyicon: '@buyicon',
buytext: '@buytext',
viewcarttext: '@viewcarttext',
buylogin: '@buylogin',
currency: '@currency',
checkstaff: '@checkstaff',
language: '@language',
btnstyle: '@btnstyle',
maxstock: '@maxstock',
videotext: '@videotext',
description: '@description',
info: '@info',
sandwiched : '@sandwiched',
specification: '@specification',
textbrand:'@textbrand',
navigationhover: '@navigationhover',
imageappcoverchecked: '@imageappcoverchecked',
categorylists:'@categorylists',
categorylistsurl: '@categorylistsurl',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templateUrl;
promise.transclude = {
'one': '?one',
'two': '?two',
'three': '?three',
};
promise.controller = function($scope, $timeout, $interval, $window, $http, share) {
$scope._console = (window.location.hostname == "localhost") ? true : false;
$scope._component = "componentProductDetails";
$scope._imgPath = CUR_THEME.file_url() + "images/";
$scope._icnPath = CUR_THEME.file_url() + "../../assets/";
$scope._componentType = _ui_share_host + $scope._component + "/type/";
$scope._module = _ui_share_host + $scope._component + "/module/";
$scope._class = ($scope.type != undefined && $scope.type != "") ? $scope.type : "default";
/* scope */
$scope._name = ($scope.name != undefined && $scope.name != "") ? $scope.name : "default";
$scope._type = $scope._componentType + $scope._class + ".html";
$scope._cart = ($scope.cart != undefined && $scope.cart != "") ? $scope.cart : "trumpComponentCarts";
$scope._buycol = ($scope.buycol != undefined && $scope.buycol != "") ? parseInt($scope.buycol) : 15;
$scope._maxstock = ($scope.maxstock != undefined && $scope.maxstock != "") ? parseInt($scope.maxstock) : 20;
$scope._categorylistsurl = ($scope.categorylistsurl != undefined && $scope.categorylistsurl != "") ? $scope.categorylistsurl : "category-lists";
$scope._btnstyle = ($scope.btnstyle != undefined && $scope.btnstyle != "") ? $scope.btnstyle : "filled_button_large";
$scope._buylogin = ($scope.buylogin == "true" || $scope.buylogin == "t") ? true : false;
$scope._checkstaff = ($scope.checkstaff == "true" || $scope.checkstaff == "t") ? true : false;
$scope._categorylists = ($scope.categorylists != undefined && $scope.categorylists != "") ? $scope.categorylists : "สินค้า";
$scope._sandwiched = ($scope.sandwiched != undefined && $scope.sandwiched != "") ? $scope.sandwiched : ">";
$scope._currency = ($scope.currency != undefined && $scope.currency != "") ? $scope.currency : "THB";
$scope._buyicon = ($scope.buyicon != undefined && $scope.buyicon != "") ? $scope.buyicon : "icnt_outline_cart01_dark.png";
$scope._buytext = ($scope.buytext != undefined && $scope.buytext != "") ? $scope.buytext : "เพิ่มในรถเข็น";
$scope._viewcarttext = ($scope.viewcarttext != undefined && $scope.viewcarttext != "") ? $scope.viewcarttext : "ดูรถเข็น";
$scope._videotext = ($scope.videotext != undefined && $scope.videotext != "") ? $scope.videotext : "Video";
$scope._icebuyicon = ($scope.buyicon != undefined && $scope.buyicon != "") ? $scope._icnPath + $scope.buyicon : $scope._icnPath + "icnt_outline_cart01_dark.png";
$scope._language = ($scope.language != undefined && $scope.language != "") ? (($scope.language == "en") ? "en" : "th") : "th";
$scope._textbrand = ($scope.textbrand != undefined && $scope.textbrand != "") ? $scope.textbrand : "Brand";
$scope._navigationhover = ($scope.navigationhover != undefined && $scope.navigationhover != "") ? $scope.navigationhover : "primary";
$scope._imageappcoverchecked = ($scope.imageappcoverchecked == "true" || $scope.imageappcoverchecked == "t") ? true : false;
/* scope */
$scope.getData = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
getRouteParams: function(callback) {
var _self = this;
var params = $routeParams;
var state = _self.stateData(true, false);
_self.consoleLog("getRouteParams params", params);
callback(params, state);
},
getNamePage: function(arr) {
var str = [];
for (var i = 0; i < arr.length; i++) {
if (i != 0) {
str.push(arr[i]);
}
}
return str.join(" ");
},
getProductId: function(params, callback) {
var _self = this;
var product_id = (params.product_id != undefined) ? params.product_id.split("-", 1).join("") : false;
_self.consoleLog("getProductId product_id", product_id);
callback(product_id);
},
stateData: function(load, done) {
var _self = this;
var state = {
load: load,
done: done
};
_self.consoleLog("stateData state", state);
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("dataSend api", api);
_self.consoleLog("dataSend dataSend", dataSend);
callback(api, dataSend);
},
checkGetApi: function(resApi, callback) {
var _self = this;
var ok = false;
if (resApi.ok == 1) {
ok = true;
}
_self.consoleLog("checkGetApi ok", ok);
callback(ok);
},
getApi: function(api, dataSend, callback) {
var _self = this;
var state = _self.stateData(true, false);
GAEAPI.get(api, dataSend, $scope).then(function(res_api) {
_self.checkGetApi(res_api, function(res_ok) {
_self.consoleLog("getApi api", api);
_self.consoleLog("getApi dataSend", dataSend);
_self.consoleLog("getApi res_api", res_api);
state = _self.stateData(false, true);
callback(res_ok, res_api, state);
})
});
},
getReferralId: function(productReferralDisplay, callback) {
var _self = this;
var referral_id = 0;
if (productReferralDisplay.length != 0) {
if (productReferralDisplay.category != undefined) {
if (productReferralDisplay.category.length != 0) {
referral_id = productReferralDisplay.category[0].referral_id
}
}
}
callback(referral_id);
},
getStaffId: function(staffId, callback) {
var _self = this;
var res_staff = {
staff_id: (staffId != 0 && staffId != '' && staffId != undefined) ? staffId : '0',
status: (staffId != 0 && staffId != '' && staffId != undefined) ? true : false
}
callback(res_staff);
},
getNameUrl: function(name, callback) {
var _self = this;
name = name.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
_self.consoleLog("getNameUrl", "name", name);
callback(name);
},
main: function() {
var _self = this;
}
}
return getFunction;
};
$scope.getCarousel = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
getCarousel: function(carousel, callback) {
var _self = this;
var carousel_id = 0;
if (carousel == 0) {
carousel_id = Math.floor((Math.random() * 9999) + 1000);
}
callback(carousel_id);
},
carouselA: function(cover, carousel) {
var _self = this;
$(cover).css('height', '0');
$(cover).css('opacity', '0');
$(carousel).css('opacity', '0');
setTimeout(function() {
var carousels = $(carousel);
carousels.not('.slick-initialized').slick({
fade: true,
dots: false,
arrows: false,
infinite: true,
autoplay: false,
adaptiveHeight: true,
autoplaySpeed: 4000,
slidesToShow: 1,
slidesToScroll: 1,
prevArrow: '',
nextArrow: '',
speed: 600,
}).closest('section').addClass('active');
$(cover).css('height', 'auto');
$(cover).css('opacity', '1');
$(carousel).css('opacity', '1');
}, 500);
},
carouselB: function(cover, carousel) {
var _self = this;
$(cover).css('height', '0');
$(cover).css('opacity', '0');
$(carousel).css('opacity', '0');
setTimeout(function() {
var carousels = $(carousel);
carousels.not('.slick-initialized').slick({
dots: true,
arrows: true,
infinite: true,
autoplay: false,
autoplaySpeed: 4000,
slidesToShow: 1,
slidesToScroll: 1,
prevArrow: '',
nextArrow: '',
speed: 600,
}).closest('section').addClass('active');
$(cover).css('height', 'auto');
$(cover).css('opacity', '1');
$(carousel).css('opacity', '1');
}, 500);
},
carouselD: function(cover, carousel) {
var _self = this;
$(cover).css('height', '0');
$(cover).css('opacity', '0');
$(carousel).css('opacity', '0');
setTimeout(function() {
var carousels = $(carousel);
carousels.not('.slick-initialized').slick({
dots: false,
arrows: true,
infinite: true,
autoplay: true,
adaptiveHeight: true,
autoplaySpeed: 4000,
slidesToShow: 1,
slidesToScroll: 1,
prevArrow: '',
nextArrow: '',
speed: 600,
}).closest('section').addClass('active');
$(cover).css('height', 'auto');
$(cover).css('opacity', '1');
$(carousel).css('opacity', '1');
}, 500);
},
carouselBar: function(cover, carousel) {
var _self = this;
$(cover).css('height', '0');
$(cover).css('opacity', '0');
$(carousel).css('opacity', '0');
setTimeout(function() {
var carousels = $(carousel);
carousels.not('.slick-initialized').slick({
dots: false,
arrows: false,
infinite: false,
autoplay: false,
adaptiveHeight: true,
autoplaySpeed: 4000,
slidesToShow: 6,
slidesToScroll: 6,
speed: 600,
responsive: [{
breakpoint: 1200,
settings: {
slidesToShow: 5,
slidesToScroll: 5,
}
}, {
breakpoint: 991,
settings: {
slidesToShow: 4,
slidesToScroll: 4,
}
}, {
breakpoint: 767,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
}
}]
}).closest('section').addClass('active');
$(cover).css('height', 'auto');
$(cover).css('opacity', '1');
$(carousel).css('opacity', '1');
}, 500);
},
slickCarousel: function(carousel, index) {
var _self = this;
$scope.setCarousel.index = index;
setTimeout(function() {
$('[data-key="' + carousel + '"]').slick('slickGoTo', index);
}, 100);
},
prevIndex: function(product_image) {
var _self = this;
var image = product_image.length;
var image_index = $scope.setCarousel.index;
$scope.setCarousel.index = (image_index != 0) ? image_index - 1 : image - 1;
_self.consoleLog("prevIndex index", $scope.setCarousel.index);
},
nextIndex: function(product_image) {
var _self = this;
var image = product_image.length;
var image_index = $scope.setCarousel.index;
$scope.setCarousel.index = (image_index != (image - 1)) ? image_index + 1 : 0;
_self.consoleLog("nextIndex index", $scope.setCarousel.index);
}
}
return getFunction;
};
$scope.getAttribute = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
productAttribute: function(productAttribute, callback) {
var _self = this;
var attribute = {
option_name: "",
option_attribute: []
};
if (productAttribute.option_data != undefined) {
if (productAttribute.option_data.variant_array != undefined && productAttribute.option_data.variant_array.length != 0) {
for (var a = 0; a < productAttribute.option_data.pclass_array.length; a++) {
attribute.option_name = attribute.option_name.concat(productAttribute.option_data.pclass_array[a].pclass_name, " ");
}
for (var b = 0; b < productAttribute.option_data.variant_array.length; b++) {
var product_attribute = {
product_id: productAttribute.option_data.variant_array[b].product_id,
product_sku: productAttribute.option_data.variant_array[b].sku,
product_title: "",
product_price: parseFloat(productAttribute.option_data.variant_array[b].price),
product_compare_price: parseFloat(productAttribute.option_data.variant_array[b].compare_price),
product_total_stock: parseFloat(productAttribute.option_data.variant_array[b].total_stock),
product_image: productAttribute.option_data.variant_array[b].variant_image
}
for (var c = 0; c < productAttribute.option_data.variant_array[b].option_name_array.length; c++) {
product_attribute.product_title = product_attribute.product_title.concat(productAttribute.option_data.variant_array[b].option_name_array[c], " ");
}
attribute.option_attribute.push(product_attribute);
}
}
}
_self.consoleLog("productAttribute attribute ", attribute);
callback(attribute);
},
checkDiscountPrice: function(productDiscount, resPrice, resComparePrice, callback) {
var _self = this;
var price = 0;
var compare_price = 0;
if (productDiscount.length == 0) {
price = parseFloat(resPrice);
compare_price = parseFloat(resComparePrice);
} else {
if (productDiscount.discount_type_id == '101') {
price = parseFloat(resPrice) - parseFloat(productDiscount.discount_price);
compare_price = parseFloat(resPrice);
} else if (productDiscount.discount_type_id == '102') {
price = (parseFloat(resPrice) * ((100 - parseFloat(productDiscount.discount_percent)) / 100));
compare_price = parseFloat(resPrice);
}
}
callback(price, compare_price);
},
checkMinPrice: function(option, callback) {
var _self = this;
var price_min = parseFloat(option.option_attribute[0].product_price);
var compare_price_min = parseFloat(option.option_attribute[0].product_compare_price);
var total_stock = parseFloat(option.option_attribute[0].product_total_stock);
for (var a = 0; a < option.option_attribute.length; a++) {
if (price_min >= parseFloat(option.option_attribute[a].product_price)) {
price_min = parseFloat(option.option_attribute[a].product_price);
compare_price_min = parseFloat(option.option_attribute[a].product_compare_price);
total_stock = parseFloat(option.option_attribute[a].product_total_stock);
}
}
_self.consoleLog("checkPriceMin price_min ", price_min);
_self.consoleLog("checkPriceMin compare_price_min ", compare_price_min);
_self.consoleLog("checkPriceMin total_stock ", total_stock);
callback(price_min, compare_price_min, total_stock);
},
getTotalStock: function(totalStock, mixStock, callback) {
var _self = this;
var total_stock = (totalStock > 0) ? ((totalStock <= mixStock) ? totalStock : mixStock) : ((totalStock == -1) ? mixStock : totalStock);
callback(total_stock);
},
checkMinPrices: function(api, attribute, callback) {
var _self = this;
var dataPrice = {
product_price: {
price_name: 'product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
product_compare_price: {
price_name: 'product_compare_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_price: {
price_name: 'sum_product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_compare_price: {
price_name: 'sum_product_compare_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_compare_minus_sum_product_price: {
price_name: 'sum_product_compare_minus_sum_product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
}
}
if (attribute.option_attribute.length == 0) {
_self.checkDiscountPrice(api.data.product_discount, api.data.product_price, api.data.product_compare_price, function(res_price, res_compare_price) {
_self.checkPrice(res_price, function(res_price_ecimals) {
dataPrice.product_price.price = res_price;
dataPrice.product_price.price_ecimals = res_price_ecimals;
dataPrice.sum_product_price.price = res_price;
dataPrice.sum_product_price.price_ecimals = res_price_ecimals;
_self.checkPrice(res_compare_price, function(res_compare_price_ecimals) {
dataPrice.product_compare_price.price = res_compare_price;
dataPrice.product_compare_price.price_ecimals = res_compare_price_ecimals;
dataPrice.sum_product_compare_price.price = res_compare_price;
dataPrice.sum_product_compare_price.price_ecimals = res_compare_price_ecimals;
var compare_price_minus_price = ((res_compare_price - res_price) > 0) ? res_compare_price - res_price : 0;
_self.checkPrice(compare_price_minus_price, function(res_compare_price_minus_price_ecimals) {
dataPrice.sum_product_compare_minus_sum_product_price.price = compare_price_minus_price;
dataPrice.sum_product_compare_minus_sum_product_price.price_ecimals = res_compare_price_minus_price_ecimals;
_self.getTotalStock(api.data.product_total_stock, $scope._maxstock, function(res_total_stock_s) {
dataPrice.product_price.total_stock = res_total_stock_s;
dataPrice.product_compare_price.total_stock = res_total_stock_s;
dataPrice.sum_product_price.total_stock = res_total_stock_s;
dataPrice.sum_product_compare_price.total_stock = res_total_stock_s;
dataPrice.sum_product_compare_minus_sum_product_price.total_stock = res_total_stock_s;
callback(dataPrice, false);
});
});
});
});
});
} else {
_self.checkMinPrice(attribute, function(res_price_min, res_compare_price_min, res_total_stock) {
_self.checkDiscountPrice(api.data.product_discount, res_price_min, res_compare_price_min, function(res_price, res_compare_price) {
_self.checkPrice(res_price, function(res_price_ecimals) {
dataPrice.product_price.price = res_price;
dataPrice.product_price.price_ecimals = res_price_ecimals;
dataPrice.sum_product_price.price = res_price;
dataPrice.sum_product_price.price_ecimals = res_price_ecimals;
_self.checkPrice(res_compare_price, function(res_compare_price_ecimals) {
dataPrice.product_compare_price.price = res_compare_price;
dataPrice.product_compare_price.price_ecimals = res_compare_price_ecimals;
dataPrice.sum_product_compare_price.price = res_compare_price;
dataPrice.sum_product_compare_price.price_ecimals = res_compare_price_ecimals;
var compare_price_minus_price = ((res_compare_price - res_price) > 0) ? res_compare_price - res_price : 0;
_self.checkPrice(compare_price_minus_price, function(res_compare_price_minus_price_ecimals) {
dataPrice.sum_product_compare_minus_sum_product_price.price = compare_price_minus_price;
dataPrice.sum_product_compare_minus_sum_product_price.price_ecimals = res_compare_price_minus_price_ecimals;
_self.getTotalStock(res_total_stock, $scope._maxstock, function(res_total_stock_s) {
dataPrice.product_price.total_stock = res_total_stock_s;
dataPrice.product_compare_price.total_stock = res_total_stock_s;
dataPrice.sum_product_price.total_stock = res_total_stock_s;
dataPrice.sum_product_compare_price.total_stock = res_total_stock_s;
dataPrice.sum_product_compare_minus_sum_product_price.total_stock = res_total_stock_s;
callback(dataPrice, true);
});
});
});
});
});
});
}
},
priceIncludes: function(price, includes, callback) {
var _self = this;
var priceToString = (price == null) ? 0 : price;
_self.consoleLog('priceIncludes priceToString : ', priceToString);
callback(priceToString.toString().includes(includes));
},
checkPrice: function(price, callback) {
var _self = this;
_self.priceIncludes(price, '.', function(res) {
_self.consoleLog("checkPrice res ", res);
callback((!res) ? 0 : 2);
});
},
onSelectOption: function(productId) {
var _self = this;
$scope.data.quantity.quantity_input = 1;
$scope.dataApi.product.dataArray.product_id = productId;
_self.consoleLog("onSelectOption productId ", productId);
$scope.getBuy().updateState($scope.dataApi.product.dataArray.product_id);
for (var a = 0; a < $scope.data.attribute.dataArray.option_attribute.length; a++) {
_self.consoleLog("onSelectOption option_attribute ", $scope.data.attribute.dataArray.option_attribute[a]);
if ($scope.data.attribute.dataArray.option_attribute[a].product_id == productId) {
if ($scope.data.attribute.dataArray.option_attribute[a].product_image.length != 0) {
if ($scope.dataApi.product.dataArray.product_image.length != 0) {
for (var b = 0; b < $scope.dataApi.product.dataArray.product_image.length; b++) {
if ($scope.dataApi.product.dataArray.product_image[b].image_id == $scope.data.attribute.dataArray.option_attribute[a].product_image[0].image_id) {
$scope.getCarousel().slickCarousel($scope.setCarousel.carousel, b);
}
}
}
}
_self.checkDiscountPrice($scope.dataApi.product.dataArray.product_discount, $scope.data.attribute.dataArray.option_attribute[a].product_price, $scope.data.attribute.dataArray.option_attribute[a].product_compare_price, function(res_price_p, res_compare_price_p) {
_self.checkPrice(res_price_p, function(res_price_ecimals_p) {
$scope.data.product_price.price = res_price_p;
$scope.data.product_price.price_ecimals = res_price_ecimals_p;
$scope.data.sum_product_price.price = res_price_p;
$scope.data.sum_product_price.price_ecimals = res_price_ecimals_p;
_self.checkPrice(res_compare_price_p, function(res_compare_price_ecimals_p) {
$scope.data.product_compare_price.price = res_compare_price_p;
$scope.data.product_compare_price.price_ecimals = res_compare_price_ecimals_p;
$scope.data.sum_product_compare_price.price = res_compare_price_p;
$scope.data.sum_product_compare_price.price_ecimals = res_compare_price_ecimals_p;
var compare_price_minus_price_p = ((res_compare_price_p - res_price_p) > 0) ? res_compare_price_p - res_price_p : 0;
_self.checkPrice(compare_price_minus_price_p, function(res_compare_price_minus_price_ecimals_p) {
$scope.data.sum_product_compare_minus_sum_product_price.price = compare_price_minus_price_p;
$scope.data.sum_product_compare_minus_sum_product_price.price_ecimals = res_compare_price_minus_price_ecimals_p;
_self.getTotalStock($scope.data.attribute.dataArray.option_attribute[a].product_total_stock, $scope._maxstock, function(res_total_stock_s) {
$scope.data.product_price.total_stock = res_total_stock_s;
$scope.data.product_compare_price.total_stock = res_total_stock_s;
$scope.data.sum_product_price.total_stock = res_total_stock_s;
$scope.data.sum_product_compare_price.total_stock = res_total_stock_s;
$scope.data.sum_product_compare_minus_sum_product_price.total_stock = res_total_stock_s;
/* stock */
$scope.data.quantity.quantity_max = res_total_stock_s;
$scope.data.quantity.quantity_select = [];
for (var i = 0; i < res_total_stock_s; i++) {
$scope.data.quantity.quantity_select.push(i + 1);
}
/* stock */
})
});
});
});
});
break;
}
}
},
onClickOption: function(index) {
var _self = this;
$scope.data.quantity.quantity_input = 1;
$scope.dataApi.product.dataArray.product_id = $scope.data.attribute.dataArray.option_attribute[index].product_id;
$scope.data.attribute.productId = $scope.data.attribute.dataArray.option_attribute[index].product_id;
$scope.getBuy().updateState($scope.dataApi.product.dataArray.product_id);
if ($scope.data.attribute.dataArray.option_attribute[index].product_image.length != 0) {
if ($scope.dataApi.product.dataArray.product_image.length != 0) {
for (var i = 0; i < $scope.dataApi.product.dataArray.product_image.length; i++) {
if ($scope.dataApi.product.dataArray.product_image[i].image_id == $scope.data.attribute.dataArray.option_attribute[index].product_image[0].image_id) {
$scope.getCarousel().slickCarousel($scope.setCarousel.carousel, i);
}
}
}
}
_self.checkDiscountPrice($scope.dataApi.product.dataArray.product_discount, $scope.data.attribute.dataArray.option_attribute[index].product_price, $scope.data.attribute.dataArray.option_attribute[index].product_compare_price, function(res_price_p, res_compare_price_p) {
_self.checkPrice(res_price_p, function(res_price_ecimals_p) {
$scope.data.product_price.price = res_price_p;
$scope.data.product_price.price_ecimals = res_price_ecimals_p;
$scope.data.sum_product_price.price = res_price_p;
$scope.data.sum_product_price.price_ecimals = res_price_ecimals_p;
_self.checkPrice(res_compare_price_p, function(res_compare_price_ecimals_p) {
$scope.data.product_compare_price.price = res_compare_price_p;
$scope.data.product_compare_price.price_ecimals = res_compare_price_ecimals_p;
$scope.data.sum_product_compare_price.price = res_compare_price_p;
$scope.data.sum_product_compare_price.price_ecimals = res_compare_price_ecimals_p;
var compare_price_minus_price_p = ((res_compare_price_p - res_price_p) > 0) ? res_compare_price_p - res_price_p : 0;
_self.checkPrice(compare_price_minus_price_p, function(res_compare_price_minus_price_ecimals_p) {
$scope.data.sum_product_compare_minus_sum_product_price.price = compare_price_minus_price_p;
$scope.data.sum_product_compare_minus_sum_product_price.price_ecimals = res_compare_price_minus_price_ecimals_p;
_self.getTotalStock($scope.data.attribute.dataArray.option_attribute[index].product_total_stock, $scope._maxstock, function(res_total_stock_s) {
$scope.data.product_price.total_stock = res_total_stock_s;
$scope.data.product_compare_price.total_stock = res_total_stock_s;
$scope.data.sum_product_price.total_stock = res_total_stock_s;
$scope.data.sum_product_compare_price.total_stock = res_total_stock_s;
$scope.data.sum_product_compare_minus_sum_product_price.total_stock = res_total_stock_s;
/* stock */
$scope.data.quantity.quantity_max = res_total_stock_s;
$scope.data.quantity.quantity_select = [];
for (var i = 0; i < res_total_stock_s; i++) {
$scope.data.quantity.quantity_select.push(i + 1);
}
/* stock */
})
});
});
});
});
}
}
return getFunction;
};
$scope.getAttributeCustom = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
createArray: function(productCustomTemplates, callback) {
var _self = this;
var custom_attributes = [];
if (productCustomTemplates.templates.length != 0) {
angular.forEach(productCustomTemplates.templates, function(item, index) {
if (item.option_sets.length != 0) {
_self.getAttributes(item.option_sets, function(res_attributes) {
custom_attributes = custom_attributes.concat(res_attributes);
});
}
});
/* if (productCustomTemplates.templates[0].option_sets.length != 0) {
_self.getAttributes(productCustomTemplates.templates[0].option_sets, function(res_attributes) {
custom_attributes = res_attributes;
});
} */
}
_self.consoleLog("createArray : productCustomTemplates", productCustomTemplates);
_self.consoleLog("createArray : custom_attributes", custom_attributes);
callback(custom_attributes, true);
},
formatAttribute: function(index, optionSubsetIndex, setType, optionSetArray, callback) {
var _self = this;
var set_id = (setType == 'attribute') ? optionSetArray.set_id : optionSetArray.subset_id;
var attribute = {
attribute_index: index,
attribute_option_subset_index: optionSubsetIndex,
active_option_id: (optionSetArray.option_data.select_id != 0) ? optionSetArray.option_data.select_id : "-1",
active_option_index: -1,
active_option_index_str: "-1",
active_textarea: "",
active_array: [],
set_id: set_id,
name: optionSetArray.name,
set_type: optionSetArray.ss_type,
option: []
}
callback(attribute);
},
getOption: function(index, optionDataArray, callback) {
var _self = this;
var options = {
index: index,
ss_data_id: optionDataArray.ss_data_id,
name: optionDataArray.name,
image: optionDataArray.image,
price: optionDataArray.price,
compare_price: 0,
total_stock: 0
}
callback(options);
},
getActive: function(index, activeOptionId, activeOptionIdIn, optionDataArray, callback) {
var _self = this;
var actives_index = (optionDataArray.ss_data_id == activeOptionId) ? index : activeOptionIdIn;
var actives = (optionDataArray.ss_data_id != activeOptionId) ? "0" : "1";
callback(actives_index, actives);
},
getAttributes: function(optionSetArray, callback) {
var _self = this;
var attributes = [];
for (var index = 0; index < optionSetArray.length; index++) {
_self.formatAttribute(index, 0, 'attribute', optionSetArray[index], function(res_attribute) {
if (optionSetArray[index].option_subsets.length != 0) {
for (var option_subset_index = 0; option_subset_index < optionSetArray[index].option_subsets.length; option_subset_index++) {
_self.formatAttribute(index, option_subset_index, res_attribute.set_type, optionSetArray[index].option_subsets[option_subset_index], function(res_attribute_sub) {
var options = [];
var active_option_id = -1;
var active_option_array = [];
for (var option = 0; option < optionSetArray[index].option_subsets[option_subset_index].option_data.options.length; option++) {
_self.getOption(option, optionSetArray[index].option_subsets[option_subset_index].option_data.options[option], function(res_option) {
options.push(res_option);
});
_self.getActive(option, res_attribute_sub.active_option_id, active_option_id, optionSetArray[index].option_subsets[option_subset_index].option_data.options[option], function(res_actives_index, res_actives) {
active_option_id = res_actives_index;
active_option_array.push(res_actives);
});
}
res_attribute_sub.option = options;
res_attribute_sub.active_option_index = active_option_id;
res_attribute_sub.active_option_index_str = String(active_option_id);
res_attribute_sub.active_array = active_option_array;
attributes.push(res_attribute_sub);
});
}
} else {
var options = [];
var active_option_id = -1;
var active_option_array = [];
for (var option = 0; option < optionSetArray[index].option_data.options.length; option++) {
_self.getOption(option, optionSetArray[index].option_data.options[option], function(res_option) {
options.push(res_option);
});
_self.getActive(option, res_attribute.active_option_id, active_option_id, optionSetArray[index].option_data.options[option], function(res_actives_index, res_actives) {
active_option_id = res_actives_index;
active_option_array.push(res_actives);
});
}
res_attribute.option = options;
res_attribute.active_option_index = active_option_id;
res_attribute.active_option_index_str = String(active_option_id);
res_attribute.active_array = active_option_array;
attributes.push(res_attribute);
}
});
}
callback(attributes)
},
getformatQuantity: function(index, attributeCustom, callback) {
var _self = this;
var quantity = {
name: String(index + 1),
dataArray: attributeCustom
}
callback(quantity);
},
onClickRadio: function(index, index_option) {
var _self = this;
_self.consoleLog("onClickRadio : index", index);
_self.consoleLog("onClickRadio : index_option", index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index = parseInt(index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index_str = String(index_option);
for (var i = 0; i < $scope.data.attribute_custom.dataArray[index].active_array.length; i++) {
$scope.data.attribute_custom.dataArray[index].active_option_id = (i != parseInt(index_option)) ? $scope.data.attribute_custom.dataArray[index].active_option_id : $scope.data.attribute_custom.dataArray[index].option[i].ss_data_id;
$scope.data.attribute_custom.dataArray[index].active_array[i] = (i != parseInt(index_option)) ? "0" : "1";
}
_self.consoleLog("onClickRadio : $scope.data.attribute_custom.dataArray[index]", $scope.data.attribute_custom.dataArray[index]);
},
onClickDropdown: function(index, index_option) {
var _self = this;
_self.consoleLog("onClickDropdown : index", index);
_self.consoleLog("onClickDropdown : index_option", index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index = parseInt(index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index_str = String(index_option);
for (var i = 0; i < $scope.data.attribute_custom.dataArray[index].active_array.length; i++) {
$scope.data.attribute_custom.dataArray[index].active_option_id = (i != parseInt(index_option)) ? $scope.data.attribute_custom.dataArray[index].active_option_id : $scope.data.attribute_custom.dataArray[index].option[i].ss_data_id;
$scope.data.attribute_custom.dataArray[index].active_array[i] = (i != parseInt(index_option)) ? "0" : "1";
}
_self.consoleLog("onClickDropdown : $scope.data.attribute_custom.dataArray[index]", $scope.data.attribute_custom.dataArray[index]);
},
onClickCheckbox: function(index, index_option) {
var _self = this;
_self.consoleLog("onClickCheckbox : index", index);
_self.consoleLog("onClickCheckbox : index_option", index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index = parseInt(index_option);
$scope.data.attribute_custom.dataArray[index].active_option_index_str = String(index_option);
for (var i = 0; i < $scope.data.attribute_custom.dataArray[index].active_array.length; i++) {
$scope.data.attribute_custom.dataArray[index].active_option_id = (i != parseInt(index_option)) ? $scope.data.attribute_custom.dataArray[index].active_option_id : $scope.data.attribute_custom.dataArray[index].option[i].ss_data_id;
$scope.data.attribute_custom.dataArray[index].active_array[i] = (i == parseInt(index_option)) ? (($scope.data.attribute_custom.dataArray[index].active_array[i] != "0") ? "0" : "1") : $scope.data.attribute_custom.dataArray[index].active_array[i];
}
_self.consoleLog("onClickCheckbox : $scope.data.attribute_custom.dataArray[index]", $scope.data.attribute_custom.dataArray[index]);
}
}
return getFunction;
};
$scope.getReward = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
momentUnix: function(callback) {
var _self = this;
var now = moment().unix();
callback(now);
},
getCalculator: function(sumProductPrice, reward, callback) {
var _self = this;
_self.consoleLog("getCalculator : sumProductPrice", sumProductPrice);
_self.consoleLog("getCalculator : reward", reward);
var point_reward = 0;
if (reward.type_id == "100") {
point_reward = Math.floor((sumProductPrice.price / reward.reward_every_price)) * reward.reward_amount;
} else if (reward.type_id == "101") {
point_reward = reward.reward_amount;
} else if (reward.type_id == "102") {
point_reward = (reward.reward_percent * sumProductPrice.price) / 100;
} else if (reward.type_id == "103") {
point_reward = Math.floor((sumProductPrice.price / reward.reward_every_price)) * reward.reward_amount;
}
_self.consoleLog("getCalculator : point_reward", point_reward);
callback(point_reward);
},
getProductReward: function(now, productReward, callback) {
var _self = this;
var reward = {
reward_length: (productReward.length != 0) ? true : false,
lifetime_time: 0,
lifetime_start_time: 0,
lifetime_end_time: 0,
type_id: "0",
amount: 0,
percent: 0,
every_price: 0
};
reward.lifetime_time = now;
if (reward.reward_length) {
reward.lifetime_start_time = parseInt(productReward.reward_lifetime.lifetime_start_time);
reward.lifetime_end_time = parseInt(productReward.reward_lifetime.lifetime_end_time);
reward.type_id = productReward.reward_type_id;
reward.amount = parseInt(productReward.reward_amount);
reward.percent = parseInt(productReward.reward_percent);
reward.every_price = parseInt(productReward.reward_every_price);
}
_self.consoleLog("getProductReward : reward", reward);
callback(reward);
},
getPointConfig: function(now, shopPointConfig, callback) {
var _self = this;
var reward = {
reward_length: (shopPointConfig.length != 0) ? true : false,
lifetime_time: 0,
lifetime_start_time: 0,
lifetime_end_time: 0,
type_id: "0",
amount: 0,
percent: 0,
every_price: 0
};
reward.lifetime_time = now;
if (reward.reward_length) {
reward.lifetime_start_time = parseInt(shopPointConfig.er_from);
reward.lifetime_end_time = parseInt(shopPointConfig.er_to);
reward.type_id = "100";
reward.amount = parseInt(shopPointConfig.er_earn);
reward.every_price = parseInt(shopPointConfig.er_rate);
}
_self.consoleLog("getPointConfig : reward", reward);
callback(reward);
},
checkPointReward: function(reward, callback) {
var _self = this;
var state = false;
if (reward.reward_length) {
var start = reward.lifetime_start_time < reward.lifetime_time && reward.lifetime_start_time != 0;
var end = (reward.lifetime_end_time != -1) ? reward.lifetime_time <= reward.lifetime_end_time && reward.lifetime_end_time != 0 : true;
if (start && end) {
if (reward.type_id == "100") {
var amount = reward.amount != 0;
var every_price = reward.every_price != 0;
if (amount && every_price) {
state = true;
}
} else if (reward.type_id == "101") {
var amount = reward.amount != 0;
if (amount) {
state = true;
}
} else if (reward.type_id == "102") {
var percent = reward.percent != 0;
if (percent) {
state = true;
}
} else if (reward.type_id == "103") {
var percent = reward.percent != 0;
var amount = reward.amount != 0;
var every_price = reward.every_price != 0;
if (amount && every_price) {
state = true;
}
}
}
}
callback(state);
},
checkReward: function(rewardProduct, rewardPointConfig, callback) {
var _self = this;
_self.consoleLog("checkReward : rewardProduct", rewardProduct);
_self.consoleLog("checkReward : rewardPointConfig", rewardPointConfig);
var reward = {
type_id: "0",
amount: 0,
percent: 0,
every_price: 0
};
_self.checkPointReward(rewardProduct, function(res_state_product) {
_self.checkPointReward(rewardPointConfig, function(res_state_point_config) {
if (res_state_point_config) {
reward.type_id = rewardPointConfig.type_id;
reward.type_id = rewardPointConfig.type_id;
reward.amount = rewardPointConfig.amount;
reward.percent = rewardPointConfig.percent;
reward.every_price = rewardPointConfig.every_price;
} else if (res_state_product) {
reward.type_id = rewardProduct.type_id;
reward.amount = rewardProduct.amount;
reward.percent = rewardProduct.percent;
reward.every_price = rewardProduct.every_price;
}
_self.consoleLog("checkReward : reward", reward);
callback(reward);
});
});
},
checkRewardType: function(productReward, shopPointConfig, callback) {
var _self = this;
_self.momentUnix(function(now) {
_self.getProductReward(now, productReward, function(res_reward_product) {
_self.getPointConfig(now, shopPointConfig, function(res_reward_point_config) {
_self.checkReward(res_reward_product, res_reward_point_config, function(res_reward) {
callback(res_reward);
});
});
});
});
},
createReward: function(productReward, shopPointConfig, callback) {
var _self = this;
_self.consoleLog("createReward : productReward", productReward);
_self.consoleLog("createReward : shopPointConfig", shopPointConfig);
_self.checkRewardType(productReward, shopPointConfig, function(res_reward) {
_self.consoleLog("createReward : res_reward", res_reward);
callback(res_reward);
});
}
}
return getFunction;
};
$scope.getQuantity = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
upDateReward: function() {
var _self = this;
},
upDateReward: function() {
var _self = this;
$scope.getReward().getCalculator($scope.data.sum_product_price, $scope.data.reward, function(res_point_reward) {
$scope.data.reward.point_reward = res_point_reward;
});
},
upDatePrice: function() {
var _self = this;
var product_price = $scope.data.product_price.price * $scope.data.quantity.quantity_input;
var product_compare_price = $scope.data.product_compare_price.price * $scope.data.quantity.quantity_input;
$scope.getAttribute().checkPrice(product_price, function(res_price_ecimals) {
$scope.data.sum_product_price.price = product_price;
$scope.data.sum_product_price.price_ecimals = res_price_ecimals;
$scope.getAttribute().checkPrice(product_compare_price, function(res_compare_price_ecimals) {
$scope.data.sum_product_compare_price.price = product_compare_price;
$scope.data.sum_product_compare_price.price_ecimals = res_compare_price_ecimals;
var compare_price_minus_price = ((product_compare_price - product_price) > 0) ? product_compare_price - product_price : 0;
$scope.getAttribute().checkPrice(compare_price_minus_price, function(res_compare_price_minus_price_ecimals) {
$scope.data.sum_product_compare_minus_sum_product_price.price = compare_price_minus_price;
$scope.data.sum_product_compare_minus_sum_product_price.price_ecimals = res_compare_price_minus_price_ecimals;
_self.upDateReward();
});
});
});
},
input: function(quantityInput) {
var _self = this;
quantityInput = (quantityInput == null) ? 1 : parseInt(quantityInput);
_self.consoleLog("input : quantityInput", quantityInput);
if (quantityInput != null) {
if (quantityInput >= $scope.data.quantity.quantity_max) {
$scope.data.quantity.quantity_input = $scope.data.quantity.quantity_max;
}
if (quantityInput <= $scope.data.quantity.quantity_min) {
$scope.data.quantity.quantity_input = $scope.data.quantity.quantity_min;
}
} else {
$scope.data.quantity.quantity_input = $scope.data.quantity.quantity_min;
}
_self.upDatePrice();
},
minus: function() {
var _self = this;
var quantity = $scope.data.quantity.quantity_input - 1;
_self.consoleLog("plus : quantity", quantity);
_self.consoleLog("plus : quantity_min", $scope.data.quantity.quantity_min);
if (quantity >= $scope.data.quantity.quantity_min) {
$scope.data.quantity.quantity_input = quantity;
}
_self.upDatePrice();
},
plus: function() {
var _self = this;
var quantity = $scope.data.quantity.quantity_input + 1;
_self.consoleLog("plus : quantity", quantity);
_self.consoleLog("plus : quantity_max", $scope.data.quantity.quantity_max);
if (quantity <= $scope.data.quantity.quantity_max) {
$scope.data.quantity.quantity_input = quantity;
}
_self.upDatePrice();
}
}
return getFunction;
};
$scope.getBuy = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
getRouteParams: function(callback) {
var _self = this;
var params = $routeParams;
var state = _self.stateData(true, false);
_self.consoleLog("getRouteParams params", params);
callback(params, state);
},
getProductId: function(params, callback) {
var _self = this;
var product_id = params.product_id.split("-", 1).join("");
_self.consoleLog("getProductId product_id", product_id);
callback(product_id);
},
stateData: function(load, done) {
var _self = this;
var state = {
load: load,
done: done
};
_self.consoleLog("stateData state", state);
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("dataSend api", api);
_self.consoleLog("dataSend dataSend", dataSend);
callback(api, dataSend);
},
checkGetApi: function(resApi, callback) {
var _self = this;
var ok = false;
if (resApi.ok == 1) {
ok = true;
}
_self.consoleLog("checkGetApi ok", ok);
callback(ok);
},
postApi: function(api, dataSend, callback) {
var _self = this;
var state = _self.stateData(true, false);
GAEAPI.post(api, dataSend, $scope).then(function(res_api) {
_self.checkGetApi(res_api, function(res_ok) {
_self.consoleLog("getApi api", api);
_self.consoleLog("getApi dataSend", dataSend);
_self.consoleLog("getApi res_api", res_api);
state = _self.stateData(false, true);
callback(res_ok, res_api, state);
})
});
},
UiCartProductAdd: function(productId, quantityInput, promotionId, customOptions, callback) {
quantityInput = (quantityInput > $scope.data.quantity.quantity_max) ? $scope.data.quantity.quantity_max : quantityInput;
UiCart.delegate.product.add(productId, quantityInput, promotionId, function(res_data) {
callback(res_data);
});
},
isLogin: function(callback) {
var buy_login = $scope._buylogin;
var is_login = UiCustomerBox.delegate.get.isLogin();
var is_state = (buy_login) ? (!is_login) ? true : false : false;
callback(is_state);
},
formLogin: function(is_state, callback) {
if (is_state) {
$inloginPopup.open();
}
callback(is_state);
},
getProductStaffId(staff_id_check, callback) {
var res_staff_id_check = staff_id_check;
var res_staff_id = $scope.dataApi.product.dataArray.product_staff_id;
var res_is_state = (res_staff_id != 0 && res_staff_id != '0' && res_staff_id != undefined) ? true : false;
callback(res_staff_id_check, res_staff_id, res_is_state);
},
isStaffId: function(staff_id_check, callback) { /* todo */
var _self = this;
_self.getProductStaffId(staff_id_check, function(res_staff_id_check, res_staff_id, res_is_state) {
callback(res_staff_id_check, res_staff_id, res_is_state);
});
},
checkCartDuplicateStaff: function(res_staff_id_check, txt_staff_id, res_is_state, callback) {
var _self = this
var res_is_state = true;
if (res_staff_id_check) {
var dataSend = {
'txt_staff_id': txt_staff_id,
};
_self.dataSend("cart/duplicate_staff", dataSend, function(res_api, res_dataSend) {
_self.postApi(res_api, res_dataSend, function(res_ok, res_api, state) {
res_is_state = res_api.data.duplicate;
callback(res_is_state);
});
});
} else {
callback(res_is_state);
}
},
showAlert: function(res_staff_id_check, res_staff_id, res_is_state, res_api, callback) {
var res_state = (res_staff_id_check) ? ((res_api) ? ((res_is_state) ? false : true) : true) : false;
if (res_state) {
if (!res_api) {
if (res_staff_id != '0' && res_staff_id != 0) {
$scope.controlAlert().alert('002');
} else {
$scope.controlAlert().alert('003');
}
} else {
if (!res_is_state) {
$scope.controlAlert().alert('003');
}
}
}
callback(res_state);
},
checkStaff: function(callback) {
var _self = this
var staff_id_check = $scope._checkstaff;
var res_check = false;
_self.isStaffId(staff_id_check, function(res_staff_id_check, res_staff_id, res_is_state) {
_self.checkCartDuplicateStaff(res_staff_id_check, res_staff_id, res_is_state, function(res_api) {
_self.showAlert(res_staff_id_check, res_staff_id, res_is_state, res_api, function(res_state) {
res_check = res_state;
callback(res_check);
});
});
});
},
isProgress: function(productId, callback) {
var _self = this;
var state = (UiCart.delegate.product.isProgress(productId)) ? true : false;
_self.consoleLog("isProgress : productId", productId);
_self.consoleLog("isProgress : state", state);
callback(state);
},
isSelected: function(productId, callback) {
var _self = this;
var state = (UiCart.delegate.product.isSelected(productId)) ? true : false;
_self.consoleLog("isSelected : productId", productId);
_self.consoleLog("isSelected : state", state);
callback(state);
},
isSelectedReturn: function(productId) {
var _self = this;
var ui_cart_state = (UiCart.delegate.product.isSelected(productId)) ? true : false;
if (!$scope.setBuy.state_active) {
$scope.setBuy.state_active = true;
var state_process = $scope.setBuy.state_process;
var state_step = $scope.setBuy.state_step;
if (ui_cart_state && !state_process && state_step != 4) /* cart */ {
_self.onTimeout(250, function() {
_self.onPass(1, function(res_step) {
_self.onTimeout(500, function() {
_self.onCart(res_step, function(res_step) {
$scope.setBuy.state_active = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[4].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[4].data_background_color;
});
});
});
});
} else if (!ui_cart_state && !state_process && state_step != 0) /* unset */ {
_self.onTimeout(500, function() {
_self.onUnset(0, function(res_step) {
$scope.setBuy.state_active = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[0].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[0].data_background_color;
});
});
} else {
$scope.setBuy.state_active = false;
}
}
return ui_cart_state;
},
updateState: function(productId) {
_self = this;
_self.isSelected(productId, function(res_state) {
if (res_state) {
_self.onTimeout(250, function() {
_self.onPass(1, function(res_step) {
_self.onTimeout(500, function() {
_self.onCart(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[4].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[4].data_background_color;
});
});
});
});
} else {
_self.onTimeout(500, function() {
_self.onUnset(0, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[0].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[0].data_background_color;
});
});
}
return res_state;
});
},
uiCart: function(productId, quantityInput, promotionId, customOptions, res_step) {
var _self = this;
_self.UiCartProductAdd(productId, quantityInput, promotionId, customOptions, function(res_data) {
if (res_data) {
_self.onTimeout(500, function() {
_self.onPass(res_step, function(res_step) {
_self.onTimeout(1000, function() {
_self.onCart(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[4].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[4].data_background_color;
if ($scope._cart == "trumpComponentCarts") {
_self.trumpComponentCarts();
}
});
});
});
});
} else {
_self.onTimeout(500, function() {
_self.onError(res_step, function(res_step) {
_self.onTimeout(1000, function() {
_self.onUnset(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[0].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[0].data_background_color;
});
});
});
});
}
});
},
postApiA: function(productId, quantityInput, promotionId, customOptions, res_step) {
var _self = this;
var custom_options = {};
var dataSend = {
'txt_product_id': productId,
'txt_amount': quantityInput,
'txt_is_clear_cart_before': "0",
'txt_custom_options_json': JSON.stringify(custom_options)
};
_self.dataSend("cart/product_add", dataSend, function(res_api, res_dataSend) {
_self.postApi(res_api, res_dataSend, function(res_ok, res_api, state) {
if (res_ok) {
_self.onTimeout(500, function() {
_self.onPass(res_step, function(res_step) {
_self.onTimeout(1000, function() {
_self.onCart(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[4].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[4].data_background_color;
});
});
});
});
} else {
_self.onTimeout(500, function() {
_self.onError(res_step, function(res_step) {
_self.onTimeout(1000, function() {
_self.onUnset(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[0].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[0].data_background_color;
});
});
});
});
}
});
});
},
onProcess: function(data, productId, quantityInput, promotionId, customOptions) {
var _self = this;
_self.isLogin(function(res_is_login) {
_self.formLogin(res_is_login, function(res_form) {
_self.checkStaff(function(res_is_state) {
if (!$scope.setBuy.state_process && !res_form && !res_is_state) {
$scope.setBuy.state_process = true;
_self.isSelected(productId, function(res_state) {
if (!res_state) {
_self.onLoad($scope.setBuy.state_step, function(res_step) {
if (data.sum_product_price.price != 0 && data.quantity.quantity_max != 0 && (data.attribute.state == (data.attribute.productId != ''))) {
/* UiCart */
_self.uiCart(productId, quantityInput, promotionId, customOptions, res_step);
/* api post offline */
/*_self.postApiA(productId, quantityInput, promotionId, customOptions, res_step); */
} else {
_self.onTimeout(500, function() {
_self.onError(res_step, function(res_step) {
_self.onTimeout(1000, function() {
_self.onUnset(res_step, function(res_step) {
$scope.setBuy.state_process = false;
$scope.setBuy.state_data_font_color = $scope.setBuy.stepArray[0].data_font_color;
$scope.setBuy.state_data_background_color = $scope.setBuy.stepArray[0].data_background_color;
});
});
});
});
}
});
} else {
$scope.setBuy.state_process = false;
if ($scope._cart == "trumpComponentCarts") {
_self.trumpComponentCarts();
} else if ($scope._cart == "viewcart") {
_self.viewCart($scope._cart);
}
}
});
}
});
});
});
},
onTimeout: function(time, callback) {
var _self = this;
var load = $timeout(function() {
$timeout.cancel(load);
callback(true)
}, time);
},
onUnset: function(step, callback) {
var _self = this;
step = (step == 0) ? 0 : 0;
$scope.setBuy.state_step = step;
callback(step);
},
onLoad: function(step, callback) {
var _self = this;
step = (step == 0 || step == 1) ? 1 : 0;
$scope.setBuy.state_step = step;
callback(step);
},
onPass: function(step, callback) {
var _self = this;
step = (step == 1 || step == 2) ? 2 : 0;
$scope.setBuy.state_step = step;
callback(step);
},
onError: function(step, callback) {
var _self = this;
step = (step == 1 || step == 3) ? 3 : 0;
$scope.setBuy.state_step = step;
callback(step);
},
onCart: function(step, callback) {
var _self = this;
step = (step == 2 || step == 4) ? 4 : 0;
$scope.setBuy.state_step = step;
callback(step);
},
trumpComponentCarts: function() {
var controlCart = share.getTrumpComponentCarts();
var component_carts = $('.cover-cards').hasClass('active');
if (!component_carts) {
var component_icon_cart = $("div").hasClass('cover-icon-carts');
if (component_icon_cart) {
controlCart.cart();
}
} else {
var component_icon_cart = $("div").hasClass('cover-icon-carts');
if (component_icon_cart) {
controlCart.load();
}
}
},
viewCart: function(viewcart) {
var _self = this;
_self.pageUrl(viewcart);
},
locationUrlReplace: function(page) {
$location.url(page).replace();
},
pageUrl: function(page_name) {
var _self = this;
var page = page_name;
_self.locationUrlReplace(page);
},
main: function(callback) {
var _self = this;
}
}
return getFunction;
};
$scope.getDetail = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
getDetail: function(api, callback) {
var _self = this;
var description = api.product_description;
var info = api.product_more_info;
var specificatio = [];
if (api.product_attribute.specification_data != undefined) {
specificatio = (api.product_attribute.specification_data.length != 0 && api.product_attribute.specification_data != undefined) ? api.product_attribute.specification_data.pclass_array : [];
}
var state_specificatio = false;
if (api.product_attribute.specification_data != undefined) {
state_specificatio = (api.product_attribute.specification_data.length != 0 && api.product_attribute.specification_data != undefined) ? true : false;
}
var state_info = (api.product_is_more_info == 1) ? true : false;
_self.consoleLog("getDetail : description", description);
_self.consoleLog("getDetail : info", info);
_self.consoleLog("getDetail : state_info", state_info);
_self.consoleLog("getDetail : specificatio", specificatio);
_self.consoleLog("getDetail : state_specificatio", state_specificatio);
callback(description, info, state_info, specificatio, state_specificatio);
},
onClickDetail: function(index) {
var _self = this;
$scope.data.detail.active = index;
_self.consoleLog("onClickDetail : data.detail.active", $scope.data.detail.active);
}
}
return getFunction;
};
$scope.pages = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._console) {
console.log($scope._component, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
locationUrlReplace: function(page) {
var _self = this;
$location.url(page).replace();
},
pageName: function(page_name) {
var _self = this;
var page = page_name;
_self.locationUrlReplace(page_name);
},
pageUrl: function(page_name, id, name_url) {
var _self = this;
var page = page_name + "/" + id + "-" + name_url;
_self.locationUrlReplace(page);
}
}
return getFunction;
};
$scope.countDown = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._console) {
console.log($scope._component, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
getLocation: function(callback) {
var _self = this;
var res_location = $location;
_self.consoleLog("getLocation", "res_location", res_location);
callback(res_location);
},
getRouteParams: function(callback) {
var _self = this;
var params = $routeParams;
_self.consoleLog("getRouteParams", "params", params);
callback(params);
},
getLocationUrlNameProductDetail: function(callback) {
var _self = this;
_self.getRouteParams(function(res_params) {
_self.getLocation(function(res_location) {
var url_page_name = "/product-detail/" + res_params.product_id;
var res_url_name_product_detail = (res_location.url() == url_page_name) ? true : false;
_self.consoleLog("getLocationUrlNameProductDeal", "res_url_name_product_detail", res_url_name_product_detail);
callback(res_url_name_product_detail);
});
});
},
getUnix: function(callback) {
var _self = this;
var now = moment().unix();
_self.consoleLog("getUnix", "now", now);
callback(now);
},
getCountDown: function(now, product_lifetime, callback) {
var _self = this;
var countdown_unix = parseInt(product_lifetime.lifetime_end_time) - now;
var milliseconds = moment.duration(countdown_unix * 1000, "milliseconds");
var res_countdown = ((milliseconds.days() <= 9) ? '0' + milliseconds.days() : milliseconds.days());
res_countdown = res_countdown + ' : ' + ((milliseconds.hours() <= 9) ? '0' + milliseconds.hours() : milliseconds.hours());
res_countdown = res_countdown + ' : ' + ((milliseconds.minutes() <= 9) ? '0' + milliseconds.minutes() : milliseconds.minutes());
res_countdown = res_countdown + ' : ' + ((milliseconds.seconds() <= 9) ? '0' + milliseconds.seconds() : milliseconds.seconds());
_self.consoleLog("getCountDown", "res_countdown", res_countdown);
callback(res_countdown, countdown_unix);
},
getNameUrl: function(name, callback) {
var _self = this;
name = name.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
_self.consoleLog("getNameUrl", "name", name);
callback(name);
},
locationUrlReplace: function(page) {
var _self = this;
$location.url(page).replace();
},
pageUrl: function(page_name) {
var _self = this;
var page = page_name;
_self.locationUrlReplace(page);
},
countDownByProduct: function(now, data_array, callback) {
var _self = this;
if (data_array.length != 0) {
if (data_array.product_lifetime.length != 0) {
_self.getCountDown(now, data_array.product_lifetime, function(res_count_down, res_countdown_unix) {
data_array.product_lifetime.lifetime_countdown = (res_countdown_unix > 0) ? res_count_down : "";
if (data_array.product_lifetime.lifetime_countdown == "") {
_self.getNameUrl(data_array.product_set_array[0].product_title, function(res_name) {
$scope.pages().pageUrl("product-detail", data_array.product_set_array[0].product_id, res_name);
});
}
});
}
}
_self.consoleLog("countDownByProduct", "data_array", data_array);
callback(data_array);
},
loop: function() {
var _self = this;
var load = $timeout(function() {
$timeout.cancel(load);
_self.getUnix(function(res_now) {
_self.countDownByProduct(res_now, $scope.dataApi.product.dataArray, function(data_array) {
$scope.dataApi.product.dataArray = data_array;
_self.getLocationUrlNameProductDetail(function(res_url_name_product_detail) {
if (res_url_name_product_detail) {
_self.loop();
}
});
});
});
}, 1000);
}
}
return getFunction;
};
$scope.getPromotion = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._console) {
console.log($scope._component, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
setPromotionId: function(promotion_id) {
var _self = this;
_self.consoleLog("setPromotionId", "promotion_id", promotion_id);
$scope.data.promotion.promotion_id = promotion_id;
_self.consoleLog("setPromotionId", "data.promotion.promotion_id", $scope.data.promotion.promotion_id);
},
}
return getFunction;
};
$scope.control = function() {
var getFunction = {
popupVideo: function(state, video_link, video_embed_code) {
var _self = this;
if (video_embed_code != '') {
$scope.data_control.page_video.popup = state;
$scope.data_control.page_video.shop_video_embed_code = video_embed_code;
} else if (video_link != '') {
window.open(video_link, '_blank');
} else {
$scope.data_control.page_video.popup = state;
$scope.data_control.page_video.shop_video_embed_code = video_embed_code;
}
},
main: function() {
var _self = this;
}
}
return getFunction;
};
$scope.data_control = {
page_video: {
popup: false,
shop_video_embed_code: ""
}
}
$scope.control_alert = {
alert: {
error_id: '',
index: null,
state: true,
error: [{
id: '001',
title: 'การสั่งซื้อ',
messages: 'สามารถสั่งซื้อได้เพียงทีละออเดอร์เท่านั้น'
}, {
id: '002',
title: 'การเพิ่มสินค้า',
messages: 'ไม่สามารถเพิ่มสินค้าของร้านมากกว่า 1 ร้านค้าได้'
}, {
id: '003',
title: 'การสั่งซื้อ',
messages: 'ไม่สามารถเพิ่มสินค้า(ไม่มีร้านค้า)'
}]
}
};
$scope.controlAlert = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._console) {
console.log($scope._component, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
getErrorMessages: function(error_id, callback) {
var _self = this;
var messages = {
res_error_id: '',
res_index: null
}
angular.forEach($scope.control_alert.alert.error, function(item, index) {
if (item.id == error_id) {
messages.res_error_id = item.id;
messages.res_index = index;
}
});
callback(messages.res_error_id, messages.res_index);
},
alert: function(error_id) {
var _self = this;
_self.getErrorMessages(error_id, function(res_error_id, res_index) {
$scope.control_alert.alert.error_id = res_error_id;
$scope.control_alert.alert.index = res_index;
$scope.control_alert.alert.state = (!$scope.control.alert && res_error_id != '') ? true : false;
});
},
main: function() {
var _self = this;
}
}
return getFunction;
};
$scope.countDown().loop();
/* set carousel */
$scope.setCarousel = {
carousel: 0,
index: 0
};
$scope.getCarousel().getCarousel($scope.setCarousel.carousel, function(res_carousel_id) {
$scope.setCarousel.carousel = res_carousel_id;
});
/* set carousel */
/* get product api */
$scope.dataApi = {
reward: {
dataSend: {},
api: "shop/current",
ok: false,
dataArray: [],
dataArrayState: {
load: false,
done: false
}
},
staff: {
dataSend: {
txt_staff_id: 0
},
api: "staff/id",
ok: false,
dataArray: [],
dataArrayState: {
load: false,
done: false
}
},
product: {
dataSend: {
txt_product_id: 0
},
api: "product/id",
ok: false,
dataArray: [],
dataArrayState: {
load: false,
done: false
}
},
relation: {
dataSend: {
txt_referral_id: 0
},
api: "referral/relation",
ok: false,
dataArray: [],
dataArrayState: {
load: false,
done: false
}
}
};
$scope.data = {
attribute: {
state: false,
productId: "",
dataArray: []
},
attribute_custom: {
state: false,
dataArray: []
},
reward: {
quantity_name: 'reward',
type_id: "0",
reward_amount: 0,
reward_percent: 0,
reward_every_price: 0,
point_reward: 0
},
quantity: {
quantity_name: 'quantity',
quantity_min: 1,
quantity_max: 1,
quantity_input: 1,
quantity_select: []
},
product_price: {
price_name: 'product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
product_compare_price: {
price_name: 'product_compare_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_price: {
price_name: 'sum_product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_compare_price: {
price_name: 'sum_product_compare_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
sum_product_compare_minus_sum_product_price: {
price_name: 'sum_product_compare_minus_sum_product_price',
price: 0,
price_ecimals: 0,
total_stock: 0
},
detail: {
active: '0',
dataArray: [{
index: '0',
state: true,
en: ($scope.description != undefined && $scope.description != "") ? $scope.description : 'Description',
th: '',
data: '',
dataArray: []
}, {
index: '1',
state: true,
en: ($scope.info != undefined && $scope.info != "") ? $scope.info : 'Info',
th: '',
data: '',
dataArray: []
}, {
index: '2',
state: true,
en: ($scope.specification != undefined && $scope.specification != "") ? $scope.specification : 'Specification',
th: '',
data: '',
dataArray: []
}]
},
promotion : {
promotion_id : '0'
}
};
$scope.setBuy = {
state_active: false,
state_process: false,
state_step: 0,
state_data_font_color: "",
state_data_background_color: "",
stepArray: [{
step: 0,
name: "unset",
icon: $scope._icebuyicon,
state: $scope._buytext,
data_font_color: "",
data_background_color: ""
}, {
step: 1,
name: "load",
icon: "",
state: "",
data_font_color: "",
data_background_color: ""
}, {
step: 2,
name: "pass",
icon: "",
state: "",
data_font_color: "",
data_background_color: ""
}, {
step: 3,
name: "error",
icon: "",
state: "",
data_font_color: "",
data_background_color: ""
}, {
step: 4,
name: "cart",
icon: "",
state: $scope._viewcarttext,
data_font_color: "",
data_background_color: "primary_darkest"
}]
};
/* - get api product/id start - */
$scope.getData().getRouteParams(function(res_params, res_state) {
$scope.dataApi.product.dataArrayState = res_state;
$scope.getData().getProductId(res_params, function(res_product_id) {
$scope.dataApi.product.dataSend.txt_product_id = (res_product_id != false) ? res_product_id : 0;
$scope.getData().dataSend($scope.dataApi.product.api, $scope.dataApi.product.dataSend, function(res_api, res_dataSend) {
$scope.getData().getApi(res_api, res_dataSend, function(res_ok, get_res_api_product, res_state) {
$scope.dataApi.product.ok = res_ok;
if ($scope._imageappcoverchecked) {
var images = [];
angular.forEach(get_res_api_product.data.product_image,function(image,index_image){
if (!image.image_app_cover_checked) {
images.push(image)
}
});
get_res_api_product.data.product_image = images;
}
angular.element('.load-effect').removeClass('is-active');
$scope.dataApi.product.dataArray = get_res_api_product.data;
$scope.getData().consoleLog("get_res_api_product", get_res_api_product);
$scope.dataApi.product.dataArrayState = res_state;
/* -- get api shop/current to reward -- */
if (res_ok) {
$scope.getData().getRouteParams(function(res_params, res_state) {
$scope.dataApi.reward.dataArrayState = res_state;
$scope.getData().dataSend($scope.dataApi.reward.api, $scope.dataApi.reward.dataSend, function(res_api, res_dataSend) {
$scope.getData().getApi(res_api, res_dataSend, function(res_ok, get_res_api_shop, res_state) {
$scope.dataApi.reward.ok = res_ok;
$scope.dataApi.reward.dataArray = get_res_api_shop.data;
$scope.dataApi.reward.dataArrayState = res_state;
$scope.getReward().createReward($scope.dataApi.product.dataArray.product_reward, get_res_api_shop.data.shop_point_config, function(res_reward) {
$scope.data.reward.type_id = res_reward.type_id;
$scope.data.reward.reward_amount = res_reward.amount;
$scope.data.reward.reward_percent = res_reward.percent;
$scope.data.reward.reward_every_price = res_reward.every_price;
/* --- Wait product/id ,shop/current --- */
/* ---- get attribute ---- */
$scope.getAttribute().productAttribute(get_res_api_product.data.product_attribute, function(res_attribute) {
$scope.data.attribute.dataArray = res_attribute;
$scope.getAttribute().checkMinPrices(get_res_api_product, res_attribute, function(res_data_price, res_state) {
$scope.data.attribute.state = res_state;
$scope.data.product_price = res_data_price.product_price;
$scope.data.product_compare_price = res_data_price.product_compare_price;
$scope.data.sum_product_price = res_data_price.sum_product_price;
$scope.data.sum_product_compare_price = res_data_price.sum_product_compare_price;
$scope.data.sum_product_compare_minus_sum_product_price = res_data_price.sum_product_compare_minus_sum_product_price;
$scope.getReward().getCalculator($scope.data.sum_product_price, $scope.data.reward, function(res_point_reward) {
$scope.data.reward.point_reward = res_point_reward;
});
/* ----- stock ----- */
$scope.data.quantity.quantity_max = res_data_price.product_price.total_stock;
$scope.data.quantity.quantity_select = [];
for (var i = 0; i < res_data_price.product_price.total_stock; i++) {
$scope.data.quantity.quantity_select.push(i + 1);
}
/* ----- stock ----- */
});
});
/* ---- get attribute ---- */
/* ---- get attribute custom ---- */
$scope.getAttributeCustom().createArray(get_res_api_product.data.product_custom_templates, function(res_custom_attribute, res_state) {
$scope.data.attribute_custom.state = res_state;
$scope.data.attribute_custom.dataArray = res_custom_attribute;
});
/* ---- get attribute custom ---- */
/* ---- get detail ---- */
$scope.getDetail().getDetail(get_res_api_product.data, function(res_description, res_info, res_state_info, res_specificatio, res_state_specificatio) {
$scope.data.detail.dataArray[0].data = res_description;
$scope.data.detail.dataArray[1].data = res_info;
$scope.data.detail.dataArray[1].state = res_state_info;
$scope.data.detail.dataArray[2].dataArray = res_specificatio;
$scope.data.detail.dataArray[2].state = res_state_specificatio;
});
/* ---- get detail ---- */
/* ---- update state ---- */
$scope.getBuy().updateState($scope.dataApi.product.dataArray.product_id);
/* ---- update state ---- */
/* --- Wait product/id ,shop/current --- */
});
});
});
});
/* -- get api shop/current to reward -- */
/* -- res_referral_id from product/id to txt_referral_id get api referral/relation -- */
$scope.getData().getRouteParams(function(res_params, res_state) {
$scope.dataApi.relation.dataArrayState = res_state;
$scope.getData().getReferralId(get_res_api_product.data.product_referral_display, function(res_referral_id) {
$scope.dataApi.relation.dataSend.txt_referral_id = res_referral_id;
$scope.getData().dataSend($scope.dataApi.relation.api, $scope.dataApi.relation.dataSend, function(res_api, res_dataSend) {
$scope.getData().getApi(res_api, res_dataSend, function(res_ok, get_res_api_referral, res_state) {
$scope.dataApi.relation.ok = res_ok;
$scope.dataApi.relation.dataArray = (res_referral_id != 0) ? get_res_api_referral.data : [];
$scope.dataApi.relation.dataArrayState = res_state;
});
});
});
});
/* -- res_referral_id from product/id to txt_referral_id get api referral/relation -- */
/* -- product_staff_id from product/id to txt_staff_id get api staff/id -- */
$scope.getData().getRouteParams(function(res_params, res_state) {
$scope.getData().getStaffId(get_res_api_product.data.product_staff_id, function(res_staff) {
if (res_staff.status) {
$scope.dataApi.staff.dataArrayState = res_state;
$scope.dataApi.staff.dataSend.txt_staff_id = res_staff.staff_id;
$scope.getData().dataSend($scope.dataApi.staff.api, $scope.dataApi.staff.dataSend, function(res_api, res_dataSend) {
$scope.getData().getApi(res_api, res_dataSend, function(res_ok, res, res_state) {
$scope.dataApi.staff.ok = res_ok;
$scope.dataApi.staff.dataArray = res.data;
$scope.getData().getNameUrl(res.data.staff_first_name, function(res_staff_first_name_url) {
$scope.dataApi.staff.dataArray.staff_first_name_url = res_staff_first_name_url;
$scope.dataApi.staff.dataArrayState = res_state;
});
});
});
}
});
});
/* -- product_staff_id from product/id to txt_staff_id get api staff/id -- */
} else {
/* ok = false */
if ($scope.dataApi.product.dataArray.length != 0) {
/* product deal to product original */
if ($scope.dataApi.product.dataArray.product_set_array.length != 0) {
$scope.countDown().getNameUrl($scope.dataApi.product.dataArray.product_set_array[0].product_title, function(res_name) {
$scope.pages().pageUrl("product-detail", $scope.dataApi.product.dataArray.product_set_array[0].product_id, res_name);
});
} else {
$scope.pages().pageName("home");
}
} else {
/* product null */
$scope.pages().pageName("home");
}
}
});
});
});
});
/* - get api product/id end - */
/* get product api */
};
return promise;
});_ui_share_app.directive('componentProductDiscount', function ($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentProductDiscount';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
'feature':'@feature',
'badgeid':'@badgeid',
'badgetext':'@badgetext',
'imgpath':'@imgpath',
'margin':'@margin',
};
promise.link = function (scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function ($scope, $timeout, $interval) {
$scope.use_feature = (typeof $scope.feature !== 'undefined' && $scope.feature == 'true') ? true : false;
/**
* Check if object array available for "website application" or "Mobile application" or "Featured"
* @params object array
* return true | false (default)
*/
$scope._showWeb = function (objArray) {
var r = false;
for (var i = 0; i < objArray.length; i++) {
if (objArray[i].badge_id == 18) {
r = true;
break;
}
}
return r;
};
$scope._showApp = function (objArray) {
var r = false;
for (var i = 0; i < objArray.length; i++) {
if (objArray[i].badge_id == 19) {
r = true;
break;
}
}
return r;
};
$scope._showFeature = function (objArray) {
var r = false;
for (var i = 0; i < objArray.length; i++) {
if (objArray[i].badge_id == 16) {
r = true;
break;
}
}
return r;
};
/* UNIQUE KEY */
$scope._uniqueKey = '';
$scope._key = function () {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
/*
* view current routeParams
* @params (default)
* @return function
*/
$scope._viewRouteParams = function () {
return $routeParams || false;
};
/* Dummy */
$scope.getDummyArray = function(){
var r = [];
var max = 6;
for(var i = 0; i < max; i++){
r.push({
product_id: '999999',
product_title: 'Samsung Galaxy S8',
product_price: '45000',
product_compare_price: '55000',
product_image:[{image_url:'extensions/themes/gae_default301/staticfiles/images/default/490x490.gif'}],
product_badge:[{badge_id:18}],
callback_array:true
});
}
return r;
};
$scope.data = [];
$scope.data_discount = [];
$scope.data_done = false;
/* Get referral data (all)
* @params none
* @return array
*/
$scope.getData = function(badgeId){
$scope.data = [];
$scope.data_discount = [];
$scope.data_discount.discount_price = 0;
$scope.data_done = false;
var filterJson = {'badge_id_array':[18]};
if($scope.use_feature){
filterJson.badge_id_array.push(16);
}
var d = {
'cur_page':1,
'per_page':8,
'txt_filter_json':JSON.stringify(filterJson),
};
GAEAPI.get('product/lists',d,$scope).then(function(e){
if(e.ok == 1){
if(e.data.dataList.length > 0){
$scope.data = e.data.dataList;
for (var i = 0; i < e.data.dataList.length; i++) {
console.log("test_discount : ",i,e.data.dataList[i].product_discount.length , e.data.dataList[i].product_discount);
if(e.data.dataList[i].product_discount.length == undefined && e.data.dataList[i].product_discount){
console.log("test_discount",e.data.dataList[i].product_discount);
$scope.data_discount.push(e.data.dataList[i]);
if(e.data.dataList[i].product_discount.discount_price != 0){
$scope.data_discount[i].discount_price = (e.data.dataList[i].product_price-e.data.dataList[i].product_discount.discount_price);
}else if(e.data.dataList[i].product_discount.discount_price == 0 && e.data.dataList[i].product_discount.discount_percent != 0){
$scope.data_discount[i].discount_price = (e.data.dataList[i].product_price-((e.data.dataList[i].product_price*e.data.dataList[i].product_discount.discount_percent)/100));
}
console.log("test_discount_price",$scope.data_discount[i].discount_price);
}
}
} else {
var dummy = $scope.getDummyArray();
$scope.data = dummy;
}
$scope.buildImageSlider($scope.data);
$scope.data_done = true;
}
});
};
/* Get referral data (by referral_id)
* @params id = referral_id
* @return array
*/
$scope.getDataReferral = function(id){
$scope.data = [];
$scope.data_done = false;
var d = {
'txt_referral_id':id
};
GAEAPI.get('referral/id_map',d,$scope).then(function(e){
if(e.ok == 1){
$scope.data[0] = e.data;
$scope.data_done = true;
$scope.buildImageSlider($scope.data);
}
});
};
/*
* params listener
* @params newValue
* @params oldValue
* @return function
*/
$scope.$watch('badgeid', function (newValue, oldValue) {
if (!newValue){
return;
}
$scope.getData(newValue);
});
/*
* check if image array exist or build dummy image array
* @params arrayObject = object array
* @return array
*/
$scope.buildImageSlider = function(){
var imageArray = function(){
return [
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/gallery_1.jpg'},
/*{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/gallery_2.jpg'},*/
];
};
var imageBannerArray = function(){
return [
{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/banner_cat_1.jpg'},
/*{'image_url':'extensions/themes/gae_myhappyphone301/staticfiles/images/default/banner_cat_2.jpg'},*/
];
};
angular.forEach($scope.data, function(item,key){
if(typeof item.product_image == 'undefined'){
item.product_image = [];
}
/*if(typeof item.referral_image_banner == 'undefined'){
item.referral_image_banner = [];
}*/
if(!item.product_image.length){
item.product_image = imageArray();
}
/*item.referral_image_banner = imageBannerArray();*/
});
};
/* Make Carousel */
$scope._makeProductToCarousel = function (keyCustom) {
var elementName = '[data-id="' + keyCustom + '"]';
var optionsParmas = {
autoplay: (window.location.host !== 'localhost') ? true : false,
slidesToShow: 1,
slidesToScroll: 1,
dots: true,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
};
return sliderProvider(elementName, optionsParmas, "", keyCustom);
};
/* Calculate Product Block for Arrows */
$scope.calculateProductBlock = function(){
return "-" + (($('.row.slick-slider[data-id="'+$scope._uniqueKey+'"]').height() / 2) + 34) + "px";
};
/* Carousel Arrow Click */
$scope._slickGoLeft = function () {
$timeout(function () {
$('[data-id="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
/* Carousel Arrow Click */
$scope._slickGoRight = function () {
$timeout(function () {
$('[data-id="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
/* Event Listener when ng-repeat end */
$rootScope.$on('repeatend', function() {
if($('[data-id*="gallery-"]').length){
$('[data-id*="gallery-"]').not('.slick-initialized').each(function(Key,Object){
if($(this).find('.imageItem').length > 0){
$scope._makeProductToCarousel($(this).attr('data-id'));
}
});
}
});
/* Check if seo enable */
$scope.checkSeo = function(){
return (GURL.isHtml5Mode()) ? true : false;
};
$scope.buildTitleUrl = function(str){
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--","-");
return s;
};
};
return promise;
});
if (typeof $productTimingRequest == 'undefined') {
var $productTimingRequest = {
request: 0,
data: 0,
timeMemory: null,
checkAllDone: function() {
console.log("checkAllDone", this.data, this.request);
if (this.data > 0 && this.data >= this.request) {
$('.all-load').addClass('active');
$('.all-content').addClass('active');
this.timeMemory = setTimeout(function() {
$('.all-content').addClass('shown');
window.clearTimeout(this.timeMemory);
}, 650);
}
},
instantDisplay: function() {
console.log("checkAllDone: not match => display");
$('.all-load').addClass('active');
$('.all-content').addClass('active');
$('.all-content').addClass('shown');
this.timeMemory = null;
}
};
}
var _countHide = 0;
_ui_share_app.directive('componentProductLayout', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentProductLayout';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
imgpath: '@imgpath',
request: '@type',
carousel: '@carousel',
referral: '@referral',
imgcart: '@imgcart',
};
promise.templateUrl = templatePathUrl;
promise.transclude = {
'text_first': '?textFirst',
'text_second': '?textSecond',
};
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $q, $window, $location, $http) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.forbidden = false;
$scope._config = [];
$scope._host = _ui_share_host + templateName + '/';
$scope.assetsPath = 'extensions/themes/assets/';
$scope.use_carousel = (typeof $scope.carousel !== 'undefined' && $scope.carousel == 'true') ? true : false;
/* UNIQUE KEY */
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.productData = [];
$scope.productDataload = false;
$scope.type = $scope.request;
$scope.done = false;
/* GET product list in category (feature *any) */
$scope._get_category_feature = function() {
$scope.productData = [];
var dataSendCat = {
'txt_referral_type_id': 11,
'cur_page': 1,
'per_page': 20,
'txt_sortby': 'referral_sort_index_asc_name_asc',
'txt_filter_json': JSON.stringify([{
'badge_id_array': [16]
}])
};
/* badge_sort_index_asc*/
GAEAPI.get('referral/lists', dataSendCat, $scope).then(function(resultCategory) {
var ref = [];
for (var i = 0; i < resultCategory.data.dataList.length; i++) {
for (var ii = 0; ii < resultCategory.data.dataList[i].referral_badge.length; ii++) {
if (resultCategory.data.dataList[i].referral_badge[ii].badge_id == 16) {
ref.push(parseInt(resultCategory.data.dataList[i].referral_id));
break;
}
}
}
$scope.productDataload = false;
var jsonFilter = {
'referral_id_array_or': ref,
'badge_id_array': [18]
};
var dataSend = {
'cur_page': 1,
'per_page': 12,
'txt_sortby': 'root_category_index_asc',
'txt_filter_json': JSON.stringify(jsonFilter)
};
GAEAPI.get('product/lists', dataSend, $scope).then(function(e) {
if (e.ok == 1) {
$scope.productData = e.data.dataList;
$scope.productDataload = true;
}
});
});
};
/* GET product list by badge id (reccommend,new arriaval, best seller, feature) */
$scope._get_product_by_badge = function(badgeId) {
$scope.productData = [];
$scope.productDataload = false;
var jsonFilter = {
'badge_id_array': [18, badgeId]
};
var dataSend = {
'cur_page': 1,
'per_page': 12,
'txt_sortby': 'root_category_index_asc',
'txt_filter_json': JSON.stringify(jsonFilter)
};
/*product_lastest_create */
GAEAPI.get('product/lists', dataSend, $scope).then(function(e) {
if (e.ok == 1) {
$scope.productData = e.data.dataList;
$scope.productDataload = true;
}
});
};
/* GET product list by each category (1st level) */
$scope._get_product_list_by_category = function(referral_id) {
$scope.productDataload = false;
$productTimingRequest.request = $productTimingRequest.request + 1;
var j = {
'badge_id_array': [18],
'referral_id_array': [referral_id]
};
var d = {
'cur_page': 1,
'per_page': 30,
'txt_sortby': 'root_category_index_asc',
'txt_filter_json': JSON.stringify(j)
};
/* root_category_index_asc */
console.log("Fetching 1", $scope.referral);
GAEAPI.get('product/lists', d, $scope).then(function(e) {
$scope.productDataload = true;
$scope.productData = e.data.dataList;
$productTimingRequest.data = $productTimingRequest.data + 1;
$productTimingRequest.checkAllDone();
if (e.data.dataList.length <= 0 && $routeParams.referral_id == referral_id) {
/* window.location.href="home";*/
} else if (e.data.dataList.length <= 0) {
$('div[data-id="' + $scope.referral + '"]').hide();
}
if (typeof $routeParams.section !== 'undefined') {
// alert($routeParams.section);
$timeout(function() {
$('html, body').animate({
scrollTop: $("div[id='" + $routeParams.section + "']").offset().top - 250
}, 200);
}, 200);
}
console.log("Fetching 2", $scope.referral, " : result :", $scope.productData);
});
};
$scope.$watch('type', function(newValue, oldValue) {
if (!newValue) {
return;
}
if (newValue == 'category_feature') {
/* Featured Product */
/*return $scope._get_category_feature();*/
return $scope._get_product_by_badge(16);
}
if (newValue == 'product_newarrival' || newValue == 'new_arrival') {
/* New Arrival */
return $scope._get_product_by_badge(72);
}
if (newValue == 'product_bestseller' || newValue == 'best_seller') {
/* New Arrival */
return $scope._get_product_by_badge(75);
}
if (newValue == 'product_feature' || newValue == 'product_recommend') {
/* Recommend */
return $scope._get_product_by_badge(74);
}
if (newValue == 'product_list_by_category') {
return $scope._get_product_list_by_category($scope.referral);
}
});
$scope.shopid = '';
$scope.getShopid = function() {
$scope.shopid = CUR_THEME.shop_id();
};
$scope.getShopid();
$scope.initSlider = function() {
var elementName = '.row-product[data-id="' + $scope._uniqueKey + '"]';
var optionsParmas = {
autoplay: (window.location.host !== 'localhost') ? true : false,
centerMode: true,
centerPadding: '0px',
slidesToShow: 3,
slidesToScroll: 1,
dots: false,
arrows: false,
infinite: true,
responsive: [{
breakpoint: 768,
settings: {
arrows: false,
centerMode: true,
centerPadding: '0px',
slidesToShow: 2
}
}, {
breakpoint: 480,
settings: {
arrows: false,
centerMode: true,
centerPadding: '0px',
slidesToShow: 2
}
}]
};
var extraOptions = {
animate: false
};
sliderProvider(elementName, optionsParmas, $scope.type, $scope._key(), extraOptions);
};
$scope._slickGoLeft = function() {
$timeout(function() {
$('[data-id="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function() {
$timeout(function() {
$('[data-id="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
/* Calculate Product Block for Arrows */
$scope.calculateProductBlock = function(v) {
return "-" + ($('.row-product[data-id="' + $scope._uniqueKey + '"]').height() / 2) + v + "px";
};
/* Calculate Product mobile for Arrows */
$scope.calculateProductBlockMobile = function(v) {
return $('.row-product[data-id="' + $scope._uniqueKey + '"]').height() / 2;
};
$rootScope.$on('repeatend', function() {
if ($scope.use_carousel) {
var t = $interval(function() {
if ($scope._uniqueKey !== "") {
$interval.cancel(t);
var tt = $timeout(function() {
$timeout.cancel(tt);
$scope.done = true;
$scope.initSlider();
}, 300);
}
}, 500);
}
});
$scope.checkHideCondition = function(referral_id) {
return true;
if ($location.path() != '/' && $location.path() !== '/home') {
if (typeof $routeParams.root_id !== 'undefined' && $routeParams.root_id > 0 && $routeParams.root_id != referral_id) {
return false; /* hide */
}
return true;
}
return true;
};
};
return promise;
});
var _countHide = 0;
_ui_share_app.directive('componentProductLayoutA', function ($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentProductLayoutA';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
imgpath: '@imgpath',
request: '@type',
carousel: '@carousel',
referral: '@referral',
};
promise.templateUrl = templatePathUrl;
promise.transclude = {
'text_first':'?textFirst',
'text_second':'?textSecond',
};
promise.link = function (scope, element, attr) {};
promise.controller = function ($scope, $timeout, $interval, $q, $window, $location, $http) {
$scope.forbidden = false;
$scope._config = [];
$scope._host = _ui_share_host + templateName + '/';
$scope.assetsPath = 'extensions/themes/assets/';
$scope.use_carousel = (typeof $scope.carousel !== 'undefined' && $scope.carousel == 'true') ? true : false;
/* UNIQUE KEY */
$scope._uniqueKey = '';
$scope._key = function () {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.productData = [];
$scope.type = $scope.request;
/* GET product list in category (feature *any) */
$scope._get_category_feature = function(){
$scope.productData = [];
var dataSendCat = {
'txt_referral_type_id': 11,
'cur_page': 1,
'per_page': 20,
'txt_sortby': 'referral_sort_index_asc_name_asc',
'txt_filter_json': JSON.stringify([{'badge_id_array': [16]}])
};
/* badge_sort_index_asc*/
GAEAPI.get('referral/lists', dataSendCat).then(function(resultCategory){
var ref = [];
for(var i = 0; i < resultCategory.data.dataList.length; i++){
for(var ii = 0; ii < resultCategory.data.dataList[i].referral_badge.length; ii++){
if(resultCategory.data.dataList[i].referral_badge[ii].badge_id == 16){
ref.push(parseInt(resultCategory.data.dataList[i].referral_id));
break;
}
}
}
var jsonFilter = {
'referral_id_array_or': ref,
'badge_id_array': [18]
};
var dataSend = {
'cur_page': 1,
'per_page': 12,
'txt_sortby': 'product_title_a-z',
'txt_filter_json': JSON.stringify(jsonFilter)
};
GAEAPI.get('product/lists', dataSend).then(function(e){
if(e.ok == 1){
$scope.productData = e.data.dataList;
}
});
});
};
/* GET product list by badge id (reccommend,new arriaval, best seller, feature) */
$scope._get_product_by_badge = function(badgeId){
$scope.productData = [];
var jsonFilter = {
'badge_id_array': [18,badgeId]
};
var dataSend = {
'cur_page': 1,
'per_page': 12,
'txt_sortby': 'badge_sort_index_asc',
'txt_filter_json': JSON.stringify(jsonFilter)
};
/*product_lastest_create */
GAEAPI.get('product/lists', dataSend).then(function(e){
if(e.ok == 1){
$scope.productData = e.data.dataList;
}
});
};
/* GET product list by each category (1st level) */
$scope._get_product_list_by_category = function(referral_id){
var j = {
'badge_id_array': [18],
'referral_id_array': [referral_id]
};
var d = {
'cur_page': 1,
'per_page': 30,
'txt_sortby':'root_category_index_0-9',
'txt_filter_json': JSON.stringify(j)
};
/* root_category_index_asc */
console.log("Fetching ", $scope.referral);
if(CUR_THEME.shop_id() == 500){
$scope.text_first = 'testtt';
$http.get('https://missmonribs.getappeasy.com/store/api/v1/product/lists',{params:d}).then(function(res){
var e = res.data;
$scope.productData = e.data.dataList;
console.log("Fetching ", $scope.referral, " : result :", $scope.productData);
if($scope.productData.length <= 0 && $routeParams.referral_id == referral_id){
return $location.path("/home");
}
});
} else {
GAEAPI.get('product/lists',d).then(function(e){
$scope.productData = e.data.dataList;
console.log("Fetching ", $scope.referral, " : result :", e);
});
}
};
$scope.$watch('type', function(newValue,oldValue){
if(!newValue){
return;
}
if(newValue == 'category_feature'){
/* Featured Product */
/*return $scope._get_category_feature();*/
return $scope._get_product_by_badge(16);
}
if(newValue == 'product_newarrival' || newValue == 'new_arrival') {
/* New Arrival */
return $scope._get_product_by_badge(72);
}
if(newValue == 'product_feature' || newValue == 'product_recommend') {
/* Recommend */
return $scope._get_product_by_badge(74);
}
if(newValue == 'product_list_by_category'){
return $scope._get_product_list_by_category($scope.referral);
}
});
$scope._makeProductToCarousel = function () {
var elementName = '[data-id="' + $scope._uniqueKey + '"]';
var optionsParmas = {
autoplay: (window.location.host !== 'localhost') ? true : false,
slidesToShow: 4,
slidesToScroll: 4,
dots: false,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
responsive: [
{
breakpoint: 769,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
variableWidth: false,
centerMode: false
}
}, {
breakpoint: 601,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
variableWidth: false,
centerMode: false
}
}, {
breakpoint: 481,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
variableWidth: false,
centerMode: false,
dots: false
}
}
]
};
return sliderProvider(elementName, optionsParmas, $scope.type, $scope._uniqueKey);
};
$scope._slickGoLeft = function () {
$timeout(function () {
$('[data-id="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function () {
$timeout(function () {
$('[data-id="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
/* Calculate Product Block for Arrows */
$scope.calculateProductBlock = function(v){
return "-" + ($('[data-id="'+$scope._uniqueKey+'"]').height() / 2) + "."+ v + "px";
};
/* Calculate Product mobile for Arrows */
$scope.calculateProductBlockMobile = function(v){
return $('[data-id="'+$scope._uniqueKey+'"]').height() / 2;
};
$rootScope.$on('repeatend', function() {
if($('[data-id="'+$scope._uniqueKey+'"]').not('.slick-initialized') && $scope.use_carousel){
$timeout(function(){
$scope._makeProductToCarousel();
}, 500);
}
});
$scope.checkHideCondition = function(referral_id){
return true;
if($location.path() != '/' && $location.path() !== '/home'){
if(typeof $routeParams.root_id !== 'undefined' && $routeParams.root_id > 0 && $routeParams.root_id != referral_id){
return false; /* hide */
}
return true;
}
return true;
};
};
return promise;
});
var _countHide = 0;
_ui_share_app.directive('componentProductLayoutB', function ($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentProductLayoutB';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
imgpath: '@imgpath',
request: '@type',
carousel: '@carousel',
referral: '@referral',
lesspad: '@lesspad',
};
promise.templateUrl = templatePathUrl;
promise.transclude = {
'text_first':'?textFirst',
'text_second':'?textSecond',
};
promise.link = function (scope, element, attr) {};
promise.controller = function ($scope, $timeout, $interval, $q, $window, $location, $http) {
$scope.forbidden = false;
$scope._config = [];
$scope._host = _ui_share_host + templateName + '/';
$scope.assetsPath = 'extensions/themes/assets/';
$scope.use_carousel = (typeof $scope.carousel !== 'undefined' && $scope.carousel == 'true') ? true : false;
$scope.use_lesspad = (typeof $scope.lesspad !== 'undefined' && $scope.lesspad == 'true') ? true : false;
/* UNIQUE KEY */
$scope._uniqueKey = '';
$scope._key = function () {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.productData = [];
$scope.type = $scope.request;
/* GET product list in category (feature *any) */
$scope._get_category_feature = function(){
$scope.productData = [];
var dataSendCat = {
'txt_referral_type_id': 11,
'cur_page': 1,
'per_page': 20,
'txt_sortby': 'referral_sort_index_asc_name_asc',
'txt_filter_json': JSON.stringify([{'badge_id_array': [16]}])
};
/* badge_sort_index_asc*/
GAEAPI.get('referral/lists', dataSendCat).then(function(resultCategory){
var ref = [];
for(var i = 0; i < resultCategory.data.dataList.length; i++){
for(var ii = 0; ii < resultCategory.data.dataList[i].referral_badge.length; ii++){
if(resultCategory.data.dataList[i].referral_badge[ii].badge_id == 16){
ref.push(parseInt(resultCategory.data.dataList[i].referral_id));
break;
}
}
}
var jsonFilter = {
'referral_id_array_or': ref,
'badge_id_array': [18]
};
var dataSend = {
'cur_page': 1,
'per_page': 12,
'txt_sortby': 'product_title_a-z',
'txt_filter_json': JSON.stringify(jsonFilter)
};
GAEAPI.get('product/lists', dataSend).then(function(e){
if(e.ok == 1){
$scope.productData = e.data.dataList;
console.log("tiuuiy111",$scope.productData);
}
});
});
};
/* GET product list by badge id (reccommend,new arriaval, best seller, feature) */
$scope._get_product_by_badge = function(badgeId){
$scope.productData = [];
var jsonFilter = {
'badge_id_array': [18,badgeId]
};
var dataSend = {
'cur_page': 1,
'per_page': 12,
'txt_sortby': 'badge_sort_index_asc',
'txt_filter_json': JSON.stringify(jsonFilter)
};
/*product_lastest_create */
GAEAPI.get('product/lists', dataSend).then(function(e){
if(e.ok == 1){
$scope.productData = e.data.dataList;
console.log("tiuuiy222",$scope.productData);
}
});
};
/* GET product list by each category (1st level) */
$scope._get_product_list_by_category = function(referral_id){
var j = {
'badge_id_array': [18],
'referral_id_array': [referral_id]
};
var d = {
'cur_page': 1,
'per_page': 30,
'txt_sortby':'root_category_index_0-9',
'txt_filter_json': JSON.stringify(j)
};
/* root_category_index_asc */
console.log("Fetching ", $scope.referral);
if(CUR_THEME.shop_id() == 500){
$scope.text_first = 'testtt';
$http.get('https://missmonribs.getappeasy.com/store/api/v1/product/lists',{params:d}).then(function(res){
var e = res.data;
$scope.productData = e.data.dataList;
console.log("Fetching ", $scope.referral, " : result :", $scope.productData);
if($scope.productData.length <= 0 && $routeParams.referral_id == referral_id){
return $location.path("/home");
}
});
} else {
GAEAPI.get('product/lists',d).then(function(e){
$scope.productData = e.data.dataList;
console.log("Fetching ", $scope.referral, " : result :", e);
console.log("tiuuiy333",$scope.productData);
});
}
};
$scope.$watch('type', function(newValue,oldValue){
if(!newValue){
return;
}
if(newValue == 'category_feature'){
/* Featured Product */
/*return $scope._get_category_feature();*/
return $scope._get_product_by_badge(16);
}
if(newValue == 'product_newarrival' || newValue == 'new_arrival') {
/* New Arrival */
return $scope._get_product_by_badge(72);
}
if(newValue == 'product_feature' || newValue == 'product_recommend') {
/* Recommend */
return $scope._get_product_by_badge(74);
}
if(newValue == 'product_list_by_category'){
return $scope._get_product_list_by_category($scope.referral);
}
});
$scope._makeProductToCarousel = function () {
var elementName = '[data-id="' + $scope._uniqueKey + '"]';
var optionsParmas = {
autoplay: (window.location.host !== 'localhost') ? true : false,
slidesToShow: 3,
slidesToScroll: 3,
dots: false,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
responsive: [
{
breakpoint: 769,
settings: {
slidesToShow: 2,
slidesToScroll: 2,
variableWidth: false,
centerMode: false
}
}, {
breakpoint: 601,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
variableWidth: false,
centerMode: false
}
}, {
breakpoint: 481,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
variableWidth: false,
centerMode: false,
dots: false
}
}
]
};
return sliderProvider(elementName, optionsParmas, $scope.type, $scope._uniqueKey);
};
$scope._slickGoLeft = function () {
$timeout(function () {
$('[data-id="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function () {
$timeout(function () {
$('[data-id="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
/* Calculate Product Block for Arrows */
$scope.calculateProductBlock = function(v){
return "-" + ($('[data-id="'+$scope._uniqueKey+'"]').height() / 2) + v + "px";
};
/* Calculate Product mobile for Arrows */
$scope.calculateProductBlockMobile = function(v){
return $('[data-id="'+$scope._uniqueKey+'"]').height() / 2;
};
$rootScope.$on('repeatend', function() {
if($('[data-id="'+$scope._uniqueKey+'"]').not('.slick-initialized') && $scope.use_carousel){
$timeout(function(){
$scope._makeProductToCarousel();
}, 500);
}
});
$scope.checkHideCondition = function(referral_id){
return true;
if($location.path() != '/' && $location.path() !== '/home'){
if(typeof $routeParams.root_id !== 'undefined' && $routeParams.root_id > 0 && $routeParams.root_id != referral_id){
return false; /* hide */
}
return true;
}
return true;
};
};
return promise;
});
var _countHide = 0;
_ui_share_app.directive('componentProductLayoutC', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentProductLayoutC';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
imgpath: '@imgpath',
request: '@type',
carousel: '@carousel',
referral: '@referral',
imgcart: '@imgcart',
};
promise.templateUrl = templatePathUrl;
promise.transclude = {
'text_first': '?textFirst',
'text_second': '?textSecond',
};
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $q, $window, $location, $http) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.forbidden = false;
$scope._config = [];
$scope._host = _ui_share_host + templateName + '/';
$scope.assetsPath = 'extensions/themes/assets/';
$scope.use_carousel = (typeof $scope.carousel !== 'undefined' && $scope.carousel == 'true') ? true : false;
/* UNIQUE KEY */
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.productData = [];
$scope.productDataload = false;
$scope.type = $scope.request;
$scope.done = false;
/* GET product list in category (feature *any) */
$scope._get_category_feature = function() {
$scope.productData = [];
var dataSendCat = {
'txt_referral_type_id': 11,
'cur_page': 1,
'per_page': 20,
'txt_sortby': 'referral_sort_index_asc_name_asc',
'txt_filter_json': JSON.stringify([{
'badge_id_array': [16]
}])
};
/* badge_sort_index_asc*/
GAEAPI.get('referral/lists', dataSendCat, $scope).then(function(resultCategory) {
var ref = [];
for (var i = 0; i < resultCategory.data.dataList.length; i++) {
for (var ii = 0; ii < resultCategory.data.dataList[i].referral_badge.length; ii++) {
if (resultCategory.data.dataList[i].referral_badge[ii].badge_id == 16) {
ref.push(parseInt(resultCategory.data.dataList[i].referral_id));
break;
}
}
}
$scope.productDataload = false;
var jsonFilter = {
'referral_id_array_or': ref,
'badge_id_array': [18]
};
var dataSend = {
'cur_page': 1,
'per_page': 12,
'txt_sortby': 'root_category_index_asc',
'txt_filter_json': JSON.stringify(jsonFilter)
};
GAEAPI.get('product/lists', dataSend, $scope).then(function(e) {
if (e.ok == 1) {
$scope.productData = e.data.dataList;
$scope.productDataload = true;
}
});
});
};
/* GET product list by badge id (reccommend,new arriaval, best seller, feature) */
$scope._get_product_by_badge = function(badgeId) {
$scope.productData = [];
$scope.productDataload = false;
var jsonFilter = {
'badge_id_array': [18, badgeId]
};
var dataSend = {
'cur_page': 1,
'per_page': 12,
'txt_sortby': 'root_category_index_asc',
'txt_filter_json': JSON.stringify(jsonFilter)
};
/*product_lastest_create */
GAEAPI.get('product/lists', dataSend, $scope).then(function(e) {
if (e.ok == 1) {
$scope.productData = e.data.dataList;
$scope.productDataload = true;
}
});
};
/* GET product list by each category (1st level) */
$scope._get_product_list_by_category = function(referral_id) {
// $scope.productData = [];
$scope.productDataload = false;
$productTimingRequest.request = $productTimingRequest.request + 1;
var f_first = {
'txt_referral_id': referral_id
}
GAEAPI.get('referral/id_map', f_first, $scope).then(function(e) {
if (e.ok == 1) {
if(e.data.referral_sub_array.length > 0){
$scope.productDataload = true;
$scope.productData = e.data.referral_sub_array;
console.log("pop kai sod test 1 :",$scope.productData);
$scope.havsub = true;
}else{
var j = {
'badge_id_array': [18],
'referral_id_array': [referral_id]
};
var d = {
'cur_page': 1,
'per_page': 30,
'txt_sortby': 'root_category_index_asc',
'txt_filter_json': JSON.stringify(j)
};
$scope.havsub = false;
console.log("Fetching 1", $scope.referral);
GAEAPI.get('product/lists', d, $scope).then(function(e) {
$scope.productDataload = true;
$scope.productData = e.data.dataList;
console.log("pop kai sod test 2 :",$scope.productData);
$productTimingRequest.data = $productTimingRequest.data + 1;
$productTimingRequest.checkAllDone();
if (e.data.dataList.length <= 0 && $routeParams.referral_id == referral_id) {
/* window.location.href="home";*/
} else if (e.data.dataList.length <= 0) {
$('div[data-id="' + $scope.referral + '"]').hide();
}
if (typeof $routeParams.section !== 'undefined') {
// alert($routeParams.section);
$timeout(function() {
$('html, body').animate({
scrollTop: $("div[id='" + $routeParams.section + "']").offset().top - 250
}, 200);
}, 200);
}
console.log("Fetching 2", $scope.referral, " : result :", $scope.productData);
});
}
}
});
/* root_category_index_asc */
};
$scope.$watch('type', function(newValue, oldValue) {
if (!newValue) {
return;
}
if (newValue == 'category_feature') {
/* Featured Product */
/*return $scope._get_category_feature();*/
return $scope._get_product_by_badge(16);
}
if (newValue == 'product_newarrival' || newValue == 'new_arrival') {
/* New Arrival */
return $scope._get_product_by_badge(72);
}
if (newValue == 'product_bestseller' || newValue == 'best_seller') {
/* New Arrival */
return $scope._get_product_by_badge(75);
}
if (newValue == 'product_feature' || newValue == 'product_recommend') {
/* Recommend */
return $scope._get_product_by_badge(74);
}
if (newValue == 'product_list_by_category') {
// $scope.havsub = false;
return $scope._get_product_list_by_category($scope.referral);
}
});
$scope.shopid = '';
$scope.getShopid = function() {
$scope.shopid = CUR_THEME.shop_id();
};
$scope.getShopid();
$scope.initSlider = function() {
var elementName = '.row-product[data-id="' + $scope._uniqueKey + '"]';
var optionsParmas = {
autoplay: (window.location.host !== 'localhost') ? true : false,
centerMode: true,
centerPadding: '0px',
slidesToShow: 3,
slidesToScroll: 1,
dots: false,
arrows: false,
infinite: true,
responsive: [{
breakpoint: 768,
settings: {
arrows: false,
centerMode: true,
centerPadding: '0px',
slidesToShow: 2
}
}, {
breakpoint: 480,
settings: {
arrows: false,
centerMode: true,
centerPadding: '0px',
slidesToShow: 2
}
}]
};
var extraOptions = {
animate: false
};
sliderProvider(elementName, optionsParmas, $scope.type, $scope._key(), extraOptions);
};
$scope._slickGoLeft = function() {
$timeout(function() {
$('[data-id="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function() {
$timeout(function() {
$('[data-id="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
/* Calculate Product Block for Arrows */
$scope.calculateProductBlock = function(v) {
return "-" + ($('.row-product[data-id="' + $scope._uniqueKey + '"]').height() / 2) + v + "px";
};
/* Calculate Product mobile for Arrows */
$scope.calculateProductBlockMobile = function(v) {
return $('.row-product[data-id="' + $scope._uniqueKey + '"]').height() / 2;
};
$rootScope.$on('repeatend', function() {
if ($scope.use_carousel) {
var t = $interval(function() {
if ($scope._uniqueKey !== "") {
$interval.cancel(t);
var tt = $timeout(function() {
$timeout.cancel(tt);
$scope.done = true;
$scope.initSlider();
}, 300);
}
}, 500);
}
});
$scope.checkHideCondition = function(referral_id) {
return true;
if ($location.path() != '/' && $location.path() !== '/home') {
if (typeof $routeParams.root_id !== 'undefined' && $routeParams.root_id > 0 && $routeParams.root_id != referral_id) {
return false; /* hide */
}
return true;
}
return true;
};
};
return promise;
});_ui_share_app.factory('$componentProductLayoutMain', function componentProductLayoutMain($routeParams, $timeout) {
return
});_ui_share_app.directive('componentProductLayoutMainA', function($rootScope, $routeParams) {
var templateName = 'componentProductLayoutMainA';
var componentMain = 'componentProductLayoutMain';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
imgpath: '@imgpath',
request: '@type',
carousel: '@carousel',
referral: '@referral',
stylebutton: '@stylebutton',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {
'text_first': '?textFirst',
'text_second': '?textSecond',
};
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.forbidden = false;
$scope._config = [];
$scope._host = _ui_share_host + templateName + '/';
$scope.assetsPath = 'extensions/themes/assets/';
$scope.use_carousel = (typeof $scope.carousel !== 'undefined' && $scope.carousel == 'true') ? true : false;
/* UNIQUE KEY */
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope._viewRouteParams = function () {
return $routeParams || false;
};
$scope.productData = [];
$scope.productDataload = false;
$scope.type = $scope.request;
/* GET product list in category (feature *any) */
$scope._get_category_feature = function() {
$scope.productData = [];
var dataSendCat = {
'txt_referral_type_id': 11,
'cur_page': 1,
'per_page': 20,
'txt_sortby': 'referral_sort_index_asc_name_asc',
'txt_filter_json': JSON.stringify([{
'badge_id_array': [16]
}])
};
/* badge_sort_index_asc*/
GAEAPI.get('referral/lists', dataSendCat, $scope).then(function(resultCategory) {
var ref = [];
for (var i = 0; i < resultCategory.data.dataList.length; i++) {
for (var ii = 0; ii < resultCategory.data.dataList[i].referral_badge.length; ii++) {
if (resultCategory.data.dataList[i].referral_badge[ii].badge_id == 16) {
ref.push(parseInt(resultCategory.data.dataList[i].referral_id));
break;
}
}
}
$scope.productDataload = false;
var jsonFilter = {
'referral_id_array_or': ref,
'badge_id_array': [18]
};
var dataSend = {
'cur_page': 1,
'per_page': 12,
'txt_sortby': 'product_title_a-z',
'txt_filter_json': JSON.stringify(jsonFilter)
};
GAEAPI.get('product/lists', dataSend, $scope).then(function(e) {
if (e.ok == 1) {
$scope.productData = e.data.dataList;
$scope.productDataload = true;
}
});
});
};
$scope.categoryData = [];
$scope._getCategory = function(badgeId) {
var dataSend = {
'txt_referral_type_id': 11
};
GAEAPI.get('referral/map', dataSend, $scope).then(function(e) {
if (e.ok == 1) {
$scope.categoryData = e.data;
}
});
};
$scope._getCategory();
/* GET product list by badge id (reccommend,new arriaval, best seller, feature) */
$scope._get_product_by_badge = function(badgeId) {
$scope.productData = [];
$scope.productDataload = false;
var jsonFilter = {
'badge_id_array': [18, badgeId]
};
var dataSend = {
'cur_page': 1,
'per_page': 12,
'txt_sortby': 'badge_sort_index_asc',
'txt_filter_json': JSON.stringify(jsonFilter)
};
/*product_lastest_create */
GAEAPI.get('product/lists', dataSend, $scope).then(function(e) {
if (e.ok == 1) {
$scope.productData = e.data.dataList;
$scope.productDataload = true;
}
});
};
/* GET product list by each category (1st level) */
$scope._get_product_list_by_category = function(referral_id) {
$scope.productDataload = false;
$productTimingRequest.request = $productTimingRequest.request + 1;
var j = {
'badge_id_array': [18],
'referral_id_array': [referral_id]
};
var d = {
'cur_page': 1,
'per_page': 30,
'txt_sortby': 'root_category_index_asc',
'txt_filter_json': JSON.stringify(j)
};
/* root_category_index_asc */
console.log("Fetching 1", $scope.referral);
GAEAPI.get('product/lists', d, $scope).then(function(e) {
$scope.productDataload = true;
$scope.productData = e.data.dataList;
$productTimingRequest.data = $productTimingRequest.data + 1;
$productTimingRequest.checkAllDone();
if (e.data.dataList.length <= 0 && $routeParams.referral_id == referral_id) {
/* window.location.href="home";*/
} else if (e.data.dataList.length <= 0) {
$('div[data-id="' + $scope.referral + '"]').hide();
}
console.log("Fetching 2", $scope.referral, " : result :", $scope.productData);
});
};
$scope.$watch('type', function(newValue, oldValue) {
if (!newValue) {
return;
}
if (newValue == 'category_feature') {
/* Featured Product */
/*return $scope._get_category_feature();*/
return $scope._get_product_by_badge(16);
}
if (newValue == 'product_newarrival' || newValue == 'new_arrival') {
/* New Arrival */
return $scope._get_product_by_badge(72);
}
if (newValue == 'product_feature' || newValue == 'product_recommend') {
/* Recommend */
return $scope._get_product_by_badge(74);
}
if (newValue == 'product_list_by_category') {
return $scope._get_product_list_by_category($scope.referral);
}
});
$scope._makeProductToCarousel = function() {
var elementName = '[data-id="' + $scope._uniqueKey + '"]';
var optionsParmas = {
autoplay: (window.location.host !== 'localhost') ? true : false,
slidesToShow: 3,
slidesToScroll: 3,
dots: false,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
responsive: [{
breakpoint: 769,
settings: {
slidesToShow: 2,
slidesToScroll: 2,
variableWidth: false,
centerMode: false
}
}, {
breakpoint: 601,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
variableWidth: false,
centerMode: false
}
}, {
breakpoint: 481,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
variableWidth: false,
centerMode: false,
dots: false
}
}]
};
return sliderProvider(elementName, optionsParmas, $scope.type, $scope._uniqueKey);
};
$scope._slickGoLeft = function() {
$timeout(function() {
$('[data-id="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function() {
$timeout(function() {
$('[data-id="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
/* Calculate Product Block for Arrows */
$scope.calculateProductBlock = function(v) {
return "-" + ($('.row-product[data-id="' + $scope._uniqueKey + '"]').height() / 2) + v + "px";
};
/* Calculate Product mobile for Arrows */
$scope.calculateProductBlockMobile = function(v) {
return $('.row-product[data-id="' + $scope._uniqueKey + '"]').height() / 2;
};
$rootScope.$on('repeatend', function() {
if ($('[data-id="' + $scope._uniqueKey + '"]').not('.slick-initialized') && $scope.use_carousel) {
$timeout(function() {
$scope._makeProductToCarousel();
}, 500);
}
});
$scope.arrayDataDOno = function(id, indata) {
var dataSend = 0;
for (var i = 0; i < indata.length; i++) {
if (indata[i].product_referral_display.category[0].referral_parent_id == id) {
dataSend++;
}
}
return dataSend;
};
$scope.arrayDataDTwo = function(id, indata) {
var dataSend = 0;
for (var i = 0; i < indata.length; i++) {
if (indata[i].product_referral_display.category[0].referral_id == id) {
dataSend++;
}
}
return dataSend;
};
$scope.checkHideCondition = function(referral_id) {
return true;
if ($location.path() != '/' && $location.path() !== '/home') {
if (typeof $routeParams.root_id !== 'undefined' && $routeParams.root_id > 0 && $routeParams.root_id != referral_id) {
return false; /* hide */
}
return true;
}
return true;
};
};
return promise;
});
_ui_share_app.directive('componentProductLayoutZ', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentProductLayoutZ';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
imgpath: '@imgpath',
request: '@type',
carousel: '@carousel',
referral: '@referral',
imgcart: '@imgcart',
};
promise.templateUrl = templatePathUrl;
promise.transclude = {
'text_first': '?textFirst',
'text_second': '?textSecond',
};
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $q, $window, $location, $http) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.forbidden = false;
$scope._config = [];
$scope._host = _ui_share_host + templateName + '/';
$scope.assetsPath = 'extensions/themes/assets/';
$scope.use_carousel = (typeof $scope.carousel !== 'undefined' && $scope.carousel == 'true') ? true : false;
/* UNIQUE KEY */
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.productData = [];
$scope.productDataload = false;
$scope.type = $scope.referral;
$scope.done = false;
/* GET product list in category (feature *any) */
$scope._get_category_feature = function() {
$scope.productData = [];
var dataSendCat = {
'txt_referral_type_id': 11,
'cur_page': 1,
'per_page': 20,
'txt_sortby': 'referral_sort_index_asc_name_asc',
'txt_filter_json': JSON.stringify([{
'badge_id_array': [16]
}])
};
/* badge_sort_index_asc*/
GAEAPI.get('referral/lists', dataSendCat, $scope).then(function(resultCategory) {
var ref = [];
for (var i = 0; i < resultCategory.data.dataList.length; i++) {
for (var ii = 0; ii < resultCategory.data.dataList[i].referral_badge.length; ii++) {
if (resultCategory.data.dataList[i].referral_badge[ii].badge_id == 16) {
ref.push(parseInt(resultCategory.data.dataList[i].referral_id));
break;
}
}
}
$scope.productDataload = false;
var jsonFilter = {
'referral_id_array_or': ref,
'badge_id_array': [18]
};
var dataSend = {
'cur_page': 1,
'per_page': 12,
'txt_sortby': 'root_category_index_asc',
'txt_filter_json': JSON.stringify(jsonFilter)
};
GAEAPI.get('product/lists', dataSend, $scope).then(function(e) {
if (e.ok == 1) {
$scope.productData = e.data.dataList;
$scope.productDataload = true;
}
});
});
};
/* GET product list by badge id (reccommend,new arriaval, best seller, feature) */
$scope._get_product_by_badge = function(badgeId) {
$scope.productData = [];
$scope.productDataload = false;
var jsonFilter = {
'badge_id_array': [18, badgeId]
};
var dataSend = {
'cur_page': 1,
'per_page': 12,
'txt_sortby': 'root_category_index_asc',
'txt_filter_json': JSON.stringify(jsonFilter)
};
/*product_lastest_create */
GAEAPI.get('product/lists', dataSend, $scope).then(function(e) {
if (e.ok == 1) {
$scope.productData = e.data.dataList;
$scope.productDataload = true;
}
});
};
/* GET product list by each category (1st level) */
$scope._get_product_list_by_category = function(referral_id) {
$scope.productDataload = false;
$productTimingRequest.request = $productTimingRequest.request + 1;
var j = {
'badge_id_array': [18],
'referral_id_array': [referral_id]
};
var d = {
'cur_page': 1,
'per_page': 30,
'txt_sortby': 'root_category_index_asc',
'txt_filter_json': JSON.stringify(j)
};
/* root_category_index_asc */
console.log("Fetching 1", $scope.referral);
GAEAPI.get('product/lists', d, $scope).then(function(e) {
$scope.productDataload = true;
$scope.productData = e.data.dataList;
$productTimingRequest.data = $productTimingRequest.data + 1;
$productTimingRequest.checkAllDone();
if (e.data.dataList.length <= 0 && $routeParams.referral_id == referral_id) {
/* window.location.href="home";*/
} else if (e.data.dataList.length <= 0) {
$('div[data-id="' + $scope.referral + '"]').hide();
}
if (typeof $routeParams.section !== 'undefined') {
// alert($routeParams.section);
$timeout(function() {
$('html, body').animate({
scrollTop: $("div[id='" + $routeParams.section + "']").offset().top - 250
}, 200);
}, 200);
}
console.log("Fetching 2", $scope.referral, " : result :", $scope.productData);
});
};
$scope.$watch('type', function(newValue, oldValue) {
if (!newValue) {
return;
}
if(newValue){
$scope._get_product_list_by_category($scope.referral);
}
});
$scope.shopid = '';
$scope.getShopid = function() {
$scope.shopid = CUR_THEME.shop_id();
};
$scope.getShopid();
$scope.initSlider = function() {
var elementName = '.row-product[data-id="' + $scope._uniqueKey + '"]';
var optionsParmas = {
autoplay: (window.location.host !== 'localhost') ? true : false,
centerMode: true,
centerPadding: '0px',
slidesToShow: 3,
slidesToScroll: 1,
dots: false,
arrows: false,
infinite: true,
responsive: [{
breakpoint: 768,
settings: {
arrows: false,
centerMode: true,
centerPadding: '0px',
slidesToShow: 2
}
}, {
breakpoint: 480,
settings: {
arrows: false,
centerMode: true,
centerPadding: '0px',
slidesToShow: 2
}
}]
};
var extraOptions = {
animate: false
};
sliderProvider(elementName, optionsParmas, $scope.type, $scope._key(), extraOptions);
};
$scope._slickGoLeft = function() {
$timeout(function() {
$('[data-id="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function() {
$timeout(function() {
$('[data-id="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
/* Calculate Product Block for Arrows */
$scope.calculateProductBlock = function(v) {
return "-" + ($('.row-product[data-id="' + $scope._uniqueKey + '"]').height() / 2) + v + "px";
};
/* Calculate Product mobile for Arrows */
$scope.calculateProductBlockMobile = function(v) {
return $('.row-product[data-id="' + $scope._uniqueKey + '"]').height() / 2;
};
$rootScope.$on('repeatend', function() {
if ($scope.use_carousel) {
var t = $interval(function() {
if ($scope._uniqueKey !== "") {
$interval.cancel(t);
var tt = $timeout(function() {
$timeout.cancel(tt);
$scope.done = true;
$scope.initSlider();
}, 300);
}
}, 500);
}
});
$scope.checkHideCondition = function(referral_id) {
return true;
if ($location.path() != '/' && $location.path() !== '/home') {
if (typeof $routeParams.root_id !== 'undefined' && $routeParams.root_id > 0 && $routeParams.root_id != referral_id) {
return false; /* hide */
}
return true;
}
return true;
};
};
return promise;
});_ui_share_app.factory('$componentProductListBadge', function componentProductListBadge($routeParams, $timeout) {
return
});_ui_share_app.directive('componentProductListBadgeIdA', function($rootScope, $routeParams) {
var templateName = 'componentProductListBadgeIdA';
var componentMain = 'componentProductListBadge';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
margin: '@margin',
stylebutton: '@stylebutton',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {};
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.data_per_page = 15;
$scope.JsonDATA = {
result_rows: 0,
total_rows: 0
};
$scope.JsonProductArray = [];
$scope.JsonProductArrayState = {
load: false,
done: false
};
$scope.getJsonProductArray = function(page, id) {
$scope.JsonProductArrayState = $scope.StateData(true, false);
var dataSend = {
'cur_page': 1,
'per_page': page,
'txt_filter_json': JSON.stringify({
'badge_id_array': [18, id]
})
};
GAEAPI.get('product/lists', dataSend, $scope).then(function(output) {
if (output.ok == 1) {
$scope.JsonProductArray = output.data;
}
$scope.JsonProductArrayState = $scope.StateData(false, true);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
$scope._viewRouteParams = function() {
return $routeParams || false;
};
$scope.getJsonProductArray($scope.data_per_page, $scope._viewRouteParams().badge_id);
$scope.loadMore = function() {
$scope.data_per_page = parseInt($scope.data_per_page) + 8;
$scope.getJsonProductArray($scope.data_per_page, $scope._viewRouteParams().badge_id);
};
$scope.showDebug = function() {
return (typeof $routeParams.debug !== 'undefined') ? true : false;
};
};
return promise;
});
if (typeof $productTimingRequest == 'undefined') {
var $productTimingRequest = {
request: 0,
data: 0,
timeMemory: null,
checkAllDone: function () {
console.log("checkAllDone", this.data, this.request);
if (this.data > 0 && this.data >= this.request) {
$('.all-load').addClass('active');
$('.all-content').addClass('active');
this.timeMemory = setTimeout(function () {
$('.all-content').addClass('shown');
window.clearTimeout(this.timeMemory);
}, 650);
}
},
instantDisplay: function () {
console.log("checkAllDone: not match => display");
$('.all-load').addClass('active');
$('.all-content').addClass('active');
$('.all-content').addClass('shown');
this.timeMemory = null;
}
};
}
var _countHide = 0;
_ui_share_app.directive('componentProductRelate', function ($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentProductRelate';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
tagname: '@tagname',
imgpath: '@imgpath',
request: '@type',
carousel: '@carousel',
referral: '@referral',
datapid:'@datapid',
};
promise.templateUrl = templatePathUrl;
promise.transclude = {
'text_first': '?textFirst',
'text_second': '?textSecond',
};
promise.link = function (scope, element, attr) {};
promise.controller = function ($scope, $timeout, $interval, $q, $window, $location, $http) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.forbidden = false;
$scope._config = [];
$scope._host = _ui_share_host + templateName + '/';
$scope.assetsPath = 'extensions/themes/assets/';
$scope.use_carousel = (typeof $scope.carousel !== 'undefined' && $scope.carousel == 'true') ? true : false;
console.log("tagname : ",$scope.tagname);
/* UNIQUE KEY */
$scope._uniqueKey = '';
$scope._key = function () {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.productData = [];
$scope.productDataload = false;
$scope.type = $scope.request;
/* GET product list in category (feature *any) */
/* GET product list by badge id (reccommend,new arriaval, best seller, feature) */
/* GET product list by each category (1st level) */
$scope._get_product_list_by_category = function () {
$scope.productDataload = false;
$productTimingRequest.request = $productTimingRequest.request + 1;
var j = {
'badge_id_array': [18],
'tags': $scope.tagname,
};
var d = {
'cur_page': 1,
'per_page': 30,
'txt_filter_json': JSON.stringify(j)
};
/* root_category_index_asc */
console.log("Fetching 1", $scope.tagname);
GAEAPI.get('product/lists', d, $scope).then(function (e) {
$scope.productDataload = true;
if($scope.datapid != undefined){
for (var i = 0; i < e.data.dataList.length; i++) {
if(e.data.dataList[i].product_id != datapid){
$scope.productData.push(e.data.dataList[i]);
}
}
}else{
$scope.productData = e.data.dataList;
}
$productTimingRequest.data = $productTimingRequest.data + 1;
$productTimingRequest.checkAllDone();
if (e.data.dataList.length <= 0 && $routeParams.referral_id == referral_id) {
/*window.location.href="home"; */
} else if (e.data.dataList.length <= 0) {
$('div[data-id="' + $scope.referral + '"]').hide();
}
console.log("Fetching 2", $scope.referral, " : result :", $scope.productData);
});
};
$scope.$watch("tagname",function(newValue){
if(GAEAPI.getValue(newValue,"")!=""){
$scope._get_product_list_by_category();
}
});
$scope._makeProductToCarousel = function () {
var elementName = '[data-id="' + $scope._uniqueKey + '"]';
var optionsParmas = {
autoplay: (window.location.host !== 'localhost') ? true : false,
slidesToShow: 4,
slidesToScroll: 1,
dots: false,
arrows: false,
centerMode: false,
infinite: true,
variableWidth: false,
responsive: [
{
breakpoint: 991,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
variableWidth: false,
centerMode: false
}
}, {
breakpoint: 601,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
variableWidth: false,
centerMode: false
}
}, {
breakpoint: 481,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
variableWidth: false,
centerMode: false,
dots: false
}
}
]
};
return sliderProvider(elementName, optionsParmas, $scope.type, $scope._uniqueKey);
};
$scope._slickGoLeft = function () {
$timeout(function () {
$('[data-id="' + $scope._uniqueKey + '"]').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function () {
$timeout(function () {
$('[data-id="' + $scope._uniqueKey + '"]').slick('slickNext');
}, 100);
};
/* Calculate Product Block for Arrows */
$scope.calculateProductBlock = function (v) {
console.log("eeeeeeeeeeeee",("-"+($('.row-product[data-id="' + $scope._uniqueKey + '"]').height()/2))+"px");
return ("-"+(($('.row-product[data-id="' + $scope._uniqueKey + '"]').height()/2)+40))+"px";
};
/* Calculate Product mobile for Arrows */
$scope.calculateProductBlockMobile = function (v) {
return $('.row-product[data-id="' + $scope._uniqueKey + '"]').height() / 2;
};
$rootScope.$on('repeatend', function () {
if ($('[data-id="' + $scope._uniqueKey + '"]').not('.slick-initialized') && $scope.use_carousel) {
$timeout(function () {
$scope._makeProductToCarousel();
}, 500);
}
});
$scope.checkHideCondition = function (referral_id) {
return true;
if ($location.path() != '/' && $location.path() !== '/home') {
if (typeof $routeParams.root_id !== 'undefined' && $routeParams.root_id > 0 && $routeParams.root_id != referral_id) {
return false; /* hide */
}
return true;
}
return true;
};
};
return promise;
});
_ui_share_app.directive('componentProductRelateB', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentProductRelateB';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
tagname: '@tagname',
stylebutton: '@stylebutton',
productid: '@productid',
};
promise.templateUrl = templatePathUrl;
promise.transclude = {
'text_first': '?textFirst',
'text_second': '?textSecond',
};
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $q, $window, $location, $http) {
$scope.slideProductDeal = function(elem) {
setTimeout(function() {
var carousel = $(elem + '[data-id=' + $scope._key() + ']');
var is_dark;
carousel.not('.slick-initialized').slick({
dots: false,
arrows: true,
autoplay: true,
autoplaySpeed: 4000,
slidesToShow: 4,
slidesToScroll: 1,
infinite: true,
speed: 600,
responsive: [{
breakpoint: 1330,
settings: {
slidesToShow: 4,
}
}, {
breakpoint: 991,
settings: {
arrows: false,
slidesToShow: 3
}
}, {
breakpoint: 768,
settings: {
arrows: false,
slidesToShow: 2
}
}, {
breakpoint: 480,
settings: {
arrows: false,
slidesToShow: 1
}
}]
}).closest('section').addClass('active');
}, 1000);
};
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.slickGoLeft = function() {
setTimeout(function() {
$('.recommend .-recommend[data-id="' + $scope._key() + '"]').slick('slickPrev');
}, 100);
};
$scope.slickGoRight = function() {
setTimeout(function() {
$('.recommend .-recommend[data-id="' + $scope._key() + '"]').slick('slickNext');
}, 100);
};
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.productLists = [];
$scope.productLists_temp = [];
$scope.productListsState = {
load: true,
done: false
};
$scope.getProductLists = function() {
$scope.productListsState = $scope.StateData(true, false);
var data = {
'badge_id_array': [18],
'tags': $scope.tagname,
};
var dataSend = {
'cur_page': 1,
'per_page': 30,
'txt_filter_json': JSON.stringify(data)
};
GAEAPI.get('product/lists', dataSend, $scope).then(function(output) {
if (output.ok == 1) {
if($scope.productid != undefined){
for (var i = 0; i < output.data.dataList.length; i++) {
if(output.data.dataList[i].product_id != $scope.productid){
$scope.productLists.push(output.data.dataList[i]);
}
}
console.log("product relate is id :", $scope.productid , $scope.productLists);
}else{
$scope.productLists = output.data.dataList;
console.log("product relate is id 2 :", $scope.productid);
}
}
$scope.productListsState = $scope.StateData(false, true);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
$scope.getProductLists();
$scope.showDebug = function() {
return (typeof $routeParams.debugcontact !== 'undefined') ? true : false;
};
};
return promise;
});_ui_share_app.directive('componentProductRelateC', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentProductRelateC';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
tagnameclass: '@tagnameclass',
stylebutton: '@stylebutton',
productid: '@productid',
imgpath : '@imgpath',
};
promise.templateUrl = templatePathUrl;
promise.transclude = {
'text_first': '?textFirst',
'text_second': '?textSecond',
};
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $q, $window, $location, $http) {
$scope.slideProductDeal = function(elem) {
setTimeout(function() {
var carousel = $(elem + '[data-id=' + $scope._key() + ']');
var is_dark;
carousel.not('.slick-initialized').slick({
dots: false,
arrows: true,
autoplay: true,
autoplaySpeed: 4000,
slidesToShow: 4,
slidesToScroll: 1,
infinite: true,
speed: 600,
responsive: [{
breakpoint: 1330,
settings: {
slidesToShow: 4,
}
}, {
breakpoint: 991,
settings: {
arrows: false,
slidesToShow: 3
}
}, {
breakpoint: 768,
settings: {
arrows: false,
slidesToShow: 2
}
}, {
breakpoint: 480,
settings: {
arrows: false,
slidesToShow: 1
}
}]
}).closest('section').addClass('active');
}, 1000);
};
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.slickGoLeft = function() {
setTimeout(function() {
$('.recommend .-recommend[data-id="' + $scope._key() + '"]').slick('slickPrev');
}, 100);
};
$scope.slickGoRight = function() {
setTimeout(function() {
$('.recommend .-recommend[data-id="' + $scope._key() + '"]').slick('slickNext');
}, 100);
};
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.productLists = [];
$scope.productLists_temp = [];
$scope.productListsState = {
load: true,
done: false
};
$scope.tag_name = [];
$scope.getProductLists = function(tagname) {
$scope.productListsState = $scope.StateData(true, false);
$scope.tag_name = tagname.split(",");
console.log("product relate is id 0 :",$scope.tag_name[0]);
if($scope.tag_name.length > 1){
var data = {
'badge_id_array': [18],
'tags': ($scope.tagname.split(",").join(",")+""),
};
}
if($scope.tag_name.length == 1){
var data = {
'badge_id_array': [18],
'tags': $scope.tag_name[0],
};
}
var dataSend = {
'cur_page': 1,
'per_page': 30,
'txt_filter_json': JSON.stringify(data)
};
GAEAPI.get('product/lists', dataSend, $scope).then(function(output) {
if (output.ok == 1) {
if($scope.productid != undefined){
for (var i = 0; i < output.data.dataList.length; i++) {
if(output.data.dataList[i].product_id != $scope.productid){
$scope.productLists.push(output.data.dataList[i]);
}
}
console.log("product relate is id :", $scope.productid , $scope.productLists , $scope.tag_name.length);
}else{
$scope.productLists = output.data.dataList;
console.log("product relate is id 2 :", $scope.productid);
}
}
$scope.productListsState = $scope.StateData(false, true);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
$scope.$watch('tagnameclass', function(newValue, oldValue) {
if(newValue){
$scope.getProductLists(newValue);
}
if (!newValue) return;
});
$scope.showDebug = function() {
return (typeof $routeParams.debugcontact !== 'undefined') ? true : false;
};
};
return promise;
});_ui_share_app.directive('componentProductRelateD', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentProductRelateD';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
component: '@component',
referralid: '@referralid',
stylebutton: '@stylebutton',
productid: '@productid',
};
promise.templateUrl = templatePathUrl;
promise.transclude = {
'text_first': '?textFirst',
'text_second': '?textSecond',
};
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $q, $window, $location, $http) {
$scope.slideProductDeal = function(elem) {
setTimeout(function() {
var carousel = $(elem + '[data-id=' + $scope._key() + ']');
var is_dark;
carousel.not('.slick-initialized').slick({
dots: false,
arrows: true,
autoplay: true,
autoplaySpeed: 4000,
slidesToShow: 4,
slidesToScroll: 1,
infinite: true,
speed: 600,
responsive: [{
breakpoint: 1330,
settings: {
slidesToShow: 4,
}
}, {
breakpoint: 991,
settings: {
arrows: false,
slidesToShow: 3
}
}, {
breakpoint: 768,
settings: {
arrows: false,
slidesToShow: 2
}
}, {
breakpoint: 480,
settings: {
arrows: false,
slidesToShow: 1
}
}]
}).closest('section').addClass('active');
}, 1000);
};
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.slickGoLeft = function() {
setTimeout(function() {
$('.recommend .-recommend[data-id="' + $scope._key() + '"]').slick('slickPrev');
}, 100);
};
$scope.slickGoRight = function() {
setTimeout(function() {
$('.recommend .-recommend[data-id="' + $scope._key() + '"]').slick('slickNext');
}, 100);
};
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.productLists = [];
$scope.productLists_temp = [];
$scope.productListsState = {
load: true,
done: false
};
$scope.getProductLists = function() {
$scope.productListsState = $scope.StateData(true, false);
var data = {
'referral_id_array_in': $scope.referralid,
};
var dataSend = {
'cur_page': 1,
'per_page': 10,
'txt_filter_json': JSON.stringify(data)
};
GAEAPI.get('product/lists', dataSend, $scope).then(function(output) {
if (output.ok == 1) {
if ($scope.productid != undefined) {
for (var i = 0; i < output.data.dataList.length; i++) {
if (output.data.dataList[i].product_id != $scope.productid) {
$scope.productLists.push(output.data.dataList[i]);
}
}
console.log("product relate is id :", $scope.productid, $scope.productLists);
} else {
$scope.productLists = output.data.dataList;
console.log("product relate is id 2 :", $scope.productid);
}
}
$scope.productListsState = $scope.StateData(false, true);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
$scope.getProductLists();
$scope.showDebug = function() {
return (typeof $routeParams.debugcontact !== 'undefined') ? true : false;
};
};
return promise;
});_ui_share_app.directive('componentProductRelateE', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentProductRelateE';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
component: '@component',
stylebutton: '@stylebutton',
};
promise.templateUrl = templatePathUrl;
promise.transclude = {
'text_first': '?textFirst',
'text_end': '?textEnd',
};
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $q, $window, $location, $http) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.getData = function() {
var getFunction = {
consoleLog: function(functionName, data) {
console.log('componentProductRelateE : ', functionName, ' : ', data);
},
getRouteParams: function(callback) {
var _self = this;
var params = $routeParams;
var state = _self.stateData(true, false);
_self.consoleLog("getRouteParams params", params);
callback(params, state);
},
getProductId: function(params, callback) {
var _self = this;
var product_id = params.product_id.split("-", 1).join("");
_self.consoleLog("getProductId product_id", product_id);
callback(product_id);
},
stateData: function(load, done) {
var _self = this;
var state = {
load: load,
done: done
};
_self.consoleLog("stateData state", state);
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("dataSend api", api);
_self.consoleLog("dataSend dataSend", dataSend);
callback(api, dataSend);
},
getApi: function(api, dataSend, callback) {
var _self = this;
var state = _self.stateData(true, false);
GAEAPI.get(api, dataSend, $scope).then(function(res_api) {
_self.consoleLog("getApi api", api);
_self.consoleLog("getApi dataSend", dataSend);
_self.consoleLog("getApi res_api", res_api);
state = _self.stateData(false, true);
callback(res_api, state);
});
},
carousel: function(coverIn, carouselIn) {
$(coverIn).css('height', '0');
$(carouselIn).css('opacity', '0');
setTimeout(function() {
var carousel = $(carouselIn);
carousel.not('.slick-initialized').slick({
dots: false,
arrows: true,
autoplay: false,
autoplaySpeed: 4000,
slidesToShow: 4,
slidesToScroll: 1,
infinite: true,
speed: 600,
prevArrow: '
',
nextArrow: '
',
responsive: [{
breakpoint: 1330,
settings: {
slidesToShow: 4,
}
}, {
breakpoint: 991,
settings: {
arrows: false,
slidesToShow: 3
}
}, {
breakpoint: 768,
settings: {
arrows: false,
slidesToShow: 2
}
}, {
breakpoint: 480,
settings: {
arrows: false,
slidesToShow: 1
}
}]
}).closest('section').addClass('active');
$(coverIn).css('height', 'auto');
$(carouselIn).css('opacity', '1');
}, 100);
},
getCarousel: function(carousel, callback) {
var carousel_id = 0;
if (carousel == 0) {
carousel_id = Math.floor((Math.random() * 9999) + 1000);
}
callback(carousel_id);
},
titleUrl: function(str) {
var url = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
return url;
},
main: function() {
var _self = this;
}
}
return getFunction;
};
$scope.data = {
carousel: 0,
arrayState: {
load: false,
done: false
},
ok: true,
array: []
};
$scope.getData().getCarousel($scope.data.carousel, function(res_carousel_id) {
$scope.data.carousel = res_carousel_id;
$scope.getData().getRouteParams(function(res_params, res_state) {
$scope.data.arrayState = res_state;
$scope.getData().getProductId(res_params, function(res_product_id) {
var dataSend = {
'txt_product_id': res_product_id,
'txt_limit': 10,
'jso_badge': JSON.stringify([18])
};
$scope.getData().dataSend('product/related', dataSend, function(res_api, res_dataSend) {
$scope.getData().getApi(res_api, res_dataSend, function(res, res_state) {
console.log("getApi + + + + + : dataSend :", dataSend);
console.log("getApi + + + + + : res :", res);
$scope.data.array = res.data.lists;
$scope.data.arrayState = res_state;
});
});
});
});
});
};
return promise;
});_ui_share_app.directive('componentProductRelateEa', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentProductRelateEa';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
productid: '@productid',
limit: '@limit',
tagname: '@tagname',
component: '@component',
stylebutton: '@stylebutton',
productid: '@productid',
margin: '@margin',
};
promise.templateUrl = templatePathUrl;
promise.transclude = {
'text_first': '?textFirst',
'text_end': '?textEnd',
};
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $q, $window, $location, $http) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope._idUrl = function(instr) {
console.log("_idUrl : ", instr);
var outstr = instr.split("-", 1).join("");
return outstr;
};
$scope.slideProductDeal = function(elem) {
$('.component-product-relate-e').css('height', '0');
$('.component-product-relate-e').css('opacity', '0');
setTimeout(function() {
var carousel = $(elem + '[data-id=' + $scope._key() + ']');
var is_dark;
carousel.not('.slick-initialized').slick({
dots: false,
arrows: true,
autoplay: true,
autoplaySpeed: 4000,
slidesToShow: 4,
slidesToScroll: 1,
infinite: true,
speed: 600,
responsive: [{
breakpoint: 1330,
settings: {
slidesToShow: 4,
}
}, {
breakpoint: 991,
settings: {
arrows: false,
slidesToShow: 3
}
}, {
breakpoint: 768,
settings: {
arrows: false,
slidesToShow: 2
}
}, {
breakpoint: 480,
settings: {
arrows: false,
slidesToShow: 1
}
}]
}).closest('section').addClass('active');
$('.component-product-relate-e').css('height', 'auto');
$('.component-product-relate-e').css('opacity', '1');
}, 1000);
};
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.slickGoLeft = function() {
setTimeout(function() {
$('.recommend .-recommend[data-id="' + $scope._key() + '"]').slick('slickPrev');
}, 100);
};
$scope.slickGoRight = function() {
setTimeout(function() {
$('.recommend .-recommend[data-id="' + $scope._key() + '"]').slick('slickNext');
}, 100);
};
$scope.consoleLog = function(text, data) {
console.log(text, ' : ', data);
};
$scope._dataArray = [];
$scope._dataArrayState = {
load: true,
done: false
};
$scope._getDataArray = function(id, limit) {
$scope.consoleLog('_getDataArray id', id);
$scope.consoleLog('_getDataArray limit', limit);
$scope._dataArrayState = $scope.StateData(true, false);
var data = {
'referral_id_array_in': [$scope.referralid],
'tags': $scope.tagname
};
var dataSend = {
'txt_product_id': id,
'txt_limit': limit,
};
$scope.consoleLog('_getDataArray dataSend', dataSend);
GAEAPI.get('product/related', dataSend, $scope).then(function(output) {
$scope.consoleLog('_getDataArray output', output);
if (output.ok == 1) {
$scope._dataArray = output.data.lists;
$scope.consoleLog('_getDataArray _dataArray', $scope._dataArray);
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
$scope._getDataArray($scope._idUrl($scope.productid), $scope.limit);
};
return promise;
});_ui_share_app.directive('componentProductRelateEb', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentProductRelateEb';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
referralid: '@referralid',
tagname: '@tagname',
component: '@component',
stylebutton: '@stylebutton',
productid: '@productid',
margin: '@margin',
};
promise.templateUrl = templatePathUrl;
promise.transclude = {
'text_first': '?textFirst',
'text_end': '?textEnd',
};
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $q, $window, $location, $http) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.slideProductDeal = function(elem) {
setTimeout(function() {
var carousel = $(elem + '[data-id=' + $scope._key() + ']');
var is_dark;
carousel.not('.slick-initialized').slick({
dots: false,
arrows: true,
autoplay: true,
autoplaySpeed: 4000,
slidesToShow: 4,
slidesToScroll: 1,
infinite: true,
speed: 600,
responsive: [{
breakpoint: 1330,
settings: {
slidesToShow: 4,
}
}, {
breakpoint: 991,
settings: {
arrows: false,
slidesToShow: 3
}
}, {
breakpoint: 768,
settings: {
arrows: false,
slidesToShow: 2
}
}, {
breakpoint: 480,
settings: {
arrows: false,
slidesToShow: 1
}
}]
}).closest('section').addClass('active');
}, 1000);
};
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.slickGoLeft = function() {
setTimeout(function() {
$('.recommend .-recommend[data-id="' + $scope._key() + '"]').slick('slickPrev');
}, 100);
};
$scope.slickGoRight = function() {
setTimeout(function() {
$('.recommend .-recommend[data-id="' + $scope._key() + '"]').slick('slickNext');
}, 100);
};
$scope._dataArray = [];
$scope._dataArrayState = {
load: true,
done: false
};
$scope._getDataArray = function() {
$scope._dataArrayState = $scope.StateData(true, false);
var data = {
'referral_id_array_in': [$scope.referralid],
'tags': $scope.tagname
};
var dataSend = {
'cur_page': 1,
'per_page': 12,
'txt_filter_json': JSON.stringify(data)
};
console.log("estsefrdsgdsfgdfsg", dataSend);
GAEAPI.get('product/lists', dataSend, $scope).then(function(output) {
if (output.ok == 1) {
if ($scope.productid != undefined) {
for (var i = 0; i < output.data.dataList.length; i++) {
if (output.data.dataList[i].product_id != $scope.productid) {
$scope._dataArray.push(output.data.dataList[i]);
}
}
} else {
}
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
setTimeout(function() {
$scope._getDataArray();
}, 2000);
};
return promise;
});_ui_share_app.directive('componentProductRelateEg', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentProductRelateEg';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
productid: '@productid',
limit: '@limit',
tagname: '@tagname',
component: '@component',
stylebutton: '@stylebutton',
margin: '@margin',
};
promise.templateUrl = templatePathUrl;
promise.transclude = {
'text_first': '?textFirst',
'text_end': '?textEnd',
};
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $q, $window, $location, $http) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.slideProductDeal = function(elem) {
$('.component-product-relate-e').css('height', '0');
$('.component-product-relate-e').css('opacity', '0');
setTimeout(function() {
var carousel = $(elem + '[data-id=' + $scope._key() + ']');
var is_dark;
carousel.not('.slick-initialized').slick({
dots: false,
arrows: true,
autoplay: true,
autoplaySpeed: 4000,
slidesToShow: 4,
slidesToScroll: 1,
infinite: true,
speed: 600,
responsive: [{
breakpoint: 1330,
settings: {
slidesToShow: 4,
}
}, {
breakpoint: 991,
settings: {
arrows: false,
slidesToShow: 3
}
}, {
breakpoint: 768,
settings: {
arrows: false,
slidesToShow: 2
}
}, {
breakpoint: 480,
settings: {
arrows: false,
slidesToShow: 1
}
}]
}).closest('section').addClass('active');
$('.component-product-relate-e').css('height', 'auto');
$('.component-product-relate-e').css('opacity', '1');
}, 1000);
};
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.slickGoLeft = function() {
setTimeout(function() {
$('.recommend .-recommend[data-id="' + $scope._key() + '"]').slick('slickPrev');
}, 100);
};
$scope.slickGoRight = function() {
setTimeout(function() {
$('.recommend .-recommend[data-id="' + $scope._key() + '"]').slick('slickNext');
}, 100);
};
$scope.consoleLog = function(text, data) {
console.log(text, ' : ', data);
};
$scope._dataArray = [];
$scope._dataArrayState = {
load: true,
done: false
};
$scope._getDataArray = function(id, limit) {
$scope.consoleLog('_getDataArray id', id);
$scope.consoleLog('_getDataArray limit', limit);
$scope._dataArrayState = $scope.StateData(true, false);
var data = {
'referral_id_array_in': [$scope.referralid],
'tags': $scope.tagname
};
var dataSend = {
'txt_product_id': id,
'txt_limit': limit,
};
$scope.consoleLog('_getDataArray dataSend', dataSend);
GAEAPI.get('product/related', dataSend, $scope).then(function(output) {
$scope.consoleLog('_getDataArray output', output);
if (output.ok == 1) {
// $scope.$apply(function() {
$scope._dataArray = output.data.lists;
$scope.consoleLog('_getDataArray _dataArray', $scope._dataArray);
// });
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
$scope.$watch('productid', function (newValue, oldValue) {
if (newValue){
$scope._getDataArray($scope.productid, $scope.limit);
}else{
return;
}
});
};
return promise;
});_ui_share_app.directive('componentProductRelateF', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentProductRelateF';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
referralid: '@referralid',
tagname: '@tagname',
component: '@component',
stylebutton: '@stylebutton',
margintopic: '@margintopic',
margincard: '@margincard',
limitdata: '@limitdata',
iconsize: '@iconsize',
iconnext: '@iconnext',
iconback: '@iconback',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {
'topic_top': '?topicTop',
};
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope._getPostIdFromURL = function() {
var test = $scope.id;
var a = $scope.id;
if (typeof $routeParams.product_id !== 'undefined') {
test = parseInt($routeParams.product_id);
a = $routeParams.product_id;
}
if (typeof test === 'number' && test > 0) {
return test;
} else {
var b = a.split("-");
return b[0];
}
};
$scope.productid = $scope._getPostIdFromURL();
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope._component = (typeof $scope.component !== 'undefined' && $scope.component !== '') ? $scope.component : 'null';
$scope._limitdata = (typeof $scope.limitdata !== 'undefined' && typeof $scope.limitdata !== '') ? $scope.limitdata : 6;
$scope._stylebutton = (typeof $scope.stylebutton !== 'undefined' && typeof $scope.stylebutton !== '') ? $scope.stylebutton : 'filled_button_round_small';
$scope.mkCarousel = function(elem) {
$('.component-product-relate-f').css('height', '0');
$('.component-product-relate-f').css('opacity', '0');
setTimeout(function() {
var carousel = $(elem + '[data-id=' + $scope._key() + ']');
var is_dark;
carousel.not('.slick-initialized').slick({
dots: false,
arrows: true,
autoplay: true,
autoplaySpeed: 4000,
slidesToShow: 4,
slidesToScroll: 1,
infinite: true,
speed: 600,
prevArrow: '',
nextArrow: ''
};
$scope.carousels.push(objectArray);
var res_index = ($scope.carousels.length != 0) ? $scope.carousels.length - 1 : 0;
callback(res_index);
},
setSpeed: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.speed = state;
});
},
setDots: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.dots = state;
});
},
setArrows: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.arrows = state;
});
},
setInfinite: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.infinite = state;
});
},
setAutoplay: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.autoplay = state;
});
},
setAdaptiveHeight: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.adaptiveHeight = state;
});
},
setAutoplaySpeed: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.autoplaySpeed = state;
});
},
setCenterMode: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.centerMode = state;
});
},
setCenterPadding: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.centerPadding = state;
});
},
setFocusOnSelect: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.focusOnSelect = state;
});
},
setSlidesToScroll: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.slidesToScroll = state;
});
},
setPrevArrow: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.prevArrow = state;
});
},
setNextArrow: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.nextArrow = state;
});
},
getCarousel: function(carousel, callback) {
var _self = this;
var carousel_id = 0;
if (carousel == 0) {
carousel_id = Math.floor((Math.random() * 9999) + 1000);
}
callback(carousel_id);
},
carousel: function(cover, carousel, xs, sm, md, lg) {
var _self = this;
var carousels = $(carousel);
$(cover).css('height', '0');
$(cover).css('opacity', '0');
$(carousel).css('opacity', '0');
var _xs = parseInt(xs);
var _sm = parseInt(sm);
var _md = parseInt(md);
var _lg = parseInt(lg);
setTimeout(function() {
carousels.not('.slick-initialized').slick({
speed: $scope.carousels[0].speed,
dots: $scope.carousels[0].dots,
arrows: $scope.carousels[0].arrows,
infinite: $scope.carousels[0].infinite,
autoplay: $scope.carousels[0].autoplay,
slidesToScroll: $scope.carousels[0].slidesToScroll,
slidesToShow: _lg,
autoplaySpeed: $scope.carousels[0].autoplaySpeed,
adaptiveHeight: $scope.carousels[0].adaptiveHeight,
prevArrow: $scope.carousels[0].prevArrow,
nextArrow: $scope.carousels[0].nextArrow,
responsive: [{
breakpoint: 1200,
settings: {
slidesToShow: _md,
}
}, {
breakpoint: 991,
settings: {
slidesToShow: _sm,
}
}, {
breakpoint: 767,
settings: {
slidesToShow: _xs,
}
}],
}).closest('section').addClass('active');
$(cover).css('height', 'auto');
$(cover).css('opacity', '1');
$(carousel).css('opacity', '1');
}, 500);
},
carouselIndex: function(index, cover, carousel, xs, sm, md, lg) {
var _self = this;
var carousels = $(carousel);
$(cover).css('height', '0');
$(cover).css('opacity', '0');
$(carousel).css('opacity', '0');
var _xs = parseInt(xs);
var _sm = parseInt(sm);
var _md = parseInt(md);
var _lg = parseInt(lg);
var slick_array = {};
slick_array.slidesToShow = _lg;
slick_array.arrows = $scope.carousels[index].arrows;
if ($scope.carousels[index].dots) {
slick_array.dots = $scope.carousels[index].dots;
}
if ($scope.carousels[index].speed != 0) {
slick_array.speed = $scope.carousels[index].speed;
}
if ($scope.carousels[index].autoplay) {
slick_array.arrows = $scope.carousels[index].arrows;
}
if ($scope.carousels[index].infinite) {
slick_array.infinite = $scope.carousels[index].infinite;
}
if ($scope.carousels[index].prevArrow != '') {
slick_array.prevArrow = $scope.carousels[index].prevArrow;
}
if ($scope.carousels[index].nextArrow != '') {
slick_array.nextArrow = $scope.carousels[index].nextArrow;
}
if ($scope.carousels[index].centerMode) {
slick_array.centerMode = $scope.carousels[index].centerMode;
}
if ($scope.carousels[index].centerPadding != '0' && $scope.carousels[index].centerPadding != '') {
slick_array.centerPadding = $scope.carousels[index].centerPadding;
}
if ($scope.carousels[index].focusOnSelect) {
slick_array.focusOnSelect = $scope.carousels[index].focusOnSelect;
}
if ($scope.carousels[index].autoplaySpeed != 0) {
slick_array.autoplaySpeed = $scope.carousels[index].autoplaySpeed;
}
if ($scope.carousels[index].adaptiveHeight) {
slick_array.adaptiveHeight = $scope.carousels[index].adaptiveHeight;
}
if ($scope.carousels[index].slidesToScroll != 0) {
slick_array.slidesToScroll = $scope.carousels[index].slidesToScroll;
}
slick_array.responsive = [{
breakpoint: 1200,
settings: {
slidesToShow: _md,
}
}, {
breakpoint: 991,
settings: {
slidesToShow: _sm,
}
}, {
breakpoint: 767,
settings: {
slidesToShow: _xs,
}
}];
if ($scope.carousels[index].centerPadding != '0' && $scope.carousels[index].centerPadding != '') {
slick_array.centerPadding = $scope.carousels[index].centerPadding;
slick_array.responsive[2].settings.centerPadding = '0px'
}
setTimeout(function() {
carousels.not('.slick-initialized').slick(slick_array).closest('section').addClass('active');
$(cover).css('height', 'auto');
$(cover).css('opacity', '1');
$(carousel).css('opacity', '1');
}, 1000);
}
}
return getFunction;
};
$scope.carousels = [{
speed: 600,
dots: false,
arrows: true,
infinite: true,
autoplay: true,
adaptiveHeight: true,
autoplaySpeed: 4000,
slidesToScroll: 1,
prevArrow: '
',
nextArrow: '
'
}];
$scope.dataApi = {
related: {
dataSend: {},
api: "product/lists",
ok: false,
dataArray: [],
dataArrayState: {
load: false,
done: false
}
}
};
$scope.getData().getRouteParams(function(res_params, res_state) {
$scope.dataApi.related.dataArrayState = res_state;
$scope.getData().getProductId(res_params, function(res_product_id) {
var filter_json = {
'referral_id_array_in': [$scope.referralid],
'tags': $scope.tagname
};
var dataSend = {
'cur_page': 1,
'per_page': 12,
'jso_badge': JSON.stringify(filter_json)
};
$scope.dataApi.related.dataSend = dataSend;
$scope.getData().dataSend($scope.dataApi.related.api, $scope.dataApi.related.dataSend, function(res_api, res_dataSend) {
$scope.getData().getApi(res_api, res_dataSend, function(res_ok, get_res_api_related, res_state) {
$scope.dataApi.related.ok = res_ok;
$scope.dataApi.related.dataArray = get_res_api_related.data.dataList;
$scope.getData().consoleLog("get_res_api_big_related", get_res_api_related);
$scope.dataApi.related.dataArrayState = res_state;
});
});
});
});
};
return promise;
});_ui_share_app.directive('componentProductRelateMagic', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentProductRelateMagic';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
};
promise.templateUrl = templatePathUrl;
promise.transclude = {};
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $q, $window, $location, $http) {
$scope._console = (window.location.hostname == "localhost") ? true : false;
$scope._component = "componentProductRelateMagic";
$scope._imgPath = CUR_THEME.file_url() + "images/";
$scope._icnPath = CUR_THEME.file_url() + "../../assets/";
$scope.getData = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
getRouteParams: function(callback) {
var _self = this;
var params = $routeParams;
var state = _self.stateData(true, false);
_self.consoleLog("getRouteParams params", params);
callback(_self,params, state);
},
formatDataSend: function(data, callback) {
var _self = this;
_self.consoleLog("formatDataSend", "data", data);
callback(data);
},
getProductId: function(params, callback) {
var _self = this;
var product_id = (params.product_id != undefined) ? params.product_id.split("-", 1).join("") : false;
_self.consoleLog("getProductId product_id", product_id);
callback(product_id);
},
stateData: function(load, done) {
var _self = this;
var state = {
load: load,
done: done
};
_self.consoleLog("stateData state", state);
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("dataSend api", api);
_self.consoleLog("dataSend dataSend", dataSend);
callback(api, dataSend);
},
checkGetApi: function(resApi, callback) {
var _self = this;
var ok = false;
if (resApi.ok == 1) {
ok = true;
}
_self.consoleLog("checkGetApi ok", ok);
callback(ok);
},
getApi: function(api, dataSend, callback) {
var _self = this;
var state = _self.stateData(true, false);
GAEAPI.get(api, dataSend, $scope).then(function(res_api) {
_self.checkGetApi(res_api, function(res_ok) {
_self.consoleLog("getApi api", api);
_self.consoleLog("getApi dataSend", dataSend);
_self.consoleLog("getApi res_api", res_api);
state = _self.stateData(false, true);
callback(res_ok, res_api, state);
})
});
},
getReferralId: function(productReferralDisplay, callback) {
var _self = this;
var referral_id = 0;
if (productReferralDisplay.length != 0) {
if (productReferralDisplay.category != undefined) {
if (productReferralDisplay.category.length != 0) {
referral_id = productReferralDisplay.category[0].referral_id
}
}
}
callback(referral_id);
},
getNameUrl: function(name, callback) {
var _self = this;
name = name.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
_self.consoleLog("getNameUrl", "name", name);
callback(name);
},
main: function() {
var _self = this;
}
}
return getFunction;
};
$scope.getCarousel = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._console) {
console.log($scope._component, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
getFunctionCarousel: function(callback) {
var _self = this;
callback(_self);
},
setCarousels: function(carousel, callback) {
var _self = this;
callback(carousel);
},
pushObjectCarousel: function(callback) {
var _self = this;
var objectArray = {
speed: 600,
dots: false,
arrows: false,
infinite: false,
autoplay: false,
focusOnSelect: false,
adaptiveHeight: false,
autoplaySpeed: 4000,
slidesToScroll: 1,
centerMode: false,
centerPadding: '0px',
prevArrow: '',
nextArrow: ''
};
$scope.carousels.push(objectArray);
var res_index = ($scope.carousels.length != 0) ? $scope.carousels.length - 1 : 0;
callback(res_index);
},
setSpeed: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.speed = state;
});
},
setDots: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.dots = state;
});
},
setArrows: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.arrows = state;
});
},
setInfinite: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.infinite = state;
});
},
setAutoplay: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.autoplay = state;
});
},
setAdaptiveHeight: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.adaptiveHeight = state;
});
},
setAutoplaySpeed: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.autoplaySpeed = state;
});
},
setCenterMode: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.centerMode = state;
});
},
setCenterPadding: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.centerPadding = state;
});
},
setFocusOnSelect: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.focusOnSelect = state;
});
},
setSlidesToScroll: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.slidesToScroll = state;
});
},
setPrevArrow: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.prevArrow = state;
});
},
setNextArrow: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.nextArrow = state;
});
},
getCarousel: function(carousel, callback) {
var _self = this;
var carousel_id = 0;
if (carousel == 0) {
carousel_id = Math.floor((Math.random() * 9999) + 1000);
}
callback(carousel_id);
},
carousel: function(cover, carousel, xs, sm, md, lg) {
var _self = this;
var carousels = $(carousel);
$(cover).css('height', '0');
$(cover).css('opacity', '0');
$(carousel).css('opacity', '0');
var _xs = parseInt(xs);
var _sm = parseInt(sm);
var _md = parseInt(md);
var _lg = parseInt(lg);
setTimeout(function() {
carousels.not('.slick-initialized').slick({
speed: $scope.carousels[0].speed,
dots: $scope.carousels[0].dots,
arrows: $scope.carousels[0].arrows,
infinite: $scope.carousels[0].infinite,
autoplay: $scope.carousels[0].autoplay,
slidesToScroll: $scope.carousels[0].slidesToScroll,
slidesToShow: _lg,
autoplaySpeed: $scope.carousels[0].autoplaySpeed,
adaptiveHeight: $scope.carousels[0].adaptiveHeight,
prevArrow: $scope.carousels[0].prevArrow,
nextArrow: $scope.carousels[0].nextArrow,
responsive: [{
breakpoint: 1200,
settings: {
slidesToShow: _md,
}
}, {
breakpoint: 991,
settings: {
slidesToShow: _sm,
}
}, {
breakpoint: 767,
settings: {
slidesToShow: _xs,
}
}],
}).closest('section').addClass('active');
$(cover).css('height', 'auto');
$(cover).css('opacity', '1');
$(carousel).css('opacity', '1');
}, 500);
},
carouselIndex: function(index, cover, carousel, xs, sm, md, lg) {
var _self = this;
var carousels = $(carousel);
$(cover).css('height', '0');
$(cover).css('opacity', '0');
$(carousel).css('opacity', '0');
var _xs = parseInt(xs);
var _sm = parseInt(sm);
var _md = parseInt(md);
var _lg = parseInt(lg);
var slick_array = {};
slick_array.slidesToShow = _lg;
slick_array.arrows = $scope.carousels[index].arrows;
if ($scope.carousels[index].dots) {
slick_array.dots = $scope.carousels[index].dots;
}
if ($scope.carousels[index].speed != 0) {
slick_array.speed = $scope.carousels[index].speed;
}
if ($scope.carousels[index].autoplay) {
slick_array.arrows = $scope.carousels[index].arrows;
}
if ($scope.carousels[index].infinite) {
slick_array.infinite = $scope.carousels[index].infinite;
}
if ($scope.carousels[index].prevArrow != '') {
slick_array.prevArrow = $scope.carousels[index].prevArrow;
}
if ($scope.carousels[index].nextArrow != '') {
slick_array.nextArrow = $scope.carousels[index].nextArrow;
}
if ($scope.carousels[index].centerMode) {
slick_array.centerMode = $scope.carousels[index].centerMode;
}
if ($scope.carousels[index].centerPadding != '0' && $scope.carousels[index].centerPadding != '') {
slick_array.centerPadding = $scope.carousels[index].centerPadding;
}
if ($scope.carousels[index].focusOnSelect) {
slick_array.focusOnSelect = $scope.carousels[index].focusOnSelect;
}
if ($scope.carousels[index].autoplaySpeed != 0) {
slick_array.autoplaySpeed = $scope.carousels[index].autoplaySpeed;
}
if ($scope.carousels[index].adaptiveHeight) {
slick_array.adaptiveHeight = $scope.carousels[index].adaptiveHeight;
}
if ($scope.carousels[index].slidesToScroll != 0) {
slick_array.slidesToScroll = $scope.carousels[index].slidesToScroll;
}
slick_array.responsive = [{
breakpoint: 1200,
settings: {
slidesToShow: _md,
}
}, {
breakpoint: 991,
settings: {
slidesToShow: _sm,
}
}, {
breakpoint: 767,
settings: {
slidesToShow: _xs,
}
}];
if ($scope.carousels[index].centerPadding != '0' && $scope.carousels[index].centerPadding != '') {
slick_array.centerPadding = $scope.carousels[index].centerPadding;
slick_array.responsive[2].settings.centerPadding = '0px'
}
setTimeout(function() {
carousels.not('.slick-initialized').slick(slick_array).closest('section').addClass('active');
$(cover).css('height', 'auto');
$(cover).css('opacity', '1');
$(carousel).css('opacity', '1');
}, 1000);
}
}
return getFunction;
};
$scope.carousels = [{
speed: 600,
dots: false,
arrows: false,
infinite: true,
autoplay: true,
adaptiveHeight: true,
autoplaySpeed: 4000,
slidesToScroll: 1,
prevArrow: '',
nextArrow: ''
}];
$scope.dataApi = {
shop_current: {
data_send: {},
api: "shop/current",
ok: false,
data_array: [],
data_array_state: {
load: false,
done: false
}
},
related: {
dataSend: {},
api: "product/big_related",
ok: false,
dataArray: [],
dataArrayState: {
load: false,
done: false
}
}
};
$scope.getData().getRouteParams(function(_self,res_params, res_state) {
$scope.dataApi.shop_current.data_array_state = res_state;
_self.formatDataSend($scope.dataApi.shop_current, function(res_data) {
_self.dataSend(res_data.api, res_data.data_send, function(res_api, res_data_send) {
_self.getApi(res_api, res_data_send, function(res_ok, res_api, res_state) {
res_data.ok = res_ok;
res_data.data_array = res_api.data;
res_data.data_array_state = res_state;
_self.consoleLog("getApiData", "res_data", res_data);
});
});
});
$scope.dataApi.related.dataArrayState = res_state;
$scope.getData().getProductId(res_params, function(res_product_id) {
var filter_json = [18];
var dataSend = {
'txt_product_id': res_product_id,
'cur_page': 1,
'per_page': 12,
'jso_badge': JSON.stringify(filter_json)
};
$scope.dataApi.related.dataSend = dataSend;
$scope.getData().dataSend($scope.dataApi.related.api, $scope.dataApi.related.dataSend, function(res_api, res_dataSend) {
$scope.getData().getApi(res_api, res_dataSend, function(res_ok, get_res_api_related, res_state) {
$scope.dataApi.related.ok = res_ok;
/* angular.forEach(get_res_api_related.data.dataList, function(item, index) {
$scope.getData().getNameUrl(get_res_api_related.data.dataList[index].product_title, function(res_title) {
get_res_api_related.data.dataList[index].product_title_url = res_title;
});
var images = [];
angular.forEach(item.product_image,function(image,index_image){
if (image.image_app_cover_checked) {
images.push(image)
}
});
item.product_image = images;
}); */
$scope.dataApi.related.dataArray = get_res_api_related.data.dataList;
$scope.getData().consoleLog("get_res_api_big_related", get_res_api_related);
});
});
});
});
};
return promise;
});_ui_share_app.directive('componentProductRelateVono', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentProductRelateVono';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
};
promise.templateUrl = templatePathUrl;
promise.transclude = {};
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $q, $window, $location, $http) {
$scope._console = (window.location.hostname == "localhost") ? true : false;
$scope._component = "componentProductRelateVono";
$scope._imgPath = CUR_THEME.file_url() + "images/";
$scope._icnPath = CUR_THEME.file_url() + "../../assets/";
$scope.getData = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
getRouteParams: function(callback) {
var _self = this;
var params = $routeParams;
var state = _self.stateData(true, false);
_self.consoleLog("getRouteParams params", params);
callback(params, state);
},
getProductId: function(params, callback) {
var _self = this;
var product_id = (params.product_id != undefined) ? params.product_id.split("-", 1).join("") : false;
_self.consoleLog("getProductId product_id", product_id);
callback(product_id);
},
stateData: function(load, done) {
var _self = this;
var state = {
load: load,
done: done
};
_self.consoleLog("stateData state", state);
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("dataSend api", api);
_self.consoleLog("dataSend dataSend", dataSend);
callback(api, dataSend);
},
checkGetApi: function(resApi, callback) {
var _self = this;
var ok = false;
if (resApi.ok == 1) {
ok = true;
}
_self.consoleLog("checkGetApi ok", ok);
callback(ok);
},
getApi: function(api, dataSend, callback) {
var _self = this;
var state = _self.stateData(true, false);
GAEAPI.get(api, dataSend, $scope).then(function(res_api) {
_self.checkGetApi(res_api, function(res_ok) {
_self.consoleLog("getApi api", api);
_self.consoleLog("getApi dataSend", dataSend);
_self.consoleLog("getApi res_api", res_api);
state = _self.stateData(false, true);
callback(res_ok, res_api, state);
})
});
},
getReferralId: function(productReferralDisplay, callback) {
var _self = this;
var referral_id = 0;
if (productReferralDisplay.length != 0) {
if (productReferralDisplay.category != undefined) {
if (productReferralDisplay.category.length != 0) {
referral_id = productReferralDisplay.category[0].referral_id
}
}
}
callback(referral_id);
},
getNameUrl: function(name, callback) {
var _self = this;
name = name.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
_self.consoleLog("getNameUrl", "name", name);
callback(name);
},
main: function() {
var _self = this;
}
}
return getFunction;
};
$scope.getCarousel = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._console) {
console.log($scope._component, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
getFunctionCarousel: function(callback) {
var _self = this;
callback(_self);
},
setCarousels: function(carousel, callback) {
var _self = this;
callback(carousel);
},
pushObjectCarousel: function(callback) {
var _self = this;
var objectArray = {
speed: 600,
dots: false,
arrows: false,
infinite: false,
autoplay: false,
focusOnSelect: false,
adaptiveHeight: false,
autoplaySpeed: 4000,
slidesToScroll: 1,
centerMode: false,
centerPadding: '0px',
prevArrow: '',
nextArrow: ''
};
$scope.carousels.push(objectArray);
var res_index = ($scope.carousels.length != 0) ? $scope.carousels.length - 1 : 0;
callback(res_index);
},
setSpeed: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.speed = state;
});
},
setDots: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.dots = state;
});
},
setArrows: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.arrows = state;
});
},
setInfinite: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.infinite = state;
});
},
setAutoplay: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.autoplay = state;
});
},
setAdaptiveHeight: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.adaptiveHeight = state;
});
},
setAutoplaySpeed: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.autoplaySpeed = state;
});
},
setCenterMode: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.centerMode = state;
});
},
setCenterPadding: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.centerPadding = state;
});
},
setFocusOnSelect: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.focusOnSelect = state;
});
},
setSlidesToScroll: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.slidesToScroll = state;
});
},
setPrevArrow: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.prevArrow = state;
});
},
setNextArrow: function(index, state) {
var _self = this;
_self.setCarousels($scope.carousels[index], function(res_carousel) {
res_carousel.nextArrow = state;
});
},
getCarousel: function(carousel, callback) {
var _self = this;
var carousel_id = 0;
if (carousel == 0) {
carousel_id = Math.floor((Math.random() * 9999) + 1000);
}
callback(carousel_id);
},
carousel: function(cover, carousel, xs, sm, md, lg) {
var _self = this;
var carousels = $(carousel);
$(cover).css('height', '0');
$(cover).css('opacity', '0');
$(carousel).css('opacity', '0');
var _xs = parseInt(xs);
var _sm = parseInt(sm);
var _md = parseInt(md);
var _lg = parseInt(lg);
setTimeout(function() {
carousels.not('.slick-initialized').slick({
speed: $scope.carousels[0].speed,
dots: $scope.carousels[0].dots,
arrows: $scope.carousels[0].arrows,
infinite: $scope.carousels[0].infinite,
autoplay: $scope.carousels[0].autoplay,
slidesToScroll: $scope.carousels[0].slidesToScroll,
slidesToShow: _lg,
autoplaySpeed: $scope.carousels[0].autoplaySpeed,
adaptiveHeight: $scope.carousels[0].adaptiveHeight,
prevArrow: $scope.carousels[0].prevArrow,
nextArrow: $scope.carousels[0].nextArrow,
responsive: [{
breakpoint: 1200,
settings: {
slidesToShow: _md,
}
}, {
breakpoint: 991,
settings: {
slidesToShow: _sm,
}
}, {
breakpoint: 767,
settings: {
slidesToShow: _xs,
}
}],
}).closest('section').addClass('active');
$(cover).css('height', 'auto');
$(cover).css('opacity', '1');
$(carousel).css('opacity', '1');
}, 500);
},
carouselIndex: function(index, cover, carousel, xs, sm, md, lg) {
var _self = this;
var carousels = $(carousel);
$(cover).css('height', '0');
$(cover).css('opacity', '0');
$(carousel).css('opacity', '0');
var _xs = parseInt(xs);
var _sm = parseInt(sm);
var _md = parseInt(md);
var _lg = parseInt(lg);
var slick_array = {};
slick_array.slidesToShow = _lg;
slick_array.arrows = $scope.carousels[index].arrows;
if ($scope.carousels[index].dots) {
slick_array.dots = $scope.carousels[index].dots;
}
if ($scope.carousels[index].speed != 0) {
slick_array.speed = $scope.carousels[index].speed;
}
if ($scope.carousels[index].autoplay) {
slick_array.arrows = $scope.carousels[index].arrows;
}
if ($scope.carousels[index].infinite) {
slick_array.infinite = $scope.carousels[index].infinite;
}
if ($scope.carousels[index].prevArrow != '') {
slick_array.prevArrow = $scope.carousels[index].prevArrow;
}
if ($scope.carousels[index].nextArrow != '') {
slick_array.nextArrow = $scope.carousels[index].nextArrow;
}
if ($scope.carousels[index].centerMode) {
slick_array.centerMode = $scope.carousels[index].centerMode;
}
if ($scope.carousels[index].centerPadding != '0' && $scope.carousels[index].centerPadding != '') {
slick_array.centerPadding = $scope.carousels[index].centerPadding;
}
if ($scope.carousels[index].focusOnSelect) {
slick_array.focusOnSelect = $scope.carousels[index].focusOnSelect;
}
if ($scope.carousels[index].autoplaySpeed != 0) {
slick_array.autoplaySpeed = $scope.carousels[index].autoplaySpeed;
}
if ($scope.carousels[index].adaptiveHeight) {
slick_array.adaptiveHeight = $scope.carousels[index].adaptiveHeight;
}
if ($scope.carousels[index].slidesToScroll != 0) {
slick_array.slidesToScroll = $scope.carousels[index].slidesToScroll;
}
slick_array.responsive = [{
breakpoint: 1200,
settings: {
slidesToShow: _md,
}
}, {
breakpoint: 991,
settings: {
slidesToShow: _sm,
}
}, {
breakpoint: 767,
settings: {
slidesToShow: _xs,
}
}];
if ($scope.carousels[index].centerPadding != '0' && $scope.carousels[index].centerPadding != '') {
slick_array.centerPadding = $scope.carousels[index].centerPadding;
slick_array.responsive[2].settings.centerPadding = '0px'
}
setTimeout(function() {
carousels.not('.slick-initialized').slick(slick_array).closest('section').addClass('active');
$(cover).css('height', 'auto');
$(cover).css('opacity', '1');
$(carousel).css('opacity', '1');
}, 1000);
}
}
return getFunction;
};
$scope.carousels = [{
speed: 600,
dots: false,
arrows: false,
infinite: true,
autoplay: true,
adaptiveHeight: true,
autoplaySpeed: 4000,
slidesToScroll: 1,
prevArrow: '',
nextArrow: ''
}];
$scope.dataApi = {
related: {
dataSend: {},
api: "product/big_related",
ok: false,
dataArray: [],
dataArrayState: {
load: false,
done: false
}
}
};
$scope.getData().getRouteParams(function(res_params, res_state) {
$scope.dataApi.related.dataArrayState = res_state;
$scope.getData().getProductId(res_params, function(res_product_id) {
var filter_json = [18];
var dataSend = {
'txt_product_id': res_product_id,
'cur_page': 1,
'per_page': 12,
'jso_badge': JSON.stringify(filter_json)
};
$scope.dataApi.related.dataSend = dataSend;
$scope.getData().dataSend($scope.dataApi.related.api, $scope.dataApi.related.dataSend, function(res_api, res_dataSend) {
$scope.getData().getApi(res_api, res_dataSend, function(res_ok, get_res_api_related, res_state) {
$scope.dataApi.related.ok = res_ok;
angular.forEach(get_res_api_related.data.dataList, function(item, index) {
$scope.getData().getNameUrl(get_res_api_related.data.dataList[index].product_title, function(res_title) {
get_res_api_related.data.dataList[index].product_title_url = res_title;
});
var images = [];
angular.forEach(item.product_image,function(image,index_image){
if (image.image_app_cover_checked) {
images.push(image)
}
});
item.product_image = images;
});
$scope.dataApi.related.dataArray = get_res_api_related.data.dataList;
$scope.getData().consoleLog("get_res_api_big_related", get_res_api_related);
});
});
});
});
};
return promise;
});_ui_share_app.directive('componentProductReward', function($rootScope, $routeParams, sliderProvider, carouselData) {
var templateName = 'componentProductReward';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
productid: '@productid',
qty: '@qty',
pricesale: '@pricesale',
imgreward: '@imgreward',
textright: '@textright',
textbefore: '@textbefore',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope._dataArray = false;
$scope.reward = false;
$scope.qty = $scope.qty || 1;
$scope.rewardlast = 0;
$scope._getPostIdFromURL = function() {
var test = $scope.id;
var a = $scope.id;
if (typeof $routeParams.product_id !== 'undefined') {
test = parseInt($routeParams.product_id);
a = $routeParams.product_id;
}
if (typeof test === 'number' && test > 0) {
return test;
} else {
var b = a.split("-");
return b[0];
}
};
$scope.$watch('productid', function(newValue, oldValue) {
if (newValue) {
$scope._getDataArray(newValue);
} else {
return;
}
});
$scope.$watch('pricesale', function(newValue, oldValue) {
if (newValue) {
if ($scope._dataArray.product_reward != undefined) {
if ($scope._dataArray.product_reward.reward_type_id == 103) {
if (($scope.qty * newValue) % $scope._dataArray.product_reward.reward_every_price == 0) {
$scope.pointmain = ($scope.qty * newValue / $scope._dataArray.product_reward.reward_every_price) * $scope._dataArray.product_reward.reward_amount;
$scope.rewardTime($scope._dataArray.product_reward.reward_lifetime.lifetime_start_time, $scope._dataArray.product_reward.reward_lifetime.lifetime_end_time, $scope.pointmain);
} else {
var price_all = ($scope.qty * newValue) - (($scope.qty * newValue) % $scope._dataArray.product_reward.reward_every_price);
$scope.pointmain = (price_all / $scope._dataArray.product_reward.reward_every_price) * $scope._dataArray.product_reward.reward_amount;
$scope.rewardTime($scope._dataArray.product_reward.reward_lifetime.lifetime_start_time, $scope._dataArray.product_reward.reward_lifetime.lifetime_end_time, $scope.pointmain);
}
} else if ($scope._dataArray.product_reward.reward_type_id == 102) {
$scope.pointmain = ($scope._dataArray.product_reward.reward_percent / 100) * ($scope.qty * newValue);
$scope.rewardTime($scope._dataArray.product_reward.reward_lifetime.lifetime_start_time, $scope._dataArray.product_reward.reward_lifetime.lifetime_end_time, $scope.pointmain);
} else {
$scope.rewardlast = $scope.getreward($scope.qty);
}
}
} else {
$scope.rewardlast = $scope.getreward(1);
}
});
$scope.$watch('qty', function(newValue, oldValue) {
if (newValue) {
if ($scope._dataArray.product_reward != undefined) {
if ($scope._dataArray.product_reward.reward_type_id == 103) {
if (($scope.pricesale * newValue) % $scope._dataArray.product_reward.reward_every_price == 0) {
$scope.pointmain = ($scope.pricesale * newValue / $scope._dataArray.product_reward.reward_every_price) * $scope._dataArray.product_reward.reward_amount;
$scope.rewardTime($scope._dataArray.product_reward.reward_lifetime.lifetime_start_time, $scope._dataArray.product_reward.reward_lifetime.lifetime_end_time, $scope.pointmain);
} else {
var price_all = ($scope.pricesale * newValue) - (($scope.pricesale * newValue) % $scope._dataArray.product_reward.reward_every_price);
$scope.pointmain = (price_all / $scope._dataArray.product_reward.reward_every_price) * $scope._dataArray.product_reward.reward_amount;
$scope.rewardTime($scope._dataArray.product_reward.reward_lifetime.lifetime_start_time, $scope._dataArray.product_reward.reward_lifetime.lifetime_end_time, $scope.pointmain);
}
} else if ($scope._dataArray.product_reward.reward_type_id == 102) {
$scope.pointmain = ($scope._dataArray.product_reward.reward_percent / 100) * ($scope.pricesale * newValue);
$scope.rewardTime($scope._dataArray.product_reward.reward_lifetime.lifetime_start_time, $scope._dataArray.product_reward.reward_lifetime.lifetime_end_time, $scope.pointmain);
} else {
$scope.rewardlast = $scope.getreward(newValue);
}
}
} else {
$scope.rewardlast = $scope.getreward(1);
}
});
$scope.pointmain = 0;
$scope._getDataArray = function(id) {
$scope.pointmain = 0;
$scope.reward = false;
var dataSend = {
'txt_product_id': id
};
GAEAPI.get('product/id', dataSend, $scope).then(function(res) {
if (res.ok === 1) {
$scope._dataArray = res.data;
if ($scope._dataArray.product_reward.length != 0) {
var starttime = $scope._dataArray.product_reward.reward_lifetime.lifetime_start_time;
var endtime = $scope._dataArray.product_reward.reward_lifetime.lifetime_end_time;
if ($scope._dataArray.product_reward.reward_type_id == 101) {
$scope.pointmain = $scope._dataArray.product_reward.reward_amount;
$scope.rewardTime(starttime, endtime, $scope.pointmain);
}
if ($scope._dataArray.product_reward.reward_type_id == 102) {
$scope.pointmain = ($scope._dataArray.product_reward.reward_percent / 100) * $scope.pricesale;
$scope.rewardTime(starttime, endtime, $scope.pointmain);
}
if ($scope._dataArray.product_reward.reward_type_id == 103) {
$scope.pointmain = ($scope.pricesale * $scope.qty / $scope._dataArray.product_reward.reward_every_price) * $scope._dataArray.product_reward.reward_amount;
/* if($scope.pointmain%$scope._dataArray.product_reward.reward_amount == 0){
} */
if ($scope.pointmain >= $scope._dataArray.product_reward.reward_amount) {
/* alert($scope.pointmain); */
$scope.rewardTime(starttime, endtime, $scope.pointmain);
} else {
$scope.popkaisod = true;
}
}
}
}
});
};
$scope.rewardTime = function(t_start, t_end, reward_point) {
console.log("rewardTime : reward_point : ", reward_point, " t_start : ", parseInt(t_start), " t_end : ", parseInt(t_end));
var date_now = new Date();
var date_start = new Date(t_start * 1000);
var date_end = new Date(t_end * 1000);
console.log("rewardTime : date_now : ", date_now, " date_end : ", date_end, " date_start : ", date_start);
if (parseInt(t_start) <= parseInt(t_end)) {
if (date_start <= date_now && date_end > date_now) {
$scope.reward = reward_point;
$scope.rewardlast = $scope.reward;
}
} else if (parseInt(t_end) == -1) {
$scope.reward = reward_point;
$scope.rewardlast = $scope.reward;
} else {
if (parseInt(t_start) <= date_now && parseInt(t_end) > date_now) {
$scope.reward = reward_point;
$scope.rewardlast = $scope.reward;
}
}
/* var date_end = 0;
var date_now = new Date();
var date_start = new Date(t_start * 1000);
if (t_end != -1) {
date_end = new Date(t_end * 1000);
if (t_start <= date_now && t_end > date_now) {
$scope.reward = reward_point;
$scope.rewardlast = $scope.reward;
}
}
if (t_start <= date_now && t_end == -1) {
$scope.reward = reward_point;
$scope.rewardlast = $scope.reward;
console.log("point_reward 3 :", $scope.reward);
} */
};
$scope.getreward = function(valuer) {
return $scope.reward * valuer;
}
};
return promise;
});_ui_share_app.factory('$componentProductSetDetail', function componentProductSetDetail($routeParams, $timeout) {
return
});_ui_share_app.directive('componentProductSetDetailTypeA', function($rootScope, $routeParams) {
var templateName = 'componentProductSetDetailTypeA';
var componentMain = 'componentProductSetDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
promotelink: '@promotelink',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.dataTag = false;
$scope._dataArray = [];
$scope.product_sku = "";
$scope.product_code = "";
$scope.product_price = 0;
$scope.product_compare_price = 0;
$scope._dataArrayState = {
load: true,
done: false
};
$scope._getDataArray = function(id) {
$scope._dataArrayState = $scope.StateData(true, false);
var dataSend = {
'txt_product_id': id
};
console.log('dataSend_Product', dataSend);
GAEAPI.get('product/set_id', dataSend).then(function(res) {
if (res.ok === 1) {
$scope._dataArray = res.data;
console.log("_getDataArray _dataArray : ", $scope._dataArray);
$scope.dataPreserve = res.data;
if (res.data.product_sku != undefined) {
$scope.product_sku = res.data.product_sku;
}
if (res.data.product_code != undefined) {
$scope.product_code = res.data.product_code;
}
$scope.product_price = res.data.product_price;
/*$scope.calculate(
res.data.product_price,
res.data.product_compare_price,
res.data.product_discount.discount_id,
res.data.product_discount.discount_price,
res.data.product_discount.discount_percent);*/
if (res.data.product_tag != undefined) {
$scope.dataTag = res.data.product_tags.split(",");
}
$scope.qtyCurrentSize(0, 20);
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.mkCarousel = function(elem) {
var carousel = $(elem + '[data-id=' + $scope._key() + ']');
var is_dark;
carousel.not('.slick-initialized').slick({
dots: true,
arrows: true,
autoplay: true,
autoplaySpeed: 4000,
slidesToShow: 1,
slidesToScroll: 1,
infinite: true,
speed: 600,
responsive: [{
breakpoint: 1200,
settings: {
slidesToShow: 1,
}
}, {
breakpoint: 991,
settings: {
slidesToShow: 1,
}
}, {
breakpoint: 767,
settings: {
slidesToShow: 1,
}
}]
}).closest('section').addClass('active');
};
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.dataRelation = [];
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
};
$scope._getIdUrl = function() {
var getData = [];
var returnData = '';
if (typeof $routeParams.product_id !== 'undefined') {
getData = $routeParams.product_id;
returnData = getData.split("-");
return returnData[0];
}
};
$scope.viewImg = 0;
$scope.changeImg = function(i) {
return $scope.viewImg = i;
};
$scope._saleState = {
discount: 0
};
$scope.sale = function(price, compare_price, discount_id, discount_price, discount_percent) {
var sale = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
sale = discount_price;
$scope._saleStatres.discount = 'price';
} else if (discount_percent != 0 && discount_price == 0) {
sale = discount_percent;
$scope._saleStatres.discount = 'percent';
}
}
return (sale > 0) ? sale : 0;
}
$scope._pricefullState = {
pricefull: 0
};
$scope.pricefull = function(price, compare_price, discount_id, discount_price, discount_percent) {
var pricefull = 0;
if (discount_id != undefined) {
if (price != undefined && price != 0) {
pricefull = price;
$scope._pricefullState.pricefull = 'not zero';
} else {
pricefull = 0;
$scope._pricefullState.pricefull = 'zero';
}
} else {
if (compare_price > 0 && compare_price != undefined) {
pricefull = compare_price;
$scope._pricefullState.pricefull = 'not zero';
} else {
$scope._pricefullState.pricefull = 'zero';
}
}
return pricefull;
}
$scope._calculateState = {
calculate: 0
};
$scope.calculate = function(price, compare_price, discount_id, discount_price, discount_percent) {
var calculate = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
calculate = price - discount_price;
} else if (discount_percent != 0 && discount_price == 0) {
calculate = price - ((discount_percent / 100) * price);
}
} else {
calculate = price
}
if (calculate != undefined && calculate != 0) {
$scope._calculateState.calculate = 'not zero';
} else {
$scope._calculateState.calculate = 'zero';
}
return (calculate > 0) ? calculate : 0;
}
$scope.qtyCurrentSize = function(product_total_variant, product_total_stock) {
$scope.qty_current_size = [];
console.log("qtyCurrentSize : product_total_variant : ", product_total_variant, "product_total_stock : ", product_total_stock);
if (product_total_variant == 0) {
if (product_total_stock > 0) {
$scope.qty_current_size_state = true;
$scope.buy_state = true;
for (var i = 0; i < parseInt(product_total_stock); i++) {
$scope.qty_current_size.push(i + 1);
}
} else if (product_total_stock < 0) {
$scope.qty_current_size_state = true;
$scope.buy_state = true;
for (var i = 0; i < 20; i++) {
$scope.qty_current_size.push(i + 1);
}
} else if (product_total_stock == 0) {
$scope.qty_current_size_state = false;
$scope.buy_state = true;
for (var i = 0; i < 1; i++) {
$scope.qty_current_size.push(i + 1);
}
} else {
$scope.qty_current_size_state = false;
$scope.buy_state = false;
for (var i = 0; i < 1; i++) {
$scope.qty_current_size.push(i + 1);
}
}
} else if (product_total_variant > 0) {
if (product_total_stock <= 0) {
$scope.qty_current_size_state = false;
$scope.buy_state = true;
for (var i = 0; i < 1; i++) {
$scope.qty_current_size.push(i + 1);
}
} else if (product_total_stock > 0) {
$scope.qty_current_size_state = true;
$scope.buy_state = true;
for (var i = 0; i < product_total_stock; i++) {
$scope.qty_current_size.push(i + 1);
}
}
}
$scope.qtyShow($scope.qty_current_size);
};
$scope.htmlSelectTime = 0;
$scope.qtyShow = function(array) {
$scope.htmlSelectTime = 0;
console.log("qtyShow ", array);
var htmlOPT = "";
for (var i = 0; i < array.length; i++) {
htmlOPT += '';
}
console.log("qty_current_size htmlOPT", htmlOPT);
if (htmlOPT != "") {
$scope.htmlSelectTime = $timeout(function() {
$('#qtyselect').html(htmlOPT);
$timeout.cancel($scope.htmlSelectTime);
}, 500);
}
}
$scope.viewQuantity = function() {
var check_int = 1;
if ($(".d_qty").val() == undefined) {
$(".d_qty").val("1");
check_int = parseInt($(".d_qty").val());
check_int = 1;
} else if ($(".d_qty").val() == "? number:1 ?") {
$(".d_qty").val("1");
check_int = parseInt($(".d_qty").val());
} else {
check_int = parseInt($(".d_qty").val());
$(".d_qty").val(check_int);
}
return check_int;
};
$scope.dataVariantsPick = [];
$scope.onSelectVariantItems = function($index, option_id) {
console.log("onSelectVariantItems option_id:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
console.log("onSelectVariantItems dataVariantsPick:", $scope.dataVariantsPick);
};
$scope.findVariantsData = function(variantsPick) {
function compareArray(array_a, array) {
if (!array) return false;
if (array_a.length != array.length) return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i])) return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
for (var i = 0; i < dataVariants.length; i++) {
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
console.log("dataVariants :", dataVariants);
if (compareArray(variantsPick, optionJson)) {
$scope._dataArray.product_qๆid = dataVariants[i].product_id;
if (dataVariants[i].sku != "") {
$scope.product_sku = dataVariants[i].sku;
} else {
$scope.product_sku = $scope._dataArray.product_sku;
}
if (dataVariants[i].sku != "") {
$scope.product_code = dataVariants[i].barcode;
} else {
$scope.product_code = $scope._dataArray.product_code;
}
$scope.product_price = $scope.calculate(dataVariants[i].price, dataVariants[i].compare_price, $scope._dataArray.product_discount.discount_id, $scope._dataArray.product_discount.discount_price, $scope._dataArray.product_discount.discount_percent);
$scope.product_compare_price = $scope.pricefull(dataVariants[i].price, dataVariants[i].compare_price, $scope._dataArray.product_discount.discount_id, $scope._dataArray.product_discount.discount_price, $scope._dataArray.product_discount.discount_percent);
$scope.qtyCurrentSize(dataVariants.length, dataVariants[i].total_stock);
break;
} else {
$scope.qty_current_size_state = false;
$scope.buy_state = false;
$scope.product_price = $scope._dataArray.product_price;
$scope.product_compare_price = $scope._dataArray.product_compare_price;
$scope.product_sku = $scope._dataArray.product_sku;
$scope.product_code = $scope._dataArray.product_code;
}
}
};
$scope.makeVariantsClick = function() {
var s = $timeout(function() {
$scope.buy_state = false;
}, 100);
};
$scope._getDataArray($scope._getIdUrl());
$scope.returnSizeProductCard = function() {
var id = $("#productcard");
var out = $("#productcard_product_title");
return id.outerHeight();
};
$scope.checkHide = function() {
var start = 8;
var end = 23;
var DateHours = (new Date()).getHours();
return [23, 0, 1, 2, 3, 4, 5, 6, 7].indexOf(DateHours) != -1;
};
};
return promise;
});_ui_share_app.directive('componentProductSetDetailTypeB', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentProductSetDetailTypeB';
var componentMain = 'componentProductSetDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'E';
promise.scope = {
name: '@name',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.dataTag = false;
$scope._dataArray = [];
$scope.product_id = "";
$scope.product_sku = "";
$scope.product_code = "";
$scope.product_price = 0;
$scope.product_compare_price = 0;
// $scope.promotion_list = 0;
$scope._dataArrayState = {
load: true,
done: false
};
// console.log("promotion_list : ", $scope.promotion_list);
$scope._getDataArray = function(id) {
$scope._dataArrayState = $scope.StateData(true, false);
var filter_json = {}
var dataSend = {
'txt_product_id': id,
};
console.log('dataSend_Product', dataSend);
GAEAPI.get('product/set_id', dataSend).then(function(res) {
if (res.ok === 1) {
$scope._dataArray = res.data;
// if($scope._dataArray.product_is_promotion != 0){
// $scope.promotion_list = $scope._dataArray.product_promotion[0].promotion_id;
// }
// console.log("promotion_list : ", $scope.promotion_list);
console.log("_getDataArray _dataArray : ", $scope._dataArray);
$scope.product_id = $scope._dataArray.product_id;
$scope.dataPreserve = res.data;
if (res.data.product_sku != undefined) {
$scope.product_sku = res.data.product_sku;
}
if (res.data.product_code != undefined) {
$scope.product_code = res.data.product_code;
}
$scope.product_price = $scope.calculate(res.data.product_set_price.original_price,res.data.product_price, res.data.product_compare_price, res.data.product_discount.discount_type_id, res.data.product_discount.discount_price, res.data.product_discount.discount_percent);
$scope.product_compare_price = $scope.pricefull(res.data.product_set_price.original_price, res.data.product_compare_price, res.data.product_discount.discount_id, res.data.product_discount.discount_price, res.data.product_discount.discount_percent);
if ($scope._dataArray.product_referral_display.category != 'undefined' && $scope._dataArray.product_referral_display.category != null) {
$scope.getRelation($scope._dataArray.product_referral_display.category[0].referral_id);
}
// $scope.dataTag = res.data.product_tags.split(",");
$scope.qtyCurrentSize(res.data.product_total_stock);
// $scope.buildVariantOption(res.data);
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.mkCarousel = function(elem) {
var carousel = $(elem + '[data-id=' + $scope._key() + ']');
var is_dark;
carousel.not('.slick-initialized').slick({
dots: true,
arrows: true,
autoplay: true,
autoplaySpeed: 4000,
slidesToShow: 1,
slidesToScroll: 1,
infinite: true,
speed: 600,
responsive: [{
breakpoint: 1200,
settings: {
slidesToShow: 1,
}
}, {
breakpoint: 991,
settings: {
slidesToShow: 1,
}
}, {
breakpoint: 767,
settings: {
slidesToShow: 1,
}
}]
}).closest('section').addClass('active');
};
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.dataRelation = [];
$scope.getRelation = function(referral_id) {
var dataSend = {
'txt_referral_id': referral_id
};
GAEAPI.get('referral/relation', dataSend, $scope).then(function(res) {
if (res.ok == 1) {
$scope.dataRelation = res.data;
}
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
};
$scope._getIdUrl = function() {
var getData = [];
var returnData = '';
if (typeof $routeParams.product_id !== 'undefined') {
getData = $routeParams.product_id;
returnData = getData.split("-");
return returnData[0];
}
};
$scope._stateReward = function(datain) {
var state = false;
/* console.log("_stateReward : reward_lifetime : ", datain.reward_lifetime); */
if (datain.length != 0) {
state = true;
}
return state;
};
$scope._getReward = function(datain, product_price, qty) {
if (datain.length == 0) {
return 'Data Reward Error';
}
console.log("_getReward : product_price : ", product_price, " qty : ", qty);
var reward = "NULL";
if (datain.reward_type_id == "101") {} else if (datain.reward_type_id == "102") {} else if (datain.reward_type_id == "103") {
var reward_every_price = parseInt(datain.reward_every_price);
var sum_product_price = Math.round(product_price) * qty;
var reward_amount = parseInt(datain.reward_amount);
console.log("_getReward : reward_every_price : ", reward_every_price, " sum_product_price : ", sum_product_price, " reward_amount : ", reward_amount);
if (reward_every_price <= sum_product_price) {
var divided = Math.floor(sum_product_price / reward_every_price);
var multiplied = divided * reward_amount;
console.log("_getReward : divided : ", divided, " multiplied : ", multiplied);
reward = multiplied;
} else {
reward = "ZERO";
}
} else {
return 'Data Reward Type Id Error';
}
return reward;
};
$scope.viewImg = 0;
$scope.changeImg = function(i) {
return $scope.viewImg = i;
};
$scope._saleState = {
discount: 0
};
$scope.sale = function(price, compare_price, discount_id, discount_price, discount_percent) {
var sale = 0;
if (discount_id != undefined) {
if (discount_price != 0 && discount_percent == 0) {
sale = discount_price;
$scope._saleStatres.discount = 'price';
} else if (discount_percent != 0 && discount_price == 0) {
sale = discount_percent;
$scope._saleStatres.discount = 'percent';
}
}
return (sale > 0) ? sale : 0;
}
$scope._pricefullState = {
pricefull: 0
};
$scope.pricefull = function(price, compare_price, discount_id, discount_price, discount_percent) {
var pricefull = 0;
if (discount_id != undefined && discount_percent == 0 && discount_price == 0) {
if (compare_price > 0 && compare_price != undefined) {
pricefull = compare_price;
$scope._pricefullState.pricefull = 'not zero';
} else {
$scope._pricefullState.pricefull = 'zero';
}
} else {
if (price != undefined && price != 0) {
pricefull = price;
$scope._pricefullState.pricefull = 'not zero';
} else {
pricefull = 0;
$scope._pricefullState.pricefull = 'zero';
}
}
return pricefull;
}
$scope._calculateState = {
calculate: 0
};
$scope.calculate = function(price, product_price, compare_price, discount_type_id, discount_price, discount_percent) {
var calculate = 0;
if (discount_type_id != undefined) {
if (discount_type_id == "101") {
calculate = price - discount_price;
} else if (discount_type_id == "102") {
calculate = price - ((discount_percent / 100) * price);
} else if (discount_type_id == "103") {
calculate = product_price;
} else {
calculate = price;
}
} else {
calculate = price
}
if (calculate != undefined && calculate != 0) {
$scope._calculateState.calculate = 'not zero';
} else {
$scope._calculateState.calculate = 'zero';
}
return (calculate > 0) ? calculate : 0;
}
$scope.qtyCurrentSize = function(product_total_stock) {
$scope.qty_current_size = [];
console.log("qtyCurrentSize : ", "product_total_stock : ", product_total_stock);
if (product_total_stock > 0) {
$scope.qty_current_size_state = true;
$scope.buy_state = true;
if (product_total_stock >= 20) {
for (var i = 0; i < 20; i++) {
$scope.qty_current_size.push(i + 1);
}
} else {
for (var i = 0; i < parseInt(product_total_stock); i++) {
$scope.qty_current_size.push(i + 1);
}
}
} else if (product_total_stock <= 0) {
$scope.qty_current_size_state = false;
$scope.buy_state = true;
for (var i = 0; i < 1; i++) {
$scope.qty_current_size.push(i + 1);
}
}
$scope.qtyShow($scope.qty_current_size);
};
$scope.htmlSelectTime = 0;
$scope.qtyShow = function(array) {
$scope.htmlSelectTime = 0;
console.log("qtyShow ", array);
var htmlOPT = "";
for (var i = 0; i < array.length; i++) {
htmlOPT += '';
}
console.log("qty_current_size htmlOPT", htmlOPT);
if (htmlOPT != "") {
$scope.htmlSelectTime = $timeout(function() {
$('#qtyselect').html(htmlOPT);
$timeout.cancel($scope.htmlSelectTime);
}, 500);
}
}
$scope.viewQuantity = function() {
var check_int = 1;
if ($(".d_qty").val() == undefined) {
$(".d_qty").val("1");
check_int = parseInt($(".d_qty").val());
check_int = 1;
} else if ($(".d_qty").val() == "? number:1 ?") {
$(".d_qty").val("1");
check_int = parseInt($(".d_qty").val());
} else {
check_int = parseInt($(".d_qty").val());
$(".d_qty").val(check_int);
}
return check_int;
};
$scope.dataOption = [];
$scope.dataVariants = [];
$scope.buildVariantOption = function(objectData) {
if (objectData.product_total_variant <= 0) {
return;
}
$scope.dataOption = objectData.product_attribute.option_data.pclass_array;
$scope.dataVariants = objectData.product_attribute.option_data.variant_array;
$scope.makeVariantsClick();
};
$scope.dataVariantsPick = [];
$scope.onSelectVariantItems = function($index, option_id) {
console.log("onSelectVariantItems option_id:", $index, option_id);
$scope.dataVariantsPick[$index] = option_id;
console.log("onSelectVariantItems dataVariantsPick:", $scope.dataVariantsPick);
if ($scope.dataVariantsPick.length >= $scope.dataOption.length) {
$scope.findVariantsData($scope.dataVariantsPick);
}
};
$scope.findVariantsData = function(variantsPick) {
function compareArray(array_a, array) {
if (!array) return false;
if (array_a.length != array.length) return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i])) return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
var dataVariants = $scope.dataVariants;
for (var i = 0; i < dataVariants.length; i++) {
var optionJson = angular.fromJson(dataVariants[i].option_id_json);
console.log("dataVariants :", dataVariants);
if (compareArray(variantsPick, optionJson)) {
$scope._dataArray.product_id = dataVariants[i].product_id;
if (dataVariants[i].sku != "") {
$scope.product_sku = dataVariants[i].sku;
} else {
$scope.product_sku = $scope._dataArray.product_sku;
}
if (dataVariants[i].sku != "") {
$scope.product_code = dataVariants[i].barcode;
} else {
$scope.product_code = $scope._dataArray.product_code;
}
$scope.product_price = $scope.calculate(dataVariants[i].price, $scope._dataArray.product_price, dataVariants[i].compare_price, $scope._dataArray.product_discount.discount_type_id, $scope._dataArray.product_discount.discount_price, $scope._dataArray.product_discount.discount_percent);
$scope.product_compare_price = $scope.pricefull(dataVariants[i].price, dataVariants[i].compare_price, $scope._dataArray.product_discount.discount_id, $scope._dataArray.product_discount.discount_price, $scope._dataArray.product_discount.discount_percent);
$scope.qtyCurrentSize(dataVariants.length, dataVariants[i].total_stock);
break;
} else {
$scope.qty_current_size_state = false;
$scope.buy_state = false;
$scope.product_price = $scope._dataArray.product_price;
$scope.product_compare_price = $scope._dataArray.product_compare_price;
$scope.product_sku = $scope._dataArray.product_sku;
$scope.product_code = $scope._dataArray.product_code;
}
}
};
$scope.makeVariantsClick = function() {
var s = $timeout(function() {
$scope.buy_state = false;
}, 100);
};
$scope.viewInfo = 1;
$scope.view = function(input) {
$scope.viewInfo = input;
}
$scope._getDataArray($scope._getIdUrl());
// setTimeout(function() {
// alert($('input[name=radiogroup]:checked').val());
// }, 700);
$scope.clickckvalue = function() {
var result = 0;
$scope.promotion_list = $('input[name=radiogroup]:checked').val();
console.log("promotion_list : ", $scope.promotion_list);
if ($('input[name=radiogroup]:checked').val() != "" && $('input[name=radiogroup]:checked').val() != undefined) {
result = $('input[name=radiogroup]:checked').val();
} else {
result = 0;
}
return result;
}
};
return promise;
});/*_ui_share_app.directive('componentFooter', function($rootScope, $routeParams) {
var templateName = 'componentFooter';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
id: '=',
background: '@',
primary: '@',
secondary: '@',
name: '@name',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {};
return promise;
});*/
_ui_share_app.factory('$componentProductSlide', function componentFooter($routeParams, $timeout) {
return
});_ui_share_app.directive('componentProductSlideA', function($rootScope, $routeParams) {
var templateName = 'componentProductSlideA';
var componentMain = 'componentProductSlide';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
referralid: '@referralid',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {};
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.mkCarouselProduct = function(elem) {
console.debug('mkCarouselProduct: trigger');
setTimeout(function() {
var carousel = $(elem + '[data-id=' + $scope._key() + ']');
var is_dark;
carousel.not('.slick-initialized').slick({
dots: true,
arrows: true,
autoplay: true,
autoplaySpeed: 4000,
slidesToShow: 1,
slidesToScroll: 1,
infinite: true,
speed: 600,
prevArrow: '',
nextArrow: '',
responsive: [{
breakpoint: 1330,
settings: {
slidesToShow: 1,
}
}, {
breakpoint: 991,
settings: {
arrows: false,
slidesToShow: 1
}
}, {
breakpoint: 768,
settings: {
arrows: false,
slidesToShow: 1
}
}, {
breakpoint: 480,
settings: {
arrows: false,
slidesToShow: 1
}
}]
}).closest('section').addClass('active');
}, 1000);
};
$scope._productArray = [];
$scope._productArrayDone = {
load: true,
done: false
};
$scope._getProductArray = function(id) {
$scope._productArrayDone = {
load: true,
done: false
};
$scope._productArray = [];
var filter_json = {
"referral_id_array": [id]
}
console.log('filter_json_Product', filter_json);
var dataSend = {
'cur_page': 1,
'per_page': 20,
'txt_filter_json': JSON.stringify(filter_json)
};
console.log('dataSend_Product', dataSend);
GAEAPI.get('product/lists', dataSend).then(function(res) {
if (res.ok === 1) {
$scope._productArray = res.data.dataList;
}
$scope._productArrayDone = {
load: false,
done: true
};
console.log('productArray', $scope._productArray);
});
};
$scope._getProductArray($scope.referralid);
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.slickGoLeft = function() {
setTimeout(function() {
$('.recommend .-recommend[data-id="' + $scope._key() + '"]').slick('slickPrev');
}, 100);
};
$scope.slickGoRight = function() {
setTimeout(function() {
$('.recommend .-recommend[data-id="' + $scope._key() + '"]').slick('slickNext');
}, 100);
};
$scope.openCity = function(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
};
return promise;
});_ui_share_app.directive('componentProductTagA', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentProductTagA';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
productid: '@productid',
referralid : '@referralid',
tag: '@tag',
limit: '@limit',
tagname: '@tagname',
component: '@component',
stylebutton: '@stylebutton',
margin: '@margin',
};
promise.templateUrl = templatePathUrl;
promise.transclude = {
'text_first': '?textFirst',
'text_end': '?textEnd',
};
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $q, $window, $location, $http) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope._viewRouteParams = function() {
return $routeParams || false;
};
$scope._idUrl = function(instr) {
var outstr = instr.split("-", 1).join("");
return outstr;
};
$scope.slideProductDeal = function(elem) {
$('.component-product-tag-a').css('height', '0');
$('.component-product-tag-a').css('opacity', '0');
setTimeout(function() {
var carousel = $(elem + '[data-id=' + $scope._key() + ']');
var is_dark;
carousel.not('.slick-initialized').slick({
dots: false,
arrows: true,
autoplay: false,
autoplaySpeed: 4000,
slidesToShow: 4,
slidesToScroll: 1,
infinite: true,
speed: 600,
prevArrow: '',
nextArrow: '',
responsive: [{
breakpoint: 1330,
settings: {
slidesToShow: 4,
}
}, {
breakpoint: 991,
settings: {
arrows: true,
slidesToShow: 3
}
}, {
breakpoint: 768,
settings: {
arrows: true,
slidesToShow: 2
}
}, {
breakpoint: 480,
settings: {
arrows: true,
slidesToShow: 1
}
}]
}).closest('section').addClass('active');
$('.component-product-tag-a').css('height', 'auto');
$('.component-product-tag-a').css('opacity', '1');
}, 1000);
};
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.slickGoLeft = function() {
setTimeout(function() {
$('.recommend .-recommend[data-id="' + $scope._key() + '"]').slick('slickPrev');
}, 100);
};
$scope.slickGoRight = function() {
setTimeout(function() {
$('.recommend .-recommend[data-id="' + $scope._key() + '"]').slick('slickNext');
}, 100);
};
$scope.consoleLog = function(text, data) {
console.log(text, ' : ', data);
};
$scope._dataArray = [];
$scope._dataArrayState = {
load: true,
done: false
};
$scope._idUrl = function(instr) {
var outstr = instr.split("-", 1).join("");
return outstr;
};
$scope._getDataArray = function(productid,referralid,tag, limit) {
$scope.consoleLog('_getDataArray tag', tag);
$scope.consoleLog('_getDataArray limit', limit);
$scope._dataArrayState = $scope.StateData(true, false);
var filter_json = {
"referral_id_array" :[referralid],
"tags": tag
}
var dataSend = {
'cur_page': 1,
'per_page': parseInt(limit),
'txt_filter_json': JSON.stringify(filter_json)
};
$scope.consoleLog('_getDataArray tag dataSend', dataSend);
GAEAPI.get('product/lists', dataSend).then(function(output) {
$scope.consoleLog('_getDataArray output', output);
if (output.ok == 1) {
$scope.$apply(function() {
for (var i = 0; i < output.data.dataList.length; i++) {
$scope.consoleLog('_getDataArray : for : output.data.dataList : ', output.data.dataList[i]);
$scope.consoleLog('_getDataArray : for : productid : ', $scope._viewRouteParams().product_id);
if (output.data.dataList[i].product_id != $scope._idUrl($scope._viewRouteParams().product_id)) {
$scope._dataArray.push(output.data.dataList[i]);
}
}
/* $scope._dataArray = output.data.dataList; */
$scope.consoleLog('_getDataArray _dataArray', $scope._dataArray);
});
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
$scope.$watch('tag', function(newValue, oldValue) {
if (newValue) {
$scope._getDataArray($scope.productid,$scope.referralid,$scope.tag, $scope.limit);
} else {
return;
}
});
};
return promise;
});_ui_share_app.factory('$componentProductsDiscount', function componentProductsDiscount($routeParams, $timeout) {
return
});_ui_share_app.directive('componentProductsDiscountTypeA', function($rootScope, $routeParams) {
var templateName = 'componentProductsDiscountTypeA';
var componentMain = 'componentProductsDiscount';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
productcard: '@productcard',
stylebutton: '@stylebutton',
limit: '@limit',
margin: '@margin',
col: '@col',
pre: '@pre',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {
'topic_top': '?topicTop',
};
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope._productcard = (typeof $scope.productcard !== 'undefined' && typeof $scope.productcard !== '') ? $scope.productcard : 'c';
$scope._stylebutton = (typeof $scope.stylebutton !== 'undefined' && typeof $scope.stylebutton !== '') ? $scope.stylebutton : 'border_button_small';
$scope._pre = Boolean((typeof $scope.pre !== 'undefined' && typeof $scope.pre !== '') ? $scope.pre : 'false');
$scope._limit = parseInt((typeof $scope.limit !== 'undefined' && typeof $scope.limit !== '') ? $scope.limit : 6);
$scope.$watch('col', function(newValue, oldValue) {
if (newValue) {
$scope._col = newValue.toString().split(",");
}
});
$scope.getCol = function(n) {
return (typeof $scope._col != 'undefined' && $scope._col[n] != '') ? (typeof $scope._col[n] != 'undefined' && $scope._col[n] != '') ? $scope._col[n] : 12 : 12;
};
$scope.productArray = false;
$scope.loadMoreIsLoad = false;
$scope.productCur = 1;
$scope.productState = {
load: false,
done: false,
more: false
};
$scope.getProductsListsArray = function(cur, per) {
if (cur == 1) {
$scope.productArray = false;
$scope.productState = $scope.stateData(true, false, $scope.productState.more);
}
var filter_json = {}
var dataSend = {
'txt_cur_page': cur,
'txt_per_page': per,
'txt_filter_json': JSON.stringify(filter_json)
};
GAEAPI.get('product/discounts', dataSend).then(function(output) {
console.log("dataSend : ", dataSend, " output : ", output);
if (output.ok == 1) {
$scope.$apply(function() {
var data = $scope.productArray;
var dataNew = output.data;
$scope.checkMore(data, dataNew);
});
}
if (cur == 1) {
$scope.productState = $scope.stateData(false, true, $scope.productState.more);
}
});
};
$scope.checkMore = function(data, dataNew) {
var dataOrigi = data;
var dataTwo = dataNew.dataList;
var total = dataNew.total_row;
if (!data.length) {
dataOrigi = dataTwo;
$scope.productArray = dataOrigi;
$scope.showMoreArray(dataOrigi.length, total);
} else {
$scope.productArray = dataOrigi.concat(dataTwo);
$scope.showMoreArray($scope.productArray.length, total);
$scope.loadMoreIsLoad = false;
}
};
$scope.showMoreArray = function(dataOrigiTotal, total) {
console.log("showMoreArray : dataOrigiTotal : ", dataOrigiTotal, " total : ", total);
if (dataOrigiTotal < total) {
$scope.productState.more = true;
} else {
$scope.productState.more = false;
}
}
$scope.stateData = function(_load_in, _done_in, _more_in) {
var State = {
load: _load_in,
done: _done_in,
more: _more_in
};
return State;
}
$scope.loadMore = function() {
$scope.productCur++;
$scope.loadMoreIsLoad = true;
$timeout(function() {
$scope.getProductsListsArray($scope.productCur, $scope._limit);
}, 300);
}
$scope.getProductsListsArray($scope.productCur, $scope._limit);
};
return promise;
});_ui_share_app.factory('$componentPromotion', function componentPromotion($routeParams, $timeout) {
return
});_ui_share_app.directive('componentPromotionListsD', function($rootScope, $routeParams) {
var templateName = 'componentPromotionListsD';
var componentMain = 'componentPromotion';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
datanumber: '@datanumber',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.mkCarousel = function(elem) {
setTimeout(function() {
var carousel = $(elem + '[data-id=' + $scope._key() + ']');
var is_dark;
carousel.not('.slick-initialized').slick({
dots: true,
arrows: true,
autoplay: false,
autoplaySpeed: 4000,
slidesToShow: 1,
slidesToScroll: 1,
infinite: true,
speed: 600,
responsive: [{
breakpoint: 1330,
settings: {
slidesToShow: 3,
}
}, {
breakpoint: 991,
settings: {
slidesToShow: 3
}
}, {
breakpoint: 768,
settings: {
slidesToShow: 1
}
}, {
breakpoint: 480,
settings: {
slidesToShow: 1
}
}]
}).closest('section').addClass('active');
}, 1000);
};
$scope._dataArray = [];
$scope._dataArrayState = {
load: false,
done: false
};
$scope._getDataArray = function() {
$scope._dataArrayState = $scope.StateData(true, false);
var dataSend = {
'cur_page': 1,
'per_page': parseInt($scope.datanumber),
'txt_badge_id' : 18,
'txt_sortby': 'promotion_lastest_create',
};
GAEAPI.get('promotion/lists', dataSend).then(function(res) {
if (res.ok === 1) {
$scope._dataArray = res.data.dataList;
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
$scope._getDataArray();
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.slickGoLeft = function() {
setTimeout(function() {
$('.recommend-promotion .-recommend-promotion[data-id="' + $scope._key() + '"]').slick('slickPrev');
}, 100);
};
$scope.slickGoRight = function() {
setTimeout(function() {
$('.recommend-promotion .-recommend-promotion[data-id="' + $scope._key() + '"]').slick('slickNext');
}, 100);
};
$scope.openCity = function(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
$scope.viewDataSize = function() {
return -($(".item-promotion").height() + 100);
};
$scope.displayImage = function(image_url, prefix) {
return (typeof image_url !== 'undefined') ? GAEAPI.getGaeImageUrl(image_url, prefix) : '';
}
$scope.showDebug = function() {
return (typeof $routeParams.debug !== 'undefined') ? true : false;
};
};
return promise;
});_ui_share_app.directive('componentPromotionListsE', function($rootScope, $routeParams) {
var templateName = 'componentPromotionListsE';
var componentMain = 'componentPromotion';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
datanumber: '@datanumber',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.mkCarousel = function(elem) {
setTimeout(function() {
var carousel = $(elem + '[data-id=' + $scope._key() + ']');
var is_dark;
carousel.not('.slick-initialized').slick({
dots: true,
arrows: true,
autoplay: false,
autoplaySpeed: 4000,
slidesToShow: 1,
slidesToScroll: 1,
infinite: true,
speed: 600,
responsive: [{
breakpoint: 1330,
settings: {
slidesToShow: 3,
}
}, {
breakpoint: 991,
settings: {
slidesToShow: 3
}
}, {
breakpoint: 768,
settings: {
slidesToShow: 2
}
}, {
breakpoint: 480,
settings: {
slidesToShow: 2
}
}]
}).closest('section').addClass('active');
}, 1000);
};
$scope._dataArray = [];
$scope._dataArrayState = {
load: false,
done: false
};
$scope._getDataArray = function() {
$scope._dataArrayState = $scope.StateData(true, false);
var dataSend = {
'cur_page': 1,
'per_page': parseInt($scope.datanumber),
'txt_badge_id': 18,
'txt_sortby': 'promotion_lastest_create',
};
GAEAPI.get('promotion/lists', dataSend).then(function(res) {
if (res.ok === 1) {
$scope._dataArray = res.data.dataList;
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
$scope._getDataArray();
$scope._uniqueKey = '';
$scope._key = function() {
if ($scope._uniqueKey === '') {
$scope._uniqueKey = Math.floor((Math.random() * 9999) + 1000);
return $scope._uniqueKey;
} else {
return $scope._uniqueKey;
}
};
$scope.slickGoLeft = function() {
setTimeout(function() {
$('.recommend-promotion .-recommend-promotion[data-id="' + $scope._key() + '"]').slick('slickPrev');
}, 100);
};
$scope.slickGoRight = function() {
setTimeout(function() {
$('.recommend-promotion .-recommend-promotion[data-id="' + $scope._key() + '"]').slick('slickNext');
}, 100);
};
$scope.openCity = function(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
$scope.viewDataSize = function() {
return -($(".item-promotion").height() + 100);
};
$scope.displayImage = function(image_url, prefix) {
return (typeof image_url !== 'undefined') ? GAEAPI.getGaeImageUrl(image_url, prefix) : '';
}
$scope.showDebug = function() {
return (typeof $routeParams.debug !== 'undefined') ? true : false;
};
};
return promise;
});_ui_share_app.directive('componentPromotionListsF', function($rootScope, $routeParams) {
var templateName = 'componentPromotionListsF';
var componentMain = 'componentPromotion';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
datanumber: '@datanumber',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope._console = (window.location.hostname == "localhost") ? true : false;
$scope._component = "componentPromotionListsF";
$scope._imgPath = CUR_THEME.file_url() + "images/";
$scope._icnPath = CUR_THEME.file_url() + "../../assets/";
/* -------------------- */
$scope.getData = function() {
var getFunction = {
consoleLog: function(functionName, data) {
if ($scope._console) {
console.log($scope._component, ' : ', functionName, ' : ', data);
}
},
getRouteParams: function(callback) {
var _self = this;
var params = $routeParams;
var state = _self.stateData(true, false);
_self.consoleLog("getRouteParams params", params);
callback(params, state);
},
stateData: function(load, done) {
var _self = this;
var state = {
load: load,
done: done
};
_self.consoleLog("stateData state", state);
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("dataSend api", api);
_self.consoleLog("dataSend dataSend", dataSend);
callback(api, dataSend);
},
checkGetApi: function(resApi, callback) {
var _self = this;
var ok = false;
if (resApi.ok == 1) {
ok = true;
}
_self.consoleLog("checkGetApi ok", ok);
callback(ok);
},
getApi: function(api, dataSend, callback) {
var _self = this;
var state = _self.stateData(true, false);
GAEAPI.get(api, dataSend, $scope).then(function(res_api) {
_self.checkGetApi(res_api, function(res_ok) {
_self.consoleLog("getApi api", api);
_self.consoleLog("getApi dataSend", dataSend);
_self.consoleLog("getApi res_api", res_api);
state = _self.stateData(false, true);
callback(res_ok, res_api, state);
})
});
},
main: function() {
var _self = this;
}
}
return getFunction;
};
$scope.dataApi = {
load_more: {
load: false,
cur_page: 1,
per_page: 12,
total_rows: 0
},
promotion: {
dataSend: {},
api: "promotion/lists",
ok: false,
dataArray: [],
dataArrayState: {
load: false,
done: false
}
},
};
$scope.loadMore = function() {
if (!$scope.dataApi.load_more.load) {
$scope.dataApi.load_more.cur_page++;
$scope.dataApi.load_more.load = true;
$scope.getData().getRouteParams(function(res_params, res_state) {
var txt_filter_json = {
"type_number": 7
};
$scope.dataApi.promotion.dataSend = {
'cur_page': $scope.dataApi.load_more.cur_page,
'per_page': $scope.dataApi.load_more.per_page,
'txt_badge_id': 18,
'txt_sortby': 'promotion_lastest_create',
'txt_filter_json': JSON.stringify(txt_filter_json)
}
$scope.getData().dataSend($scope.dataApi.promotion.api, $scope.dataApi.promotion.dataSend, function(res_api, res_dataSend) {
$scope.getData().getApi(res_api, res_dataSend, function(res_ok, get_res_api_shop, res_state) {
$scope.dataApi.promotion.ok = res_ok;
if ($scope.dataApi.promotion.dataArray.length < get_res_api_shop.data.total_rows) {
var oldData = $scope.dataApi.promotion.dataArray;
$scope.dataApi.promotion.dataArray = oldData.concat(get_res_api_shop.data.dataList);
$scope.dataApi.load_more.total_rows = get_res_api_shop.data.total_rows;
} else {
$scope.dataApi.load_more.cur_page--;
}
$scope.dataApi.load_more.load = false;
});
});
});
}
}
$scope.getData().getRouteParams(function(res_params, res_state) {
$scope.dataApi.promotion.dataArrayState = res_state;
var txt_filter_json = {
"type_number": 7
};
$scope.dataApi.promotion.dataSend = {
'cur_page': $scope.dataApi.load_more.cur_page,
'per_page': $scope.dataApi.load_more.per_page,
'txt_badge_id': 18,
'txt_sortby': 'promotion_lastest_create',
'txt_filter_json': JSON.stringify(txt_filter_json)
}
$scope.getData().dataSend($scope.dataApi.promotion.api, $scope.dataApi.promotion.dataSend, function(res_api, res_dataSend) {
$scope.getData().getApi(res_api, res_dataSend, function(res_ok, get_res_api_shop, res_state) {
$scope.dataApi.promotion.ok = res_ok;
$scope.dataApi.promotion.dataArray = get_res_api_shop.data.dataList;
$scope.dataApi.promotion.dataArrayState = res_state;
$scope.dataApi.load_more.total_rows = get_res_api_shop.data.total_rows;
});
});
});
/* -------------------- */
};
return promise;
});_ui_share_app.directive('componentPromotionListsG', function($rootScope, $routeParams) {
var templateName = 'componentPromotionListsG';
var componentMain = 'componentPromotion';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
type: '@type',
limit: '@limit',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope._component = "componentPromotionListsG";
$scope._imgPath = CUR_THEME.file_url() + "images/";
$scope._icnPath = CUR_THEME.file_url() + "../../assets/";
$scope._type = ($scope.type != undefined && $scope.type != "") ? parseInt($scope.type) : 5;
$scope._per_page = ($scope.limit != undefined && $scope.limit != "") ? parseInt($scope.limit) : 6;
$scope.getData = function() {
var getFunction = {
consoleLog: function(functionName, data) {
console.log($scope._component, ' : ', functionName, ' : ', data);
},
getRouteParams: function(callback) {
var _self = this;
var params = $routeParams;
var state = _self.stateData(true, false);
_self.consoleLog("getRouteParams params", params);
callback(params, state);
},
stateData: function(load, done) {
var _self = this;
var state = {
load: load,
done: done
};
_self.consoleLog("stateData state", state);
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("dataSend api", api);
_self.consoleLog("dataSend dataSend", dataSend);
callback(api, dataSend);
},
checkGetApi: function(resApi, callback) {
var _self = this;
var ok = false;
if (resApi.ok == 1) {
ok = true;
}
_self.consoleLog("checkGetApi ok", ok);
callback(ok);
},
getApi: function(api, dataSend, callback) {
var _self = this;
var state = _self.stateData(true, false);
GAEAPI.get(api, dataSend, $scope).then(function(res_api) {
_self.checkGetApi(res_api, function(res_ok) {
_self.consoleLog("getApi api", api);
_self.consoleLog("getApi dataSend", dataSend);
_self.consoleLog("getApi res_api", res_api);
state = _self.stateData(false, true);
callback(res_ok, res_api, state);
})
});
},
urlPdf: function(promotionPdf) {
var _self = this;
_self.consoleLog("link promotionPdf", promotionPdf);
if (promotionPdf.length > 0) {
window.open(promotionPdf[0].file_url, '_blank');
}
},
more: function() {
var _self = this;
if (!$scope.dataApi.promotion.moreDataArrayState.load) {
_self.getRouteParams(function(res_params, res_state) {
$scope.dataApi.promotion.moreDataArrayState = res_state;
$scope.dataApi.promotion.cur_page++;
var txt_filter_json = {
'type_number': $scope._type
}
var dataSend = {
'cur_page': $scope.dataApi.promotion.cur_page,
'per_page': $scope._per_page,
'txt_sortby': 'promotion_lastest_create',
'txt_badge_id': 18,
'txt_filter_json': JSON.stringify(txt_filter_json)
};
$scope.dataApi.promotion.dataSend = dataSend;
_self.dataSend($scope.dataApi.promotion.api, $scope.dataApi.promotion.dataSend, function(res_api, res_dataSend) {
_self.getApi(res_api, res_dataSend, function(res_ok, res_api, res_state) {
if ($scope.dataApi.promotion.dataArray.length < res_api.data.total_rows) {
$scope.dataApi.promotion.ok = res_api;
var oldData = $scope.dataApi.promotion.dataArray;
$scope.dataApi.promotion.dataArray = oldData.concat(res_api.data.dataList);
$scope.dataApi.promotion.total_rows = res_api.data.total_rows;
$scope.dataApi.promotion.moreDataArrayState = res_state;
} else {
$scope.dataApi.promotion.cur_page--;
}
});
});
});
}
},
main: function() {
var _self = this;
_self.getRouteParams(function(res_params, res_state) {
$scope.dataApi.promotion.dataArrayState = res_state;
var txt_filter_json = {
'type_number': $scope._type
}
var dataSend = {
'cur_page': $scope.dataApi.promotion.cur_page,
'per_page': $scope._per_page,
'txt_sortby': 'promotion_lastest_create',
'txt_badge_id': 18,
'txt_filter_json': JSON.stringify(txt_filter_json)
};
$scope.dataApi.promotion.dataSend = dataSend;
_self.dataSend($scope.dataApi.promotion.api, $scope.dataApi.promotion.dataSend, function(res_api, res_dataSend) {
_self.getApi(res_api, res_dataSend, function(res_ok, res_api, res_state) {
$scope.dataApi.promotion.ok = res_api;
$scope.dataApi.promotion.dataArray = res_api.data.dataList;
$scope.dataApi.promotion.total_rows = res_api.data.total_rows;
$scope.dataApi.promotion.dataArrayState = res_state;
});
});
});
}
}
return getFunction;
};
$scope.dataApi = {
promotion: {
dataSend: {},
api: "promotion/lists",
ok: false,
dataArray: [],
dataArrayState: {
load: false,
done: false
},
total_rows: 0,
cur_page: 1,
moreDataArrayState: {
load: false,
done: false
}
}
};
$scope.getData().main();
};
return promise;
});
_ui_share_app.directive('componentPromotionA', function ($rootScope, $routeParams) {
var templateName = 'componentPromotionA';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
background: '@background',
type:'@type'
};
promise.link = function (scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {
'text_1':'?textFirst',
'text_2':'?textSecond',
};
promise.controller = function ($scope, $timeout, $interval, $q, $window) {
$scope.dataArray = [];
$scope.getData = function(){
var jsonFilter = JSON.stringify({'type_number':$scope.type});
var d = {
'cur_page':1,
'per_page':20,
'txt_sortby':'promotion_lastest_create',
'txt_json_filter':jsonFilter
};
GAEAPI.get('promotion/lists',d,$scope).then(function(e){
if(e.ok === 1){
$scope.dataArray = e.data.dataList;
}
});
};
$scope.getData();
/* Badge */
$scope._showWeb = function (item) {
var r = false;
if (item.length <= 0) {
return false;
} else {
for (var i = 0; i < item.length; i++) {
if (item[i].badge_id == 18) {
r = true;
break;
}
}
}
return r;
};
$scope._showApp = function (item) {
var r = false;
if (item.length <= 0) {
return false;
} else {
for (var i = 0; i < item.length; i++) {
if (item[i].badge_id == 19) {
r = true;
break;
}
}
}
return r;
};
};
return promise;
});
_ui_share_app.directive('componentPromotionB', function ($rootScope, $routeParams) {
var templateName = 'componentPromotionB';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
background: '@background',
name:'@name',
type:'@type'
};
promise.link = function (scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {
'text_1':'?textFirst',
'text_2':'?textSecond',
};
promise.controller = function ($scope, $timeout, $interval, $q, $window) {
$scope.dataArray = [];
$scope.getData = function(){
var jsonFilter = JSON.stringify({'type_number':$scope.type});
var d = {
'cur_page':1,
'per_page':20,
'txt_sortby':'promotion_lastest_create',
'txt_json_filter':jsonFilter
};
GAEAPI.get('promotion/lists',d,$scope).then(function(e){
if(e.ok === 1){
$scope.dataArray = e.data.dataList;
}
});
};
$scope.getData();
/* Badge */
$scope._showWeb = function (item) {
var r = false;
if (item.length <= 0) {
return false;
} else {
for (var i = 0; i < item.length; i++) {
if (item[i].badge_id == 18) {
r = true;
break;
}
}
}
return r;
};
$scope._showApp = function (item) {
var r = false;
if (item.length <= 0) {
return false;
} else {
for (var i = 0; i < item.length; i++) {
if (item[i].badge_id == 19) {
r = true;
break;
}
}
}
return r;
};
};
return promise;
});
_ui_share_app.directive('componentPromotionC', function ($rootScope, $routeParams) {
var templateName = 'componentPromotionC';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
item:'=item',
imgpath:'@imgpath',
promoname:'@promoname'
};
promise.link = function (scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function ($scope, $timeout, $interval, $q, $window) {
$scope.data = [];
$scope.data_discount = [];
$scope.data_done = false;
$scope.dataArray = [];
$scope.getData = function(n_data){
$scope.data = [];
$scope.data_discount = [];
$scope.data_discount.discount_price = 0;
$scope.data_done = false;
var jsonFilter = {
'referral_id_array':[n_data]
};
var d = {
'cur_page':1,
'per_page':8,
'txt_filter_json':JSON.stringify(jsonFilter)
};
GAEAPI.get('product/lists',d,$scope).then(function(e){
if(e.ok === 1){
if(e.data.dataList.length > 0){
$scope.data = e.data.dataList;
for (var i = 0; i < e.data.dataList.length; i++) {
console.log("test_discount : ",i,e.data.dataList[i].product_discount.length , e.data.dataList[i].product_discount);
if(e.data.dataList[i].product_discount.length == undefined && e.data.dataList[i].product_discount){
console.log("test_discount",e.data.dataList[i].product_discount);
$scope.data_discount.push(e.data.dataList[i]);
if(e.data.dataList[i].product_discount.discount_price != 0){
$scope.data_discount[i].discount_price = (e.data.dataList[i].product_price-e.data.dataList[i].product_discount.discount_price);
}else if(e.data.dataList[i].product_discount.discount_price == 0 && e.data.dataList[i].product_discount.discount_percent != 0){
$scope.data_discount[i].discount_price = (e.data.dataList[i].product_price-((e.data.dataList[i].product_price*e.data.dataList[i].product_discount.discount_percent)/100));
}
console.log("test_discount_price",$scope.data_discount[i].discount_price);
}
}
}
}
});
};
$scope.getData($scope.item.referral_id);
/* Badge */
$scope._showWeb = function (item) {
var r = false;
if (item.length <= 0) {
return false;
} else {
for (var i = 0; i < item.length; i++) {
if (item[i].badge_id == 18) {
r = true;
break;
}
}
}
return r;
};
$scope._showApp = function (item) {
var r = false;
if (item.length <= 0) {
return false;
} else {
for (var i = 0; i < item.length; i++) {
if (item[i].badge_id == 19) {
r = true;
break;
}
}
}
return r;
};
$scope.buildTitleUrl = function(str){
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--","-");
return s;
};
};
return promise;
});
_ui_share_app.directive('componentPromotionD', function($rootScope, $routeParams) {
var templateName = 'componentPromotionD';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
datain: '@datashow',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope._dataArray = [];
$scope._dataArrayState = {
load: true,
done: false
};
$scope.dataArray = function() {
$scope._dataArrayState = $scope.StateData(true, false);
var d = {
'cur_page': 1,
'per_page': 8,
'txt_badge_id': 18,
};
GAEAPI.get('promotion/lists', d, $scope).then(function(e) {
if (e.ok === 1) {
$scope._dataArray = e.data.dataList;
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
};
$scope.displayImage = function(image_url, prefix) {
return (typeof image_url !== 'undefined') ? GAEAPI.getGaeImageUrl(image_url, prefix) : '';
}
$scope.dataArray();
$scope.buildTitleUrl = function(str) {
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
return s;
};
};
return promise;
});_ui_share_app.directive('componentPromotionDb', function($rootScope, $routeParams) {
var templateName = 'componentPromotionDb';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
datain: '@datashow',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope._dataArray = [];
$scope._dataArrayState = {
load: true,
done: false
};
$scope.dataArray = function() {
$scope._dataArrayState = $scope.StateData(true, false);
var d = {
'cur_page': 1,
'per_page': 8,
'txt_badge_id': 18,
};
GAEAPI.get('promotion/lists', d, $scope).then(function(e) {
if (e.ok === 1) {
$scope._dataArray = e.data.dataList;
}
$scope._dataArrayState = $scope.StateData(false, true);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
};
$scope.displayImage = function(image_url, prefix) {
return (typeof image_url !== 'undefined') ? GAEAPI.getGaeImageUrl(image_url, prefix) : '';
}
$scope.dataArray();
$scope.buildTitleUrl = function(str) {
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
return s;
};
};
return promise;
});_ui_share_app.factory('$componentPromotionDetail', function componentPromotionDetail($routeParams, $timeout) {
return
});_ui_share_app.directive('componentPromotionDetailTypeA', function($rootScope, $routeParams) {
var templateName = 'componentPromotionDetailTypeA';
var componentMain = 'componentPromotionDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
navigation: '@navigation',
navigationhref: '@navigationhref',
navigationname: '@navigationname',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.navigation = (typeof $scope.navigation !== 'undefined' && typeof $scope.navigation !== '') ? Boolean($scope.navigation) : false;
$scope.getRouteParams = function(callback) {
var routeParams = $routeParams || false;
callback(routeParams);
};
$scope.dataPromotionId = [];
$scope.promotion_create_time = "";
$scope.dataPromotionIdState = {
load: false,
done: false
};
$scope.promotionId = function(params, callback) {
var promotion_id = (params.promotion_id != undefined) ? params.promotion_id.split("-", 1).join("") : false;
callback(promotion_id);
};
$scope.getPromotionId = function(txt_promotion_id,callback) {
$scope.dataPromotionIdState = $scope.StateData(true, false);
var dataSend = {
'txt_promotion_id': txt_promotion_id
};
GAEAPI.get('promotion/id', dataSend, $scope).then(function(output) {
$scope.dataPromotionIdState = $scope.StateData(false, true);
callback(output);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
$scope.getRouteParams(function(params){
$scope.promotionId(params,function(promotion_id){
console.log('promotion_id : ',promotion_id);
$scope.getPromotionId(promotion_id,function(output){
if (output.ok === 1) {
$scope.dataPromotionId = output.data;
$scope.promotion_create_time = moment(parseInt(output.data.promotion_create_time) * 1000).format('LL');
}
});
});
});
};
return promise;
});_ui_share_app.directive('componentPromotionDetailTypeB', function($rootScope, $routeParams) {
var templateName = 'componentPromotionDetailTypeB';
var componentMain = 'componentPromotionDetail';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
navigation: '@navigation',
navigationhref: '@navigationhref',
navigationname: '@navigationname',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.navigation = (typeof $scope.navigation !== 'undefined' && typeof $scope.navigation !== '') ? Boolean($scope.navigation) : false;
$scope.getRouteParams = function() {
return $routeParams || false;
};
$scope.dataPromotionId = [];
$scope.promotion_create_time = "";
$scope.dataPromotionIdState = {
load: false,
done: false
};
$scope.getPromotionId = function(txt_promotion_id) {
$scope.dataPromotionIdState = $scope.StateData(true, false);
var dataSend = {
'txt_promotion_id': txt_promotion_id
};
GAEAPI.get('promotion/id', dataSend, $scope).then(function(output) {
if (output.ok == 1) {
$scope.dataPromotionId = output.data;
$scope.promotion_create_time = moment(parseInt(output.data.promotion_create_time) * 1000).format('LL');
}
$scope.dataPromotionIdState = $scope.StateData(false, true);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
}
$scope.getPromotionId($scope.getRouteParams().promotion_id);
};
return promise;
});_ui_share_app.directive('componentPromotionDetailA', function($rootScope, $routeParams) {
var templateName = 'componentPromotionDetailA';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
id: '@id',
name: '@name',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.viewRouteParams = function() {
return $routeParams || false;
};
$scope._dataArray = [];
$scope._dataArrayState = {
load: false,
done: false
};
$scope._getArray = function(id) {
$scope._dataArrayState = $scope.StateData(true, false);
$scope.data_done = false;
var d = {
'txt_promotion_id': id
};
GAEAPI.get('promotion/id', d, $scope).then(function(e) {
if (e.ok === 1) {
$scope._dataArray = e.data;
}
$scope._dataArrayState = $scope.StateData(true, false);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
};
$scope._getPostIdFromURL = function() {
var a = $scope.id;
if (typeof $routeParams.promotion_id !== 'undefined') {
test = parseInt($routeParams.promotion_id);
a = $routeParams.promotion_id;
}
if (typeof test === 'number' && test > 0) {
return test;
} else {
var b = a.split("-");
return b[0];
}
};
$scope._getArray($scope._getPostIdFromURL());
$scope.buildTitleUrl = function(str) {
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
return s;
};
};
return promise;
});_ui_share_app.directive('componentPromotionDetailB', function($rootScope, $routeParams) {
var templateName = 'componentPromotionDetailB';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.viewRouteParams = function() {
return $routeParams || false;
};
$scope._dataArray = [];
$scope._dataArrayState = {
load: false,
done: false
};
$scope._getArray = function() {
$scope._dataArrayState = $scope.StateData(true, false);
$scope.data_done = false;
var d = {
'txt_promotion_id': $scope._getPostIdFromURL()
};
GAEAPI.get('promotion/id', d, $scope).then(function(e) {
if (e.ok === 1) {
$scope._dataArray = e.data;
}
$scope._dataArrayState = $scope.StateData(true, false);
});
};
$scope.StateData = function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
};
$scope._getPostIdFromURL = function() {
var a = $scope.id;
if (typeof $routeParams.promotion_id !== 'undefined') {
test = parseInt($routeParams.promotion_id);
a = $routeParams.promotion_id;
}
if (typeof test === 'number' && test > 0) {
return test;
} else {
var b = a.split("-");
return b[0];
}
};
$scope._getArray($scope._getPostIdFromURL());
$scope.buildTitleUrl = function(str) {
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
return s;
};
};
return promise;
});
_ui_share_app.directive('componentQuickAttribute', function ($rootScope) {
var templateName = 'componentQuickAttribute';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
productid:'@productid',
card:'@card',
};
promise.link = function (scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function ($scope, $timeout, $interval, $q, $window, $http) {
var api_host = GURL.base_api_url();
$scope.data = false;
$scope.productOptionLevelArray = [];
$scope.product_original_id = $scope.productid;
$scope.getData = function(id){
var d = {'txt_product_id':id};
$http.get(api_host+'product/id',{params:d}).then(function(result){
var e = result.data;
if(e.ok == 1){
$scope.data = e.data;
$scope._data_product_id = e.data;
if (typeof $scope._data_product_id.product_attribute.option_data !== 'undefined' && $scope._data_product_id.product_total_variant > 0) {
if (typeof $scope._data_product_id.product_attribute.option_data.pclass_array !== 'undefined' && $scope._data_product_id.product_attribute.option_data.pclass_array.length) {
/*$scope.buildMultipleQuantity(e.data);*/
for (var op = 0; op < $scope._data_product_id.product_attribute.option_data.pclass_array.length; op++) {
$scope.productOptionLevelArray.push({
level_index: op,
level_id: $scope._data_product_id.product_attribute.option_data.pclass_array[op].pclass_id,
level_label: $scope._data_product_id.product_attribute.option_data.pclass_array[op].pclass_name,
level_data: 0
});
}
if (!$scope._data_product_id.product_attribute.option_data.variant_array.length) {
$scope.optionToCalculateNext = true;
}
} else {
$scope.optionToCalculateNext = true;
}
} else {
$scope.optionToCalculateNext = true;
}
}
if($scope.productOptionLevelArray.length){
$timeout(function(){
$('[quick-buy="'+$scope._data_product_id.product_id+'"]').hide();
},100);
} else {
/*$('[quick-buy="'+id+'"]').data("hide-test","true").hide();*/
}
});
};
$scope.getData($scope.productid);
/* Varaint */
$scope.selectedOptionTextJson = '';
$scope.productOptionLevelArray = [];
$scope.optionToCalculateNext = false;
$scope._chageProductByOptionId = function ($event, masterIndex, optionId) {
function compareArray(array_a, array) {
if (!array)
return false;
if (array_a.length != array.length)
return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i]))
return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
$scope.productOptionLevelArray[masterIndex].level_data = optionId;
console.log('$scope.productOptionLevelArray: clicked!', $scope.productOptionLevelArray);
var optionSelectedArray = [];
for (var i = 0; i < $scope.productOptionLevelArray.length; i++) {
if ($scope.productOptionLevelArray[i].level_data != 0) {
optionSelectedArray.push($scope.productOptionLevelArray[i].level_data);
}
}
if (optionSelectedArray.length === $scope._data_product_id.product_attribute.option_data.pclass_array.length) {
$scope.optionToCalculateNext = true;
}
if (!$scope.optionToCalculateNext) {
return;
}
for (var i = 0; i < $scope._data_product_id.product_attribute.option_data.variant_array.length; i++) {
var _self = $scope._data_product_id.product_attribute.option_data.variant_array[i];
var _self_option = angular.fromJson(_self.option_id_json);
if (compareArray(optionSelectedArray, _self_option)) {
$scope._data_product_id.product_id = _self.product_id;
$scope._data_product_id.product_price = _self.price;
$scope._data_product_id.product_sku = _self.sku;
/*$scope._data_product_id.product_compare_price = _self.compare_price;*/
$scope._data_product_id.product_variant_compare_price = _self.compare_price;
console.log("selectedOptionTextJson: option", _self);
$scope.selectedOptionTextJson = _self.option_id_json;
console.log('selectedOptionTextJson: Key', '-' + optionSelectedArray.join('-') + '-');
/* Switch Quantity Input */
/* $scope.switchQuantityByKey('-' + optionSelectedArray.join('-') + '-');*/
/* Find Image Variant */
if (_self.variant_image.length) {
var rightImagePosition = 0;
for (var im = 0; im < $scope._data_product_id.product_image.length; im++) {
if ($scope._data_product_id.product_image[im].image_id == _self.variant_image[0].image_id) {
rightImagePosition = im;
break;
}
}
/*$timeout(function () {
console.log("Found Varaint Image", _self.variant_image[0].image_id);
if ($(window).width <= 991) {
$scope._slickGoto('sliderDetailView', rightImagePosition);
} else {
angular.element('.d_gallery .item[data-image-id="' + _self.variant_image[0].image_id + '"]').click();
}
}, 300);*/
}
break;
}
}
$scope.checkIfFullySelect($scope.product_original_id);
};
$scope.buttonChangeState = function(t, varaint_id){
var b = $('.quick-buy-btn[varaint-product-id="'+varaint_id+'"]');
console.log("buttonChangeState",t);
switch(t){
case 'wait':
b.removeAttr("data-background-color");
b.html("Waiting..");
break;
case 'finish':
b.html("In Cart");
b.attr("data-background-color","primary_darkest");
break;
default:
b.removeAttr("data-background-color");
b.html(' Buy Now');
break;
}
};
$scope.buyProcess = function(product_id, quantity){
var requireLogin = ($scope.requirelogin == 1 || $scope.requirelogin == true || $scope.requirelogin == 'true') ? true : false;
if (!UiCustomerBox.delegate.get.isLogin() && requireLogin) {
return UiCustomerBox.delegate.modal.openLoginForm();
}
if (!UiCart.delegate.product.isSelected(product_id)) {
if (!UiCart.delegate.product.isProgress(product_id)) {
$scope.buttonChangeState("wait", product_id);
console.log("adding", product_id, quantity);
UiCart.delegate.product.add(product_id, quantity);
/* Pixel */
$pixelScript.event('AddToCart');
$timeout(function(){
$scope.buttonChangeState("finish", product_id);
}, 1000);
return;
} else {
return UiCart.delegate.modal.open();
}
}
return UiCart.delegate.modal.open();
};
$scope.showBuyOption = function(id){
console.log("checkIfFullySelect: full",id);
if(!$('[quick-buy]').length){
return;
}
var original_id = id;
var varaint_id = $scope._data_product_id.product_id;
$(function(){
$('[quick-buy="'+original_id+'"]').html(' Buy Now
');
$('.quick-buy-btn[product-id="'+original_id+'"]').on('click', function(){
var currentVaraintProductId = $(this).attr("varaint-product-id");
$scope.buyProcess($(this).attr("varaint-product-id"),1);
});
$timeout(function(){
$('[quick-buy="'+original_id+'"]').show('fast');
}, 100);
});
};
$scope.isFull = false;
$scope.checkIfFullySelect = function(id){
var a = 0;
for(var i = 0; i < $scope.productOptionLevelArray.length; i++){
if($scope.productOptionLevelArray[i].level_data != 0){
a = a + 1;
}
}
if(a >= $scope.productOptionLevelArray.length){
console.log("checkIfFullySelect", a, $scope.productOptionLevelArray.length);
$scope.isFull = true;
$scope.showBuyOption(id);
}
};
};
return promise;
});
_ui_share_app.directive('componentQuickAttributeB', function ($rootScope) {
var templateName = 'componentQuickAttributeB';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
productid:'@productid',
card:'@card',
};
promise.link = function (scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function ($scope, $timeout, $interval, $q, $window, $http) {
var api_host = GURL.base_api_url();
$scope.data = false;
$scope.productOptionLevelArray = [];
$scope.product_original_id = $scope.productid;
$scope.getData = function(id){
var d = {'txt_product_id':id};
$http.get(api_host+'product/id',{params:d}).then(function(result){
var e = result.data;
if(e.ok == 1){
$scope.data = e.data;
$scope._data_product_id = e.data;
if (typeof $scope._data_product_id.product_attribute.option_data !== 'undefined' && $scope._data_product_id.product_total_variant > 0) {
if (typeof $scope._data_product_id.product_attribute.option_data.pclass_array !== 'undefined' && $scope._data_product_id.product_attribute.option_data.pclass_array.length) {
/*$scope.buildMultipleQuantity(e.data);*/
for (var op = 0; op < $scope._data_product_id.product_attribute.option_data.pclass_array.length; op++) {
$scope.productOptionLevelArray.push({
level_index: op,
level_id: $scope._data_product_id.product_attribute.option_data.pclass_array[op].pclass_id,
level_label: $scope._data_product_id.product_attribute.option_data.pclass_array[op].pclass_name,
level_data: 0
});
}
if (!$scope._data_product_id.product_attribute.option_data.variant_array.length) {
$scope.optionToCalculateNext = true;
}
} else {
$scope.optionToCalculateNext = true;
}
} else {
$scope.optionToCalculateNext = true;
}
}
if($scope.productOptionLevelArray.length){
$timeout(function(){
$('[quick-buy="'+$scope._data_product_id.product_id+'"]').hide();
},100);
} else {
/*$('[quick-buy="'+id+'"]').data("hide-test","true").hide();*/
}
});
};
$scope.getData($scope.productid);
/* Varaint */
$scope.selectedOptionTextJson = '';
$scope.productOptionLevelArray = [];
$scope.optionToCalculateNext = false;
$scope._chageProductByOptionId = function ($event, masterIndex, optionId) {
function compareArray(array_a, array) {
if (!array)
return false;
if (array_a.length != array.length)
return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i]))
return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
$scope.productOptionLevelArray[masterIndex].level_data = optionId;
console.log('$scope.productOptionLevelArray: clicked!', $scope.productOptionLevelArray);
var optionSelectedArray = [];
for (var i = 0; i < $scope.productOptionLevelArray.length; i++) {
if ($scope.productOptionLevelArray[i].level_data != 0) {
optionSelectedArray.push($scope.productOptionLevelArray[i].level_data);
}
}
if (optionSelectedArray.length === $scope._data_product_id.product_attribute.option_data.pclass_array.length) {
$scope.optionToCalculateNext = true;
}
if (!$scope.optionToCalculateNext) {
return;
}
for (var i = 0; i < $scope._data_product_id.product_attribute.option_data.variant_array.length; i++) {
var _self = $scope._data_product_id.product_attribute.option_data.variant_array[i];
var _self_option = angular.fromJson(_self.option_id_json);
if (compareArray(optionSelectedArray, _self_option)) {
$scope._data_product_id.product_id = _self.product_id;
$scope._data_product_id.product_price = _self.price;
$scope._data_product_id.product_sku = _self.sku;
/*$scope._data_product_id.product_compare_price = _self.compare_price;*/
$scope._data_product_id.product_variant_compare_price = _self.compare_price;
console.log("selectedOptionTextJson: option", _self);
$scope.selectedOptionTextJson = _self.option_id_json;
console.log('selectedOptionTextJson: Key', '-' + optionSelectedArray.join('-') + '-');
/* Switch Quantity Input */
/* $scope.switchQuantityByKey('-' + optionSelectedArray.join('-') + '-');*/
/* Find Image Variant */
if (_self.variant_image.length) {
var rightImagePosition = 0;
for (var im = 0; im < $scope._data_product_id.product_image.length; im++) {
if ($scope._data_product_id.product_image[im].image_id == _self.variant_image[0].image_id) {
rightImagePosition = im;
break;
}
}
/*$timeout(function () {
console.log("Found Varaint Image", _self.variant_image[0].image_id);
if ($(window).width <= 991) {
$scope._slickGoto('sliderDetailView', rightImagePosition);
} else {
angular.element('.d_gallery .item[data-image-id="' + _self.variant_image[0].image_id + '"]').click();
}
}, 300);*/
}
break;
}
}
$scope.checkIfFullySelect($scope.product_original_id);
};
$scope.buttonChangeState = function(t, varaint_id){
var b = $('.quick-buy-btn[varaint-product-id="'+varaint_id+'"]');
console.log("buttonChangeState",t);
switch(t){
case 'wait':
b.removeAttr("data-background-color");
b.html("Waiting..");
break;
case 'finish':
b.html("In Cart");
b.attr("data-background-color","primary_darkest");
break;
default:
b.removeAttr("data-background-color");
b.html(' Buy Now');
break;
}
};
$scope.buyProcess = function(product_id, quantity){
var requireLogin = ($scope.requirelogin == 1 || $scope.requirelogin == true || $scope.requirelogin == 'true') ? true : false;
if (!UiCustomerBox.delegate.get.isLogin() && requireLogin) {
return UiCustomerBox.delegate.modal.openLoginForm();
}
if (!UiCart.delegate.product.isSelected(product_id)) {
if (!UiCart.delegate.product.isProgress(product_id)) {
$scope.buttonChangeState("wait", product_id);
console.log("adding", product_id, quantity);
UiCart.delegate.product.add(product_id, quantity);
/* Pixel */
$pixelScript.event('AddToCart');
$timeout(function(){
$scope.buttonChangeState("finish", product_id);
}, 1000);
return;
} else {
return UiCart.delegate.modal.open();
}
}
return UiCart.delegate.modal.open();
};
$scope.showBuyOption = function(id){
console.log("checkIfFullySelect: full",id);
if(!$('[quick-buy]').length){
return;
}
var original_id = id;
var varaint_id = $scope._data_product_id.product_id;
$(function(){
$('[quick-buy="'+original_id+'"]').html(' สั่งซื้อเลย
');
$('.quick-buy-btn[product-id="'+original_id+'"]').on('click', function(){
var currentVaraintProductId = $(this).attr("varaint-product-id");
$scope.buyProcess($(this).attr("varaint-product-id"),1);
});
$timeout(function(){
$('[quick-buy="'+original_id+'"]').show('fast');
}, 100);
});
};
$scope.isFull = false;
$scope.checkIfFullySelect = function(id){
var a = 0;
for(var i = 0; i < $scope.productOptionLevelArray.length; i++){
if($scope.productOptionLevelArray[i].level_data != 0){
a = a + 1;
}
}
if(a >= $scope.productOptionLevelArray.length){
console.log("checkIfFullySelect", a, $scope.productOptionLevelArray.length);
$scope.isFull = true;
$scope.showBuyOption(id);
}
};
};
return promise;
});
_ui_share_app.directive('componentQuickAttributeC', function ($rootScope) {
var templateName = 'componentQuickAttributeC';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
productid:'@productid',
card:'@card',
};
promise.link = function (scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function ($scope, $timeout, $interval, $q, $window, $http) {
var api_host = GURL.base_api_url();
$scope.data = false;
$scope.productOptionLevelArray = [];
$scope.product_original_id = $scope.productid;
$scope.getData = function(id){
var d = {'txt_product_id':id};
$http.get(api_host+'product/id',{params:d} , $scope).then(function(result){
var e = result.data;
console.log("efjkdfjkdfjdfjdfjdfkd : ", result);
if(e.ok == 1){
$scope.data = e.data;
$scope._data_product_id = e.data;
if (typeof $scope._data_product_id.product_attribute.option_data !== 'undefined' && $scope._data_product_id.product_total_variant > 0) {
if (typeof $scope._data_product_id.product_attribute.option_data.pclass_array !== 'undefined' && $scope._data_product_id.product_attribute.option_data.pclass_array.length) {
/*$scope.buildMultipleQuantity(e.data);*/
for (var op = 0; op < $scope._data_product_id.product_attribute.option_data.pclass_array.length; op++) {
$scope.productOptionLevelArray.push({
level_index: op,
level_id: $scope._data_product_id.product_attribute.option_data.pclass_array[op].pclass_id,
level_label: $scope._data_product_id.product_attribute.option_data.pclass_array[op].pclass_name,
level_data: 0
});
}
if (!$scope._data_product_id.product_attribute.option_data.variant_array.length) {
$scope.optionToCalculateNext = true;
}
} else {
$scope.optionToCalculateNext = true;
}
} else {
$scope.optionToCalculateNext = true;
}
}
if($scope.productOptionLevelArray.length){
$timeout(function(){
$('[quick-buy="'+$scope._data_product_id.product_id+'"]').hide();
},100);
} else {
/*$('[quick-buy="'+id+'"]').data("hide-test","true").hide();*/
}
});
};
$scope.getData($scope.productid);
/* Varaint */
$scope.selectedOptionTextJson = '';
$scope.productOptionLevelArray = [];
$scope.optionToCalculateNext = false;
$scope._chageProductByOptionId = function ($event, masterIndex, optionId) {
function compareArray(array_a, array) {
if (!array)
return false;
if (array_a.length != array.length)
return false;
for (var i = 0, l = array_a.length; i < l; i++) {
if (array_a[i] instanceof Array && array[i] instanceof Array) {
if (!compareArray(array_a[i], array[i]))
return false;
} else if (array_a[i] != array[i]) {
return false;
}
}
return true;
}
$scope.productOptionLevelArray[masterIndex].level_data = optionId;
console.log('$scope.productOptionLevelArray: clicked!', $scope.productOptionLevelArray);
var optionSelectedArray = [];
for (var i = 0; i < $scope.productOptionLevelArray.length; i++) {
if ($scope.productOptionLevelArray[i].level_data != 0) {
optionSelectedArray.push($scope.productOptionLevelArray[i].level_data);
}
}
if (optionSelectedArray.length === $scope._data_product_id.product_attribute.option_data.pclass_array.length) {
$scope.optionToCalculateNext = true;
}
if (!$scope.optionToCalculateNext) {
return;
}
for (var i = 0; i < $scope._data_product_id.product_attribute.option_data.variant_array.length; i++) {
var _self = $scope._data_product_id.product_attribute.option_data.variant_array[i];
var _self_option = angular.fromJson(_self.option_id_json);
if (compareArray(optionSelectedArray, _self_option)) {
$scope._data_product_id.product_id = _self.product_id;
$scope._data_product_id.product_price = _self.price;
$scope._data_product_id.product_sku = _self.sku;
/*$scope._data_product_id.product_compare_price = _self.compare_price;*/
$scope._data_product_id.product_variant_compare_price = _self.compare_price;
console.log("selectedOptionTextJson: option", _self);
$scope.selectedOptionTextJson = _self.option_id_json;
console.log('selectedOptionTextJson: Key', '-' + optionSelectedArray.join('-') + '-');
/* Switch Quantity Input */
/* $scope.switchQuantityByKey('-' + optionSelectedArray.join('-') + '-');*/
/* Find Image Variant */
if (_self.variant_image.length) {
var rightImagePosition = 0;
for (var im = 0; im < $scope._data_product_id.product_image.length; im++) {
if ($scope._data_product_id.product_image[im].image_id == _self.variant_image[0].image_id) {
rightImagePosition = im;
break;
}
}
/*$timeout(function () {
console.log("Found Varaint Image", _self.variant_image[0].image_id);
if ($(window).width <= 991) {
$scope._slickGoto('sliderDetailView', rightImagePosition);
} else {
angular.element('.d_gallery .item[data-image-id="' + _self.variant_image[0].image_id + '"]').click();
}
}, 300);*/
}
break;
}
}
$scope.checkIfFullySelect($scope.product_original_id);
};
$scope.buttonChangeState = function(t, varaint_id){
var b = $('.quick-buy-btn[varaint-product-id="'+varaint_id+'"]');
console.log("buttonChangeState",t);
switch(t){
case 'wait':
b.removeAttr("data-background-color");
b.html("Waiting..");
break;
case 'finish':
b.html("In Cart");
b.attr("data-background-color","primary_darkest");
break;
default:
b.removeAttr("data-background-color");
b.html(' Buy Now');
break;
}
};
$scope.buyProcess = function(product_id, quantity){
var requireLogin = ($scope.requirelogin == 1 || $scope.requirelogin == true || $scope.requirelogin == 'true') ? true : false;
if (!UiCustomerBox.delegate.get.isLogin() && requireLogin) {
return UiCustomerBox.delegate.modal.openLoginForm();
}
if (!UiCart.delegate.product.isSelected(product_id)) {
if (!UiCart.delegate.product.isProgress(product_id)) {
$scope.buttonChangeState("wait", product_id);
console.log("adding", product_id, quantity);
UiCart.delegate.product.add(product_id, quantity);
/* Pixel */
$pixelScript.event('AddToCart');
$timeout(function(){
$scope.buttonChangeState("finish", product_id);
}, 1000);
return;
} else {
return UiCart.delegate.modal.open();
}
}
return UiCart.delegate.modal.open();
};
$scope.showBuyOption = function(id){
console.log("checkIfFullySelect: full",id);
if(!$('[quick-buy]').length){
return;
}
var original_id = id;
var varaint_id = $scope._data_product_id.product_id;
$(function(){
$('[quick-buy="'+original_id+'"]').html('BOOK NOW
');
$('.quick-buy-btn[product-id="'+original_id+'"]').on('click', function(){
var currentVaraintProductId = $(this).attr("varaint-product-id");
window.location.href = GURL.base_url() + "checkout?pdata="+currentVaraintProductId+'-1';
// $scope.buyProcess($(this).attr("varaint-product-id"),1);
});
$timeout(function(){
$('[quick-buy="'+original_id+'"]').show('fast');
}, 100);
});
};
$scope.isFull = false;
$scope.checkIfFullySelect = function(id){
var a = 0;
for(var i = 0; i < $scope.productOptionLevelArray.length; i++){
if($scope.productOptionLevelArray[i].level_data != 0){
a = a + 1;
}
}
if(a >= $scope.productOptionLevelArray.length){
console.log("checkIfFullySelect", a, $scope.productOptionLevelArray.length);
$scope.isFull = true;
$scope.showBuyOption(id);
}
};
};
return promise;
});
_ui_share_app.directive('componentQuotationPageB', function($rootScope, $routeParams) {
var templateName = 'componentQuotationPageB';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
texthead: '@texthead',
imgpath: '@imgpath',
contact: '@contact',
stylebutton: '@stylebutton',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope._component = {
name: "componentQuotationPageB",
show: (window.location.hostname == "localhost") ? true : false
};
$scope._imgPath = CUR_THEME.file_url() + "images/";
$scope._icnPath = CUR_THEME.file_url() + "../../assets/";
$scope._btnstyle = ($scope.stylebutton != undefined && $scope.stylebutton != "") ? $scope.stylebutton : "filled_button_xsmall";
$scope.getData = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._component.show) {
console.log($scope._component.name, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
getRouteParams: function(callback) {
var _self = this;
var params = $routeParams;
var state = _self.stateData(true, false);
_self.consoleLog("getRouteParams", "params", params);
callback(_self, params, state);
},
formatDataSend: function(data, callback) {
var _self = this;
_self.consoleLog("formatDataSend", "data", data);
callback(data);
},
stateData: function(load, done) {
var _self = this;
var state = {
load: load,
done: done
};
_self.consoleLog("stateData", "state", state);
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("dataSend", "api", api);
_self.consoleLog("dataSend", "dataSend", dataSend);
callback(api, dataSend);
},
checkGetApi: function(resApi, callback) {
var _self = this;
var ok = false;
if (resApi.ok == 1) {
ok = true;
}
_self.consoleLog("checkGetApi", "ok", ok);
callback(ok);
},
getApi: function(api, dataSend, callback) {
var _self = this;
var state = _self.stateData(true, false);
GAEAPI.get(api, dataSend, $scope).then(function(res_api) {
_self.consoleLog("getApi", "res_api", res_api);
_self.checkGetApi(res_api, function(res_ok) {
_self.consoleLog("getApi", "res_ok", res_ok);
state = _self.stateData(false, true);
_self.consoleLog("checkGetApi", "state", state);
callback(res_ok, res_api, state);
})
});
},
main: function() {
var _self = this;
}
}
return getFunction;
};
$scope.form = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._component.show) {
console.log($scope._component.name, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
isEmail: function(email, callback) {
var state = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
var res_state = state.test(email);
callback(res_state);
},
isPhone: function(phone, callback) {
var state = /^(([0-9]{3}))([0-9]{3})([0-9]{4})$/;
var res_state = state.test(phone);
callback(res_state);
},
isText: function(text, callback) {
var _self = this;
var state = text.length;
var res_state = (state >= 5) ? true : false;
callback(res_state);
},
checkInput: function(data, callback) {
var _self = this;
var res_input_state = true;
angular.forEach(data.input_array, function(item, index) {
if (item.type.name == "input_email") {
_self.isEmail(item.type.data, function(res_state) {
res_input_state = (res_state) ? (!res_input_state) ? false : true : false;
_self.consoleLog("isEmail", "res_state", res_state);
if (!res_state) {
$("[name='" + item.type.name + "']").addClass('error');
} else {
$("[name='" + item.type.name + "']").removeClass('error');
}
});
} else if (item.type.name == "input_phone") {
_self.isPhone(item.type.data, function(res_state) {
res_input_state = (res_state) ? (!res_input_state) ? false : true : false;
_self.consoleLog("isPhone", "res_state", res_state);
if (!res_state) {
$("[name='" + item.type.name + "']").addClass('error');
} else {
$("[name='" + item.type.name + "']").removeClass('error');
}
});
} else if (item.type.name == "button_send") {} else if (item.type.name == "input_picture") {} else {
_self.isText(item.type.data, function(res_state) {
res_input_state = (res_state) ? (!res_input_state) ? false : true : false;
_self.consoleLog("isText", "res_state", res_state);
if (!res_state) {
$("[name='" + item.type.name + "']").addClass('error');
} else {
$("[name='" + item.type.name + "']").removeClass('error');
}
});
}
});
callback(res_input_state);
},
submit: function(index) {
var _self = this;
_self.consoleLog("submit", "index", index);
$scope.form_array[index].state = 'loader';
_self.checkInput($scope.form_array[index], function(res_input_state) {
_self.consoleLog("submit", "res_input_state", res_input_state);
if (res_input_state) {
var formData = new FormData($('#contact-form-' + $scope.form_array[index].type)[0]);
formData.append('input_owner_name', $scope.data_api.shop_current.data_array.shop_name);
if ($scope.data_api.shop_current.data_array.shop_extend_data.contact_email != '') {
formData.append('input_owner_contact', 'klitsadee.ch@worldcamera.co.th');
/* $scope.data_api.shop_current.data_array.shop_extend_data.contact_email */
/* klitsadee.ch@worldcamera.co.th */
$.ajax({
url: _ui_share_host + '../sendgrid/send-email_quotation_world.php',
method: 'POST',
data: formData,
cache: false,
contentType: false,
processData: false,
success: function(data, textStatus, jqXHR) {
$scope.form_array[index].state = 'success';
},
error: function(jqXHR, textStatus, errorThrown) {
$scope.form_array[index].state = 'error';
}
});
} else {
$scope.form_array[index].state = 'wait input';
}
} else {
$scope.form_array[index].state = 'wait input';
}
})
}
}
return getFunction;
};
$scope.form_array = [{
type: "a",
state: 'wait input',
input_array: [{
form_title: "ชื่อของท่าน(หรือชื่อบริษัท)",
form_error: "กรุณากรอก ชื่อของท่าน(หรือชื่อบริษัท) ของท่าน",
type: {
name: "input_name",
type: [{
type: "input"
}, {
type: "text"
}],
data: ""
}
}, {
form_title: "หมายเลขโทรศัพท์ ",
form_error: "กรุณากรอก หมายเลขโทรศัพท์ ของท่าน",
type: {
name: "input_phone",
type: [{
type: "input"
}, {
type: "text"
}],
data: ""
}
}, {
form_title: "อีเมล",
form_error: "กรุณากรอก อีเมล ของท่าน",
type: {
name: "input_email",
type: [{
type: "input"
}, {
type: "text"
}],
data: ""
}
}, {
form_title: "รายละเอียดใบเสนอราคา",
form_error: "กรุณากรอกราย รายละเอียดใบเสนอราคา ของท่าน",
type: {
name: "textarea_message",
type: [{
type: "textarea"
}, {
type: "text"
}],
data: ""
}
}, {
form_title: "",
form_error: "",
type: {
name: "input_picture",
type: [{
type: "file"
}, {
type: "file"
}],
data: ""
}
}, {
form_title: "ส่งคำขอใบเสนอราคา",
form_error: "",
type: {
name: "button_send",
type: [{
type: "button"
}, {
type: "text"
}],
data: ""
}
}]
}];
$scope.data_api = {
shop_current: {
data_send: {},
api: "shop/current",
ok: false,
data_array: [],
data_array_state: {
load: false,
done: false
}
}
};
$scope.getData().getRouteParams(function(_self, params, state) {
$scope.data_api.shop_current.data_array_state = state;
_self.formatDataSend($scope.data_api.shop_current, function(res_data) {
_self.dataSend(res_data.api, res_data.data_send, function(res_api, res_data_send) {
_self.getApi(res_api, res_data_send, function(res_ok, res_api, res_state) {
res_data.ok = res_ok;
res_data.data_array = res_api.data;
res_data.data_array_state = res_state;
_self.consoleLog("getApiData", "res_data", res_data);
});
});
});
});
};
return promise;
});_ui_share_app.factory('$componentReferral', function componentReferral($routeParams, $timeout) {
return
});_ui_share_app.directive('componentReferralTypeA', function($rootScope, $routeParams) {
var templateName = 'componentReferralTypeA';
var componentMain = 'componentReferral';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
referralid: '@referralid',
sort: '@sort',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope._dataArray = [];
$scope._getDataArray = function(referralid) {
var dataSend = {
'txt_referral_id': referralid,
'txt_sortby': $scope.sort,
};
GAEAPI.get('referral/relation', dataSend).then(function(res) {
if (res.ok === 1) {
$scope._dataArray = res.data;
}
});
};
$scope._getDataArray($scope.referralid);
$scope._viewRouteParams = function() {
return $routeParams || false;
};
$scope.showDebug = function() {
return (typeof $routeParams.debug !== 'undefined') ? true : false;
};
};
return promise;
});/* Cart displat at right side of page */
var $inregisterPopup = {};
/* params */
$inregisterPopup.path = CUR_THEME.devsource_url() + "dev.sugarfree/share/componentRegister/";
$inregisterPopup.templateRoot = 'root.php';
$inregisterPopup.assetsPath = CUR_THEME.extensions_url() + '../../assets/';
$inregisterPopup.indexCout = 0;
Number.prototype.formatMoney = function(c, d, t) {
var n = this,
c = isNaN(c = Math.abs(c)) ? 2 : c,
d = d == undefined ? "." : d,
t = t == undefined ? "," : t,
s = n < 0 ? "-" : "",
i = String(parseInt(n = Math.abs(Number(n) || 0).toFixed(c))),
j = (j = i.length) > 3 ? j % 3 : 0;
return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : "");
};
/* Install */
$inregisterPopup.install = function(shopId, customBuild) {
/* dont install in (checkout, register) */
this.templateRoot = 'root.php';
$.get($inregisterPopup.path + 'componentRegister.css', function(response) {
$('head').append('');
});
$.get($inregisterPopup.path + 'root.php', {
imgpath: this.assetsPath,
shopId: shopId,
custom: customBuild,
path: $inregisterPopup.path
}, function(response) {
$('body').append(response);
});
/* fix ios height */
var winHightTimer = setTimeout(function() {
clearTimeout(winHightTimer);
}, 2000);
};
$inregisterPopup.api = GURL.base_api_url();
/* Install */
/* register model */
$inregisterPopup.register = {
firstname: '',
lastname: '',
email: '',
password: '',
pressing: false,
errore_mail: false,
errore_password: false,
};
$inregisterPopup.error = {
firstnameExist: false,
lastnameExist: false,
emailExist: false,
firstname: false,
lastname: false,
email: false,
emailText: 'ตรวจสอบรูปแบบอีเมล Email should be valid (name@domain.com)',
password: false,
passwordText: ' ตรวจสอบรูปแบบให้ถูกต้อง Please correct the format',
wrong_password: false,
};
/* register model */
/* validateRegister */
$inregisterPopup.validateRegister = function() {
var promise = {
checkEmail: function(v, callback) {
$.ajax({
type: 'POST',
method: 'POST',
url: $inregisterPopup.host() + 'customer/is_exists_email',
data: {
txt_email: v
},
datatType: 'json'
}).done(function(e) {
callback(e);
});
},
focusFirstname: function() {
$inregisterPopup.error.firstname = false;
$inregisterPopup.error.firstnameExist = false;
$('#register-firstname-v1').css('border', '');
$("#register-error-firstname-v1").css('opacity', 0);
},
focusLastname: function() {
$inregisterPopup.error.lastname = false;
$inregisterPopup.error.lastnameExist = false;
$('#register-lastname-v1').css('border', '');
$("#register-error-lastname-v1").css('opacity', 0);
},
focusEmail: function() {
$inregisterPopup.error.email = false;
$inregisterPopup.error.emailExist = false;
$('#register-email-v1').css('border', '');
$("#register-error-email-v1").css('opacity', 0);
},
focusPassword: function() {
$inregisterPopup.error_password = false;
$inregisterPopup.error.wrong_password = false;
$('#register-password-v1').css('border', '');
$("#register-error-password-v1").css('opacity', 0);
},
firstname: function() {
var v = $('#register-firstname-v1').val();
var t = this;
var valid = $inregisterPopup.helper.isFirstname(v, true);
console.log("firstname v.length : ", v.length, " valid : ", valid);
if (v.length <= 0) {
$inregisterPopup.shake();
$inregisterPopup.validateRegister().firstnameInputNullError();
$inregisterPopup.error_firstname = false;
$inregisterPopup.error_firstnameExist = false;
return false;
} else {
if (v.length > 0 && !valid) {
$inregisterPopup.shake();
$inregisterPopup.validateRegister().firstnameInputError();
$inregisterPopup.error_firstname = true;
return false;
} else if (v.length > 0 && valid) {
$inregisterPopup.validateRegister().firstnameOk();
return true;
}
}
},
lastname: function() {
var v = $('#register-lastname-v1').val();
var t = this;
var valid = $inregisterPopup.helper.isLastname(v, true);
console.log("lastname v.length : ", v.length, " valid : ", valid);
if (v.length <= 0) {
$inregisterPopup.shake();
$inregisterPopup.validateRegister().lastnameInputNullError();
$inregisterPopup.error_lastname = false;
$inregisterPopup.error_lastnameExist = false;
return false;
} else {
if (v.length > 0 && valid) {
$inregisterPopup.validateRegister().lastnameOk();
return true;
} else {
$inregisterPopup.shake();
$inregisterPopup.validateRegister().lastnameInputError();
$inregisterPopup.error_lastname = true;
return false;
}
}
},
email: function() {
var v = $('#register-email-v1').val();
var t = this;
if (v.length <= 0) {
$inregisterPopup.shake();
$inregisterPopup.validateRegister().emailInputNullError();
$inregisterPopup.error_email = false;
$inregisterPopup.error_emailExist = false;
return false;
} else {
var valid = $inregisterPopup.helper.isEmail(v, true);
if (v.length > 0 && !valid) {
$inregisterPopup.shake();
$inregisterPopup.validateRegister().emailInputError();
$inregisterPopup.error_email = true;
return false;
} else if (v.length > 0 && valid) {
$inregisterPopup.validateRegister().emailOk();
return true;
}
}
},
firstnameOk: function() {
$('#register-firstname-v1').css('border', '2px solid green');
$inregisterPopup.validateRegister().firstnameInputOk();
},
lastnameOk: function() {
$('#register-lastname-v1').css('border', '2px solid green');
$inregisterPopup.validateRegister().lastnameInputOk();
},
emailOk: function() {
$('#register-email-v1').css('border', '2px solid green');
$inregisterPopup.validateRegister().emailInputOk();
},
firstnameInputOk: function() {
$("#register-error-firstname-v1").removeClass("error");
$("#register-error-firstname-v1").css('opacity', 0);
},
lastnameInputOk: function() {
$("#register-error-lastname-v1").removeClass("error");
$("#register-error-lastname-v1").css('opacity', 0);
},
emailInputOk: function() {
$("#register-error-email-v1").removeClass("error");
$("#register-error-email-v1").css('opacity', 0);
},
firstnameError: function() {
$("#register-firstname-v1").css('border', '2px solid red');
},
lastnameError: function() {
$("#register-lastname-v1").css('border', '2px solid red');
},
emailError: function() {
$("#register-email-v1").css('border', '2px solid red');
},
firstnameInputError: function() {
$inregisterPopup.validateRegister().firstnameError();
$("#register-error-firstname-v1").addClass("error");
$("#register-error-firstname-v1").css('opacity', 1).html('ตรวจสอบรูปแบบชื่อ Please check your format');
},
lastnameInputError: function() {
$inregisterPopup.validateRegister().lastnameError();
$("#register-error-lastname-v1").addClass("error");
$("#register-error-lastname-v1").css('opacity', 1).html('ตรวจสอบรูปแบบนามสกุล Please check your format');
},
emailInputRepeatedly: function() {
$inregisterPopup.validateRegister().emailError();
$("#register-error-email-v1").addClass("error");
$("#register-error-email-v1").css('opacity', 1).html('อีเมลนี้มีการลงทะเบียนเป็นสมาชิกแล้ว Email already exists');
},
passwordInputRepeatedly: function() {
$("#register-password-v1").css('border', '1px solid #dddddd');
},
emailInputError: function() {
$inregisterPopup.validateRegister().emailError();
$("#register-error-email-v1").addClass("error");
$("#register-error-email-v1").css('opacity', 1).html('ตรวจสอบรูปแบบอีเมล Email should be valid เช่น getappeasy@gmail.com');
},
firstnameInputNullError: function() {
$inregisterPopup.validateRegister().firstnameError();
$("#register-error-firstname-v1").addClass("error");
// $("#register-error-firstname-v1").css('opacity', 1).html('ตรวจสอบรูปแบบชื่อ Please check your format');
},
lastnameInputNullError: function() {
$inregisterPopup.validateRegister().lastnameError();
$("#register-error-lastname-v1").addClass("error");
// $("#register-error-lastname-v1").css('opacity', 1).html('ตรวจสอบรูปแบบนามสกุล Please check your format)');
},
emailInputNullError: function() {
$inregisterPopup.validateRegister().emailError();
$("#register-error-email-v1").addClass("error");
// $("#register-error-email-v1").css('opacity', 1).html('ตรวจสอบรูปแบบอีเมล Email should be valid (name@domain.com)');
},
password: function() {
var v = $('#register-password-v1').val();
if (v.length <= 0) {
$inregisterPopup.validateRegister().passwordInputNullError();
$inregisterPopup.shake();
return false;
}
if (v.length > 0 && v.length >= 6) {
$inregisterPopup.error_password = false;
$inregisterPopup.validateRegister().passwordOk();
return true;
} else if (v.length > 0 && v.length < 6) {
$inregisterPopup.error_password = true;
$inregisterPopup.shake();
$inregisterPopup.validateRegister().passwordInputError();
return false;
}
},
passwordOk: function() {
$("#register-password-v1").css('border', '2px solid green');
$inregisterPopup.validateRegister().passwordInputOk();
},
passwordInputOk: function() {
$("#register-error-password-v1").removeClass("error");
$("#register-error-password-v1").css('opacity', 0);
},
passwordError: function() {
$("#register-password-v1").css('border', '2px solid red');
},
passwordInputError: function() {
$inregisterPopup.validateRegister().passwordError();
$("#register-error-password-v1").addClass("error");
$("#register-error-password-v1").css('opacity', 1).html('ตรวจสอบรูปแบบให้ถูกต้อง Please correct the format');
},
passwordInputNullError: function() {
$inregisterPopup.validateRegister().passwordError();
$("#register-error-password-v1").addClass("error");
// $("#register-error-password-v1").css('opacity', 1).html('error password ตรวจสอบรูปแบบให้ถูกต้อง Please correct the format');
},
resetFirstname: function() {
$("#register-firstname-v1").css('border', '');
$("#register-firstname-v1").val('');
$("#register-error-firstname-v1").css('opacity', 0);
},
resetLastname: function() {
$("#register-lastname-v1").css('border', '');
$("#register-lastname-v1").val('');
$("#register-error-lastname-v1").css('opacity', 0);
},
resetEmail: function() {
$("#register-email-v1").css('border', '');
$("#register-email-v1").val('');
$("#register-error-email-v1").css('opacity', 0);
},
resetPassword: function() {
$("#register-password-v1").css('border', '');
$("#register-password-v1").val('');
$("#register-error-password-v1").css('opacity', 0);
},
reset: function() {
$inregisterPopup.validateRegister().resetFirstname();
$inregisterPopup.validateRegister().resetLastname();
$inregisterPopup.validateRegister().resetEmail();
$inregisterPopup.validateRegister().resetPassword();
},
};
return promise;
};
/* validateRegister */
/* load html */
$inregisterPopup.viewHtml = function(viewName) {
var html = path + viewName;
return html;
};
$inregisterPopup.whenOnLoad = function(shopId) {};
$inregisterPopup.helper = {
countDots: function(s1, letter) {
return (s1.match(RegExp(letter, 'g')) || []).length;
},
isAlpabet: function(str) {
var strObj = str.match(/^[a-zA-zก-๙]+/g);
var returnStr = "";
for (var idx in strObj) {
returnStr += strObj[idx].replace("^", "");
}
return returnStr;
},
isFirstname: function(firstname) {
if (firstname.length > 1) {
return true;
} else {
return false;
}
},
isLastname: function(lastname) {
if (lastname.length > 1) {
return true;
} else {
return false;
}
},
isEmail: function(email) {
var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
var result = re.test(email);
var a = email.split('@');
var checkTopLevel = false;
if (result && a.length > 1) {
return (a[1].length >= 5) ? true : false;
} else {
return false;
}
},
isChar: function(e) {
var k = (e.which) ? e.which : e.keyCode;
if (k >= 48 && k <= 57) {
return false;
} else {
return k;
}
},
pageLoadState: false,
pageLoad: function() {
var load = $('.register_v1_load');
if (!load.hasClass('active')) {
load.addClass('active');
}
},
pageUnLoad: function() {
var load = $('.register_v1_load');
if (load.hasClass('active')) {
load.removeClass('active');
}
},
registerDone: function() {
var load = $('.register_v1_done');
if (!load.hasClass('active')) {
load.addClass('active');
}
timerAdjustOpen = setTimeout(function() {
$(".register_v1_done .register_done.from_background").addClass("is_open");
}, 100);
},
registerUnDone: function() {
var load = $('.register_v1_done');
if (load.hasClass('active')) {
load.removeClass('active');
}
timerAdjustOpen = setTimeout(function() {
$(".register_v1_done .register_done.from_background").removeClass("is_open");
}, 100);
},
};
/* load html */
/* submitRegister */
$inregisterPopup.submitRegister = function() {
$inregisterPopup.register.firstname = $('#register-firstname-v1').val();
$inregisterPopup.register.lastname = $('#register-lastname-v1').val();
$inregisterPopup.register.email = $('#register-email-v1').val();
$inregisterPopup.register.password = $('#register-password-v1').val();
var userFirstname = $inregisterPopup.register.firstname;
var userLastname = $inregisterPopup.register.lastname;
var userEmail = $inregisterPopup.register.email;
var userPass = $inregisterPopup.register.password;
var userFirstnameValid = $inregisterPopup.validateRegister().firstname();
var userLastnameValid = $inregisterPopup.validateRegister().lastname();
var userEmailValid = $inregisterPopup.validateRegister().email();
var userPassValid = $inregisterPopup.validateRegister().password();
console.log("submitRegister", "userFirstnameValid : ", userFirstnameValid, "userLastnameValid : ", userLastnameValid, "userEmailValid : ", userEmailValid, "userPassValid : ", userPassValid);
if (!userFirstnameValid || !userLastnameValid || !userEmailValid || !userPassValid) {
console.log("submitRegister", "return");
$inregisterPopup.shake();
return;
}
$inregisterPopup.validateRegister().checkEmail(userEmail, function(resultCheck) {
console.log("submitRegister", resultCheck);
if (resultCheck.ok == 0) {
console.log('submitRegister true');
$inregisterPopup.validateRegister().emailInputRepeatedly();
$inregisterPopup.validateRegister().passwordInputRepeatedly();
} else {
console.log('submitRegister false');
return $inregisterPopup.sendSubmitRegister(false);
}
});
};
/* submitRegister */
/* sendSubmitRegister */
$inregisterPopup.sendSubmitRegister = function(reCheck) {
$inregisterPopup.register.pressing = true
var userFirstname = $inregisterPopup.register.firstname;
var userLastname = $inregisterPopup.register.lastname;;
var userEmail = $inregisterPopup.register.email;
var userPass = $inregisterPopup.register.password;
console.log("sendSubmitRegister", reCheck);
if (reCheck) {
/* if error : firstname */
if (userFirstname.length <= 0) {
$inregisterPopup.validateRegister().firstnameInputError();
} else {
$inregisterPopup.validateRegister().firstnameOk();
}
/* if error : lastname */
if (userLastname.length <= 0) {
$inregisterPopup.validateRegister().lastnameInputError();
} else {
$inregisterPopup.validateRegister().lastnameOk();
}
/* if error : user */
if (userEmail.length <= 0) {
$inregisterPopup.validateRegister().emailInputError();
} else {
$inregisterPopup.validateRegister().emailOk();
}
/* if error : pass */
if (userPass.length <= 0) {
$inregisterPopup.validateRegister().passwordOk();
} else {
$inregisterPopup.validateRegister().passwordInputError();
}
/* firstname */
if (userFirstname.length > 0 && !$inregisterPopup.helper.isFirstname(userFirstname)) {
$inregisterPopup.error_firstname = true;
} else {
$inregisterPopup.error_firstname = false;
}
/* lastname */
if (userLastname.length > 0 && !$inregisterPopup.helper.isLastname(userLastname)) {
$inregisterPopup.error_lastname = true;
} else {
$inregisterPopup.error_lastname = false;
}
/* email */
if (userEmail.length > 0 && !$inregisterPopup.helper.isEmail(userEmail)) {
$inregisterPopup.error_email = true;
} else {
$inregisterPopup.error_email = false;
}
/* password */
if (userPass.length > 0 && userPass.length >= 6) {
$inregisterPopup.error_password = false;
} else if (userPass.length > 0 && userPass.length < 6) {
$inregisterPopup.error_password = true;
}
console.log("sendSubmitRegister", "error_firstname : ", $inregisterPopup.error_firstname, "error_lastname : ", $inregisterPopup.error_lastname, "error_email : ", $inregisterPopup.error_email, "error_password : ", $inregisterPopup.error_password);
if ($inregisterPopup.error_firstname || $inregisterPopup.error_lastname || $inregisterPopup.error_email || $inregisterPopup.error_password) {
console.log("sendSubmitRegister return");
$inregisterPopup.shake();
return;
}
}
/* loading */
$inregisterPopup.helper.pageLoad();
var dataSend = {
'txt_first_name': userFirstname,
'txt_last_name': userLastname,
'txt_email': userEmail,
'txt_password': userPass
};
console.log("sendSubmitRegister txt_email :", dataSend);
GAEAPI.post("ui/api/ui_customer_box/customer/register", dataSend).then(function(output) {
console.log("sendSubmitRegister register", output);
if (output.ok == 1) {
$inregisterPopup.close();
$inregisterPopup.helper.pageUnLoad();
$inregisterPopup.helper.registerDone();
GAEAPI.get('customer/logout', {}).then(function(output_logout) {
if (output_logout.ok == 1) {
UiCustomerBox.apiGetCustomerData(function() {});
}
});
} else {
$inregisterPopup.helper.pageUnLoad();
alert("Register ผิดพลาด! กรุณาลองใหม่อีกครั้ง");
}
});
/* loading */
};
/* sendSubmitRegister */
/* viewPassword */
$inregisterPopup.viewPassword = function(elementId) {
var e = $("#" + elementId);
var t = e.attr('type');
if (t === 'password') {
e.attr('type', 'text');
} else {
e.attr('type', 'password');
}
};
$inregisterPopup.resetViewPassword = function(elementId) {
var e = $("#" + elementId);
var t = e.attr('type');
e.attr('type', 'password');
};
/* viewPassword */
$inregisterPopup.host = function() {
if (window.location.href.indexOf('localhost') !== -1) {
return 'https://missmonribs.getappeasy.com/store/api/v1/';
}
return GURL.base_api_url();
}
/* Open */
var timerAdjustOpen = 0;
$inregisterPopup.isOpen = false;
$inregisterPopup.open = function() {
$inregisterPopup.resetViewPassword('register-password-v1');
$inregisterPopup.validateRegister().reset();
$(".register_overlay").addClass("is_open");
$('body').css({
'overflow': 'hidden',
'height': '100%'
});
timerAdjustOpen = setTimeout(function() {
$(".register.from_background").addClass("is_open");
}, 100);
$(document).keypress(function(e) {
var keycode = (e.keyCode ? e.keyCode : e.which);
if (keycode == '13') {
$inregisterPopup.submitRegister();
}
});
};
/* Open */
/* Close */
$inregisterPopup.close = function() {
$(".register_overlay").removeClass("is_open");
$(".register.from_background").removeClass("is_open");
$('body').css({
'overflow': 'auto'
});
};
/* Close */
/* shake */
$inregisterPopup.shake = function() {
$(".register.from_background.is_open").addClass('shake');
timerAdjustOpen = setTimeout(function() {
$(".register.from_background.is_open").removeClass('shake');
}, 100);
}
/* shake */
/* login */
$inregisterPopup.login = function() {
$inregisterPopup.close();
$inregisterPopup.helper.registerUnDone();
$inloginPopup.open();
}
/* login */
/* toHome */
$inregisterPopup.toHome = function() {
$inregisterPopup.helper.registerUnDone();
window.location.href = 'home';
};
/* toHome */
/* Init */
/* Init */
/* Init */
/* $(function() {
var currentShopId = parseInt(CUR_THEME.shop_id());
switch (currentShopId) {
case 541:
$inregisterPopup.install(currentShopId, false);
break;
case 635:
$inregisterPopup.install(currentShopId, false);
break;
case 646:
$inregisterPopup.install(currentShopId, false);
break;
case 647:
$inregisterPopup.install(currentShopId, false);
break;
case 676:
$inregisterPopup.install(currentShopId, false);
break;
case 717:
$inregisterPopup.install(currentShopId, false);
break;
case 718:
$inregisterPopup.install(currentShopId, false);
break;
case 723:
$inregisterPopup.install(currentShopId, false);
break;
case 729:
$inregisterPopup.install(currentShopId, false);
break;
case 731:
$inregisterPopup.install(currentShopId, false);
break;
case 741:
$inregisterPopup.install(currentShopId, false);
break;
case 742:
$inregisterPopup.install(currentShopId, false);
break;
case 732:
$inregisterPopup.install(currentShopId, false);
break;
case 488:
$inregisterPopup.install(currentShopId, false);
break;
default:
break;
}
}); *//* Cart displat at right side of page */
var $inregisterPopupTypeProin = {};
/* params */
$inregisterPopupTypeProin.path = CUR_THEME.devsource_url() + "dev.sugarfree/share/componentRegisterProin/";
$inregisterPopupTypeProin.templateRoot = 'root.php';
$inregisterPopupTypeProin.assetsPath = CUR_THEME.extensions_url() + '../../assets/';
$inregisterPopupTypeProin.indexCout = 0;
Number.prototype.formatMoney = function(c, d, t) {
var n = this,
c = isNaN(c = Math.abs(c)) ? 2 : c,
d = d == undefined ? "." : d,
t = t == undefined ? "," : t,
s = n < 0 ? "-" : "",
i = String(parseInt(n = Math.abs(Number(n) || 0).toFixed(c))),
j = (j = i.length) > 3 ? j % 3 : 0;
return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : "");
};
/* Install */
$inregisterPopupTypeProin.install = function(shopId, logo, customBuild) {
/* dont install in (checkout, register) */
this.templateRoot = 'root.php';
var logoin = logo;
$.get($inregisterPopupTypeProin.path + 'componentRegisterProin.css', function(response) {
$('head').append('');
});
$.get($inregisterPopupTypeProin.path + 'root.php', {
imgpath: this.assetsPath,
shopId: shopId,
logo: logoin,
custom: customBuild,
path: $inregisterPopupTypeProin.path
}, function(response) {
$('body').append(response);
});
/* fix ios height */
var winHightTimer = setTimeout(function() {
clearTimeout(winHightTimer);
}, 2000);
};
$inregisterPopupTypeProin.api = GURL.base_api_url();
/* Install */
/* register model */
$inregisterPopupTypeProin.register = {
firstname: '',
lastname: '',
email: '',
password: '',
pressing: false,
errore_mail: false,
errore_password: false,
};
$inregisterPopupTypeProin.error = {
firstnameExist: false,
lastnameExist: false,
emailExist: false,
firstname: false,
lastname: false,
email: false,
emailText: 'ตรวจสอบรูปแบบอีเมล Email should be valid (name@domain.com)',
password: false,
passwordText: ' ตรวจสอบรูปแบบให้ถูกต้อง Please correct the format',
wrong_password: false,
};
/* register model */
/* validateRegister */
$inregisterPopupTypeProin.validateRegister = function() {
var promise = {
checkEmail: function(v, callback) {
$.ajax({
type: 'POST',
method: 'POST',
url: $inregisterPopupTypeProin.host() + 'customer/is_exists_email',
data: {
txt_email: v
},
datatType: 'json'
}).done(function(e) {
callback(e);
});
},
focusFirstname: function() {
$inregisterPopupTypeProin.error.firstname = false;
$inregisterPopupTypeProin.error.firstnameExist = false;
$('#register-firstname-v1').css('border', '');
},
focusLastname: function() {
$inregisterPopupTypeProin.error.lastname = false;
$inregisterPopupTypeProin.error.lastnameExist = false;
$('#register-lastname-v1').css('border', '');
},
focusEmail: function() {
$inregisterPopupTypeProin.error.email = false;
$inregisterPopupTypeProin.error.emailExist = false;
$('#register-email-v1').css('border', '');
},
focusPassword: function() {
$inregisterPopupTypeProin.error_password = false;
$inregisterPopupTypeProin.error.wrong_password = false;
$('#register-password-v1').css('border', '');
},
firstname: function() {
var v = $('#register-firstname-v1').val();
var t = this;
var valid = $inregisterPopupTypeProin.helper.isFirstname(v, true);
console.log("firstname v.length : ", v.length, " valid : ", valid);
if (v.length <= 0) {
$inregisterPopupTypeProin.shake();
$inregisterPopupTypeProin.validateRegister().firstnameInputNullError();
$inregisterPopupTypeProin.error_firstname = false;
$inregisterPopupTypeProin.error_firstnameExist = false;
return false;
} else {
if (v.length > 0 && !valid) {
$inregisterPopupTypeProin.shake();
$inregisterPopupTypeProin.validateRegister().firstnameInputError();
$inregisterPopupTypeProin.error_firstname = true;
return false;
} else if (v.length > 0 && valid) {
$inregisterPopupTypeProin.validateRegister().firstnameOk();
return true;
}
}
},
lastname: function() {
var v = $('#register-lastname-v1').val();
var t = this;
var valid = $inregisterPopupTypeProin.helper.isLastname(v, true);
console.log("lastname v.length : ", v.length, " valid : ", valid);
if (v.length <= 0) {
$inregisterPopupTypeProin.shake();
$inregisterPopupTypeProin.validateRegister().lastnameInputNullError();
$inregisterPopupTypeProin.error_lastname = false;
$inregisterPopupTypeProin.error_lastnameExist = false;
return false;
} else {
if (v.length > 0 && valid) {
$inregisterPopupTypeProin.validateRegister().lastnameOk();
return true;
} else {
$inregisterPopupTypeProin.shake();
$inregisterPopupTypeProin.validateRegister().lastnameInputError();
$inregisterPopupTypeProin.error_lastname = true;
return false;
}
}
},
email: function() {
var v = $('#register-email-v1').val();
var t = this;
if (v.length <= 0) {
$inregisterPopupTypeProin.shake();
$inregisterPopupTypeProin.validateRegister().emailInputNullError();
$inregisterPopupTypeProin.error_email = false;
$inregisterPopupTypeProin.error_emailExist = false;
return false;
} else {
var valid = $inregisterPopupTypeProin.helper.isEmail(v, true);
if (v.length > 0 && !valid) {
$inregisterPopupTypeProin.shake();
$inregisterPopupTypeProin.validateRegister().emailInputError();
$inregisterPopupTypeProin.error_email = true;
return false;
} else if (v.length > 0 && valid) {
$inregisterPopupTypeProin.validateRegister().emailOk();
return true;
}
}
},
firstnameOk: function() {
$('#register-firstname-v1').css('border', '2px solid green');
$inregisterPopupTypeProin.validateRegister().firstnameInputOk();
},
lastnameOk: function() {
$('#register-lastname-v1').css('border', '2px solid green');
$inregisterPopupTypeProin.validateRegister().lastnameInputOk();
},
emailOk: function() {
$('#register-email-v1').css('border', '2px solid green');
$inregisterPopupTypeProin.validateRegister().emailInputOk();
},
firstnameInputOk: function() {
$("#register-error-firstname-v1").removeClass("error");
$("#register-error-firstname-v1").css('opacity', 0);
},
lastnameInputOk: function() {
$("#register-error-lastname-v1").removeClass("error");
$("#register-error-lastname-v1").css('opacity', 0);
},
emailInputOk: function() {
$("#register-error-email-v1").removeClass("error");
$("#register-error-email-v1").css('opacity', 0);
},
firstnameError: function() {
$("#register-firstname-v1").css('border', '2px solid red');
},
lastnameError: function() {
$("#register-lastname-v1").css('border', '2px solid red');
},
emailError: function() {
$("#register-email-v1").css('border', '2px solid red');
},
firstnameInputError: function() {
$inregisterPopupTypeProin.validateRegister().firstnameError();
$("#register-error-firstname-v1").addClass("error");
$("#register-error-firstname-v1").css('opacity', 1).html('ตรวจสอบรูปแบบชื่อ Please check your format');
},
lastnameInputError: function() {
$inregisterPopupTypeProin.validateRegister().lastnameError();
$("#register-error-lastname-v1").addClass("error");
$("#register-error-lastname-v1").css('opacity', 1).html('ตรวจสอบรูปแบบนามสกุล Please check your format');
},
emailInputRepeatedly: function() {
$inregisterPopupTypeProin.validateRegister().emailError();
$("#register-error-email-v1").addClass("error");
$("#register-error-email-v1").css('opacity', 1).html('อีเมลนี้มีการลงทะเบียนเป็นสมาชิกแล้ว Email already exists');
},
passwordInputRepeatedly: function() {
$("#register-password-v1").css('border', '1px solid #dddddd');
},
emailInputError: function() {
$inregisterPopupTypeProin.validateRegister().emailError();
$("#register-error-email-v1").addClass("error");
$("#register-error-email-v1").css('opacity', 1).html('ตรวจสอบรูปแบบอีเมล Email should be valid เช่น getappeasy@gmail.com');
},
firstnameInputNullError: function() {
$inregisterPopupTypeProin.validateRegister().firstnameError();
$("#register-error-firstname-v1").addClass("error");
// $("#register-error-firstname-v1").css('opacity', 1).html('ตรวจสอบรูปแบบชื่อ Please check your format');
},
lastnameInputNullError: function() {
$inregisterPopupTypeProin.validateRegister().lastnameError();
$("#register-error-lastname-v1").addClass("error");
// $("#register-error-lastname-v1").css('opacity', 1).html('ตรวจสอบรูปแบบนามสกุล Please check your format)');
},
emailInputNullError: function() {
$inregisterPopupTypeProin.validateRegister().emailError();
$("#register-error-email-v1").addClass("error");
// $("#register-error-email-v1").css('opacity', 1).html('ตรวจสอบรูปแบบอีเมล Email should be valid (name@domain.com)');
},
password: function() {
var v = $('#register-password-v1').val();
if (v.length <= 0) {
$inregisterPopupTypeProin.validateRegister().passwordInputNullError();
$inregisterPopupTypeProin.shake();
return false;
}
if (v.length > 0 && v.length >= 6) {
$inregisterPopupTypeProin.error_password = false;
$inregisterPopupTypeProin.validateRegister().passwordOk();
return true;
} else if (v.length > 0 && v.length < 6) {
$inregisterPopupTypeProin.error_password = true;
$inregisterPopupTypeProin.shake();
$inregisterPopupTypeProin.validateRegister().passwordInputError();
return false;
}
},
passwordOk: function() {
$("#register-password-v1").css('border', '2px solid green');
$inregisterPopupTypeProin.validateRegister().passwordInputOk();
},
passwordInputOk: function() {
$("#register-error-password-v1").removeClass("error");
$("#register-error-password-v1").css('opacity', 0);
},
passwordError: function() {
$("#register-password-v1").css('border', '2px solid red');
},
passwordInputError: function() {
$inregisterPopupTypeProin.validateRegister().passwordError();
$("#register-error-password-v1").addClass("error");
$("#register-error-password-v1").css('opacity', 1).html('ตรวจสอบรูปแบบให้ถูกต้อง Please correct the format');
},
passwordInputNullError: function() {
$inregisterPopupTypeProin.validateRegister().passwordError();
$("#register-error-password-v1").addClass("error");
// $("#register-error-password-v1").css('opacity', 1).html('error password ตรวจสอบรูปแบบให้ถูกต้อง Please correct the format');
},
resetFirstname: function() {
$("#register-firstname-v1").css('border', '');
$("#register-firstname-v1").val('');
$("#register-error-firstname-v1").css('opacity', 0);
},
resetLastname: function() {
$("#register-lastname-v1").css('border', '');
$("#register-lastname-v1").val('');
$("#register-error-lastname-v1").css('opacity', 0);
},
resetEmail: function() {
$("#register-email-v1").css('border', '');
$("#register-email-v1").val('');
$("#register-error-email-v1").css('opacity', 0);
},
resetPassword: function() {
$("#register-password-v1").css('border', '');
$("#register-password-v1").val('');
$("#register-error-password-v1").css('opacity', 0);
},
reset: function() {
$inregisterPopupTypeProin.validateRegister().resetFirstname();
$inregisterPopupTypeProin.validateRegister().resetLastname();
$inregisterPopupTypeProin.validateRegister().resetEmail();
$inregisterPopupTypeProin.validateRegister().resetPassword();
},
};
return promise;
};
/* validateRegister */
/* load html */
$inregisterPopupTypeProin.viewHtml = function(viewName) {
var html = path + viewName;
return html;
};
$inregisterPopupTypeProin.whenOnLoad = function(shopId) {};
$inregisterPopupTypeProin.helper = {
countDots: function(s1, letter) {
return (s1.match(RegExp(letter, 'g')) || []).length;
},
isAlpabet: function(str) {
var strObj = str.match(/^[a-zA-zก-๙]+/g);
var returnStr = "";
for (var idx in strObj) {
returnStr += strObj[idx].replace("^", "");
}
return returnStr;
},
isFirstname: function(firstname) {
if (firstname.length > 1) {
return true;
} else {
return false;
}
},
isLastname: function(lastname) {
if (lastname.length > 1) {
return true;
} else {
return false;
}
},
isEmail: function(email) {
var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
var result = re.test(email);
var a = email.split('@');
var checkTopLevel = false;
if (result && a.length > 1) {
return (a[1].length >= 5) ? true : false;
} else {
return false;
}
},
isChar: function(e) {
var k = (e.which) ? e.which : e.keyCode;
if (k >= 48 && k <= 57) {
return false;
} else {
return k;
}
},
pageLoadState: false,
pageLoad: function() {
var load = $('.register_vProin_load');
if (!load.hasClass('active')) {
load.addClass('active');
}
},
pageUnLoad: function() {
var load = $('.register_vProin_load');
if (load.hasClass('active')) {
load.removeClass('active');
}
},
registerDone: function() {
var load = $('.register_vProin_done');
if (!load.hasClass('active')) {
load.addClass('active');
}
timerAdjustOpen = setTimeout(function() {
$(".register_vProin_done .register_done.from_background").addClass("is_open");
}, 100);
},
registerUnDone: function() {
var load = $('.register_vProin_done');
if (load.hasClass('active')) {
load.removeClass('active');
}
timerAdjustOpen = setTimeout(function() {
$(".register_vProin_done .register_done.from_background").removeClass("is_open");
}, 100);
},
};
/* load html */
/* submitRegister */
$inregisterPopupTypeProin.submitRegister = function() {
$inregisterPopupTypeProin.register.firstname = $('#register-firstname-v1').val();
$inregisterPopupTypeProin.register.lastname = $('#register-lastname-v1').val();
$inregisterPopupTypeProin.register.email = $('#register-email-v1').val();
$inregisterPopupTypeProin.register.password = $('#register-password-v1').val();
var userFirstname = $inregisterPopupTypeProin.register.firstname;
var userLastname = $inregisterPopupTypeProin.register.lastname;
var userEmail = $inregisterPopupTypeProin.register.email;
var userPass = $inregisterPopupTypeProin.register.password;
var userFirstnameValid = $inregisterPopupTypeProin.validateRegister().firstname();
var userLastnameValid = $inregisterPopupTypeProin.validateRegister().lastname();
var userEmailValid = $inregisterPopupTypeProin.validateRegister().email();
var userPassValid = $inregisterPopupTypeProin.validateRegister().password();
console.log("submitRegister", "userFirstnameValid : ", userFirstnameValid, "userLastnameValid : ", userLastnameValid, "userEmailValid : ", userEmailValid, "userPassValid : ", userPassValid);
if (!userFirstnameValid || !userLastnameValid || !userEmailValid || !userPassValid) {
console.log("submitRegister", "return");
$inregisterPopupTypeProin.shake();
return;
}
$inregisterPopupTypeProin.validateRegister().checkEmail(userEmail, function(resultCheck) {
console.log("submitRegister", resultCheck);
if (resultCheck.ok == 0) {
console.log('submitRegister true');
$inregisterPopupTypeProin.validateRegister().emailInputRepeatedly();
$inregisterPopupTypeProin.validateRegister().passwordInputRepeatedly();
} else {
console.log('submitRegister false');
return $inregisterPopupTypeProin.sendSubmitRegister(false);
}
});
};
/* submitRegister */
/* sendSubmitRegister */
$inregisterPopupTypeProin.sendSubmitRegister = function(reCheck) {
$inregisterPopupTypeProin.register.pressing = true
var userFirstname = $inregisterPopupTypeProin.register.firstname;
var userLastname = $inregisterPopupTypeProin.register.lastname;;
var userEmail = $inregisterPopupTypeProin.register.email;
var userPass = $inregisterPopupTypeProin.register.password;
console.log("sendSubmitRegister", reCheck);
if (reCheck) {
/* if error : firstname */
if (userFirstname.length <= 0) {
$inregisterPopupTypeProin.validateRegister().firstnameInputError();
} else {
$inregisterPopupTypeProin.validateRegister().firstnameOk();
}
/* if error : lastname */
if (userLastname.length <= 0) {
$inregisterPopupTypeProin.validateRegister().lastnameInputError();
} else {
$inregisterPopupTypeProin.validateRegister().lastnameOk();
}
/* if error : user */
if (userEmail.length <= 0) {
$inregisterPopupTypeProin.validateRegister().emailInputError();
} else {
$inregisterPopupTypeProin.validateRegister().emailOk();
}
/* if error : pass */
if (userPass.length <= 0) {
$inregisterPopupTypeProin.validateRegister().passwordOk();
} else {
$inregisterPopupTypeProin.validateRegister().passwordInputError();
}
/* firstname */
if (userFirstname.length > 0 && !$inregisterPopupTypeProin.helper.isFirstname(userFirstname)) {
$inregisterPopupTypeProin.error_firstname = true;
} else {
$inregisterPopupTypeProin.error_firstname = false;
}
/* lastname */
if (userLastname.length > 0 && !$inregisterPopupTypeProin.helper.isLastname(userLastname)) {
$inregisterPopupTypeProin.error_lastname = true;
} else {
$inregisterPopupTypeProin.error_lastname = false;
}
/* email */
if (userEmail.length > 0 && !$inregisterPopupTypeProin.helper.isEmail(userEmail)) {
$inregisterPopupTypeProin.error_email = true;
} else {
$inregisterPopupTypeProin.error_email = false;
}
/* password */
if (userPass.length > 0 && userPass.length >= 6) {
$inregisterPopupTypeProin.error_password = false;
} else if (userPass.length > 0 && userPass.length < 6) {
$inregisterPopupTypeProin.error_password = true;
}
console.log("sendSubmitRegister", "error_firstname : ", $inregisterPopupTypeProin.error_firstname, "error_lastname : ", $inregisterPopupTypeProin.error_lastname, "error_email : ", $inregisterPopupTypeProin.error_email, "error_password : ", $inregisterPopupTypeProin.error_password);
if ($inregisterPopupTypeProin.error_firstname || $inregisterPopupTypeProin.error_lastname || $inregisterPopupTypeProin.error_email || $inregisterPopupTypeProin.error_password) {
console.log("sendSubmitRegister return");
$inregisterPopupTypeProin.shake();
return;
}
}
/* loading */
$inregisterPopupTypeProin.helper.pageLoad();
var dataSend = {
'txt_first_name': userFirstname,
'txt_last_name': userLastname,
'txt_email': userEmail,
'txt_password': userPass
};
console.log("sendSubmitRegister txt_email :", dataSend);
GAEAPI.post("ui/api/ui_customer_box/customer/register", dataSend).then(function(output) {
console.log("sendSubmitRegister register", output);
if (output.ok == 1) {
$inregisterPopupTypeProin.close();
$inregisterPopupTypeProin.helper.pageUnLoad();
$inregisterPopupTypeProin.helper.registerDone();
GAEAPI.get('customer/logout', {}).then(function(output_logout) {
if (output_logout.ok == 1) {
UiCustomerBox.apiGetCustomerData(function() {});
}
});
} else {
$inregisterPopupTypeProin.helper.pageUnLoad();
alert("Register ผิดพลาด! กรุณาลองใหม่อีกครั้ง");
}
});
/* loading */
};
/* sendSubmitRegister */
/* viewPassword */
$inregisterPopupTypeProin.viewPassword = function(elementId) {
var e = $("#" + elementId);
var t = e.attr('type');
if (t === 'password') {
e.attr('type', 'text');
} else {
e.attr('type', 'password');
}
};
$inregisterPopupTypeProin.resetViewPassword = function(elementId) {
var e = $("#" + elementId);
var t = e.attr('type');
e.attr('type', 'password');
};
/* viewPassword */
$inregisterPopupTypeProin.host = function() {
if (window.location.href.indexOf('localhost') !== -1) {
return 'https://missmonribs.getappeasy.com/store/api/v1/';
}
return GURL.base_api_url();
}
/* Open */
var timerAdjustOpen = 0;
$inregisterPopupTypeProin.isOpen = false;
$inregisterPopupTypeProin.open = function() {
$inregisterPopupTypeProin.resetViewPassword('register-password-v1');
$inregisterPopupTypeProin.validateRegister().reset();
$(".register_overlay").addClass("is_open");
$('body').css({
'overflow': 'hidden',
'height': '100%'
});
timerAdjustOpen = setTimeout(function() {
$(".register.from_background").addClass("is_open");
}, 100);
$(document).keypress(function(e) {
var keycode = (e.keyCode ? e.keyCode : e.which);
if (keycode == '13') {
$inregisterPopupTypeProin.submitRegister();
}
});
};
/* Open */
/* Close */
$inregisterPopupTypeProin.close = function() {
$(".register_overlay").removeClass("is_open");
$(".register.from_background").removeClass("is_open");
$('body').css({
'overflow': 'auto'
});
};
/* Close */
/* shake */
$inregisterPopupTypeProin.shake = function() {
$(".register.from_background.is_open").addClass('shake');
timerAdjustOpen = setTimeout(function() {
$(".register.from_background.is_open").removeClass('shake');
}, 100);
}
/* shake */
/* login */
$inregisterPopupTypeProin.login = function() {
$inregisterPopupTypeProin.close();
$inregisterPopupTypeProin.helper.registerUnDone();
$inloginPopup.open();
}
/* login */
/* toHome */
$inregisterPopupTypeProin.toHome = function() {
$inregisterPopupTypeProin.helper.registerUnDone();
window.location.href = 'home';
};
/* toHome */
/* Init */
/* Init */
/* Init */
/* $(function() {
var currentShopId = parseInt(CUR_THEME.shop_id());
switch (currentShopId) {
case 541:
$inregisterPopupTypeProin.install(currentShopId, false);
break;
case 635:
$inregisterPopupTypeProin.install(currentShopId, false);
break;
case 646:
$inregisterPopupTypeProin.install(currentShopId, false);
break;
case 647:
$inregisterPopupTypeProin.install(currentShopId, false);
break;
case 676:
$inregisterPopupTypeProin.install(currentShopId, false);
break;
case 717:
$inregisterPopupTypeProin.install(currentShopId, false);
break;
case 718:
$inregisterPopupTypeProin.install(currentShopId, false);
break;
case 723:
$inregisterPopupTypeProin.install(currentShopId, false);
break;
case 729:
$inregisterPopupTypeProin.install(currentShopId, false);
break;
case 731:
$inregisterPopupTypeProin.install(currentShopId, false);
break;
case 741:
$inregisterPopupTypeProin.install(currentShopId, false);
break;
case 742:
$inregisterPopupTypeProin.install(currentShopId, false);
break;
case 732:
$inregisterPopupTypeProin.install(currentShopId, false);
break;
case 488:
$inregisterPopupTypeProin.install(currentShopId, false);
break;
default:
break;
}
}); */var $inregisterPopupTypeCct = {
path: CUR_THEME.devsource_url() + "dev.sugarfree/share/componentRegisterTypeCct/",
icnPath: CUR_THEME.extensions_url() + "../../assets/",
templateRoot: "root.php",
api: GURL.base_api_url(),
};
$inregisterPopupTypeCct.install = function(shopId, customBuild) {
$.get($inregisterPopupTypeCct.path + 'componentRegisterTypeCct.css', function(response) {
$('head').append('');
});
$.get($inregisterPopupTypeCct.path + 'root.php', {
imgpath: $inregisterPopupTypeCct.icnPath,
shopId: shopId,
custom: customBuild,
path: $inregisterPopupTypeCct.path
}, function(response) {
$('body').append(response);
});
};
$inregisterPopupTypeCct.display = function() {
var display = {
consoleLog: function(statu, data) {
var statuConsole = true;
if (statuConsole) {
console.log(statu, data);
}
},
contronlClass: function(class_in, array_in) {
$(class_in).css(array_in);
},
addClass: function(class_in, status) {
var class_add = $(class_in);
if (!class_add.hasClass(status)) {
class_add.addClass(status);
}
},
removeClass: function(class_in, status) {
var class_remove = $(class_in);
if (class_remove.hasClass(status)) {
class_remove.removeClass(status);
}
},
formPass: function(class_in) {
$(class_in).css('border', '2px solid green');
},
formError: function(class_in) {
$(class_in).css('border', '2px solid red');
},
getVal: function(class_or_id) {
var get_val = $(class_or_id).val();
return get_val;
},
postVal: function(class_or_id, text) {
var get_val = $(class_or_id).html(text);
},
postAppend: function(class_in, code_in) {
$(class_in).append(code_in);
},
setCss: function(class_in, styleOne, styleTwo) {
$(class_in).css(styleOne, styleTwo);
},
setVal: function(class_in, val) {
$(class_in).val(val);
},
reset: function() {
/* firstname */
$inverificationPopupTypeCct.display().setCss("#register-firstname-v1", "border", "");
$inverificationPopupTypeCct.display().setVal("#register-firstname-v1", "");
$inverificationPopupTypeCct.display().setCss("#register-error-firstname-v1", "opacity", 0);
/* lastname */
$inverificationPopupTypeCct.display().setCss("#register-lastname-v1", "border", "");
$inverificationPopupTypeCct.display().setVal("#register-lastname-v1", "");
$inverificationPopupTypeCct.display().setCss("#register-error-lastname-v1", "opacity", 0);
/* email */
$inverificationPopupTypeCct.display().setCss("#register-email-v1", "border", "");
$inverificationPopupTypeCct.display().setVal("#register-email-v1", "");
$inverificationPopupTypeCct.display().setCss("#register-error-email-v1", "opacity", 0);
/* mobile */
$inverificationPopupTypeCct.display().setCss("#register-mobile-v1", "border", "");
$inverificationPopupTypeCct.display().setVal("#register-mobile-v1", "");
$inverificationPopupTypeCct.display().setCss("#register-error-mobile-v1", "opacity", 0);
/* amwayid */
$inverificationPopupTypeCct.display().setCss("#register-amwayid-v1", "border", "");
$inverificationPopupTypeCct.display().setVal("#register-amwayid-v1", "");
$inverificationPopupTypeCct.display().setCss("#register-error-amwayid-v1", "opacity", 0);
/* team */
$inverificationPopupTypeCct.display().setCss("#register-group-v1", "border", "");
$inverificationPopupTypeCct.display().setVal("#register-group-v1", 0);
$inverificationPopupTypeCct.display().setCss("#register-error-group-v1", "opacity", 0);
/* password */
$inverificationPopupTypeCct.display().setCss("#register-password-v1", "border", "");
$inverificationPopupTypeCct.display().setVal("#register-password-v1", "");
$inverificationPopupTypeCct.display().setCss("#register-error-password-v1", "opacity", 0);
/* confirm-password */
$inverificationPopupTypeCct.display().setCss("#register-confirm-password-v1", "border", "");
$inverificationPopupTypeCct.display().setVal("#register-confirm-password-v1", "");
$inverificationPopupTypeCct.display().setCss("#register-error-confirm-password-v1", "opacity", 0);
},
};
return display;
};
$inregisterPopupTypeCct.api = function() {
var api = {
checkOk: function(data, callback) {
var check_ok = false;
if (data.ok == 1) {
check_ok = true;
}
callback(check_ok);
},
customerRegister: function(first, last, email, mobile, abo, group, password, callback) {
var filter_json = {
"mobile_phone": mobile,
"abo_number": abo,
"customer_group_id": group,
}
var dataSend = {
'txt_first_name': first,
'txt_last_name': last,
'txt_email': email,
'txt_password': password,
'txt_extend_data_json': JSON.stringify(filter_json),
};
$inverificationPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : api : customerRegister : dataSend : ", dataSend);
UiCustomerBox.api.post("customer/register", dataSend).then(function(output) {
$inverificationPopupTypeCct.display().consoleLog("inverificationPopupTypeCct : api : customerRegister : output : ", output);
$inverificationPopupTypeCct.api().checkOk(output, function(check_ok) {
$inverificationPopupTypeCct.display().consoleLog("inverificationPopupTypeCct : checkOk : check_ok : ", check_ok);
if (check_ok) {
$inverificationPopupTypeCct.display().consoleLog("inverificationPopupTypeCct : api : check_ok : ", "OK");
} else {
$inverificationPopupTypeCct.display().consoleLog("inverificationPopupTypeCct : api : check_ok : ", "ERROR");
}
callback(check_ok);
});
});
},
currentData: function(callback) {
var dataSend = {};
var get_current_data = {};
$inverificationPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : api : currentData : dataSend : ", dataSend);
UiCustomerBox.api.get("current/data", dataSend).then(function(output) {
$inverificationPopupTypeCct.display().consoleLog("inverificationPopupTypeCct : api : currentData : output : ", output);
$inverificationPopupTypeCct.api().checkOk(output, function(check_ok) {
$inverificationPopupTypeCct.display().consoleLog("inverificationPopupTypeCct : checkOk : check_ok : ", check_ok);
if (check_ok) {
$inverificationPopupTypeCct.display().consoleLog("inverificationPopupTypeCct : api : check_ok : ", "OK");
get_current_data = output;
} else {
$inverificationPopupTypeCct.display().consoleLog("inverificationPopupTypeCct : api : check_ok : ", "ERROR");
}
callback(get_current_data, check_ok);
});
});
},
};
return api;
};
$inregisterPopupTypeCct.check = function() {
var check = {
checkFormat: function(class_or_id, isFunction, callback) {
var form_in = $inregisterPopupTypeCct.display().getVal(class_or_id);
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : check : checkFormat : form : ", form_in);
var check_format = false;
var check_alert = "";
if (isFunction == 'length') {
$inregisterPopupTypeCct.check().isLength(form_in, function(status_check) {
if (status_check) {
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : check : checkFormat : isLength : status_check : ", "OK");
check_format = true;
} else {
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : check : checkFormat : isLength : status_check : ", "ERROR");
check_alert = "กรุณากรอก"
}
});
} else if (isFunction == 'select') {
$inregisterPopupTypeCct.check().isSelect(form_in, function(status_check) {
if (status_check) {
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : check : checkFormat : isSelect : status_check : ", "OK");
check_format = true;
} else {
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : check : checkFormat : isSelect : status_check : ", "ERROR");
check_alert = "กรุณาเลือก"
}
});
} else if (isFunction == 'email') {
$inregisterPopupTypeCct.check().isEmail(form_in, function(status_check) {
if (status_check) {
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : check : checkFormat : isEmail : status_check : ", "OK");
check_format = true;
} else {
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : check : checkFormat : isEmail : status_check : ", "ERROR");
check_alert = "ตรวจสอบรูปแบบ"
}
});
} else if (isFunction == 'mobile') {
$inregisterPopupTypeCct.check().isMobile(form_in, function(status_check) {
if (status_check) {
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : check : checkFormat : isMobile : status_check : ", "OK");
check_format = true;
} else {
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : check : checkFormat : isMobile : status_check : ", "ERROR");
check_alert = "ตรวจสอบรูปแบบ"
}
});
} else if (isFunction == 'password') {
$inregisterPopupTypeCct.check().isPassword(form_in, function(status_check) {
if (status_check) {
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : check : checkFormat : isPassword : status_check : ", "OK");
check_format = true;
} else {
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : check : checkFormat : isPassword : status_check : ", "ERROR");
check_alert = "ตรวจสอบรูปแบบ"
}
});
}
callback(form_in, check_format, check_alert);
},
checkPassword: function(class_or_id_password, class_or_id_password_confirm, callback) {
var form_in_password = $inregisterPopupTypeCct.display().getVal(class_or_id_password);
var form_in_password_confirm = $inregisterPopupTypeCct.display().getVal(class_or_id_password_confirm);
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : check : checkPassword : form_in_password : ", form_in_password);
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : check : checkPassword : form_in_password_confirm : ", form_in_password_confirm);
var check_format_password = "";
var check_alert = "";
var check_format = false;
if (form_in_password != "" && form_in_password_confirm != "" && form_in_password == form_in_password_confirm) {
$inregisterPopupTypeCct.check().isPassword(form_in_password, function(status_check) {
if (status_check) {
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : check : checkPassword : isPassword : status_check : ", "OK");
check_format_password = form_in_password;
check_format = true;
} else {
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : check : checkPassword : isPassword : status_check : ", "ERROR");
check_alert = "กรุณากรอก Password and Confirm Password ให้ตรงกัน";
}
});
} else if (form_in_password == "" && form_in_password_confirm == "" && form_in_password == form_in_password_confirm) {
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : check : checkPassword : form_in_password and form_in_password_confirm : ", "!=");
check_alert = "กรุณากรอก Password and Confirm Password";
} else if (form_in_password == "" && form_in_password_confirm != "" && form_in_password != form_in_password_confirm) {
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : check : checkPassword : form_in_password and form_in_password_confirm : ", "!=");
check_alert = "กรุณากรอก Password and Confirm Password ตรงกัน";
} else if (form_in_password != "" && form_in_password_confirm == "" && form_in_password != form_in_password_confirm) {
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : check : checkPassword : form_in_password and form_in_password_confirm : ", "!=");
check_alert = "กรุณากรอก Password and Confirm Password ตรงกัน";
}
callback(check_format_password, check_format, check_alert);
},
checkStatusAll: function(data_array, callback) {
var check_data_array = data_array;
var check_status_all = false;
var status_pass = 0;
var status_error = 0;
if (data_array.length) {
for (var i = 0; data_array.length > i; i++) {
if (data_array[i].status) {
status_pass++;
for (var j = 0; data_array[i].class_or_id.length > j; j++) {
$inregisterPopupTypeCct.display().formPass(data_array[i].class_or_id[j]);
$inregisterPopupTypeCct.display().removeClass(data_array[i].class_or_id_error[j], "error");
$inverificationPopupTypeCct.display().setCss(data_array[i].class_or_id_error[j], "opacity", 0);
$inregisterPopupTypeCct.display().postVal(data_array[i].class_or_id_error[j], "");
}
} else {
status_error++;
for (var j = 0; data_array[i].class_or_id.length > j; j++) {
$inregisterPopupTypeCct.display().formError(data_array[i].class_or_id[j]);
$inregisterPopupTypeCct.display().addClass(data_array[i].class_or_id_error[j], "error");
$inverificationPopupTypeCct.display().setCss(data_array[i].class_or_id_error[j], "opacity", 1);
$inregisterPopupTypeCct.display().postVal(data_array[i].class_or_id_error[j], data_array[i].alert);
}
}
}
}
if (status_error == 0) {
check_status_all = true;
}
callback(check_data_array, check_status_all);
},
isLength: function(form_in, callback) {
var status_check = false;
if (form_in.length > 1) {
status_check = true;
}
callback(status_check);
},
isSelect: function(form_in, callback) {
var status_check = false;
if (form_in != '0') {
status_check = true;
}
callback(status_check);
},
isEmail: function(form_in, callback) {
var format_email = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
var output_check = format_email.test(form_in);
var status_check = false;
if (output_check) {
status_check = true;
}
callback(status_check);
},
isPassword: function(form_in, callback) {
var status_check = false;
if (form_in.length >= 6) {
status_check = true;
}
callback(status_check);
},
isMobile: function(form_in, callback) {
var format_email = /^(([0-9]{8,10}))$/;
var output_check = format_email.test(form_in);
var status_check = false;
if (output_check) {
status_check = true;
}
callback(status_check);
},
};
return check;
};
$inregisterPopupTypeCct.submitRegister = function() {
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : submitRegister : ", "submitRegister");
var form_submit = [{
class_or_id: ["#register-firstname-v1"],
class_or_id_error: ["#register-error-firstname-v1"],
is_function: "length",
var: "",
status: "",
name: "ชื่อ",
alert: "",
}, {
class_or_id: ["#register-lastname-v1"],
class_or_id_error: ["#register-error-lastname-v1"],
is_function: "length",
var: "",
status: "",
name: "นามสกุล",
alert: "",
}, {
class_or_id: ["#register-email-v1"],
class_or_id_error: ["#register-error-email-v1"],
is_function: "email",
var: "",
status: "",
name: "อีเมล",
alert: "",
}, {
class_or_id: ["#register-mobile-v1"],
class_or_id_error: ["#register-error-mobile-v1"],
is_function: "mobile",
var: "",
status: "",
name: "เบอร์โทรศัพท์",
alert: "",
}, {
class_or_id: ["#register-amwayid-v1"],
class_or_id_error: ["#register-error-amwayid-v1"],
is_function: "length",
var: "",
status: "",
name: "หมายเลขประจำตัว ABO",
alert: "",
}, {
class_or_id: ["#register-group-v1"],
class_or_id_error: ["#register-error-group-v1"],
is_function: "select",
var: "",
status: "",
name: "Team",
alert: "",
}, {
class_or_id: ["#register-password-v1", "#register-confirm-password-v1"],
class_or_id_error: ["#register-error-password-v1", "#register-error-confirm-password-v1"],
is_function: "password",
var: "",
status: "",
name: "Password and Confirm Password",
alert: "",
}, {
class_or_id: ["#register-password-v1"],
class_or_id_error: ["#register-error-password-v1"],
is_function: "password",
var: "",
status: "",
name: "Password",
alert: "",
}, {
class_or_id: ["#register-confirm-password-v1"],
class_or_id_error: ["#register-error-confirm-password-v1"],
is_function: "password",
var: "",
status: "",
name: "Confirm Password",
alert: "",
}];
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : form_submit.length : ", form_submit.length);
for (var i = 0; form_submit.length > i; i++) {
if (form_submit[i].class_or_id.length == 1) {
$inregisterPopupTypeCct.check().checkFormat(form_submit[i].class_or_id[0], form_submit[i].is_function, function(form_in, check_format, check_alert) {
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : submitRegister : firstname : checkFormat : form_in : ", form_in);
form_submit[i].var = form_in;
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : submitRegister : firstname : checkFormat : check_format : ", check_format);
form_submit[i].status = check_format;
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : submitRegister : firstname : checkFormat : check_alert : ", check_alert);
form_submit[i].alert = check_alert + form_submit[i].name;
});
} else {
$inregisterPopupTypeCct.check().checkPassword(form_submit[i].class_or_id[0], form_submit[i].class_or_id[1], function(form_in, check_format, check_alert) {
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : submitRegister : aboid : checkPassword : form_in : ", form_in);
form_submit[i].var = form_in;
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : submitRegister : aboid : checkPassword : check_format : ", check_format);
form_submit[i].status = check_format;
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : submitRegister : firstname : checkFormat : check_alert : ", check_alert);
form_submit[i].alert = check_alert;
});
}
}
/* form_submit */
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : submitRegister : form_submit : ", form_submit);
/* form_submit */
$inregisterPopupTypeCct.check().checkStatusAll(form_submit, function(check_data_array, check_status_all) {
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : submitRegister : checkStatusAll : check_data_array : ", check_data_array);
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : submitRegister : checkStatusAll : check_status_all : ", check_status_all);
if (check_status_all) {
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : submitRegister : checkStatusAll : check_status_all : ", "PASS");
$inregisterPopupTypeCct.api().customerRegister(check_data_array[0].var, check_data_array[1].var, check_data_array[2].var, check_data_array[3].var, check_data_array[4].var, check_data_array[5].var, check_data_array[6].var, function(check_ok) {
$inregisterPopupTypeCct.display().consoleLog("inverificationPopupTypeCct : verification : check_ok : ", check_ok);
if (check_ok) {
$inregisterPopupTypeCct.display().consoleLog("inverificationPopupTypeCct : verification : check_ok : ", "OK");
$inregisterPopupTypeCct.close();
}
});
} else {
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : submitRegister : checkStatusAll : check_status_all : ", "ERROR");
}
});
};
$inregisterPopupTypeCct.open = function() {
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : ", " open");
$inregisterPopupTypeCct.display().reset();
$inregisterPopupTypeCct.api().currentData(function(get_current_data, check_ok) {
$inregisterPopupTypeCct.display().postVal("#register-group-v1", "");
$inregisterPopupTypeCct.display().postAppend("#register-group-v1", '');
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : get_current_data : ", get_current_data);
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : check_ok : ", check_ok);
if (check_ok) {
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : currentData : ", " PASS ");
if (get_current_data.data.customer_group_array.length) {
for (var i = 0; get_current_data.data.customer_group_array.length > i; i++) {
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : for : get_current_data.data.customer_group_array[i] : ", get_current_data.data.customer_group_array[i]);
$inregisterPopupTypeCct.display().postAppend("#register-group-v1", '');
}
}
} else {
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : currentData : ", " ERROR ");
}
});
$inregisterPopupTypeCct.display().addClass(".register_overlay", "is_open");
$inregisterPopupTypeCct.display().contronlClass('html', {
'overflow-y': 'scroll',
'overflow': 'hidden'
});
$inregisterPopupTypeCct.display().contronlClass('body', {
'overflow': 'hidden',
'position': 'relative'
});
var timeOpen = setTimeout(function() {
$inregisterPopupTypeCct.display().addClass(".register.from_background", "is_open");
}, 100);
$(document).keypress(function(output) {
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : keypress : output : ", output);
var keyCode = (output.keyCode ? output.keyCode : output.which);
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : keypress : keyCode : ", keyCode);
if (keyCode == '13') {
$inregisterPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : keypress : output : keyCode : ", "ENTER");
$inregisterPopupTypeCct.submitRegister();
}
});
};
$inregisterPopupTypeCct.close = function() {
$inverificationPopupTypeCct.display().consoleLog("inregisterPopupTypeCct : ", " close");
$inregisterPopupTypeCct.display().removeClass(".register_overlay", "is_open");
$inregisterPopupTypeCct.display().removeClass(".register.from_background", "is_open");
$inregisterPopupTypeCct.display().contronlClass('html', {
'overflow-y': 'unset',
'overflow': 'unset'
});
$inregisterPopupTypeCct.display().contronlClass('body', {
'overflow': 'auto',
'position': 'relative'
});
};
$inregisterPopupTypeCct.registerComplete = function() {
$inregisterPopupTypeCct.display().removeClass(".register_overlay", "is_open");
$inregisterPopupTypeCct.display().removeClass(".register.from_background", "is_open");
$inregisterPopupTypeCct.display().addClass(".register_vCct_done.register_overlay", "active");
$inregisterPopupTypeCct.display().addClass(".register_vCct_done .register_done.from_background", "is_open");
};
$inregisterPopupTypeCct.closeRegisterComplete = function() {
$inregisterPopupTypeCct.display().removeClass(".register_vCct_done.register_overlay", "active");
$inregisterPopupTypeCct.display().removeClass(".register_vCct_done .register_done.from_background", "is_open");
};
$inregisterPopupTypeCct.toHome = function() {
$inregisterPopupTypeCct.closeRegisterComplete();
$inregisterPopupTypeCct.close();
};
$inregisterPopupTypeCct.toLogin = function() {
$inregisterPopupTypeCct.closeRegisterComplete();
$inregisterPopupTypeCct.close();
$inloginPopupTypeCct.open();
};/* Cart displat at right side of page */
var $inregisterPopupTypeElc = {};
/* params */
$inregisterPopupTypeElc.path = CUR_THEME.devsource_url() + "dev.sugarfree/share/componentRegisterTypeElc/";
$inregisterPopupTypeElc.templateRoot = 'root.php';
$inregisterPopupTypeElc.assetsPath = CUR_THEME.extensions_url() + '../../assets/';
$inregisterPopupTypeElc.indexCout = 0;
Number.prototype.formatMoney = function(c, d, t) {
var n = this,
c = isNaN(c = Math.abs(c)) ? 2 : c,
d = d == undefined ? "." : d,
t = t == undefined ? "," : t,
s = n < 0 ? "-" : "",
i = String(parseInt(n = Math.abs(Number(n) || 0).toFixed(c))),
j = (j = i.length) > 3 ? j % 3 : 0;
return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : "");
};
/* Install */
$inregisterPopupTypeElc.install = function(shopId, customBuild) {
/* dont install in (checkout, register) */
this.templateRoot = 'root.php';
$.get($inregisterPopupTypeElc.path + 'componentRegisterTypeElc.css', function(response) {
$('head').append('');
});
$.get($inregisterPopupTypeElc.path + 'root.php', {
imgpath: this.assetsPath,
shopId: shopId,
custom: customBuild,
path: $inregisterPopupTypeElc.path
}, function(response) {
$('body').append(response);
});
/* fix ios height */
var winHightTimer = setTimeout(function() {
clearTimeout(winHightTimer);
}, 2000);
};
$inregisterPopupTypeElc.api = GURL.base_api_url();
/* Install */
/* register model */
$inregisterPopupTypeElc.register = {
firstname: '',
lastname: '',
bandcode: '',
address: '',
province: '0',
amphoe: '0',
tambon: '0',
postel: '',
email: '',
idnumber: '',
mobile: '',
password: '',
pressing: false,
errore_mail: false,
errore_password: false,
};
$inregisterPopupTypeElc.error = {
firstnameExist: false,
lastnameExist: false,
bandcodeExist: false,
addressExist: false,
provinceExist: false,
amphoeExist: false,
tambonExist: false,
postelExist: false,
emailExist: false,
idnumberExist: false,
mobileExist: false,
firstname: false,
lastname: false,
bandcode: false,
address: false,
province: false,
amphoe: false,
tambon: false,
postel: false,
email: false,
idnumber: false,
mobile: false,
emailText: 'ตรวจสอบรูปแบบอีเมล Email should be valid (name@domain.com)',
password: false,
passwordText: ' ตรวจสอบรูปแบบให้ถูกต้อง Please correct the format',
wrong_password: false,
};
/* register model */
/* API LOCATION */
$inregisterPopupTypeElc.getLocation = function(type, location_id, cur_page, per_page, txt_sortby, search, callback) {
var dataLocation = [];
var option = {
'search': search
};
var dataSend = {
'txt_location_type_id': type,
'txt_parent_id': location_id,
'cur_page': cur_page,
'per_page': per_page,
'txt_sortby': txt_sortby,
'txt_filter_json': JSON.stringify(option)
};
console.log("$inregisterPopupTypeElc : getLocation : dataSend : ", dataSend);
GAEAPI.get('location/lists', dataSend).then(function(output) {
var getLocationTime = setTimeout(function() {
window.clearTimeout(getLocationTime);
console.log("$inregisterPopupTypeElc : getLocation : output : ", output);
if (output.ok == 1) {
dataLocation = output.data.dataList;
}
callback(dataLocation);
}, 100);
});
};
$inregisterPopupTypeElc.getLocationId = function(location_id, callback) {
var dataLocationId = [];
var dataSend = {
'txt_location_id': location_id,
};
console.log("$inregisterPopupTypeElc : getLocation : dataSend : ", dataSend);
GAEAPI.get('location/id', dataSend).then(function(output) {
var getLocationIdTime = setTimeout(function() {
window.clearTimeout(getLocationIdTime);
console.log("$inregisterPopupTypeElc : getLocation : output : ", output);
if (output.ok == 1) {
dataLocationId = output.data;
}
callback(dataLocationId);
}, 100);
});
};
$inregisterPopupTypeElc.getLocationListsId = function(type, select_value, select_value_post) {
console.log("$inregisterPopupTypeElc : getLocationListsId : type : ", type);
console.log("$inregisterPopupTypeElc : getLocationListsId : select_value : ", select_value);
console.log("$inregisterPopupTypeElc : getLocationListsId : select_value_post : ", select_value_post);
var province_id = parseInt($(select_value).val());
console.log("$inregisterPopupTypeElc : getLocationListsId : select_value : ", $(select_value).val());
console.log("$inregisterPopupTypeElc : getLocationListsId : province_id : ", province_id);
if (province_id != 0) {
$inregisterPopupTypeElc.getLocation(type, province_id, 1, 200, '', '', function(dataLocation) {
for (var i = 0; i < dataLocation.length; i++) {
console.log("$inregisterPopupTypeElc : getLocationListsId : for : dataLocation[" + i + "] : ", dataLocation[i]);
$(select_value_post).append('');
}
});
}
if (type == 3) {
var css_id = [{
css_in: '#register-amphoe-v1',
value_in: '0',
value_in_text: 'เลือก Amphoe',
}, {
css_in: '#register-tambon-v1',
value_in: '0',
value_in_text: 'เลือก Tambon',
}, {
css_in: '#register-postel-v1',
value_in: '0',
value_in_text: 'เลือก Postel',
}];
for (var i = 0; i < css_id.length; i++) {
console.log("$inregisterPopupTypeElc : getLocationListsId : for : css_id[" + i + "] : ", css_id[i]);
$inregisterPopupTypeElc.validateRegister().resetLocation(css_id[i].css_in);
$(css_id[i].css_in).append('');
}
} else if (type == 4) {
var css_id = [{
css_in: '#register-tambon-v1',
value_in: '0',
value_in_text: 'เลือก Tambon',
}, {
css_in: '#register-postel-v1',
value_in: '0',
value_in_text: 'เลือก Postel',
}];
for (var i = 0; i < css_id.length; i++) {
console.log("$inregisterPopupTypeElc : getLocationListsId : for : css_id[" + i + "] : ", css_id[i]);
$inregisterPopupTypeElc.validateRegister().resetLocation(css_id[i].css_in);
$(css_id[i].css_in).append('');
}
}
};
$inregisterPopupTypeElc.getLocationPostel = function(select_value) {
console.log("$inregisterPopupTypeElc : getLocationPostel : select_value : ", select_value);
var postel = parseInt($(select_value).val());
console.log("$inregisterPopupTypeElc : getLocationId : select_value : ", $(select_value).val());
console.log("$inregisterPopupTypeElc : getLocationId : postel : ", postel);
if (postel != 0) {
$inregisterPopupTypeElc.getLocationId(postel, function(dataLocationId) {
console.log("$inregisterPopupTypeElc : getLocationId : dataLocationId.location_postcode : ", dataLocationId.location_postcode);
$("#register-postel-v1").val(dataLocationId.location_postcode);
});
}
};
/* API LOCATION */
/* validateRegister */
$inregisterPopupTypeElc.validateRegister = function() {
var promise = {
checkEmail: function(v, callback) {
$.ajax({
type: 'POST',
method: 'POST',
url: $inregisterPopupTypeElc.host() + 'customer/is_exists_email',
data: {
txt_email: v
},
datatType: 'json'
}).done(function(e) {
callback(e);
});
},
getVal: function(cssID) {
return $(cssID).val();
},
focusFirstname: function() {
$inregisterPopupTypeElc.error.firstname = false;
$inregisterPopupTypeElc.error.firstnameExist = false;
$('#register-firstname-v1').css('border', '');
},
focusLastname: function() {
$inregisterPopupTypeElc.error.lastname = false;
$inregisterPopupTypeElc.error.lastnameExist = false;
$('#register-lastname-v1').css('border', '');
},
focusBandcode: function() {
$inregisterPopupTypeElc.error.bandcode = false;
$inregisterPopupTypeElc.error.bandcodeExist = false;
$('#register-bandcode-v1').css('border', '');
},
focusAddress: function() {
$inregisterPopupTypeElc.error.address = false;
$inregisterPopupTypeElc.error.addressExist = false;
$('#register-address-v1').css('border', '');
},
focusProvince: function() {
$inregisterPopupTypeElc.error.province = false;
$inregisterPopupTypeElc.error.provinceExist = false;
$('#register-province-v1').css('border', '');
},
focusAmphoe: function() {
$inregisterPopupTypeElc.error.amphoe = false;
$inregisterPopupTypeElc.error.amphoeExist = false;
$('#register-amphoe-v1').css('border', '');
},
focusTambon: function() {
$inregisterPopupTypeElc.error.tambon = false;
$inregisterPopupTypeElc.error.tambonExist = false;
$('#register-tambon-v1').css('border', '');
},
focusPostel: function() {
$inregisterPopupTypeElc.error.postel = false;
$inregisterPopupTypeElc.error.postelExist = false;
$('#register-postel-v1').css('border', '');
},
focusEmail: function() {
$inregisterPopupTypeElc.error.email = false;
$inregisterPopupTypeElc.error.emailExist = false;
$('#register-email-v1').css('border', '');
},
focusIdnumber: function() {
$inregisterPopupTypeElc.error.idnumber = false;
$inregisterPopupTypeElc.error.idnumberExist = false;
$('#register-idnumber-v1').css('border', '');
},
focusBobile: function() {
$inregisterPopupTypeElc.error.mobile = false;
$inregisterPopupTypeElc.error.mobileExist = false;
$('#register-mobile-v1').css('border', '');
},
focusPassword: function() {
$inregisterPopupTypeElc.error_password = false;
$inregisterPopupTypeElc.error.wrong_password = false;
$('#register-password-v1').css('border', '');
},
firstname: function() {
var v = $('#register-firstname-v1').val();
var t = this;
var valid = $inregisterPopupTypeElc.helper.isFirstname(v, true);
console.log("firstname v.length : ", v.length, " valid : ", valid);
if (v.length <= 0) {
$inregisterPopupTypeElc.shake();
$inregisterPopupTypeElc.validateRegister().firstnameInputNullError();
$inregisterPopupTypeElc.error_firstname = false;
$inregisterPopupTypeElc.error_firstnameExist = false;
return false;
} else {
if (v.length > 0 && !valid) {
$inregisterPopupTypeElc.shake();
$inregisterPopupTypeElc.validateRegister().firstnameInputError();
$inregisterPopupTypeElc.error_firstname = true;
return false;
} else if (v.length > 0 && valid) {
$inregisterPopupTypeElc.validateRegister().firstnameOk();
return true;
}
}
},
lastname: function() {
var v = $('#register-lastname-v1').val();
var t = this;
var valid = $inregisterPopupTypeElc.helper.isLastname(v, true);
console.log("lastname v.length : ", v.length, " valid : ", valid);
if (v.length <= 0) {
$inregisterPopupTypeElc.shake();
$inregisterPopupTypeElc.validateRegister().lastnameInputNullError();
$inregisterPopupTypeElc.error_lastname = false;
$inregisterPopupTypeElc.error_lastnameExist = false;
return false;
} else {
if (v.length > 0 && valid) {
$inregisterPopupTypeElc.validateRegister().lastnameOk();
return true;
} else {
$inregisterPopupTypeElc.shake();
$inregisterPopupTypeElc.validateRegister().lastnameInputError();
$inregisterPopupTypeElc.error_lastname = true;
return false;
}
}
},
bandcode: function() {
var v = $('#register-bandcode-v1').val();
var t = this;
var valid = $inregisterPopupTypeElc.helper.isBandcode(v);
console.log("inregisterPopupTypeElc : bandcode : v : ", v);
console.log("inregisterPopupTypeElc : bandcode : valid : ", valid);
if (valid) {
$inregisterPopupTypeElc.validateRegister().bandcodeOk();
return true;
} else {
$inregisterPopupTypeElc.shake();
$inregisterPopupTypeElc.validateRegister().bandcodeInputNullError();
return false;
}
},
address: function() {
var v = $('#register-address-v1').val();
var t = this;
var valid = $inregisterPopupTypeElc.helper.isAddress(v);
console.log("inregisterPopupTypeElc : address : v : ", v);
console.log("inregisterPopupTypeElc : address : valid : ", valid);
if (valid) {
$inregisterPopupTypeElc.validateRegister().addressOk();
return true;
} else {
$inregisterPopupTypeElc.shake();
$inregisterPopupTypeElc.validateRegister().addressInputNullError();
return false;
}
},
province: function() {
var v = $('#register-province-v1').val();
var t = this;
var valid = $inregisterPopupTypeElc.helper.isProvince(v);
console.log("inregisterPopupTypeElc : province : v : ", v);
console.log("inregisterPopupTypeElc : province : valid : ", valid);
if (valid) {
$inregisterPopupTypeElc.validateRegister().provinceOk();
return true;
} else {
$inregisterPopupTypeElc.shake();
$inregisterPopupTypeElc.validateRegister().provinceInputNullError();
return false;
}
},
amphoe: function() {
var v = $('#register-amphoe-v1').val();
var t = this;
var valid = $inregisterPopupTypeElc.helper.isAmphoe(v);
console.log("inregisterPopupTypeElc : amphoe : v : ", v);
console.log("inregisterPopupTypeElc : amphoe : valid : ", valid);
if (valid) {
$inregisterPopupTypeElc.validateRegister().amphoeOk();
return true;
} else {
$inregisterPopupTypeElc.shake();
$inregisterPopupTypeElc.validateRegister().amphoeInputNullError();
return false;
}
},
tambon: function() {
var v = $('#register-tambon-v1').val();
var t = this;
var valid = $inregisterPopupTypeElc.helper.isTambon(v);
console.log("inregisterPopupTypeElc : tambon : v : ", v);
console.log("inregisterPopupTypeElc : tambon : valid : ", valid);
if (valid) {
$inregisterPopupTypeElc.validateRegister().tambonOk();
return true;
} else {
$inregisterPopupTypeElc.shake();
$inregisterPopupTypeElc.validateRegister().tambonInputNullError();
return false;
}
},
postel: function() {
var v = $('#register-postel-v1').val();
var t = this;
var valid = $inregisterPopupTypeElc.helper.isAddress(v);
console.log("inregisterPopupTypeElc : postel : v : ", v);
console.log("inregisterPopupTypeElc : postel : valid : ", valid);
if (valid) {
$inregisterPopupTypeElc.validateRegister().postelOk();
return true;
} else {
$inregisterPopupTypeElc.shake();
$inregisterPopupTypeElc.validateRegister().postelInputNullError();
return false;
}
},
email: function() {
var v = $('#register-email-v1').val();
var t = this;
var valid = $inregisterPopupTypeElc.helper.isEmail(v);
console.log("inregisterPopupTypeElc : email : v : ", v);
console.log("inregisterPopupTypeElc : email : valid : ", valid);
if (valid) {
$inregisterPopupTypeElc.validateRegister().emailOk();
return true;
} else {
$inregisterPopupTypeElc.shake();
$inregisterPopupTypeElc.validateRegister().emailInputNullError();
return false;
}
},
idnumber: function() {
var v = $('#register-idnumber-v1').val();
var t = this;
var valid = $inregisterPopupTypeElc.helper.isIdnumber(v);
console.log("inregisterPopupTypeElc : idnumber : v : ", v);
console.log("inregisterPopupTypeElc : idnumber : valid : ", valid);
if (valid) {
$inregisterPopupTypeElc.validateRegister().idnumberOk();
return true;
} else {
$inregisterPopupTypeElc.shake();
$inregisterPopupTypeElc.validateRegister().idnumberInputNullError();
return false;
}
},
mobile: function() {
var v = $('#register-mobile-v1').val();
var t = this;
var valid = $inregisterPopupTypeElc.helper.isMobile(v);
console.log("inregisterPopupTypeElc : mobile : v : ", v);
console.log("inregisterPopupTypeElc : mobile : valid : ", valid);
if (valid) {
$inregisterPopupTypeElc.validateRegister().mobileOk();
return true;
} else {
$inregisterPopupTypeElc.shake();
$inregisterPopupTypeElc.validateRegister().mobileInputNullError();
return false;
}
},
firstnameOk: function() {
$('#register-firstname-v1').css('border', '2px solid green');
$inregisterPopupTypeElc.validateRegister().firstnameInputOk();
},
lastnameOk: function() {
$('#register-lastname-v1').css('border', '2px solid green');
$inregisterPopupTypeElc.validateRegister().lastnameInputOk();
},
bandcodeOk: function() {
$('#register-bandcode-v1').css('border', '2px solid green');
$inregisterPopupTypeElc.validateRegister().bandcodeInputOk();
},
addressOk: function() {
$('#register-address-v1').css('border', '2px solid green');
$inregisterPopupTypeElc.validateRegister().addressInputOk();
},
provinceOk: function() {
$('#register-province-v1').css('border', '2px solid green');
$inregisterPopupTypeElc.validateRegister().provinceInputOk();
},
amphoeOk: function() {
$('#register-amphoe-v1').css('border', '2px solid green');
$inregisterPopupTypeElc.validateRegister().amphoeInputOk();
},
tambonOk: function() {
$('#register-tambon-v1').css('border', '2px solid green');
$inregisterPopupTypeElc.validateRegister().tambonInputOk();
},
postelOk: function() {
$('#register-postel-v1').css('border', '2px solid green');
$inregisterPopupTypeElc.validateRegister().postelInputOk();
},
emailOk: function() {
$('#register-email-v1').css('border', '2px solid green');
$inregisterPopupTypeElc.validateRegister().emailInputOk();
},
idnumberOk: function() {
$('#register-idnumber-v1').css('border', '2px solid green');
$inregisterPopupTypeElc.validateRegister().idnumberInputOk();
},
mobileOk: function() {
$('#register-mobile-v1').css('border', '2px solid green');
$inregisterPopupTypeElc.validateRegister().mobileInputOk();
},
firstnameInputOk: function() {
$("#register-error-firstname-v1").removeClass("error");
$("#register-error-firstname-v1").css('opacity', 0);
},
lastnameInputOk: function() {
$("#register-error-lastname-v1").removeClass("error");
$("#register-error-lastname-v1").css('opacity', 0);
},
bandcodeInputOk: function() {
$("#register-error-bandcode-v1").removeClass("error");
$("#register-error-bandcode-v1").css('opacity', 0);
},
addressInputOk: function() {
$("#register-error-address-v1").removeClass("error");
$("#register-error-address-v1").css('opacity', 0);
},
provinceInputOk: function() {
$("#register-error-province-v1").removeClass("error");
$("#register-error-province-v1").css('opacity', 0);
},
amphoeInputOk: function() {
$("#register-error-amphoe-v1").removeClass("error");
$("#register-error-amphoe-v1").css('opacity', 0);
},
tambonInputOk: function() {
$("#register-error-tambon-v1").removeClass("error");
$("#register-error-tambon-v1").css('opacity', 0);
},
postelInputOk: function() {
$("#register-error-postel-v1").removeClass("error");
$("#register-error-postel-v1").css('opacity', 0);
},
emailInputOk: function() {
$("#register-error-email-v1").removeClass("error");
$("#register-error-email-v1").css('opacity', 0);
},
idnumberInputOk: function() {
$("#register-error-idnumber-v1").removeClass("error");
$("#register-error-idnumber-v1").css('opacity', 0);
},
mobileInputOk: function() {
$("#register-error-mobile-v1").removeClass("error");
$("#register-error-mobile-v1").css('opacity', 0);
},
firstnameError: function() {
$("#register-firstname-v1").css('border', '2px solid red');
},
lastnameError: function() {
$("#register-lastname-v1").css('border', '2px solid red');
},
bandcodeError: function() {
$("#register-bandcode-v1").css('border', '2px solid red');
},
addressError: function() {
$("#register-address-v1").css('border', '2px solid red');
},
provinceError: function() {
$("#register-province-v1").css('border', '2px solid red');
},
amphoeError: function() {
$("#register-amphoe-v1").css('border', '2px solid red');
},
tambonError: function() {
$("#register-tambon-v1").css('border', '2px solid red');
},
postelError: function() {
$("#register-postel-v1").css('border', '2px solid red');
},
emailError: function() {
$("#register-email-v1").css('border', '2px solid red');
},
idnumberError: function() {
$("#register-idnumber-v1").css('border', '2px solid red');
},
mobileError: function() {
$("#register-mobile-v1").css('border', '2px solid red');
},
firstnameInputError: function() {
$inregisterPopupTypeElc.validateRegister().firstnameError();
$("#register-error-firstname-v1").addClass("error");
$("#register-error-firstname-v1").css('opacity', 1).html('ตรวจสอบรูปแบบชื่อ Please check your format');
},
lastnameInputError: function() {
$inregisterPopupTypeElc.validateRegister().lastnameError();
$("#register-error-lastname-v1").addClass("error");
$("#register-error-lastname-v1").css('opacity', 1).html('ตรวจสอบรูปแบบนามสกุล Please check your format');
},
bandcodeInputError: function() {
$inregisterPopupTypeElc.validateRegister().lastnameError();
$("#register-error-bandcode-v1").addClass("error");
$("#register-error-bandcode-v1").css('opacity', 1).html('กรุณาใส่รหัสกลุ่มแบนด์ที่เคยเดินทาง');
},
addressInputError: function() {
$inregisterPopupTypeElc.validateRegister().addressError();
$("#register-error-address-v1").addClass("error");
$("#register-error-address-v1").css('opacity', 1).html('กรุณาใส่ที่อยู่');
},
provinceInputError: function() {
$inregisterPopupTypeElc.validateRegister().addressError();
$("#register-error-province-v1").addClass("error");
$("#register-error-province-v1").css('opacity', 1).html('กรุณาเลือกจังหวัด');
},
amphoeInputError: function() {
$inregisterPopupTypeElc.validateRegister().addressError();
$("#register-error-amphoe-v1").addClass("error");
$("#register-error-amphoe-v1").css('opacity', 1).html('กรุณาเลือกอำเภอ');
},
tambonInputError: function() {
$inregisterPopupTypeElc.validateRegister().addressError();
$("#register-error-tambon-v1").addClass("error");
$("#register-error-tambon-v1").css('opacity', 1).html('กรุณาเลือกตำบล');
},
postelInputError: function() {
$inregisterPopupTypeElc.validateRegister().postelError();
$("#register-error-postel-v1").addClass("error");
$("#register-error-postel-v1").css('opacity', 1).html('กรุณาใส่รหัสไปรษณีย์');
},
emailInputRepeatedly: function() {
$inregisterPopupTypeElc.validateRegister().emailError();
$("#register-error-email-v1").addClass("error");
$("#register-error-email-v1").css('opacity', 1).html('อีเมลนี้มีการลงทะเบียนเป็นสมาชิกแล้ว Email already exists');
},
idnumberInputError: function() {
$inregisterPopupTypeElc.validateRegister().lastnameError();
$("#register-error-idnumber-v1").addClass("error");
$("#register-error-idnumber-v1").css('opacity', 1).html('กรุณาใส่เลขประจำตัวประชาชน');
},
mobileInputError: function() {
$inregisterPopupTypeElc.validateRegister().lastnameError();
$("#register-error-mobile-v1").addClass("error");
$("#register-error-mobile-v1").css('opacity', 1).html('กรุณาใส่เบอร์โทรศัพท์');
},
passwordInputRepeatedly: function() {
$("#register-password-v1").css('border', '1px solid #dddddd');
},
emailInputError: function() {
$inregisterPopupTypeElc.validateRegister().emailError();
$("#register-error-email-v1").addClass("error");
$("#register-error-email-v1").css('opacity', 1).html('ตรวจสอบรูปแบบอีเมล Email should be valid เช่น getappeasy@gmail.com');
},
firstnameInputNullError: function() {
$inregisterPopupTypeElc.validateRegister().firstnameError();
$("#register-error-firstname-v1").addClass("error");
// $("#register-error-firstname-v1").css('opacity', 1).html('ตรวจสอบรูปแบบชื่อ Please check your format');
},
lastnameInputNullError: function() {
$inregisterPopupTypeElc.validateRegister().lastnameError();
$("#register-error-lastname-v1").addClass("error");
// $("#register-error-lastname-v1").css('opacity', 1).html('ตรวจสอบรูปแบบนามสกุล Please check your format');
},
bandcodeInputNullError: function() {
$inregisterPopupTypeElc.validateRegister().bandcodeError();
$("#register-error-bandcode-v1").addClass("error");
// $("#register-error-bandcode-v1").css('opacity', 1).html('กรุณาใส่รหัสรหัสกลุ่มแบนด์ที่เคยเดินทาง');
},
addressInputNullError: function() {
$inregisterPopupTypeElc.validateRegister().addressError();
$("#register-error-address-v1").addClass("error");
// $("#register-error-address-v1").css('opacity', 1).html('กรุณาใส่ที่อยู่ ');
},
provinceInputNullError: function() {
$inregisterPopupTypeElc.validateRegister().provinceError();
$("#register-error-province-v1").addClass("error");
// $("#register-error-province-v1").css('opacity', 1).html('กรุณาเลือกจังหวัด');
},
amphoeInputNullError: function() {
$inregisterPopupTypeElc.validateRegister().amphoeError();
$("#register-error-amphoe-v1").addClass("error");
// $("#register-error-amphoe-v1").css('opacity', 1).html('กรุณาเลือกอำเภอ');
},
tambonInputNullError: function() {
$inregisterPopupTypeElc.validateRegister().tambonError();
$("#register-error-tambon-v1").addClass("error");
// $("#register-error-tambon-v1").css('opacity', 1).html('กรุณาเลือกตำบล');
},
postelInputNullError: function() {
$inregisterPopupTypeElc.validateRegister().postelError();
$("#register-error-postel-v1").addClass("error");
// $("#register-error-postel-v1").css('opacity', 1).html('กรุณาใส่รหัสไปรษณีย์ ');
},
emailInputNullError: function() {
$inregisterPopupTypeElc.validateRegister().emailError();
$("#register-error-email-v1").addClass("error");
// $("#register-error-email-v1").css('opacity', 1).html('ตรวจสอบรูปแบบอีเมล Email should be valid (name@domain.com)');
},
idnumberInputNullError: function() {
$inregisterPopupTypeElc.validateRegister().idnumberError();
$("#register-error-idnumber-v1").addClass("error");
// $("#register-error-idnumber-v1").css('opacity', 1).html('กรุณาใส่เลขประจำตัวประชาชน');
},
mobileInputNullError: function() {
$inregisterPopupTypeElc.validateRegister().mobileError();
$("#register-error-mobile-v1").addClass("error");
// $("#register-error-mobile-v1").css('opacity', 1).html('กรุณาใส่เบอร์โทรศัพท์');
},
password: function() {
var v = $('#register-password-v1').val();
if (v.length <= 0) {
$inregisterPopupTypeElc.validateRegister().passwordInputNullError();
$inregisterPopupTypeElc.shake();
return false;
}
if (v.length > 0 && v.length >= 6) {
$inregisterPopupTypeElc.error_password = false;
$inregisterPopupTypeElc.validateRegister().passwordOk();
return true;
} else if (v.length > 0 && v.length < 6) {
$inregisterPopupTypeElc.error_password = true;
$inregisterPopupTypeElc.shake();
$inregisterPopupTypeElc.validateRegister().passwordInputError();
return false;
}
},
passwordOk: function() {
$("#register-password-v1").css('border', '2px solid green');
$inregisterPopupTypeElc.validateRegister().passwordInputOk();
},
passwordInputOk: function() {
$("#register-error-password-v1").removeClass("error");
$("#register-error-password-v1").css('opacity', 0);
},
passwordError: function() {
$("#register-password-v1").css('border', '2px solid red');
},
passwordInputError: function() {
$inregisterPopupTypeElc.validateRegister().passwordError();
$("#register-error-password-v1").addClass("error");
$("#register-error-password-v1").css('opacity', 1).html('ตรวจสอบรูปแบบให้ถูกต้อง Please correct the format');
},
passwordInputNullError: function() {
$inregisterPopupTypeElc.validateRegister().passwordError();
$("#register-error-password-v1").addClass("error");
// $("#register-error-password-v1").css('opacity', 1).html('error password ตรวจสอบรูปแบบให้ถูกต้อง Please correct the format');
},
resetFirstname: function() {
$("#register-firstname-v1").css('border', '');
$("#register-firstname-v1").val('');
$("#register-error-firstname-v1").css('opacity', 0);
},
resetLastname: function() {
$("#register-lastname-v1").css('border', '');
$("#register-lastname-v1").val('');
$("#register-error-lastname-v1").css('opacity', 0);
},
resetBandcode: function() {
$("#register-bandcode-v1").css('border', '');
$("#register-bandcode-v1").val('');
$("#register-error-bandcode-v1").css('opacity', 0);
},
resetAddress: function() {
$("#register-address-v1").css('border', '');
$("#register-address-v1").val('');
$("#register-error-address-v1").css('opacity', 0);
},
resetProvince: function() {
$("#register-province-v1").css('border', '');
$("#register-province-v1").val(0);
$("#register-error-province-v1").css('opacity', 0);
},
resetAmphoe: function() {
$("#register-amphoe-v1").css('border', '');
$("#register-amphoe-v1").val(0);
$("#register-error-amphoe-v1").css('opacity', 0);
},
resetTambon: function() {
$("#register-tambon-v1").css('border', '');
$("#register-tambon-v1").val(0);
$("#register-error-tambon-v1").css('opacity', 0);
},
resetPostel: function() {
$("#register-postel-v1").css('border', '');
$("#register-postel-v1").val('');
$("#register-error-postel-v1").css('opacity', 0);
},
resetEmail: function() {
$("#register-email-v1").css('border', '');
$("#register-email-v1").val('');
$("#register-error-email-v1").css('opacity', 0);
},
resetIdnumber: function() {
$("#register-idnumber-v1").css('border', '');
$("#register-idnumber-v1").val('');
$("#register-error-idnumber-v1").css('opacity', 0);
},
resetBobile: function() {
$("#register-mobile-v1").css('border', '');
$("#register-mobile-v1").val('');
$("#register-error-mobile-v1").css('opacity', 0);
},
resetPassword: function() {
$("#register-password-v1").css('border', '');
$("#register-password-v1").val('');
$("#register-error-password-v1").css('opacity', 0);
},
resetLocation: function(css_id) {
$(css_id).html('');
},
reset: function() {
$inregisterPopupTypeElc.validateRegister().resetFirstname();
$inregisterPopupTypeElc.validateRegister().resetLastname();
$inregisterPopupTypeElc.validateRegister().resetBandcode();
$inregisterPopupTypeElc.validateRegister().resetAddress();
$inregisterPopupTypeElc.validateRegister().resetProvince();
$inregisterPopupTypeElc.validateRegister().resetAmphoe();
$inregisterPopupTypeElc.validateRegister().resetTambon();
$inregisterPopupTypeElc.validateRegister().resetPostel();
$inregisterPopupTypeElc.validateRegister().resetEmail();
$inregisterPopupTypeElc.validateRegister().resetIdnumber();
$inregisterPopupTypeElc.validateRegister().resetBobile();
$inregisterPopupTypeElc.validateRegister().resetPassword();
},
};
return promise;
};
/* validateRegister */
/* load html */
$inregisterPopupTypeElc.viewHtml = function(viewName) {
var html = path + viewName;
return html;
};
$inregisterPopupTypeElc.whenOnLoad = function(shopId) {};
$inregisterPopupTypeElc.helper = {
countDots: function(s1, letter) {
return (s1.match(RegExp(letter, 'g')) || []).length;
},
isFormat: function(format, data) {
return format.test(data);
},
isAlpabet: function(str) {
var strObj = str.match(/^[a-zA-zก-๙]+/g);
var returnStr = "";
for (var idx in strObj) {
returnStr += strObj[idx].replace("^", "");
}
return returnStr;
},
isFirstname: function(firstname) {
if (firstname.length > 1) {
return true;
} else {
return false;
}
},
isLastname: function(lastname) {
if (lastname.length > 1) {
return true;
} else {
return false;
}
},
isBandcode: function(bandcode) {
var re = /^((([a-zA-Z]{2})+[0-9]{10}))$/;
var bandcode = re.test(bandcode);
if (bandcode) {
return true;
} else {
return false;
}
},
isAddress: function(address) {
if (address.length) {
return true;
} else {
return false;
}
},
isProvince: function(province) {
if (province != '0') {
return true;
} else {
return false;
}
},
isAmphoe: function(amphoe) {
if (amphoe != '0') {
return true;
} else {
return false;
}
},
isTambon: function(tambon) {
if (tambon != '0') {
return true;
} else {
return false;
}
},
isPostel: function(postel) {
if (postel.length) {
return true;
} else {
return false;
}
},
isEmail: function(email) {
var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
var result = re.test(email);
var a = email.split('@');
var checkTopLevel = false;
if (result && a.length > 1) {
return (a[1].length >= 5) ? true : false;
} else {
return false;
}
},
isIdnumber: function(idnumber) {
var re = /^(([0-9]{13}))$/;
var result = re.test(idnumber);
if (result) {
return true;
} else {
return false;
}
},
isMobile: function(mobile) {
var re = /^(([0-9]{8,10}))$/;
var result = re.test(mobile);
if (result) {
return true;
} else {
return false;
}
},
isChar: function(e) {
var k = (e.which) ? e.which : e.keyCode;
if (k >= 48 && k <= 57) {
return false;
} else {
return k;
}
},
pageLoadState: false,
pageLoad: function() {
var load = $('.register_vElc_load');
if (!load.hasClass('active')) {
load.addClass('active');
}
},
pageUnLoad: function() {
var load = $('.register_vElc_load');
if (load.hasClass('active')) {
load.removeClass('active');
}
},
registerDone: function() {
var load = $('.register_vElc_done');
if (!load.hasClass('active')) {
load.addClass('active');
}
timerAdjustOpen = setTimeout(function() {
$(".register_vElc_done .register_done.from_background").addClass("is_open");
}, 100);
},
registerUnDone: function() {
var load = $('.register_vElc_done');
if (load.hasClass('active')) {
load.removeClass('active');
}
timerAdjustOpen = setTimeout(function() {
$(".register_vElc_done .register_done.from_background").removeClass("is_open");
}, 100);
},
};
/* load html */
/* submitRegister */
$inregisterPopupTypeElc.submitRegister = function() {
$inregisterPopupTypeElc.register.firstname = $inregisterPopupTypeElc.validateRegister().getVal('#register-firstname-v1');
$inregisterPopupTypeElc.register.lastname = $inregisterPopupTypeElc.validateRegister().getVal('#register-lastname-v1');
$inregisterPopupTypeElc.register.bandcode = $inregisterPopupTypeElc.validateRegister().getVal('#register-bandcode-v1');
$inregisterPopupTypeElc.register.address = $inregisterPopupTypeElc.validateRegister().getVal('#register-address-v1');
$inregisterPopupTypeElc.register.province = $inregisterPopupTypeElc.validateRegister().getVal('#register-province-v1');
$inregisterPopupTypeElc.register.amphoe = $inregisterPopupTypeElc.validateRegister().getVal('#register-amphoe-v1');
$inregisterPopupTypeElc.register.tambon = $inregisterPopupTypeElc.validateRegister().getVal('#register-tambon-v1');
$inregisterPopupTypeElc.register.postel = $inregisterPopupTypeElc.validateRegister().getVal('#register-postel-v1');
$inregisterPopupTypeElc.register.email = $inregisterPopupTypeElc.validateRegister().getVal('#register-email-v1');
$inregisterPopupTypeElc.register.idnumber = $inregisterPopupTypeElc.validateRegister().getVal('#register-idnumber-v1');
$inregisterPopupTypeElc.register.mobile = $inregisterPopupTypeElc.validateRegister().getVal('#register-mobile-v1');
$inregisterPopupTypeElc.register.password = $inregisterPopupTypeElc.validateRegister().getVal('#register-password-v1');
var userFirstnameValid = $inregisterPopupTypeElc.validateRegister().firstname();
var userLastnameValid = $inregisterPopupTypeElc.validateRegister().lastname();
var userBandcodeValid = $inregisterPopupTypeElc.validateRegister().bandcode();
var userAddressValid = $inregisterPopupTypeElc.validateRegister().address();
var userProvinceValid = $inregisterPopupTypeElc.validateRegister().province();
var userAmphoeValid = $inregisterPopupTypeElc.validateRegister().amphoe();
var userTambonValid = $inregisterPopupTypeElc.validateRegister().tambon();
var userPostelValid = $inregisterPopupTypeElc.validateRegister().postel();
var userEmailValid = $inregisterPopupTypeElc.validateRegister().email();
var userIdnumberValid = $inregisterPopupTypeElc.validateRegister().idnumber();
var userMobileValid = $inregisterPopupTypeElc.validateRegister().mobile();
var userPassValid = $inregisterPopupTypeElc.validateRegister().password();
console.log("submitRegister", "userFirstnameValid : ", userFirstnameValid, "userLastnameValid : ", userLastnameValid, "userBandcodeValid : ", userBandcodeValid, "userEmailValid : ", userEmailValid, "userIdnumberValid : ", userIdnumberValid, "userMobileValid : ", userMobileValid, "userPassValid : ", userPassValid);
if (!userFirstnameValid || !userLastnameValid || !userBandcodeValid || !userAddressValid || !userProvinceValid || !userAmphoeValid || !userTambonValid || !userPostelValid || !userEmailValid || !userIdnumberValid || !userMobileValid || !userPassValid) {
console.log("submitRegister", "return");
$inregisterPopupTypeElc.shake();
return;
}
$inregisterPopupTypeElc.validateRegister().checkEmail($inregisterPopupTypeElc.register.email, function(resultCheck) {
console.log("submitRegister", resultCheck);
if (resultCheck.ok == 0) {
console.log('submitRegister true');
$inregisterPopupTypeElc.validateRegister().emailInputRepeatedly();
$inregisterPopupTypeElc.validateRegister().passwordInputRepeatedly();
} else {
console.log('submitRegister false');
return $inregisterPopupTypeElc.sendSubmitRegister(false);
}
});
};
/* submitRegister */
/* sendSubmitRegister */
$inregisterPopupTypeElc.sendSubmitRegister = function(reCheck) {
$inregisterPopupTypeElc.register.pressing = true
var userFirstname = $inregisterPopupTypeElc.register.firstname;
var userLastname = $inregisterPopupTypeElc.register.lastname;
var userBandcode = $inregisterPopupTypeElc.register.bandcode;
var userAddress = $inregisterPopupTypeElc.register.address;
var userProvince = parseInt($inregisterPopupTypeElc.register.province);
var userAmphoe = parseInt($inregisterPopupTypeElc.register.amphoe);
var userTambon = parseInt($inregisterPopupTypeElc.register.tambon);
var userPostel = $inregisterPopupTypeElc.register.postel;
$inregisterPopupTypeElc.getLocationId(userProvince, function(dataLocationId) {
console.log("$inregisterPopupTypeElc : sendSubmitRegister : userProvince : getLocationId : dataLocationId.location_name : ", dataLocationId.location_name);
userProvince = dataLocationId.location_name;
$inregisterPopupTypeElc.getLocationId(userAmphoe, function(dataLocationId) {
console.log("$inregisterPopupTypeElc : sendSubmitRegister : userAmphoe : getLocationId : dataLocationId.location_name : ", dataLocationId.location_name);
userAmphoe = dataLocationId.location_name;
$inregisterPopupTypeElc.getLocationId(userTambon, function(dataLocationId) {
console.log("$inregisterPopupTypeElc : sendSubmitRegister : userTambon : getLocationId : dataLocationId.location_name : ", dataLocationId.location_name);
userTambon = dataLocationId.location_name;
var userEmail = $inregisterPopupTypeElc.register.email;
var userIdnumber = $inregisterPopupTypeElc.register.idnumber;
var userMobile = $inregisterPopupTypeElc.register.mobile;
var userPass = $inregisterPopupTypeElc.register.password;
console.log("sendSubmitRegister", reCheck);
if (reCheck) {
/* if error : firstname */
if (userFirstname.length <= 0) {
$inregisterPopupTypeElc.validateRegister().firstnameInputError();
} else {
$inregisterPopupTypeElc.validateRegister().firstnameOk();
}
/* if error : lastname */
if (userLastname.length <= 0) {
$inregisterPopupTypeElc.validateRegister().lastnameInputError();
} else {
$inregisterPopupTypeElc.validateRegister().lastnameOk();
}
/* if error : userBandcode */
if (userBandcode.length <= 0) {
$inregisterPopupTypeElc.validateRegister().bandcodeInputError();
} else {
$inregisterPopupTypeElc.validateRegister().bandcodeOk();
}
/* if error : userAddress */
if (userAddress.length <= 0) {
$inregisterPopupTypeElc.validateRegister().addressInputError();
} else {
$inregisterPopupTypeElc.validateRegister().addressOk();
}
/* if error : userProvince */
if (userProvince.length <= 0) {
$inregisterPopupTypeElc.validateRegister().provinceInputError();
} else {
$inregisterPopupTypeElc.validateRegister().provinceOk();
}
/* if error : userAmphoe */
if (userAmphoe.length <= 0) {
$inregisterPopupTypeElc.validateRegister().amphoeInputError();
} else {
$inregisterPopupTypeElc.validateRegister().amphoeOk();
}
/* if error : userTambon */
if (userTambon.length <= 0) {
$inregisterPopupTypeElc.validateRegister().tambonInputError();
} else {
$inregisterPopupTypeElc.validateRegister().tambonOk();
}
/* if error : userPostel */
if (userPostel.length <= 0) {
$inregisterPopupTypeElc.validateRegister().postelInputError();
} else {
$inregisterPopupTypeElc.validateRegister().postelOk();
}
/* if error : user */
if (userEmail.length <= 0) {
$inregisterPopupTypeElc.validateRegister().emailInputError();
} else {
$inregisterPopupTypeElc.validateRegister().emailOk();
}
/* if error : userIdnumber */
if (userIdnumber.length <= 0) {
$inregisterPopupTypeElc.validateRegister().idnumberInputError();
} else {
$inregisterPopupTypeElc.validateRegister().idnumberOk();
}
/* if error : userMobile */
if (userMobile.length <= 0) {
$inregisterPopupTypeElc.validateRegister().mobileInputError();
} else {
$inregisterPopupTypeElc.validateRegister().mobileOk();
}
/* if error : pass */
if (userPass.length <= 0) {
$inregisterPopupTypeElc.validateRegister().passwordOk();
} else {
$inregisterPopupTypeElc.validateRegister().passwordInputError();
}
/* firstname */
if (userFirstname.length > 0 && !$inregisterPopupTypeElc.helper.isFirstname(userFirstname)) {
$inregisterPopupTypeElc.error_firstname = true;
} else {
$inregisterPopupTypeElc.error_firstname = false;
}
/* lastname */
if (userLastname.length > 0 && !$inregisterPopupTypeElc.helper.isLastname(userLastname)) {
$inregisterPopupTypeElc.error_lastname = true;
} else {
$inregisterPopupTypeElc.error_lastname = false;
}
/* bandcode */
if (userBandcode.length > 0 && !$inregisterPopupTypeElc.helper.isBandcode(userBandcode)) {
$inregisterPopupTypeElc.error_bandcode = true;
} else {
$inregisterPopupTypeElc.error_bandcode = false;
}
/* email */
if (userEmail.length > 0 && !$inregisterPopupTypeElc.helper.isEmail(userEmail)) {
$inregisterPopupTypeElc.error_email = true;
} else {
$inregisterPopupTypeElc.error_email = false;
}
/* userIdnumber */
if (userIdnumber.length > 0 && !$inregisterPopupTypeElc.helper.isIdnumber(userIdnumber)) {
$inregisterPopupTypeElc.error_idnumber = true;
} else {
$inregisterPopupTypeElc.error_idnumber = false;
}
/* userMobile */
if (userMobile.length > 0 && !$inregisterPopupTypeElc.helper.isMobile(userMobile)) {
$inregisterPopupTypeElc.error_mobile = true;
} else {
$inregisterPopupTypeElc.error_mobile = false;
}
/* password */
if (userPass.length > 0 && userPass.length >= 6) {
$inregisterPopupTypeElc.error_password = false;
} else if (userPass.length > 0 && userPass.length < 6) {
$inregisterPopupTypeElc.error_password = true;
}
console.log("sendSubmitRegister : ", "error_firstname : ", $inregisterPopupTypeElc.error_firstname, "error_lastname : ", $inregisterPopupTypeElc.error_lastname, "error_email : ", $inregisterPopupTypeElc.error_email, "error_password : ", $inregisterPopupTypeElc.error_password);
if ($inregisterPopupTypeElc.error_firstname || $inregisterPopupTypeElc.error_lastname || $inregisterPopupTypeElc.error_bandcode || $inregisterPopupTypeElc.error_email || $inregisterPopupTypeElc.error_idnumber || $inregisterPopupTypeElc.error_mobile || $inregisterPopupTypeElc.error_password) {
console.log("sendSubmitRegister return");
$inregisterPopupTypeElc.shake();
return;
}
}
/* loading */
$inregisterPopupTypeElc.helper.pageLoad();
var dataSend = {
'txt_first_name': userFirstname,
'txt_last_name': userLastname,
'txt_code': userBandcode,
'txt_info_address': userAddress,
'txt_info_province': userProvince,
'txt_info_amphoe': userAmphoe,
'txt_info_tambon': userTambon,
'txt_info_postcode': userPostel,
'txt_email': userEmail,
'txt_note': userIdnumber,
'txt_phone': userMobile,
'txt_password': userPass
};
console.log("sendSubmitRegister txt_email : ", dataSend);
GAEAPI.post("ui/api/ui_customer_box/customer/register", dataSend).then(function(output) {
console.log("sendSubmitRegister register : ", output);
if (output.ok == 1) {
$inregisterPopupTypeElc.close();
$inregisterPopupTypeElc.helper.pageUnLoad();
$inregisterPopupTypeElc.helper.registerDone();
GAEAPI.get('customer/logout', {}).then(function(output_logout) {
if (output_logout.ok == 1) {
UiCustomerBox.apiGetCustomerData(function() {});
}
});
} else {
$inregisterPopupTypeElc.helper.pageUnLoad();
alert("Register ผิดพลาด! กรุณาลองใหม่อีกครั้ง");
}
});
});
});
});
/* loading */
};
/* sendSubmitRegister */
/* viewPassword */
$inregisterPopupTypeElc.viewPassword = function(elementId) {
var e = $("#" + elementId);
var t = e.attr('type');
if (t === 'password') {
e.attr('type', 'text');
} else {
e.attr('type', 'password');
}
};
$inregisterPopupTypeElc.resetViewPassword = function(elementId) {
var e = $("#" + elementId);
var t = e.attr('type');
e.attr('type', 'password');
};
/* viewPassword */
$inregisterPopupTypeElc.host = function() {
if (window.location.href.indexOf('localhost') !== -1) {
return 'https://missmonribs.getappeasy.com/store/api/v1/';
}
return GURL.base_api_url();
}
/* Open */
var timerAdjustOpen = 0;
$inregisterPopupTypeElc.isOpen = false;
$inregisterPopupTypeElc.open = function() {
$inregisterPopupTypeElc.resetViewPassword('register-password-v1');
$inregisterPopupTypeElc.validateRegister().reset();
$(".register_overlay").addClass("is_open");
$('html').css({
'overflow-y': 'scroll',
'overflow': 'hidden'
});
$('body').css({
'overflow': 'hidden',
'position': 'relative'
});
timerAdjustOpen = setTimeout(function() {
$(".register.from_background").addClass("is_open");
}, 100);
$inregisterPopupTypeElc.getLocation(2, 231, 1, 100, '', '', function(dataLocation) {
console.log("$inregisterPopupTypeElc : open : dataLocation : ", dataLocation);
for (var i = 0; i < dataLocation.length; i++) {
console.log("2 $inregisterPopupTypeElc : open : for : dataLocation[" + i + "] : ", dataLocation[i]);
$('#register-province-v1').append('');
}
});
$(document).keypress(function(e) {
var keycode = (e.keyCode ? e.keyCode : e.which);
if (keycode == '13') {
$inregisterPopupTypeElc.submitRegister();
}
});
};
/* Open */
/* Close */
$inregisterPopupTypeElc.close = function() {
$(".register_overlay").removeClass("is_open");
$(".register.from_background").removeClass("is_open");
$('html').css({
'overflow-y': 'unset',
'overflow': 'unset'
});
$('body').css({
'overflow': 'auto',
'position': 'relative'
});
};
/* Close */
/* shake */
$inregisterPopupTypeElc.shake = function() {
$(".register.from_background.is_open").addClass('shake');
timerAdjustOpen = setTimeout(function() {
$(".register.from_background.is_open").removeClass('shake');
}, 100);
}
/* shake */
/* login */
$inregisterPopupTypeElc.login = function() {
$inregisterPopupTypeElc.close();
$inregisterPopupTypeElc.helper.registerUnDone();
$inloginPopup.open();
}
/* login */
/* toHome */
$inregisterPopupTypeElc.toHome = function() {
$inregisterPopupTypeElc.helper.registerUnDone();
window.location.href = 'home';
};
/* toHome *//* Cart displat at right side of page */
var $inregisterPopupTypeGrip = {};
/* params */
$inregisterPopupTypeGrip.path = CUR_THEME.devsource_url() + "dev.sugarfree/share/componentRegisterTypeGrip/";
$inregisterPopupTypeGrip.templateRoot = 'root.php';
$inregisterPopupTypeGrip.assetsPath = CUR_THEME.extensions_url() + '../../assets/';
$inregisterPopupTypeGrip.indexCout = 0;
Number.prototype.formatMoney = function(c, d, t) {
var n = this,
c = isNaN(c = Math.abs(c)) ? 2 : c,
d = d == undefined ? "." : d,
t = t == undefined ? "," : t,
s = n < 0 ? "-" : "",
i = String(parseInt(n = Math.abs(Number(n) || 0).toFixed(c))),
j = (j = i.length) > 3 ? j % 3 : 0;
return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : "");
};
/* Install */
$inregisterPopupTypeGrip.install = function(shopId, customBuild) {
/* dont install in (checkout, register) */
this.templateRoot = 'root.php';
$.get($inregisterPopupTypeGrip.path + 'componentRegisterTypeGrip.css', function(response) {
$('head').append('');
});
$.get($inregisterPopupTypeGrip.path + 'root.php', {
imgpath: this.assetsPath,
shopId: shopId,
custom: customBuild,
path: $inregisterPopupTypeGrip.path
}, function(response) {
$('body').append(response);
});
/* fix ios height */
var winHightTimer = setTimeout(function() {
clearTimeout(winHightTimer);
}, 2000);
};
$inregisterPopupTypeGrip.api = GURL.base_api_url();
/* Install */
/* register model */
$inregisterPopupTypeGrip.register = {
firstname: '',
lastname: '',
bandcode: '',
address: '',
vehicle: '',
province: '0',
amphoe: '0',
tambon: '0',
postel: '',
email: '',
idnumber: '',
mobile: '',
password: '',
pressing: false,
errore_mail: false,
errore_password: false,
};
$inregisterPopupTypeGrip.error = {
firstnameExist: false,
lastnameExist: false,
bandcodeExist: false,
addressExist: false,
vehicleExist: false,
provinceExist: false,
amphoeExist: false,
tambonExist: false,
postelExist: false,
emailExist: false,
idnumberExist: false,
mobileExist: false,
firstname: false,
lastname: false,
bandcode: false,
address: false,
vehicle: false,
province: false,
amphoe: false,
tambon: false,
postel: false,
email: false,
idnumber: false,
mobile: false,
emailText: 'ตรวจสอบรูปแบบอีเมล Email should be valid (name@domain.com)',
password: false,
passwordText: ' ตรวจสอบรูปแบบให้ถูกต้อง Please correct the format',
wrong_password: false,
};
/* register model */
/* API LOCATION */
$inregisterPopupTypeGrip.getLocation = function(type, location_id, cur_page, per_page, txt_sortby, search, callback) {
var dataLocation = [];
var option = {
'search': search
};
var dataSend = {
'txt_location_type_id': type,
'txt_parent_id': location_id,
'cur_page': cur_page,
'per_page': per_page,
'txt_sortby': txt_sortby,
'txt_filter_json': JSON.stringify(option)
};
console.log("$inregisterPopupTypeGrip : getLocation : dataSend : ", dataSend);
GAEAPI.get('location/lists', dataSend).then(function(output) {
var getLocationTime = setTimeout(function() {
window.clearTimeout(getLocationTime);
console.log("$inregisterPopupTypeGrip : getLocation : output : ", output);
if (output.ok == 1) {
dataLocation = output.data.dataList;
}
callback(dataLocation);
}, 100);
});
};
$inregisterPopupTypeGrip.getLocationId = function(location_id, callback) {
var dataLocationId = [];
var dataSend = {
'txt_location_id': location_id,
};
console.log("$inregisterPopupTypeGrip : getLocation : dataSend : ", dataSend);
GAEAPI.get('location/id', dataSend).then(function(output) {
var getLocationIdTime = setTimeout(function() {
window.clearTimeout(getLocationIdTime);
console.log("$inregisterPopupTypeGrip : getLocation : output : ", output);
if (output.ok == 1) {
dataLocationId = output.data;
}
callback(dataLocationId);
}, 100);
});
};
$inregisterPopupTypeGrip.getLocationListsId = function(type, select_value, select_value_post) {
console.log("$inregisterPopupTypeGrip : getLocationListsId : type : ", type);
console.log("$inregisterPopupTypeGrip : getLocationListsId : select_value : ", select_value);
console.log("$inregisterPopupTypeGrip : getLocationListsId : select_value_post : ", select_value_post);
var province_id = parseInt($(select_value).val());
console.log("$inregisterPopupTypeGrip : getLocationListsId : select_value : ", $(select_value).val());
console.log("$inregisterPopupTypeGrip : getLocationListsId : province_id : ", province_id);
if (province_id != 0) {
$inregisterPopupTypeGrip.getLocation(type, province_id, 1, 200, '', '', function(dataLocation) {
for (var i = 0; i < dataLocation.length; i++) {
console.log("$inregisterPopupTypeGrip : getLocationListsId : for : dataLocation[" + i + "] : ", dataLocation[i]);
$(select_value_post).append('');
}
});
}
if (type == 3) {
var css_id = [{
css_in: '#register-amphoe-v1',
value_in: '0',
value_in_text: 'เลือก Amphoe',
}, {
css_in: '#register-tambon-v1',
value_in: '0',
value_in_text: 'เลือก Tambon',
}, {
css_in: '#register-postel-v1',
value_in: '0',
value_in_text: 'เลือก Postel',
}];
for (var i = 0; i < css_id.length; i++) {
console.log("$inregisterPopupTypeGrip : getLocationListsId : for : css_id[" + i + "] : ", css_id[i]);
$inregisterPopupTypeGrip.validateRegister().resetLocation(css_id[i].css_in);
$(css_id[i].css_in).append('');
}
} else if (type == 4) {
var css_id = [{
css_in: '#register-tambon-v1',
value_in: '0',
value_in_text: 'เลือก Tambon',
}, {
css_in: '#register-postel-v1',
value_in: '0',
value_in_text: 'เลือก Postel',
}];
for (var i = 0; i < css_id.length; i++) {
console.log("$inregisterPopupTypeGrip : getLocationListsId : for : css_id[" + i + "] : ", css_id[i]);
$inregisterPopupTypeGrip.validateRegister().resetLocation(css_id[i].css_in);
$(css_id[i].css_in).append('');
}
}
};
$inregisterPopupTypeGrip.getLocationPostel = function(select_value) {
console.log("$inregisterPopupTypeGrip : getLocationPostel : select_value : ", select_value);
var postel = parseInt($(select_value).val());
console.log("$inregisterPopupTypeGrip : getLocationId : select_value : ", $(select_value).val());
console.log("$inregisterPopupTypeGrip : getLocationId : postel : ", postel);
if (postel != 0) {
$inregisterPopupTypeGrip.getLocationId(postel, function(dataLocationId) {
console.log("$inregisterPopupTypeGrip : getLocationId : dataLocationId.location_postcode : ", dataLocationId.location_postcode);
$("#register-postel-v1").val(dataLocationId.location_postcode);
});
}
};
/* API LOCATION */
/* validateRegister */
$inregisterPopupTypeGrip.validateRegister = function() {
var promise = {
checkEmail: function(v, callback) {
$.ajax({
type: 'POST',
method: 'POST',
url: $inregisterPopupTypeGrip.host() + 'customer/is_exists_email',
data: {
txt_email: v
},
datatType: 'json'
}).done(function(e) {
callback(e);
});
},
getVal: function(cssID) {
return $(cssID).val();
},
focusFirstname: function() {
$inregisterPopupTypeGrip.error.firstname = false;
$inregisterPopupTypeGrip.error.firstnameExist = false;
$('#register-firstname-v1').css('border', '');
},
focusLastname: function() {
$inregisterPopupTypeGrip.error.lastname = false;
$inregisterPopupTypeGrip.error.lastnameExist = false;
$('#register-lastname-v1').css('border', '');
},
focusBandcode: function() {
$inregisterPopupTypeGrip.error.bandcode = false;
$inregisterPopupTypeGrip.error.bandcodeExist = false;
$('#register-bandcode-v1').css('border', '');
},
focusAddress: function() {
$inregisterPopupTypeGrip.error.address = false;
$inregisterPopupTypeGrip.error.addressExist = false;
$('#register-address-v1').css('border', '');
},
focusVehicle: function() {
$inregisterPopupTypeGrip.error.address = false;
$inregisterPopupTypeGrip.error.addressExist = false;
$('#register-vehicle-v1').css('border', '');
},
focusProvince: function() {
$inregisterPopupTypeGrip.error.province = false;
$inregisterPopupTypeGrip.error.provinceExist = false;
$('#register-province-v1').css('border', '');
},
focusAmphoe: function() {
$inregisterPopupTypeGrip.error.amphoe = false;
$inregisterPopupTypeGrip.error.amphoeExist = false;
$('#register-amphoe-v1').css('border', '');
},
focusTambon: function() {
$inregisterPopupTypeGrip.error.tambon = false;
$inregisterPopupTypeGrip.error.tambonExist = false;
$('#register-tambon-v1').css('border', '');
},
focusPostel: function() {
$inregisterPopupTypeGrip.error.postel = false;
$inregisterPopupTypeGrip.error.postelExist = false;
$('#register-postel-v1').css('border', '');
},
focusEmail: function() {
$inregisterPopupTypeGrip.error.email = false;
$inregisterPopupTypeGrip.error.emailExist = false;
$('#register-email-v1').css('border', '');
},
focusIdnumber: function() {
$inregisterPopupTypeGrip.error.idnumber = false;
$inregisterPopupTypeGrip.error.idnumberExist = false;
$('#register-idnumber-v1').css('border', '');
},
focusBobile: function() {
$inregisterPopupTypeGrip.error.mobile = false;
$inregisterPopupTypeGrip.error.mobileExist = false;
$('#register-mobile-v1').css('border', '');
},
focusPassword: function() {
$inregisterPopupTypeGrip.error_password = false;
$inregisterPopupTypeGrip.error.wrong_password = false;
$('#register-password-v1').css('border', '');
},
firstname: function() {
var v = $('#register-firstname-v1').val();
var t = this;
var valid = $inregisterPopupTypeGrip.helper.isFirstname(v, true);
console.log("firstname v.length : ", v.length, " valid : ", valid);
if (v.length <= 0) {
$inregisterPopupTypeGrip.shake();
$inregisterPopupTypeGrip.validateRegister().firstnameInputNullError();
$inregisterPopupTypeGrip.error_firstname = false;
$inregisterPopupTypeGrip.error_firstnameExist = false;
return false;
} else {
if (v.length > 0 && !valid) {
$inregisterPopupTypeGrip.shake();
$inregisterPopupTypeGrip.validateRegister().firstnameInputError();
$inregisterPopupTypeGrip.error_firstname = true;
return false;
} else if (v.length > 0 && valid) {
$inregisterPopupTypeGrip.validateRegister().firstnameOk();
return true;
}
}
},
lastname: function() {
var v = $('#register-lastname-v1').val();
var t = this;
var valid = $inregisterPopupTypeGrip.helper.isLastname(v, true);
console.log("lastname v.length : ", v.length, " valid : ", valid);
if (v.length <= 0) {
$inregisterPopupTypeGrip.shake();
$inregisterPopupTypeGrip.validateRegister().lastnameInputNullError();
$inregisterPopupTypeGrip.error_lastname = false;
$inregisterPopupTypeGrip.error_lastnameExist = false;
return false;
} else {
if (v.length > 0 && valid) {
$inregisterPopupTypeGrip.validateRegister().lastnameOk();
return true;
} else {
$inregisterPopupTypeGrip.shake();
$inregisterPopupTypeGrip.validateRegister().lastnameInputError();
$inregisterPopupTypeGrip.error_lastname = true;
return false;
}
}
},
bandcode: function() {
var v = $('#register-bandcode-v1').val();
var t = this;
var valid = $inregisterPopupTypeGrip.helper.isBandcode(v);
console.log("inregisterPopupTypeElc : bandcode : v : ", v);
console.log("inregisterPopupTypeElc : bandcode : valid : ", valid);
if (valid) {
$inregisterPopupTypeGrip.validateRegister().bandcodeOk();
return true;
} else {
$inregisterPopupTypeGrip.shake();
$inregisterPopupTypeGrip.validateRegister().bandcodeInputNullError();
return false;
}
},
address: function() {
var v = $('#register-address-v1').val();
var t = this;
var valid = $inregisterPopupTypeGrip.helper.isAddress(v);
console.log("inregisterPopupTypeElc : address : v : ", v);
console.log("inregisterPopupTypeElc : address : valid : ", valid);
if (valid) {
$inregisterPopupTypeGrip.validateRegister().addressOk();
return true;
} else {
$inregisterPopupTypeGrip.shake();
$inregisterPopupTypeGrip.validateRegister().addressInputNullError();
return false;
}
},
vehicle: function() {
var v = $('#register-vehicle-v1').val();
var t = this;
var valid = $inregisterPopupTypeGrip.helper.isVehicle(v);
console.log("inregisterPopupTypeElc : vehicle : v : ", v);
console.log("inregisterPopupTypeElc : vehicle : valid : ", valid);
if (valid) {
$inregisterPopupTypeGrip.validateRegister().vehicleOk();
return true;
} else {
$inregisterPopupTypeGrip.shake();
$inregisterPopupTypeGrip.validateRegister().vehicleInputNullError();
return false;
}
},
province: function() {
var v = $('#register-province-v1').val();
var t = this;
var valid = $inregisterPopupTypeGrip.helper.isProvince(v);
console.log("inregisterPopupTypeElc : province : v : ", v);
console.log("inregisterPopupTypeElc : province : valid : ", valid);
if (valid) {
$inregisterPopupTypeGrip.validateRegister().provinceOk();
return true;
} else {
$inregisterPopupTypeGrip.shake();
$inregisterPopupTypeGrip.validateRegister().provinceInputNullError();
return false;
}
},
amphoe: function() {
var v = $('#register-amphoe-v1').val();
var t = this;
var valid = $inregisterPopupTypeGrip.helper.isAmphoe(v);
console.log("inregisterPopupTypeElc : amphoe : v : ", v);
console.log("inregisterPopupTypeElc : amphoe : valid : ", valid);
if (valid) {
$inregisterPopupTypeGrip.validateRegister().amphoeOk();
return true;
} else {
$inregisterPopupTypeGrip.shake();
$inregisterPopupTypeGrip.validateRegister().amphoeInputNullError();
return false;
}
},
tambon: function() {
var v = $('#register-tambon-v1').val();
var t = this;
var valid = $inregisterPopupTypeGrip.helper.isTambon(v);
console.log("inregisterPopupTypeElc : tambon : v : ", v);
console.log("inregisterPopupTypeElc : tambon : valid : ", valid);
if (valid) {
$inregisterPopupTypeGrip.validateRegister().tambonOk();
return true;
} else {
$inregisterPopupTypeGrip.shake();
$inregisterPopupTypeGrip.validateRegister().tambonInputNullError();
return false;
}
},
postel: function() {
var v = $('#register-postel-v1').val();
var t = this;
var valid = $inregisterPopupTypeGrip.helper.isAddress(v);
console.log("inregisterPopupTypeElc : postel : v : ", v);
console.log("inregisterPopupTypeElc : postel : valid : ", valid);
if (valid) {
$inregisterPopupTypeGrip.validateRegister().postelOk();
return true;
} else {
$inregisterPopupTypeGrip.shake();
$inregisterPopupTypeGrip.validateRegister().postelInputNullError();
return false;
}
},
email: function() {
var v = $('#register-email-v1').val();
var t = this;
var valid = $inregisterPopupTypeGrip.helper.isEmail(v);
console.log("inregisterPopupTypeElc : email : v : ", v);
console.log("inregisterPopupTypeElc : email : valid : ", valid);
if (valid) {
$inregisterPopupTypeGrip.validateRegister().emailOk();
return true;
} else {
$inregisterPopupTypeGrip.shake();
$inregisterPopupTypeGrip.validateRegister().emailInputNullError();
return false;
}
},
idnumber: function() {
var v = $('#register-idnumber-v1').val();
var t = this;
var valid = $inregisterPopupTypeGrip.helper.isIdnumber(v);
console.log("inregisterPopupTypeElc : idnumber : v : ", v);
console.log("inregisterPopupTypeElc : idnumber : valid : ", valid);
if (valid) {
$inregisterPopupTypeGrip.validateRegister().idnumberOk();
return true;
} else {
$inregisterPopupTypeGrip.shake();
$inregisterPopupTypeGrip.validateRegister().idnumberInputNullError();
return false;
}
},
mobile: function() {
var v = $('#register-mobile-v1').val();
var t = this;
var valid = $inregisterPopupTypeGrip.helper.isMobile(v);
console.log("inregisterPopupTypeElc : mobile : v : ", v);
console.log("inregisterPopupTypeElc : mobile : valid : ", valid);
if (valid) {
$inregisterPopupTypeGrip.validateRegister().mobileOk();
return true;
} else {
$inregisterPopupTypeGrip.shake();
$inregisterPopupTypeGrip.validateRegister().mobileInputNullError();
return false;
}
},
firstnameOk: function() {
$('#register-firstname-v1').css('border', '2px solid green');
$inregisterPopupTypeGrip.validateRegister().firstnameInputOk();
},
lastnameOk: function() {
$('#register-lastname-v1').css('border', '2px solid green');
$inregisterPopupTypeGrip.validateRegister().lastnameInputOk();
},
bandcodeOk: function() {
$('#register-bandcode-v1').css('border', '2px solid green');
$inregisterPopupTypeGrip.validateRegister().bandcodeInputOk();
},
addressOk: function() {
$('#register-address-v1').css('border', '2px solid green');
$inregisterPopupTypeGrip.validateRegister().addressInputOk();
},
vehicleOk: function() {
$('#register-vehicle-v1').css('border', '2px solid green');
$inregisterPopupTypeGrip.validateRegister().vehicleInputOk();
},
provinceOk: function() {
$('#register-province-v1').css('border', '2px solid green');
$inregisterPopupTypeGrip.validateRegister().provinceInputOk();
},
amphoeOk: function() {
$('#register-amphoe-v1').css('border', '2px solid green');
$inregisterPopupTypeGrip.validateRegister().amphoeInputOk();
},
tambonOk: function() {
$('#register-tambon-v1').css('border', '2px solid green');
$inregisterPopupTypeGrip.validateRegister().tambonInputOk();
},
postelOk: function() {
$('#register-postel-v1').css('border', '2px solid green');
$inregisterPopupTypeGrip.validateRegister().postelInputOk();
},
emailOk: function() {
$('#register-email-v1').css('border', '2px solid green');
$inregisterPopupTypeGrip.validateRegister().emailInputOk();
},
idnumberOk: function() {
$('#register-idnumber-v1').css('border', '2px solid green');
$inregisterPopupTypeGrip.validateRegister().idnumberInputOk();
},
mobileOk: function() {
$('#register-mobile-v1').css('border', '2px solid green');
$inregisterPopupTypeGrip.validateRegister().mobileInputOk();
},
firstnameInputOk: function() {
$("#register-error-firstname-v1").removeClass("error");
$("#register-error-firstname-v1").css('opacity', 0);
},
lastnameInputOk: function() {
$("#register-error-lastname-v1").removeClass("error");
$("#register-error-lastname-v1").css('opacity', 0);
},
bandcodeInputOk: function() {
$("#register-error-bandcode-v1").removeClass("error");
$("#register-error-bandcode-v1").css('opacity', 0);
},
addressInputOk: function() {
$("#register-error-address-v1").removeClass("error");
$("#register-error-address-v1").css('opacity', 0);
},
vehicleInputOk: function() {
$("#register-error-vehicle-v1").removeClass("error");
$("#register-error-vehicle-v1").css('opacity', 0);
},
provinceInputOk: function() {
$("#register-error-province-v1").removeClass("error");
$("#register-error-province-v1").css('opacity', 0);
},
amphoeInputOk: function() {
$("#register-error-amphoe-v1").removeClass("error");
$("#register-error-amphoe-v1").css('opacity', 0);
},
tambonInputOk: function() {
$("#register-error-tambon-v1").removeClass("error");
$("#register-error-tambon-v1").css('opacity', 0);
},
postelInputOk: function() {
$("#register-error-postel-v1").removeClass("error");
$("#register-error-postel-v1").css('opacity', 0);
},
emailInputOk: function() {
$("#register-error-email-v1").removeClass("error");
$("#register-error-email-v1").css('opacity', 0);
},
idnumberInputOk: function() {
$("#register-error-idnumber-v1").removeClass("error");
$("#register-error-idnumber-v1").css('opacity', 0);
},
mobileInputOk: function() {
$("#register-error-mobile-v1").removeClass("error");
$("#register-error-mobile-v1").css('opacity', 0);
},
firstnameError: function() {
$("#register-firstname-v1").css('border', '2px solid red');
},
lastnameError: function() {
$("#register-lastname-v1").css('border', '2px solid red');
},
bandcodeError: function() {
$("#register-bandcode-v1").css('border', '2px solid red');
},
addressError: function() {
$("#register-address-v1").css('border', '2px solid red');
},
vehicleError: function() {
$("#register-vehicle-v1").css('border', '2px solid red');
},
provinceError: function() {
$("#register-province-v1").css('border', '2px solid red');
},
amphoeError: function() {
$("#register-amphoe-v1").css('border', '2px solid red');
},
tambonError: function() {
$("#register-tambon-v1").css('border', '2px solid red');
},
postelError: function() {
$("#register-postel-v1").css('border', '2px solid red');
},
emailError: function() {
$("#register-email-v1").css('border', '2px solid red');
},
idnumberError: function() {
$("#register-idnumber-v1").css('border', '2px solid red');
},
mobileError: function() {
$("#register-mobile-v1").css('border', '2px solid red');
},
firstnameInputError: function() {
$inregisterPopupTypeGrip.validateRegister().firstnameError();
$("#register-error-firstname-v1").addClass("error");
$("#register-error-firstname-v1").css('opacity', 1).html('ตรวจสอบรูปแบบชื่อ Please check your format');
},
lastnameInputError: function() {
$inregisterPopupTypeGrip.validateRegister().lastnameError();
$("#register-error-lastname-v1").addClass("error");
$("#register-error-lastname-v1").css('opacity', 1).html('ตรวจสอบรูปแบบนามสกุล Please check your format');
},
bandcodeInputError: function() {
$inregisterPopupTypeGrip.validateRegister().lastnameError();
$("#register-error-bandcode-v1").addClass("error");
$("#register-error-bandcode-v1").css('opacity', 1).html('กรุณาใส่รหัสกลุ่มแบนด์ที่เคยเดินทาง');
},
addressInputError: function() {
$inregisterPopupTypeGrip.validateRegister().addressError();
$("#register-error-address-v1").addClass("error");
$("#register-error-address-v1").css('opacity', 1).html('กรุณาใส่ที่อยู่');
},
vehicleInputError: function() {
$inregisterPopupTypeGrip.validateRegister().addressError();
$("#register-error-vehicle-v1").addClass("error");
$("#register-error-vehicle-v1").css('opacity', 1).html('กรุณาใส่ทะเบียนรถยนต์');
},
provinceInputError: function() {
$inregisterPopupTypeGrip.validateRegister().addressError();
$("#register-error-province-v1").addClass("error");
$("#register-error-province-v1").css('opacity', 1).html('กรุณาเลือกจังหวัด');
},
amphoeInputError: function() {
$inregisterPopupTypeGrip.validateRegister().addressError();
$("#register-error-amphoe-v1").addClass("error");
$("#register-error-amphoe-v1").css('opacity', 1).html('กรุณาเลือกอำเภอ');
},
tambonInputError: function() {
$inregisterPopupTypeGrip.validateRegister().addressError();
$("#register-error-tambon-v1").addClass("error");
$("#register-error-tambon-v1").css('opacity', 1).html('กรุณาเลือกตำบล');
},
postelInputError: function() {
$inregisterPopupTypeGrip.validateRegister().postelError();
$("#register-error-postel-v1").addClass("error");
$("#register-error-postel-v1").css('opacity', 1).html('กรุณาใส่รหัสไปรษณีย์');
},
emailInputRepeatedly: function() {
$inregisterPopupTypeGrip.validateRegister().emailError();
$("#register-error-email-v1").addClass("error");
$("#register-error-email-v1").css('opacity', 1).html('อีเมลนี้มีการลงทะเบียนเป็นสมาชิกแล้ว Email already exists');
},
idnumberInputError: function() {
$inregisterPopupTypeGrip.validateRegister().lastnameError();
$("#register-error-idnumber-v1").addClass("error");
$("#register-error-idnumber-v1").css('opacity', 1).html('กรุณาใส่เลขประจำตัวประชาชน');
},
mobileInputError: function() {
$inregisterPopupTypeGrip.validateRegister().lastnameError();
$("#register-error-mobile-v1").addClass("error");
$("#register-error-mobile-v1").css('opacity', 1).html('กรุณาใส่เบอร์โทรศัพท์');
},
passwordInputRepeatedly: function() {
$("#register-password-v1").css('border', '1px solid #dddddd');
},
emailInputError: function() {
$inregisterPopupTypeGrip.validateRegister().emailError();
$("#register-error-email-v1").addClass("error");
$("#register-error-email-v1").css('opacity', 1).html('ตรวจสอบรูปแบบอีเมล Email should be valid เช่น getappeasy@gmail.com');
},
firstnameInputNullError: function() {
$inregisterPopupTypeGrip.validateRegister().firstnameError();
$("#register-error-firstname-v1").addClass("error");
// $("#register-error-firstname-v1").css('opacity', 1).html('ตรวจสอบรูปแบบชื่อ Please check your format');
},
lastnameInputNullError: function() {
$inregisterPopupTypeGrip.validateRegister().lastnameError();
$("#register-error-lastname-v1").addClass("error");
// $("#register-error-lastname-v1").css('opacity', 1).html('ตรวจสอบรูปแบบนามสกุล Please check your format');
},
bandcodeInputNullError: function() {
$inregisterPopupTypeGrip.validateRegister().bandcodeError();
$("#register-error-bandcode-v1").addClass("error");
// $("#register-error-bandcode-v1").css('opacity', 1).html('กรุณาใส่รหัสรหัสกลุ่มแบนด์ที่เคยเดินทาง');
},
addressInputNullError: function() {
$inregisterPopupTypeGrip.validateRegister().addressError();
$("#register-error-address-v1").addClass("error");
// $("#register-error-address-v1").css('opacity', 1).html('กรุณาใส่ที่อยู่ ');
},
vehicleInputNullError: function() {
$inregisterPopupTypeGrip.validateRegister().vehicleError();
$("#register-error-vehicle-v1").addClass("error");
// $("#register-error-vehicle-v1").css('opacity', 1).html('กรุณาใส่ทะเบียนรถยนต์');
},
provinceInputNullError: function() {
$inregisterPopupTypeGrip.validateRegister().provinceError();
$("#register-error-province-v1").addClass("error");
// $("#register-error-province-v1").css('opacity', 1).html('กรุณาเลือกจังหวัด');
},
amphoeInputNullError: function() {
$inregisterPopupTypeGrip.validateRegister().amphoeError();
$("#register-error-amphoe-v1").addClass("error");
// $("#register-error-amphoe-v1").css('opacity', 1).html('กรุณาเลือกอำเภอ');
},
tambonInputNullError: function() {
$inregisterPopupTypeGrip.validateRegister().tambonError();
$("#register-error-tambon-v1").addClass("error");
// $("#register-error-tambon-v1").css('opacity', 1).html('กรุณาเลือกตำบล');
},
postelInputNullError: function() {
$inregisterPopupTypeGrip.validateRegister().postelError();
$("#register-error-postel-v1").addClass("error");
// $("#register-error-postel-v1").css('opacity', 1).html('กรุณาใส่รหัสไปรษณีย์ ');
},
emailInputNullError: function() {
$inregisterPopupTypeGrip.validateRegister().emailError();
$("#register-error-email-v1").addClass("error");
// $("#register-error-email-v1").css('opacity', 1).html('ตรวจสอบรูปแบบอีเมล Email should be valid (name@domain.com)');
},
idnumberInputNullError: function() {
$inregisterPopupTypeGrip.validateRegister().idnumberError();
$("#register-error-idnumber-v1").addClass("error");
// $("#register-error-idnumber-v1").css('opacity', 1).html('กรุณาใส่เลขประจำตัวประชาชน');
},
mobileInputNullError: function() {
$inregisterPopupTypeGrip.validateRegister().mobileError();
$("#register-error-mobile-v1").addClass("error");
// $("#register-error-mobile-v1").css('opacity', 1).html('กรุณาใส่เบอร์โทรศัพท์');
},
password: function() {
var v = $('#register-password-v1').val();
if (v.length <= 0) {
$inregisterPopupTypeGrip.validateRegister().passwordInputNullError();
$inregisterPopupTypeGrip.shake();
return false;
}
if (v.length > 0 && v.length >= 6) {
$inregisterPopupTypeGrip.error_password = false;
$inregisterPopupTypeGrip.validateRegister().passwordOk();
return true;
} else if (v.length > 0 && v.length < 6) {
$inregisterPopupTypeGrip.error_password = true;
$inregisterPopupTypeGrip.shake();
$inregisterPopupTypeGrip.validateRegister().passwordInputError();
return false;
}
},
passwordOk: function() {
$("#register-password-v1").css('border', '2px solid green');
$inregisterPopupTypeGrip.validateRegister().passwordInputOk();
},
passwordInputOk: function() {
$("#register-error-password-v1").removeClass("error");
$("#register-error-password-v1").css('opacity', 0);
},
passwordError: function() {
$("#register-password-v1").css('border', '2px solid red');
},
passwordInputError: function() {
$inregisterPopupTypeGrip.validateRegister().passwordError();
$("#register-error-password-v1").addClass("error");
$("#register-error-password-v1").css('opacity', 1).html('ตรวจสอบรูปแบบให้ถูกต้อง Please correct the format');
},
passwordInputNullError: function() {
$inregisterPopupTypeGrip.validateRegister().passwordError();
$("#register-error-password-v1").addClass("error");
// $("#register-error-password-v1").css('opacity', 1).html('error password ตรวจสอบรูปแบบให้ถูกต้อง Please correct the format');
},
resetFirstname: function() {
$("#register-firstname-v1").css('border', '');
$("#register-firstname-v1").val('');
$("#register-error-firstname-v1").css('opacity', 0);
},
resetLastname: function() {
$("#register-lastname-v1").css('border', '');
$("#register-lastname-v1").val('');
$("#register-error-lastname-v1").css('opacity', 0);
},
resetBandcode: function() {
$("#register-bandcode-v1").css('border', '');
$("#register-bandcode-v1").val('');
$("#register-error-bandcode-v1").css('opacity', 0);
},
resetAddress: function() {
$("#register-address-v1").css('border', '');
$("#register-address-v1").val('');
$("#register-error-address-v1").css('opacity', 0);
},
resetVehicle: function() {
$("#register-vehicle-v1").css('border', '');
$("#register-vehicle-v1").val('');
$("#register-error-vehicle-v1").css('opacity', 0);
},
resetProvince: function() {
$("#register-province-v1").css('border', '');
$("#register-province-v1").val(0);
$("#register-error-province-v1").css('opacity', 0);
},
resetAmphoe: function() {
$("#register-amphoe-v1").css('border', '');
$("#register-amphoe-v1").val(0);
$("#register-error-amphoe-v1").css('opacity', 0);
},
resetTambon: function() {
$("#register-tambon-v1").css('border', '');
$("#register-tambon-v1").val(0);
$("#register-error-tambon-v1").css('opacity', 0);
},
resetPostel: function() {
$("#register-postel-v1").css('border', '');
$("#register-postel-v1").val('');
$("#register-error-postel-v1").css('opacity', 0);
},
resetEmail: function() {
$("#register-email-v1").css('border', '');
$("#register-email-v1").val('');
$("#register-error-email-v1").css('opacity', 0);
},
resetIdnumber: function() {
$("#register-idnumber-v1").css('border', '');
$("#register-idnumber-v1").val('');
$("#register-error-idnumber-v1").css('opacity', 0);
},
resetBobile: function() {
$("#register-mobile-v1").css('border', '');
$("#register-mobile-v1").val('');
$("#register-error-mobile-v1").css('opacity', 0);
},
resetPassword: function() {
$("#register-password-v1").css('border', '');
$("#register-password-v1").val('');
$("#register-error-password-v1").css('opacity', 0);
},
resetLocation: function(css_id) {
$(css_id).html('');
},
reset: function() {
$inregisterPopupTypeGrip.validateRegister().resetFirstname();
$inregisterPopupTypeGrip.validateRegister().resetLastname();
$inregisterPopupTypeGrip.validateRegister().resetBandcode();
$inregisterPopupTypeGrip.validateRegister().resetAddress();
$inregisterPopupTypeGrip.validateRegister().resetVehicle();
$inregisterPopupTypeGrip.validateRegister().resetProvince();
$inregisterPopupTypeGrip.validateRegister().resetAmphoe();
$inregisterPopupTypeGrip.validateRegister().resetTambon();
$inregisterPopupTypeGrip.validateRegister().resetPostel();
$inregisterPopupTypeGrip.validateRegister().resetEmail();
$inregisterPopupTypeGrip.validateRegister().resetIdnumber();
$inregisterPopupTypeGrip.validateRegister().resetBobile();
$inregisterPopupTypeGrip.validateRegister().resetPassword();
},
};
return promise;
};
/* validateRegister */
/* load html */
$inregisterPopupTypeGrip.viewHtml = function(viewName) {
var html = path + viewName;
return html;
};
$inregisterPopupTypeGrip.whenOnLoad = function(shopId) {};
$inregisterPopupTypeGrip.helper = {
countDots: function(s1, letter) {
return (s1.match(RegExp(letter, 'g')) || []).length;
},
isFormat: function(format, data) {
return format.test(data);
},
isAlpabet: function(str) {
var strObj = str.match(/^[a-zA-zก-๙]+/g);
var returnStr = "";
for (var idx in strObj) {
returnStr += strObj[idx].replace("^", "");
}
return returnStr;
},
isFirstname: function(firstname) {
var re1 = /^[a-zA-Zก-๙]+$/;
var re2 = /^[^๐-๙]+$/;
var state = false;
var firstname_re1 = re1.test(firstname);
if (firstname_re1) {
state = true;
var firstname_re2 = re2.test(firstname);
if (firstname_re2) {
return state;
} else {
return false;
}
} else {
return false;
}
},
isLastname: function(lastname) {
var re1 = /^[a-zA-Zก-๙]+$/;
var re2 = /^[^๐-๙]+$/;
var state = false;
var lastname_re1 = re1.test(lastname);
if (lastname_re1) {
state = true;
var lastname_re2 = re2.test(lastname);
if (lastname_re2) {
return state;
} else {
return false;
}
} else {
return false;
}
},
isBandcode: function(bandcode) {
var re = /^((([a-zA-Z]{2})+[0-9]{10}))$/;
var bandcode = re.test(bandcode);
if (bandcode) {
return true;
} else {
return false;
}
},
isAddress: function(address) {
if (address.length) {
return true;
} else {
return false;
}
},
isVehicle: function(vehicle) {
if (vehicle.length) {
return true;
} else {
return false;
}
},
isProvince: function(province) {
if (province != '0') {
return true;
} else {
return false;
}
},
isAmphoe: function(amphoe) {
if (amphoe != '0') {
return true;
} else {
return false;
}
},
isTambon: function(tambon) {
if (tambon != '0') {
return true;
} else {
return false;
}
},
isPostel: function(postel) {
if (postel.length) {
return true;
} else {
return false;
}
},
isEmail: function(email) {
var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
var result = re.test(email);
var a = email.split('@');
var checkTopLevel = false;
if (result && a.length > 1) {
return (a[1].length >= 5) ? true : false;
} else {
return false;
}
},
isIdnumber: function(idnumber) {
var re = /^(([0-9]{13}))$/;
var result = re.test(idnumber);
if (result) {
return true;
} else {
return false;
}
},
isMobile: function(mobile) {
var re = /^(([0-9]{8,10}))$/;
var result = re.test(mobile);
if (result) {
return true;
} else {
return false;
}
},
isChar: function(e) {
var k = (e.which) ? e.which : e.keyCode;
if (k >= 48 && k <= 57) {
return false;
} else {
return k;
}
},
pageLoadState: false,
pageLoad: function() {
var load = $('.register_vGrip_load');
if (!load.hasClass('active')) {
load.addClass('active');
}
},
pageUnLoad: function() {
var load = $('.register_vGrip_load');
if (load.hasClass('active')) {
load.removeClass('active');
}
},
registerDone: function() {
var load = $('.register_vGrip_done');
if (!load.hasClass('active')) {
load.addClass('active');
}
timerAdjustOpen = setTimeout(function() {
$(".register_vGrip_done .register_done.from_background").addClass("is_open");
}, 100);
},
registerUnDone: function() {
var load = $('.register_vGrip_done');
if (load.hasClass('active')) {
load.removeClass('active');
}
timerAdjustOpen = setTimeout(function() {
$(".register_vGrip_done .register_done.from_background").removeClass("is_open");
}, 100);
},
};
/* load html */
/* submitRegister */
$inregisterPopupTypeGrip.submitRegister = function() {
$inregisterPopupTypeGrip.register.firstname = $inregisterPopupTypeGrip.validateRegister().getVal('#register-firstname-v1');
$inregisterPopupTypeGrip.register.lastname = $inregisterPopupTypeGrip.validateRegister().getVal('#register-lastname-v1');
/* $inregisterPopupTypeGrip.register.bandcode = $inregisterPopupTypeGrip.validateRegister().getVal('#register-bandcode-v1'); */
/* $inregisterPopupTypeGrip.register.address = $inregisterPopupTypeGrip.validateRegister().getVal('#register-address-v1'); */
// $inregisterPopupTypeGrip.register.vehicle = $inregisterPopupTypeGrip.validateRegister().getVal('#register-vehicle-v1');
// $inregisterPopupTypeGrip.register.province = $inregisterPopupTypeGrip.validateRegister().getVal('#register-province-v1');
/* $inregisterPopupTypeGrip.register.amphoe = $inregisterPopupTypeGrip.validateRegister().getVal('#register-amphoe-v1');
$inregisterPopupTypeGrip.register.tambon = $inregisterPopupTypeGrip.validateRegister().getVal('#register-tambon-v1');
$inregisterPopupTypeGrip.register.postel = $inregisterPopupTypeGrip.validateRegister().getVal('#register-postel-v1');*/
$inregisterPopupTypeGrip.register.email = $inregisterPopupTypeGrip.validateRegister().getVal('#register-email-v1');
/* $inregisterPopupTypeGrip.register.idnumber = $inregisterPopupTypeGrip.validateRegister().getVal('#register-idnumber-v1'); */
$inregisterPopupTypeGrip.register.mobile = $inregisterPopupTypeGrip.validateRegister().getVal('#register-mobile-v1');
$inregisterPopupTypeGrip.register.password = $inregisterPopupTypeGrip.validateRegister().getVal('#register-password-v1');
var userFirstnameValid = $inregisterPopupTypeGrip.validateRegister().firstname();
var userLastnameValid = $inregisterPopupTypeGrip.validateRegister().lastname();
/* var userBandcodeValid = $inregisterPopupTypeGrip.validateRegister().bandcode(); */
/* var userAddressValid = $inregisterPopupTypeGrip.validateRegister().address(); */
// var userVehicleValid = $inregisterPopupTypeGrip.validateRegister().vehicle();
// var userProvinceValid = $inregisterPopupTypeGrip.validateRegister().province();
/* var userAmphoeValid = $inregisterPopupTypeGrip.validateRegister().amphoe();
var userTambonValid = $inregisterPopupTypeGrip.validateRegister().tambon();
var userPostelValid = $inregisterPopupTypeGrip.validateRegister().postel(); */
var userEmailValid = $inregisterPopupTypeGrip.validateRegister().email();
/* var userIdnumberValid = $inregisterPopupTypeGrip.validateRegister().idnumber(); */
var userMobileValid = $inregisterPopupTypeGrip.validateRegister().mobile();
var userPassValid = $inregisterPopupTypeGrip.validateRegister().password();
if (!userFirstnameValid || !userLastnameValid || !userEmailValid || !userMobileValid || !userPassValid) {
console.log("submitRegister", "return");
$inregisterPopupTypeGrip.shake();
return;
}
$inregisterPopupTypeGrip.validateRegister().checkEmail($inregisterPopupTypeGrip.register.email, function(resultCheck) {
console.log("submitRegister", resultCheck);
if (resultCheck.ok == 0) {
console.log('submitRegister true');
$inregisterPopupTypeGrip.validateRegister().emailInputRepeatedly();
$inregisterPopupTypeGrip.validateRegister().passwordInputRepeatedly();
} else {
console.log('submitRegister false');
return $inregisterPopupTypeGrip.sendSubmitRegister(false);
}
});
};
/* submitRegister */
/* sendSubmitRegister */
$inregisterPopupTypeGrip.sendSubmitRegister = function(reCheck) {
$inregisterPopupTypeGrip.register.pressing = true
var userFirstname = $inregisterPopupTypeGrip.register.firstname;
var userLastname = $inregisterPopupTypeGrip.register.lastname;
/* var userBandcode = $inregisterPopupTypeGrip.register.bandcode; */
/* var userAddress = $inregisterPopupTypeGrip.register.address; */
// var userVehicle = $inregisterPopupTypeGrip.register.vehicle;
// var userProvince = parseInt($inregisterPopupTypeGrip.register.province);
/* var userAmphoe = parseInt($inregisterPopupTypeGrip.register.amphoe);
var userTambon = parseInt($inregisterPopupTypeGrip.register.tambon);
var userPostel = $inregisterPopupTypeGrip.register.postel; */
// $inregisterPopupTypeGrip.getLocationId(userProvince, function(dataLocationId) {
// console.log("$inregisterPopupTypeGrip : sendSubmitRegister : userProvince : getLocationId : dataLocationId.location_name : ", dataLocationId.location_name);
// userProvince = dataLocationId.location_name;
var userEmail = $inregisterPopupTypeGrip.register.email;
var userIdnumber = $inregisterPopupTypeGrip.register.idnumber;
var userMobile = $inregisterPopupTypeGrip.register.mobile;
var userPass = $inregisterPopupTypeGrip.register.password;
console.log("sendSubmitRegister", reCheck);
if (reCheck) {
/* if error : firstname */
if (userFirstname.length <= 0) {
$inregisterPopupTypeGrip.validateRegister().firstnameInputError();
} else {
$inregisterPopupTypeGrip.validateRegister().firstnameOk();
}
/* if error : lastname */
if (userLastname.length <= 0) {
$inregisterPopupTypeGrip.validateRegister().lastnameInputError();
} else {
$inregisterPopupTypeGrip.validateRegister().lastnameOk();
}
/* if error : userBandcode */
/* if (userBandcode.length <= 0) {
$inregisterPopupTypeGrip.validateRegister().bandcodeInputError();
} else {
$inregisterPopupTypeGrip.validateRegister().bandcodeOk();
} */
/* if error : userAddress */
/* if (userAddress.length <= 0) {
$inregisterPopupTypeGrip.validateRegister().addressInputError();
} else {
$inregisterPopupTypeGrip.validateRegister().addressOk();
} */
/* if error : userVehicle */
// if (userVehicle.length <= 0) {
// $inregisterPopupTypeGrip.validateRegister().vehicleInputError();
// } else {
// $inregisterPopupTypeGrip.validateRegister().vehicleOk();
// }
/* if error : userProvince */
// if (userProvince.length <= 0) {
// $inregisterPopupTypeGrip.validateRegister().provinceInputError();
// } else {
// $inregisterPopupTypeGrip.validateRegister().provinceOk();
// }
/* if error : userAmphoe */
/* if (userAmphoe.length <= 0) {
$inregisterPopupTypeGrip.validateRegister().amphoeInputError();
} else {
$inregisterPopupTypeGrip.validateRegister().amphoeOk();
} */
/* if error : userTambon */
/* if (userTambon.length <= 0) {
$inregisterPopupTypeGrip.validateRegister().tambonInputError();
} else {
$inregisterPopupTypeGrip.validateRegister().tambonOk();
} */
/* if error : userPostel */
/* if (userPostel.length <= 0) {
$inregisterPopupTypeGrip.validateRegister().postelInputError();
} else {
$inregisterPopupTypeGrip.validateRegister().postelOk();
} */
/* if error : user */
if (userEmail.length <= 0) {
$inregisterPopupTypeGrip.validateRegister().emailInputError();
} else {
$inregisterPopupTypeGrip.validateRegister().emailOk();
}
/* if error : userIdnumber */
/* if (userIdnumber.length <= 0) {
$inregisterPopupTypeGrip.validateRegister().idnumberInputError();
} else {
$inregisterPopupTypeGrip.validateRegister().idnumberOk();
} */
/* if error : userMobile */
if (userMobile.length <= 0) {
$inregisterPopupTypeGrip.validateRegister().mobileInputError();
} else {
$inregisterPopupTypeGrip.validateRegister().mobileOk();
}
/* if error : pass */
if (userPass.length <= 0) {
$inregisterPopupTypeGrip.validateRegister().passwordOk();
} else {
$inregisterPopupTypeGrip.validateRegister().passwordInputError();
}
/* firstname */
if (userFirstname.length > 0 && !$inregisterPopupTypeGrip.helper.isFirstname(userFirstname)) {
$inregisterPopupTypeGrip.error_firstname = true;
} else {
$inregisterPopupTypeGrip.error_firstname = false;
}
/* lastname */
if (userLastname.length > 0 && !$inregisterPopupTypeGrip.helper.isLastname(userLastname)) {
$inregisterPopupTypeGrip.error_lastname = true;
} else {
$inregisterPopupTypeGrip.error_lastname = false;
}
/* bandcode */
/* if (userBandcode.length > 0 && !$inregisterPopupTypeGrip.helper.isBandcode(userBandcode)) {
$inregisterPopupTypeGrip.error_bandcode = true;
} else {
$inregisterPopupTypeGrip.error_bandcode = false;
} */
/* email */
if (userEmail.length > 0 && !$inregisterPopupTypeGrip.helper.isEmail(userEmail)) {
$inregisterPopupTypeGrip.error_email = true;
} else {
$inregisterPopupTypeGrip.error_email = false;
}
/* userIdnumber */
/* if (userIdnumber.length > 0 && !$inregisterPopupTypeGrip.helper.isIdnumber(userIdnumber)) {
$inregisterPopupTypeGrip.error_idnumber = true;
} else {
$inregisterPopupTypeGrip.error_idnumber = false;
} */
/* userMobile */
if (userMobile.length > 0 && !$inregisterPopupTypeGrip.helper.isMobile(userMobile)) {
$inregisterPopupTypeGrip.error_mobile = true;
} else {
$inregisterPopupTypeGrip.error_mobile = false;
}
/* password */
if (userPass.length > 0 && userPass.length >= 6) {
$inregisterPopupTypeGrip.error_password = false;
} else if (userPass.length > 0 && userPass.length < 6) {
$inregisterPopupTypeGrip.error_password = true;
}
console.log("sendSubmitRegister : ", "error_firstname : ", $inregisterPopupTypeGrip.error_firstname, "error_lastname : ", $inregisterPopupTypeGrip.error_lastname, "error_email : ", $inregisterPopupTypeGrip.error_email, "error_password : ", $inregisterPopupTypeGrip.error_password);
if ($inregisterPopupTypeGrip.error_firstname || $inregisterPopupTypeGrip.error_lastname || $inregisterPopupTypeGrip.error_bandcode || $inregisterPopupTypeGrip.error_email || $inregisterPopupTypeGrip.error_idnumber || $inregisterPopupTypeGrip.error_mobile || $inregisterPopupTypeGrip.error_password) {
console.log("sendSubmitRegister return");
$inregisterPopupTypeGrip.shake();
return;
}
}
/* loading */
$inregisterPopupTypeGrip.helper.pageLoad();
var dataSend = {
'txt_first_name': userFirstname,
'txt_last_name': userLastname,
'txt_email': userEmail,
'txt_phone': userMobile,
'txt_password': userPass
};
console.log("sendSubmitRegister txt_email : ", dataSend);
GAEAPI.post("ui/api/ui_customer_box/customer/register", dataSend).then(function(output) {
console.log("sendSubmitRegister register : ", output);
if (output.ok == 1) {
$inregisterPopupTypeGrip.close();
$inregisterPopupTypeGrip.helper.pageUnLoad();
$inregisterPopupTypeGrip.helper.registerDone();
GAEAPI.get('customer/logout', {}).then(function(output_logout) {
if (output_logout.ok == 1) {
UiCustomerBox.apiGetCustomerData(function() {});
}
});
} else {
$inregisterPopupTypeGrip.helper.pageUnLoad();
alert("Register ผิดพลาด! กรุณาลองใหม่อีกครั้ง");
}
});
// });
/* loading */
};
/* sendSubmitRegister */
/* viewPassword */
$inregisterPopupTypeGrip.viewPassword = function(elementId) {
var e = $("#" + elementId);
var t = e.attr('type');
if (t === 'password') {
e.attr('type', 'text');
} else {
e.attr('type', 'password');
}
};
$inregisterPopupTypeGrip.resetViewPassword = function(elementId) {
var e = $("#" + elementId);
var t = e.attr('type');
e.attr('type', 'password');
};
/* viewPassword */
$inregisterPopupTypeGrip.host = function() {
if (window.location.href.indexOf('localhost') !== -1) {
return 'https://missmonribs.getappeasy.com/store/api/v1/';
}
return GURL.base_api_url();
}
/* Open */
var timerAdjustOpen = 0;
$inregisterPopupTypeGrip.isOpen = false;
$inregisterPopupTypeGrip.open = function() {
$inregisterPopupTypeGrip.resetViewPassword('register-password-v1');
$inregisterPopupTypeGrip.validateRegister().reset();
$(".register_overlay").addClass("is_open");
$('html').css({
'overflow-y': 'scroll',
'overflow': 'hidden'
});
$('body').css({
'overflow': 'hidden',
'position': 'relative'
});
timerAdjustOpen = setTimeout(function() {
$(".register.from_background").addClass("is_open");
}, 100);
$inregisterPopupTypeGrip.getLocation(2, 231, 1, 100, '', '', function(dataLocation) {
console.log("$inregisterPopupTypeGrip : open : dataLocation : ", dataLocation);
for (var i = 0; i < dataLocation.length; i++) {
console.log("2 $inregisterPopupTypeGrip : open : for : dataLocation[" + i + "] : ", dataLocation[i]);
$('#register-province-v1').append('');
}
});
$(document).keypress(function(e) {
var keycode = (e.keyCode ? e.keyCode : e.which);
if (keycode == '13') {
$inregisterPopupTypeGrip.submitRegister();
}
});
};
/* Open */
/* Close */
$inregisterPopupTypeGrip.close = function() {
$(".register_overlay").removeClass("is_open");
$(".register.from_background").removeClass("is_open");
$('html').css({
'overflow-y': 'unset',
'overflow': 'unset'
});
$('body').css({
'overflow': 'auto',
'position': 'relative'
});
};
/* Close */
/* shake */
$inregisterPopupTypeGrip.shake = function() {
$(".register.from_background.is_open").addClass('shake');
timerAdjustOpen = setTimeout(function() {
$(".register.from_background.is_open").removeClass('shake');
}, 100);
}
/* shake */
/* login */
$inregisterPopupTypeGrip.login = function() {
$inregisterPopupTypeGrip.close();
$inregisterPopupTypeGrip.helper.registerUnDone();
$inloginPopup.open();
}
/* login */
/* toHome */
$inregisterPopupTypeGrip.toHome = function() {
$inregisterPopupTypeGrip.helper.registerUnDone();
window.location.href = 'home';
};
/* toHome *//* Cart displat at right side of page */
var $inregisterPopupTypeInfosat = {};
/* params */
$inregisterPopupTypeInfosat.path = CUR_THEME.devsource_url() + "dev.sugarfree/share/componentRegisterTypeInfosat/";
$inregisterPopupTypeInfosat.templateRoot = 'root.php';
$inregisterPopupTypeInfosat.assetsPath = CUR_THEME.extensions_url() + '../../assets/';
$inregisterPopupTypeInfosat.indexCout = 0;
Number.prototype.formatMoney = function(c, d, t) {
var n = this,
c = isNaN(c = Math.abs(c)) ? 2 : c,
d = d == undefined ? "." : d,
t = t == undefined ? "," : t,
s = n < 0 ? "-" : "",
i = String(parseInt(n = Math.abs(Number(n) || 0).toFixed(c))),
j = (j = i.length) > 3 ? j % 3 : 0;
return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : "");
};
/* Install */
$inregisterPopupTypeInfosat.install = function(shopId, customBuild) {
/* dont install in (checkout, register) */
this.templateRoot = 'root.php';
$.get($inregisterPopupTypeInfosat.path + 'componentRegisterTypeInfosat.css', function(response) {
$('head').append('');
});
$.get($inregisterPopupTypeInfosat.path + 'root.php', {
imgpath: this.assetsPath,
shopId: shopId,
custom: customBuild,
path: $inregisterPopupTypeInfosat.path
}, function(response) {
$('body').append(response);
});
/* fix ios height */
var winHightTimer = setTimeout(function() {
clearTimeout(winHightTimer);
}, 2000);
};
$inregisterPopupTypeInfosat.api = GURL.base_api_url();
/* Install */
/* register model */
$inregisterPopupTypeInfosat.register = {
firstname: '',
lastname: '',
bandcode: '',
address: '',
province: '0',
amphoe: '0',
tambon: '0',
postel: '',
email: '',
company: '',
mobile: '',
password: '',
pressing: false,
errore_mail: false,
errore_password: false,
};
$inregisterPopupTypeInfosat.error = {
firstnameExist: false,
lastnameExist: false,
bandcodeExist: false,
addressExist: false,
provinceExist: false,
amphoeExist: false,
tambonExist: false,
postelExist: false,
emailExist: false,
companyExist: false,
mobileExist: false,
firstname: false,
lastname: false,
bandcode: false,
address: false,
province: false,
amphoe: false,
tambon: false,
postel: false,
email: false,
company: false,
mobile: false,
emailText: 'ตรวจสอบรูปแบบอีเมล Email should be valid (name@domain.com)',
password: false,
passwordText: ' ตรวจสอบรูปแบบให้ถูกต้อง Please correct the format',
wrong_password: false,
};
/* register model */
/* API LOCATION */
$inregisterPopupTypeInfosat.getLocation = function(type, location_id, cur_page, per_page, txt_sortby, search, callback) {
var dataLocation = [];
var option = {
'search': search
};
var dataSend = {
'txt_location_type_id': type,
'txt_parent_id': location_id,
'cur_page': cur_page,
'per_page': per_page,
'txt_sortby': txt_sortby,
'txt_filter_json': JSON.stringify(option)
};
console.log("$inregisterPopupTypeInfosat : getLocation : dataSend : ", dataSend);
GAEAPI.get('location/lists', dataSend).then(function(output) {
var getLocationTime = setTimeout(function() {
window.clearTimeout(getLocationTime);
console.log("$inregisterPopupTypeInfosat : getLocation : output : ", output);
if (output.ok == 1) {
dataLocation = output.data.dataList;
}
callback(dataLocation);
}, 100);
});
};
$inregisterPopupTypeInfosat.getLocationId = function(location_id, callback) {
var dataLocationId = [];
var dataSend = {
'txt_location_id': location_id,
};
console.log("$inregisterPopupTypeInfosat : getLocation : dataSend : ", dataSend);
GAEAPI.get('location/id', dataSend).then(function(output) {
var getLocationIdTime = setTimeout(function() {
window.clearTimeout(getLocationIdTime);
console.log("$inregisterPopupTypeInfosat : getLocation : output : ", output);
if (output.ok == 1) {
dataLocationId = output.data;
}
callback(dataLocationId);
}, 100);
});
};
$inregisterPopupTypeInfosat.getLocationListsId = function(type, select_value, select_value_post) {
console.log("$inregisterPopupTypeInfosat : getLocationListsId : type : ", type);
console.log("$inregisterPopupTypeInfosat : getLocationListsId : select_value : ", select_value);
console.log("$inregisterPopupTypeInfosat : getLocationListsId : select_value_post : ", select_value_post);
var province_id = parseInt($(select_value).val());
console.log("$inregisterPopupTypeInfosat : getLocationListsId : select_value : ", $(select_value).val());
console.log("$inregisterPopupTypeInfosat : getLocationListsId : province_id : ", province_id);
if (province_id != 0) {
$inregisterPopupTypeInfosat.getLocation(type, province_id, 1, 200, '', '', function(dataLocation) {
for (var i = 0; i < dataLocation.length; i++) {
console.log("$inregisterPopupTypeInfosat : getLocationListsId : for : dataLocation[" + i + "] : ", dataLocation[i]);
$(select_value_post).append('');
}
});
}
if (type == 3) {
var css_id = [{
css_in: '#register-amphoe-v1',
value_in: '0',
value_in_text: 'เลือก Amphoe',
}, {
css_in: '#register-tambon-v1',
value_in: '0',
value_in_text: 'เลือก Tambon',
}, {
css_in: '#register-postel-v1',
value_in: '0',
value_in_text: 'เลือก Postel',
}];
for (var i = 0; i < css_id.length; i++) {
console.log("$inregisterPopupTypeInfosat : getLocationListsId : for : css_id[" + i + "] : ", css_id[i]);
$inregisterPopupTypeInfosat.validateRegister().resetLocation(css_id[i].css_in);
$(css_id[i].css_in).append('');
}
} else if (type == 4) {
var css_id = [{
css_in: '#register-tambon-v1',
value_in: '0',
value_in_text: 'เลือก Tambon',
}, {
css_in: '#register-postel-v1',
value_in: '0',
value_in_text: 'เลือก Postel',
}];
for (var i = 0; i < css_id.length; i++) {
console.log("$inregisterPopupTypeInfosat : getLocationListsId : for : css_id[" + i + "] : ", css_id[i]);
$inregisterPopupTypeInfosat.validateRegister().resetLocation(css_id[i].css_in);
$(css_id[i].css_in).append('');
}
}
};
$inregisterPopupTypeInfosat.getLocationPostel = function(select_value) {
console.log("$inregisterPopupTypeInfosat : getLocationPostel : select_value : ", select_value);
var postel = parseInt($(select_value).val());
console.log("$inregisterPopupTypeInfosat : getLocationId : select_value : ", $(select_value).val());
console.log("$inregisterPopupTypeInfosat : getLocationId : postel : ", postel);
if (postel != 0) {
$inregisterPopupTypeInfosat.getLocationId(postel, function(dataLocationId) {
console.log("$inregisterPopupTypeInfosat : getLocationId : dataLocationId.location_postcode : ", dataLocationId.location_postcode);
$("#register-postel-v1").val(dataLocationId.location_postcode);
});
}
};
/* API LOCATION */
/* validateRegister */
$inregisterPopupTypeInfosat.validateRegister = function() {
var promise = {
checkEmail: function(v, callback) {
$.ajax({
type: 'POST',
method: 'POST',
url: $inregisterPopupTypeInfosat.host() + 'customer/is_exists_email',
data: {
txt_email: v
},
datatType: 'json'
}).done(function(e) {
callback(e);
});
},
getVal: function(cssID) {
return $(cssID).val();
},
focusFirstname: function() {
$inregisterPopupTypeInfosat.error.firstname = false;
$inregisterPopupTypeInfosat.error.firstnameExist = false;
$('#register-firstname-v1').css('border', '');
},
focusLastname: function() {
$inregisterPopupTypeInfosat.error.lastname = false;
$inregisterPopupTypeInfosat.error.lastnameExist = false;
$('#register-lastname-v1').css('border', '');
},
focusBandcode: function() {
$inregisterPopupTypeInfosat.error.bandcode = false;
$inregisterPopupTypeInfosat.error.bandcodeExist = false;
$('#register-bandcode-v1').css('border', '');
},
focusAddress: function() {
$inregisterPopupTypeInfosat.error.address = false;
$inregisterPopupTypeInfosat.error.addressExist = false;
$('#register-address-v1').css('border', '');
},
focusProvince: function() {
$inregisterPopupTypeInfosat.error.province = false;
$inregisterPopupTypeInfosat.error.provinceExist = false;
$('#register-province-v1').css('border', '');
},
focusAmphoe: function() {
$inregisterPopupTypeInfosat.error.amphoe = false;
$inregisterPopupTypeInfosat.error.amphoeExist = false;
$('#register-amphoe-v1').css('border', '');
},
focusTambon: function() {
$inregisterPopupTypeInfosat.error.tambon = false;
$inregisterPopupTypeInfosat.error.tambonExist = false;
$('#register-tambon-v1').css('border', '');
},
focusPostel: function() {
$inregisterPopupTypeInfosat.error.postel = false;
$inregisterPopupTypeInfosat.error.postelExist = false;
$('#register-postel-v1').css('border', '');
},
focusEmail: function() {
$inregisterPopupTypeInfosat.error.email = false;
$inregisterPopupTypeInfosat.error.emailExist = false;
$('#register-email-v1').css('border', '');
},
focusCompany: function() {
$inregisterPopupTypeInfosat.error.company = false;
$inregisterPopupTypeInfosat.error.companyExist = false;
$('#register-company-v1').css('border', '');
},
focusBobile: function() {
$inregisterPopupTypeInfosat.error.mobile = false;
$inregisterPopupTypeInfosat.error.mobileExist = false;
$('#register-mobile-v1').css('border', '');
},
focusPassword: function() {
$inregisterPopupTypeInfosat.error_password = false;
$inregisterPopupTypeInfosat.error.wrong_password = false;
$('#register-password-v1').css('border', '');
},
firstname: function() {
var v = $('#register-firstname-v1').val();
var t = this;
var valid = $inregisterPopupTypeInfosat.helper.isFirstname(v, true);
console.log("firstname v.length : ", v.length, " valid : ", valid);
if (v.length <= 0) {
$inregisterPopupTypeInfosat.shake();
$inregisterPopupTypeInfosat.validateRegister().firstnameInputNullError();
$inregisterPopupTypeInfosat.error_firstname = false;
$inregisterPopupTypeInfosat.error_firstnameExist = false;
return false;
} else {
if (v.length > 0 && !valid) {
$inregisterPopupTypeInfosat.shake();
$inregisterPopupTypeInfosat.validateRegister().firstnameInputError();
$inregisterPopupTypeInfosat.error_firstname = true;
return false;
} else if (v.length > 0 && valid) {
$inregisterPopupTypeInfosat.validateRegister().firstnameOk();
return true;
}
}
},
lastname: function() {
var v = $('#register-lastname-v1').val();
var t = this;
var valid = $inregisterPopupTypeInfosat.helper.isLastname(v, true);
console.log("lastname v.length : ", v.length, " valid : ", valid);
if (v.length <= 0) {
$inregisterPopupTypeInfosat.shake();
$inregisterPopupTypeInfosat.validateRegister().lastnameInputNullError();
$inregisterPopupTypeInfosat.error_lastname = false;
$inregisterPopupTypeInfosat.error_lastnameExist = false;
return false;
} else {
if (v.length > 0 && valid) {
$inregisterPopupTypeInfosat.validateRegister().lastnameOk();
return true;
} else {
$inregisterPopupTypeInfosat.shake();
$inregisterPopupTypeInfosat.validateRegister().lastnameInputError();
$inregisterPopupTypeInfosat.error_lastname = true;
return false;
}
}
},
bandcode: function() {
var v = $('#register-bandcode-v1').val();
var t = this;
var valid = $inregisterPopupTypeInfosat.helper.isBandcode(v);
console.log("inregisterPopupTypeInfosat : bandcode : v : ", v);
console.log("inregisterPopupTypeInfosat : bandcode : valid : ", valid);
if (valid) {
$inregisterPopupTypeInfosat.validateRegister().bandcodeOk();
return true;
} else {
$inregisterPopupTypeInfosat.shake();
$inregisterPopupTypeInfosat.validateRegister().bandcodeInputNullError();
return false;
}
},
address: function() {
var v = $('#register-address-v1').val();
var t = this;
var valid = $inregisterPopupTypeInfosat.helper.isAddress(v);
console.log("inregisterPopupTypeInfosat : address : v : ", v);
console.log("inregisterPopupTypeInfosat : address : valid : ", valid);
if (valid) {
$inregisterPopupTypeInfosat.validateRegister().addressOk();
return true;
} else {
$inregisterPopupTypeInfosat.shake();
$inregisterPopupTypeInfosat.validateRegister().addressInputNullError();
return false;
}
},
province: function() {
var v = $('#register-province-v1').val();
var t = this;
var valid = $inregisterPopupTypeInfosat.helper.isProvince(v);
console.log("inregisterPopupTypeInfosat : province : v : ", v);
console.log("inregisterPopupTypeInfosat : province : valid : ", valid);
if (valid) {
$inregisterPopupTypeInfosat.validateRegister().provinceOk();
return true;
} else {
$inregisterPopupTypeInfosat.shake();
$inregisterPopupTypeInfosat.validateRegister().provinceInputNullError();
return false;
}
},
amphoe: function() {
var v = $('#register-amphoe-v1').val();
var t = this;
var valid = $inregisterPopupTypeInfosat.helper.isAmphoe(v);
console.log("inregisterPopupTypeInfosat : amphoe : v : ", v);
console.log("inregisterPopupTypeInfosat : amphoe : valid : ", valid);
if (valid) {
$inregisterPopupTypeInfosat.validateRegister().amphoeOk();
return true;
} else {
$inregisterPopupTypeInfosat.shake();
$inregisterPopupTypeInfosat.validateRegister().amphoeInputNullError();
return false;
}
},
tambon: function() {
var v = $('#register-tambon-v1').val();
var t = this;
var valid = $inregisterPopupTypeInfosat.helper.isTambon(v);
console.log("inregisterPopupTypeInfosat : tambon : v : ", v);
console.log("inregisterPopupTypeInfosat : tambon : valid : ", valid);
if (valid) {
$inregisterPopupTypeInfosat.validateRegister().tambonOk();
return true;
} else {
$inregisterPopupTypeInfosat.shake();
$inregisterPopupTypeInfosat.validateRegister().tambonInputNullError();
return false;
}
},
postel: function() {
var v = $('#register-postel-v1').val();
var t = this;
var valid = $inregisterPopupTypeInfosat.helper.isAddress(v);
console.log("inregisterPopupTypeInfosat : postel : v : ", v);
console.log("inregisterPopupTypeInfosat : postel : valid : ", valid);
if (valid) {
$inregisterPopupTypeInfosat.validateRegister().postelOk();
return true;
} else {
$inregisterPopupTypeInfosat.shake();
$inregisterPopupTypeInfosat.validateRegister().postelInputNullError();
return false;
}
},
email: function() {
var v = $('#register-email-v1').val();
var t = this;
var valid = $inregisterPopupTypeInfosat.helper.isEmail(v);
console.log("inregisterPopupTypeInfosat : email : v : ", v);
console.log("inregisterPopupTypeInfosat : email : valid : ", valid);
if (valid) {
$inregisterPopupTypeInfosat.validateRegister().emailOk();
return true;
} else {
$inregisterPopupTypeInfosat.shake();
$inregisterPopupTypeInfosat.validateRegister().emailInputNullError();
return false;
}
},
company: function() {
var v = $('#register-company-v1').val();
var t = this;
var valid = $inregisterPopupTypeInfosat.helper.isCompany(v);
console.log("inregisterPopupTypeInfosat : company : v : ", v);
console.log("inregisterPopupTypeInfosat : company : valid : ", valid);
if (valid) {
$inregisterPopupTypeInfosat.validateRegister().companyOk();
return true;
} else {
$inregisterPopupTypeInfosat.shake();
$inregisterPopupTypeInfosat.validateRegister().companyInputNullError();
return false;
}
},
mobile: function() {
var v = $('#register-mobile-v1').val();
var t = this;
var valid = $inregisterPopupTypeInfosat.helper.isMobile(v);
console.log("inregisterPopupTypeInfosat : mobile : v : ", v);
console.log("inregisterPopupTypeInfosat : mobile : valid : ", valid);
if (valid) {
$inregisterPopupTypeInfosat.validateRegister().mobileOk();
return true;
} else {
$inregisterPopupTypeInfosat.shake();
$inregisterPopupTypeInfosat.validateRegister().mobileInputNullError();
return false;
}
},
firstnameOk: function() {
$('#register-firstname-v1').css('border', '2px solid green');
$inregisterPopupTypeInfosat.validateRegister().firstnameInputOk();
},
lastnameOk: function() {
$('#register-lastname-v1').css('border', '2px solid green');
$inregisterPopupTypeInfosat.validateRegister().lastnameInputOk();
},
bandcodeOk: function() {
$('#register-bandcode-v1').css('border', '2px solid green');
$inregisterPopupTypeInfosat.validateRegister().bandcodeInputOk();
},
addressOk: function() {
$('#register-address-v1').css('border', '2px solid green');
$inregisterPopupTypeInfosat.validateRegister().addressInputOk();
},
provinceOk: function() {
$('#register-province-v1').css('border', '2px solid green');
$inregisterPopupTypeInfosat.validateRegister().provinceInputOk();
},
amphoeOk: function() {
$('#register-amphoe-v1').css('border', '2px solid green');
$inregisterPopupTypeInfosat.validateRegister().amphoeInputOk();
},
tambonOk: function() {
$('#register-tambon-v1').css('border', '2px solid green');
$inregisterPopupTypeInfosat.validateRegister().tambonInputOk();
},
postelOk: function() {
$('#register-postel-v1').css('border', '2px solid green');
$inregisterPopupTypeInfosat.validateRegister().postelInputOk();
},
emailOk: function() {
$('#register-email-v1').css('border', '2px solid green');
$inregisterPopupTypeInfosat.validateRegister().emailInputOk();
},
companyOk: function() {
$('#register-company-v1').css('border', '2px solid green');
$inregisterPopupTypeInfosat.validateRegister().companyInputOk();
},
mobileOk: function() {
$('#register-mobile-v1').css('border', '2px solid green');
$inregisterPopupTypeInfosat.validateRegister().mobileInputOk();
},
firstnameInputOk: function() {
$("#register-error-firstname-v1").removeClass("error");
$("#register-error-firstname-v1").css('opacity', 0);
},
lastnameInputOk: function() {
$("#register-error-lastname-v1").removeClass("error");
$("#register-error-lastname-v1").css('opacity', 0);
},
bandcodeInputOk: function() {
$("#register-error-bandcode-v1").removeClass("error");
$("#register-error-bandcode-v1").css('opacity', 0);
},
addressInputOk: function() {
$("#register-error-address-v1").removeClass("error");
$("#register-error-address-v1").css('opacity', 0);
},
provinceInputOk: function() {
$("#register-error-province-v1").removeClass("error");
$("#register-error-province-v1").css('opacity', 0);
},
amphoeInputOk: function() {
$("#register-error-amphoe-v1").removeClass("error");
$("#register-error-amphoe-v1").css('opacity', 0);
},
tambonInputOk: function() {
$("#register-error-tambon-v1").removeClass("error");
$("#register-error-tambon-v1").css('opacity', 0);
},
postelInputOk: function() {
$("#register-error-postel-v1").removeClass("error");
$("#register-error-postel-v1").css('opacity', 0);
},
emailInputOk: function() {
$("#register-error-email-v1").removeClass("error");
$("#register-error-email-v1").css('opacity', 0);
},
companyInputOk: function() {
$("#register-error-company-v1").removeClass("error");
$("#register-error-company-v1").css('opacity', 0);
},
mobileInputOk: function() {
$("#register-error-mobile-v1").removeClass("error");
$("#register-error-mobile-v1").css('opacity', 0);
},
firstnameError: function() {
$("#register-firstname-v1").css('border', '2px solid red');
},
lastnameError: function() {
$("#register-lastname-v1").css('border', '2px solid red');
},
bandcodeError: function() {
$("#register-bandcode-v1").css('border', '2px solid red');
},
addressError: function() {
$("#register-address-v1").css('border', '2px solid red');
},
provinceError: function() {
$("#register-province-v1").css('border', '2px solid red');
},
amphoeError: function() {
$("#register-amphoe-v1").css('border', '2px solid red');
},
tambonError: function() {
$("#register-tambon-v1").css('border', '2px solid red');
},
postelError: function() {
$("#register-postel-v1").css('border', '2px solid red');
},
emailError: function() {
$("#register-email-v1").css('border', '2px solid red');
},
companyError: function() {
$("#register-company-v1").css('border', '2px solid red');
},
mobileError: function() {
$("#register-mobile-v1").css('border', '2px solid red');
},
firstnameInputError: function() {
$inregisterPopupTypeInfosat.validateRegister().firstnameError();
$("#register-error-firstname-v1").addClass("error");
$("#register-error-firstname-v1").css('opacity', 1).html('ตรวจสอบรูปแบบชื่อ Please check your format');
},
lastnameInputError: function() {
$inregisterPopupTypeInfosat.validateRegister().lastnameError();
$("#register-error-lastname-v1").addClass("error");
$("#register-error-lastname-v1").css('opacity', 1).html('ตรวจสอบรูปแบบนามสกุล Please check your format');
},
bandcodeInputError: function() {
$inregisterPopupTypeInfosat.validateRegister().lastnameError();
$("#register-error-bandcode-v1").addClass("error");
$("#register-error-bandcode-v1").css('opacity', 1).html('กรุณาใส่รหัสกลุ่มแบนด์ที่เคยเดินทาง');
},
addressInputError: function() {
$inregisterPopupTypeInfosat.validateRegister().addressError();
$("#register-error-address-v1").addClass("error");
$("#register-error-address-v1").css('opacity', 1).html('กรุณาใส่ที่อยู่');
},
provinceInputError: function() {
$inregisterPopupTypeInfosat.validateRegister().addressError();
$("#register-error-province-v1").addClass("error");
$("#register-error-province-v1").css('opacity', 1).html('กรุณาเลือกจังหวัด');
},
amphoeInputError: function() {
$inregisterPopupTypeInfosat.validateRegister().addressError();
$("#register-error-amphoe-v1").addClass("error");
$("#register-error-amphoe-v1").css('opacity', 1).html('กรุณาเลือกอำเภอ');
},
tambonInputError: function() {
$inregisterPopupTypeInfosat.validateRegister().addressError();
$("#register-error-tambon-v1").addClass("error");
$("#register-error-tambon-v1").css('opacity', 1).html('กรุณาเลือกตำบล');
},
postelInputError: function() {
$inregisterPopupTypeInfosat.validateRegister().postelError();
$("#register-error-postel-v1").addClass("error");
$("#register-error-postel-v1").css('opacity', 1).html('กรุณาใส่รหัสไปรษณีย์');
},
emailInputRepeatedly: function() {
$inregisterPopupTypeInfosat.validateRegister().emailError();
$("#register-error-email-v1").addClass("error");
$("#register-error-email-v1").css('opacity', 1).html('อีเมลนี้มีการลงทะเบียนเป็นสมาชิกแล้ว Email already exists');
},
companyInputError: function() {
$inregisterPopupTypeInfosat.validateRegister().lastnameError();
$("#register-error-company-v1").addClass("error");
$("#register-error-company-v1").css('opacity', 1).html('กรุณาใส่ ชื่อร้าน / บริษัท');
},
mobileInputError: function() {
$inregisterPopupTypeInfosat.validateRegister().lastnameError();
$("#register-error-mobile-v1").addClass("error");
$("#register-error-mobile-v1").css('opacity', 1).html('กรุณาใส่เบอร์โทรศัพท์');
},
passwordInputRepeatedly: function() {
$("#register-password-v1").css('border', '1px solid #dddddd');
},
emailInputError: function() {
$inregisterPopupTypeInfosat.validateRegister().emailError();
$("#register-error-email-v1").addClass("error");
$("#register-error-email-v1").css('opacity', 1).html('ตรวจสอบรูปแบบอีเมล Email should be valid เช่น getappeasy@gmail.com');
},
firstnameInputNullError: function() {
$inregisterPopupTypeInfosat.validateRegister().firstnameError();
$("#register-error-firstname-v1").addClass("error");
// $("#register-error-firstname-v1").css('opacity', 1).html('ตรวจสอบรูปแบบชื่อ Please check your format');
},
lastnameInputNullError: function() {
$inregisterPopupTypeInfosat.validateRegister().lastnameError();
$("#register-error-lastname-v1").addClass("error");
// $("#register-error-lastname-v1").css('opacity', 1).html('ตรวจสอบรูปแบบนามสกุล Please check your format');
},
bandcodeInputNullError: function() {
$inregisterPopupTypeInfosat.validateRegister().bandcodeError();
$("#register-error-bandcode-v1").addClass("error");
// $("#register-error-bandcode-v1").css('opacity', 1).html('กรุณาใส่รหัสรหัสกลุ่มแบนด์ที่เคยเดินทาง');
},
addressInputNullError: function() {
$inregisterPopupTypeInfosat.validateRegister().addressError();
$("#register-error-address-v1").addClass("error");
// $("#register-error-address-v1").css('opacity', 1).html('กรุณาใส่ที่อยู่ ');
},
provinceInputNullError: function() {
$inregisterPopupTypeInfosat.validateRegister().provinceError();
$("#register-error-province-v1").addClass("error");
// $("#register-error-province-v1").css('opacity', 1).html('กรุณาเลือกจังหวัด');
},
amphoeInputNullError: function() {
$inregisterPopupTypeInfosat.validateRegister().amphoeError();
$("#register-error-amphoe-v1").addClass("error");
// $("#register-error-amphoe-v1").css('opacity', 1).html('กรุณาเลือกอำเภอ');
},
tambonInputNullError: function() {
$inregisterPopupTypeInfosat.validateRegister().tambonError();
$("#register-error-tambon-v1").addClass("error");
// $("#register-error-tambon-v1").css('opacity', 1).html('กรุณาเลือกตำบล');
},
postelInputNullError: function() {
$inregisterPopupTypeInfosat.validateRegister().postelError();
$("#register-error-postel-v1").addClass("error");
// $("#register-error-postel-v1").css('opacity', 1).html('กรุณาใส่รหัสไปรษณีย์ ');
},
emailInputNullError: function() {
$inregisterPopupTypeInfosat.validateRegister().emailError();
$("#register-error-email-v1").addClass("error");
// $("#register-error-email-v1").css('opacity', 1).html('ตรวจสอบรูปแบบอีเมล Email should be valid (name@domain.com)');
},
companyInputNullError: function() {
$inregisterPopupTypeInfosat.validateRegister().companyError();
$("#register-error-company-v1").addClass("error");
// $("#register-error-company-v1").css('opacity', 1).html('กรุณาใส่ ชื่อร้าน / บริษัท');
},
mobileInputNullError: function() {
$inregisterPopupTypeInfosat.validateRegister().mobileError();
$("#register-error-mobile-v1").addClass("error");
// $("#register-error-mobile-v1").css('opacity', 1).html('กรุณาใส่เบอร์โทรศัพท์');
},
password: function() {
var v = $('#register-password-v1').val();
if (v.length <= 0) {
$inregisterPopupTypeInfosat.validateRegister().passwordInputNullError();
$inregisterPopupTypeInfosat.shake();
return false;
}
if (v.length > 0 && v.length >= 6) {
$inregisterPopupTypeInfosat.error_password = false;
$inregisterPopupTypeInfosat.validateRegister().passwordOk();
return true;
} else if (v.length > 0 && v.length < 6) {
$inregisterPopupTypeInfosat.error_password = true;
$inregisterPopupTypeInfosat.shake();
$inregisterPopupTypeInfosat.validateRegister().passwordInputError();
return false;
}
},
passwordOk: function() {
$("#register-password-v1").css('border', '2px solid green');
$inregisterPopupTypeInfosat.validateRegister().passwordInputOk();
},
passwordInputOk: function() {
$("#register-error-password-v1").removeClass("error");
$("#register-error-password-v1").css('opacity', 0);
},
passwordError: function() {
$("#register-password-v1").css('border', '2px solid red');
},
passwordInputError: function() {
$inregisterPopupTypeInfosat.validateRegister().passwordError();
$("#register-error-password-v1").addClass("error");
$("#register-error-password-v1").css('opacity', 1).html('ตรวจสอบรูปแบบให้ถูกต้อง Please correct the format');
},
passwordInputNullError: function() {
$inregisterPopupTypeInfosat.validateRegister().passwordError();
$("#register-error-password-v1").addClass("error");
// $("#register-error-password-v1").css('opacity', 1).html('error password ตรวจสอบรูปแบบให้ถูกต้อง Please correct the format');
},
resetFirstname: function() {
$("#register-firstname-v1").css('border', '');
$("#register-firstname-v1").val('');
$("#register-error-firstname-v1").css('opacity', 0);
},
resetLastname: function() {
$("#register-lastname-v1").css('border', '');
$("#register-lastname-v1").val('');
$("#register-error-lastname-v1").css('opacity', 0);
},
resetBandcode: function() {
$("#register-bandcode-v1").css('border', '');
$("#register-bandcode-v1").val('');
$("#register-error-bandcode-v1").css('opacity', 0);
},
resetAddress: function() {
$("#register-address-v1").css('border', '');
$("#register-address-v1").val('');
$("#register-error-address-v1").css('opacity', 0);
},
resetProvince: function() {
$("#register-province-v1").css('border', '');
$("#register-province-v1").val(0);
$("#register-error-province-v1").css('opacity', 0);
},
resetAmphoe: function() {
$("#register-amphoe-v1").css('border', '');
$("#register-amphoe-v1").val(0);
$("#register-error-amphoe-v1").css('opacity', 0);
},
resetTambon: function() {
$("#register-tambon-v1").css('border', '');
$("#register-tambon-v1").val(0);
$("#register-error-tambon-v1").css('opacity', 0);
},
resetPostel: function() {
$("#register-postel-v1").css('border', '');
$("#register-postel-v1").val('');
$("#register-error-postel-v1").css('opacity', 0);
},
resetEmail: function() {
$("#register-email-v1").css('border', '');
$("#register-email-v1").val('');
$("#register-error-email-v1").css('opacity', 0);
},
resetCompany: function() {
$("#register-company-v1").css('border', '');
$("#register-company-v1").val('');
$("#register-error-company-v1").css('opacity', 0);
},
resetBobile: function() {
$("#register-mobile-v1").css('border', '');
$("#register-mobile-v1").val('');
$("#register-error-mobile-v1").css('opacity', 0);
},
resetPassword: function() {
$("#register-password-v1").css('border', '');
$("#register-password-v1").val('');
$("#register-error-password-v1").css('opacity', 0);
},
resetLocation: function(css_id) {
$(css_id).html('');
},
reset: function() {
$inregisterPopupTypeInfosat.validateRegister().resetFirstname();
$inregisterPopupTypeInfosat.validateRegister().resetLastname();
$inregisterPopupTypeInfosat.validateRegister().resetBandcode();
$inregisterPopupTypeInfosat.validateRegister().resetAddress();
$inregisterPopupTypeInfosat.validateRegister().resetProvince();
$inregisterPopupTypeInfosat.validateRegister().resetAmphoe();
$inregisterPopupTypeInfosat.validateRegister().resetTambon();
$inregisterPopupTypeInfosat.validateRegister().resetPostel();
$inregisterPopupTypeInfosat.validateRegister().resetEmail();
$inregisterPopupTypeInfosat.validateRegister().resetCompany();
$inregisterPopupTypeInfosat.validateRegister().resetBobile();
$inregisterPopupTypeInfosat.validateRegister().resetPassword();
},
};
return promise;
};
/* validateRegister */
/* load html */
$inregisterPopupTypeInfosat.viewHtml = function(viewName) {
var html = path + viewName;
return html;
};
$inregisterPopupTypeInfosat.whenOnLoad = function(shopId) {};
$inregisterPopupTypeInfosat.helper = {
countDots: function(s1, letter) {
return (s1.match(RegExp(letter, 'g')) || []).length;
},
isFormat: function(format, data) {
return format.test(data);
},
isAlpabet: function(str) {
var strObj = str.match(/^[a-zA-zก-๙]+/g);
var returnStr = "";
for (var idx in strObj) {
returnStr += strObj[idx].replace("^", "");
}
return returnStr;
},
isFirstname: function(firstname) {
if (firstname.length > 1) {
return true;
} else {
return false;
}
},
isLastname: function(lastname) {
if (lastname.length > 1) {
return true;
} else {
return false;
}
},
isBandcode: function(bandcode) {
var re = /^((([a-zA-Z]{2})+[0-9]{10}))$/;
var bandcode = re.test(bandcode);
if (bandcode) {
return true;
} else {
return false;
}
},
isAddress: function(address) {
if (address.length) {
return true;
} else {
return false;
}
},
isProvince: function(province) {
if (province != '0') {
return true;
} else {
return false;
}
},
isAmphoe: function(amphoe) {
if (amphoe != '0') {
return true;
} else {
return false;
}
},
isTambon: function(tambon) {
if (tambon != '0') {
return true;
} else {
return false;
}
},
isPostel: function(postel) {
if (postel.length) {
return true;
} else {
return false;
}
},
isEmail: function(email) {
var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
var result = re.test(email);
var a = email.split('@');
var checkTopLevel = false;
if (result && a.length > 1) {
return (a[1].length >= 5) ? true : false;
} else {
return false;
}
},
isCompany: function(company) {
if (company.length) {
return true;
} else {
return false;
}
},
isMobile: function(mobile) {
var re = /^(([0-9]{8,10}))$/;
var result = re.test(mobile);
if (result) {
return true;
} else {
return false;
}
},
isChar: function(e) {
var k = (e.which) ? e.which : e.keyCode;
if (k >= 48 && k <= 57) {
return false;
} else {
return k;
}
},
pageLoadState: false,
pageLoad: function() {
var load = $('.register_vInfosat_load');
if (!load.hasClass('active')) {
load.addClass('active');
}
},
pageUnLoad: function() {
var load = $('.register_vInfosat_load');
if (load.hasClass('active')) {
load.removeClass('active');
}
},
registerDone: function() {
var load = $('.register_vInfosat_done');
if (!load.hasClass('active')) {
load.addClass('active');
}
timerAdjustOpen = setTimeout(function() {
$(".register_vInfosat_done .register_done.from_background").addClass("is_open");
}, 100);
},
registerUnDone: function() {
var load = $('.register_vInfosat_done');
if (load.hasClass('active')) {
load.removeClass('active');
}
timerAdjustOpen = setTimeout(function() {
$(".register_vInfosat_done .register_done.from_background").removeClass("is_open");
}, 100);
},
};
/* load html */
/* submitRegister */
$inregisterPopupTypeInfosat.submitRegister = function() {
$inregisterPopupTypeInfosat.register.firstname = $inregisterPopupTypeInfosat.validateRegister().getVal('#register-firstname-v1');
$inregisterPopupTypeInfosat.register.lastname = $inregisterPopupTypeInfosat.validateRegister().getVal('#register-lastname-v1');
$inregisterPopupTypeInfosat.register.company = $inregisterPopupTypeInfosat.validateRegister().getVal('#register-company-v1');
$inregisterPopupTypeInfosat.register.address = $inregisterPopupTypeInfosat.validateRegister().getVal('#register-address-v1');
$inregisterPopupTypeInfosat.register.province = $inregisterPopupTypeInfosat.validateRegister().getVal('#register-province-v1');
$inregisterPopupTypeInfosat.register.amphoe = $inregisterPopupTypeInfosat.validateRegister().getVal('#register-amphoe-v1');
$inregisterPopupTypeInfosat.register.tambon = $inregisterPopupTypeInfosat.validateRegister().getVal('#register-tambon-v1');
$inregisterPopupTypeInfosat.register.postel = $inregisterPopupTypeInfosat.validateRegister().getVal('#register-postel-v1');
$inregisterPopupTypeInfosat.register.email = $inregisterPopupTypeInfosat.validateRegister().getVal('#register-email-v1');
$inregisterPopupTypeInfosat.register.mobile = $inregisterPopupTypeInfosat.validateRegister().getVal('#register-mobile-v1');
$inregisterPopupTypeInfosat.register.password = $inregisterPopupTypeInfosat.validateRegister().getVal('#register-password-v1');
var userFirstnameValid = $inregisterPopupTypeInfosat.validateRegister().firstname();
var userLastnameValid = $inregisterPopupTypeInfosat.validateRegister().lastname();
var userCompanyValid = $inregisterPopupTypeInfosat.validateRegister().company();
var userAddressValid = $inregisterPopupTypeInfosat.validateRegister().address();
var userProvinceValid = $inregisterPopupTypeInfosat.validateRegister().province();
var userAmphoeValid = $inregisterPopupTypeInfosat.validateRegister().amphoe();
var userTambonValid = $inregisterPopupTypeInfosat.validateRegister().tambon();
var userPostelValid = $inregisterPopupTypeInfosat.validateRegister().postel();
var userEmailValid = $inregisterPopupTypeInfosat.validateRegister().email();
var userMobileValid = $inregisterPopupTypeInfosat.validateRegister().mobile();
var userPassValid = $inregisterPopupTypeInfosat.validateRegister().password();
if (!userFirstnameValid || !userLastnameValid || !userCompanyValid || !userAddressValid || !userProvinceValid || !userAmphoeValid || !userTambonValid || !userPostelValid || !userEmailValid || !userMobileValid || !userPassValid) {
console.log("submitRegister", "return");
$inregisterPopupTypeInfosat.shake();
return;
}
$inregisterPopupTypeInfosat.validateRegister().checkEmail($inregisterPopupTypeInfosat.register.email, function(resultCheck) {
console.log("submitRegister", resultCheck);
if (resultCheck.ok == 0) {
console.log('submitRegister true');
$inregisterPopupTypeInfosat.validateRegister().emailInputRepeatedly();
$inregisterPopupTypeInfosat.validateRegister().passwordInputRepeatedly();
} else {
console.log('submitRegister false');
return $inregisterPopupTypeInfosat.sendSubmitRegister(false);
}
});
};
/* submitRegister */
/* sendSubmitRegister */
$inregisterPopupTypeInfosat.sendSubmitRegister = function(reCheck) {
$inregisterPopupTypeInfosat.register.pressing = true
var userFirstname = $inregisterPopupTypeInfosat.register.firstname;
var userLastname = $inregisterPopupTypeInfosat.register.lastname;
var userCompany = $inregisterPopupTypeInfosat.register.company;
var userAddress = $inregisterPopupTypeInfosat.register.address;
var userProvince = parseInt($inregisterPopupTypeInfosat.register.province);
var userAmphoe = parseInt($inregisterPopupTypeInfosat.register.amphoe);
var userTambon = parseInt($inregisterPopupTypeInfosat.register.tambon);
var userPostel = $inregisterPopupTypeInfosat.register.postel;
$inregisterPopupTypeInfosat.getLocationId(userProvince, function(dataLocationId) {
console.log("$inregisterPopupTypeInfosat : sendSubmitRegister : userProvince : getLocationId : dataLocationId.location_name : ", dataLocationId.location_name);
userProvince = dataLocationId.location_name;
$inregisterPopupTypeInfosat.getLocationId(userAmphoe, function(dataLocationId) {
console.log("$inregisterPopupTypeInfosat : sendSubmitRegister : userAmphoe : getLocationId : dataLocationId.location_name : ", dataLocationId.location_name);
userAmphoe = dataLocationId.location_name;
$inregisterPopupTypeInfosat.getLocationId(userTambon, function(dataLocationId) {
console.log("$inregisterPopupTypeInfosat : sendSubmitRegister : userTambon : getLocationId : dataLocationId.location_name : ", dataLocationId.location_name);
userTambon = dataLocationId.location_name;
var userEmail = $inregisterPopupTypeInfosat.register.email;
var userMobile = $inregisterPopupTypeInfosat.register.mobile;
var userPass = $inregisterPopupTypeInfosat.register.password;
console.log("sendSubmitRegister", reCheck);
if (reCheck) {
/* if error : firstname */
if (userFirstname.length <= 0) {
$inregisterPopupTypeInfosat.validateRegister().firstnameInputError();
} else {
$inregisterPopupTypeInfosat.validateRegister().firstnameOk();
}
/* if error : lastname */
if (userLastname.length <= 0) {
$inregisterPopupTypeInfosat.validateRegister().lastnameInputError();
} else {
$inregisterPopupTypeInfosat.validateRegister().lastnameOk();
}
/* if error : company */
if (userCompany.length <= 0) {
$inregisterPopupTypeInfosat.validateRegister().companyInputError();
} else {
$inregisterPopupTypeInfosat.validateRegister().companyOk();
}
/* if error : userAddress */
if (userAddress.length <= 0) {
$inregisterPopupTypeInfosat.validateRegister().addressInputError();
} else {
$inregisterPopupTypeInfosat.validateRegister().addressOk();
}
/* if error : userProvince */
if (userProvince.length <= 0) {
$inregisterPopupTypeInfosat.validateRegister().provinceInputError();
} else {
$inregisterPopupTypeInfosat.validateRegister().provinceOk();
}
/* if error : userAmphoe */
if (userAmphoe.length <= 0) {
$inregisterPopupTypeInfosat.validateRegister().amphoeInputError();
} else {
$inregisterPopupTypeInfosat.validateRegister().amphoeOk();
}
/* if error : userTambon */
if (userTambon.length <= 0) {
$inregisterPopupTypeInfosat.validateRegister().tambonInputError();
} else {
$inregisterPopupTypeInfosat.validateRegister().tambonOk();
}
/* if error : userPostel */
if (userPostel.length <= 0) {
$inregisterPopupTypeInfosat.validateRegister().postelInputError();
} else {
$inregisterPopupTypeInfosat.validateRegister().postelOk();
}
/* if error : user */
if (userEmail.length <= 0) {
$inregisterPopupTypeInfosat.validateRegister().emailInputError();
} else {
$inregisterPopupTypeInfosat.validateRegister().emailOk();
}
/* if error : userMobile */
if (userMobile.length <= 0) {
$inregisterPopupTypeInfosat.validateRegister().mobileInputError();
} else {
$inregisterPopupTypeInfosat.validateRegister().mobileOk();
}
/* if error : pass */
if (userPass.length <= 0) {
$inregisterPopupTypeInfosat.validateRegister().passwordOk();
} else {
$inregisterPopupTypeInfosat.validateRegister().passwordInputError();
}
/* firstname */
if (userFirstname.length > 0 && !$inregisterPopupTypeInfosat.helper.isFirstname(userFirstname)) {
$inregisterPopupTypeInfosat.error_firstname = true;
} else {
$inregisterPopupTypeInfosat.error_firstname = false;
}
/* lastname */
if (userLastname.length > 0 && !$inregisterPopupTypeInfosat.helper.isLastname(userLastname)) {
$inregisterPopupTypeInfosat.error_lastname = true;
} else {
$inregisterPopupTypeInfosat.error_lastname = false;
}
/* company */
if (userCompany.length > 0 && !$inregisterPopupTypeInfosat.helper.isCompany(userCompany)) {
$inregisterPopupTypeInfosat.error_company = true;
} else {
$inregisterPopupTypeInfosat.error_company = false;
}
/* email */
if (userEmail.length > 0 && !$inregisterPopupTypeInfosat.helper.isEmail(userEmail)) {
$inregisterPopupTypeInfosat.error_email = true;
} else {
$inregisterPopupTypeInfosat.error_email = false;
}
/* userMobile */
if (userMobile.length > 0 && !$inregisterPopupTypeInfosat.helper.isMobile(userMobile)) {
$inregisterPopupTypeInfosat.error_mobile = true;
} else {
$inregisterPopupTypeInfosat.error_mobile = false;
}
/* password */
if (userPass.length > 0 && userPass.length >= 6) {
$inregisterPopupTypeInfosat.error_password = false;
} else if (userPass.length > 0 && userPass.length < 6) {
$inregisterPopupTypeInfosat.error_password = true;
}
console.log("sendSubmitRegister : ", "error_firstname : ", $inregisterPopupTypeInfosat.error_firstname, "error_lastname : ", $inregisterPopupTypeInfosat.error_lastname, "error_email : ", $inregisterPopupTypeInfosat.error_email, "error_password : ", $inregisterPopupTypeInfosat.error_password);
if ($inregisterPopupTypeInfosat.error_firstname || $inregisterPopupTypeInfosat.error_lastname || $inregisterPopupTypeInfosat.error_company || $inregisterPopupTypeInfosat.error_bandcode || $inregisterPopupTypeInfosat.error_email || $inregisterPopupTypeInfosat.error_company || $inregisterPopupTypeInfosat.error_mobile || $inregisterPopupTypeInfosat.error_password) {
console.log("sendSubmitRegister return");
$inregisterPopupTypeInfosat.shake();
return;
}
}
/* loading */
$inregisterPopupTypeInfosat.helper.pageLoad();
var dataSend = {
'txt_first_name': userFirstname,
'txt_last_name': userLastname,
'txt_info_address': userAddress,
'txt_info_province': userProvince,
'txt_info_amphoe': userAmphoe,
'txt_info_tambon': userTambon,
'txt_info_postcode': userPostel,
'txt_email': userEmail,
'txt_note': userCompany,
'txt_phone': userMobile,
'txt_password': userPass
};
console.log("sendSubmitRegister txt_email : ", dataSend);
GAEAPI.post("ui/api/ui_customer_box/customer/register", dataSend).then(function(output) {
console.log("sendSubmitRegister register : ", output);
if (output.ok == 1) {
$inregisterPopupTypeInfosat.close();
$inregisterPopupTypeInfosat.helper.pageUnLoad();
$inregisterPopupTypeInfosat.helper.registerDone();
GAEAPI.get('customer/logout', {}).then(function(output_logout) {
if (output_logout.ok == 1) {
UiCustomerBox.apiGetCustomerData(function() {});
}
});
} else {
$inregisterPopupTypeInfosat.helper.pageUnLoad();
alert("Register ผิดพลาด! กรุณาลองใหม่อีกครั้ง");
}
});
});
});
});
/* loading */
};
/* sendSubmitRegister */
/* viewPassword */
$inregisterPopupTypeInfosat.viewPassword = function(elementId) {
var e = $("#" + elementId);
var t = e.attr('type');
if (t === 'password') {
e.attr('type', 'text');
} else {
e.attr('type', 'password');
}
};
$inregisterPopupTypeInfosat.resetViewPassword = function(elementId) {
var e = $("#" + elementId);
var t = e.attr('type');
e.attr('type', 'password');
};
/* viewPassword */
$inregisterPopupTypeInfosat.host = function() {
if (window.location.href.indexOf('localhost') !== -1) {
return 'https://missmonribs.getappeasy.com/store/api/v1/';
}
return GURL.base_api_url();
}
/* Open */
var timerAdjustOpen = 0;
$inregisterPopupTypeInfosat.isOpen = false;
$inregisterPopupTypeInfosat.open = function() {
$inregisterPopupTypeInfosat.resetViewPassword('register-password-v1');
$inregisterPopupTypeInfosat.validateRegister().reset();
$(".register_overlay").addClass("is_open");
$('html').css({
'overflow-y': 'scroll',
'overflow': 'hidden'
});
$('body').css({
'overflow': 'hidden',
'position': 'fixed'
});
timerAdjustOpen = setTimeout(function() {
$(".register.from_background").addClass("is_open");
}, 100);
$inregisterPopupTypeInfosat.getLocation(2, 231, 1, 100, '', '', function(dataLocation) {
console.log("$inregisterPopupTypeInfosat : open : dataLocation : ", dataLocation);
for (var i = 0; i < dataLocation.length; i++) {
console.log("2 $inregisterPopupTypeInfosat : open : for : dataLocation[" + i + "] : ", dataLocation[i]);
$('#register-province-v1').append('');
}
});
$(document).keypress(function(e) {
var keycode = (e.keyCode ? e.keyCode : e.which);
if (keycode == '13') {
$inregisterPopupTypeInfosat.submitRegister();
}
});
};
/* Open */
/* Close */
$inregisterPopupTypeInfosat.close = function() {
$(".register_overlay").removeClass("is_open");
$(".register.from_background").removeClass("is_open");
$('html').css({
'overflow-y': 'unset',
'overflow': 'unset'
});
$('body').css({
'overflow': 'auto',
'position': 'relative'
});
};
/* Close */
/* shake */
$inregisterPopupTypeInfosat.shake = function() {
$(".register.from_background.is_open").addClass('shake');
timerAdjustOpen = setTimeout(function() {
$(".register.from_background.is_open").removeClass('shake');
}, 100);
}
/* shake */
/* login */
$inregisterPopupTypeInfosat.login = function() {
$inregisterPopupTypeInfosat.close();
$inregisterPopupTypeInfosat.helper.registerUnDone();
$inloginPopup.open();
}
/* login */
/* toHome */
$inregisterPopupTypeInfosat.toHome = function() {
$inregisterPopupTypeInfosat.helper.registerUnDone();
window.location.href = 'home';
};
/* toHome *//* Cart displat at right side of page */
var $inregisterPopupTypeSirikhu = {};
/* params */
$inregisterPopupTypeSirikhu.path = CUR_THEME.devsource_url() + "dev.sugarfree/share/componentRegisterTypeSirikhun/";
$inregisterPopupTypeSirikhu.templateRoot = 'root.php';
$inregisterPopupTypeSirikhu.assetsPath = CUR_THEME.extensions_url() + '../../assets/';
$inregisterPopupTypeSirikhu.indexCout = 0;
Number.prototype.formatMoney = function(c, d, t) {
var n = this,
c = isNaN(c = Math.abs(c)) ? 2 : c,
d = d == undefined ? "." : d,
t = t == undefined ? "," : t,
s = n < 0 ? "-" : "",
i = String(parseInt(n = Math.abs(Number(n) || 0).toFixed(c))),
j = (j = i.length) > 3 ? j % 3 : 0;
return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : "");
};
/* Install */
$inregisterPopupTypeSirikhu.install = function(shopId, customBuild) {
/* dont install in (checkout, register) */
this.templateRoot = 'root.php';
$.get($inregisterPopupTypeSirikhu.path + 'componentRegisterTypeSirikhun.css', function(response) {
$('head').append('');
});
$.get($inregisterPopupTypeSirikhu.path + 'root.php', {
imgpath: this.assetsPath,
shopId: shopId,
custom: customBuild,
path: $inregisterPopupTypeSirikhu.path
}, function(response) {
$('body').append(response);
});
/* fix ios height */
var winHightTimer = setTimeout(function() {
clearTimeout(winHightTimer);
}, 2000);
};
$inregisterPopupTypeSirikhu.api = GURL.base_api_url();
/* Install */
/* register model */
$inregisterPopupTypeSirikhu.register = {
firstname: '',
lastname: '',
bandcode: '',
address: '',
province: '0',
amphoe: '0',
tambon: '0',
postel: '',
email: '',
company: '',
mobile: '',
password: '',
pressing: false,
errore_mail: false,
errore_password: false,
};
$inregisterPopupTypeSirikhu.error = {
firstnameExist: false,
lastnameExist: false,
bandcodeExist: false,
addressExist: false,
provinceExist: false,
amphoeExist: false,
tambonExist: false,
postelExist: false,
emailExist: false,
companyExist: false,
mobileExist: false,
firstname: false,
lastname: false,
bandcode: false,
address: false,
province: false,
amphoe: false,
tambon: false,
postel: false,
email: false,
company: false,
mobile: false,
emailText: 'ตรวจสอบรูปแบบอีเมล Email should be valid (name@domain.com)',
password: false,
passwordText: ' ตรวจสอบรูปแบบให้ถูกต้อง Please correct the format',
wrong_password: false,
};
/* register model */
/* API LOCATION */
$inregisterPopupTypeSirikhu.getLocation = function(type, location_id, cur_page, per_page, txt_sortby, search, callback) {
var dataLocation = [];
var option = {
'search': search
};
var dataSend = {
'txt_location_type_id': type,
'txt_parent_id': location_id,
'cur_page': cur_page,
'per_page': per_page,
'txt_sortby': txt_sortby,
'txt_filter_json': JSON.stringify(option)
};
console.log("$inregisterPopupTypeSirikhu : getLocation : dataSend : ", dataSend);
GAEAPI.get('location/lists', dataSend).then(function(output) {
var getLocationTime = setTimeout(function() {
window.clearTimeout(getLocationTime);
console.log("$inregisterPopupTypeSirikhu : getLocation : output : ", output);
if (output.ok == 1) {
dataLocation = output.data.dataList;
}
callback(dataLocation);
}, 100);
});
};
$inregisterPopupTypeSirikhu.getLocationId = function(location_id, callback) {
var dataLocationId = [];
var dataSend = {
'txt_location_id': location_id,
};
console.log("$inregisterPopupTypeSirikhu : getLocation : dataSend : ", dataSend);
GAEAPI.get('location/id', dataSend).then(function(output) {
var getLocationIdTime = setTimeout(function() {
window.clearTimeout(getLocationIdTime);
console.log("$inregisterPopupTypeSirikhu : getLocation : output : ", output);
if (output.ok == 1) {
dataLocationId = output.data;
}
callback(dataLocationId);
}, 100);
});
};
$inregisterPopupTypeSirikhu.getLocationListsId = function(type, select_value, select_value_post) {
console.log("$inregisterPopupTypeSirikhu : getLocationListsId : type : ", type);
console.log("$inregisterPopupTypeSirikhu : getLocationListsId : select_value : ", select_value);
console.log("$inregisterPopupTypeSirikhu : getLocationListsId : select_value_post : ", select_value_post);
var province_id = parseInt($(select_value).val());
console.log("$inregisterPopupTypeSirikhu : getLocationListsId : select_value : ", $(select_value).val());
console.log("$inregisterPopupTypeSirikhu : getLocationListsId : province_id : ", province_id);
if (province_id != 0) {
$inregisterPopupTypeSirikhu.getLocation(type, province_id, 1, 200, '', '', function(dataLocation) {
for (var i = 0; i < dataLocation.length; i++) {
console.log("$inregisterPopupTypeSirikhu : getLocationListsId : for : dataLocation[" + i + "] : ", dataLocation[i]);
$(select_value_post).append('');
}
});
}
if (type == 3) {
var css_id = [{
css_in: '#register-amphoe-v1',
value_in: '0',
value_in_text: 'เลือก Amphoe',
}, {
css_in: '#register-tambon-v1',
value_in: '0',
value_in_text: 'เลือก Tambon',
}, {
css_in: '#register-postel-v1',
value_in: '0',
value_in_text: 'เลือก Postel',
}];
for (var i = 0; i < css_id.length; i++) {
console.log("$inregisterPopupTypeSirikhu : getLocationListsId : for : css_id[" + i + "] : ", css_id[i]);
$inregisterPopupTypeSirikhu.validateRegister().resetLocation(css_id[i].css_in);
$(css_id[i].css_in).append('');
}
} else if (type == 4) {
var css_id = [{
css_in: '#register-tambon-v1',
value_in: '0',
value_in_text: 'เลือก Tambon',
}, {
css_in: '#register-postel-v1',
value_in: '0',
value_in_text: 'เลือก Postel',
}];
for (var i = 0; i < css_id.length; i++) {
console.log("$inregisterPopupTypeSirikhu : getLocationListsId : for : css_id[" + i + "] : ", css_id[i]);
$inregisterPopupTypeSirikhu.validateRegister().resetLocation(css_id[i].css_in);
$(css_id[i].css_in).append('');
}
}
};
$inregisterPopupTypeSirikhu.getLocationPostel = function(select_value) {
console.log("$inregisterPopupTypeSirikhu : getLocationPostel : select_value : ", select_value);
var postel = parseInt($(select_value).val());
console.log("$inregisterPopupTypeSirikhu : getLocationId : select_value : ", $(select_value).val());
console.log("$inregisterPopupTypeSirikhu : getLocationId : postel : ", postel);
if (postel != 0) {
$inregisterPopupTypeSirikhu.getLocationId(postel, function(dataLocationId) {
console.log("$inregisterPopupTypeSirikhu : getLocationId : dataLocationId.location_postcode : ", dataLocationId.location_postcode);
$("#register-postel-v1").val(dataLocationId.location_postcode);
});
}
};
/* API LOCATION */
/* validateRegister */
$inregisterPopupTypeSirikhu.validateRegister = function() {
var promise = {
checkEmail: function(v, callback) {
$.ajax({
type: 'POST',
method: 'POST',
url: $inregisterPopupTypeSirikhu.host() + 'customer/is_exists_email',
data: {
txt_email: v
},
datatType: 'json'
}).done(function(e) {
callback(e);
});
},
getVal: function(cssID) {
return $(cssID).val();
},
focusFirstname: function() {
$inregisterPopupTypeSirikhu.error.firstname = false;
$inregisterPopupTypeSirikhu.error.firstnameExist = false;
$('#register-firstname-v1').css('border', '');
},
focusLastname: function() {
$inregisterPopupTypeSirikhu.error.lastname = false;
$inregisterPopupTypeSirikhu.error.lastnameExist = false;
$('#register-lastname-v1').css('border', '');
},
focusBandcode: function() {
$inregisterPopupTypeSirikhu.error.bandcode = false;
$inregisterPopupTypeSirikhu.error.bandcodeExist = false;
$('#register-bandcode-v1').css('border', '');
},
focusAddress: function() {
$inregisterPopupTypeSirikhu.error.address = false;
$inregisterPopupTypeSirikhu.error.addressExist = false;
$('#register-address-v1').css('border', '');
},
focusProvince: function() {
$inregisterPopupTypeSirikhu.error.province = false;
$inregisterPopupTypeSirikhu.error.provinceExist = false;
$('#register-province-v1').css('border', '');
},
focusAmphoe: function() {
$inregisterPopupTypeSirikhu.error.amphoe = false;
$inregisterPopupTypeSirikhu.error.amphoeExist = false;
$('#register-amphoe-v1').css('border', '');
},
focusTambon: function() {
$inregisterPopupTypeSirikhu.error.tambon = false;
$inregisterPopupTypeSirikhu.error.tambonExist = false;
$('#register-tambon-v1').css('border', '');
},
focusPostel: function() {
$inregisterPopupTypeSirikhu.error.postel = false;
$inregisterPopupTypeSirikhu.error.postelExist = false;
$('#register-postel-v1').css('border', '');
},
focusEmail: function() {
$inregisterPopupTypeSirikhu.error.email = false;
$inregisterPopupTypeSirikhu.error.emailExist = false;
$('#register-email-v1').css('border', '');
},
focusCompany: function() {
$inregisterPopupTypeSirikhu.error.company = false;
$inregisterPopupTypeSirikhu.error.companyExist = false;
$('#register-company-v1').css('border', '');
},
focusBobile: function() {
$inregisterPopupTypeSirikhu.error.mobile = false;
$inregisterPopupTypeSirikhu.error.mobileExist = false;
$('#register-mobile-v1').css('border', '');
},
focusPassword: function() {
$inregisterPopupTypeSirikhu.error_password = false;
$inregisterPopupTypeSirikhu.error.wrong_password = false;
$('#register-password-v1').css('border', '');
},
firstname: function() {
var v = $('#register-firstname-v1').val();
var t = this;
var valid = $inregisterPopupTypeSirikhu.helper.isFirstname(v, true);
console.log("firstname v.length : ", v.length, " valid : ", valid);
if (v.length <= 0) {
$inregisterPopupTypeSirikhu.shake();
$inregisterPopupTypeSirikhu.validateRegister().firstnameInputNullError();
$inregisterPopupTypeSirikhu.error_firstname = false;
$inregisterPopupTypeSirikhu.error_firstnameExist = false;
return false;
} else {
if (v.length > 0 && !valid) {
$inregisterPopupTypeSirikhu.shake();
$inregisterPopupTypeSirikhu.validateRegister().firstnameInputError();
$inregisterPopupTypeSirikhu.error_firstname = true;
return false;
} else if (v.length > 0 && valid) {
$inregisterPopupTypeSirikhu.validateRegister().firstnameOk();
return true;
}
}
},
lastname: function() {
var v = $('#register-lastname-v1').val();
var t = this;
var valid = $inregisterPopupTypeSirikhu.helper.isLastname(v, true);
console.log("lastname v.length : ", v.length, " valid : ", valid);
if (v.length <= 0) {
$inregisterPopupTypeSirikhu.shake();
$inregisterPopupTypeSirikhu.validateRegister().lastnameInputNullError();
$inregisterPopupTypeSirikhu.error_lastname = false;
$inregisterPopupTypeSirikhu.error_lastnameExist = false;
return false;
} else {
if (v.length > 0 && valid) {
$inregisterPopupTypeSirikhu.validateRegister().lastnameOk();
return true;
} else {
$inregisterPopupTypeSirikhu.shake();
$inregisterPopupTypeSirikhu.validateRegister().lastnameInputError();
$inregisterPopupTypeSirikhu.error_lastname = true;
return false;
}
}
},
bandcode: function() {
var v = $('#register-bandcode-v1').val();
var t = this;
var valid = $inregisterPopupTypeSirikhu.helper.isBandcode(v);
console.log("inregisterPopupTypeSirikhu : bandcode : v : ", v);
console.log("inregisterPopupTypeSirikhu : bandcode : valid : ", valid);
if (valid) {
$inregisterPopupTypeSirikhu.validateRegister().bandcodeOk();
return true;
} else {
$inregisterPopupTypeSirikhu.shake();
$inregisterPopupTypeSirikhu.validateRegister().bandcodeInputNullError();
return false;
}
},
address: function() {
var v = $('#register-address-v1').val();
var t = this;
var valid = $inregisterPopupTypeSirikhu.helper.isAddress(v);
console.log("inregisterPopupTypeSirikhu : address : v : ", v);
console.log("inregisterPopupTypeSirikhu : address : valid : ", valid);
if (valid) {
$inregisterPopupTypeSirikhu.validateRegister().addressOk();
return true;
} else {
$inregisterPopupTypeSirikhu.shake();
$inregisterPopupTypeSirikhu.validateRegister().addressInputNullError();
return false;
}
},
province: function() {
var v = $('#register-province-v1').val();
var t = this;
var valid = $inregisterPopupTypeSirikhu.helper.isProvince(v);
console.log("inregisterPopupTypeSirikhu : province : v : ", v);
console.log("inregisterPopupTypeSirikhu : province : valid : ", valid);
if (valid) {
$inregisterPopupTypeSirikhu.validateRegister().provinceOk();
return true;
} else {
$inregisterPopupTypeSirikhu.shake();
$inregisterPopupTypeSirikhu.validateRegister().provinceInputNullError();
return false;
}
},
amphoe: function() {
var v = $('#register-amphoe-v1').val();
var t = this;
var valid = $inregisterPopupTypeSirikhu.helper.isAmphoe(v);
console.log("inregisterPopupTypeSirikhu : amphoe : v : ", v);
console.log("inregisterPopupTypeSirikhu : amphoe : valid : ", valid);
if (valid) {
$inregisterPopupTypeSirikhu.validateRegister().amphoeOk();
return true;
} else {
$inregisterPopupTypeSirikhu.shake();
$inregisterPopupTypeSirikhu.validateRegister().amphoeInputNullError();
return false;
}
},
tambon: function() {
var v = $('#register-tambon-v1').val();
var t = this;
var valid = $inregisterPopupTypeSirikhu.helper.isTambon(v);
console.log("inregisterPopupTypeSirikhu : tambon : v : ", v);
console.log("inregisterPopupTypeSirikhu : tambon : valid : ", valid);
if (valid) {
$inregisterPopupTypeSirikhu.validateRegister().tambonOk();
return true;
} else {
$inregisterPopupTypeSirikhu.shake();
$inregisterPopupTypeSirikhu.validateRegister().tambonInputNullError();
return false;
}
},
postel: function() {
var v = $('#register-postel-v1').val();
var t = this;
var valid = $inregisterPopupTypeSirikhu.helper.isAddress(v);
console.log("inregisterPopupTypeSirikhu : postel : v : ", v);
console.log("inregisterPopupTypeSirikhu : postel : valid : ", valid);
if (valid) {
$inregisterPopupTypeSirikhu.validateRegister().postelOk();
return true;
} else {
$inregisterPopupTypeSirikhu.shake();
$inregisterPopupTypeSirikhu.validateRegister().postelInputNullError();
return false;
}
},
email: function() {
var v = $('#register-email-v1').val();
var t = this;
var valid = $inregisterPopupTypeSirikhu.helper.isEmail(v);
console.log("inregisterPopupTypeSirikhu : email : v : ", v);
console.log("inregisterPopupTypeSirikhu : email : valid : ", valid);
if (valid) {
$inregisterPopupTypeSirikhu.validateRegister().emailOk();
return true;
} else {
$inregisterPopupTypeSirikhu.shake();
$inregisterPopupTypeSirikhu.validateRegister().emailInputNullError();
return false;
}
},
company: function() {
var v = $('#register-company-v1').val();
var t = this;
var valid = $inregisterPopupTypeSirikhu.helper.isCompany(v);
console.log("inregisterPopupTypeSirikhu : company : v : ", v);
console.log("inregisterPopupTypeSirikhu : company : valid : ", valid);
if (valid) {
$inregisterPopupTypeSirikhu.validateRegister().companyOk();
return true;
} else {
$inregisterPopupTypeSirikhu.shake();
$inregisterPopupTypeSirikhu.validateRegister().companyInputNullError();
return false;
}
},
mobile: function() {
var v = $('#register-mobile-v1').val();
var t = this;
var valid = $inregisterPopupTypeSirikhu.helper.isMobile(v);
console.log("inregisterPopupTypeSirikhu : mobile : v : ", v);
console.log("inregisterPopupTypeSirikhu : mobile : valid : ", valid);
if (valid) {
$inregisterPopupTypeSirikhu.validateRegister().mobileOk();
return true;
} else {
$inregisterPopupTypeSirikhu.shake();
$inregisterPopupTypeSirikhu.validateRegister().mobileInputNullError();
return false;
}
},
firstnameOk: function() {
$('#register-firstname-v1').css('border', '2px solid green');
$inregisterPopupTypeSirikhu.validateRegister().firstnameInputOk();
},
lastnameOk: function() {
$('#register-lastname-v1').css('border', '2px solid green');
$inregisterPopupTypeSirikhu.validateRegister().lastnameInputOk();
},
bandcodeOk: function() {
$('#register-bandcode-v1').css('border', '2px solid green');
$inregisterPopupTypeSirikhu.validateRegister().bandcodeInputOk();
},
addressOk: function() {
$('#register-address-v1').css('border', '2px solid green');
$inregisterPopupTypeSirikhu.validateRegister().addressInputOk();
},
provinceOk: function() {
$('#register-province-v1').css('border', '2px solid green');
$inregisterPopupTypeSirikhu.validateRegister().provinceInputOk();
},
amphoeOk: function() {
$('#register-amphoe-v1').css('border', '2px solid green');
$inregisterPopupTypeSirikhu.validateRegister().amphoeInputOk();
},
tambonOk: function() {
$('#register-tambon-v1').css('border', '2px solid green');
$inregisterPopupTypeSirikhu.validateRegister().tambonInputOk();
},
postelOk: function() {
$('#register-postel-v1').css('border', '2px solid green');
$inregisterPopupTypeSirikhu.validateRegister().postelInputOk();
},
emailOk: function() {
$('#register-email-v1').css('border', '2px solid green');
$inregisterPopupTypeSirikhu.validateRegister().emailInputOk();
},
companyOk: function() {
$('#register-company-v1').css('border', '2px solid green');
$inregisterPopupTypeSirikhu.validateRegister().companyInputOk();
},
mobileOk: function() {
$('#register-mobile-v1').css('border', '2px solid green');
$inregisterPopupTypeSirikhu.validateRegister().mobileInputOk();
},
firstnameInputOk: function() {
$("#register-error-firstname-v1").removeClass("error");
$("#register-error-firstname-v1").css('opacity', 0);
},
lastnameInputOk: function() {
$("#register-error-lastname-v1").removeClass("error");
$("#register-error-lastname-v1").css('opacity', 0);
},
bandcodeInputOk: function() {
$("#register-error-bandcode-v1").removeClass("error");
$("#register-error-bandcode-v1").css('opacity', 0);
},
addressInputOk: function() {
$("#register-error-address-v1").removeClass("error");
$("#register-error-address-v1").css('opacity', 0);
},
provinceInputOk: function() {
$("#register-error-province-v1").removeClass("error");
$("#register-error-province-v1").css('opacity', 0);
},
amphoeInputOk: function() {
$("#register-error-amphoe-v1").removeClass("error");
$("#register-error-amphoe-v1").css('opacity', 0);
},
tambonInputOk: function() {
$("#register-error-tambon-v1").removeClass("error");
$("#register-error-tambon-v1").css('opacity', 0);
},
postelInputOk: function() {
$("#register-error-postel-v1").removeClass("error");
$("#register-error-postel-v1").css('opacity', 0);
},
emailInputOk: function() {
$("#register-error-email-v1").removeClass("error");
$("#register-error-email-v1").css('opacity', 0);
},
companyInputOk: function() {
$("#register-error-company-v1").removeClass("error");
$("#register-error-company-v1").css('opacity', 0);
},
mobileInputOk: function() {
$("#register-error-mobile-v1").removeClass("error");
$("#register-error-mobile-v1").css('opacity', 0);
},
firstnameError: function() {
$("#register-firstname-v1").css('border', '2px solid red');
},
lastnameError: function() {
$("#register-lastname-v1").css('border', '2px solid red');
},
bandcodeError: function() {
$("#register-bandcode-v1").css('border', '2px solid red');
},
addressError: function() {
$("#register-address-v1").css('border', '2px solid red');
},
provinceError: function() {
$("#register-province-v1").css('border', '2px solid red');
},
amphoeError: function() {
$("#register-amphoe-v1").css('border', '2px solid red');
},
tambonError: function() {
$("#register-tambon-v1").css('border', '2px solid red');
},
postelError: function() {
$("#register-postel-v1").css('border', '2px solid red');
},
emailError: function() {
$("#register-email-v1").css('border', '2px solid red');
},
companyError: function() {
$("#register-company-v1").css('border', '2px solid red');
},
mobileError: function() {
$("#register-mobile-v1").css('border', '2px solid red');
},
firstnameInputError: function() {
$inregisterPopupTypeSirikhu.validateRegister().firstnameError();
$("#register-error-firstname-v1").addClass("error");
$("#register-error-firstname-v1").css('opacity', 1).html('ตรวจสอบรูปแบบชื่อ Please check your format');
},
lastnameInputError: function() {
$inregisterPopupTypeSirikhu.validateRegister().lastnameError();
$("#register-error-lastname-v1").addClass("error");
$("#register-error-lastname-v1").css('opacity', 1).html('ตรวจสอบรูปแบบนามสกุล Please check your format');
},
bandcodeInputError: function() {
$inregisterPopupTypeSirikhu.validateRegister().lastnameError();
$("#register-error-bandcode-v1").addClass("error");
$("#register-error-bandcode-v1").css('opacity', 1).html('กรุณาใส่รหัสกลุ่มแบนด์ที่เคยเดินทาง');
},
addressInputError: function() {
$inregisterPopupTypeSirikhu.validateRegister().addressError();
$("#register-error-address-v1").addClass("error");
$("#register-error-address-v1").css('opacity', 1).html('กรุณาใส่ที่อยู่');
},
provinceInputError: function() {
$inregisterPopupTypeSirikhu.validateRegister().addressError();
$("#register-error-province-v1").addClass("error");
$("#register-error-province-v1").css('opacity', 1).html('กรุณาเลือกจังหวัด');
},
amphoeInputError: function() {
$inregisterPopupTypeSirikhu.validateRegister().addressError();
$("#register-error-amphoe-v1").addClass("error");
$("#register-error-amphoe-v1").css('opacity', 1).html('กรุณาเลือกอำเภอ');
},
tambonInputError: function() {
$inregisterPopupTypeSirikhu.validateRegister().addressError();
$("#register-error-tambon-v1").addClass("error");
$("#register-error-tambon-v1").css('opacity', 1).html('กรุณาเลือกตำบล');
},
postelInputError: function() {
$inregisterPopupTypeSirikhu.validateRegister().postelError();
$("#register-error-postel-v1").addClass("error");
$("#register-error-postel-v1").css('opacity', 1).html('กรุณาใส่รหัสไปรษณีย์');
},
emailInputRepeatedly: function() {
$inregisterPopupTypeSirikhu.validateRegister().emailError();
$("#register-error-email-v1").addClass("error");
$("#register-error-email-v1").css('opacity', 1).html('อีเมลนี้มีการลงทะเบียนเป็นสมาชิกแล้ว Email already exists');
},
companyInputError: function() {
$inregisterPopupTypeSirikhu.validateRegister().lastnameError();
$("#register-error-company-v1").addClass("error");
$("#register-error-company-v1").css('opacity', 1).html('กรุณาใส่ ชื่อร้าน / บริษัท');
},
mobileInputError: function() {
$inregisterPopupTypeSirikhu.validateRegister().lastnameError();
$("#register-error-mobile-v1").addClass("error");
$("#register-error-mobile-v1").css('opacity', 1).html('กรุณาใส่เบอร์โทรศัพท์');
},
passwordInputRepeatedly: function() {
$("#register-password-v1").css('border', '1px solid #dddddd');
},
emailInputError: function() {
$inregisterPopupTypeSirikhu.validateRegister().emailError();
$("#register-error-email-v1").addClass("error");
$("#register-error-email-v1").css('opacity', 1).html('ตรวจสอบรูปแบบอีเมล Email should be valid เช่น getappeasy@gmail.com');
},
firstnameInputNullError: function() {
$inregisterPopupTypeSirikhu.validateRegister().firstnameError();
$("#register-error-firstname-v1").addClass("error");
// $("#register-error-firstname-v1").css('opacity', 1).html('ตรวจสอบรูปแบบชื่อ Please check your format');
},
lastnameInputNullError: function() {
$inregisterPopupTypeSirikhu.validateRegister().lastnameError();
$("#register-error-lastname-v1").addClass("error");
// $("#register-error-lastname-v1").css('opacity', 1).html('ตรวจสอบรูปแบบนามสกุล Please check your format');
},
bandcodeInputNullError: function() {
$inregisterPopupTypeSirikhu.validateRegister().bandcodeError();
$("#register-error-bandcode-v1").addClass("error");
// $("#register-error-bandcode-v1").css('opacity', 1).html('กรุณาใส่รหัสรหัสกลุ่มแบนด์ที่เคยเดินทาง');
},
addressInputNullError: function() {
$inregisterPopupTypeSirikhu.validateRegister().addressError();
$("#register-error-address-v1").addClass("error");
// $("#register-error-address-v1").css('opacity', 1).html('กรุณาใส่ที่อยู่ ');
},
provinceInputNullError: function() {
$inregisterPopupTypeSirikhu.validateRegister().provinceError();
$("#register-error-province-v1").addClass("error");
// $("#register-error-province-v1").css('opacity', 1).html('กรุณาเลือกจังหวัด');
},
amphoeInputNullError: function() {
$inregisterPopupTypeSirikhu.validateRegister().amphoeError();
$("#register-error-amphoe-v1").addClass("error");
// $("#register-error-amphoe-v1").css('opacity', 1).html('กรุณาเลือกอำเภอ');
},
tambonInputNullError: function() {
$inregisterPopupTypeSirikhu.validateRegister().tambonError();
$("#register-error-tambon-v1").addClass("error");
// $("#register-error-tambon-v1").css('opacity', 1).html('กรุณาเลือกตำบล');
},
postelInputNullError: function() {
$inregisterPopupTypeSirikhu.validateRegister().postelError();
$("#register-error-postel-v1").addClass("error");
// $("#register-error-postel-v1").css('opacity', 1).html('กรุณาใส่รหัสไปรษณีย์ ');
},
emailInputNullError: function() {
$inregisterPopupTypeSirikhu.validateRegister().emailError();
$("#register-error-email-v1").addClass("error");
// $("#register-error-email-v1").css('opacity', 1).html('ตรวจสอบรูปแบบอีเมล Email should be valid (name@domain.com)');
},
companyInputNullError: function() {
$inregisterPopupTypeSirikhu.validateRegister().companyError();
$("#register-error-company-v1").addClass("error");
// $("#register-error-company-v1").css('opacity', 1).html('กรุณาใส่ ชื่อร้าน / บริษัท');
},
mobileInputNullError: function() {
$inregisterPopupTypeSirikhu.validateRegister().mobileError();
$("#register-error-mobile-v1").addClass("error");
// $("#register-error-mobile-v1").css('opacity', 1).html('กรุณาใส่เบอร์โทรศัพท์');
},
password: function() {
var v = $('#register-password-v1').val();
if (v.length <= 0) {
$inregisterPopupTypeSirikhu.validateRegister().passwordInputNullError();
$inregisterPopupTypeSirikhu.shake();
return false;
}
if (v.length > 0 && v.length >= 6) {
$inregisterPopupTypeSirikhu.error_password = false;
$inregisterPopupTypeSirikhu.validateRegister().passwordOk();
return true;
} else if (v.length > 0 && v.length < 6) {
$inregisterPopupTypeSirikhu.error_password = true;
$inregisterPopupTypeSirikhu.shake();
$inregisterPopupTypeSirikhu.validateRegister().passwordInputError();
return false;
}
},
passwordOk: function() {
$("#register-password-v1").css('border', '2px solid green');
$inregisterPopupTypeSirikhu.validateRegister().passwordInputOk();
},
passwordInputOk: function() {
$("#register-error-password-v1").removeClass("error");
$("#register-error-password-v1").css('opacity', 0);
},
passwordError: function() {
$("#register-password-v1").css('border', '2px solid red');
},
passwordInputError: function() {
$inregisterPopupTypeSirikhu.validateRegister().passwordError();
$("#register-error-password-v1").addClass("error");
$("#register-error-password-v1").css('opacity', 1).html('ตรวจสอบรูปแบบให้ถูกต้อง Please correct the format');
},
passwordInputNullError: function() {
$inregisterPopupTypeSirikhu.validateRegister().passwordError();
$("#register-error-password-v1").addClass("error");
// $("#register-error-password-v1").css('opacity', 1).html('error password ตรวจสอบรูปแบบให้ถูกต้อง Please correct the format');
},
resetFirstname: function() {
$("#register-firstname-v1").css('border', '');
$("#register-firstname-v1").val('');
$("#register-error-firstname-v1").css('opacity', 0);
},
resetLastname: function() {
$("#register-lastname-v1").css('border', '');
$("#register-lastname-v1").val('');
$("#register-error-lastname-v1").css('opacity', 0);
},
resetBandcode: function() {
$("#register-bandcode-v1").css('border', '');
$("#register-bandcode-v1").val('');
$("#register-error-bandcode-v1").css('opacity', 0);
},
resetAddress: function() {
$("#register-address-v1").css('border', '');
$("#register-address-v1").val('');
$("#register-error-address-v1").css('opacity', 0);
},
resetProvince: function() {
$("#register-province-v1").css('border', '');
$("#register-province-v1").val(0);
$("#register-error-province-v1").css('opacity', 0);
},
resetAmphoe: function() {
$("#register-amphoe-v1").css('border', '');
$("#register-amphoe-v1").val(0);
$("#register-error-amphoe-v1").css('opacity', 0);
},
resetTambon: function() {
$("#register-tambon-v1").css('border', '');
$("#register-tambon-v1").val(0);
$("#register-error-tambon-v1").css('opacity', 0);
},
resetPostel: function() {
$("#register-postel-v1").css('border', '');
$("#register-postel-v1").val('');
$("#register-error-postel-v1").css('opacity', 0);
},
resetEmail: function() {
$("#register-email-v1").css('border', '');
$("#register-email-v1").val('');
$("#register-error-email-v1").css('opacity', 0);
},
resetCompany: function() {
$("#register-company-v1").css('border', '');
$("#register-company-v1").val('');
$("#register-error-company-v1").css('opacity', 0);
},
resetBobile: function() {
$("#register-mobile-v1").css('border', '');
$("#register-mobile-v1").val('');
$("#register-error-mobile-v1").css('opacity', 0);
},
resetPassword: function() {
$("#register-password-v1").css('border', '');
$("#register-password-v1").val('');
$("#register-error-password-v1").css('opacity', 0);
},
resetLocation: function(css_id) {
$(css_id).html('');
},
reset: function() {
$inregisterPopupTypeSirikhu.validateRegister().resetFirstname();
$inregisterPopupTypeSirikhu.validateRegister().resetLastname();
$inregisterPopupTypeSirikhu.validateRegister().resetBandcode();
$inregisterPopupTypeSirikhu.validateRegister().resetAddress();
$inregisterPopupTypeSirikhu.validateRegister().resetProvince();
$inregisterPopupTypeSirikhu.validateRegister().resetAmphoe();
$inregisterPopupTypeSirikhu.validateRegister().resetTambon();
$inregisterPopupTypeSirikhu.validateRegister().resetPostel();
$inregisterPopupTypeSirikhu.validateRegister().resetEmail();
$inregisterPopupTypeSirikhu.validateRegister().resetCompany();
$inregisterPopupTypeSirikhu.validateRegister().resetBobile();
$inregisterPopupTypeSirikhu.validateRegister().resetPassword();
},
};
return promise;
};
/* validateRegister */
/* load html */
$inregisterPopupTypeSirikhu.viewHtml = function(viewName) {
var html = path + viewName;
return html;
};
$inregisterPopupTypeSirikhu.whenOnLoad = function(shopId) {};
$inregisterPopupTypeSirikhu.helper = {
countDots: function(s1, letter) {
return (s1.match(RegExp(letter, 'g')) || []).length;
},
isFormat: function(format, data) {
return format.test(data);
},
isAlpabet: function(str) {
var strObj = str.match(/^[a-zA-zก-๙]+/g);
var returnStr = "";
for (var idx in strObj) {
returnStr += strObj[idx].replace("^", "");
}
return returnStr;
},
isFirstname: function(firstname) {
if (firstname.length > 1) {
return true;
} else {
return false;
}
},
isLastname: function(lastname) {
if (lastname.length > 1) {
return true;
} else {
return false;
}
},
isBandcode: function(bandcode) {
var re = /^((([a-zA-Z]{2})+[0-9]{10}))$/;
var bandcode = re.test(bandcode);
if (bandcode) {
return true;
} else {
return false;
}
},
isAddress: function(address) {
if (address.length) {
return true;
} else {
return false;
}
},
isProvince: function(province) {
if (province != '0') {
return true;
} else {
return false;
}
},
isAmphoe: function(amphoe) {
if (amphoe != '0') {
return true;
} else {
return false;
}
},
isTambon: function(tambon) {
if (tambon != '0') {
return true;
} else {
return false;
}
},
isPostel: function(postel) {
if (postel.length) {
return true;
} else {
return false;
}
},
isEmail: function(email) {
var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
var result = re.test(email);
var a = email.split('@');
var checkTopLevel = false;
if (result && a.length > 1) {
return (a[1].length >= 5) ? true : false;
} else {
return false;
}
},
isCompany: function(company) {
if (company.length) {
return true;
} else {
return false;
}
},
isMobile: function(mobile) {
var re = /^(([0-9]{8,10}))$/;
var result = re.test(mobile);
if (result) {
return true;
} else {
return false;
}
},
isChar: function(e) {
var k = (e.which) ? e.which : e.keyCode;
if (k >= 48 && k <= 57) {
return false;
} else {
return k;
}
},
pageLoadState: false,
pageLoad: function() {
var load = $('.register_vSirikhu_load');
if (!load.hasClass('active')) {
load.addClass('active');
}
},
pageUnLoad: function() {
var load = $('.register_vSirikhu_load');
if (load.hasClass('active')) {
load.removeClass('active');
}
},
registerDone: function() {
var load = $('.register_vSirikhu_done');
if (!load.hasClass('active')) {
load.addClass('active');
}
timerAdjustOpen = setTimeout(function() {
$(".register_vSirikhu_done .register_done.from_background").addClass("is_open");
}, 100);
},
registerUnDone: function() {
var load = $('.register_vSirikhu_done');
if (load.hasClass('active')) {
load.removeClass('active');
}
timerAdjustOpen = setTimeout(function() {
$(".register_vSirikhu_done .register_done.from_background").removeClass("is_open");
}, 100);
},
};
/* load html */
/* submitRegister */
$inregisterPopupTypeSirikhu.submitRegister = function() {
$inregisterPopupTypeSirikhu.register.firstname = $inregisterPopupTypeSirikhu.validateRegister().getVal('#register-firstname-v1');
$inregisterPopupTypeSirikhu.register.lastname = $inregisterPopupTypeSirikhu.validateRegister().getVal('#register-lastname-v1');
$inregisterPopupTypeSirikhu.register.company = ""; /* $inregisterPopupTypeSirikhu.validateRegister().getVal('#register-company-v1'); */
$inregisterPopupTypeSirikhu.register.address = ""; /* $inregisterPopupTypeSirikhu.validateRegister().getVal('#register-address-v1'); */
$inregisterPopupTypeSirikhu.register.province = ""; /* $inregisterPopupTypeSirikhu.validateRegister().getVal('#register-province-v1'); */
$inregisterPopupTypeSirikhu.register.amphoe = ""; /* $inregisterPopupTypeSirikhu.validateRegister().getVal('#register-amphoe-v1'); */
$inregisterPopupTypeSirikhu.register.tambon = ""; /* $inregisterPopupTypeSirikhu.validateRegister().getVal('#register-tambon-v1'); */
$inregisterPopupTypeSirikhu.register.postel = ""; /* $inregisterPopupTypeSirikhu.validateRegister().getVal('#register-postel-v1');*/
$inregisterPopupTypeSirikhu.register.email = $inregisterPopupTypeSirikhu.validateRegister().getVal('#register-email-v1');
$inregisterPopupTypeSirikhu.register.mobile = $inregisterPopupTypeSirikhu.validateRegister().getVal('#register-mobile-v1');
$inregisterPopupTypeSirikhu.register.password = $inregisterPopupTypeSirikhu.validateRegister().getVal('#register-password-v1');
var userFirstnameValid = $inregisterPopupTypeSirikhu.validateRegister().firstname();
var userLastnameValid = $inregisterPopupTypeSirikhu.validateRegister().lastname();
/* var userCompanyValid = $inregisterPopupTypeSirikhu.validateRegister().company();
var userAddressValid = $inregisterPopupTypeSirikhu.validateRegister().address();
var userProvinceValid = $inregisterPopupTypeSirikhu.validateRegister().province();
var userAmphoeValid = $inregisterPopupTypeSirikhu.validateRegister().amphoe();
var userTambonValid = $inregisterPopupTypeSirikhu.validateRegister().tambon();
var userPostelValid = $inregisterPopupTypeSirikhu.validateRegister().postel();*/
var userEmailValid = $inregisterPopupTypeSirikhu.validateRegister().email();
var userMobileValid = $inregisterPopupTypeSirikhu.validateRegister().mobile();
var userPassValid = $inregisterPopupTypeSirikhu.validateRegister().password();
if (!userFirstnameValid || !userLastnameValid || !userEmailValid || !userMobileValid || !userPassValid) {
console.log("submitRegister", "return");
$inregisterPopupTypeSirikhu.shake();
return;
}
$inregisterPopupTypeSirikhu.validateRegister().checkEmail($inregisterPopupTypeSirikhu.register.email, function(resultCheck) {
console.log("submitRegister", resultCheck);
if (resultCheck.ok == 0) {
console.log('submitRegister true');
$inregisterPopupTypeSirikhu.validateRegister().emailInputRepeatedly();
$inregisterPopupTypeSirikhu.validateRegister().passwordInputRepeatedly();
} else {
console.log('submitRegister false');
return $inregisterPopupTypeSirikhu.sendSubmitRegister(false);
}
});
};
/* submitRegister */
/* sendSubmitRegister */
$inregisterPopupTypeSirikhu.sendSubmitRegister = function(reCheck) {
$inregisterPopupTypeSirikhu.register.pressing = true
var userFirstname = $inregisterPopupTypeSirikhu.register.firstname;
var userLastname = $inregisterPopupTypeSirikhu.register.lastname;
var userCompany = $inregisterPopupTypeSirikhu.register.company;
var userAddress = $inregisterPopupTypeSirikhu.register.address;
var userProvince = parseInt($inregisterPopupTypeSirikhu.register.province);
var userAmphoe = parseInt($inregisterPopupTypeSirikhu.register.amphoe);
var userTambon = parseInt($inregisterPopupTypeSirikhu.register.tambon);
var userPostel = $inregisterPopupTypeSirikhu.register.postel;
$inregisterPopupTypeSirikhu.getLocationId(userProvince, function(dataLocationId) {
console.log("$inregisterPopupTypeSirikhu : sendSubmitRegister : userProvince : getLocationId : dataLocationId.location_name : ", dataLocationId.location_name);
userProvince = dataLocationId.location_name;
$inregisterPopupTypeSirikhu.getLocationId(userAmphoe, function(dataLocationId) {
console.log("$inregisterPopupTypeSirikhu : sendSubmitRegister : userAmphoe : getLocationId : dataLocationId.location_name : ", dataLocationId.location_name);
userAmphoe = dataLocationId.location_name;
$inregisterPopupTypeSirikhu.getLocationId(userTambon, function(dataLocationId) {
console.log("$inregisterPopupTypeSirikhu : sendSubmitRegister : userTambon : getLocationId : dataLocationId.location_name : ", dataLocationId.location_name);
userTambon = dataLocationId.location_name;
var userEmail = $inregisterPopupTypeSirikhu.register.email;
var userMobile = $inregisterPopupTypeSirikhu.register.mobile;
var userPass = $inregisterPopupTypeSirikhu.register.password;
console.log("sendSubmitRegister", reCheck);
if (reCheck) {
/* if error : firstname */
if (userFirstname.length <= 0) {
$inregisterPopupTypeSirikhu.validateRegister().firstnameInputError();
} else {
$inregisterPopupTypeSirikhu.validateRegister().firstnameOk();
}
/* if error : lastname */
if (userLastname.length <= 0) {
$inregisterPopupTypeSirikhu.validateRegister().lastnameInputError();
} else {
$inregisterPopupTypeSirikhu.validateRegister().lastnameOk();
}
/* if error : company */
// if (userCompany.length <= 0) {
// $inregisterPopupTypeSirikhu.validateRegister().companyInputError();
// } else {
// $inregisterPopupTypeSirikhu.validateRegister().companyOk();
// }
/* if error : userAddress */
// if (userAddress.length <= 0) {
// $inregisterPopupTypeSirikhu.validateRegister().addressInputError();
// } else {
// $inregisterPopupTypeSirikhu.validateRegister().addressOk();
// }
/* if error : userProvince */
// if (userProvince.length <= 0) {
// $inregisterPopupTypeSirikhu.validateRegister().provinceInputError();
// } else {
// $inregisterPopupTypeSirikhu.validateRegister().provinceOk();
// }
/* if error : userAmphoe */
// if (userAmphoe.length <= 0) {
// $inregisterPopupTypeSirikhu.validateRegister().amphoeInputError();
// } else {
// $inregisterPopupTypeSirikhu.validateRegister().amphoeOk();
// }
/* if error : userTambon */
// if (userTambon.length <= 0) {
// $inregisterPopupTypeSirikhu.validateRegister().tambonInputError();
// } else {
// $inregisterPopupTypeSirikhu.validateRegister().tambonOk();
// }
/* if error : userPostel */
// if (userPostel.length <= 0) {
// $inregisterPopupTypeSirikhu.validateRegister().postelInputError();
// } else {
// $inregisterPopupTypeSirikhu.validateRegister().postelOk();
// }
/* if error : user */
if (userEmail.length <= 0) {
$inregisterPopupTypeSirikhu.validateRegister().emailInputError();
} else {
$inregisterPopupTypeSirikhu.validateRegister().emailOk();
}
/* if error : userMobile */
if (userMobile.length <= 0) {
$inregisterPopupTypeSirikhu.validateRegister().mobileInputError();
} else {
$inregisterPopupTypeSirikhu.validateRegister().mobileOk();
}
/* if error : pass */
if (userPass.length <= 0) {
$inregisterPopupTypeSirikhu.validateRegister().passwordOk();
} else {
$inregisterPopupTypeSirikhu.validateRegister().passwordInputError();
}
/* firstname */
if (userFirstname.length > 0 && !$inregisterPopupTypeSirikhu.helper.isFirstname(userFirstname)) {
$inregisterPopupTypeSirikhu.error_firstname = true;
} else {
$inregisterPopupTypeSirikhu.error_firstname = false;
}
/* lastname */
if (userLastname.length > 0 && !$inregisterPopupTypeSirikhu.helper.isLastname(userLastname)) {
$inregisterPopupTypeSirikhu.error_lastname = true;
} else {
$inregisterPopupTypeSirikhu.error_lastname = false;
}
/* company */
// if (userCompany.length > 0 && !$inregisterPopupTypeSirikhu.helper.isCompany(userCompany)) {
// $inregisterPopupTypeSirikhu.error_company = true;
// } else {
// $inregisterPopupTypeSirikhu.error_company = false;
// }
/* email */
if (userEmail.length > 0 && !$inregisterPopupTypeSirikhu.helper.isEmail(userEmail)) {
$inregisterPopupTypeSirikhu.error_email = true;
} else {
$inregisterPopupTypeSirikhu.error_email = false;
}
/* userMobile */
if (userMobile.length > 0 && !$inregisterPopupTypeSirikhu.helper.isMobile(userMobile)) {
$inregisterPopupTypeSirikhu.error_mobile = true;
} else {
$inregisterPopupTypeSirikhu.error_mobile = false;
}
/* password */
if (userPass.length > 0 && userPass.length >= 6) {
$inregisterPopupTypeSirikhu.error_password = false;
} else if (userPass.length > 0 && userPass.length < 6) {
$inregisterPopupTypeSirikhu.error_password = true;
}
console.log("sendSubmitRegister : ", "error_firstname : ", $inregisterPopupTypeSirikhu.error_firstname, "error_lastname : ", $inregisterPopupTypeSirikhu.error_lastname, "error_email : ", $inregisterPopupTypeSirikhu.error_email, "error_password : ", $inregisterPopupTypeSirikhu.error_password);
if ($inregisterPopupTypeSirikhu.error_firstname || $inregisterPopupTypeSirikhu.error_lastname || $inregisterPopupTypeSirikhu.error_company || $inregisterPopupTypeSirikhu.error_bandcode || $inregisterPopupTypeSirikhu.error_email || $inregisterPopupTypeSirikhu.error_company || $inregisterPopupTypeSirikhu.error_mobile || $inregisterPopupTypeSirikhu.error_password) {
console.log("sendSubmitRegister return");
$inregisterPopupTypeSirikhu.shake();
return;
}
}
/* loading */
$inregisterPopupTypeSirikhu.helper.pageLoad();
var dataSend = {
'txt_first_name': userFirstname,
'txt_last_name': userLastname,
'txt_info_address': userAddress,
'txt_info_province': userProvince,
'txt_info_amphoe': userAmphoe,
'txt_info_tambon': userTambon,
'txt_info_postcode': userPostel,
'txt_email': userEmail,
'txt_note': userLastname,
'txt_phone': userMobile,
'txt_password': userPass
};
console.log("sendSubmitRegister txt_email : ", dataSend);
GAEAPI.post("ui/api/ui_customer_box/customer/register", dataSend).then(function(output) {
console.log("sendSubmitRegister register : ", output);
if (output.ok == 1) {
$inregisterPopupTypeSirikhu.close();
$inregisterPopupTypeSirikhu.helper.pageUnLoad();
$inregisterPopupTypeSirikhu.helper.registerDone();
GAEAPI.get('customer/logout', {}).then(function(output_logout) {
if (output_logout.ok == 1) {
UiCustomerBox.apiGetCustomerData(function() {});
}
});
} else {
$inregisterPopupTypeSirikhu.helper.pageUnLoad();
alert("Register ผิดพลาด! กรุณาลองใหม่อีกครั้ง");
}
});
});
});
});
/* loading */
};
/* sendSubmitRegister */
/* viewPassword */
$inregisterPopupTypeSirikhu.viewPassword = function(elementId) {
var e = $("#" + elementId);
var t = e.attr('type');
if (t === 'password') {
e.attr('type', 'text');
} else {
e.attr('type', 'password');
}
};
$inregisterPopupTypeSirikhu.resetViewPassword = function(elementId) {
var e = $("#" + elementId);
var t = e.attr('type');
e.attr('type', 'password');
};
/* viewPassword */
$inregisterPopupTypeSirikhu.host = function() {
if (window.location.href.indexOf('localhost') !== -1) {
return 'https://missmonribs.getappeasy.com/store/api/v1/';
}
return GURL.base_api_url();
}
/* Open */
var timerAdjustOpen = 0;
$inregisterPopupTypeSirikhu.isOpen = false;
$inregisterPopupTypeSirikhu.open = function() {
$inregisterPopupTypeSirikhu.resetViewPassword('register-password-v1');
$inregisterPopupTypeSirikhu.validateRegister().reset();
$(".register_overlay").addClass("is_open");
$('html').css({
'overflow-y': 'scroll',
'overflow': 'hidden'
});
$('body').css({
'overflow': 'auto',
'position': 'unset'
});
timerAdjustOpen = setTimeout(function() {
$(".register.from_background").addClass("is_open");
}, 100);
$inregisterPopupTypeSirikhu.getLocation(2, 231, 1, 100, '', '', function(dataLocation) {
console.log("$inregisterPopupTypeSirikhu : open : dataLocation : ", dataLocation);
for (var i = 0; i < dataLocation.length; i++) {
console.log("2 $inregisterPopupTypeSirikhu : open : for : dataLocation[" + i + "] : ", dataLocation[i]);
$('#register-province-v1').append('');
}
});
$(document).keypress(function(e) {
var keycode = (e.keyCode ? e.keyCode : e.which);
if (keycode == '13') {
$inregisterPopupTypeSirikhu.submitRegister();
}
});
};
/* Open */
/* Close */
$inregisterPopupTypeSirikhu.close = function() {
$(".register_overlay").removeClass("is_open");
$(".register.from_background").removeClass("is_open");
$('html').css({
'overflow-y': 'unset',
'overflow': 'unset'
});
$('body').css({
'overflow': 'auto',
'position': 'relative'
});
};
/* Close */
/* shake */
$inregisterPopupTypeSirikhu.shake = function() {
$(".register.from_background.is_open").addClass('shake');
timerAdjustOpen = setTimeout(function() {
$(".register.from_background.is_open").removeClass('shake');
}, 100);
}
/* shake */
/* login */
$inregisterPopupTypeSirikhu.login = function() {
$inregisterPopupTypeSirikhu.close();
$inregisterPopupTypeSirikhu.helper.registerUnDone();
$inloginPopupTypeSirikhu.open();
}
/* login */
/* toHome */
$inregisterPopupTypeSirikhu.toHome = function() {
$inregisterPopupTypeSirikhu.helper.registerUnDone();
window.location.href = 'home';
};
/* toHome */_ui_share_app.factory('$componentSearchProduct', function componentSearchProduct($routeParams, $timeout) {
return
});_ui_share_app.directive('componentSearchProductGrip', function($rootScope, $routeParams, $location) {
var templateName = 'componentSearchProductGrip';
var componentMain = 'componentSearchProduct';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
databutton: '@databutton',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {};
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.thirdPartyApi = 'extensions/devsource/dev.sugarfree/dealer/api.gripautobiz.php';
$scope.tireCharacteristics = [{
type: "size_width",
title: "หน้ายาง",
dataSend: {
'type': 'size_width',
},
select: "",
dataArray: []
}, {
type: "size_series",
title: "ซีรี่ส์ยาง",
dataSend: {
'type': 'size_series',
'size_width': ""
},
select: "",
dataArray: []
}, {
type: "size_diameter",
title: "ขนาดกะทะล้อ",
dataSend: {
'type': 'size_diameter',
'size_width': "",
'size_series': ""
},
select: "",
dataArray: []
}];
$scope.getDataArray = function() {
var getFunction = {
consoleLog: function(name, data) {
var log = false;
if (log) {
console.log(name, data);
}
},
changeSelectApi: function(number) {
var _self = this;
_self.getParams($scope.tireCharacteristics[number].dataSend, function(params) {
_self.consoleLog("changeSelectApi : params : ", params);
_self.getDataApi($scope.thirdPartyApi, params, function(output) {
_self.consoleLog("changeSelectApi : getDataApi : output : ", output);
$scope.$apply(function() {
$scope.tireCharacteristics[number].dataArray = output.data;
});
});
});
},
changeSelect: function(number) {
var _self = this;
_self.consoleLog("changeSelect : ", number);
if (number == 1) {
for (var i = 0; i < 2; i++) {
$scope.tireCharacteristics[number + i].select = "";
$scope.tireCharacteristics[number + i].dataArray = [];
}
$scope.tireCharacteristics[number].dataSend = {
'type': 'size_series',
'size_width': $scope.tireCharacteristics[number - 1].select
};
if ($scope.tireCharacteristics[number - 1].select != "") {
_self.changeSelectApi(number);
}
} else if (number == 2) {
for (var i = 0; i < 1; i++) {
$scope.tireCharacteristics[number + i].select = "";
$scope.tireCharacteristics[number + i].dataArray = [];
}
$scope.tireCharacteristics[number].dataSend = {
'type': 'size_diameter',
'size_width': $scope.tireCharacteristics[number - 2].select,
'size_series': $scope.tireCharacteristics[number - 1].select
};
if ($scope.tireCharacteristics[number - 2].select != "" && $scope.tireCharacteristics[number - 1].select != "") {
_self.changeSelectApi(number);
}
}
},
getParams: function(dataSend, callback) {
var params = {
params: dataSend
};
callback(params);
},
getDataApi: function(api, params, callback) {
GAEAPI.directNativeAjax(api, params).then(function(output) {
callback(output);
});
},
main: function() {
var _self = this;
_self.getParams($scope.tireCharacteristics[0].dataSend, function(params) {
_self.consoleLog("getParams : params : ", params);
_self.getDataApi($scope.thirdPartyApi, params, function(output) {
_self.consoleLog("getParams : getDataApi : output : ", output);
$scope.$apply(function() {
$scope.tireCharacteristics[0].dataArray = output.data;
});
});
});
},
windowLocationUrl: function(url) {
if ($scope.tireCharacteristics[0].select != "" && $scope.tireCharacteristics[1].select != "" && $scope.tireCharacteristics[2].select != "") {
var strHref = 'search-products/';
strHref += $scope.tireCharacteristics[0].select + "-" + $scope.tireCharacteristics[1].select + "-" + $scope.tireCharacteristics[2].select;
/* strHref += '?base_shop_name=gripautobiz'; */
$location.url(strHref).replace();
}
}
}
return getFunction;
};
$scope.getDataArray().main();
};
return promise;
});_ui_share_app.directive('componentSearchProductsGrip', function($rootScope, $routeParams, $location) {
var templateName = 'componentSearchProductsGrip';
var componentMain = 'componentSearchProduct';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
mini: '@mini',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {};
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.thirdPartyApi = 'extensions/devsource/dev.sugarfree/dealer/api.gripautobiz.php';
/* search */
$scope.search = "";
$scope.tireCharacteristics = [{
type: "size_width",
title: "หน้ายาง",
dataSend: {
'type': 'size_width',
},
select: "",
dataArray: []
}, {
type: "size_series",
title: "ซีรี่ส์ยาง",
dataSend: {
'type': 'size_series',
'size_width': ""
},
select: "",
dataArray: []
}, {
type: "size_diameter",
title: "ขนาดกะทะล้อ",
dataSend: {
'type': 'size_diameter',
'size_width': "",
'size_series': ""
},
select: "",
dataArray: []
}];
$scope.brand = [{
api: "referral/lists",
title: "ยี่ห้อยาง",
dataSend: {
'txt_referral_type_id': "12",
'cur_page': "1",
'per_page': "150",
'txt_sortby': 'referral_name_z-a',
'skip_cache': '1'
},
select: "",
selectB: "",
dataArray: []
}];
/* search */
/* product */
$scope.renderTxtFilterResult = "";
$scope.dataArray = [];
$scope.dataArrayState = {
load: false,
done: false
};
$scope.dataSendProduct = {
dataSend: {
'type': 'filter_product',
'search_type': "size",
'size_width': "",
'size_series': "",
'size_diameter': "",
'per_page': 10,
'page': 1,
'filter': "",
'no_zero': "1"
},
dataPage: []
};
/* product */
$scope.getDataArray = function() {
var getFunction = {
consoleLog: function(name, data) {
var log = true;
if (log) {
console.log(name, data);
}
},
windowLocationUrl: function(url) {
if ($scope.tireCharacteristics[0].select != "" && $scope.tireCharacteristics[1].select != "" && $scope.tireCharacteristics[2].select != "") {
var strHref = 'search-products/';
strHref += $scope.tireCharacteristics[0].select + "-" + $scope.tireCharacteristics[1].select + "-" + $scope.tireCharacteristics[2].select + "-" + $scope.brand[0].select;
$location.url(strHref).replace();
}
},
stateData: function(loadIn, doneIn) {
var state = {
load: loadIn,
done: doneIn
};
return state;
},
changeSelectApi: function(number) {
var _self = this;
_self.getParams($scope.tireCharacteristics[number].dataSend, function(params) {
_self.consoleLog("changeSelectApi : params : ", params);
_self.getDataApi($scope.thirdPartyApi, params, function(output) {
_self.consoleLog("changeSelectApi : getDataApi : output : ", output);
$scope.$apply(function() {
$scope.tireCharacteristics[number].dataArray = output.data;
});
});
});
},
resetSelect: function(array, number) {
var _self = this;
for (var i = 0; i < array; i++) {
_self.consoleLog("resetSelect : for : i : ", number + i);
_self.consoleLog("resetSelect : for : $scope.tireCharacteristics : ", $scope.tireCharacteristics[number + i]);
$scope.tireCharacteristics[number + i].select = "";
$scope.tireCharacteristics[number + i].dataArray = [];
}
},
changeSelect: function(number, from) {
var _self = this;
_self.consoleLog("changeSelect : ", number);
if (number == 1) {
if (from == 'html') {
_self.resetSelect(2, number);
}
$scope.tireCharacteristics[number].dataSend = {
'type': 'size_series',
'size_width': $scope.tireCharacteristics[number - 1].select
};
if ($scope.tireCharacteristics[number - 1].select != "") {
_self.changeSelectApi(number);
}
} else if (number == 2) {
if (from == 'html') {
_self.resetSelect(1, number);
}
$scope.tireCharacteristics[number].dataSend = {
'type': 'size_diameter',
'size_width': $scope.tireCharacteristics[number - 2].select,
'size_series': $scope.tireCharacteristics[number - 1].select
};
if ($scope.tireCharacteristics[number - 2].select != "" && $scope.tireCharacteristics[number - 1].select != "") {
_self.changeSelectApi(number);
}
}
},
getDataSend: function(search, callback) {
var _self = this;
_self.getSearchArray(0, function(size_width) {
_self.consoleLog("getDataSend : size_width : ", size_width);
_self.getSearchArray(1, function(size_series) {
_self.consoleLog("getDataSend : size_series : ", size_series);
_self.getSearchArray(2, function(size_diameter) {
_self.consoleLog("getDataSend : size_diameter : ", size_diameter);
_self.checkFormatSizeDiameter(size_diameter, function(size_diameter) {
_self.consoleLog("getDataSend : checkFormatSizeDiameter : size_diameter : ", size_diameter);
var dataSend = {
'type': 'filter_product',
'search_type': "size",
'size_width': size_width,
'size_series': size_series,
'size_diameter': size_diameter,
'brand_id': $scope.brand[0].select,
'per_page': 10,
'page': (typeof _self.getSearch().page !== 'undefined' && typeof _self.getSearch().page !== '') ? parseInt(_self.getSearch().page) : 1,
'filter': "",
'no_zero': "1"
}
callback(dataSend);
});
});
});
});
},
getParams: function(dataSend, callback) {
var params = {
params: dataSend
};
callback(params);
},
getDataApi: function(api, params, callback) {
GAEAPI.directNativeAjax(api, params).then(function(output) {
callback(output);
});
},
getSearch: function() {
var params = $routeParams;
return params;
},
getSearchArray: function(number, callback) {
var params = $routeParams;
var search = params.search.split('-');
callback((typeof search[number] !== 'undefined') ? search[number] : '')
},
checkFormat: function(input, callback) {
var returnText = input.replace(/\?/g, " ").replace(/\&/g, " ").replace(/\#/g, " ").replace(/\-/g, " ").replace(/\!/g, " ").replace(/\*/g, " ").replace(/\:/g, " ").replace(/ /g, " ");
callback(returnText);
},
checkFormatSizeDiameter: function(input, callback) {
var returnText = input.replace(/\R/g, "");
callback(returnText);
},
renderFilterResultNumber: function(currentPage, totalItems, totalThisRequest) {
var i = 1;
var m = 10;
if (currentPage > 1) {
i = (currentPage - 1) + "1";
m = parseInt(i) + (totalThisRequest - 1);
}
$scope.renderTxtFilterResult = "ผลลัพธ์ " + i + "-" + m + " จาก " + totalItems + " รายการ ";
},
getPageArray: function(dataInput, per_page) {
console.log('getPageArray : dataInput : ', dataInput);
var pages = parseInt(dataInput.data.total_items) / per_page;
console.log('getPageArray : pages : ', pages);
for (var i = 0; pages > i; i++) {
$scope.dataSendProduct.dataPage.push(i + 1);
}
},
getApi: function(api, dataSend, callback) {
GAEAPI.get(api, dataSend, $scope).then(function(output) {
callback(output);
});
},
checkProcess: function(product_id) {
return (UiCart.delegate.product.isSelected(product_id)) ? 'ดูรถเข็น' : 'สั่งซื้อสินค้า';
},
checkDataButton: function(product_id, data_button) {
var btn = data_button;
var useSecondary = (btn.indexOf('econdary') != -1) ? true : false;
var color = (!useSecondary) ? 'primary_darkest' : 'secondary_darkest';
return (UiCart.delegate.product.isSelected(product_id)) ? color : '';
},
locationUrl: function(product_id, title) {
return (UiCart.delegate.product.isSelected(product_id)) ? $location.url('viewcart').replace() : $location.url('product-detail/' + product_id + '-' + $scope.buildTitleUrl(title)).replace();
},
main: function() {
var _self = this;
_self.checkFormat(_self.getSearch().search, function(returnText) {
_self.consoleLog("checkFormat : returnText : ", returnText);
$scope.search = returnText.split(" ", 3).join(" ");
});
_self.getSearchArray(3, function(brand_select) {
_self.consoleLog("getSearchArray[3] : ", brand_select);
$scope.brand[0].select = brand_select;
$scope.brand[0].selectB = brand_select;
});
for (var i = 0; i < $scope.tireCharacteristics.length; i++) {
_self.consoleLog("getSearchArray : $scope.tireCharacteristics : ", i);
_self.getSearchArray(i, function(search) {
_self.consoleLog("getSearchArray : search : ", search);
$scope.tireCharacteristics[i].select = search;
_self.changeSelect(i, 'js');
});
}
_self.getParams($scope.tireCharacteristics[0].dataSend, function(params) {
_self.consoleLog("getParams : params : ", params);
_self.getDataApi($scope.thirdPartyApi, params, function(output) {
_self.consoleLog("getParams : getDataApi : output : ", output);
$scope.$apply(function() {
$scope.tireCharacteristics[0].dataArray = output.data;
});
});
});
$scope.dataArrayState = _self.stateData(true, false);
_self.getDataSend(_self.getSearch().search, function(dataSend) {
_self.consoleLog("getDataSend : dataSend : ", dataSend);
$scope.dataSendProduct.dataSend = dataSend;
_self.getParams($scope.dataSendProduct.dataSend, function(params) {
_self.consoleLog("getDataSend : getParams : params : ", params);
_self.getDataApi($scope.thirdPartyApi, params, function(output) {
_self.consoleLog("getDataSend : getParams : getDataApi : output : ", output);
$scope.$apply(function() {
$scope.dataArray = output.data.data_lists;
_self.renderFilterResultNumber(1, output.data.total_items, output.data.data_lists.length);
_self.getPageArray(output, $scope.dataSendProduct.dataSend.per_page);
$scope.dataArrayState = _self.stateData(false, true);
});
});
});
});
_self.getApi($scope.brand[0].api, $scope.brand[0].dataSend, function(output) {
_self.consoleLog("getApi : referral/lists : api : ", $scope.brand[0].api);
_self.consoleLog("getApi : referral/lists : dataSend : ", $scope.brand[0].dataSend);
_self.consoleLog("getApi : referral/lists : output : ", output);
$scope.brand[0].dataArray = output.data.dataList;
});
}
}
return getFunction;
};
$scope.setPages = function(input) {
var params = $routeParams;
var path = {
page: params.page,
search: params.search,
};
if (input == 'back') {
if (($scope.cur_page - 1) != 0) {
var strHref = 'search-products/';
strHref += $scope.getDataArray().getSearch().search;
strHref += '?page=' + ($scope.dataSendProduct.dataSend.page - 1);
/* strHref += '&base_shop_name=gripautobiz'; */
$location.url(strHref).replace();
}
} else if (input == 'next') {
if ($scope.dataSendProduct.dataSend.page < $scope.dataSendProduct.dataPage.length) {
var strHref = 'search-products/';
strHref += $scope.getDataArray().getSearch().search;
strHref += '?page=' + ($scope.dataSendProduct.dataSend.page + 1);
/* strHref += '&base_shop_name=gripautobiz'; */
$location.url(strHref).replace();
}
}
};
$scope.buildTitleUrl = function(str) {
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
return s;
};
$scope.getDataArray().main();
};
return promise;
});
_ui_share_app.directive('componentSearchResult', function ($rootScope, $location, $routeParams, shareService) {
var templateName = 'componentSearchResult';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
template: '@template',
};
promise.link = function (scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function ($scope, $timeout, $interval, $q, $window, $http) {
/* template : default */
/* template : default */
/* template : default */
var scope = $scope;
$scope._param = $routeParams.search;
$scope.getTemplate = function () {
return _ui_share_host + templateName + '/template/' + $scope.template + '.html';
};
$scope.findHilightForTires = function (txt) {
var reg = new RegExp($scope.dataQuery, 'i');
var str = txt;
var re = str.replace(reg, '$&');
return re;
};
$scope.continuePage = false;
$scope.assetsPath = 'extensions/themes/assets/';
$scope._uiSearchOnClose = function () {
UiSearchBox.delegate.modal.close();
$scope._uiSearchReset();
};
$scope.$watch('_params', function (newValue, oldValue) {
if (newValue){
// $scope._uiSearchStart(newValue);
// $scope.getDataProduct(newValue)
}
});
var typingTimer = null;
$scope._uiSearchChange = function (modelStr) {
console.log('_uiSearchStart', modelStr.toString().length);
clearTimeout(typingTimer);
typingTimer = setTimeout(function () {
if (modelStr.toString().length >= 3) {
$scope._uiSearchStart(modelStr.toString());
}
}, 1000);
};
$scope._uiSearchReset = function () {
$scope.dataQuery = '';
$scope.dataArray = [];
$scope.dataRequest = 1;
$scope.dataIsLoad = false;
$scope.dataIsDone = false;
};
$scope.pagination_data_custom = {};
$scope.buildPaginationParameterCustom = function (data) {
if (data === false) {
$scope.pagination_data_custom = {};
return;
}
console.log("vm.pagination_data_custom: vm.routeParams", $routeParams, $location.search());
var generateRangeArray = function (total_items, per_page, cur_page) {
console.log("vm.pagination_data_custom : generateRangeArray", total_items, per_page, cur_page);
var returnPageArray = [];
var size = 5;
var totalPage = Math.ceil(total_items / per_page);
var start = cur_page;
if (totalPage <= size) {
for (var i = 0; i < totalPage; i++) {
returnPageArray.push(i + 1);
}
} else {
if (start <= size) {
for (var i = 0; i < size; i++) {
returnPageArray.push(i + 1);
}
} else {
if (start >= 1) {
var maxPage = (start - 1) + size;
} else {
var maxPage = start + size;
}
if (maxPage >= totalPage) {
maxPage = totalPage;
start = (maxPage - size) + 1;
}
for (var i = start - 1; i < maxPage; i++) {
returnPageArray.push(i + 1);
}
}
}
return returnPageArray;
};
$scope.pagination_data_custom.cur_page = parseInt(data.cur_page);
$scope.pagination_data_custom.per_page = parseInt(data.per_page);
$scope.pagination_data_custom.result_rows = parseInt(data.dataList.length);
$scope.pagination_data_custom.total_rows = parseInt(data.total_rows);
$scope.pagination_data_custom.max_page = Math.ceil($scope.pagination_data_custom.total_rows / $scope.pagination_data_custom.per_page);
$scope.pagination_data_custom.prev_page = parseInt($scope.pagination_data_custom.cur_page - 1);
$scope.pagination_data_custom.next_page = parseInt($scope.pagination_data_custom.cur_page + 1);
$scope.pagination_data_custom.page_array = generateRangeArray($scope.pagination_data_custom.total_rows, $scope.pagination_data_custom.per_page, $scope.pagination_data_custom.cur_page);
console.log('vm.pagination_data_custom', $scope.pagination_data_custom);
};
$scope.referral_support = {
relation:[],
relation_txt_array:[],
id:[]
};
$scope.buildReferralSupportData = function(referralId){
console.log("buildReferralSupportData",referralId);
var dataSend = {
'txt_referral_id': referralId
};
$http.get(GURL.base_api_url() +'referral/id',{params:dataSend}).then(function(e){
var res = e.data;
if(res.ok == 1){
$scope.referral_support.id[0] = res.data;
}
});
$http.get(GURL.base_api_url() +'referral/relation',{params:dataSend}).then(function(e){
var res = e.data;
if(res.ok == 1){
$scope.referral_support.relation = res.data;
for(var i = 0; i < res.data.length; i++){
$scope.referral_support.relation_txt_array.push(res.data[i].referral_name);
}
}
});
};
$scope.dataQuery = (typeof $routeParams.query !== 'undefined' && $routeParams.query !== '') ? $routeParams.query : '';
$scope.dataArray = [];
$scope.dataRequest = (typeof $routeParams.page !== 'undefined' && $routeParams.page !== '') ? $routeParams.page : '';
;
$scope.dataIsLoad = false;
$scope.dataIsDone = false;
$scope.dataLastQuery = '';
$scope._uiSearchStart = function (queryString) {
var filterJson = {
'badge_id_array':[18],
'search': $scope.dataQuery
};
var dataSend = {
cur_page: $scope.dataRequest,
per_page: 10,
txt_sortby: 'product_lastest_create',
txt_filter_json: JSON.stringify(filterJson)
};
$scope.dataIsLoad = true;
$scope.dataIsDone = false;
$http.get(GURL.base_api_url() + 'product/lists', {params: dataSend}).then(function (e) {
var res = e.data;
$scope.dataIsLoad = false;
$scope.dataIsDone = true;
$scope.dataTotalPage = Math.ceil(res.data.total_rows / 10);
$scope.dataTotalList = res.data.total_rows;
console.log('_uiSearchStart', dataSend, res);
if (res.data.dataList.length > 0) {
if ($scope.dataArray.length > 0 && dataSend.page != 1) {
var curData = $scope.dataArray;
$scope.dataArray = curData.concat(res.data.dataList);
} else {
$scope.dataArray = res.data.dataList;
}
$scope.dataLastQuery = $scope.dataQuery;
}
$scope.buildPaginationParameterCustom(res.data);
});
};
if ($scope.type == 'default') {
$scope._uiSearchStart($scope.dataQuery);
}
$scope._uiSearchLoadMore = function () {
if ($scope.dataLastQuery == $scope.dataQuery) {
$scope.dataRequest++;
} else {
$scope.dataRequest = 1;
}
$scope._uiSearchStart($scope.dataQuery);
};
$scope._uiSearchContinueCheck = function () {
$.get(GURL.base_url() + "search-result", function (data) {
var dataStr = data.toLowerCase();
if (dataStr.indexOf('not found!') === -1) {
$scope.continuePage = true;
} else {
$scope.continuePage = false;
}
});
};
$scope._uiSearchContinue = function () {
$.get(GURL.base_url() + "search-result", function (data) {
var dataStr = data.toLowerCase();
if (dataStr.indexOf('not') !== -1 && dataStr.indexOf('found') !== -1) {
$scope._uiSearchOnClose();
window.location.href = GURL.base_url() + "search-result?page=1&per_page=10&query=" + $scope.dataLastQuery;
}
});
};
$scope.buildFilterUrl = function (exceptionalKey) {
var a = '';
angular.forEach($routeParams, function (item, key) {
if (key !== 'page' && key !== exceptionalKey)
a += "&" + key + "=" + item;
});
return a;
};
$scope.routeFilterPage = function (pageNumber) {
return window.location.href = 'search-result?page=' + pageNumber + $scope.buildFilterUrl();
};
/* template : first */
/* template : first */
/* template : first */
function removeValueInArray(arr) {
var what, a = arguments, L = a.length, ax;
while (L > 1 && arr.length) {
what = a[--L];
while ((ax = arr.indexOf(what)) !== -1) {
arr.splice(ax, 1);
}
}
return arr;
}
/* view route params */
$scope.viewRouteParams = function () {
return $routeParams || false;
};
/* filter price */
$scope.rangeConfig = {
min: 0,
max: 100000
};
if ($scope.template == 'first') {
/* init jqueryui slider (require juqery ui js,css) */
$timeout(function () {
console.log("changeRangePrice : -1");
$('div#slider-range').slider({
range: true,
min: 0,
max: 100000,
step: 500,
values: [0, 10000],
slide: function (event, ui) {
$scope.$apply(function () {
$scope.rangeConfig.min = parseInt(ui.values[0]);
$scope.rangeConfig.max = parseInt(ui.values[1]);
});
}
});
}, 1000);
};
/* filter Sort */
$scope.filterSortData = $scope.viewRouteParams().sort || 'product_lastest_create';
$scope.changeFilterSortData = function (m) {
$scope.filterSortData = m;
$timeout(function () {
$scope.pathChange();
}, 300);
};
/* filter perpage */
$scope.filterPerPageData = $scope.viewRouteParams().perpage || $scope.viewRouteParams().per_page || '12';
$scope.changefilterPerPageData = function (m) {
$scope.filterPerPageData = m;
$timeout(function () {
$scope.pathChange();
}, 300);
};
/* filter by */
$scope.filter_new = (typeof $scope.viewRouteParams().badge !== 'undefined' && $scope.viewRouteParams().badge.indexOf(72) !== -1) ? true : false;
$scope.filter_rec = (typeof $scope.viewRouteParams().badge !== 'undefined' && $scope.viewRouteParams().badge.indexOf(74) !== -1) ? true : false;
$scope.filter_best = (typeof $scope.viewRouteParams().badge !== 'undefined' && $scope.viewRouteParams().badge.indexOf(75) !== -1) ? true : false;
$scope.filter_fea = (typeof $scope.viewRouteParams().badge !== 'undefined' && $scope.viewRouteParams().badge.indexOf(16) !== -1) ? true : false;
$scope.filterByData = [];
$scope.changeLeftFilterBy = function (isChecked, badgeId) {
console.log("changeLeftFilterBy: filter_new", $scope.filter_new);
console.log("changeLeftFilterBy: filter_rec", $scope.filter_rec);
console.log("changeLeftFilterBy: filter_best", $scope.filter_best);
console.log("changeLeftFilterBy: filter_fea", $scope.filter_fea);
$timeout(function () {
$scope.pathChange();
}, 300);
};
$scope.checkFilterBy = function (v) {};
$scope.doFilterBy = function (isChecked, badgeId) {};
/* Filter by Category */
$scope.filter_category = 0;
$scope.filterCat = $scope.viewRouteParams().referral_id || 0;
$scope.doCategoryChange = function (isChecked, refId) {
/*$scope.filter_category = what;*/
$scope.filterCat = refId;
$timeout(function () {
$scope.pathChange();
}, 300);
};
/* Filter by brand */
$scope.filter_brand = [];
$scope.doBrandClick = function (index, isChecked, id) {
var refId = parseInt(id);
if (isChecked) {
if ($scope.filter_brand.indexOf(refId) == -1) {
$scope.filter_brand.push(refId);
}
} else {
var pos = $scope.filter_brand.indexOf(refId);
$scope.filter_brand.splice(pos, 1);
}
console.log("$scope.filter_brand : doBrandClick", isChecked, $scope.filter_brand);
$timeout(function () {
$scope.pathChange();
}, 300);
};
$scope.doBrandCheck = function (id) {
var refId = parseInt(id);
if ($scope.filter_brand.indexOf(refId) == -1) {
return false;
} else {
return true;
}
};
$scope.doBrandChange = function (isChecked, id) {
console.log("$scope.filter_brand : doBrandChange", isChecked, id);
$scope.doBrandClick(0, isChecked, id);
};
$scope.doBrandSingleClick = function (isChecked, id) {
console.log("$scope.filter_brand : doBrandSingleClick", isChecked, id);
if (isChecked == undefined || isChecked == false || !isChecked) {
var refId = parseInt(id);
var pos = $scope.filter_brand.indexOf(refId);
$scope.filter_brand.splice(pos, 1);
$timeout(function () {
$scope.pathChange();
}, 300);
}
};
/* Get data category
* @return array
*/
$scope.data_category_parent = false;
$scope.data_category_parent_done = false;
$scope.getDataCategoryParent = function () {
var d = {
'txt_referral_id': $scope.viewRouteParams().root_id,
};
GAEAPI.get('referral/id', d).then(function (e) {
if (e.ok == 1) {
$scope.data_category_parent = e.data;
}
$scope.data_category_parent_done = true;
});
};
/* Get data category
* @return array
*/
$scope.data_category = [];
$scope.data_category_done = false;
$scope.getDataCategory = function () {
if ($scope.data_category.length <= 0) {
var d = {
'txt_referral_type_id': 11,
'txt_parent_id': (typeof $routeParams.root_id != 'undefined' && $routeParams.root_id != '') ? $routeParams.root_id : 0,
'txt_sortby': 'referral_name_a-z',
};
GAEAPI.get('referral/map', d).then(function (e) {
if (e.ok == 1) {
$scope.data_category = e.data;
}
$scope.data_category_done = true;
});
}
};
/* Get data brand
* @return array
*/
$scope.data_brand = [];
$scope.data_brand_done = false;
$scope.getDataBrand = function () {
if ($scope.data_brand.length <= 0) {
var d = {
'txt_referral_type_id': 12,
'txt_sortby': 'referral_name_a-z',
};
GAEAPI.get('referral/map', d).then(function (e) {
if (e.ok == 1) {
$scope.data_brand = e.data;
}
$scope.data_brand_done = true;
});
}
};
/* Load More */
$scope.loadMore_is_load = false;
$scope.loadMore = function () {
$scope.fetchTime++;
$scope.loadMore_is_load = true;
$timeout(function () {
$scope.getDataProduct();
}, 300);
};
/* get data product */
$scope.data_product = [];
$scope.data_product_done = false;
$scope.fetchTime = 1;
$scope.getDataProduct = function () {
var dupplicateRemove = function (curArray, valueToCheck) {
console.log("dupplicateRemove", curArray);
/*return r;*/
var r = [];
for (var i = 0; i < curArray.length; i++) {
if (typeof curArray[i] !== 'undefined' && curArray[i].indexOf(valueToCheck) == -1) {
r.push(curArray[i]);
}
}
r.push(valueToCheck);
return r;
};
var json_filter = {
badge_id_array: ["18"]
};
/* Check Parent */
if (typeof $routeParams.referral_id !== 'undefined' && $routeParams.referral_id != '') {
/* check if array */
var refArray = $routeParams.referral_id.split(',');
json_filter.referral_id_array = ($routeParams.referral_id.indexOf(',') != -1 && refArray.length > 0) ? refArray : [$routeParams.referral_id];
}
/* check badge */
if (typeof $routeParams.badge !== 'undefined' && $routeParams.badge != '') {
if ($routeParams.badge.indexOf(',') != -1) {
var badgeArray = $routeParams.badge.split(',');
var oldBadge = json_filter.badge_id_array;
var newBadge = oldBadge.concat(badgeArray);
json_filter.badge_id_array = dupplicateRemove(newBadge, "18");
} else {
}
}
/* check other refferal */
if (typeof $routeParams.referral_array !== 'undefined' && $routeParams.referral_array != '') {
var refOArray = $routeParams.referral_array.split(',');
if ($routeParams.referral_array.indexOf(',') != -1 && refOArray.length > 0) {
json_filter.referral_id_array_in = refOArray;
} else {
json_filter.referral_id_array_in = [refOArray];
}
}
/* check sort */
if (typeof $routeParams.referral_array !== 'undefined' && $routeParams.referral_array != '') {
var refOArray = $routeParams.referral_array.split(',');
if ($routeParams.referral_array.indexOf(',') != -1 && refOArray.length > 0) {
json_filter.referral_id_array_in = refOArray;
} else {
json_filter.referral_id_array_in = [refOArray];
}
}
/* check search query */
if (typeof $routeParams.query !== 'undefined' && $routeParams.query != '') {
json_filter.search = $routeParams.query;
}
if (typeof $routeParams.search !== 'undefined' && $routeParams.search != '') {
json_filter.search = $routeParams.search;
}
/* check tags */
if (typeof $routeParams.tags !== 'undefined' && $routeParams.tags != '') {
json_filter.tags = $routeParams.tags;
}
var dataSend = {
/*'cur_page': $scope.fetchTime,*/
'cur_page': (typeof $routeParams.page !== 'undefined' && $routeParams.page != '') ? $routeParams.page : 1,
'per_page': $scope.filterPerPageData || 10,
'txt_sortby': $scope.filterSortData,
'txt_filter_json': JSON.stringify(json_filter),
};
GAEAPI.get('product/lists', dataSend).then(function (e) {
console.log("getDataProduct: dataSend", dataSend);
console.log("getDataProduct: e", e);
$scope.data_product_done = true;
if (e.ok == 1 && e.data.dataList.length) {
if ($scope.data_product.length) {
var curData = $scope.data_product;
$scope.data_product = curData.concat(e.data.dataList);
} else {
$scope.data_product = e.data.dataList;
}
} else if (!e.data.dataList.length) {
}
if ($scope.fetchTime > 1) {
$scope.loadMore_is_load = false;
}
$scope.buildPaginationParameterCustom(e.data);
$scope.changeRangePrice();
/* check referral id */
if(typeof $routeParams.referral_id !== 'undefined' && $routeParams.referral_id !== '' && $routeParams.referral_id != 0){
$scope.buildReferralSupportData($routeParams.referral_id);
}
});
};
$scope.viewType = 'grid'; /* list / grid */
/* change min and max price by current data */
$scope.changeRangePrice = function () {
if (!$scope.data_product.length) {
return;
}
function getMinOfArray(numArray) {
return Math.min.apply(null, numArray);
}
function getMaxOfArray(numArray) {
return Math.max.apply(null, numArray);
}
var p = [];
angular.forEach($scope.data_product, function (item, key) {
this.push(parseInt(item.product_price));
}, p);
console.log("changeRangePrice : 0", p, $('div#slider-range').hasClass('ui-slider'));
if ($('div#slider-range').hasClass('ui-slider')) {
$scope.rangeConfig.min = getMinOfArray(p);
$scope.rangeConfig.max = getMaxOfArray(p);
$('div#slider-range').slider("option", "min", getMinOfArray(p));
$('div#slider-range').slider("option", "max", getMaxOfArray(p));
console.log("changeRangePrice : 1", $scope.rangeConfig);
}
};
/* Check if seo enable */
$scope.checkSeo = function () {
return (GURL.isHtml5Mode()) ? true : false;
};
/* check referral from url */
$scope.checkRef = function (id) {
if (typeof $routeParams.referral_array !== 'undefined' && $routeParams.referral_array !== '') {
if ($routeParams.referral_array.indexOf(id) !== -1) {
return true;
}
}
return false;
};
/* string split */
$scope.stringDisplay = function (string, search, what) {
return string.replace(search, what);
};
/* return qty of product */
$scope.viewQuantity = function (productIdStr) {
return parseInt($('input[data-id="' + productIdStr + '"]').val()) || 1;
};
/* display badge id by string
* @params {strBadge} string badge
* @return string name
*/
$scope.displayBadgeIdByString = function (strBadge) {
switch (strBadge) {
case 'New Arrival':
return 72;
break;
case 'Recommend':
return 74;
break;
case 'Best Seller':
return 75;
break;
case 'Featured':
return 16;
break;
case 'Feature':
return 16;
break;
}
};
/* display string by badge id
* @params {strBadge} string badge
* @return string name
*/
$scope.displayBadgeStringByBadgeId = function (id) {
var badgeIdInt = parseInt(id);
switch (badgeIdInt) {
case 72:
return 'New Arrival';
break;
case 74:
return 'Recommend';
break;
case 75:
return 'Best Seller';
break;
case 16:
return 'Featured';
break;
case 16:
return 'Feature';
break;
}
};
$scope.pathChange = function () {
var buildBadge = function () {
var r = [18];
if ($scope.filter_new) {
r.push(72);
}
if ($scope.filter_rec) {
r.push(74);
}
if ($scope.filter_best) {
r.push(75);
}
if ($scope.filter_fea) {
r.push(16);
}
return r;
};
var buildOtherReferral = function () {};
var badgeIdArray = buildBadge();
/*var otherReferralArray = buildOtherReferral();*/
var path = {
root_id: $scope.viewRouteParams().root_id, /* parent category of this category */
referral_id: ($scope.filterCat != 0) ? $scope.filterCat : $scope.viewRouteParams().referral_id, /* product in this category/filter cat */
referral_name: $scope.viewRouteParams().referral_name, /* category name of this category */
badge: badgeIdArray, /* new arrival, recommend, best seller, featured product */
sort: $scope.filterSortData, /* sortby */
perpage: $scope.filterPerPageData,
referral_array: $scope.filter_brand,
};
var strHref = 'search-result';
if (typeof path.root_id !== 'undefined' && path.root_id !== "") {
strHref += '?root_id=' + path.root_id;
} else {
delete path.root_id; /*strHref += '?root_id=0';*/
}
if (typeof path.referral_id !== 'undefined' && path.referral_id !== "") {
strHref += '&referral_id=' + path.referral_id;
} else {
delete path.referral_id;
}
if (typeof path.referral_name !== 'undefined' && path.referral_name !== "") {
strHref += '&referral_name=' + path.referral_name;
} else {
delete path.referral_name;
}
if (typeof path.badge !== 'undefined' && path.badge !== "") {
strHref += '&badge=' + path.badge.join(",").toString();
} else {
delete path.badge;
}
if (typeof path.sort !== 'undefined' && path.sort !== "") {
strHref += '&sort=' + path.sort;
} else {
delete path.sort;
}
if (typeof path.perpage !== 'undefined' && path.perpage !== "") {
strHref += '&perpage=' + path.perpage;
} else {
delete path.perpage;
}
if (typeof path.referral_array !== 'undefined' && path.referral_array.length > 0) {
strHref += '&referral_array=' + path.referral_array.join(",").toString();
} else {
delete path.referral_array;
}
if (typeof $routeParams.query !== 'undefined' && $routeParams.query !== '') {
strHref += '&query=' + $routeParams.query;
}
/*console.log("pathChange", path);
console.log("pathChange: strHref", strHref);*/
if (strHref.indexOf("result?") == -1) {
strHref = strHref.replace("search-result&", "search-result?");
}
$location.url(strHref).replace();
$scope.$apply();
};
$scope.buildParamsBadge = function () {
if (typeof $scope.viewRouteParams().badge !== 'undefined' && $scope.viewRouteParams().badge != "") {
$scope.filterByData = [];
if ($scope.viewRouteParams().badge.indexOf(',') == -1) {
return;
}
var a = $scope.viewRouteParams().badge.split(",");
for (var i = 0; i < a.length; i++) {
var id = parseInt(a[i]);
switch (id) {
case 72:
if (!$scope.filter_new) {
$scope.filter_new = true;
}
break;
case 74:
if (!$scope.filter_rec) {
$scope.filter_rec = true;
}
break;
case 75:
if (!$scope.filter_best) {
$scope.filter_best = true;
}
break;
case 16:
if (!$scope.filter_fea) {
$scope.filter_fea = true;
}
break;
}
}
}
};
$scope.buildParamsBrand = function () {
if (typeof $scope.viewRouteParams().referral_array !== 'undefined' && $scope.viewRouteParams().referral_array != "") {
$scope.filter_brand = [];
if ($scope.viewRouteParams().referral_array.indexOf(',') == -1) {
var idSingle = parseInt($scope.viewRouteParams().referral_array);
if ($scope.filter_brand.indexOf(idSingle) == -1) {
$scope.filter_brand.push(idSingle);
}
console.log("buildParamsBrand: single ", $scope.filter_brand);
} else {
var a = $scope.viewRouteParams().referral_array.split(",");
if (a.length) {
for (var i = 0; i < a.length; i++) {
var idMultiple = parseInt(a[i]);
if ($scope.filter_brand.indexOf(idMultiple) == -1) {
$scope.filter_brand.push(idMultiple);
}
console.log("buildParamsBrand: idMultiple ", idMultiple, $scope.filter_brand);
}
}
}
}
console.log("buildParamsBrand params", $scope.viewRouteParams().referral_array);
console.log("buildParamsBrand: filter_brand", $scope.filter_brand);
};
if ($scope.template === 'first' || $scope.template === 'first-lightmax') {
$scope.getDataCategory();
$scope.getDataCategoryParent();
$scope.getDataBrand();
$scope.getDataProduct();
$scope.buildParamsBrand();
}
$rootScope.$on('$routeChangeStart', function (event, current, prev) {
if ($scope.data_product_done && $scope.data_product.length) {
$scope.data_product_done = false;
$scope.data_product = [];
}
});
$rootScope.$on('$routeChangeSuccess', function (event, current, prev) {
$scope.buildParamsBadge();
$scope.buildParamsBrand();
if (!$scope.data_product_done && !$scope.data_product.length) {
$timeout(function () {
$scope.getDataProduct();
}, 100);
}
});
/* Event Listener: referral/map */
$scope.display_category_data = [];
$scope.display_category_data_done = false;
/* get data from parent app */
if (shareService.get('referralMap') !== false) {
$scope.display_category_data = shareService.get('referralMap');
$scope.display_category_data_done = true;
console.log("referralMap", $scope.display_category_data);
} else {
console.log("referralMap : failed", $scope.display_category_data);
GAEAPI.get('referral/map', {txt_referral_type_id: 11}, $scope).then(function (e) {
console.log("referralMap : request api", e.data);
if (e.ok == 1) {
$scope.display_category_data = e.data;
$scope.display_category_data_done = true;
}
});
}
};
return promise;
});
_ui_share_app.directive('componentSendMailPageA', function ($rootScope, $routeParams) {
var templateName = 'componentSendMailPageA';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
texthead: '@texthead',
imgpath: '@imgpath',
contact: '@contact',
stylebutton: '@stylebutton',
fontcolor: '@fontcolor',
};
promise.link = function (scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function ($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.stylebutton = (typeof $scope.stylebutton !== 'undefined') ? $scope.stylebutton : 'filled_button_small';
$scope.shopname = "";
$scope.shopCurrent = [];
$scope.getShopCurrent = function() {
GAEAPI.get('shop/current', [], $scope).then(function(e) {
if (e.ok === 1) {
$scope.shopname = e.data.shop_name;
$scope.contact_email = e.data.shop_extend_data.contact_email;
}
});
};
$scope.getShopCurrent();
/* Form Params */
$scope.input_name = "";
$scope.input_name_valid = false;
$scope.input_email = "";
$scope.input_email_valid = false;
$scope.input_line_id = "";
$scope.input_line_id_valid = false;
// $scope.input_message = "";
// $scope.input_message_valid = false;
// $scope.input_topic = "";
// $scope.input_topic_valid = false;
$scope.input_number = "";
$scope.input_number_valid = false;
/* Watch Value */
$scope.$watch('input_name', function(newValue, oldValue) {
if (!newValue || newValue === "") {
$scope.input_name_valid = false;
return;
}
$scope.input_name_valid = true;
});
$scope.$watch('input_number', function(newValue, oldValue) {
if (!newValue || newValue === "") {
$scope.input_number_valid = false;
return;
}
$scope.input_number_valid = true;
});
$scope.$watch('input_email', function(newValue, oldValue) {
if (!newValue || newValue === "") {
$scope.input_email_valid = false;
return;
}
if ($scope.isEmail(newValue)) {
$scope.input_email_valid = true;
} else {
$scope.input_email_valid = false;
}
});
$scope.$watch('input_line_id', function(newValue, oldValue) {
if (!newValue || newValue === "") {
$scope.input_line_id_valid = false;
return;
}
if ($scope.isEmail(newValue)) {
$scope.input_line_id_valid = true;
} else {
$scope.input_line_id_valid = false;
}
});
/*
$scope.$watch('input_topic', function(newValue, oldValue) {
if (!newValue || newValue === "") {
$scope.input_topic_valid = false;
return;
}
if ($scope.isEmail(newValue)) {
$scope.input_topic_valid = true;
} else {
$scope.input_topic_valid = false;
}
});
$scope.$watch('input_message', function(newValue, oldValue) {
if (!newValue || newValue === "") {
$scope.input_message_valid = false;
return;
}
$scope.input_message_valid = true;
}); */
/* Submit Data */
$scope.runTest = false;
$scope.form_submit = function($event) {
var submit = true;
$scope.runTest = true;
$($event.currentTarget).closest('form').find('[required]').each(function() {
if ($(this).val() == '') {
$(this).closest('.form_block').find('.after').addClass('error');
$(this).closest('.form_block').find('.round').addClass('error');
submit = false;
} else {
$(this).closest('.form-group').find('span').removeClass('error');
}
});
var isPass = false;
if ($scope.isEmail($('#contact_form input[name="input_email"]').val())) {
isPass = true;
} else {
// alert("กรุณากรอกอีเมลของท่านให้ถูกต้อง");
}
if (!($scope.isEmail($('#contact_form input[name="input_email"]').val()))) {
$("[name='input_email']").addClass('error');
} else {
$("[name='input_email']").removeClass('error');
}
if ($scope.shopname !== "" && $scope.contact_email !== "" && submit && isPass) {
angular.element('#contact_form').hide();
angular.element('.contact_wait').show();
var formData = new FormData($('#contact_form')[0]);
formData.append('input_owner_name', $scope.shopname);
formData.append('input_owner_contact', $scope.contact_email);
console.log("pass!", formData , $scope.shopname ,$scope.contact_email);
$.ajax({
url: _ui_share_host + '../sendgrid/send-email_npd.php',
method: 'POST',
data: formData,
cache: false,
contentType: false,
processData: false,
success: function(data, textStatus, jqXHR) {
setTimeout(function() {
angular.element('.contact_wait').hide();
angular.element('.contact_error').hide();
angular.element('.contact_success').show();
}, 2000);
$scope.input_name = "";
$scope.input_name_valid = false;
$scope.input_email = "";
$scope.input_email_valid = false;
$scope.input_line_id = "";
$scope.input_line_id_valid = false;
// $scope.input_message = "";
// $scope.input_message_valid = false;
// $scope.input_topic = "";
// $scope.input_topic_valid = false;
$scope.input_number = "";
$scope.input_number_valid = false;
$scope.runTest = false;
if (data == 1) {
/* window.location.href = 'job-done';
alert('ส่งข้อมูลเรียบร้อยแล้ว');*/
console.log("send_email", data);
} else {
/*alert("error");*/
console.log("send_email", data);
}
},
error: function(jqXHR, textStatus, errorThrown) {
setTimeout(function() {
angular.element('.contact_wait').hide();
angular.element('.contact_success').hide();
angular.element('.contact_error').show();
}, 2000);
$scope.input_name = "";
$scope.input_name_valid = false;
$scope.input_email = "";
$scope.input_email_valid = false;
$scope.input_line_id = "";
$scope.input_line_id_valid = false;
// $scope.input_message = "";
// $scope.input_message_valid = false;
// $scope.input_topic = "";
// $scope.input_topic_valid = false;
$scope.input_number = "";
$scope.input_number_valid = false;
$scope.runTest = false;
}
});
} else {
return;
}
};
/* Valid Email */
$scope.isEmail = function(inputString) {
var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return re.test(inputString);
};
$scope.showDebug = function() {
return (typeof $routeParams.debugcontact !== 'undefined') ? true : false;
};
};
return promise;
});
_ui_share_app.factory('$componentShopBranch', function componentShopBranch($routeParams, $timeout) {
return
});_ui_share_app.directive('componentShopBranchDetailA', function($rootScope, $routeParams) {
var templateName = 'componentShopBranchDetailA';
var componentMain = 'componentShopBranch';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {};
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.map = {
zoom: "15",
positionLat: "0",
positionLng: "0",
centerLat: "0",
centerLng: "0.008"
};
$scope.dataShopBranchId = [];
$scope.dataShopBranchIdMobilePhone = [];
$scope.getShopBranchIdState = {
load: true,
done: false
};
$scope.googleMap = function() {
var map = {
initMap: function(mapId, zoom, positionLat, positionLng, centerLat, centerLng, infoId, dataShopBranchId) {
var _self = this;
map = new google.maps.Map(document.getElementById(mapId), {
zoom: parseFloat(zoom),
center: new google.maps.LatLng(parseFloat(positionLat) - parseFloat(centerLat), parseFloat(positionLng) - parseFloat(centerLng)),
mapTypeId: 'roadmap'
});
var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/';
var icons = {
info: {
name: 'info',
icon: 'https://image.getappeasy.com/src/images/2000/1242/0874/242874t1538392679.png'
}
};
var features = [{
position: new google.maps.LatLng(parseFloat(positionLat), parseFloat(positionLng)),
type: 'info'
}];
features.forEach(function(feature) {
var marker = new google.maps.Marker({
position: feature.position,
icon: icons[feature.type].icon,
map: map
});
});
_self.innerHTML(infoId, dataShopBranchId);
},
innerHTML: function(infoId, dataShopBranchId) {
var info = document.getElementById(infoId);
/*var cover_branch = document.createElement('div');
cover_branch.className = "cover_branch";*/
/*var icon = document.createElement('img');
icon.className = "icon";
icon.src = dataShopBranchId.shop_branch_primary_image[0].image_url;*/
/*cover_branch.appendChild(icon);
info.appendChild(cover_branch);*/
map.controls[google.maps.ControlPosition.LEFT_TOP].push(info);
}
}
return map;
};
$scope.getBranch = function() {
var branch = {
stateData: function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
},
viewRouteParams: function(callback) {
var branch_id = (typeof $routeParams.branch_id !== 'undefined' && typeof $routeParams.branch_id !== '') ? parseInt($routeParams.branch_id) : 0;
if (branch_id != 0) {
callback(branch_id);
} else {
callback(branch_id);
}
},
getShopBranchId: function(shop_branch_id, callback) {
var dataSend = {
'txt_shop_branch_id': shop_branch_id
};
// console.log('getShopBranchId : dataSend : ', dataSend);
GAEAPI.get('shop_branch/id', dataSend).then(function(output) {
// console.log('getShopBranchId : output : ', output);
callback(output);
});
},
mobilePhone: function(mobile_phone, callback) {
var mobile_phone_array = [];
if (mobile_phone.length > 0) {
mobile_phone_array = mobile_phone.split(",");
}
callback(mobile_phone_array);
},
displayTelCode: function(telString) {
if (telString != 'undefined') {
if (telString.indexOf("-")) {
var a = telString.split("-");
var b = a.join("").trim();
} else {
var b = telString.trim();
}
return b.substr(1, b.length);
} else {
return 0;
}
},
branchMapLocation: function(shop_branch_map_location_array, callback) {
var lat = "0";
var lng = "0";
if (shop_branch_map_location_array.length != 0) {
lat = shop_branch_map_location_array[0].lat;
lng = shop_branch_map_location_array[0].lng;
}
callback(lat, lng);
},
linkMap: function() {
var link = 'https://www.google.co.th/maps?q=' + $scope.map.positionLat + ',' + $scope.map.positionLng;
window.open(link, '_blank');
},
displayDayByIndex: function(i) {
switch (parseInt(i)) {
case 1:
return 'อาทิตย์';
break;
case 2:
return 'จันทร์';
break;
case 3:
return 'อังคาร';
break;
case 4:
return 'พุธ';
break;
case 5:
return 'พฤหัสบดี';
break;
case 6:
return 'ศุกร์';
break;
case 7:
return 'เสาร์';
break;
default:
return '-';
break;
}
},
main: function() {
var _self = this;
$scope.getShopBranchIdState = _self.stateData(true, false);
_self.viewRouteParams(function(branch_id) {
// console.log('branch_id : ', branch_id);
_self.getShopBranchId(branch_id, function(output) {
$scope.dataShopBranchId = output.data;
_self.branchMapLocation(output.data.shop_branch_map_location_array, function(lat, lng) {
$scope.map.positionLat = lat;
$scope.map.positionLng = lng;
});
_self.mobilePhone(output.data.shop_branch_address.address_extend_data.mobile_phone, function(mobile_phone_array) {
$scope.dataShopBranchIdMobilePhone = mobile_phone_array;
});
$scope.getShopBranchIdState = _self.stateData(false, true);
var myLocationTimer = setInterval(function() {
window.clearInterval(myLocationTimer);
$scope.googleMap().initMap('map', $scope.map.zoom, $scope.map.positionLat, $scope.map.positionLng, $scope.map.centerLat, $scope.map.centerLng, 'branch_info', $scope.dataShopBranchId);
}, 500);
});
});
}
}
return branch;
};
$scope.getBranch().main();
};
return promise;
});_ui_share_app.directive('componentShopBranchListsA', function($rootScope, $routeParams) {
var templateName = 'componentShopBranchListsA';
var componentMain = 'componentShopBranch';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
mini: '@mini',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {};
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.dataPage = [];
$scope.cur_page = 1;
$scope.per_page = (typeof $scope.mini !== 'undefined' && typeof $scope.mini !== '') ? parseInt($scope.mini) : 10;
$scope.dataShopBranchLists = [];
$scope.getShopBranchListsState = {
load: true,
done: false
};
$scope.getBranch = function() {
var branch = {
getPage: function(callback) {
var params = $routeParams;
$scope.cur_page = (typeof params.page !== 'undefined' && typeof params.page !== '') ? parseInt(params.page) : 1;
callback(params);
},
stateData: function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
},
getShopBranchLists: function(cur_page, per_page, callback) {
var filter_json = {};
var dataSend = {
'cur_page': cur_page,
'per_page': per_page,
'txt_filter_json': JSON.stringify(filter_json)
};
// console.log('getShopBranchLists : dataSend : ', dataSend);
GAEAPI.get('shop_branch/lists', dataSend).then(function(output) {
// console.log('getShopBranchLists : output : ', output);
callback(output);
});
},
getPageArray: function(dataInput, per_page) {
// console.log('getPageArray : dataInput : ', dataInput);
var pages = dataInput.data.total_rows / per_page;
// console.log('getPageArray : pages : ', pages);
for (var i = 0; pages > i; i++) {
$scope.dataPage.push(i + 1);
}
},
main: function() {
var _self = this;
$scope.getShopBranchListsState = _self.stateData(true, false);
_self.getPage(function(params) {
_self.getShopBranchLists($scope.cur_page, $scope.per_page, function(output) {
_self.getPageArray(output, $scope.per_page);
$scope.dataShopBranchLists = output.data.dataList;
$scope.getShopBranchListsState = _self.stateData(false, true);
})
});
}
}
return branch;
};
$scope.getBranch().main();
};
return promise;
});_ui_share_app.directive('componentShopBranchListsB', function($rootScope, $routeParams) {
var templateName = 'componentShopBranchListsB';
var componentMain = 'componentShopBranch';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
mini: '@mini',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {};
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.dataPage = [];
$scope.cur_page = 1;
$scope.per_page = (typeof $scope.mini !== 'undefined' && typeof $scope.mini !== '') ? parseInt($scope.mini) : 10;
$scope.urlgooglemap = [];
$scope.urllinkmap = [];
$scope.dataShopBranchLists = [];
$scope.getShopBranchListsState = {
load: true,
done: false
};
$scope.getBranch = function() {
var branch = {
getPage: function(callback) {
var params = $routeParams;
$scope.cur_page = (typeof params.page !== 'undefined' && typeof params.page !== '') ? parseInt(params.page) : 1;
callback(params);
},
stateData: function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
},
getShopBranchLists: function(cur_page, per_page, callback) {
var filter_json = {};
var dataSend = {
'cur_page': cur_page,
'per_page': per_page,
'txt_filter_json': JSON.stringify(filter_json)
};
// console.log('getShopBranchLists : dataSend : ', dataSend);
GAEAPI.get('shop_branch/lists', dataSend).then(function(output) {
// console.log('getShopBranchLists : output : ', output);
callback(output);
});
},
getPageArray: function(dataInput, per_page) {
// console.log('getPageArray : dataInput : ', dataInput);
var pages = dataInput.data.total_rows / per_page;
// console.log('getPageArray : pages : ', pages);
for (var i = 0; pages > i; i++) {
$scope.dataPage.push(i + 1);
}
},
placeNo: function(i, lat, lng) {
$scope.urlgooglemap[i] = 'https://www.google.com/maps/embed/v1/place?q=' + lat + ',' + lng + '&key=AIzaSyDmUd9xXtDofVnrsSv8L7TENnBZYvW7V18';
},
pulllinkMap: function(i, lat, lng) {
$scope.urllinkmap[i] = 'https://www.google.co.th/maps?q=' + lat + ',' + lng;
},
displayTelCode: function(telString) {
if (telString != 'undefined') {
if (telString.indexOf("-")) {
var a = telString.split("-");
var b = a.join("").trim();
} else {
var b = telString.trim();
}
return b.substr(1, b.length);
} else {
return 0;
}
},
linkMap: function(i) {
var link = $scope.urllinkmap[i];
window.open(link, '_blank');
},
main: function() {
var _self = this;
$scope.getShopBranchListsState = _self.stateData(true, false);
_self.getPage(function(params) {
_self.getShopBranchLists($scope.cur_page, $scope.per_page, function(output) {
_self.getPageArray(output, $scope.per_page);
$scope.dataShopBranchLists = output.data.dataList;
for (var i = 0; i < $scope.dataShopBranchLists.length; i++) {
_self.placeNo(i, $scope.dataShopBranchLists[i].shop_branch_map_location_array[0].lat, $scope.dataShopBranchLists[i].shop_branch_map_location_array[0].lng);
_self.pulllinkMap(i, $scope.dataShopBranchLists[i].shop_branch_map_location_array[0].lat, $scope.dataShopBranchLists[i].shop_branch_map_location_array[0].lng);
}
$scope.getShopBranchListsState = _self.stateData(false, true);
})
});
}
}
return branch;
};
$scope.getBranch().main();
};
return promise;
});_ui_share_app.factory('$componentShopDealer', function componentShopDealer($routeParams, $timeout) {
return
});_ui_share_app.directive('componentShopDealerDetailA', function($rootScope, $routeParams) {
var templateName = 'componentShopDealerDetailA';
var componentMain = 'componentShopDealer';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
key: '@key',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {};
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.map = {
zoom: "15",
positionLat: "0",
positionLng: "0",
centerLat: "0",
centerLng: "0.008",
innerHTML: ""
};
$scope.dataShopDealerId = [];
$scope.dataShopDealerIdMobilePhone = [];
$scope.getShopDealerIdState = {
load: true,
done: false
};
var w = angular.element($window);
$scope.getWindowDimensions = function() {
return {
'h': w.height(),
'w': w.width()
};
};
w.bind('resize', function() {
$scope.$apply();
});
$scope.$watch($scope.getWindowDimensions, function(newValue, oldValue) {
$scope.windowHeight = newValue.h;
$scope.windowWidth = newValue.w;
var viewMap = ($scope.windowWidth > 991) ? "0.008" : "0";
if ($scope.map.centerLng != viewMap) {
$scope.map.centerLng = viewMap;
$scope.getDealer().main();
}
}, true);
$scope.googleMap = function() {
var map = {
loadScript: function(key, callback) {
var file_url = 'https://maps.googleapis.com/maps/api/js?key=' + key + '&v=3.31';
jQuery.ajax({
url: file_url,
dataType: 'script',
success: callback,
async: true
});
},
initMap: function(mapId, zoom, positionLat, positionLng, centerLat, centerLng, infoId, dataShopBranchId) {
var _self = this;
map = new google.maps.Map(document.getElementById(mapId), {
zoom: parseFloat(zoom),
center: new google.maps.LatLng(parseFloat(positionLat) - parseFloat(centerLat), parseFloat(positionLng) - parseFloat(centerLng)),
mapTypeId: 'roadmap'
});
var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/';
var icons = {
info: {
name: 'info',
icon: 'https://image.getappeasy.com/src/images/2000/1242/0874/242874t1538392679.png'
}
};
var features = [{
position: new google.maps.LatLng(parseFloat(positionLat), parseFloat(positionLng)),
type: 'info'
}];
features.forEach(function(feature) {
var marker = new google.maps.Marker({
position: feature.position,
icon: icons[feature.type].icon,
map: map
});
});
_self.innerHTML(infoId, dataShopBranchId);
},
innerHTML: function(infoId, dataShopBranchId) {
var info = document.getElementById(infoId);
if ($scope.map.innerHTML == "") {
$scope.map.innerHTML = info;
}
map.controls[google.maps.ControlPosition.LEFT_TOP].push($scope.map.innerHTML);
}
}
return map;
};
$scope.getDealer = function() {
var dealer = {
stateData: function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
},
viewRouteParams: function(callback) {
var dealer_id = (typeof $routeParams.dealer_id !== 'undefined' && typeof $routeParams.dealer_id !== '') ? parseInt($routeParams.dealer_id) : 0;
if (dealer_id != 0) {
callback(dealer_id);
} else {
callback(dealer_id);
}
},
getShopDealerId: function(shop_dealer_id, callback) {
var thirdPartyApi = 'extensions/devsource/dev.sugarfree/dealer/api.gripautobiz.php';
var dataSend = {
'type': 'dealer_id',
'shop_id': 762,
'dealer_id': shop_dealer_id
};
GAEAPI.directNativeAjax(thirdPartyApi, {
params: dataSend
}).then(function(output) {
callback(output);
});
},
mobilePhone: function(mobile_phone, callback) {
var mobile_phone_array = [];
if (mobile_phone.length > 0) {
mobile_phone_array = mobile_phone.split(",");
}
callback(mobile_phone_array);
},
displayTelCode: function(telString) {
if (telString != 'undefined') {
if (telString.indexOf("-")) {
var a = telString.split("-");
var b = a.join("").trim();
} else {
var b = telString.trim();
}
return b.substr(1, b.length);
} else {
return 0;
}
},
branchMapLocation: function(staff_map_location_array, callback) {
var lat = "0";
var lng = "0";
lat = (typeof staff_map_location_array.lat !== 'undefined' && typeof staff_map_location_array.lat !== '') ? staff_map_location_array.lat : 0;;
lng = (typeof staff_map_location_array.lng !== 'undefined' && typeof staff_map_location_array.lng !== '') ? staff_map_location_array.lng : 0;;
callback(lat, lng);
},
linkMap: function() {
var link = 'https://www.google.co.th/maps?q=' + $scope.map.positionLat + ',' + $scope.map.positionLng;
window.open(link, '_blank');
},
displayDayByIndex: function(i) {
switch (parseInt(i)) {
case 1:
return 'อาทิตย์';
break;
case 2:
return 'จันทร์';
break;
case 3:
return 'อังคาร';
break;
case 4:
return 'พุธ';
break;
case 5:
return 'พฤหัสบดี';
break;
case 6:
return 'ศุกร์';
break;
case 7:
return 'เสาร์';
break;
default:
return '-';
break;
}
},
main: function() {
var _self = this;
$scope.getShopBranchIdState = _self.stateData(true, false);
_self.viewRouteParams(function(dealer_id) {
/* console.log('dealer_id : ', dealer_id); */
_self.getShopDealerId(dealer_id, function(output) {
$scope.$apply(function() {
console.log("getShopDealerId : output : ", output);
$scope.dataShopDealerId = output.data;
if (output.data[0].dealer_staff_data.length != 0) {
_self.branchMapLocation(output.data[0].dealer_staff_data[0].staff_map_location_array[0], function(lat, lng) {
$scope.map.positionLat = lat;
$scope.map.positionLng = lng;
});
_self.mobilePhone(output.data[0].dealer_staff_data[0].staff_mobile_phone, function(mobile_phone_array) {
$scope.dataShopBranchIdMobilePhone = mobile_phone_array;
});
$scope.getShopDealerIdState = _self.stateData(false, true);
var myLocationTimer = setInterval(function() {
window.clearInterval(myLocationTimer);
$scope.googleMap().loadScript($scope.key, function() {
$scope.googleMap().initMap('map', $scope.map.zoom, $scope.map.positionLat, $scope.map.positionLng, $scope.map.centerLat, $scope.map.centerLng, 'branch_info', $scope.dataShopBranchId);
});
}, 500);
}
});
});
});
}
}
return dealer;
};
$scope.getDealer().main();
};
return promise;
});_ui_share_app.directive('componentShopDealerDetailC', function($rootScope, $routeParams) {
var templateName = 'componentShopDealerDetailC';
var componentMain = 'componentShopDealer';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
key: '@key',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {};
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope._icnPath = CUR_THEME.file_url() + '../../assets/';
$scope._component = {
name: "componentShopDealerDetailC",
show: (window.location.hostname == "localhost") ? true : false
};
$scope.getData = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._component.show) {
console.log($scope._component.name, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
getRouteParams: function(callback) {
var _self = this;
var params = $routeParams;
var state = _self.stateData(true, false);
_self.consoleLog("getRouteParams", "params", params);
callback(_self, params, state);
},
getDealerId: function(params, callback) {
var _self = this;
var dealer_id = (params.dealer_id != undefined) ? parseInt(params.dealer_id.split("-", 1).join("")) : false;
_self.consoleLog("getDealerId", "dealer_id", dealer_id);
callback(dealer_id);
},
formatDataSend: function(data, callback) {
var _self = this;
_self.consoleLog("formatDataSend", "data", data);
callback(data);
},
stateData: function(load, done) {
var _self = this;
var state = {
load: load,
done: done
};
_self.consoleLog("stateData", "state", state);
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("dataSend", "api", api);
_self.consoleLog("dataSend", "dataSend", dataSend);
callback(api, dataSend);
},
checkGetApi: function(resApi, callback) {
var _self = this;
var ok = false;
if (resApi.ok == 1) {
ok = true;
}
_self.consoleLog("checkGetApi", "ok", ok);
callback(ok);
},
getApi: function(api, dataSend, callback) {
var _self = this;
var state = _self.stateData(true, false);
GAEAPI.get(api, dataSend, $scope).then(function(res_api) {
_self.consoleLog("getApi", "res_api", res_api);
_self.checkGetApi(res_api, function(res_ok) {
_self.consoleLog("getApi", "res_ok", res_ok);
state = _self.stateData(false, true);
_self.consoleLog("checkGetApi", "state", state);
callback(res_ok, res_api, state);
})
});
},
directNativeAjaxApi: function(api, dataSend, callback) {
var _self = this;
var state = _self.stateData(true, false);
GAEAPI.directNativeAjax(api, dataSend).then(function(res_api) {
_self.consoleLog("directNativeAjaxApi", "res_api", res_api);
state = _self.stateData(false, true);
_self.consoleLog("directNativeAjaxApi", "state", state);
callback(res_api, state);
});
},
getIframe: function(lat, lng, callback) {
var src_lat_lng = 'https://www.google.co.th/maps?q=' + lat + ',' + lng + '&output=embed&hl=th-TH';
var callback_url = (lat != '0' && lng != '0') ? src_lat_lng : '';
callback(callback_url);
},
getNameUrl: function(name, callback) {
var _self = this;
name = name.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
_self.consoleLog("getNameUrl", "name", name);
callback(name);
},
main: function() {
var _self = this;
}
}
return getFunction;
};
$scope.data_api = {
dealer_id: {
data_send: {},
api: "extensions/devsource/dev.sugarfree/dealer/api.vono.php",
ok: false,
data_array: [],
data_array_state: {
load: false,
done: false
}
}
};
$scope.getData().getRouteParams(function(_self, params, state) {
$scope.data_api.dealer_id.data_array_state = state;
_self.getDealerId(params, function(res_dealer_id) {
_self.formatDataSend($scope.data_api.dealer_id, function(res_data) {
var data_send = {
'type': 'dealer_id',
'shop_id': 792,
'dealer_id': res_dealer_id
};
var data_params = {
params: data_send
};
res_data.data_send = data_params;
_self.dataSend(res_data.api, res_data.data_send, function(res_api, res_data_send) {
_self.directNativeAjaxApi(res_api, res_data_send, function(res_api, res_state) {
res_data.data_array = res_api.data;
angular.forEach(res_data.data_array, function(item, index) {
_self.getIframe(item.dealer_lat, item.dealer_lng, function(res_iframe_src) {
res_data.data_array[index].iframe_src = res_iframe_src;
});
});
res_data.data_array_state = res_state;
_self.consoleLog("getApiData", "res_data", res_data);
});
});
});
});
});
};
return promise;
});_ui_share_app.directive('componentShopDealerDetailCa', function($rootScope, $routeParams) {
var templateName = 'componentShopDealerDetailCa';
var componentMain = 'componentShopDealer';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
key: '@key',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {};
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope._icnPath = CUR_THEME.file_url() + '../../assets/';
$scope._component = {
name: "componentShopDealerDetailCa",
show: (window.location.hostname == "localhost") ? true : false
};
$scope.getData = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._component.show) {
console.log($scope._component.name, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
getRouteParams: function(callback) {
var _self = this;
var params = $routeParams;
var state = _self.stateData(true, false);
_self.consoleLog("getRouteParams", "params", params);
callback(_self, params, state);
},
getDealerId: function(params, callback) {
var _self = this;
var dealer_id = (params.dealer_id != undefined) ? parseInt(params.dealer_id.split("-", 1).join("")) : false;
_self.consoleLog("getDealerId", "dealer_id", dealer_id);
callback(dealer_id);
},
formatDataSend: function(data, callback) {
var _self = this;
_self.consoleLog("formatDataSend", "data", data);
callback(data);
},
stateData: function(load, done) {
var _self = this;
var state = {
load: load,
done: done
};
_self.consoleLog("stateData", "state", state);
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("dataSend", "api", api);
_self.consoleLog("dataSend", "dataSend", dataSend);
callback(api, dataSend);
},
checkGetApi: function(resApi, callback) {
var _self = this;
var ok = false;
if (resApi.ok == 1) {
ok = true;
}
_self.consoleLog("checkGetApi", "ok", ok);
callback(ok);
},
getApi: function(api, dataSend, callback) {
var _self = this;
var state = _self.stateData(true, false);
GAEAPI.get(api, dataSend, $scope).then(function(res_api) {
_self.consoleLog("getApi", "res_api", res_api);
_self.checkGetApi(res_api, function(res_ok) {
_self.consoleLog("getApi", "res_ok", res_ok);
state = _self.stateData(false, true);
_self.consoleLog("checkGetApi", "state", state);
callback(res_ok, res_api, state);
})
});
},
directNativeAjaxApi: function(api, dataSend, callback) {
var _self = this;
var state = _self.stateData(true, false);
GAEAPI.directNativeAjax(api, dataSend).then(function(res_api) {
_self.consoleLog("directNativeAjaxApi", "res_api", res_api);
state = _self.stateData(false, true);
_self.consoleLog("directNativeAjaxApi", "state", state);
callback(res_api, state);
});
},
getIframe: function(lat, lng, callback) {
var src_lat_lng = 'https://www.google.co.th/maps?q=' + lat + ',' + lng + '&output=embed&hl=th-TH';
var callback_url = (lat != '0' && lng != '0') ? src_lat_lng : '';
callback(callback_url);
},
getNameUrl: function(name, callback) {
var _self = this;
name = name.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
_self.consoleLog("getNameUrl", "name", name);
callback(name);
},
main: function() {
var _self = this;
}
}
return getFunction;
};
$scope.data_api = {
dealer_id: {
data_send: {},
api: "extensions/devsource/dev.sugarfree/dealer/api.starrynite.php",
ok: false,
data_array: [],
data_array_state: {
load: false,
done: false
}
}
};
$scope.getData().getRouteParams(function(_self, params, state) {
$scope.data_api.dealer_id.data_array_state = state;
_self.getDealerId(params, function(res_dealer_id) {
_self.formatDataSend($scope.data_api.dealer_id, function(res_data) {
var data_send = {
'type': 'dealer_id',
'shop_id': 793,
'dealer_id': res_dealer_id
};
var data_params = {
params: data_send
};
res_data.data_send = data_params;
_self.dataSend(res_data.api, res_data.data_send, function(res_api, res_data_send) {
_self.directNativeAjaxApi(res_api, res_data_send, function(res_api, res_state) {
res_data.data_array = res_api.data;
angular.forEach(res_data.data_array, function(item, index) {
_self.getIframe(item.dealer_lat, item.dealer_lng, function(res_iframe_src) {
res_data.data_array[index].iframe_src = res_iframe_src;
});
});
res_data.data_array_state = res_state;
_self.consoleLog("getApiData", "res_data", res_data);
});
});
});
});
});
};
return promise;
});_ui_share_app.directive('componentShopDealerDetailCb', function($rootScope, $routeParams) {
var templateName = 'componentShopDealerDetailCb';
var componentMain = 'componentShopDealer';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
key: '@key',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {};
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope._icnPath = CUR_THEME.file_url() + '../../assets/';
$scope._component = {
name: "componentShopDealerDetailCb",
show: (window.location.hostname == "localhost") ? true : false
};
$scope.getData = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._component.show) {
console.log($scope._component.name, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
getRouteParams: function(callback) {
var _self = this;
var params = $routeParams;
var state = _self.stateData(true, false);
_self.consoleLog("getRouteParams", "params", params);
callback(_self, params, state);
},
getDealerId: function(params, callback) {
var _self = this;
var dealer_id = (params.dealer_id != undefined) ? parseInt(params.dealer_id.split("-", 1).join("")) : false;
_self.consoleLog("getDealerId", "dealer_id", dealer_id);
callback(dealer_id);
},
formatDataSend: function(data, callback) {
var _self = this;
_self.consoleLog("formatDataSend", "data", data);
callback(data);
},
stateData: function(load, done) {
var _self = this;
var state = {
load: load,
done: done
};
_self.consoleLog("stateData", "state", state);
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("dataSend", "api", api);
_self.consoleLog("dataSend", "dataSend", dataSend);
callback(api, dataSend);
},
checkGetApi: function(resApi, callback) {
var _self = this;
var ok = false;
if (resApi.ok == 1) {
ok = true;
}
_self.consoleLog("checkGetApi", "ok", ok);
callback(ok);
},
getApi: function(api, dataSend, callback) {
var _self = this;
var state = _self.stateData(true, false);
GAEAPI.get(api, dataSend, $scope).then(function(res_api) {
_self.consoleLog("getApi", "res_api", res_api);
_self.checkGetApi(res_api, function(res_ok) {
_self.consoleLog("getApi", "res_ok", res_ok);
state = _self.stateData(false, true);
_self.consoleLog("checkGetApi", "state", state);
callback(res_ok, res_api, state);
})
});
},
directNativeAjaxApi: function(api, dataSend, callback) {
var _self = this;
var state = _self.stateData(true, false);
GAEAPI.directNativeAjax(api, dataSend).then(function(res_api) {
_self.consoleLog("directNativeAjaxApi", "res_api", res_api);
state = _self.stateData(false, true);
_self.consoleLog("directNativeAjaxApi", "state", state);
callback(res_api, state);
});
},
getIframe: function(lat, lng, callback) {
var src_lat_lng = 'https://www.google.co.th/maps?q=' + lat + ',' + lng + '&output=embed&hl=th-TH';
var callback_url = (lat != '0' && lng != '0') ? src_lat_lng : '';
callback(callback_url);
},
getNameUrl: function(name, callback) {
var _self = this;
name = name.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
_self.consoleLog("getNameUrl", "name", name);
callback(name);
},
getTel: function(number, callback) {
var res_number = "";
if (number != '' && number != undefined) {
if (number.indexOf("-") != -1) {
var number_array = number.split("-");
var number_array_sum = number_array.join("").trim();
res_number = number_array_sum.substr(1, number_array_sum.length);
} else {
res_number = number.substr(1, number.length);
}
}
res_number = "tel:+66" + res_number;
callback(res_number);
},
getMailto: function(email, callback) {
var res_email = "";
res_email = (email != '') ? "mailto:" + email : '';
callback(res_email);
},
main: function() {
var _self = this;
}
}
return getFunction;
};
$scope.data_api = {
dealer_id: {
data_send: {},
api: "extensions/devsource/dev.sugarfree/dealer/api.slumberland.php",
ok: false,
data_array: [],
data_array_state: {
load: false,
done: false
}
}
};
$scope.getData().getRouteParams(function(_self, params, state) {
$scope.data_api.dealer_id.data_array_state = state;
_self.getDealerId(params, function(res_dealer_id) {
_self.formatDataSend($scope.data_api.dealer_id, function(res_data) {
var data_send = {
'type': 'dealer_id',
'shop_id': 801,
'dealer_id': res_dealer_id
};
var data_params = {
params: data_send
};
res_data.data_send = data_params;
_self.dataSend(res_data.api, res_data.data_send, function(res_api, res_data_send) {
_self.directNativeAjaxApi(res_api, res_data_send, function(res_api, res_state) {
res_data.data_array = res_api.data;
angular.forEach(res_data.data_array, function(item, index) {
_self.getTel(item.dealer_phone,function(res_dealer_phone){
item.dealer_phone_url = res_dealer_phone;
});
_self.getTel(item.dealer_mobile_phone,function(res_dealer_mobile_phone){
item.dealer_mobile_phone_url = res_dealer_mobile_phone;
});
_self.getMailto(item.dealer_email,function(res_dealer_email){
item.dealer_email_url = res_dealer_email;
});
_self.getIframe(item.dealer_lat, item.dealer_lng, function(res_iframe_src) {
res_data.data_array[index].iframe_src = res_iframe_src;
});
});
res_data.data_array_state = res_state;
_self.consoleLog("getApiData", "res_data", res_data);
});
});
});
});
});
};
return promise;
});_ui_share_app.directive('componentShopDealerDetailD', function($rootScope, $routeParams) {
var templateName = 'componentShopDealerDetailD';
var componentMain = 'componentShopDealer';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
key: '@key',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {};
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope._icnPath = CUR_THEME.file_url() + '../../assets/';
$scope._component = {
name: "componentShopDealerDetailD",
show: (window.location.hostname == "localhost") ? true : false
};
$scope.getData = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._component.show) {
console.log($scope._component.name, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
getRouteParams: function(callback) {
var _self = this;
var params = $routeParams;
var state = _self.stateData(true, false);
_self.consoleLog("getRouteParams", "params", params);
callback(_self, params, state);
},
getDealerId: function(params, callback) {
var _self = this;
var dealer_id = (params.dealer_id != undefined) ? parseInt(params.dealer_id.split("-", 1).join("")) : false;
_self.consoleLog("getDealerId", "dealer_id", dealer_id);
callback(dealer_id);
},
formatDataSend: function(data, callback) {
var _self = this;
_self.consoleLog("formatDataSend", "data", data);
callback(data);
},
stateData: function(load, done) {
var _self = this;
var state = {
load: load,
done: done
};
_self.consoleLog("stateData", "state", state);
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("dataSend", "api", api);
_self.consoleLog("dataSend", "dataSend", dataSend);
callback(api, dataSend);
},
checkGetApi: function(resApi, callback) {
var _self = this;
var ok = false;
if (resApi.ok == 1) {
ok = true;
}
_self.consoleLog("checkGetApi", "ok", ok);
callback(ok);
},
getApi: function(api, dataSend, callback) {
var _self = this;
var state = _self.stateData(true, false);
GAEAPI.get(api, dataSend, $scope).then(function(res_api) {
_self.consoleLog("getApi", "res_api", res_api);
_self.checkGetApi(res_api, function(res_ok) {
_self.consoleLog("getApi", "res_ok", res_ok);
state = _self.stateData(false, true);
_self.consoleLog("checkGetApi", "state", state);
callback(res_ok, res_api, state);
})
});
},
directNativeAjaxApi: function(api, dataSend, callback) {
var _self = this;
var state = _self.stateData(true, false);
GAEAPI.directNativeAjax(api, dataSend).then(function(res_api) {
_self.consoleLog("directNativeAjaxApi", "res_api", res_api);
state = _self.stateData(false, true);
_self.consoleLog("directNativeAjaxApi", "state", state);
callback(res_api, state);
});
},
getIframe: function(lat, lng, callback) {
var src_lat_lng = 'https://www.google.co.th/maps?q=' + lat + ',' + lng + '&output=embed&hl=th-TH';
var callback_url = (lat != '0' && lng != '0') ? src_lat_lng : '';
callback(callback_url);
},
getNameUrl: function(name, callback) {
var _self = this;
name = name.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
_self.consoleLog("getNameUrl", "name", name);
callback(name);
},
main: function() {
var _self = this;
}
}
return getFunction;
};
$scope.data_api = {
dealer_id: {
data_send: {},
api: "extensions/devsource/dev.sugarfree/dealer/api.starrynite.php",
ok: false,
data_array: [],
data_array_state: {
load: false,
done: false
}
}
};
$scope.getData().getRouteParams(function(_self, params, state) {
$scope.data_api.dealer_id.data_array_state = state;
_self.getDealerId(params, function(res_dealer_id) {
_self.formatDataSend($scope.data_api.dealer_id, function(res_data) {
var data_send = {
'type': 'dealer_id',
'shop_id': 793,
'dealer_id': res_dealer_id
};
var data_params = {
params: data_send
};
res_data.data_send = data_params;
_self.dataSend(res_data.api, res_data.data_send, function(res_api, res_data_send) {
_self.directNativeAjaxApi(res_api, res_data_send, function(res_api, res_state) {
res_data.data_array = res_api.data;
angular.forEach(res_data.data_array, function(item, index) {
_self.getIframe(item.dealer_lat, item.dealer_lng, function(res_iframe_src) {
res_data.data_array[index].iframe_src = res_iframe_src;
});
});
res_data.data_array_state = res_state;
_self.consoleLog("getApiData", "res_data", res_data);
});
});
});
});
});
};
return promise;
});
_ui_share_app.directive('componentShopDealerDetailE', function($rootScope, $routeParams) {
var templateName = 'componentShopDealerDetailE';
var componentMain = 'componentShopDealer';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
key: '@key',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {};
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.map = {
zoom: "14",
positionLat: "0",
positionLng: "0",
centerLat: "0",
centerLng: "0.019",
innerHTML: ""
};
$scope.dataShopDealerId = [];
$scope.dataShopDealerIdMobilePhone = [];
$scope.getShopDealerIdState = {
load: true,
done: false
};
var w = angular.element($window);
$scope.getWindowDimensions = function() {
return {
'h': w.height(),
'w': w.width()
};
};
w.bind('resize', function() {
$scope.$apply();
});
$scope.$watch($scope.getWindowDimensions, function(newValue, oldValue) {
$scope.windowHeight = newValue.h;
$scope.windowWidth = newValue.w;
var viewMap = ($scope.windowWidth > 991) ? $scope.map.centerLng : "0";
if ($scope.map.centerLng != viewMap) {
$scope.map.centerLng = viewMap;
$scope.getDealer().main();
}
}, true);
$scope.googleMap = function() {
var map = {
loadScript: function(key, callback) {
var file_url = 'https://maps.googleapis.com/maps/api/js?key=' + key + '&v=3.31';
jQuery.ajax({
url: file_url,
dataType: 'script',
success: callback,
async: true
});
},
initMap: function(mapId, zoom, positionLat, positionLng, centerLat, centerLng, infoId, dataShopBranchId) {
var _self = this;
map = new google.maps.Map(document.getElementById(mapId), {
zoom: parseFloat(zoom),
center: new google.maps.LatLng(parseFloat(positionLat) - parseFloat(centerLat), parseFloat(positionLng) - parseFloat(centerLng)),
mapTypeId: google.maps.MapTypeId.ROADMAP,
scrollwheel: false,
draggable: true,
styles: [{
"featureType": "all",
"elementType": "labels.text.fill",
"stylers": [{
"saturation": 36
}, {
"color": "#000000"
}, {
"lightness": 40
}]
}, {
"featureType": "all",
"elementType": "labels.text.stroke",
"stylers": [{
"visibility": "on"
}, {
"color": "#000000"
}, {
"lightness": 16
}]
}, {
"featureType": "all",
"elementType": "labels.icon",
"stylers": [{
"visibility": "off"
}]
}, {
"featureType": "administrative",
"elementType": "all",
"stylers": [{
"visibility": "simplified"
}, {
"color": "#ffcd00"
}, {
"saturation": "0"
}, {
"weight": "0.10"
}]
}, {
"featureType": "administrative",
"elementType": "geometry.fill",
"stylers": [{
"color": "#000000"
}, {
"lightness": 20
}]
}, {
"featureType": "administrative",
"elementType": "geometry.stroke",
"stylers": [{
"color": "#000000"
}, {
"lightness": 17
}, {
"weight": 1.2
}]
}, {
"featureType": "landscape",
"elementType": "geometry",
"stylers": [{
"color": "#000000"
}, {
"lightness": 20
}]
}, {
"featureType": "poi",
"elementType": "geometry",
"stylers": [{
"color": "#000000"
}, {
"lightness": 21
}]
}, {
"featureType": "road.highway",
"elementType": "all",
"stylers": [{
"visibility": "simplified"
}, {
"lightness": "24"
}]
}, {
"featureType": "road.highway",
"elementType": "geometry.fill",
"stylers": [{
"color": "#000000"
}, {
"lightness": 17
}]
}, {
"featureType": "road.highway",
"elementType": "geometry.stroke",
"stylers": [{
"color": "#000000"
}, {
"lightness": 29
}, {
"weight": 0.2
}]
}, {
"featureType": "road.arterial",
"elementType": "geometry",
"stylers": [{
"color": "#000000"
}, {
"lightness": "23"
}, {
"gamma": "1.08"
}]
}, {
"featureType": "road.local",
"elementType": "geometry",
"stylers": [{
"color": "#000000"
}, {
"lightness": 16
}]
}, {
"featureType": "transit",
"elementType": "geometry",
"stylers": [{
"color": "#000000"
}, {
"lightness": 19
}]
}, {
"featureType": "water",
"elementType": "geometry",
"stylers": [{
"color": "#404547"
}, {
"lightness": 17
}]
}]
});
var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/';
var pin = $scope.imgPath + 'map-marker-icon-bidyang.png';
var icons = {
info: {
name: 'info',
icon: pin
}
};
var features = [{
position: new google.maps.LatLng(parseFloat(positionLat), parseFloat(positionLng)),
type: 'info'
}];
features.forEach(function(feature) {
var marker = new google.maps.Marker({
position: feature.position,
icon: icons[feature.type].icon,
map: map
});
});
_self.innerHTML(infoId, dataShopBranchId);
},
innerHTML: function(infoId, dataShopBranchId) {
var info = document.getElementById(infoId);
if ($scope.map.innerHTML == "") {
$scope.map.innerHTML = info;
}
map.controls[google.maps.ControlPosition.LEFT_TOP].push($scope.map.innerHTML);
}
}
return map;
};
$scope.getDealer = function() {
var dealer = {
stateData: function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
},
viewRouteParams: function(callback) {
var dealer_id = (typeof $routeParams.dealer_id !== 'undefined' && typeof $routeParams.dealer_id !== '') ? parseInt($routeParams.dealer_id) : 0;
if (dealer_id != 0) {
callback(dealer_id);
} else {
callback(dealer_id);
}
},
getShopDealerId: function(shop_dealer_id, callback) {
var thirdPartyApi = 'extensions/devsource/dev.sugarfree/dealer/api.php';
var dataSend = {
'type': 'dealer_id',
'shop_id': 507,
'dealer_id': shop_dealer_id
};
GAEAPI.directNativeAjax(thirdPartyApi, {
params: dataSend
}).then(function(output) {
callback(output);
});
},
mobilePhone: function(mobile_phone, callback) {
var mobile_phone_array = [];
if (mobile_phone.length > 0) {
mobile_phone_array = mobile_phone.split(",");
}
callback(mobile_phone_array);
},
displayTelCode: function(telString) {
if (telString != 'undefined') {
if (telString.indexOf("-")) {
var a = telString.split("-");
var b = a.join("").trim();
} else {
var b = telString.trim();
}
return b.substr(1, b.length);
} else {
return 0;
}
},
branchMapLocation: function(staff_map_location_array, callback) {
var lat = "0";
var lng = "0";
lat = (typeof staff_map_location_array.lat !== 'undefined' && typeof staff_map_location_array.lat !== '') ? staff_map_location_array.lat : 0;;
lng = (typeof staff_map_location_array.lng !== 'undefined' && typeof staff_map_location_array.lng !== '') ? staff_map_location_array.lng : 0;;
callback(lat, lng);
},
linkMap: function() {
var link = 'https://www.google.co.th/maps?q=' + $scope.map.positionLat + ',' + $scope.map.positionLng;
window.open(link, '_blank');
},
displayDayByIndex: function(i) {
switch (parseInt(i)) {
case 1:
return 'อาทิตย์';
break;
case 2:
return 'จันทร์';
break;
case 3:
return 'อังคาร';
break;
case 4:
return 'พุธ';
break;
case 5:
return 'พฤหัสบดี';
break;
case 6:
return 'ศุกร';
break;
case 7:
return 'เสาร์';
break;
default:
return '-';
break;
}
},
main: function() {
var _self = this;
$scope.getShopBranchIdState = _self.stateData(true, false);
_self.viewRouteParams(function(dealer_id) {
/* console.log('dealer_id : ', dealer_id); */
_self.getShopDealerId(dealer_id, function(output) {
$scope.$apply(function() {
console.log("getShopDealerId : output : ", output);
$scope.dataShopDealerId = output.data;
if (output.data[0].dealer_staff_data.length != 0) {
_self.branchMapLocation(output.data[0].dealer_staff_data[0].staff_map_location_array[0], function(lat, lng) {
$scope.map.positionLat = lat;
$scope.map.positionLng = lng;
});
_self.mobilePhone(output.data[0].dealer_staff_data[0].staff_mobile_phone, function(mobile_phone_array) {
$scope.dataShopBranchIdMobilePhone = mobile_phone_array;
});
$scope.getShopDealerIdState = _self.stateData(false, true);
var myLocationTimer = setInterval(function() {
window.clearInterval(myLocationTimer);
$scope.googleMap().loadScript($scope.key, function() {
$scope.googleMap().initMap('map', $scope.map.zoom, $scope.map.positionLat, $scope.map.positionLng, $scope.map.centerLat, $scope.map.centerLng, 'branch_info', $scope.dataShopBranchId);
});
}, 500);
}
});
});
});
}
}
return dealer;
};
$scope.getDealer().main();
};
return promise;
});
_ui_share_app.directive('componentShopDealerListsA', function($rootScope, $routeParams, metaRender, $location) {
var templateName = 'componentShopDealerListsA';
var componentMain = 'componentShopDealer';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
mini: '@mini',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {};
promise.controller = function($scope, $timeout, $interval, $window, $http) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.dataPage = [];
$scope.cur_page = 1;
$scope.per_page = (typeof $scope.mini !== 'undefined' && typeof $scope.mini !== '') ? parseInt($scope.mini) : 10;
$scope.inputSearch = (typeof $routeParams.search !== 'undefined' && typeof $routeParams.searchs !== '') ? $routeParams.search : "";
$scope.dataShopDealerLists = [];
$scope.map = {
latitude: 0,
longitude: 0
}
$scope.getShopDealerListsState = {
load: true,
done: false
};
$scope.setPages = function(input) {
var params = $routeParams;
var path = {
page: params.page,
search: params.search,
};
if (input == 'back') {
if (($scope.cur_page - 1) != 0) {
var strHref = 'dealer-lists';
strHref += '?page=' + ($scope.cur_page - 1);
strHref += '&search=' + $scope.inputSearch;
strHref += '&base_shop_name=gripautobiz';
$location.url(strHref).replace();
}
} else if (input == 'next') {
if ($scope.cur_page < $scope.dataPage.length) {
var strHref = 'dealer-lists';
strHref += '?page=' + ($scope.cur_page + 1);
strHref += '&search=' + $scope.inputSearch;
strHref += '&base_shop_name=gripautobiz';
$location.url(strHref).replace();
}
}
};
$scope.search = function() {
var params = $routeParams;
var path = {
page: params.page,
search: params.search,
};
// console.log("search : path : ", path);
var strHref = 'dealer-lists';
strHref += '?search=' + $scope.inputSearch;
$location.url(strHref).replace();
};
$scope.getDealer = function() {
var dealer = {
getPage: function(callback) {
var params = $routeParams;
$scope.cur_page = (typeof params.page !== 'undefined' && typeof params.page !== '') ? parseInt(params.page) : 1;
var cur_page = $scope.cur_page;
callback(cur_page);
},
getSearch: function(callback) {
var params = $routeParams;
var search = (typeof params.search !== 'undefined' && typeof params.search !== '') ? params.search : '';
callback(search);
},
stateData: function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
},
getShopDealerLists: function(cur_page, per_page, q, callback) {
var thirdPartyApi = 'extensions/devsource/dev.sugarfree/dealer/api.gripautobiz.php';
var dataSend = {
'type': 'dealer_lists_all',
'shop_id': 762,
'page': cur_page,
'per_page': per_page,
'q': q
};
// console.log("getShopDealerLists : dataSend : ", dataSend);
GAEAPI.directNativeAjax(thirdPartyApi, {
params: dataSend
}).then(function(output) {
callback(output);
});
},
getPageArray: function(dataInput, per_page) {
// console.log('getPageArray : dataInput : ', dataInput);
var pages = parseInt(dataInput.data.total_items) / per_page;
// console.log('getPageArray : pages : ', pages);
for (var i = 0; pages > i; i++) {
$scope.dataPage.push(i + 1);
}
},
distance: function(lat1, lon1, lat2, lon2, unit) {
var radlat1 = Math.PI * lat1 / 180;
var radlat2 = Math.PI * lat2 / 180;
var theta = lon1 - lon2;
var radtheta = Math.PI * theta / 180;
var dist = Math.sin(radlat1) * Math.sin(radlat2) + Math.cos(radlat1) * Math.cos(radlat2) * Math.cos(radtheta);
if (dist > 1) {
dist = 1;
}
dist = Math.acos(dist);
dist = dist * 180 / Math.PI;
dist = dist * 60 * 1.1515;
if (unit == "K") {
dist = dist * 1.609344;
}
if (unit == "N") {
dist = dist * 0.8684;
}
return dist
},
getPushKg: function(callback) {
var _self = this;
var buildLocationArray = [];
/* for (var i = 0; i < $scope.dataShopDealerLists.length; i++) {
if ($scope.dataShopDealerLists[i].dealer_lat != 0 && $scope.dataShopDealerLists[i].dealer_lng != 0) {
buildLocationArray.push({
dealer_email: $scope.dataShopDealerLists[i].dealer_email,
dealer_firstname: $scope.dataShopDealerLists[i].dealer_firstname,
dealer_id: $scope.dataShopDealerLists[i].dealer_id,
dealer_image: $scope.dataShopDealerLists[i].dealer_image,
dealer_lastname: $scope.dataShopDealerLists[i].dealer_lastname,
dealer_lat: $scope.dataShopDealerLists[i].dealer_lat,
dealer_lng: $scope.dataShopDealerLists[i].dealer_lng,
dealer_mobile_phone: $scope.dataShopDealerLists[i].dealer_mobile_phone,
dealer_phone: $scope.dataShopDealerLists[i].dealer_phone,
dealer_title: $scope.dataShopDealerLists[i].dealer_title,
dealer_kg: _self.distance($scope.map.latitude, $scope.map.longitude, $scope.dataShopDealerLists[i].dealer_lat, $scope.dataShopDealerLists[i].dealer_lng, 'K')
});
}
}
callback(buildLocationArray); */
_self.onSearchByNearMe($scope.map.latitude, $scope.map.longitude, function(red) {
/* backup */
/* red.data.dataList.length == 10 */
/* backup */
for (var i = 0; i < 10; i++) {
buildLocationArray.push({
dealer_email: red.data.dataList[i].staff_email,
dealer_firstname: red.data.dataList[i].staff_first_name,
dealer_id: red.data.dataList[i].staff_id,
dealer_image: red.data.dataList[i].staff_primary_image,
dealer_lastname: red.data.dataList[i].staff_last_name,
dealer_lat: 0,
dealer_lng: 0,
dealer_mobile_phone: red.data.dataList[i].staff_mobile_phone,
dealer_phone: red.data.dataList[i].staff_phone,
dealer_title: red.data.dataList[i].staff_first_name,
dealer_kg: red.data.dataList[i].last_distance
});
}
callback(buildLocationArray);
});
/* console.log("getPushKg : buildLocationArray : ", buildLocationArray); */
},
onSearchByNearMe: function(lat, lng, callback) {
var dataSend = {
txt_lat: lat,
txt_lng: lng,
txt_location_id: 0,
txt_shop_id: 762
};
GAEAPI.get('dealer/lists_by_nearby', dataSend, $scope).then(function(res) {
console.log("onSearchByNearMe : dataSend : ", dataSend);
console.log("onSearchByNearMe : res : ", res);
callback(res);
});
},
getDealerListsDistance: function() {
var _self = this;
_self.getSearch(function(search) {
_self.getShopDealerLists(1, 100, search, function(output) {
$scope.$apply(function() {
$scope.dataShopDealerLists = output.data.data_lists;
console.log("getShopDealerLists : dataShopDealerLists : ", $scope.dataShopDealerLists);
_self.getPushKg(function(buildLocationArray) {
$scope.$apply(function() {
$scope.dataShopDealerLists = buildLocationArray;
$scope.getShopDealerListsState = _self.stateData(false, true);
});
});
});
})
});
},
getLocation: function() {
var _self = this;
$scope.dataPage = [];
$scope.getShopDealerListsState = _self.stateData(true, false);
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
$scope.$apply(function() {
// console.log("getLocation : position : ", position);
$scope.map.latitude = position.coords.latitude;
// console.log("getLocation : position : latitude : ", position.coords.latitude);
$scope.map.longitude = position.coords.longitude;
// console.log("getLocation : position : longitude : ", position.coords.longitude);
_self.getDealerListsDistance();
});
});
} else {
alert(" Geolocation is not supported by this browser. ");
}
},
main: function() {
var _self = this;
$scope.getShopDealerListsState = _self.stateData(true, false);
_self.getPage(function(cur_page) {
_self.getSearch(function(search) {
if (search != '') {
_self.getShopDealerLists(cur_page, $scope.per_page, search, function(output) {
$scope.$apply(function() {
_self.getPageArray(output, $scope.per_page);
// console.log("getShopDealerLists : output : ", output);
$scope.dataShopDealerLists = output.data.data_lists;
// console.log("getShopDealerLists : dataShopDealerLists : ", $scope.dataShopDealerLists);
$scope.getShopDealerListsState = _self.stateData(false, true);
});
});
} else {
_self.getLocation();
}
});
});
}
}
return dealer;
};
$scope.getDealer().main();
};
return promise;
});_ui_share_app.directive('componentShopDealerListsB', function($rootScope, $routeParams, $location) {
var templateName = 'componentShopDealerListsB';
var componentMain = 'componentShopDealer';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
mini: '@mini',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {};
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.dataPage = [];
$scope.cur_page = 1;
$scope.per_page = (typeof $scope.mini !== 'undefined' && typeof $scope.mini !== '') ? parseInt($scope.mini) : 10;
$scope.inputSearch = (typeof $routeParams.search !== 'undefined' && typeof $routeParams.searchs !== '') ? $routeParams.search : "";
$scope.dataShopDealerLists = [];
$scope.map = {
latitude: 0,
longitude: 0
}
$scope.getShopDealerListsState = {
load: true,
done: false
};
$scope.setPages = function(input) {
var params = $routeParams;
var path = {
page: params.page,
search: params.search,
};
if (input == 'back') {
if (($scope.cur_page - 1) != 0) {
var strHref = 'dealer-lists';
strHref += '?page=' + ($scope.cur_page - 1);
strHref += '&search=' + $scope.inputSearch;
strHref += '&base_shop_name=gripautobiz';
$location.url(strHref).replace();
}
} else if (input == 'next') {
if ($scope.cur_page < $scope.dataPage.length) {
var strHref = 'dealer-lists';
strHref += '?page=' + ($scope.cur_page + 1);
strHref += '&search=' + $scope.inputSearch;
strHref += '&base_shop_name=gripautobiz';
$location.url(strHref).replace();
}
}
};
$scope.search = function() {
var params = $routeParams;
var path = {
page: params.page,
search: params.search,
};
// console.log("search : path : ", path);
var strHref = 'dealer-lists';
strHref += '?search=' + $scope.inputSearch;
$location.url(strHref).replace();
};
$scope.getDealer = function() {
var dealer = {
linkMap: function(positionLat, positionLng) {
var link = 'https://www.google.co.th/maps?q=' + positionLat + ',' + positionLng;
window.open(link, '_blank');
},
getPage: function(callback) {
var params = $routeParams;
$scope.cur_page = (typeof params.page !== 'undefined' && typeof params.page !== '') ? parseInt(params.page) : 1;
var cur_page = $scope.cur_page;
callback(cur_page);
},
getSearch: function(callback) {
var params = $routeParams;
var search = (typeof params.search !== 'undefined' && typeof params.search !== '') ? params.search : '';
callback(search);
},
stateData: function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
},
getShopDealerLists: function(cur_page, per_page, q, callback) {
var thirdPartyApi = 'extensions/devsource/dev.sugarfree/dealer/api.infosat.php';
var dataSend = {
'type': 'dealer_lists_all',
'shop_id': 754,
'page': cur_page,
'per_page': per_page,
'q': q
};
// console.log("getShopDealerLists : dataSend : ", dataSend);
GAEAPI.directNativeAjax(thirdPartyApi, {
params: dataSend
}).then(function(output) {
callback(output);
});
},
getPageArray: function(dataInput, per_page) {
// console.log('getPageArray : dataInput : ', dataInput);
var pages = parseInt(dataInput.data.total_items) / per_page;
// console.log('getPageArray : pages : ', pages);
for (var i = 0; pages > i; i++) {
$scope.dataPage.push(i + 1);
}
},
distance: function(lat1, lon1, lat2, lon2, unit) {
var radlat1 = Math.PI * lat1 / 180;
var radlat2 = Math.PI * lat2 / 180;
var theta = lon1 - lon2;
var radtheta = Math.PI * theta / 180;
var dist = Math.sin(radlat1) * Math.sin(radlat2) + Math.cos(radlat1) * Math.cos(radlat2) * Math.cos(radtheta);
if (dist > 1) {
dist = 1;
}
dist = Math.acos(dist);
dist = dist * 180 / Math.PI;
dist = dist * 60 * 1.1515;
if (unit == "K") {
dist = dist * 1.609344;
}
if (unit == "N") {
dist = dist * 0.8684;
}
return dist
},
getPushKg: function(callback) {
var _self = this;
var buildLocationArray = [];
for (var i = 0; i < $scope.dataShopDealerLists.length; i++) {
if ($scope.dataShopDealerLists[i].dealer_lat != 0 && $scope.dataShopDealerLists[i].dealer_lng != 0) {
buildLocationArray.push({
dealer_email: $scope.dataShopDealerLists[i].dealer_email,
dealer_firstname: $scope.dataShopDealerLists[i].dealer_firstname,
dealer_id: $scope.dataShopDealerLists[i].dealer_id,
dealer_image: $scope.dataShopDealerLists[i].dealer_image,
dealer_lastname: $scope.dataShopDealerLists[i].dealer_lastname,
dealer_lat: $scope.dataShopDealerLists[i].dealer_lat,
dealer_lng: $scope.dataShopDealerLists[i].dealer_lng,
dealer_mobile_phone: $scope.dataShopDealerLists[i].dealer_mobile_phone,
dealer_phone: $scope.dataShopDealerLists[i].dealer_phone,
dealer_title: $scope.dataShopDealerLists[i].dealer_title,
dealer_kg: _self.distance($scope.map.latitude, $scope.map.longitude, $scope.dataShopDealerLists[i].dealer_lat, $scope.dataShopDealerLists[i].dealer_lng, 'K')
});
}
}
// console.log("getPushKg : buildLocationArray : ", buildLocationArray);
callback(buildLocationArray);
},
getDealerListsDistance: function() {
var _self = this;
_self.getSearch(function(search) {
_self.getShopDealerLists(1, 100, search, function(output) {
$scope.$apply(function() {
$scope.dataShopDealerLists = output.data.data_lists;
// console.log("getShopDealerLists : dataShopDealerLists : ", $scope.dataShopDealerLists);
_self.getPushKg(function(buildLocationArray) {
$scope.dataShopDealerLists = buildLocationArray;
$scope.getShopDealerListsState = _self.stateData(false, true);
});
});
})
});
},
displayTelCode: function(telString) {
if (telString != 'undefined') {
if (telString.indexOf("-")) {
var a = telString.split("-");
var b = a.join("").trim();
} else {
var b = telString.trim();
}
return b.substr(1, b.length);
} else {
return 0;
}
},
getLocation: function() {
var _self = this;
$scope.dataPage = [];
$scope.getShopDealerListsState = _self.stateData(true, false);
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
$scope.$apply(function() {
// console.log("getLocation : position : ", position);
$scope.map.latitude = position.coords.latitude;
// console.log("getLocation : position : latitude : ", position.coords.latitude);
$scope.map.longitude = position.coords.longitude;
// console.log("getLocation : position : longitude : ", position.coords.longitude);
_self.getDealerListsDistance();
});
});
} else {
alert(" Geolocation is not supported by this browser. ");
}
},
main: function() {
var _self = this;
$scope.getShopDealerListsState = _self.stateData(true, false);
_self.getPage(function(cur_page) {
_self.getSearch(function(search) {
_self.getShopDealerLists(cur_page, $scope.per_page, search, function(output) {
$scope.$apply(function() {
_self.getPageArray(output, $scope.per_page);
// console.log("getShopDealerLists : output : ", output);
$scope.dataShopDealerLists = output.data.data_lists;
// console.log("getShopDealerLists : dataShopDealerLists : ", $scope.dataShopDealerLists);
$scope.getShopDealerListsState = _self.stateData(false, true);
});
})
});
});
}
}
return dealer;
};
$scope.getDealer().main();
};
return promise;
});_ui_share_app.directive('componentShopDealerListsC', function($rootScope, $routeParams, metaRender, $location) {
var templateName = 'componentShopDealerListsC';
var componentMain = 'componentShopDealer';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
mini: '@mini',
language: '@language',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {};
promise.controller = function($scope, $timeout, $interval, $window, $http) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.dataPage = [];
$scope.cur_page = 1;
$scope.per_page = (typeof $scope.mini !== 'undefined' && typeof $scope.mini !== '') ? parseInt($scope.mini) : 10;
$scope._language = ($scope.language != undefined && $scope.language != "") ? (($scope.language == "en") ? "en" : "th") : "th";
$scope.inputSearch = (typeof $routeParams.search !== 'undefined' && typeof $routeParams.searchs !== '') ? $routeParams.search : "";
$scope.dataShopDealerLists = [];
$scope.map = {
latitude: 0,
longitude: 0
}
$scope.getShopDealerListsState = {
load: true,
done: false
};
$scope.getPages = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._component.show) {
console.log($scope._component.name, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
locationUrlReplace: function(page) {
var _self = this;
$location.url(page).replace();
},
pageUrl: function(page_name, id, name_url) {
var _self = this;
var page = page_name + "/" + id;
_self.locationUrlReplace(page);
}
}
return getFunction;
};
$scope.setPages = function(input) {
var params = $routeParams;
var path = {
page: params.page,
search: params.search,
};
if (input == 'back') {
if (($scope.cur_page - 1) != 0) {
var strHref = 'dealer-lists';
strHref += '?page=' + ($scope.cur_page - 1);
strHref += '&search=' + $scope.inputSearch;
strHref += '&base_shop_name=gripautobiz';
$location.url(strHref).replace();
}
} else if (input == 'next') {
if ($scope.cur_page < $scope.dataPage.length) {
var strHref = 'dealer-lists';
strHref += '?page=' + ($scope.cur_page + 1);
strHref += '&search=' + $scope.inputSearch;
strHref += '&base_shop_name=gripautobiz';
$location.url(strHref).replace();
}
}
};
$scope.search = function() {
var params = $routeParams;
var path = {
page: params.page,
search: params.search,
};
// console.log("search : path : ", path);
var strHref = 'dealer-lists';
strHref += '?search=' + $scope.inputSearch;
$location.url(strHref).replace();
};
$scope.getDealer = function() {
var dealer = {
linkMap: function(positionLat, positionLng) {
var link = 'https://www.google.co.th/maps?q=' + positionLat + ',' + positionLng;
window.open(link, '_blank');
},
getPage: function(callback) {
var params = $routeParams;
$scope.cur_page = (typeof params.page !== 'undefined' && typeof params.page !== '') ? parseInt(params.page) : 1;
var cur_page = $scope.cur_page;
callback(cur_page);
},
getSearch: function(callback) {
var params = $routeParams;
var search = (typeof params.search !== 'undefined' && typeof params.search !== '') ? params.search : '';
callback(search);
},
stateData: function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
},
getShopDealerLists: function(cur_page, per_page, q, callback) {
var thirdPartyApi = 'extensions/devsource/dev.sugarfree/dealer/api.vono.php';
var dataSend = {
'type': 'dealer_lists_all',
'shop_id': 792,
'page': cur_page,
'per_page': per_page,
'q': q
};
// console.log("getShopDealerLists : dataSend : ", dataSend);
GAEAPI.directNativeAjax(thirdPartyApi, {
params: dataSend
}).then(function(output) {
callback(output);
});
},
getPageArray: function(dataInput, per_page) {
// console.log('getPageArray : dataInput : ', dataInput);
var pages = parseInt(dataInput.data.total_items) / per_page;
// console.log('getPageArray : pages : ', pages);
for (var i = 0; pages > i; i++) {
$scope.dataPage.push(i + 1);
}
},
distance: function(lat1, lon1, lat2, lon2, unit) {
var radlat1 = Math.PI * lat1 / 180;
var radlat2 = Math.PI * lat2 / 180;
var theta = lon1 - lon2;
var radtheta = Math.PI * theta / 180;
var dist = Math.sin(radlat1) * Math.sin(radlat2) + Math.cos(radlat1) * Math.cos(radlat2) * Math.cos(radtheta);
if (dist > 1) {
dist = 1;
}
dist = Math.acos(dist);
dist = dist * 180 / Math.PI;
dist = dist * 60 * 1.1515;
if (unit == "K") {
dist = dist * 1.609344;
}
if (unit == "N") {
dist = dist * 0.8684;
}
return dist
},
getPushKg: function(callback) {
var _self = this;
var buildLocationArray = [];
for (var i = 0; i < $scope.dataShopDealerLists.length; i++) {
if ($scope.dataShopDealerLists[i].dealer_lat != 0 && $scope.dataShopDealerLists[i].dealer_lng != 0) {
buildLocationArray.push({
dealer_email: $scope.dataShopDealerLists[i].dealer_email,
dealer_firstname: $scope.dataShopDealerLists[i].dealer_firstname,
dealer_id: $scope.dataShopDealerLists[i].dealer_id,
dealer_image: $scope.dataShopDealerLists[i].dealer_image,
dealer_lastname: $scope.dataShopDealerLists[i].dealer_lastname,
dealer_lat: $scope.dataShopDealerLists[i].dealer_lat,
dealer_lng: $scope.dataShopDealerLists[i].dealer_lng,
dealer_mobile_phone: $scope.dataShopDealerLists[i].dealer_mobile_phone,
dealer_phone: $scope.dataShopDealerLists[i].dealer_phone,
dealer_title: $scope.dataShopDealerLists[i].dealer_title,
dealer_kg: _self.distance($scope.map.latitude, $scope.map.longitude, $scope.dataShopDealerLists[i].dealer_lat, $scope.dataShopDealerLists[i].dealer_lng, 'K')
});
}
}
// console.log("getPushKg : buildLocationArray : ", buildLocationArray);
callback(buildLocationArray);
},
getDealerListsDistance: function() {
var _self = this;
_self.getSearch(function(search) {
_self.getShopDealerLists(1, 100, search, function(output) {
$scope.$apply(function() {
$scope.dataShopDealerLists = output.data.data_lists;
console.log("getShopDealerLists : dataShopDealerLists : ", $scope.dataShopDealerLists);
_self.getPushKg(function(buildLocationArray) {
$scope.dataShopDealerLists = buildLocationArray;
$scope.getShopDealerListsState = _self.stateData(false, true);
});
});
})
});
},
displayTelCode: function(telString) {
if (telString != 'undefined') {
if (telString.indexOf("-")) {
var a = telString.split("-");
var b = a.join("").trim();
} else {
var b = telString.trim();
}
return b.substr(1, b.length);
} else {
return 0;
}
},
getLocation: function() {
var _self = this;
$scope.dataPage = [];
$scope.getShopDealerListsState = _self.stateData(true, false);
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
$scope.$apply(function() {
// console.log("getLocation : position : ", position);
$scope.map.latitude = position.coords.latitude;
// console.log("getLocation : position : latitude : ", position.coords.latitude);
$scope.map.longitude = position.coords.longitude;
// console.log("getLocation : position : longitude : ", position.coords.longitude);
_self.getDealerListsDistance();
});
});
} else {
alert(" Geolocation is not supported by this browser. ");
}
},
getTel: function(number, callback) {
var res_number = "";
if (number != '' && number != undefined) {
if (number.indexOf("-") != -1) {
var number_array = number.split("-");
var number_array_sum = number_array.join("").trim();
res_number = number_array_sum.substr(1, number_array_sum.length);
} else {
res_number = number.substr(1, number.length);
}
}
res_number = "tel:+66" + res_number;
callback(res_number);
},
getMailto: function(email, callback) {
var res_email = "";
res_email = (email != '') ? "mailto:" + email : '';
callback(res_email);
},
main: function() {
var _self = this;
$scope.getShopDealerListsState = _self.stateData(true, false);
_self.getPage(function(cur_page) {
_self.getSearch(function(search) {
_self.getShopDealerLists(cur_page, $scope.per_page, search, function(output) {
$scope.$apply(function() {
_self.getPageArray(output, $scope.per_page);
console.log("getShopDealerLists : output : ", output);
angular.forEach(output.data.data_lists, function(item, index) {
_self.getTel(item.dealer_mobile_phone,function(res_dealer_mobile_phone){
item.dealer_mobile_phone_url = res_dealer_mobile_phone;
});
_self.getMailto(item.dealer_email,function(res_dealer_email){
item.dealer_email_url = res_dealer_email;
});
$scope.dataShopDealerLists.push(item)
});
console.log("getShopDealerLists : dataShopDealerLists : ", $scope.dataShopDealerLists);
$scope.getShopDealerListsState = _self.stateData(false, true);
});
})
});
});
}
}
return dealer;
};
$scope.getDealer().main();
};
return promise;
});_ui_share_app.directive('componentShopDealerListsCa', function($rootScope, $routeParams, metaRender, $location) {
var templateName = 'componentShopDealerListsCa';
var componentMain = 'componentShopDealer';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
mini: '@mini',
language: '@language',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {};
promise.controller = function($scope, $timeout, $interval, $window, $http) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.dataPage = [];
$scope.cur_page = 1;
$scope.per_page = (typeof $scope.mini !== 'undefined' && typeof $scope.mini !== '') ? parseInt($scope.mini) : 10;
$scope._language = ($scope.language != undefined && $scope.language != "") ? (($scope.language == "en") ? "en" : "th") : "th";
$scope.inputSearch = (typeof $routeParams.search !== 'undefined' && typeof $routeParams.searchs !== '') ? $routeParams.search : "";
$scope.dataShopDealerLists = [];
$scope.map = {
latitude: 0,
longitude: 0
}
$scope.getShopDealerListsState = {
load: true,
done: false
};
$scope.getPages = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._component.show) {
console.log($scope._component.name, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
locationUrlReplace: function(page) {
var _self = this;
$location.url(page).replace();
},
pageUrl: function(page_name, id, name_url) {
var _self = this;
var page = page_name + "/" + id;
_self.locationUrlReplace(page);
}
}
return getFunction;
};
$scope.setPages = function(input) {
var params = $routeParams;
var path = {
page: params.page,
search: params.search,
};
if (input == 'back') {
if (($scope.cur_page - 1) != 0) {
var strHref = 'dealer-lists';
strHref += '?page=' + ($scope.cur_page - 1);
strHref += '&search=' + $scope.inputSearch;
strHref += '&base_shop_name=gripautobiz';
$location.url(strHref).replace();
}
} else if (input == 'next') {
if ($scope.cur_page < $scope.dataPage.length) {
var strHref = 'dealer-lists';
strHref += '?page=' + ($scope.cur_page + 1);
strHref += '&search=' + $scope.inputSearch;
strHref += '&base_shop_name=gripautobiz';
$location.url(strHref).replace();
}
}
};
$scope.search = function() {
var params = $routeParams;
var path = {
page: params.page,
search: params.search,
};
// console.log("search : path : ", path);
var strHref = 'dealer-lists';
strHref += '?search=' + $scope.inputSearch;
$location.url(strHref).replace();
};
$scope.getDealer = function() {
var dealer = {
linkMap: function(positionLat, positionLng) {
var link = 'https://www.google.co.th/maps?q=' + positionLat + ',' + positionLng;
window.open(link, '_blank');
},
getPage: function(callback) {
var params = $routeParams;
$scope.cur_page = (typeof params.page !== 'undefined' && typeof params.page !== '') ? parseInt(params.page) : 1;
var cur_page = $scope.cur_page;
callback(cur_page);
},
getSearch: function(callback) {
var params = $routeParams;
var search = (typeof params.search !== 'undefined' && typeof params.search !== '') ? params.search : '';
callback(search);
},
stateData: function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
},
getShopDealerLists: function(cur_page, per_page, q, callback) {
var thirdPartyApi = 'extensions/devsource/dev.sugarfree/dealer/api.starrynite.php';
var dataSend = {
'type': 'dealer_lists_all',
'shop_id': 793,
'page': cur_page,
'per_page': per_page,
'q': q
};
// console.log("getShopDealerLists : dataSend : ", dataSend);
GAEAPI.directNativeAjax(thirdPartyApi, {
params: dataSend
}).then(function(output) {
callback(output);
});
},
getPageArray: function(dataInput, per_page) {
// console.log('getPageArray : dataInput : ', dataInput);
var pages = parseInt(dataInput.data.total_items) / per_page;
// console.log('getPageArray : pages : ', pages);
for (var i = 0; pages > i; i++) {
$scope.dataPage.push(i + 1);
}
},
distance: function(lat1, lon1, lat2, lon2, unit) {
var radlat1 = Math.PI * lat1 / 180;
var radlat2 = Math.PI * lat2 / 180;
var theta = lon1 - lon2;
var radtheta = Math.PI * theta / 180;
var dist = Math.sin(radlat1) * Math.sin(radlat2) + Math.cos(radlat1) * Math.cos(radlat2) * Math.cos(radtheta);
if (dist > 1) {
dist = 1;
}
dist = Math.acos(dist);
dist = dist * 180 / Math.PI;
dist = dist * 60 * 1.1515;
if (unit == "K") {
dist = dist * 1.609344;
}
if (unit == "N") {
dist = dist * 0.8684;
}
return dist
},
getPushKg: function(callback) {
var _self = this;
var buildLocationArray = [];
for (var i = 0; i < $scope.dataShopDealerLists.length; i++) {
if ($scope.dataShopDealerLists[i].dealer_lat != 0 && $scope.dataShopDealerLists[i].dealer_lng != 0) {
buildLocationArray.push({
dealer_email: $scope.dataShopDealerLists[i].dealer_email,
dealer_firstname: $scope.dataShopDealerLists[i].dealer_firstname,
dealer_id: $scope.dataShopDealerLists[i].dealer_id,
dealer_image: $scope.dataShopDealerLists[i].dealer_image,
dealer_lastname: $scope.dataShopDealerLists[i].dealer_lastname,
dealer_lat: $scope.dataShopDealerLists[i].dealer_lat,
dealer_lng: $scope.dataShopDealerLists[i].dealer_lng,
dealer_mobile_phone: $scope.dataShopDealerLists[i].dealer_mobile_phone,
dealer_phone: $scope.dataShopDealerLists[i].dealer_phone,
dealer_title: $scope.dataShopDealerLists[i].dealer_title,
dealer_kg: _self.distance($scope.map.latitude, $scope.map.longitude, $scope.dataShopDealerLists[i].dealer_lat, $scope.dataShopDealerLists[i].dealer_lng, 'K')
});
}
}
// console.log("getPushKg : buildLocationArray : ", buildLocationArray);
callback(buildLocationArray);
},
getDealerListsDistance: function() {
var _self = this;
_self.getSearch(function(search) {
_self.getShopDealerLists(1, 100, search, function(output) {
$scope.$apply(function() {
$scope.dataShopDealerLists = output.data.data_lists;
console.log("getShopDealerLists : dataShopDealerLists : ", $scope.dataShopDealerLists);
_self.getPushKg(function(buildLocationArray) {
$scope.dataShopDealerLists = buildLocationArray;
$scope.getShopDealerListsState = _self.stateData(false, true);
});
});
})
});
},
displayTelCode: function(telString) {
if (telString != 'undefined') {
if (telString.indexOf("-")) {
var a = telString.split("-");
var b = a.join("").trim();
} else {
var b = telString.trim();
}
return b.substr(1, b.length);
} else {
return 0;
}
},
getLocation: function() {
var _self = this;
$scope.dataPage = [];
$scope.getShopDealerListsState = _self.stateData(true, false);
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
$scope.$apply(function() {
// console.log("getLocation : position : ", position);
$scope.map.latitude = position.coords.latitude;
// console.log("getLocation : position : latitude : ", position.coords.latitude);
$scope.map.longitude = position.coords.longitude;
// console.log("getLocation : position : longitude : ", position.coords.longitude);
_self.getDealerListsDistance();
});
});
} else {
alert(" Geolocation is not supported by this browser. ");
}
},
getTel: function(number, callback) {
var res_number = "";
if (number != '' && number != undefined) {
if (number.indexOf("-") != -1) {
var number_array = number.split("-");
var number_array_sum = number_array.join("").trim();
res_number = number_array_sum.substr(1, number_array_sum.length);
} else {
res_number = number.substr(1, number.length);
}
}
res_number = "tel:+66" + res_number;
callback(res_number);
},
getMailto: function(email, callback) {
var res_email = "";
res_email = (email != '') ? "mailto:" + email : '';
callback(res_email);
},
main: function() {
var _self = this;
$scope.getShopDealerListsState = _self.stateData(true, false);
_self.getPage(function(cur_page) {
_self.getSearch(function(search) {
_self.getShopDealerLists(cur_page, $scope.per_page, search, function(output) {
$scope.$apply(function() {
_self.getPageArray(output, $scope.per_page);
console.log("getShopDealerLists : output : ", output);
angular.forEach(output.data.data_lists, function(item, index) {
_self.getTel(item.dealer_mobile_phone, function(res_dealer_mobile_phone) {
item.dealer_mobile_phone_url = res_dealer_mobile_phone;
});
_self.getMailto(item.dealer_email, function(res_dealer_email) {
item.dealer_email_url = res_dealer_email;
});
$scope.dataShopDealerLists.push(item)
});
console.log("getShopDealerLists : dataShopDealerLists : ", $scope.dataShopDealerLists);
$scope.getShopDealerListsState = _self.stateData(false, true);
});
})
});
});
}
}
return dealer;
};
$scope.getDealer().main();
};
return promise;
});_ui_share_app.directive('componentShopDealerListsCb', function($rootScope, $routeParams, metaRender, $location) {
var templateName = 'componentShopDealerListsCb';
var componentMain = 'componentShopDealer';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
mini: '@mini',
language: '@language',
navigationhover: '@navigationhover',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {};
promise.controller = function($scope, $timeout, $interval, $window, $http) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.dataPage = [];
$scope.cur_page = 1;
$scope.per_page = (typeof $scope.mini !== 'undefined' && typeof $scope.mini !== '') ? parseInt($scope.mini) : 10;
$scope._language = ($scope.language != undefined && $scope.language != "") ? (($scope.language == "en") ? "en" : "th") : "th";
$scope.inputSearch = (typeof $routeParams.search !== 'undefined' && typeof $routeParams.searchs !== '') ? $routeParams.search : "";
$scope._navigationhover = ($scope.navigationhover != undefined && $scope.navigationhover != "") ? $scope.navigationhover : "primary";
$scope.dataShopDealerLists = [];
$scope.map = {
latitude: 0,
longitude: 0
}
$scope.getShopDealerListsState = {
load: true,
done: false
};
$scope.getPages = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._component.show) {
console.log($scope._component.name, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
locationUrlReplace: function(page) {
var _self = this;
$location.url(page).replace();
},
pageUrl: function(page_name, id, name_url) {
var _self = this;
var page = page_name + "/" + id;
_self.locationUrlReplace(page);
}
}
return getFunction;
};
$scope.setPages = function(input) {
var params = $routeParams;
var path = {
page: params.page,
search: params.search,
};
if (input == 'back') {
if (($scope.cur_page - 1) != 0) {
var strHref = 'dealer-lists';
strHref += '?page=' + ($scope.cur_page - 1);
strHref += '&search=' + $scope.inputSearch;
strHref += '&base_shop_name=gripautobiz';
$location.url(strHref).replace();
}
} else if (input == 'next') {
if ($scope.cur_page < $scope.dataPage.length) {
var strHref = 'dealer-lists';
strHref += '?page=' + ($scope.cur_page + 1);
strHref += '&search=' + $scope.inputSearch;
strHref += '&base_shop_name=gripautobiz';
$location.url(strHref).replace();
}
}
};
$scope.search = function() {
var params = $routeParams;
var path = {
page: params.page,
search: params.search,
};
// console.log("search : path : ", path);
var strHref = 'dealer-lists';
strHref += '?search=' + $scope.inputSearch;
$location.url(strHref).replace();
};
$scope.getDealer = function() {
var dealer = {
linkMap: function(positionLat, positionLng) {
var link = 'https://www.google.co.th/maps?q=' + positionLat + ',' + positionLng;
window.open(link, '_blank');
},
getPage: function(callback) {
var params = $routeParams;
$scope.cur_page = (typeof params.page !== 'undefined' && typeof params.page !== '') ? parseInt(params.page) : 1;
var cur_page = $scope.cur_page;
callback(cur_page);
},
getSearch: function(callback) {
var params = $routeParams;
var search = (typeof params.search !== 'undefined' && typeof params.search !== '') ? params.search : '';
callback(search);
},
stateData: function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
},
getShopDealerLists: function(cur_page, per_page, q, callback) {
var thirdPartyApi = 'extensions/devsource/dev.sugarfree/dealer/api.slumberland.php';
var dataSend = {
'type': 'dealer_lists_all',
'shop_id': 801,
'page': cur_page,
'per_page': per_page,
'q': q
};
// console.log("getShopDealerLists : dataSend : ", dataSend);
GAEAPI.directNativeAjax(thirdPartyApi, {
params: dataSend
}).then(function(output) {
callback(output);
});
},
getPageArray: function(dataInput, per_page) {
// console.log('getPageArray : dataInput : ', dataInput);
var pages = parseInt(dataInput.data.total_items) / per_page;
// console.log('getPageArray : pages : ', pages);
for (var i = 0; pages > i; i++) {
$scope.dataPage.push(i + 1);
}
},
distance: function(lat1, lon1, lat2, lon2, unit) {
var radlat1 = Math.PI * lat1 / 180;
var radlat2 = Math.PI * lat2 / 180;
var theta = lon1 - lon2;
var radtheta = Math.PI * theta / 180;
var dist = Math.sin(radlat1) * Math.sin(radlat2) + Math.cos(radlat1) * Math.cos(radlat2) * Math.cos(radtheta);
if (dist > 1) {
dist = 1;
}
dist = Math.acos(dist);
dist = dist * 180 / Math.PI;
dist = dist * 60 * 1.1515;
if (unit == "K") {
dist = dist * 1.609344;
}
if (unit == "N") {
dist = dist * 0.8684;
}
return dist
},
getPushKg: function(callback) {
var _self = this;
var buildLocationArray = [];
for (var i = 0; i < $scope.dataShopDealerLists.length; i++) {
if ($scope.dataShopDealerLists[i].dealer_lat != 0 && $scope.dataShopDealerLists[i].dealer_lng != 0) {
buildLocationArray.push({
dealer_email: $scope.dataShopDealerLists[i].dealer_email,
dealer_firstname: $scope.dataShopDealerLists[i].dealer_firstname,
dealer_id: $scope.dataShopDealerLists[i].dealer_id,
dealer_image: $scope.dataShopDealerLists[i].dealer_image,
dealer_lastname: $scope.dataShopDealerLists[i].dealer_lastname,
dealer_lat: $scope.dataShopDealerLists[i].dealer_lat,
dealer_lng: $scope.dataShopDealerLists[i].dealer_lng,
dealer_mobile_phone: $scope.dataShopDealerLists[i].dealer_mobile_phone,
dealer_phone: $scope.dataShopDealerLists[i].dealer_phone,
dealer_title: $scope.dataShopDealerLists[i].dealer_title,
dealer_kg: _self.distance($scope.map.latitude, $scope.map.longitude, $scope.dataShopDealerLists[i].dealer_lat, $scope.dataShopDealerLists[i].dealer_lng, 'K')
});
}
}
// console.log("getPushKg : buildLocationArray : ", buildLocationArray);
callback(buildLocationArray);
},
getDealerListsDistance: function() {
var _self = this;
_self.getSearch(function(search) {
_self.getShopDealerLists(1, 100, search, function(output) {
$scope.$apply(function() {
$scope.dataShopDealerLists = output.data.data_lists;
console.log("getShopDealerLists : dataShopDealerLists : ", $scope.dataShopDealerLists);
_self.getPushKg(function(buildLocationArray) {
$scope.dataShopDealerLists = buildLocationArray;
$scope.getShopDealerListsState = _self.stateData(false, true);
});
});
})
});
},
displayTelCode: function(telString) {
if (telString != 'undefined') {
if (telString.indexOf("-")) {
var a = telString.split("-");
var b = a.join("").trim();
} else {
var b = telString.trim();
}
return b.substr(1, b.length);
} else {
return 0;
}
},
getLocation: function() {
var _self = this;
$scope.dataPage = [];
$scope.getShopDealerListsState = _self.stateData(true, false);
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
$scope.$apply(function() {
// console.log("getLocation : position : ", position);
$scope.map.latitude = position.coords.latitude;
// console.log("getLocation : position : latitude : ", position.coords.latitude);
$scope.map.longitude = position.coords.longitude;
// console.log("getLocation : position : longitude : ", position.coords.longitude);
_self.getDealerListsDistance();
});
});
} else {
alert(" Geolocation is not supported by this browser. ");
}
},
getTel: function(number, callback) {
var res_number = "";
if (number != '' && number != undefined) {
if (number.indexOf("-") != -1) {
var number_array = number.split("-");
var number_array_sum = number_array.join("").trim();
res_number = number_array_sum.substr(1, number_array_sum.length);
} else {
res_number = number.substr(1, number.length);
}
}
res_number = "tel:+66" + res_number;
callback(res_number);
},
getMailto: function(email, callback) {
var res_email = "";
res_email = (email != '') ? "mailto:" + email : '';
callback(res_email);
},
main: function() {
var _self = this;
$scope.getShopDealerListsState = _self.stateData(true, false);
_self.getPage(function(cur_page) {
_self.getSearch(function(search) {
_self.getShopDealerLists(cur_page, $scope.per_page, search, function(output) {
$scope.$apply(function() {
_self.getPageArray(output, $scope.per_page);
console.log("getShopDealerLists : output : ", output);
angular.forEach(output.data.data_lists, function(item, index) {
_self.getTel(item.dealer_phone,function(res_dealer_phone){
item.dealer_phone_url = res_dealer_phone;
});
_self.getTel(item.dealer_mobile_phone,function(res_dealer_mobile_phone){
item.dealer_mobile_phone_url = res_dealer_mobile_phone;
});
_self.getMailto(item.dealer_email,function(res_dealer_email){
item.dealer_email_url = res_dealer_email;
});
$scope.dataShopDealerLists.push(item)
});
console.log("getShopDealerLists : dataShopDealerLists : ", $scope.dataShopDealerLists);
$scope.getShopDealerListsState = _self.stateData(false, true);
});
})
});
});
}
}
return dealer;
};
$scope.getDealer().main();
};
return promise;
});_ui_share_app.directive('componentShopDealerListsD', function($rootScope, $routeParams, metaRender, $location) {
var templateName = 'componentShopDealerListsD';
var componentMain = 'componentShopDealer';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
mini: '@mini',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {};
promise.controller = function($scope, $timeout, $interval, $window, $http) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.dataPage = [];
$scope.cur_page = 1;
$scope.per_page = (typeof $scope.mini !== 'undefined' && typeof $scope.mini !== '') ? parseInt($scope.mini) : 10;
$scope.inputSearch = (typeof $routeParams.search !== 'undefined' && typeof $routeParams.searchs !== '') ? $routeParams.search : "";
$scope.dataShopDealerLists = [];
$scope.map = {
latitude: 0,
longitude: 0
}
$scope.getShopDealerListsState = {
load: true,
done: false
};
$scope.getPages = function() {
var getFunction = {
consoleLog: function(function_name, data_name, data) {
if ($scope._component.show) {
console.log($scope._component.name, ' : ', function_name, ' : ', data_name, ' : ', data);
}
},
locationUrlReplace: function(page) {
var _self = this;
$location.url(page).replace();
},
pageUrl: function(page_name, id, name_url) {
var _self = this;
var page = page_name + "/" + id;
_self.locationUrlReplace(page);
}
}
return getFunction;
};
$scope.setPages = function(input) {
var params = $routeParams;
var path = {
page: params.page,
search: params.search,
};
if (input == 'back') {
if (($scope.cur_page - 1) != 0) {
var strHref = 'dealer-lists';
strHref += '?page=' + ($scope.cur_page - 1);
strHref += '&search=' + $scope.inputSearch;
strHref += '&base_shop_name=gripautobiz';
$location.url(strHref).replace();
}
} else if (input == 'next') {
if ($scope.cur_page < $scope.dataPage.length) {
var strHref = 'dealer-lists';
strHref += '?page=' + ($scope.cur_page + 1);
strHref += '&search=' + $scope.inputSearch;
strHref += '&base_shop_name=gripautobiz';
$location.url(strHref).replace();
}
}
};
$scope.search = function() {
var params = $routeParams;
var path = {
page: params.page,
search: params.search,
};
// console.log("search : path : ", path);
var strHref = 'dealer-lists';
strHref += '?search=' + $scope.inputSearch;
$location.url(strHref).replace();
};
$scope.getDealer = function() {
var dealer = {
linkMap: function(positionLat, positionLng) {
var link = 'https://www.google.co.th/maps?q=' + positionLat + ',' + positionLng;
window.open(link, '_blank');
},
getPage: function(callback) {
var params = $routeParams;
$scope.cur_page = (typeof params.page !== 'undefined' && typeof params.page !== '') ? parseInt(params.page) : 1;
var cur_page = $scope.cur_page;
callback(cur_page);
},
getSearch: function(callback) {
var params = $routeParams;
var search = (typeof params.search !== 'undefined' && typeof params.search !== '') ? params.search : '';
callback(search);
},
stateData: function(_load_in, _done_in) {
var State = {
load: _load_in,
done: _done_in
};
return State;
},
getShopDealerLists: function(cur_page, per_page, q, callback) {
var thirdPartyApi = 'extensions/devsource/dev.sugarfree/dealer/api.starrynite.php';
var dataSend = {
'type': 'dealer_lists_all',
'shop_id': 793,
'page': cur_page,
'per_page': per_page,
'q': q
};
// console.log("getShopDealerLists : dataSend : ", dataSend);
GAEAPI.directNativeAjax(thirdPartyApi, {
params: dataSend
}).then(function(output) {
callback(output);
});
},
getPageArray: function(dataInput, per_page) {
// console.log('getPageArray : dataInput : ', dataInput);
var pages = parseInt(dataInput.data.total_items) / per_page;
// console.log('getPageArray : pages : ', pages);
for (var i = 0; pages > i; i++) {
$scope.dataPage.push(i + 1);
}
},
distance: function(lat1, lon1, lat2, lon2, unit) {
var radlat1 = Math.PI * lat1 / 180;
var radlat2 = Math.PI * lat2 / 180;
var theta = lon1 - lon2;
var radtheta = Math.PI * theta / 180;
var dist = Math.sin(radlat1) * Math.sin(radlat2) + Math.cos(radlat1) * Math.cos(radlat2) * Math.cos(radtheta);
if (dist > 1) {
dist = 1;
}
dist = Math.acos(dist);
dist = dist * 180 / Math.PI;
dist = dist * 60 * 1.1515;
if (unit == "K") {
dist = dist * 1.609344;
}
if (unit == "N") {
dist = dist * 0.8684;
}
return dist
},
getPushKg: function(callback) {
var _self = this;
var buildLocationArray = [];
for (var i = 0; i < $scope.dataShopDealerLists.length; i++) {
if ($scope.dataShopDealerLists[i].dealer_lat != 0 && $scope.dataShopDealerLists[i].dealer_lng != 0) {
buildLocationArray.push({
dealer_email: $scope.dataShopDealerLists[i].dealer_email,
dealer_firstname: $scope.dataShopDealerLists[i].dealer_firstname,
dealer_id: $scope.dataShopDealerLists[i].dealer_id,
dealer_image: $scope.dataShopDealerLists[i].dealer_image,
dealer_lastname: $scope.dataShopDealerLists[i].dealer_lastname,
dealer_lat: $scope.dataShopDealerLists[i].dealer_lat,
dealer_lng: $scope.dataShopDealerLists[i].dealer_lng,
dealer_mobile_phone: $scope.dataShopDealerLists[i].dealer_mobile_phone,
dealer_phone: $scope.dataShopDealerLists[i].dealer_phone,
dealer_title: $scope.dataShopDealerLists[i].dealer_title,
dealer_kg: _self.distance($scope.map.latitude, $scope.map.longitude, $scope.dataShopDealerLists[i].dealer_lat, $scope.dataShopDealerLists[i].dealer_lng, 'K')
});
}
}
// console.log("getPushKg : buildLocationArray : ", buildLocationArray);
callback(buildLocationArray);
},
getDealerListsDistance: function() {
var _self = this;
_self.getSearch(function(search) {
_self.getShopDealerLists(1, 100, search, function(output) {
$scope.$apply(function() {
$scope.dataShopDealerLists = output.data.data_lists;
console.log("getShopDealerLists : dataShopDealerLists : ", $scope.dataShopDealerLists);
_self.getPushKg(function(buildLocationArray) {
$scope.dataShopDealerLists = buildLocationArray;
$scope.getShopDealerListsState = _self.stateData(false, true);
});
});
})
});
},
displayTelCode: function(telString) {
if (telString != 'undefined') {
if (telString.indexOf("-")) {
var a = telString.split("-");
var b = a.join("").trim();
} else {
var b = telString.trim();
}
return b.substr(1, b.length);
} else {
return 0;
}
},
getLocation: function() {
var _self = this;
$scope.dataPage = [];
$scope.getShopDealerListsState = _self.stateData(true, false);
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
$scope.$apply(function() {
// console.log("getLocation : position : ", position);
$scope.map.latitude = position.coords.latitude;
// console.log("getLocation : position : latitude : ", position.coords.latitude);
$scope.map.longitude = position.coords.longitude;
// console.log("getLocation : position : longitude : ", position.coords.longitude);
_self.getDealerListsDistance();
});
});
} else {
alert(" Geolocation is not supported by this browser. ");
}
},
main: function() {
var _self = this;
$scope.getShopDealerListsState = _self.stateData(true, false);
_self.getPage(function(cur_page) {
_self.getSearch(function(search) {
_self.getShopDealerLists(cur_page, $scope.per_page, search, function(output) {
$scope.$apply(function() {
_self.getPageArray(output, $scope.per_page);
console.log("getShopDealerLists : output : ", output);
$scope.dataShopDealerLists = output.data.data_lists;
console.log("getShopDealerLists : dataShopDealerLists : ", $scope.dataShopDealerLists);
$scope.getShopDealerListsState = _self.stateData(false, true);
});
})
});
});
}
}
return dealer;
};
$scope.getDealer().main();
};
return promise;
});_ui_share_app.factory('$componentShopLocator', function componentShopLocator($routeParams, $timeout) {
return
});_ui_share_app.directive('componentShopLocatorA', function($rootScope, $routeParams) {
var templateName = 'componentShopLocatorA';
var componentMain = 'componentShopLocator';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
margin: '@margin',
color_: '@color',
color_hover: '@colorhover',
color_active: '@coloractive',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {};
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.data = [];
$scope.getData = function() {
var d = {};
$scope.data = $scope.makeDummy();
};
$scope.branchListState = {
load: true,
done: false
};
$scope.branchList = [];
$scope.getBranchList = function() {
$scope.branchListState = {
load: true,
done: false
};
var dataSend = {
'cur_page': 1,
'per_page': 100
};
GAEAPI.get('shop_branch/lists', dataSend, $scope).then(function(res) {
if (res.ok == 1) {
$scope.branchList = res.data.dataList;
}
$scope.branchListState = {
load: false,
done: true
};
});
}
$scope.getBranchList();
$scope.makeDummy = function() {
var o = function(i) {
return {
'branch_id': i,
'branch_name': 'บริษัท เอ็กซ์-สปีด กรุ๊ป จำกัด',
'branch_phone': '02-979-5965-66',
'branch_mobile': '087-9999653',
'branch_description': 'สำนักงานใหญ่ detail',
'branch_short_description': 'สำนักงานใหญ่',
'branch_location_title': 'อาคาร เอ็กซ์-สปีด เลขที่ 9/69 หมู่ 1 ซอยบ้านกลาง 1/4 (เลียบคลองปะปา) ถนนปทุม-รังสิต ตำบลบ้านกลาง อำเภอเมือง จังหวัดปทุมธานี 12000',
'branch_location_latitude': '0',
'branch_location_longtitude': '0',
'branch_workingtime_array': [{
'txt_index': 1,
'txt_open': '10:00',
'txt_close': '19:00',
'txt_is_open': 0
}, {
'txt_index': 2,
'txt_open': '10:00',
'txt_close': '19:00',
'txt_is_open': 1
}, {
'txt_index': 3,
'txt_open': '10:00',
'txt_close': '19:00',
'txt_is_open': 1
}, {
'txt_index': 4,
'txt_open': '10:00',
'txt_close': '19:00',
'txt_is_open': 1
}, {
'txt_index': 5,
'txt_open': '10:00',
'txt_close': '19:00',
'txt_is_open': 1
}, {
'txt_index': 6,
'txt_open': '10:00',
'txt_close': '19:00',
'txt_is_open': 1
}, {
'txt_index': 7,
'txt_open': '10:00',
'txt_close': '19:00',
'txt_is_open': 0
}, ],
'branch_image': [{
'image_url': 'https://image.getappeasy.com/src/images/2000/1032/0033/32033t1496650984.jpg'
}]
};
}
var r = [o(1)];
return r;
};
if ($scope.data.length <= 0) {
$scope.getData();
}
$scope.displayDayByIndex = function(i) {
switch (parseInt(i)) {
case 1:
return 'อาทิตย์';
break;
case 2:
return 'จันทร์';
break;
case 3:
return 'อังคาร';
break;
case 4:
return 'พุธ';
break;
case 5:
return 'พฤหัสบดี';
break;
case 6:
return 'ศุกร์';
break;
case 7:
return 'เสาร์';
break;
default:
return '-';
break;
}
};
$scope.mapQueryString = function() {
var a = 'อาคาร เอ็กซ์-สปีด เลขที่ 9/69 หมู่ 1 ซอยบ้านกลาง 1/4 (เลียบคลองปะปา) ถนนปทุม-รังสิต ตำบลบ้านกลาง อำเภอเมือง จังหวัดปทุมธานี 12000';
var b = 'https://www.google.co.th/maps?q=' + a.split(' ').join('+') + '&output=embed';
};
$scope.checkSeo = function() {
return (GURL.isHtml5Mode()) ? true : false;
};
$scope.buildLinkPhoneByTxt = function(str) {};
$scope.displayTelCode = function(telString) {
if (telString.indexOf("-")) {
var a = telString.split("-");
var b = a.join("").trim();
} else {
var b = telString.trim();
}
return b.substr(1, b.length);
};
$scope.showDebug = function() {
return (typeof $routeParams.debug !== 'undefined') ? true : false;
};
};
return promise;
});_ui_share_app.directive('componentShopLocatorB', function($rootScope, $routeParams) {
var templateName = 'componentShopLocatorB';
var componentMain = 'componentShopLocator';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
margin: '@margin',
color_: '@color',
color_hover: '@colorhover',
color_active: '@coloractive',
placeholderimage: '@placeholderimage',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {};
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.data = [];
$scope.branch = [];
$scope.showPlaceHolderImage = ($scope.placeholderimage!='' && $scope.placeholderimage!=undefined) ? true : false;
$scope.getData = function() {
var d = {};
$scope.data = $scope.makeDummy();
};
$scope.branchListState = {
load: true,
done: false,
load_more: false
};
$scope.branchList = [];
$scope.fetchTimes = 1;
$scope.data_per_page = 12;
$scope.maxresult = 4;
$scope.getBranchList = function(cpage, ppage) {
$scope.branchListState = {
load: true,
done: false,
load_more: false
};
var dataSend = {
'cur_page': cpage,
'per_page': ppage
};
GAEAPI.get('shop_branch/lists', dataSend, $scope).then(function(res) {
if (res.ok == 1) {
$scope.branch = res.data;
$scope.branchList = res.data.dataList;
}
$scope.branchListState = {
load: false,
done: true,
load_more: false
};
});
}
$scope.getBranchList($scope.fetchTimes, $scope.data_per_page);
$scope.getBranchListLoadMore = function(cpage, ppage) {
$scope.branchListState = {
load: false,
done: false,
load_more: true
};
var dataSend = {
'cur_page': cpage,
'per_page': ppage
};
GAEAPI.get('shop_branch/lists', dataSend, $scope).then(function(res) {
if (res.ok == 1) {
$scope.branch = res.data;
$scope.branchList = res.data.dataList;
}
$scope.branchListState = {
load: false,
done: false,
load_more: false
};
});
}
$scope.loadMore = function() {
$scope.data_per_page = parseInt($scope.data_per_page) + parseInt($scope.maxresult);
$scope.getBranchListLoadMore($scope.fetchTimes, $scope.data_per_page);
};
$scope.showDebug = function() {
return (typeof $routeParams.debug !== 'undefined') ? true : false;
};
};
return promise;
});_ui_share_app.directive('componentShopLocatorC', function($rootScope, $routeParams) {
var templateName = 'componentShopLocatorC';
var componentMain = 'componentShopLocator';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
margin: '@margin',
color_: '@color',
color_hover: '@colorhover',
color_active: '@coloractive',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {};
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.data = [];
$scope.branch = [];
$scope.getData = function() {
var d = {};
$scope.data = $scope.makeDummy();
};
$scope.branchListState = {
load: true,
done: false,
load_more: false
};
$scope.branchList = [];
$scope.fetchTimes = 1;
$scope.data_per_page = 12;
$scope.maxresult = 4;
$scope.getBranchList = function(cpage, ppage) {
$scope.branchListState = {
load: true,
done: false,
load_more: false
};
var dataSend = {
'cur_page': cpage,
'per_page': ppage
};
GAEAPI.get('shop_branch/lists', dataSend, $scope).then(function(res) {
if (res.ok == 1) {
$scope.branch = res.data;
$scope.branchList = res.data.dataList;
}
$scope.branchListState = {
load: false,
done: true,
load_more: false
};
});
}
$scope.getBranchList($scope.fetchTimes, $scope.data_per_page);
$scope.showDebug = function() {
return (typeof $routeParams.debug !== 'undefined') ? true : false;
};
};
return promise;
});_ui_share_app.directive('componentShopLocatorCardA', function($rootScope, $routeParams) {
var templateName = 'componentShopLocatorCardA';
var componentMain = 'componentShopLocator';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
locatordata: '@locatordata',
placeholderimage: '@placeholderimage',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.item = JSON.parse($scope.locatordata);
console.log('locatordata : item', $scope.item);
$scope.displayImage = function(image_url, prefix) {
return (typeof image_url !== 'undefined') ? GAEAPI.getGaeImageUrl(image_url, prefix) : '';
}
$scope.showDebug = function() {
return (typeof $routeParams.debug !== 'undefined') ? true : false;
};
};
return promise;
});_ui_share_app.directive('componentShopLocatorCardB', function($rootScope, $routeParams) {
var templateName = 'componentShopLocatorCardB';
var componentMain = 'componentShopLocator';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
locatordata: '@locatordata',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.item = JSON.parse($scope.locatordata);
console.log('locatordata : item', $scope.item);
$scope.displayImage = function(image_url, prefix) {
return (typeof image_url !== 'undefined') ? GAEAPI.getGaeImageUrl(image_url, prefix) : '';
}
$scope.displayTelCode = function(telString) {
if (telString.indexOf("-")) {
var a = telString.split("-");
var b = a.join("").trim();
} else {
var b = telString.trim();
}
return b.substr(1, b.length);
};
$scope.showDebug = function() {
return (typeof $routeParams.debug !== 'undefined') ? true : false;
};
$scope.buildIframeMapByLocline = function(name, lat, lng) {
var newName = name;
if (/\s/.test(name)) {
var newNameOld = name.split(" ");
var DataName = newNameOld.join("+");
}
var srcByName = 'https://www.google.co.th/maps?q=' + DataName;
var srcByLoc = 'https://www.google.co.th/maps?q=' + lat + ',' + lng;
return (parseInt(lat) != 0 && parseInt(lng) != 0) ? srcByLoc : srcByName;
};
};
return promise;
});_ui_share_app.directive('componentShopLocatorCardC', function($rootScope, $routeParams) {
var templateName = 'componentShopLocatorCardC';
var componentMain = 'componentShopLocator';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
locatordata: '@locatordata',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.item = JSON.parse($scope.locatordata);
/*console.log('locatordata : item', $scope.item);*/
$scope.displayImage = function(image_url, prefix) {
return (typeof image_url !== 'undefined') ? GAEAPI.getGaeImageUrl(image_url, prefix) : '';
}
$scope.displayTelCode = function(telString) {
if (telString.indexOf("-")) {
var a = telString.split("-");
var b = a.join("").trim();
} else {
var b = telString.trim();
}
return b.substr(1, b.length);
};
$scope.showDebug = function() {
return (typeof $routeParams.debug !== 'undefined') ? true : false;
};
$scope.branch_day = function(i) {
switch (parseInt(i)) {
case 1:
return 'อาทิตย์';
break;
case 2:
return 'จันทร์';
break;
case 3:
return 'อังคาร';
break;
case 4:
return 'พุธ';
break;
case 5:
return 'พฤหัสบดี';
break;
case 6:
return 'ศุกร์';
break;
case 7:
return 'เสาร์';
break;
default:
return '-';
break;
}
};
$scope.buildTitleUrl = function(str) {
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
return s;
};
$scope.buildIframeMapByLocline = function(name, lat, lng) {
var newName = name;
if (/\s/.test(name)) {
var newNameOld = name.split(" ");
var DataName = newNameOld.join("+");
}
var srcByName = 'https://www.google.co.th/maps?q=' + DataName;
var srcByLoc = 'https://www.google.co.th/maps?q=' + lat + ',' + lng;
return (parseInt(lat) != 0 && parseInt(lng) != 0) ? srcByLoc : srcByName;
};
};
return promise;
});_ui_share_app.directive('componentShopLocatorCardD', function($rootScope, $routeParams) {
var templateName = 'componentShopLocatorCardD';
var componentMain = 'componentShopLocator';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
locatordata: '@locatordata',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.item = JSON.parse($scope.locatordata);
/*console.log('locatordata : item', $scope.item);*/
$scope.displayImage = function(image_url, prefix) {
return (typeof image_url !== 'undefined') ? GAEAPI.getGaeImageUrl(image_url, prefix) : '';
}
$scope.displayTelCode = function(telString) {
if (telString.indexOf("-")) {
var a = telString.split("-");
var b = a.join("").trim();
} else {
var b = telString.trim();
}
return b.substr(1, b.length);
};
$scope.displayTelCodefax = function(telString, num) {
if (telString.indexOf("+")) {
var a = telString.split("+");
}
return a[num];
};
$scope.showDebug = function() {
return (typeof $routeParams.debug !== 'undefined') ? true : false;
};
$scope.branch_day = function(i) {
switch (parseInt(i)) {
case 1:
return 'อาทิตย์';
break;
case 2:
return 'จันทร์';
break;
case 3:
return 'อังคาร';
break;
case 4:
return 'พุธ';
break;
case 5:
return 'พฤหัสบดี';
break;
case 6:
return 'ศุกร์';
break;
case 7:
return 'เสาร์';
break;
default:
return '-';
break;
}
};
$scope.buildTitleUrl = function(str) {
var s = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
return s;
};
$scope.buildIframeMapByLocline = function(name, lat, lng) {
var newName = name;
if (/\s/.test(name)) {
var newNameOld = name.split(" ");
var DataName = newNameOld.join("+");
}
var srcByName = 'https://www.google.co.th/maps?q=' + DataName;
var srcByLoc = 'https://www.google.co.th/maps?q=' + lat + ',' + lng;
return (parseInt(lat) != 0 && parseInt(lng) != 0) ? srcByLoc : srcByName;
};
};
return promise;
});_ui_share_app.directive('componentShopLocatorD', function($rootScope, $routeParams) {
var templateName = 'componentShopLocatorD';
var componentMain = 'componentShopLocator';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
margin: '@margin',
col: '@col',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {};
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.data = [];
$scope.branch = [];
$scope.getData = function() {
var d = {};
$scope.data = $scope.makeDummy();
};
$scope.branchListState = {
load: true,
done: false,
load_more: false
};
$scope.branchList = [];
$scope.fetchTimes = 1;
$scope.data_per_page = 12;
$scope.maxresult = 4;
$scope.getBranchList = function(cpage, ppage) {
$scope.branchListState = {
load: true,
done: false,
load_more: false
};
var dataSend = {
'cur_page': cpage,
'per_page': ppage
};
GAEAPI.get('shop_branch/lists', dataSend, $scope).then(function(res) {
if (res.ok == 1) {
$scope.branch = res.data;
$scope.branchList = res.data.dataList;
}
$scope.branchListState = {
load: false,
done: true,
load_more: false
};
});
}
$scope.getBranchList($scope.fetchTimes, $scope.data_per_page);
$scope.$watch('col', function(newValue, oldValue) {
if (!newValue) {
return;
}
$scope._col = newValue.toString().split(",");
});
$scope.getCol = function(n) {
return (typeof $scope._col != 'undefined') ? (typeof $scope._col[n] != 'undefined' && $scope._col[n] != '') ? $scope._col[n] : 12 : 12;
};
$scope.showDebug = function() {
return (typeof $routeParams.debug !== 'undefined') ? true : false;
};
};
return promise;
});var uiMapBrach = false;
_ui_share_app.directive('componentShopLocatorDetailA', function($rootScope, $routeParams) {
var templateName = 'componentShopLocatorDetailA';
var componentMain = 'componentShopLocator';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
_font: '@font',
margin: '@margin',
branchid: '@branchid',
icon: '@icon',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $http) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.data = [];
$scope.zoomBase = 16;
$scope.getData = function() {
var d = {};
$scope.data = $scope.makeDummy();
};
$scope.$watch('branchid', function(newValue, oldValue) {
if (!newValue) {
return;
}
});
if ($scope.branchid != "" || $scope.branchid != undefined) {
$scope.branchDetail = parseInt($scope.branchid);
} else {
$scope.branchDetail = parseInt(0);
}
$scope.rebuildMapByLatLng = function(latStr, lngStr) {
uiMapBrach = new google.maps.Map(document.getElementById('mapComponent'), {
zoom: $scope.zoomBase,
center: new google.maps.LatLng(latStr, lngStr),
mapTypeId: 'roadmap'
});
var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/';
var icons = {
info: {
name: 'info',
icon: $scope.imgPath + $scope.icon
}
};
var features = [{
position: new google.maps.LatLng(latStr, lngStr),
type: 'info'
}];
features.forEach(function(feature) {
var marker = new google.maps.Marker({
position: feature.position,
icon: icons[feature.type].icon,
map: uiMapBrach
});
});
if (uiMapBrach !== false && typeof uiMapBrach === 'object') {
$("#map").hide();
}
};
$scope.rebuildMapByName = function(data) {
/* iframe generate */
};
$scope.branchListIdDetail = [];
$scope.getBranchDetail = function() {
var dataSend = {
'txt_shop_branch_id': $scope.branchDetail
};
GAEAPI.get('shop_branch/id', dataSend, $scope).then(function(res) {
if (res.ok == 1) {
$scope.branchListIdDetail = res.data;
console.log("shop_branch", res);
/* loop */
var myLocationTimer = setInterval(function() {
/* loop check if orignal init */
if (typeof map === 'object' && $("#map").html() !== "") {
console.log('myLocationTimer: map', typeof map);
window.clearInterval(myLocationTimer);
var b = $scope.branchListIdDetail;
if (b.shop_branch_map_location_array.length > 0) {
/* map api */
uiMapBrach = false;
$scope.rebuildMapByLatLng(parseFloat(b.shop_branch_map_location_array[0].lat), parseFloat(b.shop_branch_map_location_array[0].lng));
} else {
/* ifrane */
$scope.rebuildMapByName();
}
}
}, 500);
} else {
console.log("shop_branch", res);
}
});
}
$scope.getBranchDetail();
$scope.getOpenTableFromGoogle = function(item) {
var r = [];
var e = 'https://maps.google.com/maps/api/geocode/json?address=';
};
$scope.makeDummy = function() {
var o = function(i) {
return {
'branch_id': i,
'branch_name': 'บริษัท เอ็กซ์-สปีด กรุ๊ป จำกัด',
'branch_phone': '02-979-5965-66',
'branch_mobile': '087-9999653',
'branch_description': 'สำนักงานใหญ่ detail',
'branch_short_description': 'สำนักงานใหญ่',
'branch_location_title': 'อาคาร เอ็กซ์-สปีด เลขที่ 9/69 หมู่ 1 ซอยบ้านกลาง 1/4 (เลียบคลองปะปา) ถนนปทุม-รังสิต ตำบลบ้านกลาง อำเภอเมือง จังหวัดปทุมธานี 12000',
'branch_location_latitude': '13.994813',
'branch_location_longtitude': '100.564529',
'branch_workingtime_array': [{
'txt_index': 1,
'txt_open': '10:00',
'txt_close': '19:00',
'txt_is_open': 0
}, {
'txt_index': 2,
'txt_open': '10:00',
'txt_close': '19:00',
'txt_is_open': 1
}, {
'txt_index': 3,
'txt_open': '10:00',
'txt_close': '19:00',
'txt_is_open': 1
}, {
'txt_index': 4,
'txt_open': '10:00',
'txt_close': '19:00',
'txt_is_open': 1
}, {
'txt_index': 5,
'txt_open': '10:00',
'txt_close': '19:00',
'txt_is_open': 1
}, {
'txt_index': 6,
'txt_open': '10:00',
'txt_close': '19:00',
'txt_is_open': 1
}, {
'txt_index': 7,
'txt_open': '10:00',
'txt_close': '19:00',
'txt_is_open': 0
}, ],
'branch_image': [{
'image_url': 'https://image.getappeasy.com/src/images/2000/1032/0033/32033t1496650984.jpg'
}]
};
}
var r = [o(1)];
$scope.getOpenTableFromGoogle(r[0]);
return r;
};
if ($scope.data.length <= 0) {
$scope.getData();
}
$scope.displayDayByIndex = function(i) {
switch (parseInt(i)) {
case 1:
return 'อาทิตย์';
break;
case 2:
return 'จันทร์';
break;
case 3:
return 'อังคาร';
break;
case 4:
return 'พุธ';
break;
case 5:
return 'พฤหัสบดี';
break;
case 6:
return 'ศุกร์';
break;
case 7:
return 'เสาร์';
break;
default:
return '-';
break;
}
};
$scope.displayTelCode = function(telString) {
if (/\s/.test(telString)) {
var newStringOld = telString.split("-");
var DataString = newStringOld.join(" ");
} else {
var DataString = telString;
}
return DataString;
};
$scope.buildIframeMapByNaneLoc = function(name, lat, lng) {
var newName = name;
if (/\s/.test(name)) {
var newNameOld = name.split(" ");
var DataName = newNameOld.join("+");
}
var srcByName = 'https://www.google.co.th/maps/embed/v1/place?key=AIzaSyDmUd9xXtDofVnrsSv8L7TENnBZYvW7V18&q=' + DataName;
var srcByLoc = 'https://www.google.co.th/maps?q=' + lat + ',' + lng + '&output=embed&hl=th-TH';
return (parseInt(lat) != 0 && parseInt(lng) != 0) ? srcByLoc : srcByName;
};
$scope.buildIframeMapByLoc = function(name, lat, lng) {
var newName = name;
if (/\s/.test(name)) {
var newNameOld = name.split(" ");
var DataName = newNameOld.join("+");
}
var srcByName = 'https://www.google.co.th/maps?q=' + DataName + '&output=embed&hl=th-TH';
var srcByLoc = 'https://www.google.co.th/maps?q=' + lat + ',' + lng + '&output=embed&hl=th-TH';
return (parseInt(lat) != 0 && parseInt(lng) != 0) ? srcByLoc : srcByName;
};
$scope.buildIframeMapByLocline = function(name, lat, lng) {
var newName = name;
if (/\s/.test(name)) {
var newNameOld = name.split(" ");
var DataName = newNameOld.join("+");
}
var srcByName = 'https://www.google.co.th/maps?q=' + DataName;
var srcByLoc = 'https://www.google.co.th/maps?q=' + lat + ',' + lng;
return (parseInt(lat) != 0 && parseInt(lng) != 0) ? srcByLoc : srcByName;
};
$scope.map = [];
$scope.initMap = function() {
$scope.map = new google.maps.Map(document.getElementById('map'), {
zoom: $scope.zoomBase,
center: new google.maps.LatLng(13.679963, 100.723735),
mapTypeId: 'roadmap'
});
};
};
return promise;
});var uiMapBrach = false;
_ui_share_app.directive('componentShopLocatorDetailB', function($rootScope, $routeParams) {
var templateName = 'componentShopLocatorDetailB';
var componentMain = 'componentShopLocator';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
_font: '@font',
margin: '@margin',
branchid: '@branchid',
icon: '@icon',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $http) {
$scope.imgPath = CUR_THEME.file_url() + 'images/';
$scope.data = [];
$scope.zoomBase = 14;
$scope.getData = function() {
var d = {};
$scope.data = $scope.makeDummy();
};
$scope.$watch('branchid', function(newValue, oldValue) {
if (!newValue) {
return;
}
});
if ($scope.branchid != "" || $scope.branchid != undefined) {
$scope.branchDetail = parseInt($scope.branchid);
} else {
$scope.branchDetail = parseInt(0);
}
$scope.rebuildMapByLatLng = function(latStr) {
uiMapBrach = new google.maps.Map(document.getElementById('mapComponent'), {
zoom: $scope.zoomBase,
center: new google.maps.LatLng(parseFloat(latStr[0].shop_branch_map_location_array[0].lat),parseFloat(latStr[0].shop_branch_map_location_array[0].lng)),
mapTypeId: 'roadmap'
});
var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/';
var icons = {
info: {
name: 'info',
icon: 'https://openclipart.org/image/50px/svg_to_png/262009/Map-Pin.png'
}
};
var features = [];
for (var i = 0; i < latStr.length; i++) {
features.push({
position: new google.maps.LatLng(parseFloat(latStr[i].shop_branch_map_location_array[0].lat),parseFloat(latStr[i].shop_branch_map_location_array[0].lng)),
type: 'info',
});
}
features.forEach(function(feature) {
var marker = new google.maps.Marker({
position: feature.position,
icon: icons[feature.type].icon,
map: uiMapBrach
});
});
if (uiMapBrach !== false && typeof uiMapBrach === 'object') {
$("#map").hide();
}
};
$scope.rebuildMapByName = function(data) {
/* iframe generate */
};
$scope.branchListIdDetail = [];
$scope.getBranchDetail = function() {
var dataSend = {
'cur_page': 1,
'per_page':10,
/*'txt_shop_branch_id': $scope.branchDetail */
};
GAEAPI.get('shop_branch/lists', dataSend, $scope).then(function(res) {
if (res.ok == 1) {
$scope.branchListIdDetail = res.data.dataList;
console.log("shop_branch", res);
/* loop */
var myLocationTimer = setInterval(function() {
/* loop check if orignal init */
if (typeof map === 'object' && $("#map").html() !== "") {
console.log('myLocationTimer: map', typeof map);
window.clearInterval(myLocationTimer);
var b = $scope.branchListIdDetail;
if (b[0].shop_branch_map_location_array.length > 0) {
/* map api */
uiMapBrach = false;
$scope.rebuildMapByLatLng(b);
} else {
/* ifrane */
$scope.rebuildMapByName();
}
}
}, 500);
} else {
console.log("shop_branch", res);
}
});
}
$scope.getBranchDetail();
$scope.getOpenTableFromGoogle = function(item) {
var r = [];
var e = 'https://maps.google.com/maps/api/geocode/json?address=';
};
$scope.makeDummy = function() {
var o = function(i) {
return {
'branch_id': i,
'branch_name': 'บริษัท เอ็กซ์-สปีด กรุ๊ป จำกัด',
'branch_phone': '02-979-5965-66',
'branch_mobile': '087-9999653',
'branch_description': 'สำนักงานใหญ่ detail',
'branch_short_description': 'สำนักงานใหญ่',
'branch_location_title': 'อาคาร เอ็กซ์-สปีด เลขที่ 9/69 หมู่ 1 ซอยบ้านกลาง 1/4 (เลียบคลองปะปา) ถนนปทุม-รังสิต ตำบลบ้านกลาง อำเภอเมือง จังหวัดปทุมธานี 12000',
'branch_location_latitude': '13.994813',
'branch_location_longtitude': '100.564529',
'branch_workingtime_array': [{
'txt_index': 1,
'txt_open': '10:00',
'txt_close': '19:00',
'txt_is_open': 0
}, {
'txt_index': 2,
'txt_open': '10:00',
'txt_close': '19:00',
'txt_is_open': 1
}, {
'txt_index': 3,
'txt_open': '10:00',
'txt_close': '19:00',
'txt_is_open': 1
}, {
'txt_index': 4,
'txt_open': '10:00',
'txt_close': '19:00',
'txt_is_open': 1
}, {
'txt_index': 5,
'txt_open': '10:00',
'txt_close': '19:00',
'txt_is_open': 1
}, {
'txt_index': 6,
'txt_open': '10:00',
'txt_close': '19:00',
'txt_is_open': 1
}, {
'txt_index': 7,
'txt_open': '10:00',
'txt_close': '19:00',
'txt_is_open': 0
}, ],
'branch_image': [{
'image_url': 'https://image.getappeasy.com/src/images/2000/1032/0033/32033t1496650984.jpg'
}]
};
}
var r = [o(1)];
$scope.getOpenTableFromGoogle(r[0]);
return r;
};
if ($scope.data.length <= 0) {
$scope.getData();
}
$scope.displayDayByIndex = function(i) {
switch (parseInt(i)) {
case 1:
return 'อาทิตย์';
break;
case 2:
return 'จันทร์';
break;
case 3:
return 'อังคาร';
break;
case 4:
return 'พุธ';
break;
case 5:
return 'พฤหัสบดี';
break;
case 6:
return 'ศุกร์';
break;
case 7:
return 'เสาร์';
break;
default:
return '-';
break;
}
};
$scope.displayTelCode = function(telString) {
if (/\s/.test(telString)) {
var newStringOld = telString.split("-");
var DataString = newStringOld.join(" ");
} else {
var DataString = telString;
}
return DataString;
};
$scope.buildIframeMapByNaneLoc = function(name, lat, lng) {
var newName = name;
if (/\s/.test(name)) {
var newNameOld = name.split(" ");
var DataName = newNameOld.join("+");
}
var srcByName = 'https://www.google.co.th/maps/embed/v1/place?key=AIzaSyDmUd9xXtDofVnrsSv8L7TENnBZYvW7V18&q=' + DataName;
var srcByLoc = 'https://www.google.co.th/maps?q=' + lat + ',' + lng + '&output=embed&hl=th-TH';
return (parseInt(lat) != 0 && parseInt(lng) != 0) ? srcByLoc : srcByName;
};
$scope.buildIframeMapByLoc = function(name, lat, lng) {
var newName = name;
if (/\s/.test(name)) {
var newNameOld = name.split(" ");
var DataName = newNameOld.join("+");
}
var srcByName = 'https://www.google.co.th/maps?q=' + DataName + '&output=embed&hl=th-TH';
var srcByLoc = 'https://www.google.co.th/maps?q=' + lat + ',' + lng + '&output=embed&hl=th-TH';
return (parseInt(lat) != 0 && parseInt(lng) != 0) ? srcByLoc : srcByName;
};
$scope.buildIframeMapByLocline = function(name, lat, lng) {
var newName = name;
if (/\s/.test(name)) {
var newNameOld = name.split(" ");
var DataName = newNameOld.join("+");
}
var srcByName = 'https://www.google.co.th/maps?q=' + DataName;
var srcByLoc = 'https://www.google.co.th/maps?q=' + lat + ',' + lng;
return (parseInt(lat) != 0 && parseInt(lng) != 0) ? srcByLoc : srcByName;
};
$scope.map = [];
$scope.initMap = function() {
$scope.map = new google.maps.Map(document.getElementById('map'), {
zoom: $scope.zoomBase,
center: new google.maps.LatLng(13.679963, 100.723735),
mapTypeId: 'roadmap'
});
};
};
return promise;
});_ui_share_app.directive('componentShopLocatorDetailC', function($rootScope, $routeParams, sliderProvider) {
var templateName = 'componentShopLocatorDetailC';
var componentMain = 'componentShopLocator';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
branchid: '@branchid',
home: '@home',
branchlists: '@branchlists',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.controller = function($scope, $timeout, $interval, $q, $http) {
$scope._home = (typeof $scope.home == 'undefined' || $scope.home == '') ? "หน้าแรก" : $scope.home;
$scope._branchlists = (typeof $scope.branchlists == 'undefined' || $scope.branchlists == '') ? "สาขาทั้งหมด" : $scope.branchlists;
$scope.displayTelCode = function(telString) {
if (telString != undefined) {
if (telString.indexOf("-")) {
var a = telString.split("-");
var b = a.join("").trim();
} else {
var b = telString.trim();
}
return b.substr(1, b.length);
}
};
$scope._getPostIdFromURL = function() {
var test = $scope.branchid;
var a = $scope.branchid;
if (typeof $routeParams.branch_id !== 'undefined') {
test = parseInt($routeParams.branch_id);
a = $routeParams.branch_id;
}
if (typeof test === 'number' && test > 0) {
return test;
} else {
var b = a.split("-");
return b[0];
}
};
// $scope.$watch('branchid', function(newValue, oldValue) {
// if (!newValue) {
// return;
// }else{
// $scope.getBranchDetail($scope._getPostIdFromURL());
// }
// });
$scope.branchListIdDetail = [];
$scope.getBranchDetail = function() {
var dataSend = {
'txt_shop_branch_id': $scope._getPostIdFromURL(),
};
GAEAPI.get('shop_branch/id', dataSend, $scope).then(function(res) {
if (res.ok == 1) {
$scope.branchListIdDetail = res.data;
console.log("shop_branch", res);
} else {
console.log("shop_branch", res);
}
});
};
$scope.getBranchDetail();
$scope.displayDayByIndex = function(i) {
switch (parseInt(i)) {
case 1:
return 'อาทิตย์';
break;
case 2:
return 'จันทร์';
break;
case 3:
return 'อังคาร';
break;
case 4:
return 'พุธ';
break;
case 5:
return 'พฤหัสบดี';
break;
case 6:
return 'ศุกร์';
break;
case 7:
return 'เสาร์';
break;
default:
return '-';
break;
}
};
$scope.buildIframeMapByLocline = function(name, lat, lng) {
var newName = name;
if (/\s/.test(name)) {
var newNameOld = name.split(" ");
var DataName = newNameOld.join("+");
}
var srcByName = 'https://www.google.co.th/maps?q=' + DataName;
var srcByLoc = 'https://www.google.co.th/maps?q=' + lat + ',' + lng + '&output=embed&hl=th-TH';
return (parseInt(lat) != 0 && parseInt(lng) != 0) ? srcByLoc : srcByName + '&output=embed&hl=th-TH';
};
$rootScope.$on('repeatend', function() {
/* Slider Send */
var optionsParmas = {
autoplay: true,
slidesToShow: 1,
slidesToScroll: 1,
dots: false,
arrows: false,
infinite: true
};
var extraOptions = {
animate: false
};
$timeout(function() {
sliderProvider("#gallery_slider", optionsParmas, "", "", extraOptions);
}, 500);
});
$scope._slickGoLeft = function() {
$timeout(function() {
$('#gallery_slider').slick('slickPrev');
}, 100);
};
$scope._slickGoRight = function() {
$timeout(function() {
$('#gallery_slider').slick('slickNext');
}, 100);
};
/* Click SLick Item */
$scope.slickGoto = function(idx) {
$timeout(function() {
$('#gallery_slider').slick('slickGoTo', idx);
}, 100);
};
};
return promise;
});_ui_share_app.directive('componentShopLocatorE', function($rootScope, $routeParams) {
var templateName = 'componentShopLocatorE';
var componentMain = 'componentShopLocator';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
margin: '@margin',
col: '@col',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {};
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.data = [];
$scope.branch = [];
$scope.getData = function() {
var d = {};
$scope.data = $scope.makeDummy();
};
$scope.branchListState = {
load: true,
done: false,
load_more: false
};
$scope.branchList = [];
$scope.fetchTimes = 1;
$scope.data_per_page = 60;
$scope.maxresult = 4;
$scope.getBranchList = function(cpage, ppage) {
$scope.branchListState = {
load: true,
done: false,
load_more: false
};
var dataSend = {
'cur_page': cpage,
'per_page': ppage
};
GAEAPI.get('shop_branch/lists', dataSend, $scope).then(function(res) {
if (res.ok == 1) {
$scope.branch = res.data;
$scope.branchList = res.data.dataList;
}
$scope.branchListState = {
load: false,
done: true,
load_more: false
};
});
}
$scope.getBranchList($scope.fetchTimes, $scope.data_per_page);
$scope.$watch('col', function(newValue, oldValue) {
if (!newValue) {
return;
}
$scope._col = newValue.toString().split(",");
});
$scope.getCol = function(n) {
return (typeof $scope._col != 'undefined') ? (typeof $scope._col[n] != 'undefined' && $scope._col[n] != '') ? $scope._col[n] : 12 : 12;
};
$scope.showDebug = function() {
return (typeof $routeParams.debug !== 'undefined') ? true : false;
};
};
return promise;
});_ui_share_app.directive('componentShopLocatorMenuDropdownA', function($rootScope, $routeParams) {
var templateName = 'componentShopLocatorMenuDropdownA';
var componentMain = 'componentShopLocator';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
_font: '@font',
imgpath: '@imgpath',
_menustart: '@menustart',
_color: '@color',
_backgroundcolor: '@backgroundcolor',
_backgroundcolordropdown: '@backgroundcolordropdown',
};
promise.templateUrl = templatePathUrl;
promise.transclude = true;
promise.link = function(scope, element, attr) {};
promise.controller = function($scope, $timeout, $interval, $window) {
$scope.activeMenu = function() {
if (!angular.element('._heading').hasClass('active')) {
angular.element('._heading').addClass('active')
} else {
angular.element('._heading').removeClass('active')
}
};
$scope._viewRouteParams = function() {
return $routeParams || false;
};
$scope._heading = '';
$scope.getHeading = function() {
if (typeof $scope._viewRouteParams().branchname !== 'undefined' && typeof $scope._viewRouteParams().branchname != '') {
$scope._heading = $scope._viewRouteParams().branchname;
} else {
$scope._heading = $scope._menustart;
}
}
$scope.getHeading();
$scope.forbidden = false;
$scope._config = [];
$scope._host = _ui_host + templateName + '/';
$scope.myFunctionDropdown = function() {
$scope.activeMenu();
document.getElementById("myDropdown").classList.toggle("show");
}
$scope.onclick = function(event) {
if (!event.target.matches('.dropbtn')) {
var dropdowns = document.getElementsByClassName("dropdown-content");
var i;
for (i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns[i];
if (openDropdown.classList.contains('show')) {
openDropdown.classList.remove('show');
}
}
}
}
$scope._page_branch = false;
$scope._get_page_branch = function() {
var dataSend = {
'cur_page': 1,
'per_page': 50,
};
GAEAPI.get('shop_branch/lists', dataSend).then(function(res) {
if (res.ok === 1) {
$scope._page_branch = res.data.dataList;
}
});
};
$scope._get_page_branch();
$scope.displayImage = function(image_url, prefix) {
return GAEAPI.getGaeImageUrl(image_url, prefix);
}
$scope.showDebug = function() {
return (typeof $routeParams.debug !== 'undefined') ? true : false;
};
};
return promise;
});_ui_share_app.directive('componentShopLocatorTypeMaeju', function($rootScope, $routeParams) {
var templateName = 'componentShopLocatorTypeMaeju';
var componentMain = 'componentShopLocator';
var templatePathUrl = _ui_share_host + componentMain + '/expansions/' + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.scope = {
name: '@name',
};
promise.link = function(scope, element, attr) {};
promise.templateUrl = templatePathUrl;
promise.transclude = {};
promise.controller = function($scope, $timeout, $interval, $q, $window) {
$scope.icnPath = CUR_THEME.file_url() + '../../assets/';
$scope.getData = function() {
var getFunction = {
consoleLog: function(name, data) {
console.log('componentShopLocatorTypeMaeju : ', name, data);
},
getRouteParams: function(callback) {
var params = $routeParams;
callback(params);
},
stateData: function(load, done) {
var _self = this;
_self.consoleLog("getData : ", "------- stateData -------");
_self.consoleLog("getData : load : ", load);
_self.consoleLog("getData : done : ", done);
_self.consoleLog("getData : ", "------- stateData -------");
var state = {
load: load,
done: done
};
return state;
},
dataSend: function(api, dataSend, callback) {
var _self = this;
_self.consoleLog("getData : ", "------- dataSend -------");
_self.consoleLog("getData : api : ", api);
_self.consoleLog("getData : dataSend : ", dataSend);
_self.consoleLog("getData : ", "------- dataSend -------");
callback(api, dataSend);
},
getApi: function(api, dataSend, callback) {
var _self = this;
GAEAPI.get(api, dataSend, $scope).then(function(res) {
_self.consoleLog("getData : ", "------- getApi -------");
_self.consoleLog("getData : api : ", api);
_self.consoleLog("getData : dataSend : ", dataSend);
_self.consoleLog("getData : res : ", res);
_self.consoleLog("getData : ", "------- getApi -------");
callback(res);
});
},
titleUrl: function(str) {
var url = str.replace(/[^a-zA-Zก-๙0-9 ]/g, "").split(" ").join("-").replace("--", "-");
return url;
},
locationUrl: function(template, data) {
$location.url(template + data).replace();
},
main: function() {
var _self = this;
}
}
return getFunction;
};
$scope.setData = {
cur_page: 1,
per_page: 8,
total_rows: 0,
total_rows_state: {
load: false,
done: false
},
api: 'shop_branch/lists',
dataSend: {},
state: {
load: false,
done: false
},
dataArray: []
};
$scope.getData().getRouteParams(function(params) {
$scope.setData.state = $scope.getData().stateData(true, false);
$scope.setData.dataSend = {
'cur_page': $scope.setData.cur_page,
'per_page': $scope.setData.per_page
};
$scope.getData().dataSend($scope.setData.api, $scope.setData.dataSend, function(api, dataSend) {
$scope.getData().getApi(api, dataSend, function(res) {
$scope.setData.total_rows = res.data.total_rows;
$scope.setData.dataArray = res.data.dataList;
$scope.setData.state = $scope.getData().stateData(false, true);
});
});
});
$scope.loadMore = function() {
if (!$scope.setData.total_rows_state.load) {
$scope.setData.cur_page++;
$scope.setData.total_rows_state = $scope.getData().stateData(true, false);
$scope.getData().getRouteParams(function(params) {
$scope.setData.dataSend = {
'cur_page': $scope.setData.cur_page,
'per_page': $scope.setData.per_page
};
$scope.getData().dataSend($scope.setData.api, $scope.setData.dataSend, function(api, dataSend) {
$scope.getData().getApi(api, dataSend, function(res) {
if ($scope.setData.dataArray.length < res.data.total_rows) {
$scope.setData.total_rows = res.data.total_rows;
var oldData = $scope.setData.dataArray;
$scope.setData.dataArray = oldData.concat(res.data.dataList);
} else {
$scope.setData.cur_page--;
}
$scope.setData.total_rows_state = $scope.getData().stateData(false, false);
});
});
});
}
};
};
return promise;
});_ui_share_app.directive('componentShopLogo', function() {
var templateName = 'componentShopLogo';
var templatePathUrl = _ui_share_host + templateName + '/' + templateName + '.html';
var promise = {};
promise.restrict = 'AE';
promise.link = function(scope, element, attr) {
var parentElement = element.parent();
/*element.parent().find('img').hide();*/
var imageVirtual_Attr = "";
/* height */
if (element.attr('height')) {
imageVirtual_Attr += ' height="' + element.attr('height') + '" ';
}
/* width */
if (element.attr('width')) {
imageVirtual_Attr += ' width="' + element.attr('width') + '" ';
}
/* class */
if (element[0].classList !== '') {
imageVirtual_Attr += ' class="' + element[0].classList + '" ';
}
/* style */
imageVirtual_Attr += ' style="';
if (element[0].style.width !== '') {
imageVirtual_Attr += 'width:' + element[0].style.width + '; ';
}
if (element[0].style.height !== '') {
imageVirtual_Attr += 'height:' + element[0].style.height + '; ';
}
if (element[0].style.maxWidth !== '') {
imageVirtual_Attr += 'max-width:' + element[0].style.maxWidth + '; ';
}
if (element[0].style.maxHeight !== '') {
imageVirtual_Attr += 'max-height:' + element[0].style.maxHeight + '; ';
}
/*if(element[0].style.opacity!==''){
imageVirtual_Attr += 'max-height:'+element[0].style.opacity+'; ';
}
if(element[0].style.transform!==''){
imageVirtual_Attr += 'max-height:'+element[0].style.transform+'; ';
}*/
imageVirtual_Attr += '"';
function buildLogo(type, logoLight, logoDark, logoGlyph) {
switch (type) {
case 'light':
if (logoLight != '') {
element.addClass('force-dispaly-none');
parentElement.append('