Adding tags to variant overrides

app/assets/javascripts/admin/utils/directives/tags_with_translation.js.coffee

@@ -6,11 +6,20 @@ angular.module("admin.utils").directive "tagsWithTranslation", ($timeout) ->
     tagsAttr: "@?"
     tagListAttr: "@?"
     findTags: "&"
+    form: '=?'
   link: (scope, element, attrs) ->
     $timeout ->
       scope.tagsAttr ||= "tags"
       scope.tagListAttr ||= "tag_list"
 
-      watchString = "object.#{scope.tagsAttr}"
-      scope.$watchCollection watchString, ->
+      compileTagList = ->
         scope.object[scope.tagListAttr] = (tag.text for tag in scope.object[scope.tagsAttr]).join(",")
+
+      scope.tagAdded = ->
+        compileTagList()
+
+      scope.tagRemoved = ->
+        # For some reason the tags input doesn't mark the form
+        # as dirty when a tag is removed, which breaks the save bar
+        scope.form.$setDirty(true) if typeof scope.form isnt 'undefined'
+        compileTagList()