[desktop]: Improve Sequencer layout

tiagohm · Aug 17, 2024 · 3a61eaf · 3a61eaf
1 parent 51b9f36
commit 3a61eaf
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 36 deletions.
diff --git a/desktop/src/app/sequencer/sequencer.component.html b/desktop/src/app/sequencer/sequencer.component.html
@@ -52,40 +52,40 @@
 							(deviceChange)="rotatorChanged()" />
 					</div>
 				</div>
-				<div class="grid px-4 mt-0">
-					<div class="col-12 align-items-center justify-content-end">
-						<ng-container *ngIf="event && running">
-							<span class="mr-2 text-sm">{{ event.state | enum }}</span>
-							<span
-								class="bg-warning border-round-left-md text-gray-900 line-height-3 text-sm text-center"
-								style="min-width: 48px">
-								<i class="mdi mdi-counter mdi-sm"></i>
-								{{ event.id }}
-							</span>
-							<span
-								class="bg-success text-gray-900 line-height-3 text-sm text-center"
-								style="min-width: 62px"
-								pTooltip="Elapsed time"
-								tooltipPosition="bottom">
-								<i class="mdi mdi-timer-sand-complete mdi-sm"></i>
-								{{ event.elapsedTime | exposureTime }}
-							</span>
-							<span
-								class="bg-success text-gray-900 line-height-3 text-sm text-center"
-								style="min-width: 62px"
-								pTooltip="Remaining time"
-								tooltipPosition="bottom">
-								<i class="mdi mdi-timer-sand mdi-sm"></i>
-								{{ event.remainingTime | exposureTime }}
-							</span>
-							<span
-								class="bg-success border-round-right-md text-gray-900 line-height-3 text-sm text-center"
-								style="min-width: 52px">
-								<i class="mdi mdi-percent mdi-sm"></i>
-								{{ event.progress * 100 | number: '1.1-1' }}
-							</span>
-						</ng-container>
-					</div>
+				<div
+					class="flex absolute right-0 align-items-center justify-content-end mr-4"
+					style="top: 56px">
+					<ng-container *ngIf="event && running">
+						<span class="mr-2 text-sm">{{ event.state | enum }}</span>
+						<span
+							class="bg-warning border-round-left-md text-gray-900 line-height-3 text-sm text-center"
+							style="min-width: 48px">
+							<i class="mdi mdi-counter mdi-sm"></i>
+							{{ event.id }}
+						</span>
+						<span
+							class="bg-success text-gray-900 line-height-3 text-sm text-center"
+							style="min-width: 62px"
+							pTooltip="Elapsed time"
+							tooltipPosition="bottom">
+							<i class="mdi mdi-timer-sand-complete mdi-sm"></i>
+							{{ event.elapsedTime | exposureTime }}
+						</span>
+						<span
+							class="bg-success text-gray-900 line-height-3 text-sm text-center"
+							style="min-width: 62px"
+							pTooltip="Remaining time"
+							tooltipPosition="bottom">
+							<i class="mdi mdi-timer-sand mdi-sm"></i>
+							{{ event.remainingTime | exposureTime }}
+						</span>
+						<span
+							class="bg-success border-round-right-md text-gray-900 line-height-3 text-sm text-center"
+							style="min-width: 52px">
+							<i class="mdi mdi-percent mdi-sm"></i>
+							{{ event.progress * 100 | number: '1.1-1' }}
+						</span>
+					</ng-container>
 				</div>
 				<div
 					cdkDropList
@@ -134,6 +134,7 @@
 										size="small" /> -->
 									<p-dropdown
 										*ngIf="plan.liveStacking.enabled"
+										[disabled]="running"
 										[options]="'STACKER_GROUP_TYPE' | dropdownOptions | enumDropdown"
 										[(ngModel)]="sequence.stackerGroupType"
 										styleClass="border-0 p-inputtext-sm"
@@ -241,8 +242,9 @@
 							tooltipPosition="bottom"
 							(onClick)="toggleAutoSubFolder()" />
 						<neb-path-chooser
-							key="sequencerSaveFile"
+							key="sequencerOutputDirectory"
 							[directory]="true"
+							label="Output directory"
 							[(path)]="plan.savePath"
 							(pathChange)="savePreference()"
 							class="min-w-22rem" />

diff --git a/desktop/src/shared/components/path-chooser/path-chooser.component.ts b/desktop/src/shared/components/path-chooser/path-chooser.component.ts
@@ -9,7 +9,7 @@ export interface PathChooserPreference {
 	liveStackerBiasFile?: string
 	liveStackerExecutableFile?: string
 	flatWizardSaveFile?: string
-	sequencerSaveFile?: string
+	sequencerOutputDirectory?: string
 	plateSolverExecutableFile?: string
 	starDetectorExecutableFile?: string
 	stackerExecutableFile?: string