Merge remote-tracking branch 'origin/bbaer_work' into crose_work

extension/Resources/Public/icons/gear.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   id="svg2"
+   viewBox="0 0 189.94861 185.21801"
+   height="52.27264mm"
+   width="53.607719mm">
+  <defs
+     id="defs4" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(-323.47266,-343.45046)"
+     id="layer1">
+    <path
+       id="path4254"
+       d="m 400.13153,346.99491 c -2.01329,-0.0301 -4.96761,0.53087 -9.29688,1.90235 -27.70731,8.77742 9.758,12.24835 -13.88086,29.1582 -23.63885,16.90985 -14.82167,-19.67024 -32.07812,3.7168 -17.25645,23.38703 15.09503,4.17507 5.91016,31.75 -9.18487,27.57493 -23.55337,-7.20032 -23.76758,21.86328 -0.21421,29.0636 14.66398,-5.49638 23.4414,22.21094 8.77742,27.70731 -23.2868,8.01935 -6.37695,31.6582 16.90986,23.63885 8.63445,-13.067 32.02149,4.18945 23.38703,17.25646 -14.12571,20.17646 13.44921,29.36133 27.57493,9.18487 -0.6964,-15.64585 28.36719,-15.43164 29.0636,0.21421 0.43136,24.62508 28.13868,15.84766 27.70731,-8.77742 -9.758,-12.24835 13.88086,-29.15821 23.63885,-16.90985 14.82167,19.66829 32.07812,-3.71875 17.25645,-23.38703 -15.09503,-4.17311 -5.91015,-31.74804 9.18487,-27.57493 23.55336,7.20031 23.76757,-21.86328 0.21421,-29.0636 -14.66398,5.49442 -23.4414,-22.2129 -8.77742,-27.70731 23.2868,-8.01739 6.37695,-31.65625 -16.90985,-23.63885 -8.63445,13.06505 -32.02148,-4.1914 -23.38704,-17.25646 14.12571,-20.17451 -13.44922,-29.35938 -27.57493,-9.18487 0.69641,15.64585 -28.36719,15.43164 -24.52241,-0.18074 -7.97004,-17.5872 -18.8418,-17.75 z m 18.31641,49.06446 a 40,40 0 0 1 40,40 40,40 0 0 1 -40,40 40,40 0 0 1 -40,-40 40,40 0 0 1 40,-40 z"
+       style="opacity:1;fill:#0088aa;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-opacity:1" />
+  </g>
+</svg>

less/qfq-bs.css.less

@@ -215,13 +215,20 @@ i.@{spinner_class} {
 /* spinning icons */
 
 .text-large-with-margin {
-  font-size: 8em;
+  font-size: 92px;
+  line-height: normal;
   margin: 0.4em;
 }
 
+.qfq-icon-gear {
+  height: 190px;
+  width: 190px;
+  margin: 1em;
+}
+
 .glyphicon-spin {
-  -webkit-animation: spin 2000ms infinite linear;
-  animation: spin 2000ms infinite linear;
+  -webkit-animation: spin 2350ms infinite linear;
+  animation: spin 2350ms infinite linear;
 }
 @-webkit-keyframes spin {
   0% {

mockup/modal.html

@@ -38,7 +38,7 @@
     </div>
 
     <!-- Button trigger modal -->
-    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#qfqModal101" data-title="Loading final.pdf" data-text="loading Document.." data-backdrop="static" data-keyboard="false"
+    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#qfqModal101" data-title="Loading final.pdf" data-text="loading Document.." data-keyboard="false"
             onclick="$('#qfqModalTitle101').text($(this).data('title')); $('#qfqModalText101').text($(this).data('text'));">
         <span class="glyphicon glyphicon-search"></span>
     </button>
@@ -52,7 +52,7 @@
                     <h4 class="modal-title" id="qfqModalTitle101">Loading Document</h4>
                 </div>
                 <div class="modal-body" style="text-align: center;">
-                    <span class="glyphicon glyphicon-cog glyphicon-spin text-large-with-margin text-primary"></span>
+                    <img class="qfq-icon-gear glyphicon-spin" src="../extension/Resources/Public/icons/gear.svg">
                     <p id="qfqModalText101">PDF Document is being generated. Please wait.</p>
                 </div>
                 <div class="modal-footer">
@@ -61,7 +61,9 @@
             </div>
         </div>
     </div>
-
+    <script type="application/javascript">
+        window.onblur = function () { $("#qfqModal101").modal('hide'); }
+    </script>
 </div>
 
 <script src="../js/jquery.min.js"></script>