purchaseOrderDetails.js

import Component from 'can/component/';
import Map from 'can/map/';
import 'can/map/define/';
import './purchaseOrderDetails.less!';
import DisplayPurchaseOrderItems from '../models/displayPurchaseOrderItems';
import template from './purchaseOrderDetails.stache!';

export const ViewModel = Map.extend({
  define: {
    displayPurchaseOrderItemsPromise: {
      get: function() {
        return DisplayPurchaseOrderItems.getList({ purchaseOrderId: this.attr('purchaseOrderId') });
      },
    },
  },
  purchaseOrderId: '',
  removeItem: function(item) {
    console.log('remove me!', this, item);
    if (confirm('sure?')) {
      console.log('about to remove itemid', item._id);
      console.log('about to remove itemid', item);
      item.destroy()
        .then(function(result) {
          console.log('the item has been destroyed:', result);
        }, function(err) {
          console.log('An error ocurred while removing this item:', err);
        });
    } else {
      // action was cancelled
    }
  }
});

export default Component.extend({
  tag: 'purchase-order-details',
  viewModel: ViewModel,
  template
});