Got some Polymer 1.0 elements working with 1.4
Character sheets now visible, but vulcanize broke, using raw head imports instead
This commit is contained in:
Stefan Zermatten
@@ -1,33 +1,47 @@
|
||||
<template name="layout">
|
||||
<core-drawer-panel class="layout" responsiveWidth="905px" disableSwipe>
|
||||
<core-header-panel drawer navigation flex mode="seamed" class="white">
|
||||
<div id="accountSummary">
|
||||
{{#if currentUser}}
|
||||
<div id="profileLink"
|
||||
style="text-decoration: underline; cursor: pointer; font-size: 16px;">
|
||||
{{profileLink}}
|
||||
</div>
|
||||
{{else}}
|
||||
<a href="/sign-in" style="color: white;">Sign in</a>
|
||||
{{/if}}
|
||||
</div>
|
||||
<div id="navPanel">
|
||||
<core-item id="homeNav" icon="home" label="Home"></core-item>
|
||||
{{> characterSideList}}
|
||||
<core-item id="guide" icon="social:school" label="Guide"></core-item>
|
||||
<core-item id="feedback" icon="bug-report" label="Send Feedback"></core-item>
|
||||
<core-item id="changeLog" icon="list" label="Change Log"></core-item>
|
||||
</div>
|
||||
</core-header-panel>
|
||||
<core-animated-pages main
|
||||
<app-drawer-layout class="layout" responsiveWidth="905px" fullbleed>
|
||||
<app-drawer>
|
||||
<app-header-layout mode="seamed" class="white">
|
||||
<div id="accountSummary">
|
||||
{{#if currentUser}}
|
||||
<div id="profileLink"
|
||||
style="text-decoration: underline; cursor: pointer; font-size: 16px;">
|
||||
{{profileLink}}
|
||||
</div>
|
||||
{{else}}
|
||||
<a href="/sign-in" style="color: white;">Sign in</a>
|
||||
{{/if}}
|
||||
</div>
|
||||
<div id="navPanel">
|
||||
<paper-icon-item id="homeNav" icon="home">
|
||||
<iron-icon icon="home" item-icon></iron-icon>
|
||||
Home
|
||||
</paper-icon-item>
|
||||
{{> characterSideList}}
|
||||
<paper-icon-item id="guide">
|
||||
<iron-icon icon="social:school" item-icon></iron-icon>
|
||||
Guide
|
||||
</paper-icon-item>
|
||||
<paper-icon-item id="feedback">
|
||||
<iron-icon icon="bug-report" item-icon></iron-icon>
|
||||
Send Feedback
|
||||
</paper-icon-item>
|
||||
<paper-icon-item id="changeLog">
|
||||
<iron-icon icon="list" item-icon></iron-icon>
|
||||
Change Log
|
||||
</paper-icon-item>
|
||||
</div>
|
||||
</app-header-layout>
|
||||
</app-drawer>
|
||||
<neon-animated-pages class="fit"
|
||||
navigation
|
||||
detail-pages
|
||||
transitions="hero-transition cross-fade"
|
||||
selected={{globalDetailSelected}}>
|
||||
<section id="mainContentSection" class={{notSelected}}>
|
||||
<core-header-panel fit mode="standard">
|
||||
<app-header-layout fullbleed>
|
||||
{{> yield}}
|
||||
</core-header-panel>
|
||||
</app-header-layout>
|
||||
<div>
|
||||
<div id="fadeDummy" cross-fade></div>
|
||||
</div>
|
||||
@@ -35,27 +49,26 @@
|
||||
<section id="detailSection">
|
||||
<div id="detailScreenFiller">
|
||||
<div id="screenDim" cross-fade></div>
|
||||
<paper-shadow id="globalDetail" class="card" z="5"
|
||||
<paper-material id="globalDetail" class="card" z="5"
|
||||
animated hero hero-id="main"
|
||||
layout vertical>
|
||||
{{#if globalDetailTemplate}}
|
||||
{{> UI.dynamic template=globalDetailTemplate data=globalDetailData}}
|
||||
{{/if}}
|
||||
</paper-shadow>
|
||||
</paper-material>
|
||||
</div>
|
||||
</section>
|
||||
</core-animated-pages>
|
||||
</core-drawer-panel>
|
||||
</neon-animated-pages>
|
||||
</app-drawer-layout>
|
||||
|
||||
<paper-action-dialog global-dialog backdrop
|
||||
transition="core-transition-center"
|
||||
<paper-dialog global-dialog backdrop
|
||||
class="scrolling {{#if globalDialogFullOnMobile}}full-on-mobile{{/if}}"
|
||||
heading={{globalDialogHeader}}
|
||||
layered>
|
||||
{{#if globalDialogTemplate}}
|
||||
{{> UI.dynamic template=globalDialogTemplate data=globalDialogData}}
|
||||
{{/if}}
|
||||
</paper-action-dialog>
|
||||
</paper-dialog>
|
||||
|
||||
<paper-toast global-toast duration="5000">
|
||||
{{#if globalToastTemplate}}
|
||||
|
||||
@@ -20,14 +20,22 @@ Template.layout.helpers({
|
||||
},
|
||||
});
|
||||
|
||||
let drawerLayout;
|
||||
const closeDrawer = function(instance){
|
||||
if (!drawerLayout) drawerLayout = instance.find("app-drawer-layout");
|
||||
if (drawerLayout && drawerLayout.narrow){
|
||||
drawerLayout.drawer.close();
|
||||
}
|
||||
}
|
||||
|
||||
Template.layout.events({
|
||||
"tap #homeNav": function(event, instance){
|
||||
Router.go("/");
|
||||
instance.find("core-drawer-panel").closeDrawer();
|
||||
closeDrawer(instance);
|
||||
},
|
||||
"tap #profileLink": function(event, instance){
|
||||
Router.go("profile");
|
||||
instance.find("core-drawer-panel").closeDrawer();
|
||||
closeDrawer(instance);
|
||||
},
|
||||
"tap #feedback": function(event, instance) {
|
||||
GlobalUI.showDialog({
|
||||
@@ -35,14 +43,14 @@ Template.layout.events({
|
||||
template: "feedback",
|
||||
fullOnMobile: true,
|
||||
});
|
||||
instance.find("core-drawer-panel").closeDrawer();
|
||||
closeDrawer(instance);
|
||||
},
|
||||
"tap #changeLog": function(event, instance) {
|
||||
Router.go("changeLog");
|
||||
instance.find("core-drawer-panel").closeDrawer();
|
||||
closeDrawer(instance);
|
||||
},
|
||||
"tap #guide": function(event, instance) {
|
||||
Router.go("guide");
|
||||
instance.find("core-drawer-panel").closeDrawer();
|
||||
closeDrawer(instance);
|
||||
},
|
||||
});
|
||||
|
||||
@@ -1,43 +0,0 @@
|
||||
<!--core components-->
|
||||
<link rel="import" href="/components/core-animated-pages/core-animated-pages.html">
|
||||
<link rel="import" href="/components/core-animated-pages/transitions/cross-fade.html">
|
||||
<link rel="import" href="/components/core-animated-pages/transitions/hero-transition.html">
|
||||
<link rel="import" href="/components/core-animated-pages/transitions/slide-from-right.html">
|
||||
<link rel="import" href="/components/core-icons/av-icons.html">
|
||||
<link rel="import" href="/components/core-icons/core-icons.html">
|
||||
<link rel="import" href="/components/core-icons/editor-icons.html">
|
||||
<link rel="import" href="/components/core-icons/image-icons.html">
|
||||
<link rel="import" href="/components/core-icons/social-icons.html">
|
||||
<link rel="import" href="/components/core-image/core-image.html">
|
||||
<link rel="import" href="/components/core-item/core-item.html">
|
||||
<link rel="import" href="/components/core-menu/core-menu.html">
|
||||
<link rel="import" href="/components/core-scaffold/core-scaffold.html">
|
||||
<link rel="import" href="/components/core-transition/core-transition.html">
|
||||
|
||||
<!--paper components-->
|
||||
<link rel="import" href="/components/paper-button/paper-button.html">
|
||||
<link rel="import" href="/components/paper-checkbox/paper-checkbox.html">
|
||||
<link rel="import" href="/components/paper-dialog/paper-action-dialog.html">
|
||||
<link rel="import" href="/components/paper-dialog/paper-dialog.html">
|
||||
<link rel="import" href="/components/paper-dialog/paper-dialog-transition.html">
|
||||
<link rel="import" href="/components/paper-fab/paper-fab.html">
|
||||
<link rel="import" href="/components/paper-fab-menu/paper-fab-menu.html">
|
||||
<link rel="import" href="/components/paper-icon-button/paper-icon-button.html">
|
||||
<link rel="import" href="/components/paper-input/paper-autogrow-textarea.html">
|
||||
<link rel="import" href="/components/paper-input/paper-input.html">
|
||||
<link rel="import" href="/components/paper-input/paper-input-decorator.html">
|
||||
<link rel="import" href="/components/paper-item/paper-item.html">
|
||||
<link rel="import" href="/components/paper-menu-button/paper-menu-button.html">
|
||||
<link rel="import" href="/components/paper-radio-button/paper-radio-button.html">
|
||||
<link rel="import" href="/components/paper-radio-group/paper-radio-group.html">
|
||||
<link rel="import" href="/components/paper-shadow/paper-shadow.html">
|
||||
<link rel="import" href="/components/paper-spinner/paper-spinner.html">
|
||||
<link rel="import" href="/components/paper-slider/paper-slider.html">
|
||||
<link rel="import" href="/components/paper-tabs/paper-tabs.html">
|
||||
<link rel="import" href="/components/paper-toast/paper-toast.html">
|
||||
<link rel="import" href="/components/paper-toggle-button/paper-toggle-button.html">
|
||||
|
||||
<!--custom components-->
|
||||
<link rel="import" href="/custom_components/paper-dropdown-menu/paper-dropdown-menu.html">
|
||||
<link rel="import" href="/custom_components/paper-dropdown/paper-dropdown.html">
|
||||
<link rel="import" href="/custom_components/paper-diff-slider/paper-diff-slider.html">
|
||||
36
rpg-docs/client/views/layout/polymerImports.html
Normal file
36
rpg-docs/client/views/layout/polymerImports.html
Normal file
@@ -0,0 +1,36 @@
|
||||
<head>
|
||||
<script>
|
||||
/* this script must run before Polymer is imported */
|
||||
window.Polymer = {
|
||||
dom: 'shadow',
|
||||
lazyRegister: true
|
||||
};
|
||||
</script>
|
||||
<link rel="import" href="/components/app-layout/app-layout.html">
|
||||
|
||||
<link rel="import" href="/components/iron-icon/iron-icon.html">
|
||||
<!--<link rel="import" href="/components/iron-icons/av-icons.html">-->
|
||||
<!--<link rel="import" href="/components/iron-icons/communication-icons.html">-->
|
||||
<!--<link rel="import" href="/components/iron-icons/device-icons.html">-->
|
||||
<!--<link rel="import" href="/components/iron-icons/editor-icons.html">-->
|
||||
<!--<link rel="import" href="/components/iron-icons/hardware-icons.html">-->
|
||||
<!--<link rel="import" href="/components/iron-icons/image-icons.html">-->
|
||||
<link rel="import" href="/components/iron-icons/iron-icons.html">
|
||||
<!--<link rel="import" href="/components/iron-icons/maps-icons.html">-->
|
||||
<!--<link rel="import" href="/components/iron-icons/notification-icons.html">-->
|
||||
<!--<link rel="import" href="/components/iron-icons/places-icons.html">-->
|
||||
<link rel="import" href="/components/iron-icons/social-icons.html">
|
||||
|
||||
<link rel="import" href="/components/neon-animation/neon-animation.html">
|
||||
<link rel="import" href="/components/neon-animation/neon-animations.html">
|
||||
|
||||
<link rel="import" href="/components/paper-dialog/paper-dialog.html">
|
||||
<link rel="import" href="/components/paper-icon-button/paper-icon-button.html">
|
||||
<link rel="import" href="/components/paper-item/all-imports.html">
|
||||
<link rel="import" href="/components/paper-material/paper-material.html">
|
||||
<link rel="import" href="/components/paper-menu-button/paper-menu-button.html">
|
||||
<link rel="import" href="/components/paper-tabs/paper-tabs.html">
|
||||
<link rel="import" href="/components/paper-toast/paper-toast.html">
|
||||
|
||||
<link rel="import" href="/custom_components/app-theme.html">
|
||||
</head>
|
||||
11
rpg-docs/client/views/layout/testLayout.html
Normal file
11
rpg-docs/client/views/layout/testLayout.html
Normal file
@@ -0,0 +1,11 @@
|
||||
<template name="testLayout">
|
||||
<app-drawer-layout class="layout fit" responsiveWidth="905px">
|
||||
<app-drawer>
|
||||
<app-header-layout mode="seamed" class="white">
|
||||
</app-header-layout>
|
||||
</app-drawer>
|
||||
<div>
|
||||
{{> yield}}
|
||||
</div>
|
||||
</app-drawer-layout>
|
||||
</template>
|
||||
Reference in New Issue
Block a user