wanglian/workbase-server

import './view.html';
import './style.css';

import ClipboardJS from 'clipboard';
import moment from 'moment';
import Swal from 'sweetalert2';

import '@fancyapps/fancybox';
import '@fancyapps/fancybox/dist/jquery.fancybox.css';

// copy到剪贴板
let clipboard = (text, event) => {
  let cb = new ClipboardJS('.null', {
    text: () => text
  });

  cb.on('success', function(e) {
    cb.off('error');
    cb.off('success');
  });

  cb.on('error', function(e) {
    cb.off('error');
    cb.off('success');
  });

  cb.onClick(event);
};

Template.Message.onRendered(function() {
  $('.message [data-toggle="tooltip"]').tooltip({delay: 1000});
  $('.message-content a[data-fancybox]').fancybox({
    // Options will go here
  });
});

Template.Message.helpers({
  archived() {
    let thread = this.thread();
    return thread.archiveAt && this.createdAt < thread.archiveAt;
  },
  showInternal() {
    return this.internal && ThreadUsers.find({threadId: this.threadId, userType: 'Contacts'}).count() > 0; // 有外部参与者
  }
});

Template.Message.events({
  "click a[data-fancybox=image]"(e, t) {
    // e.preventDefault();
  },
  "click .message-header"(e, t) {
    e.preventDefault();
    let m = $(e.target).closest(".message");
    // shift + click 折叠/展开全部
    if (e.shiftKey) {
      if ($(m).hasClass("fold")) {
        $(".message").removeClass("fold");
      } else {
        $(".message").addClass("fold");
      }
    } else {
      if ($(m).hasClass("fold")) {
        $(m).toggleClass("fold");
        if ($(m).find(".message-content").length === 0) {
          Blaze.renderWithData(Template.MessageContent, t.data, $(m)[0]);
        }
      } else {
        $(m).toggleClass("fold");
      }
    }
  }
});

Template.MessageHeaderInfo.helpers({
  userName() {
    let user = this.user();
    if (!user) {
      return;
    }

    switch(this.userType) {
    case 'Users':
      return user.name();
    default:
      return this.email && this.email.from || user.address();
    }
  }
});

Template.MessageContent.helpers({
  isNew() {
    return this.createdAt > moment().subtract(10, 'seconds').toDate();
  },
  contentTemplate() {
    switch(this.contentType) {
    case 'html':
      return 'EmailContent';
    case 'image':
      return 'ImageContent';
    default:
      return 'TextContent';
    }
  },
  templateData() {
    return {
      message: this
    };
  }
});

Template.ImageContent.helpers({
  isGif() {
    return this.type === 'image/gif';
  }
});

Template.MessageActions.onRendered(function() {
  $('.message-actions [data-toggle="tooltip"]').tooltip({container: 'body', trigger: 'hover', delay: 1000});
});

Template.MessageActions.helpers({
  canRevoke() {
    return this.userId === Meteor.userId() && this.createdAt > moment().subtract(2, 'minutes').toDate();
  }
});

Template.MessageActions.events({
  "click .btn-revoke"(e, t) {
    e.stopPropagation();
    e.preventDefault();
    Swal({
      title: I18n.t("message_revoke_confirm"),
      type: 'warning',
      showCancelButton: true,
      confirmButtonText: I18n.t("app_action_confirm"),
      cancelButtonText: I18n.t("app_action_discard")
    }).then((result) => {
      if (result.value) {
        Meteor.call("revokeMessage", this._id, (err, res) => {
          if (err || !res) {
            Swal(I18n.t("message_revoke_disabled"), "~_~", "info");
          }
        });
      }
    });
  },
  "click .btn-reply"(e, t) {
    e.stopPropagation();
    Session.set(`message-draft-parent-${t.data.threadId}`, t.data);
    $("form#message-form textarea").focus();
    $(".modal").modal('hide');
  },
  "click .btn-forward"(e, t) {
    e.stopPropagation();
    let message = this;
    Modal.show('SelectThreadModal', {
      excludeIds: [message.threadId],
      callback(data) {
        if (data.newThread) {
          Meteor.call("sendMessage", data.threadId, {
            contentType:   message.contentType,
            content:       message.content,
            fileIds:       message.fileIds,
            inlineFileIds: message.inlineFileIds
          }, (err, res) => {
            $('#SelectThreadModal button[class=close]').click();
          });
        } else {
          Modal.show('MessageForwardPreviewModal', {
            thread: data.thread,
            message
          }, {
            backdrop: 'static'
          });
        }
      }
    }, {
      backdrop: 'static'
    });
  },
  "click .btn-copy"(e, t) {
    e.stopPropagation();
    clipboard(t.data.content, e);
    $(e.target).closest('.btn-copy').attr('data-original-title', I18n.t('message_copied')).tooltip('fixTitle').tooltip('show');
  }
});

Template.MessageForwardPreviewModal.events({
  "click #btn-view-message"(e, t) {
    e.preventDefault();
    Modal.show('MessageModal', this.message);
  },
  "click #btn-forward-message"(e, t) {
    e.preventDefault();
    let message = this.message;
    Meteor.call("sendMessage", this.thread._id, {
      contentType:   message.contentType,
      content:       message.content,
      fileIds:       message.fileIds,
      inlineFileIds: message.inlineFileIds
    }, (err, res) => {
      $('#MessageForwardPreviewModal button[class=close]').click();
      $('#SelectThreadModal button[class=close]').click();
    });
  }
});