no message

bookmarklet.js

@@ -55,15 +55,7 @@
       return;
     }
 
-    // collect selcted issues
-    var issueKeyList = global.appFunctions.getSelectedIssueKeyList();
-    if (issueKeyList.length <= 0) {
-      alert("Please select at least one issue.");
-      return;
-    } else if (issueKeyList.length > 30) {
-      confirm("Are you sure you want select " + issueKeyList.length + " issues?");
-      return;
-    }
+
 
     // add overlay frame
     var appFrame = createOverlayFrame();
@@ -89,6 +81,18 @@
     printFrame.window.addEventListener("resize", redrawCards);
     printFrame.window.matchMedia("print").addListener(redrawCards);
 
+    // collect selcted issues
+    var issueKeyList = global.appFunctions.getSelectedIssueKeyList();
+    if (issueKeyList.length <= 0) {
+      alert("Please select at least one issue.");
+      return;
+    } else if (issueKeyList.length > 30) {
+      var confirmResult = confirm("Are you sure you want select " + issueKeyList.length + " issues?");
+      if (!confirmResult) {
+        return;
+      }
+    }
+
     // render cards
     promises.push(renderCards(issueKeyList));
 
@@ -220,7 +224,6 @@
     $.each(issueKeyList, function(index, issueKey) {
       var card = cardElement(issueKey);
       card.attr("index", index);
-      card.hide();
       card.find('.issue-id').text(issueKey);
       $("body", printFrameDocument).append(card);
 
@@ -229,7 +232,6 @@
         ga('send', 'event', 'card', 'generate', cardData.type);
         fillCard(card, cardData);
         redrawCards();
-        card.show();
       }));
     });
 

card.css

@@ -178,6 +178,10 @@ body {
   background-position: center;
   background-size: 63%;
 }
+.issue-icon[type="loading"]{
+  background-color: DEEPSKYBLUE;
+  background-image: url(https://qoomon.github.io/Jira-Issue-Card-Printer/resources/icons/CloudLoading.png);
+}
 .issue-icon[type="story"], .issue-icon[type="user story"] {
   background-color: GOLD;
   background-image: url(https://qoomon.github.io/Jira-Issue-Card-Printer/resources/icons/Bulb.png);

card.html

@@ -1,4 +1,4 @@
-  <div class="card">
+<div class="card">
   <div class="card-content">
     <div class="card-body shadow">
       <div class="issue-summary"></div>
@@ -12,7 +12,7 @@
       </div>
       <div class="issue-id badge"></div>
       <div class="issue-id-fadeout"></div>
-      <div class="issue-icon badge"></div>
+      <div class="issue-icon badge" type="loading"></div>
       <div class="issue-estimate badge"></div>
       <div class="issue-due-box">
         <div class="issue-due-date badge"></div>