Mercurial > hg > orthanc-education
changeset 61:cee3ec6f68fb
improved layout of dicomization
| author | Sebastien Jodogne <s.jodogne@gmail.com> |
|---|---|
| date | Fri, 07 Nov 2025 14:57:47 +0100 |
| parents | 83b1a9fd6baf |
| children | 4edf4051a50b |
| files | WebApplication/dashboard.html |
| diffstat | 1 files changed, 29 insertions(+), 19 deletions(-) [+] |
line wrap: on
line diff
--- a/WebApplication/dashboard.html Fri Nov 07 07:44:56 2025 +0100 +++ b/WebApplication/dashboard.html Fri Nov 07 14:57:47 2025 +0100 @@ -425,29 +425,39 @@ </select> </div> </div> - <div class="mb-3" v-if="isUploadAvailable"> - <label for="dicomizationFile" class="form-label">File to upload:</label> - <input class="form-control" type="file" id="dicomizationFile"> + <div class="row mb-3" v-if="isUploadAvailable"> + <label for="dicomizationFile" class="col-sm-4 form-label">File to upload:</label> + <div class="col-sm-8"> + <input class="form-control" type="file" id="dicomizationFile"> + </div> </div> - <div class="mb-3" v-if="isDicomizationWSI"> - <label for="dicomizationColor" class="form-label">Background color: </label> - <select id="dicomizationColor" class="form-select" v-model="dicomizationBackgroundColor"> - <option value="white">White</option> - <option value="black">Black</option> - </select> + <div class="row mb-3" v-if="isDicomizationWSI"> + <label for="dicomizationColor" class="col-sm-4 form-label">Background color: </label> + <div class="col-sm-8"> + <select id="dicomizationColor" class="form-select" v-model="dicomizationBackgroundColor"> + <option value="white">White</option> + <option value="black">Black</option> + </select> + </div> </div> - <div class="mb-3" v-if="isDicomizationWSI"> - <input class="form-check-input" type="checkbox" id="dicomizationOpenSlide" v-model="dicomizationOpenSlide"> - <label for="dicomizationOpenSlide" class="form-label">Force OpenSlide (slower, use if import does not succeed)</label> + <div class="row mb-3" v-if="isDicomizationWSI"> + <div class="col-sm-8 offset-sm-4"> + <input class="form-check-input" type="checkbox" id="dicomizationOpenSlide" v-model="dicomizationOpenSlide"> + <label for="dicomizationOpenSlide" class="form-label">Force OpenSlide (slower, use if import does not succeed)</label> + </div> </div> - <div class="mb-3" v-if="isDicomizationWSI"> - <input class="form-check-input" type="checkbox" id="dicomizationPyramid" v-model="dicomizationPyramid"> - <label for="dicomizationPyramid" class="form-label">Reconstruct pyramid (better, but may result in larger files)</label> + <div class="row mb-3" v-if="isDicomizationWSI"> + <div class="col-sm-8 offset-sm-4"> + <input class="form-check-input" type="checkbox" id="dicomizationPyramid" v-model="dicomizationPyramid"> + <label for="dicomizationPyramid" class="form-label">Reconstruct pyramid (better, but may result in larger files)</label> + </div> </div> - <p v-if="isUploadAvailable"> - <button v-if="!uploading" type="button" class="btn btn-lg btn-primary" @click="upload()">Upload</button> - <button v-if="uploading" type="button" class="btn btn-lg btn-primary" disabled>Uploading: {{uploadProgress}} MB / {{uploadSize}} MB</button> - </p> + <div class="row mb-3" v-if="isUploadAvailable"> + <div class="col-sm-8 offset-sm-4"> + <button v-if="!uploading" type="button" class="btn btn-lg btn-primary" @click="upload()">Upload</button> + <button v-if="uploading" type="button" class="btn btn-lg btn-primary" disabled>Uploading: {{uploadProgress}} MB / {{uploadSize}} MB</button> + </div> + </div> </form> </div> </div>