Mercurial > hg > orthanc-stone
comparison Applications/StoneWebViewer/WebApplication/index.html @ 1673:dd50f8a1a2be
simplifying Vue.js viewport component
author | Sebastien Jodogne <s.jodogne@gmail.com> |
---|---|
date | Mon, 23 Nov 2020 16:21:33 +0100 |
parents | 570398585b5f |
children | 0621e523b670 |
comparison
equal
deleted
inserted
replaced
1672:570398585b5f | 1673:dd50f8a1a2be |
---|---|
425 v-bind:series="viewport1Series" | 425 v-bind:series="viewport1Series" |
426 v-bind:left="viewport1Left" | 426 v-bind:left="viewport1Left" |
427 v-bind:top="viewport1Top" | 427 v-bind:top="viewport1Top" |
428 v-bind:width="viewport1Width" | 428 v-bind:width="viewport1Width" |
429 v-bind:height="viewport1Height" | 429 v-bind:height="viewport1Height" |
430 v-bind:quality="viewport1Quality" | |
431 v-bind:current-frame="viewport1CurrentFrame" | |
432 v-bind:frames-count="viewport1FramesCount" | |
433 v-bind:show-info="showInfo" | 430 v-bind:show-info="showInfo" |
434 v-bind:active="activeViewport==1"></viewport> | 431 v-bind:active="activeViewport==1"></viewport> |
435 <viewport v-on:updated-series="SetViewportSeries(2, $event)" | 432 <viewport v-on:updated-series="SetViewportSeries(2, $event)" |
436 v-on:selected-viewport="activeViewport=2" | 433 v-on:selected-viewport="activeViewport=2" |
437 v-show="viewport2Visible" | 434 v-show="viewport2Visible" |
439 v-bind:series="viewport2Series" | 436 v-bind:series="viewport2Series" |
440 v-bind:left="viewport2Left" | 437 v-bind:left="viewport2Left" |
441 v-bind:top="viewport2Top" | 438 v-bind:top="viewport2Top" |
442 v-bind:width="viewport2Width" | 439 v-bind:width="viewport2Width" |
443 v-bind:height="viewport2Height" | 440 v-bind:height="viewport2Height" |
444 v-bind:quality="viewport2Quality" | |
445 v-bind:current-frame="viewport2CurrentFrame" | |
446 v-bind:frames-count="viewport2FramesCount" | |
447 v-bind:show-info="showInfo" | 441 v-bind:show-info="showInfo" |
448 v-bind:active="activeViewport==2"></viewport> | 442 v-bind:active="activeViewport==2"></viewport> |
449 <viewport v-on:updated-series="SetViewportSeries(3, $event)" | 443 <viewport v-on:updated-series="SetViewportSeries(3, $event)" |
450 v-on:selected-viewport="activeViewport=3" | 444 v-on:selected-viewport="activeViewport=3" |
451 v-show="viewport3Visible" | 445 v-show="viewport3Visible" |
453 v-bind:series="viewport3Series" | 447 v-bind:series="viewport3Series" |
454 v-bind:left="viewport3Left" | 448 v-bind:left="viewport3Left" |
455 v-bind:top="viewport3Top" | 449 v-bind:top="viewport3Top" |
456 v-bind:width="viewport3Width" | 450 v-bind:width="viewport3Width" |
457 v-bind:height="viewport3Height" | 451 v-bind:height="viewport3Height" |
458 v-bind:quality="viewport3Quality" | |
459 v-bind:current-frame="viewport3CurrentFrame" | |
460 v-bind:frames-count="viewport3FramesCount" | |
461 v-bind:show-info="showInfo" | 452 v-bind:show-info="showInfo" |
462 v-bind:active="activeViewport==3"></viewport> | 453 v-bind:active="activeViewport==3"></viewport> |
463 <viewport v-on:updated-series="SetViewportSeries(4, $event)" | 454 <viewport v-on:updated-series="SetViewportSeries(4, $event)" |
464 v-on:selected-viewport="activeViewport=4" | 455 v-on:selected-viewport="activeViewport=4" |
465 v-show="viewport4Visible" | 456 v-show="viewport4Visible" |
467 v-bind:series="viewport4Series" | 458 v-bind:series="viewport4Series" |
468 v-bind:left="viewport4Left" | 459 v-bind:left="viewport4Left" |
469 v-bind:top="viewport4Top" | 460 v-bind:top="viewport4Top" |
470 v-bind:width="viewport4Width" | 461 v-bind:width="viewport4Width" |
471 v-bind:height="viewport4Height" | 462 v-bind:height="viewport4Height" |
472 v-bind:quality="viewport4Quality" | |
473 v-bind:current-frame="viewport4CurrentFrame" | |
474 v-bind:frames-count="viewport4FramesCount" | |
475 v-bind:show-info="showInfo" | 463 v-bind:show-info="showInfo" |
476 v-bind:active="activeViewport==4"></viewport> | 464 v-bind:active="activeViewport==4"></viewport> |
477 </div> | 465 </div> |
478 </div> | 466 </div> |
479 | 467 |