some notification changes

client/js/client.js

@@ -865,6 +865,9 @@ let Preview = Backbone.View.extend({
 let Notification = Backbone.View.extend({
   className: "notification",
   template: require("../templates/notification.handlebars"),
+  events: {
+    "click .alert": "onClick"
+  },
   initialize: function(opt){
     this.opt = opt;
     $(".notifications").append(this.el);
@@ -880,7 +883,7 @@ let Notification = Backbone.View.extend({
     }, {
       duration: 600,
       complete: this.hide.bind(this)
-    }).delay(2500);
+    }).delay(2000);
 
   },
   hide: function(){
@@ -889,6 +892,9 @@ let Notification = Backbone.View.extend({
     }, {
       complete: this.remove.bind(this)
     })
+  },
+  onClick: function(e) {
+    this.remove();
   }
 });
 

client/scss/main.scss

@@ -304,13 +304,15 @@ $game-height: 800px;
   position: absolute;
   top: 0;
   z-index: 200;
-  width: 100%;
+  width: 500px;
+  left: calc(50% - (500px/2));
 }
 
 .notification {
   height: 0;
-  margin-left: 250px;
+  /*margin-left: 250px;
-  margin-right: 250px;
+  margin-right: 250px;*/
+
 
   .alert {
     margin-bottom: 0;

client/templates/lobby.handlebars

@@ -20,7 +20,7 @@
           {{#if inMatchmakerQueue}}<img src="../site/public/assets/img/content-load.gif" width=20 style="margin: 5px;"> {{/if}}
           </button>
           <!--<button type="button" class="btn btn-primary join-room">Join Room</button>-->
-          <!--<button type="button" class="btn btn-success note">debug note</button>-->
+          <button type="button" class="btn btn-success note">debug note</button>
         </div>
 
       </div>

server/Battle.js

@@ -133,6 +133,7 @@ var Battle = (function(){
       this.waitForScoiatael(this.p2);
     }
     else {
+      this.sendNotification(loser.getName() + " begins!");
       this.switchTurn(loser);
     }
   }
@@ -147,6 +148,7 @@ var Battle = (function(){
       if(data.side !== "p1" && data.side !== "p2")
         throw new Error("Unknown side property! - ", data.side);
 
+      self.sendNotification(side.getName() + " choose " + self[data.side].getName());
       self.switchTurn(self[data.side]);
     })
   }

server/Battleside.js

@@ -56,6 +56,7 @@ Battleside = (function(){
 
       ability.onActivate.apply(self);
       leaderCard.setDisabled(true);
+      self.battle.sendNotification(self.getName() + " activated " + leaderCard.getName() + "! (leadercard)");
       self.update();
     })
     this.receive("play:cardFromHand", function(data){
@@ -78,6 +79,8 @@ Battleside = (function(){
     this.receive("set:passing", function(){
       self.setPassing(true);
       self.update();
+
+      self.battle.sendNotification(self.getName() + " passed!");
       self.runEvent("NextTurn", null, [self.foe]);
     })
     this.receive("medic:chooseCardFromDiscard", function(data){
@@ -321,7 +324,11 @@ Battleside = (function(){
     }
 
     this.checkAbilities(card, obj);
-    if(obj._cancelPlacement && !obj.forceField) return 0;
+    if(obj._cancelPlacement && !obj.forceField){
+
+      //this.battle.sendNotification(this.getName() + " played " + card.getName() + "!");
+      return 0;
+    }
     if(obj._nextTurn && !obj.forceField){
       this.update();
       this.runEvent("NextTurn", null, [this.foe]);
@@ -390,6 +397,8 @@ Battleside = (function(){
         disabled: true
       });
       self.hand.remove(card);
+
+      self.battle.sendNotification(self.getName() + " played " + card.getName());
     })
   }
 
@@ -495,6 +504,7 @@ Battleside = (function(){
 
           self.update();
           self.runEvent("NextTurn", null, [self.foe]);
+          self.battle.sendNotification(self.getName() + " played Decoy!");
         })
       }
       if(ability.onEachTurn){
@@ -527,14 +537,19 @@ Battleside = (function(){
     }
   }
 
-  r.setWeather = function(weather){
+  r.setWeather = function(weather, opt){
     var targetRow = weather;
     var field;
     if(typeof targetRow === "undefined") return;
+    opt = opt || {};
+    var onRoundEnd = opt.onTurnEnd || false;
 
 
     //console.log(this.field[Card.TYPE.WEATHER]);
     if(targetRow === Card.TYPE.WEATHER){
+      if(!onRoundEnd){
+        this.battle.sendNotification(this.getName() + " played Clear Weather!");
+      }
       field = this.field[targetRow];
       field.removeAll();
 
@@ -576,7 +591,19 @@ Battleside = (function(){
     var cards = field.getHighestCards();
     var removeCards = field.removeCard(cards);
 
-    side.addToDiscard(removeCards);/*
+
+    this.battle.sendNotification(this.getName() + " played " + card.getName());
+
+    var txt = "Scorch destroyed:\n";
+    for (var i = 0; i < removeCards.length; i++) {
+      var c = removeCards[i];
+      txt += c.getName() + "\n";
+    }
+
+    this.battle.sendNotification(txt);
+
+    side.addToDiscard(removeCards);
+    /*
         this.hand.remove(card);
         this.addToDiscard(card);*/
   }
@@ -631,7 +658,9 @@ Battleside = (function(){
 
   r.resetNewRound = function(){
     this.clearMainFields();
-    this.setWeather(5); //clear weather
+    this.setWeather(5, {
+      onTurnEnd: true
+    }); //clear weather
     this.setPassing(false);
   }