Ver el código de «Widget:PiX»

<noinclude>__NOTOC__
'''PiX''' es la abreviación de '''P'''artituras de '''i'''ntera('''X''')cción.

Este Widget te permite incrustar una PiX creada desde [http://eadpucv.github.io/pix la aplicación en línea].

===Instrucciones===

Desde la aplicación, debes seleccionar la opción '''Embed PiX'''. El díalogo emergente te proporcionará un código para incrustar un iframe. De este código ''sólo debes extraer la porción de datos'', lo que viene a continuación de:

<code><nowiki>https://eadpucv.github.io/pix/pages/app-embed/#!/import/</nowiki></code>

y definiéndolo como la variable ''data'' del widget:

{{#widget:PiX
|data=eyJ0aXRsZSI6IlBpWCBjcmVhdGlvbiBUdXRvcmlhbCIsImxheW91dCI6ImlwIiwiZGVzY3JpcHRpb24iOiJIb3cgdG8gY3JlYXRlIGEgUGlYIGZyb20gc2NyYXRjaCIsInNjb3JlcyI6W1t7InN0ZXBfdGl0bGUiOiJQaVggV2VicGFnZSIsInVzZXIiOiJwaXgtdGhpbmsgICBJIHdhbnQgdG8gdHJ5IHRoaXMgUGlYIHRoaW5nLi4uXG4iLCJkaWFsb2d1ZSI6InBpeC1wYWdlICAgbGV0J3MgY2hlY2sgUGlYIHdlYnNpdGUiLCJzeXN0ZW0iOiJwaXgtZGF0YWJhc2UgICBwdWxsIHdlYnBhZ2UiLCJub3RlIjoiIn0seyJzdGVwX3RpdGxlIjoiIiwidXNlciI6IiAgICIsImRpYWxvZ3VlIjoicGl4LWJ1dHRvbiAgIGNsaWNrIEFQUCBidXR0b24iLCJzeXN0ZW0iOiIgICAiLCJub3RlIjoiIn0seyJzdGVwX3RpdGxlIjoiUGlYIEFwcCIsInVzZXIiOiJwaXgtc21pbGluZyAgIGhlcmUgSSBjYW4gd29yayEiLCJkaWFsb2d1ZSI6InBpeC1lZGl0ICAgbmFtZSBzY29yZSBhbmQgYWRkIGRlc2NyaXB0aW9uIiwic3lzdGVtIjoiICAgIiwibm90ZSI6IiJ9LHsic3RlcF90aXRsZSI6IiIsInVzZXIiOiIgICAiLCJkaWFsb2d1ZSI6InBpeC1lZGl0ICAgwqB0eXBlIFwicGl4LVwiIG9uIGEgc29jcmUgY2VsbCIsInN5c3RlbSI6IiAgICIsIm5vdGUiOiIifSx7InN0ZXBfdGl0bGUiOiIiLCJ1c2VyIjoicGl4LXN1cnByaXNlZCAgIGFtYXppbmchIiwiZGlhbG9ndWUiOiJwaXgtYXV0b2NvbXBsZXRlICAgYXV0b2NvbXBsZXRlIHdpdGggb3RoZXIgb3B0aW9ucyIsInN5c3RlbSI6InBpeC11cGRhdGUgICB0aGUgc3lzdGVtIHRyYW5zZm9ybXMgYW5kIGZvcm1hdHMgdGhlIGlucHV0XG4iLCJub3RlIjoiIn0seyJzdGVwX3RpdGxlIjoiIiwidXNlciI6InBpeC1oYXBweSAgIHRoaXMgaXMgZ3JlYXQhIiwiZGlhbG9ndWUiOiJwaXgtaW5wdXQgICBwcmVzcyAnVEFCJyB0byBhZHZhbmNlIGluIHRoZSBzZXF1ZW5jZVxuIiwic3lzdGVtIjoiICAgIiwibm90ZSI6IiJ9LHsic3RlcF90aXRsZSI6IiIsInVzZXIiOiJwaXgtdGhpbmsgICBJIHdhbnQgdG8gc2F2ZSB0aGlzIHdvcmshIiwiZGlhbG9ndWUiOiJwaXgtZG93biAgIHNlbGVjdCBcImRvd25sb2FkIEpTT05cIiBmcm9tIHRvb2xiYXIiLCJzeXN0ZW0iOiJwaXgtcHJvY2VzcyAgICIsIm5vdGUiOiIifSx7InN0ZXBfdGl0bGUiOiIiLCJ1c2VyIjoiICAgIiwiZGlhbG9ndWUiOiIgICAiLCJzeXN0ZW0iOiJwaXgtcHJvY2VzcyAgIGdlbmVyYXRlIGFuZCBkb3dubG9hZCBKU09OIiwibm90ZSI6IiJ9XV19
}}

<pre><nowiki>
{{#widget:PiX
|data=eyJ0aXRsZSI6IlBpWCBjcmVhdGlvbiBUdXRvcmlhbCIsImxheW91dCI6ImlwIiwiZGVzY3JpcHRpb24iOiJIb3cgdG8gY3JlYXRlIGEgUGlYIGZyb20gc2NyYXRjaCIsInNjb3JlcyI6W1t7InN0ZXBfdGl0bGUiOiJQaVggV2VicGFnZSIsInVzZXIiOiJwaXgtdGhpbmsgICBJIHdhbnQgdG8gdHJ5IHRoaXMgUGlYIHRoaW5nLi4uXG4iLCJkaWFsb2d1ZSI6InBpeC1wYWdlICAgbGV0J3MgY2hlY2sgUGlYIHdlYnNpdGUiLCJzeXN0ZW0iOiJwaXgtZGF0YWJhc2UgICBwdWxsIHdlYnBhZ2UiLCJub3RlIjoiIn0seyJzdGVwX3RpdGxlIjoiIiwidXNlciI6IiAgICIsImRpYWxvZ3VlIjoicGl4LWJ1dHRvbiAgIGNsaWNrIEFQUCBidXR0b24iLCJzeXN0ZW0iOiIgICAiLCJub3RlIjoiIn0seyJzdGVwX3RpdGxlIjoiUGlYIEFwcCIsInVzZXIiOiJwaXgtc21pbGluZyAgIGhlcmUgSSBjYW4gd29yayEiLCJkaWFsb2d1ZSI6InBpeC1lZGl0ICAgbmFtZSBzY29yZSBhbmQgYWRkIGRlc2NyaXB0aW9uIiwic3lzdGVtIjoiICAgIiwibm90ZSI6IiJ9LHsic3RlcF90aXRsZSI6IiIsInVzZXIiOiIgICAiLCJkaWFsb2d1ZSI6InBpeC1lZGl0ICAgwqB0eXBlIFwicGl4LVwiIG9uIGEgc29jcmUgY2VsbCIsInN5c3RlbSI6IiAgICIsIm5vdGUiOiIifSx7InN0ZXBfdGl0bGUiOiIiLCJ1c2VyIjoicGl4LXN1cnByaXNlZCAgIGFtYXppbmchIiwiZGlhbG9ndWUiOiJwaXgtYXV0b2NvbXBsZXRlICAgYXV0b2NvbXBsZXRlIHdpdGggb3RoZXIgb3B0aW9ucyIsInN5c3RlbSI6InBpeC11cGRhdGUgICB0aGUgc3lzdGVtIHRyYW5zZm9ybXMgYW5kIGZvcm1hdHMgdGhlIGlucHV0XG4iLCJub3RlIjoiIn0seyJzdGVwX3RpdGxlIjoiIiwidXNlciI6InBpeC1oYXBweSAgIHRoaXMgaXMgZ3JlYXQhIiwiZGlhbG9ndWUiOiJwaXgtaW5wdXQgICBwcmVzcyAnVEFCJyB0byBhZHZhbmNlIGluIHRoZSBzZXF1ZW5jZVxuIiwic3lzdGVtIjoiICAgIiwibm90ZSI6IiJ9LHsic3RlcF90aXRsZSI6IiIsInVzZXIiOiJwaXgtdGhpbmsgICBJIHdhbnQgdG8gc2F2ZSB0aGlzIHdvcmshIiwiZGlhbG9ndWUiOiJwaXgtZG93biAgIHNlbGVjdCBcImRvd25sb2FkIEpTT05cIiBmcm9tIHRvb2xiYXIiLCJzeXN0ZW0iOiJwaXgtcHJvY2VzcyAgICIsIm5vdGUiOiIifSx7InN0ZXBfdGl0bGUiOiIiLCJ1c2VyIjoiICAgIiwiZGlhbG9ndWUiOiIgICAiLCJzeXN0ZW0iOiJwaXgtcHJvY2VzcyAgIGdlbmVyYXRlIGFuZCBkb3dubG9hZCBKU09OIiwibm90ZSI6IiJ9XV19
}}
</nowiki></pre>

==== Altura ====
De forma predeterminada se considera una partitura "normal" PiX de 3 capas con la altura predeterminada de 650 pixeles. Para el caso de un [[Service Blueprint]] de 5 filas se debe establecer el parámetro '''height''' (altura):

<pre><nowiki>
{{#widget:PiX
|data = ble
|height = 1000
}}
</nowiki></pre>

</noinclude>
<includeonly><iframe src="https://eadpucv.github.io/pix/pages/app-embed/#!/import/<!--{$data|escape:'urlpathinfo'}-->" width="100%" height="<!--{$height|escape:'html'|default:'650'}-->" style='border:0 solid white !important; box-shadow:none !important'></iframe></includeonly>
<noinclude>
[[Category:Widgets]]
</noinclude>