ember-cli-admin/addon/components/admin-asset.js

Powerful admin dashboard for ember-cli projects, more in http://ember-admin.com

import Ember from 'ember';
import ConfirmationMixin from 'ember-cli-admin/mixins/views/confirmation';
import layout from '../templates/components/admin-asset';

export default Ember.Component.extend(ConfirmationMixin, {
  layout: layout,

  attributeBindings: ["templateName", 'property', 'data-id'],
  classNames: ['asset', 'col-md-2', 'col-xs-4', 'col-lg-2'],
  tagName: 'li',
  'data-id': Ember.computed('asset.id', {
    get: function() {
      return this.get('asset.id');
    }
  }),
  actions: {
    deleteAsset: function() {
      return this._showConfirmation();
    },
    openImagePreview: function(url){
      this.sendAction(this.get('adminAction'), 'openImagePreview', url);
    }
  },
  _createConfirmationObject: function(action) {
    return Ember.Object.create({
      actionData: action,
      model: this.get('asset'),
      options: {
        asset: this.get('assetRSVP'),
        single: this.get('parentView.single'),
        property: this.get('property'),
        withOptions: true
      }
    });
  },
  action: Ember.computed({
    get: function() {
      return {
        title: 'Delete',
        confirm: "Are you sure you want to delete this?",
        action: 'deleteAsset'
      };
    }
  }),
  assetRSVP: Ember.computed('asset', {
    get: function() {
      return new Ember.RSVP.Promise((function(_this) {
        return function(resolve) {
          return resolve(_this.get('asset'));
        };
      })(this));
    }
  }),
  isImage: Ember.computed('asset.content_type', {
    get: function() {
      var type = this.get('asset.content_type');
      if (type === 'image/gif' || type === 'image/jpeg' || type === 'image/png' || type === 'image/tiff') {
        return true;
      }
      return false;
    }
  })
});