comparison Applications/StoneWebViewer/WebApplication/index.html @ 1982:ba45e1b0812a

preparing interfaces for rectangle probe, ellipse probe and text annotations
author Sebastien Jodogne <s.jodogne@gmail.com>
date Mon, 31 Oct 2022 08:55:14 +0100
parents 0aac8f552d89
children e8b9a2ba1df1
comparison
equal deleted inserted replaced
1981:c074c75cf416 1982:ba45e1b0812a
502 <div class="ng-scope inline-object"> 502 <div class="ng-scope inline-object">
503 <button class="wvButton--underline text-center" 503 <button class="wvButton--underline text-center"
504 v-bind:class="{ 'active' : mouseTool == MOUSE_TOOL_CREATE_SEGMENT }" 504 v-bind:class="{ 'active' : mouseTool == MOUSE_TOOL_CREATE_SEGMENT }"
505 v-on:click="SetLeftMouseButtonAction(MOUSE_TOOL_CREATE_SEGMENT, stone.WebViewerAction.CREATE_SEGMENT)" 505 v-on:click="SetLeftMouseButtonAction(MOUSE_TOOL_CREATE_SEGMENT, stone.WebViewerAction.CREATE_SEGMENT)"
506 data-toggle="tooltip" data-title="Measure length"> 506 data-toggle="tooltip" data-title="Measure length">
507 <i class="fas fa-arrows-alt-h"></i> 507 <i class="fas fa-ruler"></i>
508 </button> 508 </button>
509 </div> 509 </div>
510 510
511 <div class="ng-scope inline-object"> 511 <div class="ng-scope inline-object">
512 <button class="wvButton--underline text-center" 512 <button class="wvButton--underline text-center"
513 v-bind:class="{ 'active' : mouseTool == MOUSE_TOOL_CREATE_ANGLE }" 513 v-bind:class="{ 'active' : mouseTool == MOUSE_TOOL_CREATE_ANGLE }"
514 v-on:click="SetLeftMouseButtonAction(MOUSE_TOOL_CREATE_ANGLE, stone.WebViewerAction.CREATE_ANGLE)" 514 v-on:click="SetLeftMouseButtonAction(MOUSE_TOOL_CREATE_ANGLE, stone.WebViewerAction.CREATE_ANGLE)"
515 data-toggle="tooltip" data-title="Measure angle"> 515 data-toggle="tooltip" data-title="Measure angle">
516 <i class="fas fa-angle-left fa-lg"></i> 516 <i class="fas fa-drafting-compass"></i>
517 </button> 517 </button>
518 </div> 518 </div>
519 519
520 <div class="ng-scope inline-object"> 520 <div class="ng-scope inline-object">
521 <button class="wvButton--underline text-center" 521 <button class="wvButton--underline text-center"
529 <div class="ng-scope inline-object"> 529 <div class="ng-scope inline-object">
530 <button class="wvButton--underline text-center" 530 <button class="wvButton--underline text-center"
531 v-bind:class="{ 'active' : mouseTool == MOUSE_TOOL_CREATE_PIXEL_PROBE }" 531 v-bind:class="{ 'active' : mouseTool == MOUSE_TOOL_CREATE_PIXEL_PROBE }"
532 v-on:click="SetLeftMouseButtonAction(MOUSE_TOOL_CREATE_PIXEL_PROBE, stone.WebViewerAction.CREATE_PIXEL_PROBE)" 532 v-on:click="SetLeftMouseButtonAction(MOUSE_TOOL_CREATE_PIXEL_PROBE, stone.WebViewerAction.CREATE_PIXEL_PROBE)"
533 data-toggle="tooltip" data-title="Pixel probe"> 533 data-toggle="tooltip" data-title="Pixel probe">
534 <i class="far fa-dot-circle"></i> 534 <i class="fas fa-microscope"></i>
535 </button>
536 </div>
537
538 <div class="ng-scope inline-object">
539 <button class="wvButton--underline text-center"
540 v-bind:class="{ 'active' : mouseTool == MOUSE_TOOL_CREATE_RECTANGLE_PROBE }"
541 v-on:click="SetLeftMouseButtonAction(MOUSE_TOOL_CREATE_RECTANGLE_PROBE, stone.WebViewerAction.CREATE_RECTANGLE_PROBE)"
542 data-toggle="tooltip" data-title="Rectangle probe">
543 <i class="fas fa-plus-square"></i>
544 </button>
545 </div>
546
547 <div class="ng-scope inline-object">
548 <button class="wvButton--underline text-center"
549 v-bind:class="{ 'active' : mouseTool == MOUSE_TOOL_CREATE_ELLIPSE_PROBE }"
550 v-on:click="SetLeftMouseButtonAction(MOUSE_TOOL_CREATE_ELLIPSE_PROBE, stone.WebViewerAction.CREATE_ELLIPSE_PROBE)"
551 data-toggle="tooltip" data-title="Ellipse probe">
552 <i class="fas fa-plus-circle"></i>
553 </button>
554 </div>
555
556 <div class="ng-scope inline-object">
557 <button class="wvButton--underline text-center"
558 v-bind:class="{ 'active' : mouseTool == MOUSE_TOOL_CREATE_TEXT_ANNOTATION }"
559 v-on:click="SetLeftMouseButtonAction(MOUSE_TOOL_CREATE_TEXT_ANNOTATION, stone.WebViewerAction.CREATE_TEXT_ANNOTATION)"
560 data-toggle="tooltip" data-title="Add text annotation">
561 <i class="fas fa-comment-dots"></i>
535 </button> 562 </button>
536 </div> 563 </div>
537 564
538 <div class="ng-scope inline-object"> 565 <div class="ng-scope inline-object">
539 <button class="wvButton--underline text-center" 566 <button class="wvButton--underline text-center"
540 v-bind:class="{ 'active' : mouseTool == MOUSE_TOOL_REMOVE_MEASURE }" 567 v-bind:class="{ 'active' : mouseTool == MOUSE_TOOL_REMOVE_MEASURE }"
541 v-on:click="SetLeftMouseButtonAction(MOUSE_TOOL_REMOVE_MEASURE, stone.WebViewerAction.REMOVE_MEASURE)" 568 v-on:click="SetLeftMouseButtonAction(MOUSE_TOOL_REMOVE_MEASURE, stone.WebViewerAction.REMOVE_MEASURE)"
542 data-toggle="tooltip" data-title="Delete measurement"> 569 data-toggle="tooltip" data-title="Delete annotation">
543 <i class="fas fa-trash"></i> 570 <i class="fas fa-trash"></i>
544 </button> 571 </button>
545 </div> 572 </div>
546 573
547 <div class="ng-scope inline-object"> 574 <div class="ng-scope inline-object">