Cancelling quality profile editing will refetch it from the server

src/UI/Settings/Quality/Profile/Edit/EditQualityProfileLayout.js

@@ -20,7 +20,8 @@ define(
             },
 
             events: {
-                'click .x-save': '_saveQualityProfile'
+                'click .x-save'  : '_saveQualityProfile',
+                'click .x-cancel': '_cancelQualityProfile'
             },
 
             initialize: function (options) {
@@ -85,6 +86,21 @@ define(
                 }
             },
 
+            _cancelQualityProfile: function () {
+                if (!this.model.has('id')) {
+                    vent.trigger(vent.Commands.CloseModalCommand);
+                    return;
+                }
+
+                var promise = this.model.fetch();
+
+                if (promise) {
+                    promise.done(function () {
+                        vent.trigger(vent.Commands.CloseModalCommand);
+                    });
+                }
+            },
+
             _showFieldsView: function () {
                 this.fields.show(this.fieldsView);
             }

src/UI/Settings/Quality/Profile/Edit/EditQualityProfileLayoutTemplate.html

@@ -1,5 +1,5 @@
 <div class="modal-header">
-    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+    <button type="button" class="close x-cancel" aria-hidden="true">&times;</button>
     {{#if id}}
         <h3>Edit</h3>
     {{else}}
@@ -24,6 +24,6 @@
     {{#if id}}
         <button class="btn btn-danger pull-left x-delete">delete</button>
     {{/if}}
-    <button class="btn" data-dismiss="modal">cancel</button>
+    <button class="btn x-cancel">cancel</button>
     <button class="btn btn-primary x-save">save</button>
 </div>