| .widget-container.fluid-height(ng-controller='ScreenshotsCtrl').stf-screenshots | |
| .heading | |
| button.btn.btn-sm.btn-primary-outline(ng-click='takeScreenShot()', | |
| title='{{"Take Screenshot"|translate}}') | |
| i.fa.fa-camera | |
| span(translate) Screenshot | |
| //button.btn.btn-sm.btn-info-outline(ng-click='takePageShot()', | |
| title='{{"Take Pageshot (Needs WebView running)"|translate}}', | |
| ng-if='$root.platform == "web" && $root.browser == "webview"') | |
| i.fa.fa-camera-retro(translate) | |
| span(translate) Pageshot | |
| .button-spacer | |
| clear-button(ng-click='clear()', ng-disabled='!screenshots.length') | |
| .button-spacer | |
| .pull-right | |
| button.btn.btn-primary-outline.btn-sm.transparent-border( | |
| ng-click='zoom({min: 80, step: -50})', | |
| ng-disabled='!screenshots.length') | |
| i.fa.fa-minus | |
| input(type='range', ng-model='screenShotSize', min='80', max='480', step='10', | |
| ng-model-options='{ updateOn: "default blur", debounce: { default: 100, blur: 0} }', | |
| ng-disabled='!screenshots.length').zoom-range | |
| button.btn.btn-primary-outline.btn-sm.transparent-border( | |
| ng-click='zoom({max: 480, step: 50})', | |
| ng-disabled='!screenshots.length') | |
| i.fa.fa-plus | |
| .widget-content.padded | |
| nothing-to-show(message='{{"No screenshots taken"|translate}}', icon='fa-camera', ng-show='!screenshots.length') | |
| ul.screenshots-icon-view.clear-fix.selectable | |
| li.screenshots-icon-item(ng-repeat='shot in screenshots').cursor-select | |
| h5 {{ device.name }} | |
| h6 {{ shot.body.date | date:'HH:mm:ss' }} | |
| a(ng-href='{{ shot.body.href }}', target='_blank') | |
| img(ng-src='{{ shot.body.href + shotSizeParameter(480, 1) }}', | |
| ng-srcset='{{ shot.body.href + shotSizeParameter(480, 2) }} 2x').screenshot-image | |
| .clearfix |