Template:EquipmentLabel: Difference between revisions
From Pumping Station One
No edit summary |
|||
| (19 intermediate revisions by 4 users not shown) | |||
| Line 20: | Line 20: | ||
==Label== | ==Label== | ||
</noinclude> | </noinclude> | ||
<html><div style="display: flex; float: right; padding-left: 24px; "><span style="display: flex; height: auto ; width: 22em ;"> | |||
<html> | <svg id="printableArea" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 555 175" enable-background="new 0 0 555 175" xml:space="preserve" height="175px" width="555px" style="border:2px solid #000000;display: flex; height: auto ; width: auto ;" onClick="printSVG()"> | ||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px | |||
<g id="qr"> | <g id="qr"> | ||
<image width="150" height="150" xlink:href="https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=https://wiki.pumpingstationone.org/</html>{{FULLPAGENAMEE}}<html>" /> | <image width="150" height="150" transform="translate(2,2)" xlink:href="https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=https://wiki.pumpingstationone.org/wiki/</html>{{FULLPAGENAMEE}}<html>" /> | ||
</g> | </g> | ||
| Line 36: | Line 35: | ||
<html> | <html> | ||
<g id="psoneproperty" transform="translate(155,23.5)"> | <g id="psoneproperty" transform="translate(155,23.5)"> | ||
<image width="80" height="103" xlink:href="https://wiki. | <image width="80" height="103" xlink:href="https://mywikis-wiki-media.s3.us-central-1.wasabisys.com/ps1/PS1_owned.svg"/> | ||
</g> | </g> | ||
</html> | </html> | ||
| Line 42: | Line 41: | ||
<html> | <html> | ||
<g id="owner" transform="translate(155,30)"> | <g id="owner" transform="translate(155,30)"> | ||
<image width="80" height="90" xlink:href="https://wiki. | <image width="80" height="90" xlink:href="https://mywikis-wiki-media.s3.us-central-1.wasabisys.com/ps1/Person_owned.svg"/> | ||
<text transform="matrix(1 0 0 1 10.0 110.0)" font-family="Arial,Helvetica,sans-serif" font-size="12"></html>{{{owner}}}<html></text> | <text transform="matrix(1 0 0 1 10.0 110.0)" font-family="Arial,Helvetica,sans-serif" font-size="12"></html>{{{owner}}}<html></text> | ||
</g> | </g> | ||
| Line 65: | Line 64: | ||
<html> | <html> | ||
<g id="authorization" transform="translate(245,35)"> | <g id="authorization" transform="translate(245,35)"> | ||
<image width="150" height="79" xlink:href="https://wiki. | <image width="150" height="79" xlink:href="https://mywikis-wiki-media.s3.us-central-1.wasabisys.com/ps1/Authorization_required.svg"/> | ||
</g> | </g> | ||
</html> | </html> | ||
| Line 71: | Line 70: | ||
<html> | <html> | ||
<g id="authorization" transform="translate(245,35)"> | <g id="authorization" transform="translate(245,35)"> | ||
<image width="150" height="79" xlink:href="https://wiki. | <image width="150" height="79" xlink:href="https://mywikis-wiki-media.s3.us-central-1.wasabisys.com/ps1/Authorization_not_required.svg"/> | ||
</g> | </g> | ||
</html> | </html> | ||
| Line 78: | Line 77: | ||
<html> | <html> | ||
<g id="hackable" transform="translate(400,35)"> | <g id="hackable" transform="translate(400,35)"> | ||
<image width="150" height="79" xlink:href="https://wiki. | <image width="150" height="79" xlink:href="https://mywikis-wiki-media.s3.us-central-1.wasabisys.com/ps1/Hackable.svg"/> | ||
</g> | </g> | ||
</html> | </html> | ||
| Line 84: | Line 83: | ||
<html> | <html> | ||
<g id="hackable" transform="translate(400,35)"> | <g id="hackable" transform="translate(400,35)"> | ||
<image width="150" height="79" xlink:href="https://wiki. | <image width="150" height="79" xlink:href="https://mywikis-wiki-media.s3.us-central-1.wasabisys.com/ps1/Do_not_hack.svg"/> | ||
</g> | </g> | ||
</html> | </html> | ||
| Line 94: | Line 93: | ||
</g> | </g> | ||
</svg> | <script type="text/JavaScript"> | ||
</html> | <![CDATA[ | ||
function printSVG() { | |||
const newWindow = window.open('', '_blank'); | |||
newWindow.document.write(svg.outerHTML); | |||
newWindow.document.close(); | |||
//newWindow.print(); //uncomment to auto-print on click | |||
} | |||
const svg = document.getElementById('printableArea'); | |||
]]> | |||
</script> | |||
</svg></div></html> | |||
