Merge pull request cyruzzo#2364 from Azmoria/Add-temporary-message-fu…

…nction;-Add-message-when-damage/heal-button-is-clicked-when-no-non-player-token-is-selected

Add temporary message function; Add message when damage/heal button is clicked when no non-player token is selected

CoreFunctions.js

@@ -525,7 +525,15 @@ function add_issues_to_error_message(issues, errorMessage) {
   }
 }
 
+function showTempMessage(messageString){
+  $('.abovevttTempMessage').remove();
+  let messageBox = $(`<div class='abovevttTempMessage'>${messageString}</div>`);
+  $('body').append(messageBox);
+  setTimeout(function(){
+    messageBox.fadeOut(1000, function() { $(this).remove(); });
+  }, 1000);
 
+}
 /** The string "THE DM" has been used in a lot of places.
  * This prevents typos or case sensitivity in strings.
  * @return {String} "THE DM" */

MessageBroker.js

@@ -423,6 +423,10 @@ class MessageBroker {
 										else if(clicked.hasClass('heal')){
 											damage = -1*damage;
 										}
+										if($(`.tokenselected:not([data-id*='profile'])`).length == 0){
+											showTempMessage('No non-player tokens selected');
+										}
+
 										for(let i in window.CURRENTLY_SELECTED_TOKENS){
 
 											let id = window.CURRENTLY_SELECTED_TOKENS[i];

abovevtt.css

@@ -49,6 +49,29 @@ button#startScreenShare{
     border: 0px;
     border-radius: 5px;
 }
+.abovevttTempMessage{
+    display:block;
+    position:fixed;
+    width:400px;
+    bottom:10%;
+    left:50%;
+    font-size:20px;
+    transform: translateX(-50%);
+    pointer-events:none;
+    color:#fff;
+    text-shadow: 1px 1px 0px #000, 
+        -1px -1px 0px #000, 
+        -1px 1px 0px #000, 
+        1px -1px 0px #000, 
+        0px -1px 0px #000, 
+        1px 0px 0px #000, 
+        0px 1px 0px #000, 
+        -1px 0px 0px #000;
+    z-index:10000000000;
+    text-align:center;
+    text-transform: uppercase;
+    font-weight:bold;
+}
 .percentageLoaded{
     height: 10px;
     position: absolute;