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

Got some Polymer 1.0 elements working with 1.4

Browse Source 
Character sheets now visible, but vulcanize broke, using raw head imports instead
This commit is contained in:
Stefan Zermatten
2016-12-22 11:15:30 +02:00
parent 042b67dd77
commit 37268495ae
50 changed files with 749 additions and 315 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
rpg-docs/client/views/private/character/characterSheet.css
View File

@@ -1,8 +1,8 @@
paper-tabs, core-toolbar {
paper-tabs, app-toolbar {
box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);
}
core-toolbar paper-tabs {
app-toolbar paper-tabs {
box-shadow: none;
}
@@ -23,6 +23,6 @@ paper-tabs.transparent-brown {
box-shadow: none;
}
core-toolbar.medium-tall {
app-toolbar.medium-tall {
height: 108px;
}

96
rpg-docs/client/views/private/character/characterSheet.html
View File

@@ -1,54 +1,54 @@
<template name="characterSheet">
<!--<div tool horizontal layout flex end-justified class="bottom">Title-bottom</div>-->
<core-toolbar class="medium-tall {{colorClass}}">
<core-icon-button icon="menu" core-drawer-toggle></core-icon-button>
<div flex>
{{name}}
</div>
{{#if canEditCharacter _id}}
<div>
{{> colorDropdown}}
<app-header>
<app-toolbar class="medium-tall {{colorClass}}">
<paper-icon-button icon="menu" drawer-toggle top-item></paper-icon-button>
<div class="flex" top-item>
{{name}}
</div>
<paper-menu-button>
<paper-icon-button icon="more-vert" noink></paper-icon-button>
<paper-dropdown class="dropdown" halign="right">
<core-menu class="menu" style="color: black; color: rgba(0,0,0,0.87);">
<paper-item id="deleteCharacter">
<core-icon icon="delete"></core-icon>Delete
</paper-item>
<paper-item id="shareCharacter">
<core-icon icon="social:share"></core-icon>Share
</paper-item>
<paper-item id="characterSettings">
<core-icon icon="settings"></core-icon>Settings
</paper-item>
</core-menu>
</paper-dropdown>
</paper-menu-button>
{{/if}}
<div class="bottom fit" horizontal layout>
<paper-tabs flex horizontal center layout id="characterSheetTabs" selected={{selectedTab}} class="{{colorClass}}">
<paper-tab name="stats">Stats</paper-tab>
<paper-tab name="features">Features</paper-tab>
<paper-tab name="inventory">Inventory</paper-tab>
{{#unless hideSpellcasting}}
<paper-tab name="spells">Spells</paper-tab>
{{/unless}}
<paper-tab name="persona">Persona</paper-tab>
<paper-tab name="journal">Journal</paper-tab>
</paper-tabs>
</div>
</core-toolbar>
<div fit>
<core-animated-pages id="tabPages" selected={{selectedTab}} transitions="slide-from-right" fit>
<section flex name="stats">{{> stats}}</section>
<section flex name="features">{{> features}}</section>
<section flex name="inventory">{{> inventory}}</section>
{{#if canEditCharacter _id}}
{{> colorDropdown}}
<paper-menu-button top-item>
<paper-icon-button icon="more-vert" class="dropdown-trigger"></paper-icon-button>
<paper-menu class="dropdown-content" halign="right">
<paper-icon-item id="deleteCharacter">
<iron-icon icon="delete" item-icon></iron-icon>
Delete
</paper-icon-item>
<paper-icon-item id="shareCharacter">
<iron-icon icon="social:share" item-icon></iron-icon>
Share
</paper-icon-item>
<paper-icon-item id="characterSettings">
<iron-icon icon="settings" item-icon></iron-icon>
Settings
</paper-icon-item>
</paper-menu>
</paper-menu-button>
{{/if}}
<div bottom-item>
<paper-tabs id="characterSheetTabs" selected={{selectedTab}} class="{{colorClass}}" attr-for-selected="name">
<paper-tab name="stats">Stats</paper-tab>
<paper-tab name="features">Features</paper-tab>
<paper-tab name="inventory">Inventory</paper-tab>
{{#unless hideSpellcasting}}
<paper-tab name="spells">Spells</paper-tab>
{{/unless}}
<paper-tab name="persona">Persona</paper-tab>
<paper-tab name="journal">Journal</paper-tab>
</paper-tabs>
</div>
</app-toolbar>
</app-header>
<div>
<neon-animated-pages id="tabPages" selected={{selectedTab}} transitions="slide-from-right" attr-for-selected="name">
<div name="stats">{{> stats}}</div>
<div name="features">{{> features}}</div>
<div name="inventory">{{> inventory}}</div>
{{#unless hideSpellcasting}}
<section flex name="spells">{{> spells}}</section>
<div name="spells">{{> spells}}</div>
{{/unless}}
<section flex name="persona">{{> persona}}</section>
<section flex name="journal">{{> journal}}</section>
</core-animated-pages>
<div name="persona">{{> persona}}</div>
<div name="journal">{{> journal}}</div>
</neon-animated-pages>
</div>
</template>

9
rpg-docs/client/views/private/character/characterSheet.js
View File

@@ -1,4 +1,4 @@
Template.characterSheet.onCreated(function() {
Template.characterSheet.onRendered(function() {
//default to the first tab
Session.setDefault(this.data._id + ".selectedTab", "stats");
//watch this character and make sure their encumbrance is updated
@@ -24,11 +24,8 @@ Template.characterSheet.helpers({
});
Template.characterSheet.events({
"core-animated-pages-transition-end #tabPages": function(event) {
event.stopPropagation();
},
"tap #characterSheetTabs paper-tab": function(event, instance){
setTab(this._id, event.currentTarget.getAttribute("name"));
"iron-select #characterSheetTabs": function(event, instance){
setTab(this._id, event.target.selected);
},
"color-change": function(event, instance){
Characters.update(this._id, {$set: {color: event.color}});

2
rpg-docs/client/views/private/character/features/features.css
View File

@@ -18,7 +18,7 @@
white-space: pre-line;
}
.resourceCards paper-shadow.healthCard {
.resourceCards paper-material.healthCard {
width: 100%;
}

16
rpg-docs/client/views/private/character/features/features.html
View File

@@ -15,7 +15,7 @@
<!--Attacks-->
<div>
<paper-shadow class="card">
<paper-material class="card">
<div class="top white">
Attacks
</div>
@@ -48,12 +48,12 @@
</div>
{{/each}}
</div>
</paper-shadow>
</paper-material>
</div>
<!--Proficiencies-->
<div>
<paper-shadow class="card">
<paper-material class="card">
<div class="white top">
Proficiencies
</div>
@@ -77,13 +77,13 @@
{{> proficiencyListItem}}
{{/each}}
</div>
</paper-shadow>
</paper-material>
</div>
<!--features-->
{{#each features}}
<div>
<paper-shadow class="card featureCard"
<paper-material class="card featureCard"
hero-id="main" {{detailHero}}>
<div class="top {{colorClass}} subhead"
layout horizontal
@@ -123,7 +123,7 @@
</paper-button>
</div>
{{/if}}
</paper-shadow>
</paper-material>
</div>
{{/each}}
</div>
@@ -145,7 +145,7 @@
<template name="resource">
{{#if characterCalculate "attributeBase" char._id name}}
<div>
<paper-shadow class="card"
<paper-material class="card"
hero-id="main" {{detailHero name char._id}}
layout horizontal>
<div class="left {{getColor}} display1 white-text"
@@ -168,7 +168,7 @@
flex layout horizontal center>
{{title}}
</div>
</paper-shadow>
</paper-material>
</div>
{{/if}}
</template>

24
rpg-docs/client/views/private/character/inventory/inventory.html
View File

@@ -4,7 +4,7 @@
<div class="column-container">
<!--Net Worth-->
<div>
<paper-shadow class="card">
<paper-material class="card">
<div class="white top" layout horizontal center>
<div class="subhead" flex>
Net Worth
@@ -13,11 +13,11 @@
{{valueString netWorth}}
</div>
</div>
</paper-shadow>
</paper-material>
</div>
<!--Weight Carried-->
<div>
<paper-shadow class="card"
<paper-material class="card"
hero-id="main" {{detailHero "weightCarried" _id}}>
<div class="top green white-text weightCarried"
hero-id="toolbar" {{detailHero "weightCarried" _id}}
@@ -40,9 +40,9 @@
hero-id="main" {{detailHero}}
layout horizontal center>
<div flex>
<core-icon icon="work"
<iron-icon icon="work"
style="margin-right: 16px">
</core-icon>
</iron-icon>
{{name}}
</div>
</div>
@@ -50,11 +50,11 @@
{{/each}}
</div>
{{/if}}
</paper-shadow>
</paper-material>
</div>
<!--Equipment-->
<div>
<paper-shadow class="card equipmentContainer">
<paper-material class="card equipmentContainer">
<div class="white top" layout horizontal center>
<div class="subhead" flex>
Equipment
@@ -80,11 +80,11 @@
{{>inventoryItem}}
{{/each}}
</div>
</paper-shadow>
</paper-material>
</div>
<!--Carried Items-->
<div>
<paper-shadow class="card carriedContainer">
<paper-material class="card carriedContainer">
<div class="white top" layout horizontal center>
<div class="subhead" flex>
Carried
@@ -101,11 +101,11 @@
{{>inventoryItem}}
{{/each}}
</div>
</paper-shadow>
</paper-material>
</div>
{{#each containers}}
<div>
<paper-shadow class="card itemContainer"
<paper-material class="card itemContainer"
hero-id="main" {{detailHero}}>
<div class="top {{colorClass}}"
hero-id="toolbar" {{detailHero}}
@@ -132,7 +132,7 @@
{{>inventoryItem}}
{{/each}}
</div>
</paper-shadow>
</paper-material>
</div>
{{/each}}
</div>

4
rpg-docs/client/views/private/character/inventory/moveItemDialog/moveItemDialog.html
View File

@@ -21,10 +21,10 @@
{{#each containers}}
<paper-item name={{_id}}
layout horizontal center>
<core-icon icon="image:brightness-1"
<iron-icon icon="image:brightness-1"
style="color: {{hexColor color}};
margin-right: 16px;">
</core-icon>
</iron-icon>
<div>{{name}}</div>
</paper-item>
{{/each}}

12
rpg-docs/client/views/private/character/journal/journal.html
View File

@@ -3,7 +3,7 @@
<div id="journal" class="scroll-y" fit>
<div class="column-container">
<!--Experience Table-->
<div><paper-shadow class="card experiencesCard"
<div><paper-material class="card experiencesCard"
hero-id="main" {{detailHero}}>
<div class="top white subhead"
hero-id="toolbar" {{detailHero}}
@@ -37,9 +37,9 @@
</paper-button>
</div>
{{/if}}
</paper-shadow></div>
</paper-material></div>
<!--Class Table-->
<div><paper-shadow class="card"
<div><paper-material class="card"
hero-id="main" {{detailHero}}>
<div class="white top"
hero-id="toolbar" {{detailHero}}
@@ -78,18 +78,18 @@
</div>
{{/each}}
</div>
</paper-shadow></div>
</paper-material></div>
<!--Notes-->
{{#each notes}}
<div>
<paper-shadow class="card" hero-id="main" {{detailHero}}>
<paper-material class="card" hero-id="main" {{detailHero}}>
<div class="top {{colorClass}} noteTop subhead"
hero-id="toolbar" {{detailHero}}
layout horizontal center>
{{name}}
</div>
<div class="bottom">{{#markdown}}{{description}}{{/markdown}}</div>
</paper-shadow>
</paper-material>
</div>
{{/each}}
</div>

12
rpg-docs/client/views/private/character/persona/persona.html
View File

@@ -4,7 +4,7 @@
<div class="column-container">
{{#with characterDetails}}
<div>
<paper-shadow class="card"
<paper-material class="card"
hero-id="main" {{detailHero "details" _id}}>
{{#unless picture}}
<div class="top subhead characterField {{colorClass}}"
@@ -32,7 +32,7 @@
{{alignment}} {{gender}} {{race}}
</div>
</div>
</paper-shadow>
</paper-material>
</div>
{{/with}}
<div>{{> containerCard characterField "description" "Description"}}</div>
@@ -42,7 +42,7 @@
<div>{{> containerCard characterField "flaws" "Flaws"}}</div>
<div>{{> containerCard characterField "backstory" "Background"}}</div>
<div>
<paper-shadow class="card">
<paper-material class="card">
<div class="white top subhead">
Languages
</div>
@@ -51,7 +51,7 @@
{{> proficiencyListItem}}
{{/each}}
</div>
</paper-shadow>
</paper-material>
</div>
</div>
</div>
@@ -63,7 +63,7 @@
</template>
<template name="containerCardHelper">
<paper-shadow class="card {{class}}"
<paper-material class="card {{class}}"
hero-id="main" {{detailHero field ../_id}}>
<div class="top subhead {{colorClass}} {{topClass}}"
hero-id="toolbar" {{detailHero field ../_id}}>
@@ -73,5 +73,5 @@
</div>
</div>
<div class="bottom">{{#markdown}}{{> UI.contentBlock}}{{/markdown}}</div>
</paper-shadow>
</paper-material>
</template>

4
rpg-docs/client/views/private/character/proficiencies/proficiencyListItem/proficiencyListItem.html
View File

@@ -3,8 +3,8 @@
<div class="proficiency item small"
hero-id="main" {{detailHero}}
layout horizontal center>
<core-icon icon="{{profIcon}}"
style="margin-right: 16px;"></core-icon>
<iron-icon icon="{{profIcon}}"
style="margin-right: 16px;"></iron-icon>
<div flex>{{getName}}</div>
</div>
</div>

2
rpg-docs/client/views/private/character/proficiencies/proficiencyView/proficiencyView.html
View File

@@ -2,7 +2,7 @@
<div class="proficiencyView item small"
style="padding: 0;"
layout horizontal center>
<core-icon icon="{{profIcon}}" style="margin-right: 16px;"></core-icon>
<iron-icon icon="{{profIcon}}" style="margin-right: 16px;"></iron-icon>
<div>{{getName}}</div>
</div>
</template>

4
rpg-docs/client/views/private/character/spells/spells.css
View File

@@ -6,7 +6,7 @@
height: 56px;
}
#spells .inventoryItem core-icon{
#spells .inventoryItem iron-icon{
width: 32px;
height: 32px;
}
@@ -18,7 +18,7 @@
cursor: pointer !important;
}
#spells .inventoryItem[disabled] core-icon{
#spells .inventoryItem[disabled] iron-icon{
color: #ccc !important;
color: rgba(0,0,0,0.26) !important;
}

12
rpg-docs/client/views/private/character/spells/spells.html
View File

@@ -4,7 +4,7 @@
<div style="padding: 4px;"
layout horizontal start wrap>
{{#if hasSlots}}
<paper-shadow class="card"
<paper-material class="card"
style="margin: 4px;"
hero-id="main" {{detailHero}}>
<div class="white top subhead"
@@ -32,10 +32,10 @@
</div>
{{/if}}{{/each}}
</div>
</paper-shadow>
</paper-material>
{{/if}}
{{#each spellLists}}
<paper-shadow class="card spellList" flex
<paper-material class="card spellList" flex
hero-id="main" {{detailHero}}
style="margin: 4px;">
<div class="top {{colorClass}}"
@@ -92,10 +92,10 @@
<div class="tall spell item"
hero-id="main" {{detailHero}}
layout horizontal center>
<core-icon icon="social:whatshot"
<iron-icon icon="social:whatshot"
style="color: {{hexColor color}};
margin-right: 16px;"
></core-icon>
></iron-icon>
<div flex layout vertical>
<div>{{name}}</div>
<div class="caption">
@@ -122,7 +122,7 @@
</div>
{{/each}}
</div>
</paper-shadow>
</paper-material>
{{/each}}
</div>
<div class="fab-buffer"></div>

4
rpg-docs/client/views/private/character/stats/abilityCards/abilityCards.html
View File

@@ -1,6 +1,6 @@
<template name="abilityMiniCard">
<div>
<paper-shadow class="card abilityMiniCard clickable"
<paper-material class="card abilityMiniCard clickable"
hero-id="main" {{detailHero ability ../_id}}
layout horizontal>
<div class="left white-text {{color}}"
@@ -11,6 +11,6 @@
<div class="right subhead" layout horizontal center>
{{title}}
</div>
</paper-shadow>
</paper-material>
</div>
</template>

4
rpg-docs/client/views/private/character/stats/healthCard/healthCard.html
View File

@@ -1,5 +1,5 @@
<template name="healthCard">
<paper-shadow class="card container healthCard"
<paper-material class="card container healthCard"
hero-id="main" {{detailHero "hitPoints" _id}}
layout horizontal wrap>
<div class="green white-text subhead left"
@@ -95,5 +95,5 @@
{{/with}}
{{/if}}
</div>
</paper-shadow>
</paper-material>
</template>

4
rpg-docs/client/views/private/character/stats/hitDice/hitDice.html
View File

@@ -1,7 +1,7 @@
<template name="hitDice">
{{#if characterCalculate "attributeBase" ../_id name}}
<div>
<paper-shadow class="card hit-dice" hero-id="main"
<paper-material class="card hit-dice" hero-id="main"
{{detailHero name ../_id}}
layout horizontal>
<div class="left green display1 white-text"
@@ -29,7 +29,7 @@
<div class="right clickable" flex relative horizontal layout center>
Hit Dice
</div>
</paper-shadow>
</paper-material>
</div>
{{/if}}
</template>

2
rpg-docs/client/views/private/character/stats/skillDialog/skillDialog.html
View File

@@ -11,7 +11,7 @@
{{characterCalculate "skillMod" charId skillName}}
</div>
<div class="subhead">
<core-icon icon="{{profIcon}}" class="black54"></core-icon>
<iron-icon icon="{{profIcon}}" class="black54"></iron-icon>
{{#if profSource}}
{{proficiencyValue}} - {{#with profSource}}{{sourceName}}{{/with}}
{{else}}

2
rpg-docs/client/views/private/character/stats/skillRow/skillRow.html
View File

@@ -4,7 +4,7 @@
hero-id="main"
{{detailHero skill ../_id}}
layout horizontal center>
<core-icon icon="{{profIcon}}"></core-icon>
<iron-icon icon="{{profIcon}}"></iron-icon>
{{#if failSkill}}
<div class="fail skill-mod">fail</div>
{{else}}

2
rpg-docs/client/views/private/character/stats/stats.css
View File

@@ -46,6 +46,6 @@
background-color: rgba(0,0,0,0.6);
}
section:not(.core-selected):not([animate]) paper-shadow[hero] {
section:not(.core-selected):not([animate]) paper-material[hero] {
visibility: hidden;
}

12
rpg-docs/client/views/private/character/stats/stats.html
View File

@@ -28,7 +28,7 @@
{{>hitDice name="d12HitDice" diceNum="12" char=this}}
<!--Saving Throws-->
<div>
<paper-shadow class="card">
<paper-material class="card">
<div class="top white subhead">
Saving Throws
</div>
@@ -40,11 +40,11 @@
{{> skillRow name="Wisdom" skill="wisdomSave"}}
{{> skillRow name="Charisma" skill="charismaSave"}}
</div>
</paper-shadow>
</paper-material>
</div>
<!--Skills-->
<div>
<paper-shadow class="card">
<paper-material class="card">
<div class="top white subhead">
Skills
</div>
@@ -68,7 +68,7 @@
{{> skillRow name="Stealth" skill="stealth"}}
{{> skillRow name="Survival" skill="survival"}}
</div>
</paper-shadow>
</paper-material>
</div>
</div>
</div>
@@ -76,7 +76,7 @@
<template name="statCard">
<div>
<paper-shadow class="card statCard clickable" hero-id="main" {{detailHero stat ../_id}} layout horizontal>
<paper-material class="card statCard clickable" hero-id="main" {{detailHero stat ../_id}} layout horizontal>
<div class="left display1 white-text {{color}}"
hero-id="toolbar" {{detailHero stat ../_id}}>
{{#if isSkill}}
@@ -88,6 +88,6 @@
<div class="right subhead" flex horizontal layout center>
{{name}}
</div>
</paper-shadow>
</paper-material>
</div>
</template>