comparison Applications/StoneWebViewer/WebApplication/index.html @ 1719:9a1f79d21a3f

added buttons to go to the first and last frames
author Sebastien Jodogne <s.jodogne@gmail.com>
date Tue, 01 Dec 2020 10:42:45 +0100
parents fb57536fcc5f
children b8d19f53aaca
comparison
equal deleted inserted replaced
1718:65c03d33c345 1719:9a1f79d21a3f
628 class="wv-play-button-config-framerate"> 628 class="wv-play-button-config-framerate">
629 </span> 629 </span>
630 {{ cineFramesPerSecond }} fps 630 {{ cineFramesPerSecond }} fps
631 </label> 631 </label>
632 </div> 632 </div>
633 <button class="btn btn-primary btn-sm" @click="DecrementFrame()"> 633 <div class="btn-group btn-group-sm" role="group">
634 <i class="fa fa-chevron-circle-left"></i> 634 <button class="btn btn-primary" @click="stone.GoToFirstFrame(canvasId)">
635 </button> 635 <i class="fas fa-fast-backward"></i>
636 </button>
637 <button class="btn btn-primary" @click="DecrementFrame()">
638 <i class="fas fa-step-backward"></i>
639 </button>
640 </div>
636 &nbsp;&nbsp;{{ currentFrame }} / {{ numberOfFrames }}&nbsp;&nbsp; 641 &nbsp;&nbsp;{{ currentFrame }} / {{ numberOfFrames }}&nbsp;&nbsp;
637 <button class="btn btn-primary btn-sm" @click="IncrementFrame()"> 642 <div class="btn-group btn-group-sm" role="group">
638 <i class="fa fa-chevron-circle-right"></i> 643 <button class="btn btn-primary" @click="IncrementFrame()">
639 </button> 644 <i class="fas fa-step-forward"></i>
645 </button>
646 <button class="btn btn-primary" @click="stone.GoToLastFrame(canvasId)">
647 <i class="fas fa-fast-forward"></i>
648 </button>
649 </div>
640 <div class="btn-group btn-group-sm" role="group"> 650 <div class="btn-group btn-group-sm" role="group">
641 <button type="button" class="btn btn-primary" @click="CinePlay()"> 651 <button type="button" class="btn btn-primary" @click="CinePlay()">
642 <i class="fas fa-play fa-flip-horizontal"></i> 652 <i class="fas fa-play fa-flip-horizontal"></i>
643 </button> 653 </button>
644 <button type="button" class="btn btn-primary" @click="CinePause()"> 654 <button type="button" class="btn btn-primary" @click="CinePause()">