Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update/observe page UI changes #122

Merged
merged 5 commits into from
Nov 14, 2023
Merged

Update/observe page UI changes #122

Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
9e64f92
Moved Telescope controls to new tab
LTDakin Nov 13, 2023
e2d255b
Merge branch 'dev' of https://github.com/LCOGT/ptr_ui into update/obs…
LTDakin Nov 14, 2023
ae8f95a
auto fixing linting errors
LTDakin Nov 14, 2023
0cfc596
Moving userIsAdmin check to tab
LTDakin Nov 14, 2023
2c899cf
Renaming telescope tab to telescope config
LTDakin Nov 14, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
367 changes: 225 additions & 142 deletions src/components/sitepages/SiteData.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,148 +35,14 @@

<!-- Collapsible panels on the right of the image -->
<div class="image-tools-area">

<div v-if="userIsAdmin" class="obs-config-box">
<div class="obs-config-control-group">
<div class="obs-config-title">Manual Telescope</div>
<StatusVal :status-item="scopeInManualMode" style="width: 100%;"/>
<div class="obs-config-command-button-group">
<CommandButton
class="is-small obs-config-command-button"
admin
:data="obs_set_scope_to_manual_mode"
>Set Manual</CommandButton>
<CommandButton
class="button admin is-small obs-config-command-button"
admin
:data="obs_set_scope_to_automatic_mode"
>Set Auto</CommandButton>
</div>
</div>

<div class="obs-config-control-group">
<div class="obs-config-title">Sun Safety</div>
<StatusVal :status-item="sunSafetyMode" style="width: 100%;"/>
<div class="obs-config-command-button-group">
<CommandButton
class="is-small obs-config-command-button"
admin
:data="obs_configure_sun_safety_on"
>Enable</CommandButton>
<CommandButton
class="button admin is-small obs-config-command-button"
admin
:data="obs_configure_sun_safety_off"
>Disable</CommandButton>
</div>
</div>

<div class="obs-config-control-group">
<div class="obs-config-title">Moon Safety</div>
<StatusVal :status-item="moonSafetyMode" style="width: 100%;"/>
<div class="obs-config-command-button-group">
<CommandButton
class="is-small obs-config-command-button"
admin
:data="obs_configure_moon_safety_on"
>Enable</CommandButton>
<CommandButton
class="button admin is-small obs-config-command-button"
admin
:data="obs_configure_moon_safety_off"
>Disable</CommandButton>
</div>
</div>

<div class="obs-config-control-group">
<div class="obs-config-title">Altitude Safety</div>
<StatusVal :status-item="altitudeSafetyMode" style="width: 100%;"/>
<div class="obs-config-command-button-group">
<CommandButton
class="is-small obs-config-command-button"
admin
:data="obs_configure_altitude_safety_on"
>Enable</CommandButton>
<CommandButton
class="button admin is-small obs-config-command-button"
admin
:data="obs_configure_altitude_safety_off"
>Disable</CommandButton>
</div>
</div>
<div class="obs-config-control-group">
<div class="obs-config-title">Daytime Safety</div>
<StatusVal :status-item="daytimeExposureSafetyMode" style="width: 100%;"/>
<div class="obs-config-command-button-group">
<CommandButton
class="is-small obs-config-command-button"
admin
:data="obs_configure_daytime_exposure_safety_on"
>Enable</CommandButton>
<CommandButton
class="button admin is-small obs-config-command-button"
admin
:data="obs_configure_daytime_exposure_safety_off"
>Disable</CommandButton>
</div>
</div>

<div class="obs-config-control-group">
<div class="obs-config-title">Simulate Open Roof</div>
<StatusVal :status-item="simulatingOpenRoof" style="width: 100%;"/>
<div class="obs-config-command-button-group">
<CommandButton
class="is-small obs-config-command-button"
admin
:data="obs_start_simulating_open_roof"
>Start</CommandButton>
<CommandButton
class="button admin is-small obs-config-command-button"
admin
:data="obs_stop_simulating_open_roof"
>Stop</CommandButton>
</div>
</div>

<div class="obs-config-control-group">
<div class="obs-config-title">Who Can Operate</div>
<StatusVal :status-item="adminOwnerCommandsOnly" style="width: 100%;"/>
<div class="obs-config-command-button-group">
<CommandButton
class="is-small obs-config-command-button"
admin
:data="obs_configure_admin_owner_commands_only_true"
>Owner</CommandButton>
<CommandButton
class="button admin is-small obs-config-command-button"
admin
:data="obs_configure_admin_owner_commands_only_false"
>Anyone</CommandButton>
</div>
</div>

<div class="obs-config-control-group">
<div class="obs-config-title">Pointing Reference</div>
<StatusVal :status-item="pointingReference" style="width: 100%;"/>
<div class="obs-config-command-button-group">
<CommandButton
class="is-small obs-config-command-button"
admin
:data="obs_configure_pointing_reference_on"
>Enable</CommandButton>
<CommandButton
class="button admin is-small obs-config-command-button"
admin
:data="obs_configure_pointing_reference_off"
>Disable</CommandButton>
</div>
</div>

</div>

<div class="obs-config-box" style="padding-bottom: calc(1em - 11.25px); justify-content: space-between;">
<UiSyncControls />
<div style="width: 1px; height: 30px; border-left: 1px solid grey; margin: 0 1em;" />
<div
class="obs-config-box"
style="padding-bottom: calc(1em - 11.25px); justify-content: space-between;"
>
<!--
<UiSyncControls />
<div style="width: 1px; height: 30px; border-left: 1px solid grey; margin: 0 1em;" />
-->
<NightLog :site="sitecode" />
</div>

Expand All @@ -189,6 +55,223 @@
<command-tabs-wide class="command-tabs-wide is-hidden-touch" />
</b-tab-item>

<b-tab-item
v-if="userIsAdmin"
label="telescope config"
:value="'telescope config'"
>
<div
class="obs-config-box"
>
<div class="obs-config-control-group">
<div class="obs-config-title">
Manual Telescope
</div>
<StatusVal
:status-item="scopeInManualMode"
style="width: 100%;"
/>
<div class="obs-config-command-button-group">
<CommandButton
class="is-small obs-config-command-button"
admin
:data="obs_set_scope_to_manual_mode"
>
Set Manual
</CommandButton>
<CommandButton
class="button admin is-small obs-config-command-button"
admin
:data="obs_set_scope_to_automatic_mode"
>
Set Auto
</CommandButton>
</div>
</div>

<div class="obs-config-control-group">
<div class="obs-config-title">
Sun Safety
</div>
<StatusVal
:status-item="sunSafetyMode"
style="width: 100%;"
/>
<div class="obs-config-command-button-group">
<CommandButton
class="is-small obs-config-command-button"
admin
:data="obs_configure_sun_safety_on"
>
Enable
</CommandButton>
<CommandButton
class="button admin is-small obs-config-command-button"
admin
:data="obs_configure_sun_safety_off"
>
Disable
</CommandButton>
</div>
</div>

<div class="obs-config-control-group">
<div class="obs-config-title">
Moon Safety
</div>
<StatusVal
:status-item="moonSafetyMode"
style="width: 100%;"
/>
<div class="obs-config-command-button-group">
<CommandButton
class="is-small obs-config-command-button"
admin
:data="obs_configure_moon_safety_on"
>
Enable
</CommandButton>
<CommandButton
class="button admin is-small obs-config-command-button"
admin
:data="obs_configure_moon_safety_off"
>
Disable
</CommandButton>
</div>
</div>

<div class="obs-config-control-group">
<div class="obs-config-title">
Altitude Safety
</div>
<StatusVal
:status-item="altitudeSafetyMode"
style="width: 100%;"
/>
<div class="obs-config-command-button-group">
<CommandButton
class="is-small obs-config-command-button"
admin
:data="obs_configure_altitude_safety_on"
>
Enable
</CommandButton>
<CommandButton
class="button admin is-small obs-config-command-button"
admin
:data="obs_configure_altitude_safety_off"
>
Disable
</CommandButton>
</div>
</div>
<div class="obs-config-control-group">
<div class="obs-config-title">
Daytime Safety
</div>
<StatusVal
:status-item="daytimeExposureSafetyMode"
style="width: 100%;"
/>
<div class="obs-config-command-button-group">
<CommandButton
class="is-small obs-config-command-button"
admin
:data="obs_configure_daytime_exposure_safety_on"
>
Enable
</CommandButton>
<CommandButton
class="button admin is-small obs-config-command-button"
admin
:data="obs_configure_daytime_exposure_safety_off"
>
Disable
</CommandButton>
</div>
</div>

<div class="obs-config-control-group">
<div class="obs-config-title">
Simulate Open Roof
</div>
<StatusVal
:status-item="simulatingOpenRoof"
style="width: 100%;"
/>
<div class="obs-config-command-button-group">
<CommandButton
class="is-small obs-config-command-button"
admin
:data="obs_start_simulating_open_roof"
>
Start
</CommandButton>
<CommandButton
class="button admin is-small obs-config-command-button"
admin
:data="obs_stop_simulating_open_roof"
>
Stop
</CommandButton>
</div>
</div>

<div class="obs-config-control-group">
<div class="obs-config-title">
Who Can Operate
</div>
<StatusVal
:status-item="adminOwnerCommandsOnly"
style="width: 100%;"
/>
<div class="obs-config-command-button-group">
<CommandButton
class="is-small obs-config-command-button"
admin
:data="obs_configure_admin_owner_commands_only_true"
>
Owner
</CommandButton>
<CommandButton
class="button admin is-small obs-config-command-button"
admin
:data="obs_configure_admin_owner_commands_only_false"
>
Anyone
</CommandButton>
</div>
</div>

<div class="obs-config-control-group">
<div class="obs-config-title">
Pointing Reference
</div>
<StatusVal
:status-item="pointingReference"
style="width: 100%;"
/>
<div class="obs-config-command-button-group">
<CommandButton
class="is-small obs-config-command-button"
admin
:data="obs_configure_pointing_reference_on"
>
Enable
</CommandButton>
<CommandButton
class="button admin is-small obs-config-command-button"
admin
:data="obs_configure_pointing_reference_off"
>
Disable
</CommandButton>
</div>
</div>
</div>
</b-tab-item>

<b-tab-item
label="analysis"
class="analysis-tab-item"
Expand Down
Loading