import { withPluginApi } from 'discourse/lib/plugin-api';
import showModal from 'discourse/lib/show-modal';

export default {
  name: 'enable-staff-notes',
  initialize(container) {
    const siteSettings = container.lookup('site-settings:main');
    if (!siteSettings.staff_notes_enabled) { return; }

    const store = container.lookup('store:main');

    withPluginApi('0.2', api => {
      function showStaffNotes(userId, callback) {
        return store.find('staff-note', { user_id: userId }).then(model => {
          const controller = showModal('staff-notes', { model, title: 'staff_notes.title' });
          controller.reset();
          controller.set('userId', userId);
          controller.set('callback', callback);
          return controller;
        });
      }

      function widgetShowStaffNotes() {
        showStaffNotes(this.attrs.user_id, count => {
          this.sendWidgetAction('refreshStaffNotes', count);
        });
      }

      api.attachWidgetAction('post', 'refreshStaffNotes', function(count) {
        const cfs = this.model.get('user_custom_fields') || {};
        cfs.staff_notes_count = count;
        this.model.set('user_custom_fields', cfs);
      });

      const UserController = container.lookupFactory('controller:user');
      UserController.reopen({
        staffNotesCount: null,

        _modelChanged: function() {
          this.set('staffNotesCount', this.get('model.custom_fields.staff_notes_count') || 0);
        }.observes('model').on('init'),

        actions: {
          showStaffNotes() {
            const user = this.get('model');
            showStaffNotes(user.get('id'), count => this.set('staffNotesCount', count));
          }
        }
      });

      api.decorateWidget('poster-name:after', dec => {
        const cfs = dec.attrs.userCustomFields || {};
        if (cfs.staff_notes_count > 0) {
          return dec.attach('staff-notes-icon');
        }
      });

      api.decorateWidget('post-admin-menu:after', dec => {
        return dec.attach('post-admin-menu-button', {
          icon: 'pencil',
          label: 'staff_notes.attach',
          action: 'showStaffNotes'
        });
      });

      api.attachWidgetAction('post-admin-menu', 'showStaffNotes', widgetShowStaffNotes);

      api.createWidget('staff-notes-icon', {
        tagName: 'span.staff-notes-icon',
        click: widgetShowStaffNotes,

        html() {
          return this.attach('emoji', { name: 'pencil' });
        }
      });
    });
  },
};