Added carried checkboxes to containers

This commit is contained in:
Thaum
2015-03-11 12:56:01 +00:00
parent 2b9cbcf717
commit 059ebf7db2
3 changed files with 20 additions and 8 deletions

View File

@@ -23,12 +23,12 @@
}
/*To change the ink color for checked state:*/
paper-checkbox.enabledCheckbox::shadow #ink[checked] {
.containerTop paper-checkbox::shadow #ink[checked] {
color: #ffffff;
}
/*To change the checkbox checked color:*/
paper-checkbox.enabledCheckbox::shadow #checkbox.checked {
.containerTop paper-checkbox::shadow #checkbox.checked {
background-color: #ffffff;
background-color: rgba(255,255,255,0.27);
border-color: #ffffff;
@@ -36,22 +36,22 @@ paper-checkbox.enabledCheckbox::shadow #checkbox.checked {
}
/*ensure the checkmark is shown when ticked*/
paper-checkbox.enabledCheckbox::shadow #checkbox.checked #checkmark {
.containerTop paper-checkbox::shadow #checkbox.checked #checkmark {
display: initial;
}
/*To change the ink color for unchecked state:*/
paper-checkbox.enabledCheckbox::shadow #ink {
.containerTop paper-checkbox::shadow #ink {
color: #ffffff;
}
/*To change the checkbox unchecked color:*/
paper-checkbox.enabledCheckbox::shadow #checkbox {
.containerTop paper-checkbox::shadow #checkbox {
border-color: #ffffff;
border-color: rgba(255,255,255,0.54);
}
/*ensure checkmark isn't shown early*/
paper-checkbox.enabledCheckbox::shadow #checkbox #checkmark {
.containerTop paper-checkbox::shadow #checkbox #checkmark {
display: none;
}

View File

@@ -40,7 +40,10 @@
<div class="containerTop {{colorClass}}" hero-id="toolbar" layout horizontal center {{detailHero}}>
<div class="containerName subhead" hero-id="title" flex {{detailHero}}>{{name}}</div>
<div class="caption" style="margin-right: 8px">{{valueString totalValue}}</div>
<div class="caption">{{round totalWeight}}lbs</div>
<div class="caption" style="margin-right: 8px">{{round totalWeight}}lbs</div>
<core-tooltip label="Container carried" position="left">
<paper-checkbox class="carriedCheckbox" checked={{isCarried}}></paper-checkbox>
</core-tooltip>
</div>
<div flex class="containerMain">
{{#each items ../_id _id}}

View File

@@ -30,7 +30,7 @@ Template.inventory.helpers({
Containers.find({charId: this._id, isCarried: true}).forEach(function(container){
weight += container.totalWeight();
});
Items.find({charId: this._id, equipped: false}, {fields: {weight : 1, quantity: 1}}).forEach(function(item){
Items.find({charId: this._id, equipped: true}, {fields: {weight : 1, quantity: 1}}).forEach(function(item){
weight += item.totalWeight();
});
return weight;
@@ -94,6 +94,15 @@ Template.inventory.events({
data: {containerId: this._id, charId: this.charId},
heroId: this._id
});
},
"tap .carriedCheckbox": function(event){
event.stopPropagation();
},
"change .carriedCheckbox": function(event){
var carried;
if(this.isCarried) carried = false;
else carried = true;
Containers.update(this._id, {$set: {isCarried: carried}});
}
});