Comparer le texte

Encuentra la diferencia entre dos archivos de texto

Real-time diff

Unified diff

Collapse lines

Highlight change

Syntax highlighting

Outils

Diffchecker Desktop The most secure way to run Diffchecker. Get the Diffchecker Desktop app: your diffs never leave your computer!Get Desktop

Comparing sensitive data, confidential files or internal emails?

Most legal and privacy policies prohibit uploading sensitive data online. Diffchecker Desktop ensures your confidential information never leaves your computer. Work offline and compare documents securely.

Download Diffchecker Desktop Learn more

Untitled diff

Created 7 years agoDiff never expires

2 removals

583 lines

15 additions

596 lines

// pages/detail/detail.js

// pages/childComment/childComment.js

var WxParse = require('../../wxParse/wxParse.js');

Page({

data: {

detail: {},

hidden: false,

tags:{},

comments:{},

replyTemArray:{},

tittle:"",

author:"",

permlink:"",

childComments:[],

showState:"Show",

commentShowState:false,

commentBoxContent:""

onLoad: function (options) {

// The page initializes options for the parameters of the page jump.

var author = options.author;

var permlink = options.permlink;

var parent_author = options.parent_author;

var parent_permlink = options.parent_permlink;

console.log(permlink);

this.setData({author:author,permlink:permlink})

this.setData({ author: author, permlink: permlink, parent_author: parent_author, parent_permlink: parent_permlink})

this.getPostdDtail(author,permlink);

// this.getPostComment(author,permlink);

onShareAppMessage: function () {

return {

title: this.data.title,

desc: "Steemit",

path: '/detail/detail?author=' + this.data.author + '&permlink=' + this.data.permlink

}

onReady: function () {

//Page rendering complete

onShow: function () {

//Page shows

onHide: function () {

// Page hide

onUnload: function () {

// Page close

getReputation(rep) {

if (rep == 0) {

return 25

}

var score = (Math.log10(Math.abs(rep)) - 9) * 9 + 25;

if (rep < 0) {

score = 50 - score;

}

return Math.round(score);

getTime(time) {

var postTime = new Date(time);

// console.log(Date.parse(postTime));

var nowTime = Date.now() - 28800000;

// console.log(nowTime);

var ago = nowTime - postTime;

if (ago / 1000 / 60 / 60 / 24 >= 1) {

var dayNum = parseInt(ago / 1000 / 60 / 60 / 24);

var getTimeData = dayNum.toString();

getTimeData += "天前";

// console.log(getTimeData);

return getTimeData;

}

else if (ago / 1000 / 60 / 60 >= 1) {

var hourNum = parseInt(ago / 1000 / 60 / 60);

var getTimeData = hourNum.toString();

getTimeData += "小时前";

// console.log(getTimeData);

return getTimeData;

}

else if (ago / 1000 / 60 >= 1) {

var minNum = parseInt(ago / 1000 / 60);

var getTimeData = minNum.toString();

getTimeData += "分钟前";

// console.log(getTimeData);

return getTimeData;

}

else if (ago / 1000 >= 1) {

var secNum = parseInt(ago / 1000);

var getTimeData = secNum.toString();

getTimeData += "秒前";

// console.log(getTimeData);

return getTimeData;

}

else {

var getTimeData = "1秒前";

return getTimeData;

}

// Get the body and other detail info of the post whose permlink was transmitted by navigating

getPostdDtail(author,permlink){

var that = this;

var obj = new Object();

wx.request({

url: 'https://api.steemjs.com/get_content?author=' + author + '&permlink=' + permlink,

method: 'GET',

success: function (res) {

var data = res.data;

// console.log(data)

obj.author = data.author;

obj.permlink = data.permlink;

obj.avatar = "https://steemitimages.com/u/" + obj.author + "/avatar/small";

obj.category = data.category;

obj.title = data.title;

obj.body = data.body;

obj.time = that.getTime(data.created);

obj.like_num = data.net_votes;

obj.comment_num = data.children;

obj.pending_payout_value = "$" + data.pending_payout_value.replace("SBD", "");

obj.total_payout_value = "$" + data.total_payout_value.replace("SBD", "");

obj.curator_payout_value = "$" + data.curator_payout_value.replace("SBD", "");

obj.promoted = "$" + data.promoted.replace("SBD", "");

obj.reputation = that.getReputation(data.author_reputation);

obj.tags = JSON.parse(data.json_metadata).tags;

WxParse.wxParse('content', 'md', obj.body, that, 5);

that.setData({ detail: obj, hidden: true, tags: obj.tags ,title:obj.title,author:author,permlink:permlink})

// console.log(obj.tags);

}

})

// navigate to full content

viewFullContent:function(e){

var parent_permlink = this.data.parent_permlink;

var parent_author = this.data.parent_author;

wx.navigateTo({

url: '../detail/detail?author=' + parent_author + '&permlink=' + parent_permlink,

})

showComment:function(e){

var author = this.data.author;

var permlink = this. data.permlink;

this.getPostComment(author, permlink);

this.setData({ showState:"loading.."})

wx.showNavigationBarLoading();

// get the first depth conment of the post

getPostComment(author,permlink){

var that = this;

var commentData= [];

wx.request({

url: 'https://api.steemjs.com/get_content_replies?author=' + author + '&permlink=' + permlink,

method: 'GET',

success: function (res) {

var data = res.data;

// console.log(data);

for(var d in data){

var obj = new Object();

obj.author = data[d].author;

obj.permlink = data[d].permlink;

obj.avatar = "https://steemitimages.com/u/" + obj.author + "/avatar/small";

obj.body = data[d].body;

obj.comment_num = data[d].children;

obj.time = that.getTime(data[d].created);

obj.like_num = data[d].net_votes;

obj.depth = data[d].depth;

obj.child = 0;

obj.pending_payout_value = "$" + data[d].pending_payout_value.replace("SBD", "");

obj.reputation = that.getReputation(data[d].author_reputation);

commentData.push(obj);

}

console.log(commentData);

complete: function () {

console.log("commentData");

var replyTemArray = commentData;

// console.log("Get comment body");

if (commentData.length > 0) {

for (let i = 0; i < commentData.length; i++) {

WxParse.wxParse('reply' + i, 'md', commentData[i].body, that, 5);

if (i === commentData.length - 1) {

WxParse.wxParseTemArray("replyTemArray", 'reply', commentData.length, that, 5)

}

that.setData({ comments: commentData, showState: "Refresh", commentShowState:false});

wx.hideNavigationBarLoading();

}

})

/**

* deal with the clicking operation on the child comments num button

* to deal with the showing order , i save all depth of child comments of the same parent comments in a array.

* if clicking on the first depth child comments ,then add the second depth child comments of this first depth comment to the array in the order after this fisrst depth comment.

**/

loadChildComment:function(e){

var that = this;

var idx = e.currentTarget.dataset.idx;

var originidx = e.currentTarget.dataset.originidx;

var comment_item = e.currentTarget.dataset.item;

var author = e.currentTarget.dataset.item.author;

var permlink = e.currentTarget.dataset.item.permlink;

var children = comment_item.children;

var origin_children = [];

var child = comment_item.child;

var origin_depth = comment_item.depth;

if (origin_depth == 1){

idx= 1;

}

var update_item_child = "comments[" + originidx + "].child";

var update_item_children = "comments[" + originidx + "].children";

console.log(idx);

console.log(comment_item);

origin_children = this.data.comments[originidx].children;

var ChildCommentData =[];

if (origin_children){

ChildCommentData = origin_children;

}

console.log("ChildCommentData");

console.log(ChildCommentData);

var data_length = 0;

var singleChildCommentData=[];

wx.request({

url: 'https://api.steemjs.com/get_content_replies?author=' + author + '&permlink=' + permlink,

method: 'GET',

success: function (res) {

var data = res.data;

var i =0;

data_length = data.length;

console.log("data_length");

console.log(data_length);

var check_exist = false;

for (var d in data) {

var obj = new Object();

i = i + 1;

obj.author = data[d].author;

obj.avatar = "https://steemitimages.com/u/" + obj.author + "/avatar/small";

obj.permlink = data[d].permlink;

obj.body = data[d].body;

obj.comment_num = data[d].children;

obj.time = that.getTime(data[d].created);

obj.like_num = data[d].net_votes;

obj.depth = data[d].depth;

obj.parent_author = data[d].parent_author;

obj.pending_payout_value = "$" + data[d].pending_payout_value.replace("SBD", "");

obj.reputation = that.getReputation(data[d].author_reputation);

obj.showState = true;

singleChildCommentData.push(obj);

// judge the click operation if it is the fisrt clicking or not

if (ChildCommentData.length == 0){

ChildCommentData.splice(idx + i, 0, obj);

}

// if that is not the first clicking , it means there have been child comments saved in the array .

else{

// everytime before adding child comments to the array , search if the same child comments if already existing in the array or not .

for (var existChildComment in origin_children){

// if the ont of this level child coments have already been in the array , that means this level child comments are now in showing state which they should be hidden after the clicking .

if (origin_children[existChildComment].permlink == obj.permlink){

// setting the check_existing sign true means that this level child comments will not be able to saved in the array once more .On the contrary they should be deleted for having existed in the array .

check_exist=true;

console.log("existChildComment");

console.log(existChildComment);

console.log(origin_children[existChildComment].permlink);

ChildCommentData.splice(existChildComment,1);

console.log(ChildCommentData);

console.log(ChildCommentData.length);

// when clicking the button to hide the child comments , firstly check if there have been further level child comments of this comments in the showing state or not .

// if there have been further level child comments in the showing state , just hide them all when clicking to hide their parent comments .

for (var j = existChildComment; j < ChildCommentData.length;j=j){

console.log('j');

console.log(j);

console.log("ChildCommentData_length");

console.log(ChildCommentData.length);

if (origin_children[j].depth == obj.depth) {

break;

}

if (origin_children[j].depth > obj.depth){

ChildCommentData.splice(j, 1);

}

break;

}

// if thses child comments have not been in the array , just add to the array in the order after the parent comment to show in the UI

if ((origin_depth!=1)&& (!check_exist)){

ChildCommentData.splice(idx + i, 0, obj);

console.log("add new child");

}

else{

console.log("existing ");

}

// after dealing with the array , set into the showing array, then can show in the page UI

complete: function () {

that.setData({ [update_item_child]: 1, [update_item_children]: ChildCommentData });

console.log("childComments");

console.log(ChildCommentData);

console.log(that.data.comments[originidx])

}

})

// according to the parent comments , loading different depth of child comments data

getChildComment(author, permlink){

var that = this;

var ChildCommentData = [];

wx.request({

url: 'https://api.steemjs.com/get_content_replies?author=' + author + '&permlink=' + permlink,

method: 'GET',

success: function (res) {

var data = res.data;

// console.log(data);

for (var d in data) {

var obj = new Object();

obj.author = data[d].author;

obj.avatar = "https://steemitimages.com/u/" + obj.author + "/avatar/small";

obj.body = data[d].body;

obj.comment_num = data[d].children;

obj.time = that.getTime(data[d].created);

obj.like_num = data[d].net_votes;

obj.depth = data[d].depth;

obj.parent_author = data[d].parent_author;

obj.pending_payout_value = "$" + data[d].pending_payout_value.replace("SBD", "");

obj.reputation = that.getReputation(data[d].author_reputation);

ChildCommentData.push(obj);

}

complete: function () {

}

})

showPayout: function (e) {

var currentStatu = e.currentTarget.dataset.statu;

var time = e.currentTarget.dataset.time;

var detail = e.currentTarget.dataset.detail;

/* create thte animation */

// Step 1：setup an animation instance

var animation = wx.createAnimation({

duration: 200, //Animation duration

timingFunction: "linear", //linear

delay: 0 //0 means not delay

});

// Step 2: this animation instance is assigned to the current animation instance.

this.animation = animation;

// Step 3: perform the first set of animations.

animation.opacity(0).rotateX(-100).step();

// Step 4: export the animation object to the data object store.

this.setData({

animationData: animation.export()

})

// Step 5: set the timer to the specified time and execute the second set of animations.

setTimeout(function () {

// Execute the second set of animations.

animation.opacity(1).rotateX(0).step();

// The first set of animations that are stored for the data object are replaced by the animation objects that perform the second animation.

this.setData({

animationData: animation

})

//hide

if (currentStatu == "close") {

this.setData(

{

showModalStatus: false

}

);

}

}.bind(this), 200)

var payout = 0;

// show

if (currentStatu == "open") {

if ((detail.time.indexOf("天") != -1)){

if (parseInt((detail.time.split('天')[0])) > 7){

payout = parseInt((detail.time.split('天')[0])) - 7;

payout = payout+"天前";

}

else{

payout = 7 - parseInt((detail.time.split('天')[0])) ;

payout = payout + "天后";

}

else{

payout = "7天后";

}

this.setData(

{

PotentialPayout: detail.pending_payout_value,

PromotedPayout:detail.promoted,

AuthorPayout: detail.total_payout_value,

CurationPayout: detail.curator_payout_value,

Payout: payout,

showModalStatus: true

}

);

}

showVoters: function (e) {

var currentStatu = e.currentTarget.dataset.statu;

var detail = e.currentTarget.dataset.detail;

var animation = wx.createAnimation({

duration: 200, //Animation duration

timingFunction: "linear", //linear

delay: 0 //0 means not delay

});

this.animation = animation;

animation.opacity(0).rotateX(-100).step();

this.setData({

voterListAnimationData: animation.export()

})

setTimeout(function () {

animation.opacity(1).rotateX(0).step();

this.setData({

voterListAnimationData: animation

})

if (currentStatu == "close") {

this.setData(

{

voterListShowModalStatus: false

}

);

}

}.bind(this), 200)

var payout = 0;

// show

if (currentStatu == "open") {

var that= this;

var votersList = [];

wx:wx.request({

url: 'https://api.steemjs.com/get_active_votes?author=' + that.data.author + '&permlink=' + that.data.permlink,

method: 'GET',

success: function(res) {

if(res.statusCode == '200'){

var voterDatas = res.data;

for(var voterData in voterDatas){

var obj = new Object();

obj.voter = voterDatas[voterData].voter;

obj.percent = String(voterDatas[voterData].percent/100) +'%';

obj.reputation = that.getReputation(voterDatas[voterData].reputation);

obj.time = that.getTime(voterDatas[voterData].time);

obj.weight = voterDatas[voterData].weight;

votersList.push(obj);

}

console.log(votersList);

that.setData({

voterLists: votersList,

voterListShowModalStatus: true

})

}

complete: function(res) {},

})

}

// deal with the clicking to pop up the box for inputing comment

showCommentBox:function(e){

var currentStatu = e.currentTarget.dataset.statu;

var detail = e.currentTarget.dataset.detail;

var animation = wx.createAnimation({

duration: 200, //Animation duration

timingFunction: "linear", //linear

delay: 0 //0 means not delay

});

this.animation = animation;

animation.opacity(0).rotateX(-100).step();

this.setData({

commentAnimationData: animation.export()

})

setTimeout(function () {

animation.opacity(1).rotateX(0).step();

this.setData({

commentAnimationData: animation

})

if (currentStatu == "close") {

this.setData(

{

commentShowModalStatus: false

}

);

}

}.bind(this), 200)

var payout = 0;

// show

if (currentStatu == "open") {

this.setData({

commentShowModalStatus: true,

submitCommentAuthor:detail.author,

submitCommentPermlink: detail.permlink,

commentSubmitButton:true

})

}

// dynamically get the content of the comment box

inputComment:function(e){

var content = e.detail.value;

if(content){

console.log(content);

WxParse.wxParse('commentPreview', 'md', content, this, 5);

this.setData({ commentContent: content, commentSubmitButton:false})

}

else{

this.setData({ commentContent: content, commentSubmitButton: true })

}

// cancel the comment box

cancelComment:function(e){

var animation = wx.createAnimation({

duration: 200, //Animation duration

timingFunction: "linear", //linear

delay: 0 //0 means not delay

});

this.animation = animation;

animation.opacity(0).rotateX(-100).step();

this.setData({

commentAnimationData: animation.export()

})

setTimeout(function () {

animation.opacity(1).rotateX(0).step();

this.setData({

commentAnimationData: animation

})

this.setData(

{

commentShowModalStatus: false

}

);

}.bind(this), 200)

// submit the comment

submitComment:function(e){

var commentContent = this.data.commentContent;

var name = wx.getStorageSync('name');

if (name){

var key = wx.getStorageSync('pass');

var author = this.data.submitCommentAuthor;

var permlink = this.data.submitCommentPermlink;

var that = this;

wx.request({

url: 'http://192.168.137.138:3000/operation/comment',

method: 'POST',

data:{

account:name,

key:key,

author:author,

permlink:permlink,

content: commentContent

success: function (res) {

console.log(res);

if (res.statusCode == '200' && res.data.message == 'success') {

that.cancelComment();

wx.showToast({

title: 'Reply Success',

icon: 'success',

duration: 2000

})

}

else {

wx.showModal({

title: 'Error',

content: 'Something error with connection!',

success: function (res) {

if (res.confirm) {

console.log('Something error with connection!')

} else if (res.cancel) {

console.log('Something error with connection!')

}

})

}

})

}

})

Les différences enregistrées

Texte d'origine

Open file

// pages/detail/detail.js
var WxParse = require('../../wxParse/wxParse.js');
Page({
  data: {
    detail: {},
    hidden: false,
    tags:{},
    comments:{},
    replyTemArray:{},
    tittle:"",
    author:"",
    permlink:"",
    childComments:[],
    showState:"Show",
    commentShowState:false,
    commentBoxContent:""
  },
  onLoad: function (options) {
    
    // The page initializes options for the parameters of the page jump.
    var author = options.author;
    var permlink = options.permlink;
    console.log(permlink);
    this.setData({author:author,permlink:permlink})
    this.getPostdDtail(author,permlink);
    // this.getPostComment(author,permlink);
    
  },
  onShareAppMessage: function () {
    return {
      title: this.data.title,
      desc: "Steemit",
      path: '/detail/detail?author=' + this.data.author + '&permlink=' + this.data.permlink
    }
  },
  onReady: function () { 
    //Page rendering complete
  },
  onShow: function () {
    //Page shows
  },
  onHide: function () {
    // Page hide
  },
  onUnload: function () {
    // Page close
  },
  getReputation(rep) {
    if (rep == 0) {
      return 25
    }
    var score = (Math.log10(Math.abs(rep)) - 9) * 9 + 25;
    if (rep < 0) {
      score = 50 - score;
    }
    return Math.round(score);
  },
  getTime(time) {
    var postTime = new Date(time);
    // console.log(Date.parse(postTime));
    var nowTime = Date.now() - 28800000;
    // console.log(nowTime);
    var ago = nowTime - postTime;
    if (ago / 1000 / 60 / 60 / 24 >= 1) {
      var dayNum = parseInt(ago / 1000 / 60 / 60 / 24);
      var getTimeData = dayNum.toString();
      getTimeData += "天前";
      // console.log(getTimeData);
      return getTimeData;
    }
    else if (ago / 1000 / 60 / 60 >= 1) {
      var hourNum = parseInt(ago / 1000 / 60 / 60);
      var getTimeData = hourNum.toString();
      getTimeData += "小时前";
      // console.log(getTimeData);
      return getTimeData;
    }
    else if (ago / 1000 / 60 >= 1) {
      var minNum = parseInt(ago / 1000 / 60);
      var getTimeData = minNum.toString();
      getTimeData += "分钟前";
      // console.log(getTimeData);
      return getTimeData;
    }
    else if (ago / 1000 >= 1) {
      var secNum = parseInt(ago / 1000);
      var getTimeData = secNum.toString();
      getTimeData += "秒前";
      // console.log(getTimeData);
      return getTimeData;
    }
    else {
      var getTimeData = "1秒前";
      return getTimeData;
    }
  },
// Get the body and other detail info of the post whose permlink was transmitted by navigating 
  getPostdDtail(author,permlink){
    var that = this;
    var obj = new Object();
    wx.request({
      url: 'https://api.steemjs.com/get_content?author=' + author + '&permlink=' + permlink,
      method: 'GET',
      success: function (res) {
        var data = res.data;
        // console.log(data)
        obj.author = data.author;
        obj.permlink = data.permlink;
        obj.avatar = "https://steemitimages.com/u/" + obj.author + "/avatar/small";
        obj.category = data.category;
        obj.title = data.title;
        obj.body = data.body;
        obj.time = that.getTime(data.created);
        obj.like_num = data.net_votes;
        obj.comment_num = data.children;
        obj.pending_payout_value = "$" + data.pending_payout_value.replace("SBD", "");
        obj.total_payout_value = "$" + data.total_payout_value.replace("SBD", "");
        obj.curator_payout_value = "$" + data.curator_payout_value.replace("SBD", "");
        obj.promoted = "$" + data.promoted.replace("SBD", "");
        obj.reputation = that.getReputation(data.author_reputation);
        obj.tags = JSON.parse(data.json_metadata).tags;
        WxParse.wxParse('content', 'md', obj.body, that, 5);
        that.setData({ detail: obj, hidden: true, tags: obj.tags ,title:obj.title,author:author,permlink:permlink})
        // console.log(obj.tags);
      }
    })
  },
  showComment:function(e){
    var author = this.data.author;
    var permlink = this. data.permlink;
    this.getPostComment(author, permlink);
    this.setData({ showState:"loading.."})
    wx.showNavigationBarLoading();
  },
  // get the first depth conment of the post
  getPostComment(author,permlink){
    var that = this;
    var commentData= [];
    wx.request({
      url: 'https://api.steemjs.com/get_content_replies?author=' + author + '&permlink=' + permlink,
      method: 'GET',
      success: function (res) {
        var data = res.data;
        // console.log(data);
        for(var d in data){
          var obj = new Object();
          obj.author = data[d].author;
          obj.permlink = data[d].permlink;
          obj.avatar = "https://steemitimages.com/u/" + obj.author + "/avatar/small";
          obj.body = data[d].body;
          obj.comment_num = data[d].children;
          obj.time = that.getTime(data[d].created);
          obj.like_num = data[d].net_votes;
          obj.depth = data[d].depth;
          obj.child = 0;
          obj.pending_payout_value = "$" + data[d].pending_payout_value.replace("SBD", "");
          obj.reputation = that.getReputation(data[d].author_reputation);
          commentData.push(obj);
        }
        console.log(commentData);       
      },
      complete: function () {
        console.log("commentData");
        var replyTemArray = commentData;
        // console.log("Get comment body");
        if (commentData.length > 0) {
          for (let i = 0; i < commentData.length; i++) {
            WxParse.wxParse('reply' + i, 'md', commentData[i].body, that, 5);
            if (i === commentData.length - 1) {
              WxParse.wxParseTemArray("replyTemArray", 'reply', commentData.length, that, 5)
            }
          }
        }
        
        that.setData({ comments: commentData, showState: "Refresh", commentShowState:false}); 
        wx.hideNavigationBarLoading();
      }
    })
      
  },
  /**
   * deal with the clicking operation on the child comments num button
   * to deal with the showing order , i save all depth of child comments of the same  parent comments in a array.
   * if clicking on the first depth child comments ,then add the second depth child comments of this first depth comment to the array in the order after this fisrst depth comment. 
   **/
  loadChildComment:function(e){
    var that = this;
    var idx = e.currentTarget.dataset.idx;
    var originidx = e.currentTarget.dataset.originidx;
    var comment_item = e.currentTarget.dataset.item;
    var author = e.currentTarget.dataset.item.author;
    var permlink = e.currentTarget.dataset.item.permlink;
    var children = comment_item.children;
    var origin_children = [];
    var child = comment_item.child;
    var origin_depth = comment_item.depth;
    if (origin_depth == 1){
      idx= 1;
    }
    var update_item_child = "comments[" + originidx + "].child";
    var update_item_children = "comments[" + originidx + "].children";
    console.log(idx);
    console.log(comment_item);
    origin_children = this.data.comments[originidx].children;
    var ChildCommentData =[];
    
    if (origin_children){
      ChildCommentData = origin_children;
    }
    
    console.log("ChildCommentData");
    console.log(ChildCommentData);
    var data_length = 0; 
    var singleChildCommentData=[];
    wx.request({
      url: 'https://api.steemjs.com/get_content_replies?author=' + author + '&permlink=' + permlink,
      method: 'GET',
      success: function (res) {
        var data = res.data;
        var i =0;
        data_length = data.length;
        console.log("data_length");
        console.log(data_length);
        var check_exist = false;
        for (var d in data) {
          var obj = new Object();
          i = i + 1;
          obj.author = data[d].author;
          obj.avatar = "https://steemitimages.com/u/" + obj.author + "/avatar/small";
          obj.permlink = data[d].permlink;
          obj.body = data[d].body;
          obj.comment_num = data[d].children;
          obj.time = that.getTime(data[d].created);
          obj.like_num = data[d].net_votes;
          obj.depth = data[d].depth;
          obj.parent_author = data[d].parent_author;
          obj.pending_payout_value = "$" + data[d].pending_payout_value.replace("SBD", "");
          obj.reputation = that.getReputation(data[d].author_reputation);
          obj.showState = true;
          singleChildCommentData.push(obj);

// judge the click operation if it is the fisrt clicking or not 
          if (ChildCommentData.length == 0){
            ChildCommentData.splice(idx + i, 0, obj);
          }
          // if that is not the first clicking , it means there have been child comments saved in the array .
          else{
            // everytime before adding child comments to the array , search if the same child comments if already existing in the array or not .
            for (var existChildComment in origin_children){
              // if the ont of this level child coments have already been in the array , that means this level child comments are now in showing state which they should be hidden after the clicking .
              if (origin_children[existChildComment].permlink == obj.permlink){
                // setting  the check_existing sign true means that  this level child comments will not be able to saved in the array once more .On the contrary they should be deleted for having existed in the array .
                check_exist=true;
                console.log("existChildComment");
                console.log(existChildComment);
                console.log(origin_children[existChildComment].permlink);
                ChildCommentData.splice(existChildComment,1);
                console.log(ChildCommentData);
                console.log(ChildCommentData.length);
                // when clicking the button to hide the child comments , firstly check if there have been further level child comments of this comments in the showing state or not .
                // if there have been further level child comments in the showing state , just hide them all when clicking to hide their parent comments .
                for (var j = existChildComment; j < ChildCommentData.length;j=j){
                  console.log('j');
                  console.log(j);
                  console.log("ChildCommentData_length");
                  console.log(ChildCommentData.length);
                  if (origin_children[j].depth == obj.depth) {
                    break;
                  }
                  if (origin_children[j].depth > obj.depth){
                    ChildCommentData.splice(j, 1);
                  }
                  
                }
                break;

}
            }
            // if thses child comments have not been in the array , just add to the array in the order after the parent comment to show in the UI
            if ((origin_depth!=1)&& (!check_exist)){
              ChildCommentData.splice(idx + i, 0, obj);
              console.log("add new child");
            }
            else{
              console.log("existing ");
            } 
          }
          
        }
      },
      // after dealing with the array , set into the showing array, then can show in the page UI
      complete: function () {
        that.setData({ [update_item_child]: 1, [update_item_children]: ChildCommentData });
        console.log("childComments");
        console.log(ChildCommentData);
        console.log(that.data.comments[originidx])
      }
    })
      
  },
  // according to the parent comments , loading different depth of child comments data
  getChildComment(author, permlink){
    var that = this;
    var ChildCommentData = [];
    wx.request({
      url: 'https://api.steemjs.com/get_content_replies?author=' + author + '&permlink=' + permlink,
      method: 'GET',
      success: function (res) {
        var data = res.data;
        // console.log(data);
        for (var d in data) {
          var obj = new Object();
          obj.author = data[d].author;
          obj.avatar = "https://steemitimages.com/u/" + obj.author + "/avatar/small";
          obj.body = data[d].body;
          obj.comment_num = data[d].children;
          obj.time = that.getTime(data[d].created);
          obj.like_num = data[d].net_votes;
          obj.depth = data[d].depth;
          obj.parent_author = data[d].parent_author;
          obj.pending_payout_value = "$" + data[d].pending_payout_value.replace("SBD", "");
          obj.reputation = that.getReputation(data[d].author_reputation);
          ChildCommentData.push(obj);
        }
      },
      complete: function () {
      }
    })
  },
  showPayout: function (e) {
    var currentStatu = e.currentTarget.dataset.statu;
    var time = e.currentTarget.dataset.time;
    var detail = e.currentTarget.dataset.detail;
    /* create thte animation */
    // Step 1：setup an animation instance
    var animation = wx.createAnimation({
      duration: 200,  //Animation duration
      timingFunction: "linear", //linear  
      delay: 0  //0 means not delay 
    });

// Step 2: this animation instance is assigned to the current animation instance.
    this.animation = animation;

// Step 3: perform the first set of animations.
    animation.opacity(0).rotateX(-100).step();

// Step 4: export the animation object to the data object store.
    this.setData({
      animationData: animation.export()
    })

// Step 5: set the timer to the specified time and execute the second set of animations.
    setTimeout(function () {
      // Execute the second set of animations.
      animation.opacity(1).rotateX(0).step();
      // The first set of animations that are stored for the data object are replaced by the animation objects that perform the second animation.
      this.setData({
        animationData: animation
      })

//hide 
      if (currentStatu == "close") {
        this.setData(
          {
            showModalStatus: false
          }
        );
      }
    }.bind(this), 200)
    var payout = 0;
    // show
    if (currentStatu == "open") {
      if ((detail.time.indexOf("天") != -1)){
        if (parseInt((detail.time.split('天')[0])) > 7){
          payout = parseInt((detail.time.split('天')[0])) - 7;
          payout = payout+"天前";
        }
        else{
          payout = 7 - parseInt((detail.time.split('天')[0])) ;
          payout = payout + "天后";
        }

}
      else{
        payout =  "7天后";
      }
      this.setData(
        {
          PotentialPayout: detail.pending_payout_value,
          PromotedPayout:detail.promoted,
          AuthorPayout: detail.total_payout_value,
          CurationPayout: detail.curator_payout_value,
          Payout: payout,
          showModalStatus: true
        }
      );
    }
  },
  showVoters: function (e) {
    var currentStatu = e.currentTarget.dataset.statu;
    var detail = e.currentTarget.dataset.detail;
    var animation = wx.createAnimation({
      duration: 200,  //Animation duration
      timingFunction: "linear", //linear  
      delay: 0  //0 means not delay 
    });
    this.animation = animation;
    animation.opacity(0).rotateX(-100).step();
    this.setData({
      voterListAnimationData: animation.export()
    })
    setTimeout(function () {
      animation.opacity(1).rotateX(0).step();
      this.setData({
        voterListAnimationData: animation
      })
      if (currentStatu == "close") {
        this.setData(
          {
            voterListShowModalStatus: false
          }
        );
      }
    }.bind(this), 200)
    var payout = 0;
    // show
    if (currentStatu == "open") {
      var that= this;
      var votersList = [];
      wx:wx.request({
        url: 'https://api.steemjs.com/get_active_votes?author=' + that.data.author + '&permlink=' + that.data.permlink,
        method: 'GET',
        success: function(res) {
          if(res.statusCode == '200'){
            var voterDatas = res.data;
            for(var voterData in voterDatas){
              var obj = new Object();
              obj.voter = voterDatas[voterData].voter;
              obj.percent = String(voterDatas[voterData].percent/100) +'%';
              obj.reputation = that.getReputation(voterDatas[voterData].reputation);
              obj.time = that.getTime(voterDatas[voterData].time);
              obj.weight = voterDatas[voterData].weight;
              votersList.push(obj);
            }
            console.log(votersList);
            that.setData({
              voterLists: votersList,
              voterListShowModalStatus: true
            })

}
        },
        complete: function(res) {},
      })
    }
  },

// deal with the clicking to pop up the box for inputing comment
  showCommentBox:function(e){
    var currentStatu = e.currentTarget.dataset.statu;
    var detail = e.currentTarget.dataset.detail;
    var animation = wx.createAnimation({
      duration: 200,  //Animation duration
      timingFunction: "linear", //linear  
      delay: 0  //0 means not delay 
    });
    this.animation = animation;
    animation.opacity(0).rotateX(-100).step();
    this.setData({
      commentAnimationData: animation.export()
    })
    setTimeout(function () {
      animation.opacity(1).rotateX(0).step();
      this.setData({
        commentAnimationData: animation
      })
      if (currentStatu == "close") {
        this.setData(
          {
            commentShowModalStatus: false
          }
        );
      }
    }.bind(this), 200)
    var payout = 0;
    // show
    if (currentStatu == "open") {
      this.setData({
        commentShowModalStatus: true,
        submitCommentAuthor:detail.author,
        submitCommentPermlink: detail.permlink,
        commentSubmitButton:true
      })
    }
  },

// dynamically get the content of the comment box 
  inputComment:function(e){
    var content = e.detail.value;
    if(content){
      console.log(content);
      WxParse.wxParse('commentPreview', 'md', content, this, 5);
      this.setData({ commentContent: content, commentSubmitButton:false})
    }
    else{
      this.setData({ commentContent: content, commentSubmitButton: true })
    }
  },

// cancel the comment box 
  cancelComment:function(e){
    var animation = wx.createAnimation({
      duration: 200,  //Animation duration
      timingFunction: "linear", //linear  
      delay: 0  //0 means not delay 
    });
    this.animation = animation;
    animation.opacity(0).rotateX(-100).step();
    this.setData({
      commentAnimationData: animation.export()
    })
    setTimeout(function () {
      animation.opacity(1).rotateX(0).step();
      this.setData({
        commentAnimationData: animation
      })
      this.setData(
        {
          commentShowModalStatus: false
        }
      );
    }.bind(this), 200)
  },

// submit the comment
  submitComment:function(e){
    var commentContent = this.data.commentContent;
    var name = wx.getStorageSync('name');
    if (name){
      var key = wx.getStorageSync('pass');
      var author = this.data.submitCommentAuthor;
      var permlink = this.data.submitCommentPermlink;
      var that = this;
      wx.request({
        url: 'http://192.168.137.138:3000/operation/comment',
        method: 'POST',
        data:{
          account:name,
          key:key,
          author:author,
          permlink:permlink,
          content: commentContent
        },
        success: function (res) {
          console.log(res);
          if (res.statusCode == '200' && res.data.message == 'success') {
            that.cancelComment();
            wx.showToast({
              title: 'Reply Success',
              icon: 'success',
              duration: 2000
            })
          }
          else {
            wx.showModal({
              title: 'Error',
              content: 'Something error with connection!',
              success: function (res) {
                if (res.confirm) {
                  console.log('Something error with connection!')
                } else if (res.cancel) {
                  console.log('Something error with connection!')
                }
              }
            })

}
        }
      })
    }
  }
})

Texte modifié

Open file

// pages/childComment/childComment.js
var WxParse = require('../../wxParse/wxParse.js');
Page({
  data: {
    detail: {},
    hidden: false,
    tags:{},
    comments:{},
    replyTemArray:{},
    tittle:"",
    author:"",
    permlink:"",
    childComments:[],
    showState:"Show",
    commentShowState:false,
    commentBoxContent:""
  },
  onLoad: function (options) {
    
    // The page initializes options for the parameters of the page jump.
    var author = options.author;
    var permlink = options.permlink;
    var parent_author = options.parent_author;
    var parent_permlink = options.parent_permlink;
    console.log(permlink);
    this.setData({ author: author, permlink: permlink, parent_author: parent_author, parent_permlink: parent_permlink})
    this.getPostdDtail(author,permlink);
    // this.getPostComment(author,permlink);
    
  },
  onShareAppMessage: function () {
    return {
      title: this.data.title,
      desc: "Steemit",
      path: '/detail/detail?author=' + this.data.author + '&permlink=' + this.data.permlink
    }
  },
  onReady: function () { 
    //Page rendering complete
  },
  onShow: function () {
    //Page shows
  },
  onHide: function () {
    // Page hide
  },
  onUnload: function () {
    // Page close
  },
  getReputation(rep) {
    if (rep == 0) {
      return 25
    }
    var score = (Math.log10(Math.abs(rep)) - 9) * 9 + 25;
    if (rep < 0) {
      score = 50 - score;
    }
    return Math.round(score);
  },
  getTime(time) {
    var postTime = new Date(time);
    // console.log(Date.parse(postTime));
    var nowTime = Date.now() - 28800000;
    // console.log(nowTime);
    var ago = nowTime - postTime;
    if (ago / 1000 / 60 / 60 / 24 >= 1) {
      var dayNum = parseInt(ago / 1000 / 60 / 60 / 24);
      var getTimeData = dayNum.toString();
      getTimeData += "天前";
      // console.log(getTimeData);
      return getTimeData;
    }
    else if (ago / 1000 / 60 / 60 >= 1) {
      var hourNum = parseInt(ago / 1000 / 60 / 60);
      var getTimeData = hourNum.toString();
      getTimeData += "小时前";
      // console.log(getTimeData);
      return getTimeData;
    }
    else if (ago / 1000 / 60 >= 1) {
      var minNum = parseInt(ago / 1000 / 60);
      var getTimeData = minNum.toString();
      getTimeData += "分钟前";
      // console.log(getTimeData);
      return getTimeData;
    }
    else if (ago / 1000 >= 1) {
      var secNum = parseInt(ago / 1000);
      var getTimeData = secNum.toString();
      getTimeData += "秒前";
      // console.log(getTimeData);
      return getTimeData;
    }
    else {
      var getTimeData = "1秒前";
      return getTimeData;
    }
  },
// Get the body and other detail info of the post whose permlink was transmitted by navigating 
  getPostdDtail(author,permlink){
    var that = this;
    var obj = new Object();
    wx.request({
      url: 'https://api.steemjs.com/get_content?author=' + author + '&permlink=' + permlink,
      method: 'GET',
      success: function (res) {
        var data = res.data;
        // console.log(data)
        obj.author = data.author;
        obj.permlink = data.permlink;
        obj.avatar = "https://steemitimages.com/u/" + obj.author + "/avatar/small";
        obj.category = data.category;
        obj.title = data.title;
        obj.body = data.body;
        obj.time = that.getTime(data.created);
        obj.like_num = data.net_votes;
        obj.comment_num = data.children;
        obj.pending_payout_value = "$" + data.pending_payout_value.replace("SBD", "");
        obj.total_payout_value = "$" + data.total_payout_value.replace("SBD", "");
        obj.curator_payout_value = "$" + data.curator_payout_value.replace("SBD", "");
        obj.promoted = "$" + data.promoted.replace("SBD", "");
        obj.reputation = that.getReputation(data.author_reputation);
        obj.tags = JSON.parse(data.json_metadata).tags;
        WxParse.wxParse('content', 'md', obj.body, that, 5);
        that.setData({ detail: obj, hidden: true, tags: obj.tags ,title:obj.title,author:author,permlink:permlink})
        // console.log(obj.tags);
      }
    })
  },

// navigate to full content
  viewFullContent:function(e){
    var parent_permlink = this.data.parent_permlink;
    var parent_author = this.data.parent_author;
    wx.navigateTo({
      url: '../detail/detail?author=' + parent_author + '&permlink=' + parent_permlink,
    })

showComment:function(e){
    var author = this.data.author;
    var permlink = this. data.permlink;
    this.getPostComment(author, permlink);
    this.setData({ showState:"loading.."})
    wx.showNavigationBarLoading();
  },
  // get the first depth conment of the post
  getPostComment(author,permlink){
    var that = this;
    var commentData= [];
    wx.request({
      url: 'https://api.steemjs.com/get_content_replies?author=' + author + '&permlink=' + permlink,
      method: 'GET',
      success: function (res) {
        var data = res.data;
        // console.log(data);
        for(var d in data){
          var obj = new Object();
          obj.author = data[d].author;
          obj.permlink = data[d].permlink;
          obj.avatar = "https://steemitimages.com/u/" + obj.author + "/avatar/small";
          obj.body = data[d].body;
          obj.comment_num = data[d].children;
          obj.time = that.getTime(data[d].created);
          obj.like_num = data[d].net_votes;
          obj.depth = data[d].depth;
          obj.child = 0;
          obj.pending_payout_value = "$" + data[d].pending_payout_value.replace("SBD", "");
          obj.reputation = that.getReputation(data[d].author_reputation);
          commentData.push(obj);
        }
        console.log(commentData);       
      },
      complete: function () {
        console.log("commentData");
        var replyTemArray = commentData;
        // console.log("Get comment body");
        if (commentData.length > 0) {
          for (let i = 0; i < commentData.length; i++) {
            WxParse.wxParse('reply' + i, 'md', commentData[i].body, that, 5);
            if (i === commentData.length - 1) {
              WxParse.wxParseTemArray("replyTemArray", 'reply', commentData.length, that, 5)
            }
          }
        }
        
        that.setData({ comments: commentData, showState: "Refresh", commentShowState:false}); 
        wx.hideNavigationBarLoading();
      }
    })
      
  },
  /**
   * deal with the clicking operation on the child comments num button
   * to deal with the showing order , i save all depth of child comments of the same  parent comments in a array.
   * if clicking on the first depth child comments ,then add the second depth child comments of this first depth comment to the array in the order after this fisrst depth comment. 
   **/
  loadChildComment:function(e){
    var that = this;
    var idx = e.currentTarget.dataset.idx;
    var originidx = e.currentTarget.dataset.originidx;
    var comment_item = e.currentTarget.dataset.item;
    var author = e.currentTarget.dataset.item.author;
    var permlink = e.currentTarget.dataset.item.permlink;
    var children = comment_item.children;
    var origin_children = [];
    var child = comment_item.child;
    var origin_depth = comment_item.depth;
    if (origin_depth == 1){
      idx= 1;
    }
    var update_item_child = "comments[" + originidx + "].child";
    var update_item_children = "comments[" + originidx + "].children";
    console.log(idx);
    console.log(comment_item);
    origin_children = this.data.comments[originidx].children;
    var ChildCommentData =[];
    
    if (origin_children){
      ChildCommentData = origin_children;
    }
    
    console.log("ChildCommentData");
    console.log(ChildCommentData);
    var data_length = 0; 
    var singleChildCommentData=[];
    wx.request({
      url: 'https://api.steemjs.com/get_content_replies?author=' + author + '&permlink=' + permlink,
      method: 'GET',
      success: function (res) {
        var data = res.data;
        var i =0;
        data_length = data.length;
        console.log("data_length");
        console.log(data_length);
        var check_exist = false;
        for (var d in data) {
          var obj = new Object();
          i = i + 1;
          obj.author = data[d].author;
          obj.avatar = "https://steemitimages.com/u/" + obj.author + "/avatar/small";
          obj.permlink = data[d].permlink;
          obj.body = data[d].body;
          obj.comment_num = data[d].children;
          obj.time = that.getTime(data[d].created);
          obj.like_num = data[d].net_votes;
          obj.depth = data[d].depth;
          obj.parent_author = data[d].parent_author;
          obj.pending_payout_value = "$" + data[d].pending_payout_value.replace("SBD", "");
          obj.reputation = that.getReputation(data[d].author_reputation);
          obj.showState = true;
          singleChildCommentData.push(obj);

// Step 2: this animation instance is assigned to the current animation instance.
    this.animation = animation;

// Step 3: perform the first set of animations.
    animation.opacity(0).rotateX(-100).step();

// Step 4: export the animation object to the data object store.
    this.setData({
      animationData: animation.export()
    })

}
        },
        complete: function(res) {},
      })
    }
  },

}
        }
      })
    }
  }
})