Clean up assets page notifications

Remove hack to work around multiple notification click issues -- and actually resolve
the issue so that the hack isn't necessary

cms/static/js/views/assets.js

@@ -9,7 +9,7 @@ function removeAsset(e){
     e.preventDefault();
 
     var that = this;
-    var msg = new CMS.Models.ConfirmAssetDeleteMessage({
+    var msg = new CMS.Views.Prompt.Confirmation({
         title: gettext("Delete File Confirmation"),
         message: gettext("Are you sure you wish to delete this item. It cannot be reversed!\n\nAlso any content that links/refers to this item will no longer work (e.g. broken images and/or links)"),
         actions: {
@@ -17,15 +17,17 @@ function removeAsset(e){
                 text: gettext("OK"),
                 click: function(view) {
                     // call the back-end to actually remove the asset
-                    $.post(view.model.get('remove_asset_url'),
-                        { 'location': view.model.get('asset_location') },
+                    var url = $('.asset-library').data('remove-asset-callback-url');
+                    var row = $(that).closest('tr');
+                    $.post(url,
+                        { 'location': row.data('id') },
                         function() {
                             // show the post-commit confirmation
                             $(".wrapper-alert-confirmation").addClass("is-shown").attr('aria-hidden','false');
-                            view.model.get('row_to_remove').remove();
+                            row.remove();
                             analytics.track('Deleted Asset', {
                                 'course': course_location_analytics,
-                                'id': view.model.get('asset_location')
+                                'id': row.data('id')
                             });
                         }
                     );
@@ -38,24 +40,9 @@ function removeAsset(e){
                     view.hide();
                 }
             }]
-        },
-        remove_asset_url: $('.asset-library').data('remove-asset-callback-url'),
-        asset_location: $(this).closest('tr').data('id'),
-        row_to_remove: $(this).closest('tr')
+        }
     });
-
-    // workaround for now. We can't spawn multiple instances of the Prompt View
-    // so for now, a bit of hackery to just make sure we have a single instance
-    // note: confirm_delete_prompt is in asset_index.html
-    if (confirm_delete_prompt === null)
-        confirm_delete_prompt = new CMS.Views.Prompt({model: msg});
-    else
-    {
-        confirm_delete_prompt.model = msg;
-        confirm_delete_prompt.show();
-    }
-
-    return;
+    return msg.show();
 }
 
 function showUploadModal(e) {
@@ -125,4 +112,4 @@ function displayFinishedUpload(xhr) {
         'course': course_location_analytics,
         'asset_url': resp.url
     });
-}
\ No newline at end of file
+}

cms/static/js/views/feedback.js

@@ -90,6 +90,7 @@ CMS.Views.SystemFeedback = Backbone.View.extend({
         var parent = CMS.Views[_.str.capitalize(this.options.type)];
         if(parent && parent.active && parent.active !== this) {
             parent.active.stopListening();
+            parent.active.undelegateEvents();
         }
         this.$el.html(this.template(this.options));
         parent.active = this;

cms/templates/asset_index.html

@@ -8,11 +8,6 @@
 
 <%block name="jsextra">
 <script src="${static.url('js/vendor/mustache.js')}"></script>
-
-<script type='text/javascript'>
-  // we just want a singleton
-  confirm_delete_prompt = null;
-</script>
 </%block>
 
 <%block name="content">
@@ -98,7 +93,7 @@
               </td>
               <td class="delete-col">
                 <a href="#" data-tooltip="${_('Delete this asset')}" class="remove-asset-button"><span class="delete-icon"></span></a>
-              </td>             
+              </td>
             </tr>
           % endfor
           </tbody>