Mercurial > hg > orthanc-stone
diff 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 |
line wrap: on
line diff
--- a/Applications/StoneWebViewer/WebApplication/index.html Tue Dec 01 10:21:37 2020 +0100 +++ b/Applications/StoneWebViewer/WebApplication/index.html Tue Dec 01 10:42:45 2020 +0100 @@ -630,13 +630,23 @@ {{ cineFramesPerSecond }} fps </label> </div> - <button class="btn btn-primary btn-sm" @click="DecrementFrame()"> - <i class="fa fa-chevron-circle-left"></i> - </button> + <div class="btn-group btn-group-sm" role="group"> + <button class="btn btn-primary" @click="stone.GoToFirstFrame(canvasId)"> + <i class="fas fa-fast-backward"></i> + </button> + <button class="btn btn-primary" @click="DecrementFrame()"> + <i class="fas fa-step-backward"></i> + </button> + </div> {{ currentFrame }} / {{ numberOfFrames }} - <button class="btn btn-primary btn-sm" @click="IncrementFrame()"> - <i class="fa fa-chevron-circle-right"></i> - </button> + <div class="btn-group btn-group-sm" role="group"> + <button class="btn btn-primary" @click="IncrementFrame()"> + <i class="fas fa-step-forward"></i> + </button> + <button class="btn btn-primary" @click="stone.GoToLastFrame(canvasId)"> + <i class="fas fa-fast-forward"></i> + </button> + </div> <div class="btn-group btn-group-sm" role="group"> <button type="button" class="btn btn-primary" @click="CinePlay()"> <i class="fas fa-play fa-flip-horizontal"></i>