Added Polymer
This commit is contained in:
Thaum
21
rpg-docs/public/bower_components/core-scaffold/.bower.json
vendored
Normal file
21
rpg-docs/public/bower_components/core-scaffold/.bower.json
vendored
Normal file
@@ -0,0 +1,21 @@
|
||||
{
|
||||
"name": "core-scaffold",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"core-drawer-panel": "Polymer/core-drawer-panel#^0.5.0",
|
||||
"core-header-panel": "Polymer/core-header-panel#^0.5.0",
|
||||
"core-icon-button": "Polymer/core-icon-button#^0.5.0",
|
||||
"core-toolbar": "Polymer/core-toolbar#^0.5.0"
|
||||
},
|
||||
"version": "0.5.1",
|
||||
"homepage": "https://github.com/Polymer/core-scaffold",
|
||||
"_release": "0.5.1",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "0.5.1",
|
||||
"commit": "20cf81bdebbbe79d86cbd822a3bcc58ef437f8ee"
|
||||
},
|
||||
"_source": "git://github.com/Polymer/core-scaffold.git",
|
||||
"_target": "^0.5.0",
|
||||
"_originalSource": "Polymer/core-scaffold"
|
||||
}
|
||||
4
rpg-docs/public/bower_components/core-scaffold/README.md
vendored
Normal file
4
rpg-docs/public/bower_components/core-scaffold/README.md
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
core-scaffold
|
||||
=============
|
||||
|
||||
See the [component page](http://polymer-project.org/docs/elements/core-elements.html#core-scaffold) for more information.
|
||||
11
rpg-docs/public/bower_components/core-scaffold/bower.json
vendored
Normal file
11
rpg-docs/public/bower_components/core-scaffold/bower.json
vendored
Normal file
@@ -0,0 +1,11 @@
|
||||
{
|
||||
"name": "core-scaffold",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"core-drawer-panel": "Polymer/core-drawer-panel#^0.5.0",
|
||||
"core-header-panel": "Polymer/core-header-panel#^0.5.0",
|
||||
"core-icon-button": "Polymer/core-icon-button#^0.5.0",
|
||||
"core-toolbar": "Polymer/core-toolbar#^0.5.0"
|
||||
},
|
||||
"version": "0.5.1"
|
||||
}
|
||||
252
rpg-docs/public/bower_components/core-scaffold/core-scaffold.html
vendored
Normal file
252
rpg-docs/public/bower_components/core-scaffold/core-scaffold.html
vendored
Normal file
@@ -0,0 +1,252 @@
|
||||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||||
-->
|
||||
|
||||
<!--
|
||||
`core-scaffold` provides general application layout, introducing a
|
||||
responsive scaffold containing a header, toolbar, menu, title and
|
||||
areas for application content.
|
||||
|
||||
Example:
|
||||
|
||||
<core-scaffold>
|
||||
<core-header-panel navigation flex mode="seamed">
|
||||
<core-toolbar>Application</core-toolbar>
|
||||
<core-menu theme="core-light-theme">
|
||||
<core-item icon="settings" label="item1"></core-item>
|
||||
<core-item icon="settings" label="item2"></core-item>
|
||||
</core-menu>
|
||||
</core-header-panel>
|
||||
<div tool>Title</div>
|
||||
<div>Main content goes here...</div>
|
||||
</core-scaffold>
|
||||
|
||||
Use `mode` to control the header and scrolling behavior of `core-header-panel`
|
||||
and `responsiveWidth` to change the layout of the scaffold. Use 'disableSwipe'
|
||||
to disable swipe-to-open on toolbar.
|
||||
|
||||
Use `rightDrawer` to move position of folding toolbar to the right instead of
|
||||
left (default). This will also position content to the left of the menu button
|
||||
instead of the right. You can use `flex` within your `tool` content to push the menu
|
||||
button to the far right:
|
||||
|
||||
<core-scaffold rightDrawer>
|
||||
<div tool flex >Title</div>
|
||||
</core-scaffold>
|
||||
|
||||
You may also add `middle` or `bottom` classes to your `tool` content when using tall
|
||||
modes to adjust vertical content positioning in the core-toolbar (e.g. when using
|
||||
mode="waterfall-tall"):
|
||||
|
||||
<core-scaffold rightDrawer mode="waterfall-tall">
|
||||
<div tool flex >Title</div>
|
||||
<div tool horizontal layout flex center-justified class="middle">Title-middle</div>
|
||||
<div tool horizontal layout flex end-justified class="bottom">Title-bottom</div>
|
||||
</core-scaffold>
|
||||
|
||||
To have the content fit to the main area, use `fit` attribute.
|
||||
|
||||
<core-scaffold>
|
||||
<core-header-panel navigation flex mode="seamed">
|
||||
....
|
||||
</core-header-panel>
|
||||
<div tool>Title</div>
|
||||
<div fit>Content fits to the main area</div>
|
||||
</core-scaffold>
|
||||
|
||||
@group Polymer Core Elements
|
||||
@element core-scaffold
|
||||
@homepage github.io
|
||||
-->
|
||||
|
||||
<link rel="import" href="../core-toolbar/core-toolbar.html">
|
||||
<link rel="import" href="../core-drawer-panel/core-drawer-panel.html">
|
||||
<link rel="import" href="../core-header-panel/core-header-panel.html">
|
||||
<link rel="import" href="../core-icon-button/core-icon-button.html">
|
||||
|
||||
<polymer-element name="core-scaffold">
|
||||
<template>
|
||||
|
||||
<style>
|
||||
|
||||
:host {
|
||||
display: block;
|
||||
}
|
||||
|
||||
[drawer] {
|
||||
background-color: #fff;
|
||||
box-shadow: 1px 0 1px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
[main] {
|
||||
height: 100%;
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
core-toolbar {
|
||||
background-color: #526E9C;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#drawerPanel:not([narrow]) #menuButton {
|
||||
display: none;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<core-drawer-panel id="drawerPanel" narrow="{{narrow}}" drawerWidth="{{drawerWidth}}" rightDrawer="{{rightDrawer}}" responsiveWidth="{{responsiveWidth}}" disableSwipe="{{disableSwipe}}">
|
||||
|
||||
<div vertical layout drawer>
|
||||
|
||||
<content select="[navigation], nav"></content>
|
||||
|
||||
</div>
|
||||
|
||||
<core-header-panel id="headerPanel" main mode="{{mode}}">
|
||||
|
||||
<core-toolbar>
|
||||
<template if="{{!rightDrawer}}">
|
||||
<core-icon-button id="menuButton" icon="menu" on-tap="{{togglePanel}}"></core-icon-button>
|
||||
</template>
|
||||
<content select="[tool]"></content>
|
||||
<template if="{{rightDrawer}}">
|
||||
<core-icon-button id="menuButton" icon="menu" on-tap="{{togglePanel}}"></core-icon-button>
|
||||
</template>
|
||||
</core-toolbar>
|
||||
|
||||
<content select="*"></content>
|
||||
|
||||
</core-header-panel>
|
||||
|
||||
</core-drawer-panel>
|
||||
|
||||
</template>
|
||||
<script>
|
||||
|
||||
Polymer('core-scaffold', {
|
||||
|
||||
/**
|
||||
* Fired when the main content has been scrolled. `event.detail.target` returns
|
||||
* the scrollable element which you can use to access scroll info such as
|
||||
* `scrollTop`.
|
||||
*
|
||||
* <core-scaffold on-scroll="{{scrollHandler}}">
|
||||
* ...
|
||||
* </core-scaffold>
|
||||
*
|
||||
*
|
||||
* scrollHandler: function(event) {
|
||||
* var scroller = event.detail.target;
|
||||
* console.log(scroller.scrollTop);
|
||||
* }
|
||||
*
|
||||
* @event scroll
|
||||
*/
|
||||
|
||||
publish: {
|
||||
|
||||
/**
|
||||
* Width of the drawer panel.
|
||||
*
|
||||
* @attribute drawerWidth
|
||||
* @type string
|
||||
* @default '256px'
|
||||
*/
|
||||
drawerWidth: '256px',
|
||||
|
||||
/**
|
||||
* When the browser window size is smaller than the `responsiveWidth`,
|
||||
* `core-drawer-panel` changes to a narrow layout. In narrow layout,
|
||||
* the drawer will be stacked on top of the main panel.
|
||||
*
|
||||
* @attribute responsiveWidth
|
||||
* @type string
|
||||
* @default '600px'
|
||||
*/
|
||||
responsiveWidth: '600px',
|
||||
|
||||
/**
|
||||
* If true, position the drawer to the right. Also place menu icon to
|
||||
* the right of the content instead of left.
|
||||
*
|
||||
* @attribute rightDrawer
|
||||
* @type boolean
|
||||
* @default false
|
||||
*/
|
||||
rightDrawer: false,
|
||||
|
||||
/**
|
||||
* If true, swipe to open/close the drawer is disabled.
|
||||
*
|
||||
* @attribute disableSwipe
|
||||
* @type boolean
|
||||
* @default false
|
||||
*/
|
||||
disableSwipe: false,
|
||||
|
||||
/**
|
||||
* Used to control the header and scrolling behaviour of `core-header-panel`
|
||||
*
|
||||
* @attribute mode
|
||||
* @type string
|
||||
* @default 'seamed'
|
||||
*/
|
||||
mode: {value: 'seamed', reflect: true}
|
||||
},
|
||||
|
||||
ready: function() {
|
||||
this._scrollHandler = this.scroll.bind(this);
|
||||
this.$.headerPanel.addEventListener('scroll', this._scrollHandler);
|
||||
},
|
||||
|
||||
detached: function() {
|
||||
this.$.headerPanel.removeEventListener('scroll', this._scrollHandler);
|
||||
},
|
||||
|
||||
/**
|
||||
* Toggle the drawer panel
|
||||
* @method togglePanel
|
||||
*/
|
||||
togglePanel: function() {
|
||||
this.$.drawerPanel.togglePanel();
|
||||
},
|
||||
|
||||
/**
|
||||
* Open the drawer panel
|
||||
* @method openDrawer
|
||||
*/
|
||||
openDrawer: function() {
|
||||
this.$.drawerPanel.openDrawer();
|
||||
},
|
||||
|
||||
/**
|
||||
* Close the drawer panel
|
||||
* @method closeDrawer
|
||||
*/
|
||||
closeDrawer: function() {
|
||||
this.$.drawerPanel.closeDrawer();
|
||||
},
|
||||
|
||||
/**
|
||||
* Returns the scrollable element on the main area.
|
||||
*
|
||||
* @property scroller
|
||||
* @type Object
|
||||
*/
|
||||
get scroller() {
|
||||
return this.$.headerPanel.scroller;
|
||||
},
|
||||
|
||||
scroll: function(e) {
|
||||
this.fire('scroll', {target: e.detail.target}, this, false);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
</polymer-element>
|
||||
82
rpg-docs/public/bower_components/core-scaffold/demo.html
vendored
Normal file
82
rpg-docs/public/bower_components/core-scaffold/demo.html
vendored
Normal file
@@ -0,0 +1,82 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<title>core-scaffold</title>
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
|
||||
<script src="../webcomponentsjs/webcomponents.js"></script>
|
||||
|
||||
<link rel="import" href="core-scaffold.html">
|
||||
<link rel="import" href="../core-header-panel/core-header-panel.html">
|
||||
<link rel="import" href="../core-menu/core-menu.html">
|
||||
<link rel="import" href="../core-item/core-item.html">
|
||||
|
||||
<style>
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
core-scaffold {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.content {
|
||||
background-color: #fff;
|
||||
height: 5000px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
/* some default styles for mode="cover" on core-scaffold */
|
||||
core-scaffold[mode=cover]::shadow core-header-panel::shadow #mainContainer {
|
||||
left: 120px;
|
||||
}
|
||||
|
||||
core-scaffold[mode=cover] .content {
|
||||
margin: 20px 100px 20px 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body unresolved>
|
||||
|
||||
<core-scaffold>
|
||||
|
||||
<core-header-panel navigation flex mode="seamed">
|
||||
<core-toolbar style="background-color: #526E9C; color: #fff;">Application</core-toolbar>
|
||||
<core-menu>
|
||||
<core-item icon="settings" label="item1"></core-item>
|
||||
<core-item icon="settings" label="item2"></core-item>
|
||||
</core-menu>
|
||||
</core-header-panel>
|
||||
|
||||
<div tool>Title</div>
|
||||
|
||||
<div class="content">Content goes here...</div>
|
||||
|
||||
</core-scaffold>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
22
rpg-docs/public/bower_components/core-scaffold/index.html
vendored
Normal file
22
rpg-docs/public/bower_components/core-scaffold/index.html
vendored
Normal file
@@ -0,0 +1,22 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<script src="../webcomponentsjs/webcomponents.js"></script>
|
||||
<link rel="import" href="../core-component-page/core-component-page.html">
|
||||
|
||||
</head>
|
||||
<body unresolved>
|
||||
|
||||
<core-component-page></core-component-page>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
52
rpg-docs/public/bower_components/core-scaffold/metadata.html
vendored
Normal file
52
rpg-docs/public/bower_components/core-scaffold/metadata.html
vendored
Normal file
@@ -0,0 +1,52 @@
|
||||
<!--
|
||||
@license
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||||
-->
|
||||
<x-meta id="core-scaffold" label="Scaffold" isContainer group="Core">
|
||||
|
||||
<template>
|
||||
|
||||
<core-scaffold style="position: absolute; top: 0; right: 0; bottom: 0; left: 0;">
|
||||
|
||||
<core-header-panel navigation flex mode="seamed" style="background-color: #fff;">
|
||||
|
||||
<core-toolbar style="background-color: #4F7DC9 ; color: #fff;"></core-toolbar>
|
||||
|
||||
<core-menu valueattr="label" style="font-size: 16px;" theme="core-light-theme">
|
||||
<core-item icon="settings" label="Item1"></core-item>
|
||||
<core-item icon="settings" label="Item2"></core-item>
|
||||
</core-menu>
|
||||
|
||||
</core-header-panel>
|
||||
|
||||
<div tool>Title</div>
|
||||
|
||||
</core-scaffold>
|
||||
|
||||
</template>
|
||||
|
||||
<template id="imports">
|
||||
|
||||
<link rel="import" href="core-scaffold.html">
|
||||
<link rel="import" href="../core-header-panel/core-header-panel.html">
|
||||
<link rel="import" href="../core-menu/core-menu.html">
|
||||
<link rel="import" href="../core-item/core-item.html">
|
||||
|
||||
</template>
|
||||
|
||||
</x-meta>
|
||||
|
||||
<x-meta id="core-card" label="Card" isContainer group="Core">
|
||||
|
||||
<template>
|
||||
|
||||
<core-card style="position: absolute; width: 300px; height: 300px; background-color: #fff; border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.098) 0px 2px 4px, rgba(0, 0, 0, 0.098) 0px 0px 3px;" layout vertical></core-card>
|
||||
|
||||
</template>
|
||||
|
||||
</x-meta>
|
||||
Reference in New Issue
Block a user