251 lines
9.3 KiB
JavaScript
251 lines
9.3 KiB
JavaScript
// 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
|