jschaufuss/DiceCloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Styled, optimised spell dialog

Browse Source
This commit is contained in:
Thaum
2015-02-16 08:47:58 +00:00
parent 3b2916809f
commit 3e20e532e5
4 changed files with 19 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
rpg-docs/client/views/character/persona/textDialog/textDialog.js
View File

@@ -32,5 +32,8 @@ Template.textDialog.events({
var setter = {$set: {}}; var setter = {$set: {}};
setter.$set[this.field] = input; setter.$set[this.field] = input;
Characters.update(this.charId, setter); Characters.update(this.charId, setter);
} },
"tap #backButton": function(){
GlobalUI.closeDetail()
},
}); });

3
rpg-docs/client/views/character/spells/spellDialog/spellDialog.css Normal file
View File

@@ -0,0 +1,3 @@
.spellDialog paper-checkbox {
margin: 8px 16px 8px 8px;
}

14
rpg-docs/client/views/character/spells/spellDialog/spellDialog.html
View File

@@ -58,14 +58,8 @@
</core-menu> </core-menu>
</paper-dropdown> </paper-dropdown>
</paper-dropdown-menu> </paper-dropdown-menu>
<!--Casting Time-->
<paper-input id="castingTimeInput" class="fullwidth" label="Casting Time" floatinglabel value={{castingTime}} flex></paper-input>
<!--Range-->
<paper-input id="rangeInput" class="fullwidth" label="Range" floatinglabel value={{range}} flex></paper-input>
<!--Duration-->
<paper-input id="durationInput" class="fullwidth" label="Duration" floatinglabel value={{duration}} flex></paper-input>
<!--Components--> <!--Components-->
<div horizontal layout wrap> <div horizontal layout center wrap>
<div>Verbal:</div> <div>Verbal:</div>
<paper-checkbox id="verbalCheckbox" checked={{components.verbal}}></paper-checkbox> <paper-checkbox id="verbalCheckbox" checked={{components.verbal}}></paper-checkbox>
<div>Somatic:</div> <div>Somatic:</div>
@@ -77,6 +71,12 @@
<paper-checkbox id="ritualCheckbox" checked={{ritual}}></paper-checkbox> <paper-checkbox id="ritualCheckbox" checked={{ritual}}></paper-checkbox>
</div> </div>
<paper-input id="materialInput" class="fullwidth" label="Material Components" floatinglabel value={{components.material}} flex></paper-input> <paper-input id="materialInput" class="fullwidth" label="Material Components" floatinglabel value={{components.material}} flex></paper-input>
<!--Casting Time-->
<paper-input id="castingTimeInput" class="fullwidth" label="Casting Time" floatinglabel value={{castingTime}} flex></paper-input>
<!--Range-->
<paper-input id="rangeInput" class="fullwidth" label="Range" floatinglabel value={{range}} flex></paper-input>
<!--Duration-->
<paper-input id="durationInput" class="fullwidth" label="Duration" floatinglabel value={{duration}} flex></paper-input>
<!--Description--> <!--Description-->
<paper-input-decorator label="Description" floatinglabel layout vertical> <paper-input-decorator label="Description" floatinglabel layout vertical>
<paper-autogrow-textarea> <paper-autogrow-textarea>

5
rpg-docs/client/views/character/spells/spellDialog/spellDialog.js
View File

@@ -68,30 +68,35 @@ Template.spellDialog.events({
var detail = event.originalEvent.detail; var detail = event.originalEvent.detail;
if(!detail.isSelected) return; if(!detail.isSelected) return;
var value = detail.item.getAttribute("name"); var value = detail.item.getAttribute("name");
if (value == this.listId) return;
Spells.update(this._id, {$set: {listId: value}}); Spells.update(this._id, {$set: {listId: value}});
}, },
"core-select #levelDropdown": function(event){ "core-select #levelDropdown": function(event){
var detail = event.originalEvent.detail; var detail = event.originalEvent.detail;
if(!detail.isSelected) return; if(!detail.isSelected) return;
var value = detail.item.getAttribute("name"); var value = detail.item.getAttribute("name");
if(value == this.level) return;
Spells.update(this._id, {$set: {level: value}}); Spells.update(this._id, {$set: {level: value}});
}, },
"core-select #schoolDropdown": function(event){ "core-select #schoolDropdown": function(event){
var detail = event.originalEvent.detail; var detail = event.originalEvent.detail;
if(!detail.isSelected) return; if(!detail.isSelected) return;
var value = detail.item.getAttribute("name"); var value = detail.item.getAttribute("name");
if(value == this.school) return;
Spells.update(this._id, {$set: {school: value}}); Spells.update(this._id, {$set: {school: value}});
}, },
"core-select #preparedDropdown": function(event){ "core-select #preparedDropdown": function(event){
var detail = event.originalEvent.detail; var detail = event.originalEvent.detail;
if(!detail.isSelected) return; if(!detail.isSelected) return;
var value = detail.item.getAttribute("name"); var value = detail.item.getAttribute("name");
if(value == this.school) return;
Spells.update(this._id, {$set: {prepared: value}}); Spells.update(this._id, {$set: {prepared: value}});
}, },
"core-select .colorDropdown": function(event){ "core-select .colorDropdown": function(event){
var detail = event.originalEvent.detail; var detail = event.originalEvent.detail;
if(!detail.isSelected) return; if(!detail.isSelected) return;
var value = detail.item.getAttribute("name"); var value = detail.item.getAttribute("name");
if(value == this.color) return;
Spells.update(this._id, {$set: {color: value}}); Spells.update(this._id, {$set: {color: value}});
}, },
"change #verbalCheckbox": function(event){ "change #verbalCheckbox": function(event){