Require confirmation before cancelling an order

app/assets/javascripts/supplier/app/components/button/mark-order-cancelled.js.coffee

@@ -6,5 +6,8 @@ App.ButtonMarkOrderCancelledComponent = Ember.Component.extend
   showButton: Ember.computed 'order.state', ->
     state = @get('order.state')
     state is 'placed' or state is 'active'
-  click: -> @get('order').mark_cancelled()
+  click: ->
+    @modal 'confirm',
+      model: @get('order')
+      ok: => @get('order').mark_cancelled()
 

app/assets/javascripts/supplier/app/controllers/modals/confirm.js.coffee

@@ -0,0 +1,2 @@
+App.modals.ConfirmController = App.modals.BaseController.extend
+  title_path: 'confirm.title'

app/assets/javascripts/waiter/app/templates/table.emblem

@@ -7,7 +7,7 @@ h4
   = number
 .panel
   ul.product-orders
-    each product_order in product_orders
+    each product_orders as |product_order|
       li
         = product_order.quantity
         |  x

config/locales/supplier.en.yml

@@ -3,6 +3,7 @@ en:
     page:
       cannot_compile: There is an error in the page that prevented it from being displayed.
     confirm:
+      title: Are you sure?
       cancel: "Cancel"
       confirm: "OK"
     general:

config/locales/supplier.nl.yml

@@ -3,6 +3,7 @@ nl:
     page:
       cannot_compile: There is an error in the page that prevented it from being displayed.
     confirm:
+      title: Weet je dit zeker?
       cancel: Cancel
       confirm: Ja
     general:
@@ -33,7 +34,7 @@ nl:
       price: Prijs
     supplier:
       close_for_orders: De zaak afsluiten voor bestellingen
-      close_for_orders_confirmation: If you close the shop, you cannot receive orders! Are you sure?
+      close_for_orders_confirmation: Als je de zaak afsluit kan je geen ${models.plural.order|downcase} meer ontvangen. Weet je dit zeker?
       open_for_orders: 'Open de zaak!'
       you_are_currently_closed_alert: 'Je bent momenteel gesloten en kan geen orders ontvangen'
       settings: Instellingen