Commiteeb89f6

committed

Change the publish button to replace itself with a link to the flattened document.

This provides a UI surface to publish things like the section index at the same time.

1 parenta0e7798 commiteeb89f6Copy full SHA for eeb89f6

File tree

+24

-9

lines changed

+24

-9

lines changed

Lines changed: 11 additions & 5 deletions

Original file line number	Diff line number	Diff line change
`@@ -13,10 +13,11 @@`
`13`	`13`	`limitations under the License.`
`14`	`14`	`-->`
`15`	`15`
`16`		`-<!-- This element creates a button that creates a standalone HTML version of`
`17`		`- the current page in a new window so you can save it.`
`18`		`- This will only work with the ShadowDOM polyfill, since you can't create`
`19`		`- ShadowDOM without script.`
	`16`	`+<!-- This element creates a button that creates a link to a standalone HTML`
	`17`	`+ version of the current page.`
	`18`	`+`
	`19`	`+ This will only work with the ShadowDOM polyfill, but we'll eventually`
	`20`	`+ implement support for native ShadowDOM.`
`20`	`21`
`21`	`22`	`If the 'source' attribute is present, a "Sources at ..." comment`
`22`	`23`	`will appear at the top of the result document.`
`@@ -26,7 +27,12 @@`
`26`	`27`	`<style>`
`27`	`28`	`:host {display: block;}`
`28`	`29`	`</style>`
`29`		`-<buttonon-click="{{publish}}">Publish to new window</button>`
	`30`	`+<templateif="{{ !flattenedBlob }}">`
	`31`	`+<buttonon-click="{{publish}}"disabled?="{{ publishing }}">Publish</button>`
	`32`	`+</template>`
	`33`	`+<templateif="{{ flattenedBlob }}">`
	`34`	`+<ahref="{{ flattenedBlob }}">Flattened document</a>`
	`35`	`+</template>`
`30`	`36`	`</template>`
`31`	`37`	`<scriptsrc="publish.js"></script>`
`32`	`38`	`</polymer-element>`

Lines changed: 13 additions & 4 deletions

Original file line number	Diff line number	Diff line change
`@@ -140,19 +140,28 @@ limitations under the License.`
`140`	`140`	`}`
`141`	`141`
`142`	`142`	`Polymer('cxx-publish-button',{`
	`143`	`+publishing:false,`
	`144`	`+flattenedBlob:null,`
`143`	`145`	`publish:function(){`
	`146`	`+if(this.publishing){`
	`147`	`+return;`
	`148`	`+}`
	`149`	`+this.publishing=true;`
`144`	`150`	`varcopyPromise=cloneStaticAndInline(document);`
`145`	`151`	`varsource='';`
`146`	`152`	`if(this.source){`
`147`		`-varsource='<!-- Sources at '+this.source+' -->\n';`
	`153`	`+source='<!-- Sources at '+this.source+' -->\n';`
`148`	`154`	`}`
`149`	`155`	`copyPromise.then(function(copy){`
`150`	`156`	`varpublished=newBlob(['<!DOCTYPE html>\n',`
`151`	`157`	`source,`
`152`	`158`	`copy.documentElement.outerHTML],`
`153`	`159`	`{type:'text/html'});`
`154`		`-window.open(URL.createObjectURL(published),'_blank');`
`155`		`-});`
`156`		`-}`
	`160`	`+this.flattenedBlob=URL.createObjectURL(published);`
	`161`	`+}.bind(this)).catch(function(e){`
	`162`	`+console.error(e);`
	`163`	`+this.publishing=false;`
	`164`	`+}.bind(this));`
	`165`	`+},`
`157`	`166`	`});`
`158`	`167`	`})();`

Comments

(0)