This repository has been archived by the owner on Mar 13, 2018. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 18
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Scott J. Miles
committed
Apr 28, 2014
1 parent
a255188
commit a9520cf
Showing
2 changed files
with
192 additions
and
192 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,133 +1,133 @@ | ||
| <link rel="import" href="../../core-layout/core-layout.html"> | ||
| <link rel="import" href="../../core-icon-button/core-icon-button.html"> | ||
| <link rel="import" href="../../core-toolbar/core-toolbar.html"> | ||
| <link rel="import" href="../../core-header-panel/core-header-panel.html"> | ||
| <link rel="import" href="../../marked-element/marked-element.html"> | ||
| <link rel="import" href="../../highlightjs-element/highlightjs-element.html"> | ||
|
|
||
| <link rel="import" href="context-free-parser.html"> | ||
|
|
||
| <!-- | ||
| Displays formatted source documentation scraped from input urls. | ||
| @class core-doc-page | ||
| --> | ||
|
|
||
| <polymer-element name="core-doc-page" attributes="data"> | ||
|
|
||
| <!-- | ||
| Set url to add documentation from that location to the view. | ||
| @attribute url | ||
| @type String | ||
| --> | ||
|
|
||
| <template> | ||
|
|
||
| <link rel="stylesheet" href="../../highlightjs/styles/default.css"> | ||
| <link rel="stylesheet" href="core-doc-page.css"> | ||
|
|
||
| <core-header-panel id="panel" mode="waterfall"> | ||
|
|
||
| <!--<core-toolbar> | ||
| <span style="margin: 0 72px;">{{data.name}}</span> | ||
| </core-toolbar>--> | ||
|
|
||
| <div class="main" on-marked-js-highlight="{{hilight}}"> | ||
|
|
||
| <h1 style="font-size: 52px; color: #E91E63;"> | ||
| {{data.name}} | ||
| </h1> | ||
|
|
||
| <p> | ||
| <core-icon icon="tag" style="vertical-align: middle;"></core-icon> <a href="{{data | homepageFilter}}">Home Page</a> | ||
| </p> | ||
|
|
||
| <template if="{{data.description}}"> | ||
| <section class="box top"> | ||
| <div class="ntitle">Summary</div> | ||
| <marked-element text="{{data.description}}"></marked-element> | ||
| </section> | ||
| </template> | ||
|
|
||
| <template if="{{data.attributes.length}}"> | ||
| <section class="box attribute-box"> | ||
| <div class="ntitle" style="background-color: #FFAB40; color: white;">Attributes</div> | ||
| <template repeat="{{data.attributes}}"> | ||
| <div class="details"> | ||
| <div class="details-name"> | ||
| <p><code>{{name}}</code></p> | ||
| </div> | ||
| <div class="details-info"> | ||
| <p><code>{{type}}</code></p> | ||
| <marked-element text="{{description}}"></marked-element> | ||
| </div> | ||
| </div> | ||
| </template> | ||
| </section> | ||
| </template> | ||
|
|
||
| <template if="{{data.events.length}}"> | ||
| <section class="box event-box"> | ||
| <div class="ntitle" style="color: white;">Events</div> | ||
| <template repeat="{{data.events}}"> | ||
| <div class="details"> | ||
| <div class="details-name"> | ||
| <p><code>{{name}}</code></p> | ||
| </div> | ||
| <div class="details-info"> | ||
| <marked-element text="{{description}}"></marked-element> | ||
| </div> | ||
| </div> | ||
| </template> | ||
| </section> | ||
| </template> | ||
|
|
||
| <template if="{{data.methods.length}}"> | ||
| <section class="box method-box"> | ||
| <div class="ntitle" style="color: white;">Methods</div> | ||
| <template repeat="{{data.methods}}"> | ||
| <div class="details"> | ||
| <div class="details-name"> | ||
| <p><code>{{name}}</code></p> | ||
| </div> | ||
| <div class="details-info"> | ||
| <marked-element text="{{description}}"></marked-element> | ||
| </div> | ||
| </div> | ||
| </template> | ||
| </section> | ||
| </template> | ||
|
|
||
| </div> | ||
|
|
||
| </core-header-panel> | ||
|
|
||
| </template> | ||
|
|
||
| <script> | ||
|
|
||
| Polymer('core-doc-page', { | ||
|
|
||
| hilight: function(event, detail, sender) { | ||
| detail.code = hljs.highlightAuto(detail.code).value; | ||
| }, | ||
|
|
||
| homepageFilter: function(data) { | ||
| if (!data) { | ||
| return ''; | ||
| } | ||
| if (!data.homepage || data.homepage === 'github.io') { | ||
| return '//polymer.github.io/' + data.name; | ||
| } else { | ||
| return data.homepage; | ||
| } | ||
| } | ||
|
|
||
| }); | ||
|
|
||
| </script> | ||
|
|
||
| </polymer-element> | ||
| <link rel="import" href="../../core-layout/core-layout.html"> | ||
| <link rel="import" href="../../core-icon-button/core-icon-button.html"> | ||
| <link rel="import" href="../../core-toolbar/core-toolbar.html"> | ||
| <link rel="import" href="../../core-header-panel/core-header-panel.html"> | ||
| <link rel="import" href="../../marked-element/marked-element.html"> | ||
| <link rel="import" href="../../highlightjs-element/highlightjs-element.html"> | ||
|
|
||
| <link rel="import" href="context-free-parser.html"> | ||
|
|
||
| <!-- | ||
| Displays formatted source documentation scraped from input urls. | ||
| @class core-doc-page | ||
| --> | ||
|
|
||
| <polymer-element name="core-doc-page" attributes="data"> | ||
|
|
||
| <!-- | ||
| Set url to add documentation from that location to the view. | ||
| @attribute url | ||
| @type String | ||
| --> | ||
|
|
||
| <template> | ||
|
|
||
| <link rel="stylesheet" href="../../highlightjs/styles/default.css"> | ||
| <link rel="stylesheet" href="core-doc-page.css"> | ||
|
|
||
| <core-header-panel id="panel" mode="waterfall"> | ||
|
|
||
| <!--<core-toolbar> | ||
| <span style="margin: 0 72px;">{{data.name}}</span> | ||
| </core-toolbar>--> | ||
|
|
||
| <div class="main" on-marked-js-highlight="{{hilight}}"> | ||
|
|
||
| <h1 style="font-size: 52px; color: #E91E63;"> | ||
| {{data.name}} | ||
| </h1> | ||
|
|
||
| <p> | ||
| <core-icon icon="tag" style="vertical-align: middle;"></core-icon> <a href="{{data | homepageFilter}}">Home Page</a> | ||
| </p> | ||
|
|
||
| <template if="{{data.description}}"> | ||
| <section class="box top"> | ||
| <div class="ntitle">Summary</div> | ||
| <marked-element text="{{data.description}}"></marked-element> | ||
| </section> | ||
| </template> | ||
|
|
||
| <template if="{{data.attributes.length}}"> | ||
| <section class="box attribute-box"> | ||
| <div class="ntitle" style="background-color: #FFAB40; color: white;">Attributes</div> | ||
| <template repeat="{{data.attributes}}"> | ||
| <div class="details"> | ||
| <div class="details-name"> | ||
| <p><code>{{name}}</code></p> | ||
| </div> | ||
| <div class="details-info"> | ||
| <p><code>{{type}}</code></p> | ||
| <marked-element text="{{description}}"></marked-element> | ||
| </div> | ||
| </div> | ||
| </template> | ||
| </section> | ||
| </template> | ||
|
|
||
| <template if="{{data.events.length}}"> | ||
| <section class="box event-box"> | ||
| <div class="ntitle" style="color: white;">Events</div> | ||
| <template repeat="{{data.events}}"> | ||
| <div class="details"> | ||
| <div class="details-name"> | ||
| <p><code>{{name}}</code></p> | ||
| </div> | ||
| <div class="details-info"> | ||
| <marked-element text="{{description}}"></marked-element> | ||
| </div> | ||
| </div> | ||
| </template> | ||
| </section> | ||
| </template> | ||
|
|
||
| <template if="{{data.methods.length}}"> | ||
| <section class="box method-box"> | ||
| <div class="ntitle" style="color: white;">Methods</div> | ||
| <template repeat="{{data.methods}}"> | ||
| <div class="details"> | ||
| <div class="details-name"> | ||
| <p><code>{{name}}</code></p> | ||
| </div> | ||
| <div class="details-info"> | ||
| <marked-element text="{{description}}"></marked-element> | ||
| </div> | ||
| </div> | ||
| </template> | ||
| </section> | ||
| </template> | ||
|
|
||
| </div> | ||
|
|
||
| </core-header-panel> | ||
|
|
||
| </template> | ||
|
|
||
| <script> | ||
|
|
||
| Polymer('core-doc-page', { | ||
|
|
||
| hilight: function(event, detail, sender) { | ||
| detail.code = hljs.highlightAuto(detail.code).value; | ||
| }, | ||
|
|
||
| homepageFilter: function(data) { | ||
| if (!data) { | ||
| return ''; | ||
| } | ||
| if (!data.homepage || data.homepage === 'github.io') { | ||
| return '//polymer.github.io/' + data.name; | ||
| } else { | ||
| return data.homepage; | ||
| } | ||
| } | ||
|
|
||
| }); | ||
|
|
||
| </script> | ||
|
|
||
| </polymer-element> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,59 +1,59 @@ | ||
| <link rel="import" href="../../core-layout/core-layout.html"> | ||
| <link rel="import" href="../../core-toolbar/core-toolbar.html"> | ||
| <link rel="import" href="../../core-header-panel/core-header-panel.html"> | ||
| <link rel="import" href="../../core-icon-button/core-icon-button.html"> | ||
| <link rel="import" href="../../core-menu/core-menu.html"> | ||
| <link rel="import" href="../../core-item/core-item.html"> | ||
|
|
||
| <!-- | ||
| @class core-doc-toc | ||
| --> | ||
|
|
||
| <polymer-element name="core-doc-toc" attributes="data selected"> | ||
|
|
||
| <template> | ||
|
|
||
| <link rel="stylesheet" href="core-doc-toc.css"> | ||
|
|
||
| <core-header-panel mode="waterfall"> | ||
|
|
||
| <core-toolbar theme="core-light-theme"> | ||
| <core-icon-button icon="menu"></core-icon-button> | ||
| <span core-flex>Topics</span> | ||
| <core-icon-button icon="search" on-tap="{{searchAction}}"></core-icon-button> | ||
| </core-toolbar> | ||
|
|
||
| <core-toolbar id="searchBar" style="background-color: #C2185B; position: absolute; top: 0; left: 0; right: 0; opacity: 0; display: none;" class="seamed" theme="core-dark-theme"> | ||
| <core-icon-button icon="search"></core-icon-button> | ||
| <core-icon-button icon="close" on-tap="{{closeSearchAction}}"></core-icon-button> | ||
| </core-toolbar> | ||
|
|
||
| <core-menu selected="{{selected}}"> | ||
| <template repeat="{{data}}"> | ||
| <core-item><a href="#{{name}}">{{name}}</a></core-item> | ||
| </template> | ||
| </core-menu> | ||
|
|
||
| </core-header-panel> | ||
|
|
||
| </template> | ||
|
|
||
| <script> | ||
|
|
||
| Polymer('core-doc-toc', { | ||
|
|
||
| searchAction: function() { | ||
| this.$.searchBar.style.opacity = 1; | ||
| this.$.searchBar.style.display = ''; | ||
| }, | ||
|
|
||
| closeSearchAction: function() { | ||
| this.$.searchBar.style.opacity = 0; | ||
| this.$.searchBar.style.display = 'none'; | ||
| } | ||
|
|
||
| }); | ||
|
|
||
| </script> | ||
|
|
||
| </polymer-element> | ||
| <link rel="import" href="../../core-layout/core-layout.html"> | ||
| <link rel="import" href="../../core-toolbar/core-toolbar.html"> | ||
| <link rel="import" href="../../core-header-panel/core-header-panel.html"> | ||
| <link rel="import" href="../../core-icon-button/core-icon-button.html"> | ||
| <link rel="import" href="../../core-menu/core-menu.html"> | ||
| <link rel="import" href="../../core-item/core-item.html"> | ||
|
|
||
| <!-- | ||
| @class core-doc-toc | ||
| --> | ||
|
|
||
| <polymer-element name="core-doc-toc" attributes="data selected"> | ||
|
|
||
| <template> | ||
|
|
||
| <link rel="stylesheet" href="core-doc-toc.css"> | ||
|
|
||
| <core-header-panel mode="waterfall"> | ||
|
|
||
| <!-- <core-toolbar theme="core-light-theme"> | ||
| <core-icon-button icon="menu"></core-icon-button> | ||
| <span core-flex>Topics</span> | ||
| <core-icon-button icon="search" on-tap="{{searchAction}}"></core-icon-button> | ||
| </core-toolbar> | ||
| <core-toolbar id="searchBar" style="background-color: #C2185B; position: absolute; top: 0; left: 0; right: 0; opacity: 0; display: none;" class="seamed" theme="core-dark-theme"> | ||
| <core-icon-button icon="search"></core-icon-button> | ||
| <core-icon-button icon="close" on-tap="{{closeSearchAction}}"></core-icon-button> | ||
| </core-toolbar>--> | ||
|
|
||
| <core-menu selected="{{selected}}"> | ||
| <template repeat="{{data}}"> | ||
| <core-item><a href="#{{name}}">{{name}}</a></core-item> | ||
| </template> | ||
| </core-menu> | ||
|
|
||
| </core-header-panel> | ||
|
|
||
| </template> | ||
|
|
||
| <script> | ||
|
|
||
| Polymer('core-doc-toc', { | ||
|
|
||
| searchAction: function() { | ||
| this.$.searchBar.style.opacity = 1; | ||
| this.$.searchBar.style.display = ''; | ||
| }, | ||
|
|
||
| closeSearchAction: function() { | ||
| this.$.searchBar.style.opacity = 0; | ||
| this.$.searchBar.style.display = 'none'; | ||
| } | ||
|
|
||
| }); | ||
|
|
||
| </script> | ||
|
|
||
| </polymer-element> |