Added simplified mode and disabled not useful buttons

This commit is contained in:
Pax1601
2024-01-01 18:19:56 +01:00
parent c9dc5eb2f5
commit bf93b8e90a
9 changed files with 98 additions and 21 deletions

View File

@@ -29,7 +29,7 @@
</style>
<div id="manager-connections">
<div class="step-summary">
<div class="blue <%= !install? 'hide': '' %>">User path</div>
<div class="blue <%= !install || simplified? 'hide': '' %>">User path</div>
<div class="white">Ports and address</div>
<div class="empty">Passwords</div>
<div class="empty"> <%= install? 'Install': 'Update' %></div>
@@ -75,15 +75,19 @@
<input type="text" value="<%= instance["backendAddress"] %>">
</div>
<div class="buttons-footer">
<% if (!simplified) { %>
<div class="button back">
Back
</div>
<% } %>
<div class="button next">
Next
</div>
</div>
<% if (!simplified) { %>
<div class="button cancel">
Cancel installation
</div>
<% } %>
</div>
</div>

View File

@@ -55,6 +55,8 @@
align-items: center;
border-radius: 5px;
cursor: pointer;
background-color: transparent;
color: var(--offwhite);
}
#manager-menu .option:hover {
@@ -62,6 +64,12 @@
background-color: var(--offwhite);
}
#manager-menu .option.disabled {
pointer-events: none;
color: var(--darkgray);
border-color: var(--darkgray);
}
#manager-menu .option * {
pointer-events: none;
}
@@ -74,14 +82,14 @@
<div>Using this manager, you can install Olympus, update settings, and view and manage instances</div>
</div>
<div id="menu">
<div class="option install">
<div class="option install <%= installEnabled? '': 'disabled' %>">
Install Olympus
</div>
<div class="option update">
<div class="option update <%= updateEnabled? '': 'disabled' %>">
Update/remove Olympus
</div>
<div class="option divider"></div>
<div class="option manage">
<div class="option manage <%= manageEnabled? '': 'disabled' %>">
View and manage instances
</div>
</div>

View File

@@ -3,7 +3,7 @@
</style>
<div id="manager-passwords">
<div class="step-summary">
<div class="blue <%= !install? 'hide': '' %>">User path</div>
<div class="blue <%= !install || simplified? 'hide': '' %>">User path</div>
<div class="blue">Ports and address</div>
<div class="white">Passwords</div>
<div class="empty"> <%= install? 'Install': 'Update' %></div>
@@ -41,8 +41,10 @@
Next
</div>
</div>
<% if (!simplified) { %>
<div class="button cancel">
Cancel installation
</div>
<% } %>
</div>
</div>