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

Generalised some dialogs

Browse Source
This commit is contained in:
Thaum
2015-02-27 06:14:34 +00:00
parent 56f8e95d81
commit 040d5a514b
50 changed files with 532 additions and 954 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
rpg-docs/client/views/character/persona/peronaDetailsDialog/personaDetailsDialog.html
View File

@@ -1,18 +1,12 @@
<template name="personaDetailsDialog">
<core-header-panel fit>
<core-toolbar class="deep-purple white-text" hero-id="toolbar" hero>
<paper-icon-button id="backButton" role="button" tabindex="0" icon="arrow-back" aria-label="close"></paper-icon-button>
<div flex hero-id="title" hero>{{name}}</div>
</core-toolbar>
<div class="detailContent">
<!--Name-->
<paper-input id="nameInput" label="Name" floatinglabel value={{name}}></paper-input><br>
<!--Alignment-->
<paper-input id="alignmentInput" label="Alignment" floatinglabel value={{alignment}}></paper-input><br>
<!--Gender-->
<paper-input id="genderInput" label="Gender" floatinglabel value={{gender}}></paper-input><br>
<!--Race-->
<paper-input id="raceInput" label="Race" floatinglabel value={{race}}></paper-input><br>
</div>
</core-header-panel>
{{#baseDialog title=name class="deep-purple white-text" hideColor="true" hideDelete="true"}}
<!--Name-->
<paper-input id="nameInput" label="Name" floatinglabel value={{name}}></paper-input><br>
<!--Alignment-->
<paper-input id="alignmentInput" label="Alignment" floatinglabel value={{alignment}}></paper-input><br>
<!--Gender-->
<paper-input id="genderInput" label="Gender" floatinglabel value={{gender}}></paper-input><br>
<!--Race-->
<paper-input id="raceInput" label="Race" floatinglabel value={{race}}></paper-input><br>
{{/baseDialog}}
</template>

26
rpg-docs/client/views/character/persona/peronaDetailsDialog/personaDetailsDialog.js
View File

@@ -1,30 +1,4 @@
Template.personaDetailsDialog.rendered = function(){
var self = this;
//update all autogrows after they've been filled
var pata = this.$("paper-autogrow-textarea");
pata.each(function(index, el){
el.update($(el).children().get(0));
})
//update all input fields as well
var input = this.$("paper-input");
input.each(function(index, el){
el.valueChanged();
})
//after the dialog is built, open it
if (!this.alreadyRendered){
Session.set("global.ui.detailShow", true);
this.alreadyRendered = true;
}
};
Template.personaDetailsDialog.helpers({
});
Template.personaDetailsDialog.events({
"tap #backButton": function(){
GlobalUI.closeDetail()
},
"change #nameInput": function(event){
var input = event.currentTarget.value;
Characters.update( this.charId, {$set: {name: input}} );

21
rpg-docs/client/views/character/persona/textDialog/textDialog.html
View File

@@ -1,16 +1,9 @@
<template name="textDialog">
<core-header-panel fit>
<core-toolbar hero-id="toolbar" hero class={{colorClass}}>
<paper-icon-button id="backButton" role="button" tabindex="0" icon="arrow-back" aria-label="close"></paper-icon-button>
<div flex hero-id="title" hero>{{title}}</div>
</core-toolbar>
<div class="detailContent">
<!--Description-->
<paper-input-decorator label={{title}} floatinglabel layout vertical>
<paper-autogrow-textarea>
<textarea id="textInput" placeholder value={{value}}></textarea>
</paper-autogrow-textarea>
</paper-input-decorator>
</div>
</core-header-panel>
{{#baseDialog title=title class=colorClass hideColor="true" hideDelete="true"}}
<paper-input-decorator label={{title}} floatinglabel layout vertical>
<paper-autogrow-textarea>
<textarea id="textInput" placeholder value={{value}}></textarea>
</paper-autogrow-textarea>
</paper-input-decorator>
{{/baseDialog}}
</template>

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

@@ -1,22 +1,3 @@
Template.textDialog.rendered = function(){
var self = this;
//update all autogrows after they've been filled
var pata = this.$("paper-autogrow-textarea");
pata.each(function(index, el){
el.update($(el).children().get(0));
})
//update all input fields as well
var input = this.$("paper-input");
input.each(function(index, el){
el.valueChanged();
})
//after the dialog is built, open it
if (!this.alreadyRendered){
Session.set("global.ui.detailShow", true);
this.alreadyRendered = true;
}
};
Template.textDialog.helpers({
value: function(){
var fieldSelector = {fields: {}};
@@ -32,8 +13,5 @@ Template.textDialog.events({
var setter = {$set: {}};
setter.$set[this.field] = input;
Characters.update(this.charId, setter);
},
"tap #backButton": function(){
GlobalUI.closeDetail()
},
}
});