Finished upgrading stat tab to Polymer 1

This commit is contained in:
Stefan Zermatten
2017-01-20 09:05:16 +02:00
parent c4a488a176
commit b44fe33b30
10 changed files with 169 additions and 173 deletions

View File

@@ -1,44 +1,40 @@
<template name="baseDialog">
<div class="{{class}} top subhead"
style="height: 72px;"
hero-id="toolbar" hero
layout horizontal center>
<paper-icon-button id="backButton"
icon="arrow-back">
</paper-icon-button>
<div flex>{{title}}</div>
{{#if editing}}
{{#unless hideDelete}}
<paper-icon-button id="deleteButton"
role="button"
tabindex="0"
icon="delete"
aria-label="Delete Feature">
<app-header-layout has-scrolling-region class="fit base-dialog">
<app-header fixed effects="waterfall">
<app-toolbar class={{class}}>
<paper-icon-button id="backButton"
icon="arrow-back">
</paper-icon-button>
<div main-title>{{title}}</div>
{{#if editing}}
{{#unless hideDelete}}
<paper-icon-button id="deleteButton"
role="button"
tabindex="0"
icon="delete">
</paper-icon-button>
{{/unless}}
{{#unless hideColor}}
{{> colorDropdown}}
{{/unless}}
<paper-icon-button id="doneEditingButton"
icon="done">
</paper-icon-button>
{{else}}
{{#if showEdit}}
<paper-icon-button id="editButton"
icon="create">
</paper-icon-button>
{{/if}}
{{/if}}
</app-toolbar>
</app-header>
<div class="form">
{{#unless editing}}
{{> UI.contentBlock}}
{{else}}
{{> UI.elseBlock}}
{{/unless}}
{{#unless hideColor}}
{{> colorDropdown}}
{{/unless}}
<paper-icon-button id="doneEditingButton"
icon="done"
aria-label="Delete Feature">
</paper-icon-button>
{{else}}
{{#if showEdit}}
<paper-icon-button id="editButton"
icon="create"
aria-label="Delete Feature">
</paper-icon-button>
{{/if}}
{{/if}}
</div>
<div class="bottom scroll-y"
style="padding: 24px"
flex>
{{#unless editing}}
{{> UI.contentBlock}}
{{else}}
{{> UI.elseBlock}}
{{/unless}}
</div>
</template>
</div>
</app-header-layout>
</template>

View File

@@ -2,14 +2,10 @@ Template.baseDialog.onCreated(function(){
this.editing = new ReactiveVar(!!this.data.startEditing);
});
Template.baseDialog.onRendered(function(){
//after the dialog is built, open it
Session.set("global.ui.detailShow", true);
});
Template.baseDialog.helpers({
editing: function(){
return Template.instance().editing.get() && canEditCharacter(Template.parentData().charId);
return Template.instance().editing.get() &&
canEditCharacter(Template.parentData().charId);
},
showEdit: function() {
if (this.hideEdit) return false;
@@ -19,7 +15,7 @@ Template.baseDialog.helpers({
Template.baseDialog.events({
"tap #backButton": function(){
GlobalUI.closeDetail();
popDialogStack();
},
"tap #editButton": function(event, instance){
instance.editing.set(true);