Add 'please wait' message to bulk invoice modal

app/assets/javascripts/templates/admin/modals/bulk_invoice.html.haml

@@ -1,6 +1,3 @@
-%a.close-reveal-modal{ ng: { click: '$close()' } }
-  %i.fa.fa-times-circle
-
 %h4.modal-title
   = t('js.admin.orders.index.compiling_invoices')
 
@@ -10,6 +7,8 @@
   {{error}}
 
 %img.spinner{ src: "/assets/spinning-circles.svg", ng: { show: "loading" } }
+%p{ ng: { show: "loading" } }
+  = t('js.admin.orders.index.please_wait')
 
 %a.button{ target: '_blank', ng: { click: 'showBulkInvoice()', href: '/admin/orders/invoices/{{invoice_id}}', show: "!loading && !error" } }
   = t('js.admin.orders.index.view_file')

app/assets/stylesheets/admin/orders.css.scss

@@ -126,6 +126,10 @@ table.index td.actions {
     margin-bottom: 1em;
   }
 
+  .spinner {
+    margin-bottom: 1em;
+  }
+
   .error {
     color: $warning-red;
   }

config/locales/en.yml

@@ -2594,6 +2594,7 @@ See the %{link} to find out more about %{sitename}'s features and to start using
           compiling_invoices: Compiling Invoices
           bulk_invoice_created: Bulk Invoice created
           bulk_invoice_failed: Failed to create Bulk Invoice
+          please_wait: Please wait until the PDF is ready before closing this modal.
       resend_user_email_confirmation:
         resend: "Resend"
         sending: "Resend..."