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