hummingbird-me/hummingbird

import Ember from 'ember';
/* global Messenger */
/* global htmldiff */

export default Ember.Controller.extend({
  isDiffShown: false,

  ignoredProps: [
    'poster_image_updated_at',
    'poster_image_content_type',
    'cover_image_updated_at',
    'cover_image_content_type',
    'youtube_video_id'
  ],

  // use `updated_at` here as `poster_image`, and `cover_image`
  // are methods defined by paperclip, and not attributes on the model
  attachmentProps: [
    'poster_image_updated_at',
    'cover_image_updated_at'
  ],

  outdated: function() {
    var a = new Date(this.get('model.createdAt'));
    var b = new Date(this.get('model.item.updatedAt'));
    return a < b;
  }.property('model.createdAt', 'model.item.updatedAt'),

  changes: function() {
    var html = [];
    var objectChanges = this.get('model.objectChanges');
    var code;

    for (var key in objectChanges) {
      // show attachment previews
      if (this.get('attachmentProps').contains(key)) {
        var stripped = key.substr(0, key.indexOf('_updated_at'));
        code = '';
        // include previous attachment if it exists
        if (objectChanges[key][0] !== null) {
          code += '<img class="' + stripped + '" src="' +
            this.get('model.item').get(stripped.camelize()) + '"/>';
        }

        code += '<img class="' + stripped + '" src="' + this.get('model.object')[stripped] + '"/>';
        html.push([stripped, new Ember.Handlebars.SafeString(code)]);
      }

      // embed youtube video, if exists
      if (key === 'youtube_video_id') {
        // include previous video if it exists
        code = '';
        if (objectChanges[key][0] !== null && objectChanges[key][0] !== "") {
          code += this.youtubeEmbed(this.get('model.item.youtubeVideoId'));
        }
        code += this.youtubeEmbed(this.get('model.object')['youtube_video_id']);
        html.push([key, new Ember.Handlebars.SafeString(code)]);
      }

      // skip ignored properties
      if (this.get('ignoredProps').contains(key)) { continue; }

      // htmldiff doesn't like null values
      var change = objectChanges[key];
      change[0] = change[0] || "";
      change[1] = change[1] || "";

      var diff = htmldiff(change[0].toString(), change[1].toString());
      diff = diff.replace(/\n/g, "<br>");
      html.push([key, new Ember.Handlebars.SafeString(diff)]);
    }
    return html;
  }.property('model.objectChanges'),

  youtubeEmbed: function(id) {
    return "<iframe width='400' height='300' frameborder='0'" +
      "class='autoembed' allowfullscreen src='https://youtube.com/embed/" +
      id + "'></iframe>";
  },

  actions: {
    toggleDiff: function() {
      this.set('isDiffShown', !this.get('isDiffShown'));
    },

    approveEdit: function() {
      Messenger().expectPromise(function() {
        return this.get('model').save();
      }.bind(this), {
        progressMessage: 'Contacting server...',
        successMessage: function() {
          this.get('model').deleteRecord();
          return 'Edit was approved!';
        }.bind(this)
      });
    },

    rejectEdit: function() {
      var res = window.confirm("Are you sure you want to reject this edit?");
      if (!res) { return; }
      Messenger().expectPromise(function() {
        return this.get('model').destroyRecord();
      }.bind(this), {
        progressMessage: 'Contacting server...',
        successMessage: 'Edit was rejected.'
      });
    }
  }
});