Namespace.register("U.MD.R");
/**
* 评论控件全局变量
* PID // 项目id,请查看api文档说明,找到你所在项目的id。
* AID // 对应的文章id,获取url网址的主机,加上url网址的目录,形成的文章id。
* URL // 文章对应的url地址。
* PageIndex // 当前页数
* PageSize // 一页请求数
* AllCount // 此文章对应的有多少数据
* */
U.MD.R.data = {
PID: "",
AID: "",
URL: "",
PageIndex: 1,
PageSize: 20,
AllCount: "",
CB: null
}
/**
* 评论控件初始化函数,调用函数
* @param {object} 参数。
* obj={
* pid // 项目id,请查看api文档说明,找到你所在项目的id。
* type //引用方式为弹窗还是嵌入式,true 为嵌入式方式,false 为窗体。
* el // 评论控件追加的元素。注意:当控件为嵌入式时,才需要填写此参数,如果为弹窗时,不需要填写此参数。
* }
*/
U.MD.R.reply = function (obj) {
//alert();
//定义变量,获取调用方式、控件追加的元素、以及项目id.
U.MD.R.login.cookieLogin(function () {
var _type = obj.type,
_el = obj.el,
_cb = obj.cb;
U.MD.R.data.PID = obj.pid; //项目id全局设置
U.MD.R.data.AID = U.MD.R.reply.getUrlHash(); //文章id全局设置
U.MD.R.data.URL = U.MD.R.reply.getUrl(); //文章url全局设置
U.MD.R.data.CB = _cb;
//调用类型判断
if (!_type) {//如果调用方式是窗体,那么先创建一个窗体,并且重新更新变量_el的值。
_el = new U.UF.UI.form('', $$("div"), {
"style": {
"width": "800px",
"height": "800px"
}
}).content;
}
U.MD.R.reply.init(_el); //控件初始化
U.UF.DL.asynLoadCss({
"href": "/css/Controls/Basic/Picture.css",
type: "text/css",
rel: "stylesheet"
}); //动态添加css文件
U.UF.DL.asynLoadJs({ type: "text/javascript", src: "/js/Controls/Basic/Picture.js" });
}); //cookie自动登录
}
/**
* 评论控件初始化函数,调用函数
* @param {element} 追加元素
*/
U.MD.R.reply.init = function (el) {
var _pageindex = U.MD.R.data.PageIndex, //当前页数
_pagesize = U.MD.R.data.PageSize; //一页请求数
U.MD.R.initPrintHtml(el); //创建基础html
U.MD.R.getReplyData(_pageindex, _pagesize, function (data) {//获取评论数据
U.MD.R.data.AllCount = data[0][0] ? Math.ceil(data[0][0].allcount / U.MD.R.data.PageSize) : ""; //取数完成之后进行将页数全局赋值给id。
U.MD.R.printComment($("#U_MD_R_content_user_comment")[0], 1, data, false, false, false); //打印数据
U.MD.R.initLoadMoreBtn(data[0]); //创建
});
}
/**
* 获取url地址
*/
U.MD.R.reply.getUrl = function () {
return window.location.href;
}
/**
* 获取url网址的主机,加上url网址的目录
*/
U.MD.R.reply.getUrlHash = function () {
return U.UF.EC.SparkMD5.hash(window.location.href);
}
/**
* 获取评论数据
* @param {number} 页码数
* @param {number} 一页的请求量
* @param {function} 回调函数
*/
U.MD.R.getReplyData = function (pageindex, pagesize, cb) {
U.A.Request("http://cd.1473.cn/php", ["db.1473.cn", "UseStudio_Reply", "test", U.MD.R.data.AID, "1", "", pageindex, pagesize], function (r) {//获取数据
cb && cb(r.value); //执行回调函数,并且返回数据。
});
}
/**
* 初始化创建回复元素
* @param {element} 追加元素
*/
U.MD.R.initPrintHtml = function (el) {
var _el = el,
_comment,
_content,
_content_operation,
_userhead,
_headimg,
_operation,
_username,
_editorbox,
_bottom,
_picturewarp,
_picture,
_clear,
_emoji_frame,
_input,
_button,
_img_warp,
_box;
_comment = $$("div", { "className": "U_MD_R_comment" }, _el); //创建最外成元素
_content = $$("div", { "className": "U_MD_R_content" }, _comment); //创建评论内容元素最外元素
_content_operation = $$("div", { "className": "U_MD_R_content_operation" }, _content); //创建用户评论区域最外成元素
_userhead = $$("div", { className: "U_MD_R_content_operation_userhead U_MD_R_Reply_Header" }, _content_operation); //创建头像最外成元素
_headimg = $$("img", {//创建头像img元素
"className": "img",
"src": "/img/UserHead/UseHead.jpg",
"onerror": function () { this.src = '/img/UserHead/UseHead.jpg' }
}, _userhead);
_operation = $$("div", {
"className": "U_MD_R_content_operation_right",
style: { width: "calc(100% - 40px - 20px )" }
}, _content_operation); //创建内容框架div
U.selectEl(_operation).attr({
"data-RPID": null,
"data-RD": 1,
"data-RPUID": null
});
_username = $$("div", {//创建用户名元素
"innerHTML": "登录/注册",
"className": "U_MD_R_content_operation_userlogin U_MD_R_Reply_Name"
}, _operation);
//判断是否登录
if (US.userInfo.userid) {//已登录
_username.innerHTML = US.userInfo.UserName; //设置用户名
_headimg.src = 'http://fs.1473.cn/' + US.userInfo.UserThumbnailImageHead; //设置头像
}
else {//未登录
_username.onclick = function () {
U.MD.R.login();
}
}
_editorbox = $$("div", {
"id": "editorbox",
"className": "U_MD_R_Reply_Content",
"contenteditable": "true",
"style": { "min-height": "100px", "background": "#fff", "border": "1px solid black" }
}, _operation)//创建编辑器容器
var _scrolltop = document.documentElement.scrollTop;
U.UF.E.initEditor(_editorbox); //调用函数
document.documentElement.scrollTop = _scrolltop;
_bottom = $$("div", { "className": "U_MD_R_content_operation_right_bottom" }, _operation); //创建用户评论底部区域
$$("div", {//创建表情包按钮
"className": "U_MD_R_content_operation_right_bottom_emoji",
"onclick": function () {
U.UF.EV.stopBubble();
U.MD.UI.face(this, U.selectEl('#editorbox')[0]);
//$(this)[0].append($("#U_MD_UI_face")[0]);
//$(this)[0].append($("#U_MD_UI_face")[0]);
U.selectEl("#U_MD_UI_face").css({ "position": "relative", "height": "140px", "overflow-y": "scroll", "top": "-150px", "width": "450px", "display": "block" });
}
}, _bottom);
_picturewarp = $$("div", { "className": "U_MD_R_content_operation_right_bottom_picturewarp" }, _bottom); //图片最外成
_picture = $$("img", { src: "/img/reply/img.png" }, _picturewarp);
_input = $$("input", { "type": "file" }, _picturewarp); //上传
_button = $$("div", {
"className": "U_MD_R_content_operation_right_bottom_release",
"innerHTML": "发表评论"
}, _bottom); //内容发布
_button.onclick = function () {
if ($(".U_MD_R_Reply_Content")[0].textContent != '' || U.selectEl(".U_MD_R_Reply_Content")[0].innerHTML != '') {
U.MD.R.release(_operation, 1, false, 1);
} else {
U.alert("评论不能为空!");
}
}
_img_warp = $$("div", { "className": "U_MD_R_content_operation_right_bottom_imgloadbox U_MD_R_Reply_Image" }, _operation); //图片加载
_box = $$("div", { "className": "U_MD_R_content_comment", "id": "U_MD_R_content_user_comment" }, _content); //内容盒子
_input.onchange = function () {
U.MD.R.uploadImages(this, _img_warp);
}
U.MD.R.data.CB && U.MD.R.data.CB();
}
/**
* 创建加载更多按钮
*/
U.MD.R.initLoadMoreBtn = function (data) {
var _btn = $$("div", { "className": "U_MD_R_content_loading" }, U.selectEl(".U_MD_R_comment")[0]);
if (data.length > 0) {
if (U.MD.R.data.PageIndex < U.MD.R.data.AllCount) {
_btn.innerHTML = "点击加载更多评论";
_btn.onclick = function () {
var _pageindex = ++U.MD.R.data.PageIndex,
_pagesize = U.MD.R.data.PageSize;
if (U.MD.R.data.PageIndex <= U.MD.R.data.AllCount) {
U.MD.R.getReplyData(_pageindex, _pagesize, function (data) {//获取评论数据
U.MD.R.data.AllCount = Math.ceil(data[0][0].allcount / U.MD.R.data.PageSize);
U.MD.R.printComment($("#U_MD_R_content_user_comment")[0], 1, data, false, false, false); //打印数据
});
}
else {
U.selectEl(_btn).hide();
}
}
}
}
else {
// _btn.innerHTML = "还没有人评论";
}
}
/**
* 打印一级评论
* @param {object} 评论数据
* @param {element} 追加元素
* @param {number} 用于判断层级而显示指定内容
* @param {boolean}元素插入类型
* @param {boolean} 是否需要回复功能,默认为false
* @param {boolean} 是否需要查看更多,用于区分设置查看更多类型
*/
U.MD.R.printComment = function (el, type, data, appendtype, isreply, readmore) {
var _count = U.A.Request("http://cd.1473.cn/php", ["db.1473.cn", "UseStudio_Reply", "Reply_SelectTypeReplyEnable", U.MD.R.data.PID]);
if (_count.value[0].ProjectReplyEnable == 1) {
var _el = el,
_type = type,
_data = data,
_appendtype = appendtype,
_isreply = isreply,
_readmore = readmore,
_shownum;
for (var i = 0; i < data[0].length; i++) {//遍历评论数据
if (readmore) {
_shownum = data[0][i].TopReplyNum;
}
else {
_shownum = U.Json.select(_data[2], { ReplyID: _data[0][i].ReplyID }).length > 0 ? U.Json.select(_data[2], { ReplyID: _data[0][i].ReplyID })[0].AllReplyNum : "0"; //评论子集(所有子集)的评论数
}
U.MD.R.printCommentHtml(_el, _type, {
rid: _data[0][i].ReplyID, //评论id
rpid: _data[0][i].ReplyParentID, //评论父级id
deep: _data[0][i].ReplyDeep, //评论深度
topid: _data[0][i].ReplyID, //评论顶级id
uid: _data[0][i].UserID, //评论用户id
un: _data[0][i].UserName, //评论用户名
tx: _data[0][i].ReplyUserThumbnailImageHead, //评论用户头像
time: _data[0][i].ReplyAddTime, //评论时间
content: _data[0][i].ReplyContent, //评论内容
shownum: _shownum,
likesnum: _type == 2 ? U.Json.select(_data[4], { ReplyID: _data[0][i].ReplyID })[0]:U.Json.select(_data[1], { ReplyID: _data[0][i].ReplyID })[0]
}, _appendtype, _isreply, _readmore);
}
} else {
var _btn = $$("div", { "className": "U_MD_R_content_loading" }, U.selectEl(".U_MD_R_comment")[0]);
_btn.innerHTML = "该评论系统已关闭";
U.selectEl("#U_MD_R_content_loading")[0].innerHTML = '';
}
}
/**
* 打印二级评论,用于区分用户点击回复或者查看更多。
* @param {sring} 评论id
* @param {boolean} 是否需要查看更多,用于区分设置查看更多类型
*/
U.MD.R.viewComment = function (rid, type) {
if (US.userInfo.userid) {
var
_rid = rid, //父级id
_form, //窗体变量
_data, //数据
_firstbox, //一级评论内容区域
_secondbox, //二级评论内容区域
_thirdbox, //三级评论内容区域
_type = type;
_form = new U.UF.UI.form('', $$("div", { "style": { "padding": "20px"} }), {
"style": {
"width": "800px",
"height": "600px"
}
});
U.A.Request("http://cd.1473.cn/php", ["db.1473.cn", "UseStudio_Reply", "Reply_SelectThisReply", _rid], function (r) {//根据评论id,获取此评论,此评论点赞数,以及子目录下所有的评论还有点赞数
_data = r.value;
U.MD.R.printComment(_form.content, 2, _data, true, true, true); //打印一级目录
if (_type) {
U.selectEl(_form.content).find(".U_MD_R_content_box_content_edit").show();
}
_firstbox = $$("div", { "className": "U_MD_R_content_warp_box" }, _form.content);
//创建二级目录
for (var i = 0; i < _data[1].length; i++) {
_secondbox = U.MD.R.printCommentHtml(_firstbox, 2, {
rid: _data[1][i].ReplyID,
rpid: _data[1][i].ReplyParentID,
deep: _data[1][i].ReplyDeep,
topid: _data[1][i].ReplyTopID,
uid: _data[1][i].UserID,
tx: _data[1][i].ReplyUserThumbnailImageHead,
un: _data[1][i].UserName,
time: _data[1][i].ReplyAddTime,
content: _data[1][i].ReplyContent,
likesnum: U.Json.select(_data[3], { ReplyID: _data[1][i].ReplyID })[0]
}, false, true, true);
//创建三级以下目录(包括三级)
_thirdbox = $$("div", { "className": "U_MD_R_content_warp_box" }, _secondbox);
U.selectEl(_thirdbox).attr({ "data-replyid": _data[1][i].ReplyID });
for (var j = 0; j < _data[2].length; j++) {
if (_data[1][i].ReplyID == _data[2][j].ReplyParentID) {
U.MD.R.printCommentHtml(_thirdbox, 3, {
rid: _data[2][j].ReplyID,
rpid: _data[2][j].ReplyParentID,
deep: _data[2][j].ReplyDeep,
topid: _data[2][j].ReplyTopID,
uid: _data[2][j].UserID,
tx: _data[2][j].ReplyUserThumbnailImageHead,
un: _data[2][j].UserName,
time: _data[2][j].ReplyAddTime,
content: _data[2][j].ReplyContent,
likesnum: U.Json.select(_data[3], { ReplyID: _data[2][j].ReplyID })[0],
replyinfo: {
uid: _data[2][j].uid, //评论的用户id
un: _data[2][j].un, //评论的用户名
tx: _data[2][j].tx//评论的头像
}
}, false, true, true);
}
}
}
});
}
else {
U.Alert("请先登录");
}
}
/**
* 打印评论数据内容
* @param {object} 评论数据
* @param {element} 追加元素
* @param {object} 用于判断层级而显示指定内容
* object={
* rid,//评论id
* rpid,//评论父级id
* deep,//评论深度
* topid,//评论顶级id
* uid,//评论用户id
* un,//评论用户名
* tx,//评论用户头像
* time,//评论时间
* content,//评论内容
* likesnum,//评论点赞数
* shownum,//评论子集(所有子集)的评论数
* }
* @param {boolean} 元素插入类型
* @param {boolean} 是否需要回复功能,默认为false
* @param {boolean} 是否需要查看更多,用于区分设置查看更多类型
*/
U.MD.R.printCommentHtml = function (el, type, data, appendtype, isreply, readmore) {
var _data = data,
_el = el,
_type = type,
// _eltype = obj.eltype ? obj.eltype : false,
// _showmore = obj.showmore,
_rid = _data.rid, //评论id
_rpid = _data.rpid, //评论父级id
_deep = _data.deep, //评论顶级id
_topid = _data.topid, //评论顶级id
_uid = _data.uid, //评论用户id
_tx = _data.tx, //评论用户名
_un = _data.un, //评论用户头像
_time = _data.time, //评论时间
_datacontent = _data.content, //评论内容
_likesnumjson = _data.likesnum, //点赞数
_showmoretxtjson = _data.shownum, //评论子集(所有子集)的评论数
_replyinfo_uid = _data.replyinfo ? _data.replyinfo.uid : "", //评论的用户id
_replyinfo_un = _data.replyinfo ? _data.replyinfo.un : "", //评论的用户名
_replyinfo_tx = _data.replyinfo ? _data.replyinfo.tx : "", //评论的头像
_appendtype = appendtype, //评论插入的方式,如果为true,那么就插入到所有评论的第一个(用于以及评论和二级评论),如果为false,那么就插入到最后一个
_isreply = isreply, //点击回复按钮,是否是弹出回复框,还是弹出查看更多,默认为false,
_readmore = readmore, //点击获取是
_box, //评论最外层元素
_info, //评论内层元素
_head, //评论用户头像最外层
_headimg, //评论用户头像
_content, //评论头像右侧内容
_content_top, //评论右侧内容-头部用户名区域
_username, //评论右侧内容-头部用户名区域-用户名
_commenttime, //评论右侧内容-头部用户名区域-评论时间
_text,
_content_bottom, //评论右侧内容-底部区域
_likeswarp, //评论右侧内容-底部区域-点赞最外层
_likesimg, //评论右侧内容-底部区域-点赞图片
_likesnum, //评论右侧内容-底部区域-点赞数
_replywarp, //评论右侧内容-底部区域-回复最外层
_showmorewarp, //评论右侧内容-底部区域-查看更多最外层
_showmoretext, //评论右侧内容-底部区域-查看更多文字元素
_position,
_contenteditable, //创建子集评论-评论操作区域最外层
_bottom, //创建子集评论-评论操作区域内层
_picturewarp, //创建子集评论-评论操作区域-图片最外层
_picture, //创建子集评论-评论操作区域-图片元素
_input, //创建子集评论-评论操作区域-上传input
_button, //创建子集评论-评论操作区域-发布按钮
_img_warp, //创建子集评论-评论操作区域-图片显示区域
_childrenbox; //用于存放子集评论
_box = $$("div", { "className": "U_MD_R_content_box" }); //创建内容盒子
if (_appendtype) { //判断插入类型是否为true,如果为true,那么就插入到所有评论的第一个(用于以及评论和二级评论),如果为false,那么就插入到最后一个
U.selectEl(_el).append(_box, 0, U.selectEl(_el)[0].firstChild);
}
else {//如果为false,那么就插入到最后一个
U.selectEl(_el).append(_box);
}
_info = $$("div", { "className": "U_MD_R_content_box_warp" }, _box); //创建信息div
U.selectEl(_info).attr({//给评论内层设置评论id、评论父级id、评论深度、评论顶级id、评论用户id。用于回复时获取信息。
"data-rid": _rid, //评论id
"data-RPID": _rpid, //评论父级id
"data-RD": _deep, //评论深度
"data-RBID": _topid, //评论顶级id
"data-RPUID": _uid//评论用户id
});
_head = $$("div", { "className": "U_MD_R_content_box_userhead" }, _info); //评论用户头像最外层
_headimg = $$("img", {//评论用户头像
"src": _tx,
onerror: "U.MD.R.imgError(this)"
}, _head);
_content = $$("div", {//评论头像右侧内容
"className": "U_MD_R_content_box_content",
style: { width: "calc(100% - 40px - 20px )" }
}, _info); //创建右侧div
_content_top = $$("div", { "className": "U_MD_R_content_box_content_top" }, _content); //评论右侧内容-头部用户名区域
_username = $$("div", {//评论右侧内容-头部用户名区域-用户名
"className": "U_MD_R_content_box_content_top_name",
"innerHTML": _un
}, _content_top);
if (_type == 3) {//如果为三级目录以下,那么就修改显示的用户名
_username.innerHTML = _un + '回复@' + _replyinfo_un;
}
_commenttime = $$("div", {//评论右侧内容-头部用户名区域-评论时间
"className": "U_MD_R_content_box_content_top_time",
"innerHTML": _time
}, _content_top);
_text = $$("div", { "className": "U_MD_R_content_box_content_text", "innerHTML": _datacontent }, _content); //创建内容区域
if ($(_text).find("img").length > 0) {
U.selectEl(_text).find("img")[0].onclick = function () {
// U.MD.UI.picture([this.src, this.src, this.src], 2);
U.MD.UI.picture([this.src], 0);
U.selectEl("#U_MD_UI_PictureForm").css("position", "fixed");
U.UF.F.topWindow($('#U_MD_UI_PictureForm')[0], true);
}
}
_content_bottom = $$("div", { "className": "U_MD_R_content_box_content_bottom" }, _content); //评论右侧内容-底部区域
_likeswarp = $$("div", { "className": "U_MD_R_content_box_content_bottom_likeswarp" }, _content_bottom); //评论右侧内容-底部区域-点赞最外层
_likeswarp.onclick = function () {//设置点赞事件
U.MD.R.like(this, _rid, US.userInfo.userid);
}
_likesimg = $$("img", { "src": "/img/reply/NOFabulous.png" }, _likeswarp); //评论右侧内容-底部区域-点赞图片
_likesnum = $$("div", {//评论右侧内容-底部区域-点赞数
"className": "U_MD_R_content_box_content_bottom_likeswarp_text",
"innerHTML": 0
}, _likeswarp);
if (_likesnumjson) {//如果有点赞数据,那么修改点赞数,并且修改图片。
_likesnum.innerHTML = _likesnumjson.ReplyNum;
U.A.Request("http://cd.1473.cn/net", ["db.1473.cn", "UseStudio_Reply", "Reply_SelectRepeatLikes_Moblie", _rid, US.userInfo.userid], function (r) {
if (r.value[0].mode == 1) {
_likesimg.src = "/img/reply/NOFabulous.png";
}else if (r.value[0].mode == 0) {
_likesimg.src = "/img/reply/Fabulous.png";
} else {
_likesimg.src = "/img/reply/NOFabulous.png";
}
})
//_likesimg.src = "/img/reply/Fabulous.png";
}
_replywarp = $$("div", { "className": "U_MD_R_content_box_content_bottom_replywarp" }, _content_bottom); //评论右侧内容-底部区域-回复最外层
if (_readmore) {//点击回复按钮,是否是弹出回复框,还是弹出查看更多,默认为false。如果为true,在元素下方显示出评论操作元素。
_replywarp.onclick = function () {
U.MD.R.subsetReply(this);
}
}
else {
_replywarp.onclick = function () {//如果为false,弹出一个窗体。
U.MD.R.viewComment(_rid, true);
}
}
$$("img", {//创建回复图片
"src": "/img/reply/reply.png"
}, _replywarp);
$$("div", {//创建回复按钮
"innerHTML": "回复",
"className": "U_MD_R_content_box_content_bottom_replywarp_text"
}, _replywarp);
if (_type == 1) {//如果类型为1,并且点击回复后弹出窗体的,那么显示查看更多。
_showmorewarp = $$("div", { "className": "U_MD_R_content_box_content_bottom_showmorewarp" }, _content_bottom);
$$("img", {
"src": "/img/reply/list.png"
}, _showmorewarp);
_showmoretext = $$("div", {
"className": "U_MD_R_content_box_content_bottom_showmore_text"
}, _showmorewarp);
if (_readmore) {
_showmoretext.className = "U_MD_R_content_box_content_bottom_showmore_text U_MD_R_content_box_content_bottom_showmore_text_secondary"
_showmoretext.innerHTML = _showmoretxtjson ? "共有(" + "" + _showmoretxtjson + "" + ")条评论" : "没有评论(" + "0" + ")";
}
else {
_showmoretext.className = "U_MD_R_content_box_content_bottom_showmore_text U_MD_R_content_box_content_bottom_showmore_text_important"
_showmoretext.innerHTML = _showmoretxtjson ? "查看更多(" + "" + _showmoretxtjson + "" + ")" : "查看更多(" + "" + 0 + "" + ")";
_showmorewarp.onclick = function () {
U.MD.R.viewComment(_rid, false);
}
}
}
if (_type == 1 && !readmore && U.selectEl(".U_MD_R_content_loading")[0]) {
if (U.MD.R.data.PageIndex < U.MD.R.data.AllCount) {
U.selectEl(".U_MD_R_content_loading")[0].innerHTML = "点击加载更多评论";
}
else {
U.selectEl(".U_MD_R_content_loading").hide();
}
}
if (_type == 2 || _type == 3 || (_type == 1 && readmore)) {//如果是2级和3级以下,那么就创建操作区域。
_contenteditable = $$("div", {//创建子集评论-评论操作区域最外层
"className": "U_MD_R_content_box_content_edit",
"style": { "display": "none" }
}, _content);
_replyinput = $$("div", { "className": "U_MD_R_Reply_Content", "contenteditable": "true" }, _contenteditable); //创建回复元素
_bottom = $$("div", { "className": "U_MD_R_content_operation_right_bottom" }, _contenteditable); //创建子集评论-评论操作区域内层
$$("div", {//创建表情包按钮
"className": "U_MD_R_content_operation_right_bottom_emoji",
"onclick": function () {
U.UF.EV.stopBubble();
U.MD.UI.face(this, _replyinput);
U.selectEl(this)[0].append($("#U_MD_UI_face")[0]);
U.selectEl("#U_MD_UI_face").css({ "position": "relative", "height": "140px", "overflow-y": "scroll", "top": "-150px", "width": "450px", "display": "block" });
}
}, _bottom);
_picturewarp = $$("div", { "className": "U_MD_R_content_operation_right_bottom_picturewarp" }, _bottom); //创建子集评论-评论操作区域-图片最外层
_picture = $$("img", { src: "/img/reply/img.png" }, _picturewarp); //创建子集评论-评论操作区域-图片元素
_input = $$("input", { "type": "file" }, _picturewarp); //创建子集评论-评论操作区域-上传input
_input.onchange = function () {//赋予上传事件
U.MD.R.uploadImages(this, _img_warp);
}
_button = $$("div", {////创建子集评论-评论操作区域-发布按钮
"className": "U_MD_R_content_operation_right_bottom_release",
"innerHTML": "发表评论"
}, _bottom); //内容发布
_button.onclick = function () {//赋予时间
if (_type == 1) {
_position = 2;
}
else if (_type == 2) {
_position = 3;
}
else if (_type == 3) {
_position = 4;
}
U.MD.R.release(_info, _type, false, _position);
}
_img_warp = $$("div", { "className": "U_MD_R_content_operation_right_bottom_imgloadbox U_MD_R_Reply_Image" }, _contenteditable); //创建子集评论-评论操作区域-图片显示区域
if (_type != 3) {
_childrenbox = $$("div", { "className": "U_MD_R_content_comment" }, _box); //内容盒子
}
return _childrenbox; //返回元素
}
}
/**
* 图片上传函数
* @param {element} input 元素
* @param {element} 上传成功后,图片插入的位置。
*/
U.MD.R.uploadImages = function (input, el) {
var _el = el, _imgwarp, _img, _filetype, _imgtype = /.*(jpg|png|gif|jpeg|JPG|PNG|GIF|JPEG)$/;
U.selectEl(_el)[0].innerHTML = "";
_imgwarp = $$("div", {}, _el);
_img = $$("img", {//创建img
"src": "/img/Reply/loading.gif",
"style": { "width": "100px", "height": "100px", "margin-right": "10px" }
}, _imgwarp);
U.UF.UP.inputUpload([input], "http://disk.1473.cn/USUpfile.ashx?typename=UseStudioEditor&UserId=FA92AAC5-4134-449F-9659-0DC12F4F68E9", function (r) {
_filetype = r.value[0].split(".")[1];
if (_filetype.match(_imgtype)) {//如果获取的文件是符合的文件类型进行上传
U.selectEl(_imgwarp).remove();
_imgwarp = $$("div", { "className": "U_MD_R_content_operation_right_bottom_imgloadbox_warp" }, _el);
$$("img", { "src": "http://fs.1473.cn/" + r.value[0] }, _imgwarp); //创建img
$$("div", { "className": "closebtn", "onclick": "U.MD.R.uploadImages.close(this)" }, _imgwarp);
U.alert("上传成功");
} else {//否则提醒用户选择上传图片文件
U.alert("请上传图片文件");
return;
}
}, []);
}
/**
* 图片关闭函数
* @param {element} 事件源
*/
U.MD.R.uploadImages.close = function (el) {
U.selectEl(el).Parent().remove();
}
/**
* 二级以下(包括二级、三级等等)评论点击回复后显示隐藏操作区域
* @param {element} 事件源
*/
U.MD.R.subsetReply = function (el) {
// U.selectEl(el)
var _el = U.selectEl($(el).Parent(2)).find(".U_MD_R_content_box_content_edit");
if (_el[0].style.display == "block") {
_el.hide();
}
else {
_el.show();
}
}
/**
* 发表评论插入函数
*/
U.MD.R.release = function (el, type, isreply, position) {//发表评论函数
if (US.userInfo.userid) {
var _el = el,
_type = type,
_isreply = isreply,
_position = position,
_content = U.selectEl(_el).find(".U_MD_R_Reply_Content")[0],
_imgwarp = U.selectEl(_el).find(".U_MD_R_Reply_Image"),
_uid = US.userInfo.userid,
_un = US.userInfo.UserName,
_utx = "http://fs.1473.cn/" + US.userInfo.UserImageHead,
_box;
if (_content.innerHTML.trim() != "" || _imgwarp.find("img").length > 0) {
var _rid = Guid.newGuid(),
_rpid = U.selectEl(el).attr("data-rid"),
_pid = U.MD.R.data.PID,
_aid = U.MD.R.data.AID,
_rc = "",
_rip = US.userInfo.RegisterIP,
_url = U.MD.R.data.URL,
_ra = null,
_rd = U.selectEl(el).attr("data-rd"),
_rbid = U.selectEl(el).attr("data-rbid"),
_rpuid = U.selectEl(el).attr("data-rpuid"),
_re = 1;
if (position == 1) {
_rd = 1;
}
else if (position == 2 || position == 3) {
_rd = parseInt($(el).attr("data-rd")) + 1;
}
else {
_rd = 3;
_rpid = U.selectEl(el).attr("data-rpid");
}
if ($(_imgwarp).find("img").length > 0) {
_rc = _content.innerHTML.trim() + _imgwarp.find("img")[0].outerHTML;
}
else {
_rc = _content.innerHTML;
}
U.A.Request("http://cd.1473.cn/net", ["db.1473.cn", "UseStudio_Reply", "Reply_InsertReply", _rid, _rpid, _pid, _aid, _uid, _un, _utx, _rc, _rip, _url, _ra, _rd, _rpuid, _re, U.MD.R.getNowFormatDate()], function (r) {
var _data = r.value[0], _appendtype, _readmore,
_more = U.selectEl("div[data-rid='" + _data.ReplyParentID + "']").find(".U_MD_R_content_box_content_bottom_showmore_text_important span")[0],
_more1 = U.selectEl("div[data-rid='" + _data.ReplyParentID + "']").find(".U_MD_R_content_box_content_bottom_showmore_text_secondary span")[0];
U.selectEl(_el).find(".U_MD_R_Reply_Content")[0].innerHTML = "";
U.UF.E.initEditor($(_el).find(".U_MD_R_Reply_Content")[0]); //调用函数
U.selectEl(_el).find(".U_MD_R_Reply_Image")[0].innerHTML = "";
if (_position == 1) {
_readmore = false;
_appendtype = true;
_el = U.selectEl("#U_MD_R_content_user_comment")[0];
}
else {
_readmore = true;
_val = _more.innerText;
// _val1 = _more1.innerText;
if (_position == 2) {
_el = U.selectEl(_el).Parent().nextSibling;
_type = 2;
_appendtype = true;
}
if (_position == 3) {
if ($($(_el)[0].nextSibling).find(".U_MD_R_content_warp_box").length > 0) {
_el = U.selectEl($(_el)[0].nextSibling).find(".U_MD_R_content_warp_box");
}
else {
_el = $$("div", { "className": "U_MD_R_content_warp_box" }, U.selectEl($(_el)[0].nextSibling)[0]);
//$(_el).attr({"data-replyid": _data[1][i].ReplyID});
}
_type = 2;
}
if (_position == 4) {
_el = U.selectEl($(_el).Parent()).Parent();
_type = 3;
}
_more.innerText = ++_val;
//_more1.innerText = ++_val1;
U.selectEl($(_content).Parent()).hide();
}
var _box = U.MD.R.printCommentHtml(_el, _type, {
rid: _data.ReplyID,
rpid: _data.ReplyParentID,
deep: _data.ReplyDeep,
topid: _data.ReplyTopID,
uid: _data.UserID,
tx: _data.ReplyUserThumbnailImageHead,
un: _data.UserName,
time: U.MD.R.getNowFormatDate() + '.0',
content: _data.ReplyContent,
replyinfo: {
uid: _data.uid, //评论的用户id
un: _data.un, //评论的用户名
tx: _data.tx//评论的头像
}
}, _appendtype, _isreply, _readmore);
// if (_position == 3) {
// var _box1 = $$("div", {"className": "U_MD_R_content_warp_box"}, _box);
// U.selectEl(_box1).attr({"data-replyid": _data[1][i].ReplyID});
// }
U.alert("评论成功");
}
);
}
else {
U.alert("请输入评论内容");
}
}
else {
U.Alert("请先登录");
}
}
/**
* 点赞函数
* @param {element} 事件源
* @param {string} 评论id
* @param {string} 用户id
*/
U.MD.R.like = function (e, rid, uid) {
if (US.userInfo.userid) {
var _el = e, _rid = rid, _uid = uid;
U.A.Request("http://cd.1473.cn/net", ["db.1473.cn", "UseStudio_Reply", "Reply_SelectRepeatLikes", _rid, _uid], function (r) {
var _img = U.selectEl(_el).find("img")[0],
_text = U.selectEl(_el).find(".U_MD_R_content_box_content_bottom_likeswarp_text")[0],
_val = parseInt(_text.innerHTML);
if (r.value[0].mode == 0) {
_img.src = "/img/reply/NOFabulous.png";
_text.innerHTML = --_val;
}
else {
_img.src = "/img/reply/Fabulous.png";
_text.innerHTML = ++_val;
}
});
}
else {
U.Alert("请先登录");
}
}
/**
* 图片错误所执行的函数
* @param {element} 事件源
*/
U.MD.R.imgError = function (el) {
U.selectEl(el)[0].src = "/img/UserHead/UseHead.jpg";
}
/**
* 函数作用:调用登录函数
*/
U.MD.R.login = function () {
if ($("#U_MD_HomeC_Pop")[0]) {
U.UF.F.windowTopCenter($("#U_MD_HomeC_Pop")[0]);
}
else {
U.UF.CD.loadPageCrossDomain(function () { });
U.MD.U.L.setLoginCallBack(function () {
U.MD.R.login.cb();
});
}
}
/**
* cookie登录,如果登录成功,则修改头像以及用户名
*/
U.MD.R.login.cookieLogin = function (cb) {
if (U.UF.Cookie.get("usestudiosso") && U.UF.Cookie.get("usestudiosso", "userid")[0]) {
U.UF.CD.loadPageCrossDomain(function () {
U.MD.U.L.loginCallBack = function () {
cb && cb();
U.selectEl(".U_MD_R_content_operation_userhead img")[0].src = 'http://fs.1473.cn/' + US.userInfo.UserThumbnailImageHead; //用户登录后的操作
U.selectEl(".U_MD_R_content_operation_userlogin")[0].innerHTML = US.userInfo.UserName; //设置登录用户头像,登录用户名等操作
}
});
} else {
cb && cb();
}
}
/**
* 登录之后的回调函数
*/
U.MD.R.login.cb = function () {
U.selectEl(".U_MD_R_content_operation_userhead img")[0].src = 'http://fs.1473.cn/' + US.userInfo.UserThumbnailImageHead; //用户登录后的操作
U.selectEl(".U_MD_R_content_operation_userlogin")[0].innerHTML = US.userInfo.UserName; //设置登录用户头像,登录用户名等操作
}
//获取当前时间
U.MD.R.getNowFormatDate = function () {
var date = new Date();
var seperator1 = "-";
var seperator2 = ":";
var month = date.getMonth() + 1;
var strDate = date.getDate();
if (month >= 1 && month <= 9) {
month = "0" + month;
}
if (strDate >= 0 && strDate <= 9) {
strDate = "0" + strDate;
}
var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate
+ " " + date.getHours() + seperator2 + date.getMinutes()
+ seperator2 + date.getSeconds();
return currentdate;
}