From 42195b76d3bfc168dc4035725d9486bc2509cb74 Mon Sep 17 00:00:00 2001
From: Matt-Yorkley <9029026+Matt-Yorkley@users.noreply.github.com>
Date: Fri, 15 May 2020 10:27:58 +0200
Subject: [PATCH] Highlight update button when cart page form is "dirty"

---
 .../darkswarm/controllers/cart_form_controller.js.coffee       | 2 ++
 app/views/spree/orders/edit.html.haml                          | 3 ++-
 app/views/spree/orders/form/_cart_actions_row.html.haml        | 2 +-
 3 files changed, 5 insertions(+), 2 deletions(-)
 create mode 100644 app/assets/javascripts/darkswarm/controllers/cart_form_controller.js.coffee

diff --git a/app/assets/javascripts/darkswarm/controllers/cart_form_controller.js.coffee b/app/assets/javascripts/darkswarm/controllers/cart_form_controller.js.coffee
new file mode 100644
index 0000000000..73fe91793f
--- /dev/null
+++ b/app/assets/javascripts/darkswarm/controllers/cart_form_controller.js.coffee
@@ -0,0 +1,2 @@
+Darkswarm.controller "CartFormCtrl", ($scope) ->
+
diff --git a/app/views/spree/orders/edit.html.haml b/app/views/spree/orders/edit.html.haml
index f654cfebb1..d9cdb977b3 100644
--- a/app/views/spree/orders/edit.html.haml
+++ b/app/views/spree/orders/edit.html.haml
@@ -33,7 +33,8 @@
 
     - else
       %div{"data-hook" => "outside_cart_form"}
-        = form_for @order, :url => main_app.update_cart_path, :html => {:id => 'update-cart'} do |order_form|
+        = form_for @order, :url => main_app.update_cart_path,
+          :html => {id: 'update-cart', name: "form", "ng-controller"=> 'CartFormCtrl'} do |order_form|
           %div{"data-hook" => "inside_cart_form"}
             %div{"data-hook" => "cart_items"}
               .row
diff --git a/app/views/spree/orders/form/_cart_actions_row.html.haml b/app/views/spree/orders/form/_cart_actions_row.html.haml
index 44f74ff858..1070f773b2 100644
--- a/app/views/spree/orders/form/_cart_actions_row.html.haml
+++ b/app/views/spree/orders/form/_cart_actions_row.html.haml
@@ -1,7 +1,7 @@
 %tr
   %td{colspan:"2"}
   %td
-    %button#update-button.secondary.radius.expand.small
+    %button#update-button.secondary.radius.expand.small{"ng-class" => "{ alert: form.$dirty }"}
       %i.ofn-i_023-refresh
       = t(:update)
   %td