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