Add navigation helpers to Account and Profile sections

This commit is contained in:
2023-04-18 16:48:28 -04:00
parent 166295e046
commit a82a658922
54 changed files with 65 additions and 26 deletions

View File

@ -18,7 +18,7 @@
@import url('/global.css');
#add {
padding: 15px 15px 15px;
padding: 0 15px 15px;
}
tbody:not(.lmc-tbody-head) tr td:first-of-type {

View File

@ -27,6 +27,7 @@ along with Linode Manager Classic. If not, see <https://www.gnu.org/licenses/>.
<!--#include virtual="/include/header.html"-->
<!--#include virtual="/include/account_subnav.html"-->
<div id="main-content" class="wrapper">
<div id="top-links"><a href="/account">Account</a> » <a href="/user">Users</a> » <span class="top-links-title">Add</span></div>
<div id="add">
<table class="lmc-table">
<thead>

View File

@ -18,7 +18,7 @@
@import url('/global.css');
#edit {
padding: 15px 15px 15px;
padding: 0 15px 15px;
}
tbody:not(.lmc-tbody-head) tr td:first-of-type {

View File

@ -25,6 +25,7 @@ import { settings, elements, apiGet, apiPut, md5, parseParams, setupHeader } fro
elements.restrictedNo = "restricted-no";
elements.restrictedYes = "restricted-yes";
elements.saveButton = "save-button";
elements.topUserLabel = "top-user-label";
elements.user = "user";
elements.userLabel = "user-label";
@ -38,6 +39,7 @@ import { settings, elements, apiGet, apiPut, md5, parseParams, setupHeader } fro
ui.restrictedNo = {};
ui.restrictedYes = {};
ui.saveButton = {};
ui.topUserLabel = {};
ui.user = {};
ui.userLabel = {};
@ -98,10 +100,12 @@ import { settings, elements, apiGet, apiPut, md5, parseParams, setupHeader } fro
ui.restrictedNo = document.getElementById(elements.restrictedNo);
ui.restrictedYes = document.getElementById(elements.restrictedYes);
ui.saveButton = document.getElementById(elements.saveButton);
ui.topUserLabel = document.getElementById(elements.topUserLabel);
ui.user = document.getElementById(elements.user);
ui.userLabel = document.getElementById(elements.userLabel);
// Populate username where we need it
ui.topUserLabel.innerHTML = data.params.user;
ui.userLabel.innerHTML = data.params.user;
ui.pwReset.href += data.params.user;
document.title += " - " + data.params.user;

View File

@ -27,6 +27,7 @@ along with Linode Manager Classic. If not, see <https://www.gnu.org/licenses/>.
<!--#include virtual="/include/header.html"-->
<!--#include virtual="/include/account_subnav.html"-->
<div id="main-content" class="wrapper">
<div id="top-links"><a href="/account">Account</a> » <a href="/user">Users</a> » <span id="top-user-label" class="top-links-title"></span></div>
<div id="edit">
<table class="lmc-table">
<thead>

View File

@ -18,7 +18,7 @@
@import url('/global.css');
#grants {
padding: 15px 15px 15px;
padding: 0 15px 15px;
}
h2 {

View File

@ -40,6 +40,7 @@ import { settings, elements, apiGet, apiPut, parseParams, setupHeader } from "/g
elements.grantTables.stackscript = "ss-grants";
elements.grantTables.volume = "volume-grants";
elements.modifyLV = "modify-lv";
elements.topUserLink = "top-user-link";
elements.updateButton = "update-button";
// Data received from API calls
@ -66,6 +67,7 @@ import { settings, elements, apiGet, apiPut, parseParams, setupHeader } from "/g
ui.grantTables.stackscript = {};
ui.grantTables.volume = {};
ui.modifyLV = {};
ui.topUserLink = {};
ui.updateButton = {};
// Creates a row for a grant table
@ -254,10 +256,13 @@ import { settings, elements, apiGet, apiPut, parseParams, setupHeader } from "/g
for (var i in ui.grantTables)
ui.grantTables[i] = document.getElementById(elements.grantTables[i]);
ui.modifyLV = document.getElementById(elements.modifyLV);
ui.topUserLink = document.getElementById(elements.topUserLink);
ui.updateButton = document.getElementById(elements.updateButton);
// Populate username where we need it
document.title += " - " + data.params.user;
ui.topUserLink.href = "/user/edit?user=" + data.params.user;
ui.topUserLink.innerHTML = data.params.user;
// Attach event handlers
ui.updateButton.addEventListener("click", handleUpdate);

View File

@ -27,6 +27,7 @@ along with Linode Manager Classic. If not, see <https://www.gnu.org/licenses/>.
<!--#include virtual="/include/header.html"-->
<!--#include virtual="/include/account_subnav.html"-->
<div id="main-content" class="wrapper">
<div id="top-links"><a href="/account">Account</a> » <a href="/user">Users</a> » <a id="top-user-link"></a> » <span class="top-links-title">Grants</span></div>
<div id="grants">
<h2>Global Grants</h2>
<input id="create-linode" type="checkbox" /> <label for="create-linode">Can add Linodes to this account ($)</label><br />

View File

@ -27,6 +27,7 @@ along with Linode Manager Classic. If not, see <https://www.gnu.org/licenses/>.
<!--#include virtual="/include/header.html"-->
<!--#include virtual="/include/account_subnav.html"-->
<div id="main-content" class="wrapper">
<div id="top-links"><a href="/account">Account</a> » <span class="top-links-title">Users</span></div>
<div id="user">
<table class="lmc-table">
<thead>

View File

@ -27,6 +27,7 @@ along with Linode Manager Classic. If not, see <https://www.gnu.org/licenses/>.
<!--#include virtual="/include/header.html"-->
<!--#include virtual="/include/account_subnav.html"-->
<div id="main-content" class="wrapper">
<div id="top-links"><a href="/account">Account</a> » <a href="/user">Users</a> » <a id="top-user-link" href=""></a> » <span class="top-links-title">Remove</span></div>
<div id="remove">
<p>Are you sure you want to delete the user '<span id="user-label"></span>'?</p>
<button id="delete-button" type="button">Yes, Delete!</button> <button id="cancel-button" type="button">Cancel</button>

View File

@ -18,5 +18,5 @@
@import url('/global.css');
#remove {
padding: 15px 15px 15px;
padding: 0 15px 15px;
}

View File

@ -22,6 +22,7 @@ import { settings, elements, apiDelete, parseParams, setupHeader } from "/global
// Element names specific to this page
elements.cancelButton = "cancel-button";
elements.deleteButton = "delete-button";
elements.topUserLink = "top-user-link";
elements.userLabel = "user-label";
// Data received from API calls
@ -31,6 +32,7 @@ import { settings, elements, apiDelete, parseParams, setupHeader } from "/global
var ui = {};
ui.cancelButton = {};
ui.deleteButton = {};
ui.topUserLink = {};
ui.userLabel = {};
// Click handler for delete button
@ -66,9 +68,12 @@ import { settings, elements, apiDelete, parseParams, setupHeader } from "/global
// Get element references
ui.cancelButton = document.getElementById(elements.cancelButton);
ui.deleteButton = document.getElementById(elements.deleteButton);
ui.topUserLink = document.getElementById(elements.topUserLink);
ui.userLabel = document.getElementById(elements.userLabel);
// Populate username where we need it
ui.topUserLink.href = "/user/edit?user=" + data.params.user;
ui.topUserLink.innerHTML = data.params.user;
ui.userLabel.innerHTML = data.params.user;
// Attach event handlers

View File

@ -28,5 +28,5 @@ td:nth-of-type(4) {
}
#user {
padding: 15px 15px 15px;
padding: 0 15px 15px;
}