comparison Applications/StoneWebViewer/WebApplication/index.html @ 1820:5baaad557d58

don't change mouse tool after creating an annotation
author Sebastien Jodogne <s.jodogne@gmail.com>
date Wed, 26 May 2021 13:08:49 +0200
parents b81775f1b196
children a56bf4c534ef
comparison
equal deleted inserted replaced
1819:fe402c678d18 1820:5baaad557d58
351 </button> 351 </button>
352 </div> 352 </div>
353 353
354 <div class="tbGroup__buttons--bottom" v-show="mouseActionsVisible"> 354 <div class="tbGroup__buttons--bottom" v-show="mouseActionsVisible">
355 <div class="inline-object" v-if="globalConfiguration.CombinedToolEnabled"> 355 <div class="inline-object" v-if="globalConfiguration.CombinedToolEnabled">
356 <button class="wvButton" 356 <button class="wvButton--underline"
357 data-toggle="tooltip" data-title="Combined tool" 357 data-toggle="tooltip" data-title="Combined tool"
358 v-bind:class="{ 'active' : mouseTool == MOUSE_TOOL_COMBINED }"
358 @click="SetCombinedToolActions()"> 359 @click="SetCombinedToolActions()">
359 <i class="far fa-hand-point-up"></i> 360 <i class="far fa-hand-point-up"></i>
360 </button> 361 </button>
361 </div> 362 </div>
362 <div class="inline-object"> 363 <div class="inline-object">
363 <button class="wvButton" 364 <button class="wvButton--underline"
364 data-toggle="tooltip" data-title="Zoom" 365 data-toggle="tooltip" data-title="Zoom"
365 @click="SetMouseButtonActions(stone.WebViewerAction.ZOOM, stone.WebViewerAction.ZOOM, stone.WebViewerAction.ZOOM)"> 366 v-bind:class="{ 'active' : mouseTool == MOUSE_TOOL_ZOOM }"
367 @click="SetMouseButtonActions(MOUSE_TOOL_ZOOM, stone.WebViewerAction.ZOOM, stone.WebViewerAction.ZOOM, stone.WebViewerAction.ZOOM)">
366 <i class="fas fa-search"></i> 368 <i class="fas fa-search"></i>
367 </button> 369 </button>
368 </div> 370 </div>
369 <div class="inline-object"> 371 <div class="inline-object">
370 <button class="wvButton" 372 <button class="wvButton--underline"
371 data-toggle="tooltip" data-title="Pan" 373 data-toggle="tooltip" data-title="Pan"
372 @click="SetMouseButtonActions(stone.WebViewerAction.PAN, stone.WebViewerAction.PAN, stone.WebViewerAction.PAN)"> 374 v-bind:class="{ 'active' : mouseTool == MOUSE_TOOL_PAN }"
375 @click="SetMouseButtonActions(MOUSE_TOOL_PAN, stone.WebViewerAction.PAN, stone.WebViewerAction.PAN, stone.WebViewerAction.PAN)">
373 <i class="fas fa-arrows-alt"></i> 376 <i class="fas fa-arrows-alt"></i>
374 </button> 377 </button>
375 </div> 378 </div>
376 <div class="inline-object"> 379 <div class="inline-object">
377 <button class="wvButton" 380 <button class="wvButton--underline"
378 data-toggle="tooltip" data-title="3D cross-hair" 381 data-toggle="tooltip" data-title="3D cross-hair"
379 @click="SetMouseButtonActions(stone.WebViewerAction.CROSSHAIR, stone.WebViewerAction.PAN, stone.WebViewerAction.ZOOM)"> 382 v-bind:class="{ 'active' : mouseTool == MOUSE_TOOL_CROSSHAIR }"
383 @click="SetMouseButtonActions(MOUSE_TOOL_CROSSHAIR, stone.WebViewerAction.CROSSHAIR, stone.WebViewerAction.PAN, stone.WebViewerAction.ZOOM)">
380 <i class="fas fa-crosshairs"></i> 384 <i class="fas fa-crosshairs"></i>
381 </button> 385 </button>
382 </div> 386 </div>
383 </div> 387 </div>
384 </div> 388 </div>
470 </button> 474 </button>
471 </div> 475 </div>
472 476
473 <div class="ng-scope inline-object"> 477 <div class="ng-scope inline-object">
474 <button class="wvButton--underline text-center" 478 <button class="wvButton--underline text-center"
475 v-bind:class="{ active: (annotationsCurrentAction == stone.WebViewerAction.CREATE_SEGMENT) }" 479 v-bind:class="{ 'active' : mouseTool == MOUSE_TOOL_CREATE_SEGMENT }"
476 v-on:click="SetAnnotationsAction(stone.WebViewerAction.CREATE_SEGMENT)" 480 v-on:click="SetLeftMouseButtonAction(MOUSE_TOOL_CREATE_SEGMENT, stone.WebViewerAction.CREATE_SEGMENT)"
477 data-toggle="tooltip" data-title="Measure length"> 481 data-toggle="tooltip" data-title="Measure length">
478 <i class="fas fa-arrows-alt-h"></i> 482 <i class="fas fa-arrows-alt-h"></i>
479 </button> 483 </button>
480 </div> 484 </div>
481 485
482 <div class="ng-scope inline-object"> 486 <div class="ng-scope inline-object">
483 <button class="wvButton--underline text-center" 487 <button class="wvButton--underline text-center"
484 v-bind:class="{ active: (annotationsCurrentAction == stone.WebViewerAction.CREATE_ANGLE) }" 488 v-bind:class="{ 'active' : mouseTool == MOUSE_TOOL_CREATE_ANGLE }"
485 v-on:click="SetAnnotationsAction(stone.WebViewerAction.CREATE_ANGLE)" 489 v-on:click="SetLeftMouseButtonAction(MOUSE_TOOL_CREATE_ANGLE, stone.WebViewerAction.CREATE_ANGLE)"
486 data-toggle="tooltip" data-title="Measure angle"> 490 data-toggle="tooltip" data-title="Measure angle">
487 <i class="fas fa-angle-left fa-lg"></i> 491 <i class="fas fa-angle-left fa-lg"></i>
488 </button> 492 </button>
489 </div> 493 </div>
490 494
491 <div class="ng-scope inline-object"> 495 <div class="ng-scope inline-object">
492 <button class="wvButton--underline text-center" 496 <button class="wvButton--underline text-center"
493 v-bind:class="{ active: (annotationsCurrentAction == stone.WebViewerAction.CREATE_CIRCLE) }" 497 v-bind:class="{ 'active' : mouseTool == MOUSE_TOOL_CREATE_CIRCLE }"
494 v-on:click="SetAnnotationsAction(stone.WebViewerAction.CREATE_CIRCLE)" 498 v-on:click="SetLeftMouseButtonAction(MOUSE_TOOL_CREATE_CIRCLE, stone.WebViewerAction.CREATE_CIRCLE)"
495 data-toggle="tooltip" data-title="Measure circle"> 499 data-toggle="tooltip" data-title="Measure circle">
496 <i class="far fa-circle"></i> 500 <i class="far fa-circle"></i>
497 </button> 501 </button>
498 </div> 502 </div>
499 503
500 <div class="ng-scope inline-object"> 504 <div class="ng-scope inline-object">
501 <button class="wvButton--underline text-center" 505 <button class="wvButton--underline text-center"
502 v-bind:class="{ active: (annotationsCurrentAction == stone.WebViewerAction.REMOVE_MEASURE) }" 506 v-bind:class="{ 'active' : mouseTool == MOUSE_TOOL_REMOVE_MEASURE }"
503 v-on:click="SetAnnotationsAction(stone.WebViewerAction.REMOVE_MEASURE)" 507 v-on:click="SetLeftMouseButtonAction(MOUSE_TOOL_REMOVE_MEASURE, stone.WebViewerAction.REMOVE_MEASURE)"
504 data-toggle="tooltip" data-title="Delete measurement"> 508 data-toggle="tooltip" data-title="Delete measurement">
505 <i class="fas fa-trash"></i> 509 <i class="fas fa-trash"></i>
506 </button> 510 </button>
507 </div> 511 </div>
508 512