Mercurial > hg > orthanc-stone
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 |