Better messaging around deletion of customers

app/assets/javascripts/admin/customers/services/customers.js.coffee

@@ -1,4 +1,4 @@
-angular.module("admin.customers").factory "Customers", ($q, RequestMonitor, CustomerResource, CurrentShop) ->
+angular.module("admin.customers").factory "Customers", ($q, InfoDialog, RequestMonitor, CustomerResource, CurrentShop) ->
   new class Customers
     customers: []
 
@@ -14,6 +14,12 @@ angular.module("admin.customers").factory "Customers", ($q, RequestMonitor, Cust
       CustomerResource.destroy params, =>
         i = @customers.indexOf customer
         @customers.splice i, 1 unless i < 0
+      , (response) =>
+        errors = response.data.errors
+        if errors?
+          InfoDialog.open 'error', errors[0]
+        else
+          InfoDialog.open 'error', "Could not delete customer: #{customer.email}"
 
     index: (params) ->
       request = CustomerResource.index(params, (data) => @customers = data)

app/assets/javascripts/admin/utils/services/info_dialog.js.coffee

@@ -0,0 +1,12 @@
+angular.module("admin.customers").factory 'InfoDialog', ($rootScope, $compile, $injector, $templateCache, DialogDefaults) ->
+  new class InfoDialog
+    open: (type, message) ->
+      scope = $rootScope.$new()
+      scope.message = message
+      scope.dialog_class = type
+      template = $compile($templateCache.get('admin/info_dialog.html'))(scope)
+      template.dialog(DialogDefaults)
+      template.dialog('open')
+      scope.close = ->
+        template.dialog('close')
+        null

app/assets/javascripts/templates/admin/info_dialog.html.haml

@@ -0,0 +1,9 @@
+#info-dialog{ ng: { class: "dialog_class" } }
+  .message.clearfix.margin-bottom-30
+    .icon.text-center
+      %i.icon-exclamation-sign
+    .text
+      {{ message }}
+  .action-buttons.text-center
+    %button{ ng: { click: "close()" } }
+      OK

app/assets/stylesheets/admin/components/info_dialog.css.scss

@@ -0,0 +1,28 @@
+#info-dialog {
+  .message {
+    .text, .icon {
+      position: relative;
+      float:left;
+      display: inline;
+    }
+
+    .text {
+      padding-top: 10px;
+      width: 80%;
+      font-size: 1rem;
+    }
+
+    .icon {
+      width: 20%;
+      font-size: 2rem;
+    }
+  }
+
+  &.error {
+    .message {
+      .icon {
+        color: #da5354;
+      }
+    }
+  }
+}