/**
TaoLer社区修改 www.aieok.com
@Name: Fly社区主入口
2021-5.21
*/
layui.define(['layer', 'laytpl', 'form', 'element', 'upload', 'util', 'imgcom'], function(exports){
var $ = layui.jquery
,layer = layui.layer
,laytpl = layui.laytpl
,form = layui.form
,element = layui.element
,upload = layui.upload
,util = layui.util
,imgcom = layui.imgcom
,device = layui.device()
,DISABLED = 'layui-btn-disabled';
var uid = layui.cache.user.uid;
//阻止IE7以下访问
if(device.ie && device.ie < 8){
layer.alert('如果您非得使用 IE 浏览器访问Fly社区，那么请使用 IE8+');
}
layui.focusInsert = function(obj, str){
var result, val = obj.value;
obj.focus();
if(document.selection){ //ie
result = document.selection.createRange();
document.selection.empty();
result.text = str;
} else {
result = [val.substring(0, obj.selectionStart), str, val.substr(obj.selectionEnd)];
obj.focus();
obj.value = result.join('');
}
};
//数字前置补零
layui.laytpl.digit = function(num, length, end){
var str = '';
num = String(num);
length = length || 2;
for(var i = num.length; i < length; i++){
str += '0';
}
return num < Math.pow(10, length) ? str + (num|0) : num;
};
var fly = {
dir: layui.cache.host + 'static/res/mods/' //模块路径
//Ajax
,json: function(url, data, success, options){
var that = this, type = typeof data === 'function';
if(type){
options = success
success = data;
data = {};
}
options = options || {};
return $.ajax({
type: options.type || 'post',
dataType: options.dataType || 'json',
data: data,
url: url,
success: function(res){
if(res.status === 0) {
success && success(res);
} else {
layer.msg(res.msg || res.code, {shift: 6});
options.error && options.error();
}
}, error: function(e){
layer.msg('请求异常，请重试', {shift: 6});
options.error && options.error(e);
}
});
}
//计算字符长度
,charLen: function(val){
var arr = val.split(''), len = 0;
for(var i = 0; i < val.length ; i++){
arr[i].charCodeAt(0) < 299 ? len++ : len += 2;
}
return len;
}
,form: {}
//简易编辑器
,layEditor: function(options){
var html = [''
,''
,''
,''
,''
,''
,''
,''
,'hr'
,''
,'
'].join('');
var closeTips = function(){
layer.close(mod.face.index);
};
var log = {}, mod = {
face: function(editor, self){ //插入表情
var str = '', ul, face = fly.faces;
for(var key in face){
str += '
';
}
str = '';
layer.close(mod.face.index);
mod.face.index = layer.tips(str, self, {
tips: 3
,time: 0
,skin: 'layui-edit-face'
,tipsMore: true
});
$(document).off('click', closeTips).on('click', closeTips);
$('#LAY-editface li').on('click', function(){
var title = $(this).attr('title') + ' ';
layui.focusInsert(editor[0], 'face' + title);
editor.trigger('keyup');
});
}
,picture: function(editor){ //插入图片
//判断登陆
if(uid == -1){
layer.msg('请登录再发图', {icon: 6}, function(){
location.href = login;
})
return false;
}
layer.open({
type: 1
,id: 'fly-jie-upload'
,title: '插入图片'
,area: 'auto'
,shade: false
//,area: '465px'
,fixed: false
,offset: [
editor.offset().top - $(window).scrollTop() + 'px'
,editor.offset().left + 'px'
]
,skin: 'layui-layer-border'
,content: [''].join('')
,success: function(layero, index){
var image = layero.find('input[name="image"]');
//执行上传实例
upload.render({
elem: '#uploadImg'
,accept: 'images'
,acceptMime: 'image/*'
,exts: 'jpg|png|gif|bmp|jpeg'
,url: uploads
,data: {type:'image'}
,auto: false
//,bindAction: '#img-button' //指向一个按钮触发上传
//,field: 'image'
,size: 10240
,choose: function (obj) { //选择文件后的回调
imgcom.uploads(obj);
}
,done: function(res){
if(res.status == 0){
//console.log(res.url);
image.val(res.url);
} else {
layer.msg(res.msg, {icon: 5});
}
}
,error: function(){
layer.msg('系统错误，请联系管理员');
}
});
form.on('submit(uploadImages)', function(data){
var field = data.field;
if(!field.image) return image.focus();
layui.focusInsert(editor[0], 'img['+ field.image + '] ');
layer.close(index);
editor.trigger('keyup');
});
}
});
}
,href: function(editor){ //超链接
layer.prompt({
title: '请输入合法链接'
,shade: false
,fixed: false
,id: 'LAY_flyedit_href'
,offset: [
editor.offset().top - $(window).scrollTop() + 1 + 'px'
,editor.offset().left + 1 + 'px'
]
}, function(val, index, elem){
if(!/^http(s*):\/\/[\S]/.test(val)){
layer.tips('请务必 http 或 https 开头', elem, {tips:1})
return;
}
layui.focusInsert(editor[0], ' a('+ val +')['+ val + '] ');
layer.close(index);
editor.trigger('keyup');
});
}
,quote: function(editor){ //引用
layer.prompt({
title: '请输入引用内容'
,formType: 2
,maxlength: 10000
,shade: false
,id: 'LAY_flyedit_quote'
,offset: [
editor.offset().top - $(window).scrollTop() + 1 + 'px'
,editor.offset().left + 1 + 'px'
]
,area: ['300px', '100px']
}, function(val, index, elem){
layui.focusInsert(editor[0], '[quote]\n '+ val + '\n[/quote]\n');
layer.close(index);
editor.trigger('keyup');
});
}
,code: function(editor){ //插入代码
layer.prompt({
title: '请贴入代码'
,formType: 2
,maxlength: 10000
,shade: false
,id: 'LAY_flyedit_code'
,area: ['800px', '360px']
}, function(val, index, elem){
layui.focusInsert(editor[0], '[pre]\n'+ val + '\n[/pre]\n');
layer.close(index);
editor.trigger('keyup');
});
}
,hr: function(editor){ //插入水平分割线
layui.focusInsert(editor[0], '[hr]\n');
editor.trigger('keyup');
}
,video: function(editor){ //插入视频
//判断登陆
if(uid == -1){
layer.msg('请登录再发视频', {icon: 6}, function(){
location.href = login;
})
return false;
}
layer.open({
type: 1
,id: 'fly-jie-video-upload'
,title: '插入视频'
,area: 'auto'
,shade: false
//,area: '465px'
,fixed: false
,offset: [
editor.offset().top - $(window).scrollTop() + 'px'
,editor.offset().left + 'px'
]
,skin: 'layui-layer-border'
,content: [''].join('')
,success: function(layero, index){
var video = layero.find('input[name="video"]'), cover = layero.find('input[name="cover"]');
//上传视频
upload.render({
url: uploads
,data: {type:'video'}
,accept: 'video'
,acceptMime: 'video/mp4'
,exts: 'mp4'
,elem: '#layedit-video'
,before: function(obj){ //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
layer.load(2); //上传loading
}
,done: function(res){
if(res.status == 0){
video.val(res.url);
} else {
layer.msg(res.msg, {icon: 5});
}
layer.closeAll('loading');
}
});
//上传图片
upload.render({
elem: '#video-img'
,accept: 'images'
,acceptMime: 'image/*'
,exts: 'jpg|png|gif|bmp|jpeg'
,url: uploads
,data: {type:'image'}
,auto: false
//,bindAction: '#img-button' //指向一个按钮触发上传
//,field: 'image'
,size: 10240
,choose: function (obj) { //选择文件后的回调
imgcom.uploads(obj);
}
,done: function(res){
if(res.status == 0){
cover.val(res.url);
} else {
layer.msg(res.msg, {icon: 5});
}
}
,error: function(){
layer.msg('系统错误，请联系管理员');
}
});
form.on('submit(uploadImages)', function(data){
var field = data.field;
if(!field.video) return video.focus();
layui.focusInsert(editor[0], 'video('+field.cover+')['+ field.video + '] ');
layer.close(index);
});
}
});
}
,audio: function(editor){ //插入音频
//判断登陆
if(uid == -1){
layer.msg('请登录再发布', {icon: 6}, function(){
location.href = login;
})
return false;
}
layer.open({
type: 1
,id: 'fly-jie-audio-upload'
,title: '插入音频'
,area: 'auto'
,shade: false
//,area: '465px'
,fixed: false
,offset: [
editor.offset().top - $(window).scrollTop() + 'px'
,editor.offset().left + 'px'
]
,skin: 'layui-layer-border'
,content: [''].join('')
,success: function(layero, index){
var loding,audio = layero.find('input[name="audio"]');
upload.render({
url: uploads
,data: {type:'audio'}
,elem: '#fly-jie-audio-upload .upload-audio'
,accept: 'audio'
,acceptMime: 'audio/*'
,exts: 'mp3|m4a'
,before: function(obj){
//loding = layer.msg('文件上传中,请稍等哦', { icon: 16 ,shade:0.3,time:0 });
layer.load(2); //上传loading
}
,done: function(res){
if(res.status == 0){
audio.val(res.url);
} else {
layer.msg(res.msg, {icon: 5});
}
layer.closeAll('loading');
}
});
form.on('submit(uploadImages)', function(data){
var field = data.field;
if(!field.audio) return audio.focus();
layui.focusInsert(editor[0], 'audio['+ field.audio + '] ');
layer.close(index);
});
}
});
}
,preview: function(editor, span){ //预览
var othis = $(span), getContent = function(){
var content = editor.val();
return /^\{html\}/.test(content)
? content.replace(/^\{html\}/, '')
: fly.content(content)
}, isMobile = device.ios || device.android;
if(mod.preview.isOpen) return layer.close(mod.preview.index);
mod.preview.index = layer.open({
type: 1
,title: '预览'
,shade: false
,offset: 'r'
,id: 'LAY_flyedit_preview'
,area: [
isMobile ? '100%' : '775px'
,'100%'
]
,scrollbar: isMobile ? false : true
,anim: -1
,isOutAnim: false
,content: ''+ getContent() +'
'
,success: function(layero){
editor.on('keyup', function(val){
layero.find('.detail-body').html(getContent());
});
mod.preview.isOpen = true;
othis.addClass('layui-this');
}
,end: function(){
delete mod.preview.isOpen;
othis.removeClass('layui-this');
}
});
}
};
layui.use('face', function(face){
options = options || {};
fly.faces = face;
$(options.elem).each(function(index){
var that = this, othis = $(that), parent = othis.parent();
parent.prepend(html);
parent.find('.fly-edit span').on('click', function(event){
var type = $(this).attr('type');
mod[type].call(that, othis, this);
if(type === 'face'){
event.stopPropagation()
}
});
});
});
}
,escape: function(html){
return String(html||'').replace(/&(?!#?[a-zA-Z0-9]+;)/g, '&')
.replace(//g, '>').replace(/'/g, ''').replace(/"/g, '"');
}
//内容转义
,content: function(content){
var util = fly
,item = fly.faces;
//支持的html标签
var html = function(end){
return new RegExp('\\n*\\|\\-'+ (end||'') +'(div|span|p|button|table|thead|th|tbody|tr|td|ul|li|ol|li|dl|dt|dd|h2|h3|h4|h5)([\\s\\S]*?)\\-\\|\\n*', 'g');
};
//XSS
content = util.escape(content||'')
//转义图片
.replace(/img\[([^\s]+?)\]/g, function(img){
return '|(\]$)/g, '') + ')
';
})
//转义@
.replace(/@(\S+)(\s+?|$)/g, '@$1$2')
//转义表情
.replace(/face\[([^\s\[\]]+?)\]/g, function(face){
var alt = face.replace(/^face/g, '');
return '
';
})
//转义脚本
.replace(/a(\(javascript:)(.+)(;*\))/g, 'a(javascript:layer.msg(\'非法脚本\');)')
//转义链接
.replace(/a\([\s\S]+?\)\[[\s\S]*?\]/g, function(str){
var href = (str.match(/a\(([\s\S]+?)\)\[/)||[])[1];
var text = (str.match(/\)\[([\s\S]*?)\]/)||[])[1];
if(!href) return str;
var rel = /^(http(s)*:\/\/)\b(?!(\w+\.)*(sentsin.com|layui.com))\b/.test(href.replace(/\s/g, ''));
return ''+ (text||href) +'';
})
//转义横线
.replace(/\[hr\]\n*/g, '
')
//转义表格
.replace(/\[table\]([\s\S]*)\[\/table\]\n*/g, function(str){
return str.replace(/\[(thead|th|tbody|tr|td)\]\n*/g, '<$1>')
.replace(/\n*\[\/(thead|th|tbody|tr|td)\]\n*/g, '')
.replace(/\[table\]\n*/g, '')
.replace(/\n*\[\/table\]\n*/g, '
');
})
//转义 div/span
.replace(/\n*\[(div|span)([\s\S]*?)\]([\s\S]*?)\[\/(div|span)\]\n*/g, function(str){
return str.replace(/\[(div|span)([\s\S]*?)\]\n*/g, '<$1 $2>')
.replace(/\n*\[\/(div|span)\]\n*/g, '');
})
//转义列表
.replace(/\[ul\]([\s\S]*)\[\/ul\]\n*/g, function(str){
return str.replace(/\[li\]\n*/g, '')
.replace(/\n*\[\/li\]\n*/g, '')
.replace(/\[ul\]\n*/g, '')
.replace(/\n*\[\/ul\]\n*/g, '
');
})
//转义代码
.replace(/\[pre\]([\s\S]*)\[\/pre\]\n*/g, function(str){
return str.replace(/\[pre\]\n*/g, '')
.replace(/\n*\[\/pre\]\n*/g, '');
})
//转义引用
.replace(/\[quote\]([\s\S]*)\[\/quote\]\n*/g, function(str){
return str.replace(/\[quote\]\n*/g, '')
.replace(/\n*\[\/quote\]\n*/g, '
');
})
//转义换行
.replace(/\n/g, '
')
//转义视频
.replace(/video\(.*?\)\[([^\s]+?)\]/g, function(str){
var cover = (str.match(/video\(([\s\S]+?)\)\[/)||[])[1];
var video = (str.match(/\)\[([^\s]+?)\]/)||[])[1];
cover = cover ? cover : '/static/res/images/video_cover.jpg';
return '';
})
//转义音频
.replace(/audio\[([^\s]+?)\]/g, function(audio){
return '';
})
return content;
}
//新消息通知
,newmsg: function(){
var elemUser = $('.fly-nav-user');
if(layui.cache.user.uid !== -1 && elemUser[0]){
fly.json(messageNums, {
_: new Date().getTime()
}, function(res){
if(res.status === 0 && res.count > 0){
var msg = $(''+ res.count +'');
elemUser.append(msg);
msg.on('click', function(){
fly.json(messageRead, {}, function(res){
if(res.status === 0){
location.href = userMessage;
}
});
});
layer.tips('你有 '+ res.count +' 条未读消息', msg, {
tips: 3
,tipsMore: true
,fixed: true
});
msg.on('mouseenter', function(){
layer.closeAll('tips');
})
}
});
}
return arguments.callee;
}
//手机绑定弹窗
,setPhoneNotice: function(){
layer.open({
type: 1
,id: 'LAY_Notice_add'
,title: '手机号绑定通知'
,content: '您需要绑定手机号后，才可进行发帖/回帖等操作。
'
,btnAlign: 'c'
,btn: ['立即绑定', '朕偏不！']
,yes: function(){
location.href = '/user/set'
}
,btn2: function(){
layer.msg('少年，我看好你！');
}
});
}
//邮箱激活提示
,setEmailNotice: function(){
layer.open({
type: 1
,id: 'LAY_Notice_add'
,title: '邮箱激活通知'
,content: '您需要激活邮箱后，才可进行发帖/回帖等操作。
'
,btnAlign: 'c'
,btn: ['前往激活', '朕偏不！']
,yes: function(){
location.href = '/user/set'
}
,btn2: function(){
layer.msg('少年，我看好你！');
}
});
}
};
//加载扩展模块
layui.config({
base: fly.dir
}).extend({
im: 'im'
,face: 'face'
});
//头像
if(device.android || device.ios){
$('#LAY_header_avatar').on('click', function(){
return false;
})
}
//刷新图形验证码
$('body').on('click', '#captcha111', function(){
var othis = $(this);
othis.attr('src', othis.attr('src')+'?'+ new Date().getTime());
//console.log(othis.attr('src'));
});
//头条轮播
if($('#FLY_topline')[0]){
layui.use('carousel', function(){
var carousel = layui.carousel;
var ins = carousel.render({
elem: '#FLY_topline'
,width: '100%'
,height: '172px'
,anim: 'fade'
});
var resizeTopline = function(){
var width = $(this).prop('innerWidth');
if(width >= 1200){
ins.reload({
height: '172px'
});
} else if(width >= 992){
ins.reload({
height: '141px'
});
} else if(width >= 768){
ins.reload({
height: '166px'
});
}
};
resizeTopline()
$(window).on('resize', resizeTopline);
});
}
//签到
var jName = "金币";
var tplSignin = ['{{# if(d.signed){ }}'
,''
,'获得了{{ d.experience }}' + jName + ''
,'{{# } else { }}'
,''
,'可获得{{ d.experience }}' + jName + ''
,'{{# } }}'].join('')
,tplSigninDay = '已连续签到{{ d.days }}天'
,signRender = function(data){
laytpl(tplSignin).render(data, function(html){
elemSigninMain.html(html);
});
laytpl(tplSigninDay).render(data, function(html){
elemSigninDays.html(html);
});
}
,elemSigninHelp = $('#LAY_signinHelp')
,elemSigninTop = $('#LAY_signinTop')
,elemSigninMain = $('.fly-signin-main')
,elemSigninDays = $('.fly-signin-days');
if(elemSigninMain[0]){
fly.json(signStatusUrl, function(res){
if(!res.data) return;
signRender.token = res.data.token;
signRender(res.data);
});
}
$('body').on('click', '#LAY_signin', function(){
//登录判断
if(uid == -1){
layer.msg('请登录再签到', {icon: 6}, function(){
location.href = login;
})
return false;
}
var othis = $(this);
if(othis.hasClass(DISABLED)) return;
fly.json(signInUrl, {
token: signRender.token || 1
}, function(res){
signRender(res.data);
}, {
error: function(){
othis.removeClass(DISABLED);
}
});
othis.addClass(DISABLED);
});
//签到说明
elemSigninHelp.on('click', function(){
$.getJSON(signRuleUrl, function(data) {
//拼接表格字符串
var $str = '';
$.each(data.msg, function(k, v) {
$str += '| ≥' + v.days + ' | ' + v.score + ' |
';
});
layer.open({
type: 1
,title: '签到说明'
,area: '300px'
,shade: 0.8
,shadeClose: true
,content: [''
,'
“签到”可获得社区' + jName + '，规则如下
'
,'
'
,''
,'| 连续签到天数 | 每天可获' + jName + ' |
|---|
'
,''
,''
,$str
,''
,'
'
,'
'
,'- 中间若有间隔，则连续天数重新计算
'
,'- 不可利用程序自动签到，否则' + jName + '清零
'
,'
'
,'
'
,'{{item.user.username}}'
,''
,'{{# var date = new Date(item.time); if(d.index === 0) { }}'
,' {{ layui.laytpl.digit(date.getFullYear()) + "-" + layui.laytpl.digit(date.getMonth()+1) + "-" + layui.laytpl.digit(date.getDate())}} 签到 '
,'{{# } else if(d.index == 1) { }}'
,'签到于 {{ layui.laytpl.digit(date.getHours()) + ":" + layui.laytpl.digit(date.getMinutes()) + ":" + layui.laytpl.digit(date.getSeconds()) }} '
,'{{# } else { }}'
,'已连续签到 {{ item.days }} 天 '
,'{{# } }}'
,''
,'{{# }); }}'
,'{{# if(d.data.length === 0) { }}'
,'{{# if(d.index < 2) { }}'
,'今天还没有人签到'
,'{{# } else { }}'
,'还没有签到记录'
,'{{# } }}'
,'{{# } }}'].join('');
elemSigninTop.on('click', function(){
var loadIndex = layer.load(1, {shade: 0.8});
fly.json(signJsonUrl, function(res){ //实际使用，请将 url 改为真实接口
var tpl = $([''
,'
'
,'- 最新签到
'
,'- 今日最快
'
,'- 总签到榜
'
,'
'
,'
'
,'