André Botelho Almeida
057735aab3
* OHIF-184: added download icon to the OHIF's tool bar * OHIF-184: refactor dialog toggle method to support cine dialog and download dialog * OHIF-184: Added hotKey support for downloadDialog. * OHIF-184: added disabled verify function * OHIF-184: Finished form structure. Created preview canvas. Added width and height config of the preview. Added the download feature. Added Cancel button. * OHIF-184: setting default extension as png * OHIF-184: moved download icon to more in toolbar * OHIF-184: enabling/disabling tools when toggling show annotations checkbox * OHIF-184: using a dynamic canvas to create the download content * OHIF-184: Download with configurable width and height. download distorced * OHIF-184: using dynamic elemento to manage download image instead of using the preview element * OHIF-184: make dialog dragable through preview * OHIF-184: removing useless line * OHIF-184: adding download icon to leasion tracker * OHIF-184: adding download dialog template to lesion tracker viewer
41 lines
2.2 KiB
HTML
41 lines
2.2 KiB
HTML
<template name="downloadDialog">
|
|
<dialog id="downloadDialog">
|
|
{{#form id='downloadDialogForm' schema=instance.schema api=instance.api}}
|
|
<div class="instructions">Please specify the dimensions, filename, and desired type for the output image.</div>
|
|
<div class="form-group row">
|
|
<div class="col-sm-8">
|
|
<div class="input-group">
|
|
<input type="text" id="fileName" class="form-control fileName" aria-label="File name input">
|
|
<div class="input-group-btn">
|
|
<button type="button" class="btn btn-secondary dropdown-toggle extension" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">png</button>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">png</a>
|
|
<a class="dropdown-item" href="#">jpeg</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-check col-sm-4">
|
|
<label class="form-check-label">
|
|
<input type="checkbox" class="form-check-input"> Show Annotations
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label for="width" class="col-sm-2 col-form-label">Width (px):</label>
|
|
<div class="col-sm-4">
|
|
<input type="number" name="width" id="width" class="form-control" value="300"/>
|
|
</div>
|
|
<label for="height" class="col-sm-2 col-form-label">Height (px):</label>
|
|
<div class="col-sm-4">
|
|
<input type="number" name="height" id="height" class="form-control" value="200"/>
|
|
</div>
|
|
</div>
|
|
<div id="previewElement"></div>
|
|
<div class="form-group button-holder row">
|
|
<button class="btn btn-danger col-sm-offset-2 col-sm-3 cancel">cancel</button>
|
|
<button class="btn btn-primary col-sm-offset-2 col-sm-3 download">download</button>
|
|
</div>
|
|
{{/form}}
|
|
</dialog>
|
|
</template> |