Added encumbrance effects, conditions and encumbrance buffs

rpg-docs/client/views/character/inventory/carryCapacityBar/carryCapacityBar.html

@@ -11,4 +11,12 @@
 			 style="width: 66.666%;">
 		</div>
 	</div>
+	{{#if overCarriedPercent}}
+	<div class="carryCapacityBar">
+		<div class="carriedWeightBar"
+			 style="width: {{overCarriedPercent}}%;
+					background-color: {{overCarriedColor}}">
+		</div>
+	</div>
+	{{/if}}
 </template>

rpg-docs/client/views/character/inventory/carryCapacityBar/carryCapacityBar.js

@@ -18,13 +18,40 @@ var getFractionCarried = function(char) {
 	return weight / capacity;
 };
 
+Template.carryCapacityBar.onCreated(function() {
+	var self = this;
+	self.carriedFraction = new ReactiveVar(0);
+	self.autorun(function() {
+		self.carriedFraction.set(getFractionCarried(self.data));
+	});
+});
+
 Template.carryCapacityBar.helpers({
 	carriedPercent: function() {
-		var percent = 100 * getFractionCarried(this);
+		var percent = 100 * Template.instance().carriedFraction.get();
 		return percent > 100 ? 100 : percent;
 	},
+	overCarriedPercent: function() {
+		var percent = 100 * Template.instance().carriedFraction.get();
+		var overPercent = percent - 100;
+		if (overPercent < 0) return 0;
+		if (overPercent > 100) return 100;
+		return overPercent;
+	},
 	carriedColor: function() {
-		var frac = getFractionCarried(this);
+		var frac = Template.instance().carriedFraction.get();
+		if (frac < 1 / 3){
+			return "#2196F3";
+		} else if (frac < 2 / 3){
+			return "#CDDC39";
+		} else if (frac < 1) {
+			return "#FFC107";
+		} else {
+			return "#F44336";
+		}
+	},
+	overCarriedColor: function() {
+		var frac = Template.instance().carriedFraction.get();
 		if (frac < 1 / 3){
 			return "#2196F3";
 		} else if (frac < 2 / 3){

rpg-docs/client/views/character/inventory/inventory.html

@@ -14,9 +14,9 @@
 					</div>
 				</paper-shadow>
 				<!--Weight Carried-->
-				<paper-shadow class="card weightCarried"
+				<paper-shadow class="card"
 							  hero-id="main" {{detailHero "weightCarried" _id}}>
-					<div class="top green white-text"
+					<div class="top green white-text weightCarried"
 						 hero-id="toolbar" {{detailHero "weightCarried" _id}}
 						 layout horizontal center>
 						<div class="subhead" flex>
@@ -29,6 +29,25 @@
 					<div class="bottom green" style="padding: 0;">
 						{{> carryCapacityBar}}
 					</div>
+					{{#if encumberedBuffs.count}}
+					<div class="bottom list">
+						{{#each encumberedBuffs}}
+						<div class="item-slot">
+							<div class="item buff"
+								 hero-id="main" {{detailHero}}
+								 layout horizontal center
+								 draggable="true">
+								<div flex>
+									<core-icon icon="work"
+											   style="margin-right: 16px">
+									</core-icon>
+									{{name}}
+								</div>
+							</div>
+						</div>
+						{{/each}}
+					</div>
+					{{/if}}
 				</paper-shadow>
 				<!--Equipment-->
 				<paper-shadow class="card equipmentContainer">

rpg-docs/client/views/character/inventory/inventory.js

@@ -61,6 +61,18 @@ Template.inventory.helpers({
 		});
 		return weight;
 	},
+	encumberedBuffs: function(){
+		return Buffs.find({
+			charId: this._id,
+			type: "inate",
+			name: {$in: [
+				"Encumbered",
+				"Heavily encumbered",
+				"Over encumbered",
+				"Can't move load",
+			]},
+		});
+	},
 	equipmentValue: function(){
 		var value = 0;
 		Items.find(
@@ -144,6 +156,15 @@ Template.inventory.events({
 			heroId:   charId + "weightCarried",
 		});
 	},
+	"tap .buff": function(event){
+		var buffId = this._id;
+		var charId = Template.parentData()._id;
+		GlobalUI.setDetail({
+			template: "buffDialog",
+			data:     {buffId: buffId, charId: charId},
+			heroId:   buffId,
+		});
+	},
 	"tap .inventoryItem": function(event){
 		var itemId = this._id;
 		var charId = Template.parentData()._id;