first
This commit is contained in:
shim
250
modules/member/themes/_mobile/rc-default/profile/profile.js
Normal file
250
modules/member/themes/_mobile/rc-default/profile/profile.js
Normal file
@@ -0,0 +1,250 @@
|
||||
// RGB 코드 헥사코드 변환
|
||||
function RGBToHex(rgb) {
|
||||
let sep = rgb.indexOf(",") > -1 ? "," : " ";
|
||||
rgb = rgb.substr(4).split(")")[0].split(sep);
|
||||
let r = (+rgb[0]).toString(16),
|
||||
g = (+rgb[1]).toString(16),
|
||||
b = (+rgb[2]).toString(16);
|
||||
if (r.length == 1)
|
||||
r = "0" + r;
|
||||
if (g.length == 1)
|
||||
g = "0" + g;
|
||||
if (b.length == 1)
|
||||
b = "0" + b;
|
||||
return "#" + r + g + b;
|
||||
}
|
||||
|
||||
// 배경밝기에 따라 반전된 폰트 칼라 적용
|
||||
function convertColor(hex) {
|
||||
hex = hex.replace('#', '');
|
||||
r = parseInt(hex.substring(0, 2), 16);
|
||||
g = parseInt(hex.substring(2, 4), 16);
|
||||
b = parseInt(hex.substring(4, 6), 16);
|
||||
var o = Math.round(((parseInt(r) * 299) + (parseInt(g) * 587) + (parseInt(b) * 114)) / 1000);
|
||||
if (o > 125) {
|
||||
result = true;
|
||||
} else {
|
||||
result = false;
|
||||
}
|
||||
return result;
|
||||
}
|
||||
|
||||
function getPofileView(modal,mbruid) {
|
||||
$.post(rooturl+'/?r='+raccount+'&m=member&a=get_profileData',{
|
||||
mbruid : mbruid,
|
||||
type : 'modal'
|
||||
},function(response){
|
||||
var result = $.parseJSON(response);
|
||||
var profile=result.profile;
|
||||
var nic=result.nic;
|
||||
modal.find('[data-role="title"]').text(nic);
|
||||
modal.find('.content').html(profile);
|
||||
|
||||
modal.find('[data-role="cover"]').load(function(){
|
||||
var colorThief = new ColorThief();
|
||||
var coverImage = modal.find('[data-role="cover"]')[0];
|
||||
var cover_rgb = colorThief.getColor(coverImage);
|
||||
modal.find('.bar').css('background-color', 'rgb(' + cover_rgb + ')');
|
||||
var _cover_rgb = modal.find('.bar').css('background-color');
|
||||
var cover_hex = RGBToHex(_cover_rgb)
|
||||
|
||||
if (convertColor(cover_hex)) {
|
||||
modal.find('.bar').removeClass('bar-dark').addClass('bar-light');
|
||||
} else {
|
||||
modal.find('.bar').removeClass('bar-light').addClass('bar-dark');
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
modal.find('.content [data-plugin="timeago"]').timeago();
|
||||
var nav_control = modal.find('.profile-nav-control')
|
||||
var swiper_member_profile = new Swiper('#modal-member-profile-'+mbruid+' .swiper-container', {
|
||||
autoHeight: true,
|
||||
pagination: {
|
||||
el: '#modal-member-profile-'+mbruid+' .bar-header-secondary .nav-inline',
|
||||
clickable: true,
|
||||
autoHeight: true,
|
||||
effect : 'fade',
|
||||
spaceBetween: 30,
|
||||
slideActiveClass :'active',
|
||||
bulletClass : 'nav-link',
|
||||
bulletActiveClass : 'active' ,
|
||||
autoHeight : true,
|
||||
renderBullet: function (index, className) {
|
||||
var title;
|
||||
if (index === 0) title = '홈';
|
||||
if (index === 1) title = '동영상'
|
||||
if (index === 2) title = '재생목록'
|
||||
if (index === 3) title = '커뮤니티'
|
||||
if (index === 4) title = '채널'
|
||||
if (index === 5) title = '정보'
|
||||
return '<a class="' + className + '">'+title+'</a>';
|
||||
},
|
||||
},
|
||||
on: {
|
||||
init: function () {
|
||||
console.log('swiper 초기화');
|
||||
},
|
||||
}
|
||||
});
|
||||
|
||||
swiper_member_profile.on('slideChange', function () {
|
||||
var index = swiper_member_profile.activeIndex
|
||||
nav_control.find('.nav-link').removeClass('active')
|
||||
nav_control.find('[data-index="'+index+'"]').addClass('active')
|
||||
setTimeout(function(){
|
||||
modal.find('.content').animate({scrollTop:0}, '400');
|
||||
}, 600);
|
||||
|
||||
var currentPage =1; // 처음엔 무조건 1, 아래 더보기 진행되면서 +1 증가
|
||||
var recnum = 10;
|
||||
|
||||
//무한 스크롤 환경 초기화
|
||||
modal.find('.infinitescroll-end').remove();
|
||||
modal.find('.content .content-padded [data-role="list"]').empty();
|
||||
// var content_markup = modal.find('.content').clone().wrapAll("<div/>").parent().html();
|
||||
// modal.find('.content').infinitescroll('destroy');
|
||||
// modal.append(content_markup);
|
||||
|
||||
if (index==0) { // 프로필 홈
|
||||
|
||||
}
|
||||
|
||||
if (index==1) { // 동영상
|
||||
modal.find('[data-role="postList"] [data-role="list"]').loader({ position: 'inside' });
|
||||
$.post(rooturl+'/?r='+raccount+'&m=member&a=get_profilePost',{
|
||||
mbruid : mbruid,
|
||||
format : 2, //video
|
||||
type : 'modal',
|
||||
recnum : recnum
|
||||
},function(response){
|
||||
var result = $.parseJSON(response);
|
||||
var postlist=result.list;
|
||||
var postnum=result.num;
|
||||
var totalPage=result.tpg;
|
||||
modal.find('[data-role="postList"] [data-role="list"]').html(postlist);
|
||||
|
||||
if (postnum) {
|
||||
modal.find('[data-role="postList"] .btn').show();
|
||||
|
||||
if (postnum>recnum) {
|
||||
//무한 스크롤
|
||||
modal.find('.content').infinitescroll({
|
||||
dataSource: function(helpers, callback){
|
||||
var nextPage = parseInt(currentPage)+1;
|
||||
if (totalPage>currentPage) {
|
||||
$.post(rooturl+'/?r='+raccount+'&m=member&a=get_profilePost',{
|
||||
mbruid : mbruid,
|
||||
format : 2, //video
|
||||
type : 'modal',
|
||||
recnum : recnum,
|
||||
p : nextPage
|
||||
},function(response) {
|
||||
var result = $.parseJSON(response);
|
||||
var error = result.error;
|
||||
var list=result.list;
|
||||
if(error) alert(result.error);
|
||||
callback({ content: list });
|
||||
|
||||
currentPage++; // 현재 페이지 +1
|
||||
console.log(currentPage+'페이지 불러옴')
|
||||
wrapper.find('[data-plugin="timeago"]').timeago();
|
||||
//wrapper.find('[data-plugin="markjs"]').mark(keyword); // marks.js
|
||||
swiper_member_profile.updateAutoHeight(100);
|
||||
});
|
||||
} else {
|
||||
callback({ end: true });
|
||||
console.log('더이상 불러올 페이지가 없습니다.')
|
||||
}
|
||||
},
|
||||
appendToEle : modal.find('[data-role="postList"] .content-padded'),
|
||||
percentage : 85, // 95% 아래로 스크롤할때 다움페이지 호출
|
||||
hybrid : false // true: 버튼형, false: 자동
|
||||
});
|
||||
}
|
||||
|
||||
} else {
|
||||
modal.find('[data-role="postList"] .btn').hide();
|
||||
}
|
||||
|
||||
swiper_member_profile.updateAutoHeight(100);
|
||||
modal.find('[data-role="postList"] [data-role="list"] [data-plugin="timeago"]').timeago();
|
||||
});
|
||||
}
|
||||
|
||||
if (index==2) { // 리스트
|
||||
modal.find('[data-role="listList"] [data-role="list"]').loader({ position: 'inside' });
|
||||
$.post(rooturl+'/?r='+raccount+'&m=member&a=get_profileList',{
|
||||
mbruid : mbruid,
|
||||
type : 'modal'
|
||||
},function(response){
|
||||
var result = $.parseJSON(response);
|
||||
var listlist=result.list;
|
||||
var listnum=result.num;
|
||||
modal.find('[data-role="listList"] [data-role="list"]').html(listlist);
|
||||
if (listnum) modal.find('[data-role="listList"] .btn').show();
|
||||
else modal.find('[data-role="listList"] .btn').hide();
|
||||
swiper_member_profile.updateAutoHeight(100);
|
||||
modal.find('[data-role="listList"] [data-role="list"] [data-plugin="timeago"]').timeago();
|
||||
});
|
||||
}
|
||||
|
||||
if (index==3) { // 커뮤니티
|
||||
modal.find('[data-role="commList"] [data-role="list"]').loader({ position: 'inside' });
|
||||
$.post(rooturl+'/?r='+raccount+'&m=member&a=get_profileComm',{
|
||||
mbruid : mbruid,
|
||||
type : 'modal'
|
||||
},function(response){
|
||||
var result = $.parseJSON(response);
|
||||
var commlist=result.list;
|
||||
var commnum=result.num;
|
||||
modal.find('[data-role="commList"] [data-role="list"]').html(commlist);
|
||||
swiper_member_profile.updateAutoHeight(100);
|
||||
modal.find('[data-role="commList"] [data-role="list"] [data-plugin="timeago"]').timeago();
|
||||
});
|
||||
}
|
||||
|
||||
if (index==4) { // 채널
|
||||
modal.find('[data-role="followList"] [data-role="list"]').loader({ position: 'inside' });
|
||||
$.post(rooturl+'/?r='+raccount+'&m=member&a=get_profileFollow',{
|
||||
mbruid : mbruid,
|
||||
type : 'modal'
|
||||
},function(response){
|
||||
var result = $.parseJSON(response);
|
||||
var followlist=result.list;
|
||||
var follownum=result.num;
|
||||
modal.find('[data-role="followList"] [data-role="list"]').html(followlist);
|
||||
swiper_member_profile.updateAutoHeight(100);
|
||||
modal.find('[data-role="followList"] [data-role="list"] [data-plugin="timeago"]').timeago();
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
nav_control.find('.nav-link').click(function(){
|
||||
var index = $(this).data('index')
|
||||
swiper_member_profile.slideTo(index);
|
||||
});
|
||||
});
|
||||
|
||||
// edgeEffect
|
||||
var wrapper_startY = 0;
|
||||
modal.find('.content').on('touchstart',function(event){
|
||||
wrapper_startY = event.originalEvent.changedTouches[0].pageY;
|
||||
});
|
||||
modal.find('.content').on('touchmove',function(event){
|
||||
var wrapper_moveY = event.originalEvent.changedTouches[0].pageY;
|
||||
var wrapper_contentY = $(this).scrollTop();
|
||||
if (wrapper_contentY === 0 && wrapper_moveY > wrapper_startY) {
|
||||
if (wrapper_moveY-wrapper_startY>80) {
|
||||
edgeEffect(modal,'top','show');
|
||||
}
|
||||
}
|
||||
if( (wrapper_moveY < wrapper_startY) && ($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight)) {
|
||||
if (wrapper_startY-wrapper_moveY>80) {
|
||||
edgeEffect(modal,'bottom','show');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
} // getPofileView
|
||||
Reference in New Issue
Block a user