Merge pull request #2053 from antgonza/fix-by-blinking

Fix by blinking

Author: josenavas

qiita_pet/static/css/style.css

@@ -24,6 +24,15 @@ tr.shown td.more-info-processing-jobs {
     background: url('../img//details_close.png') no-repeat center center;
 }
 
+.blinking-message {
+  animation: blinker 2s linear infinite;
+}
+
+@keyframes blinker {
+  50% { opacity: 0.3; background: #CCC;}
+  100% { opacity: 1.0; background: #FFF;}
+}
+
 /* table in the study description that holds the investigation type elements */
 .investigation-type-table td {
   padding-top: 6px;

qiita_pet/templates/study_ajax/processing_artifact.html

@@ -405,6 +405,9 @@ <h4>
       <i>Processing workflow</i>
       <button class="btn btn-primary btn-sm" onclick="run_workflow();" id='run-btn' disabled><span class="glyphicon glyphicon-play"></span> Run</button>
     </h4>
+    <div class="blinking-message">
+      <small>Don't forget to hit "Run" once you are done with your workflow!</small>
+    </div>
     <h5>
       Wondering what to select? Check our data <a target='_blank' onclick="return !window.open(this.href, 'Qiita processing recommendations', 'width=800,height=500')" href='{% raw qiita_config.portal_dir %}/static/doc/html/processing-recommendations.html'>processing recommendations</a>.
     </h5>

qiita_pet/templates/upload.html

@@ -33,10 +33,19 @@
             <td class="progress-pause" nowrap="nowrap">
               &nbsp;&nbsp;&nbsp;&nbsp;
               <a href="#" onclick="uploader.resumable.upload(); return(false);" class="progress-resume-link"><span class="glyphicon glyphicon-play"></span></a>
-              &nbsp;&nbsp;&nbsp;&nbsp;
+
               <a href="#" onclick="uploader.resumable.pause(); return(false);" class="progress-pause-link"><span class="glyphicon glyphicon-pause"></span></a>
             </td>
           </tr>
+          <tr>
+            <td colspan="3">
+              <div class="blinking-message">
+                Keep track of your upload or pause/resume it! <span class="glyphicon glyphicon-arrow-up"></span>
+                <br/>
+                <small>(you can even close your computer or change networks!)</small>
+              </div>
+            </td>
+          <tr>
         </table>
       </div>