149 lines
4.4 KiB
JavaScript
149 lines
4.4 KiB
JavaScript
|
/*
|
||
|
* This file is part of Linode Manager Classic.
|
||
|
*
|
||
|
* Linode Manager Classic is free software: you can redistribute it and/or modify
|
||
|
* it under the terms of the GNU General Public License as published by
|
||
|
* the Free Software Foundation, either version 3 of the License, or
|
||
|
* (at your option) any later version.
|
||
|
*
|
||
|
* Linode Manager Classic is distributed in the hope that it will be useful,
|
||
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||
|
* GNU General Public License for more details.
|
||
|
*
|
||
|
* You should have received a copy of the GNU General Public License
|
||
|
* along with Linode Manager Classic. If not, see <https://www.gnu.org/licenses/>.
|
||
|
*/
|
||
|
|
||
|
import { settings, elements, apiGet, md5, parseParams, setupHeader } from "/global.js";
|
||
|
|
||
|
(function()
|
||
|
{
|
||
|
// Element names specific to this page
|
||
|
elements.info = "info";
|
||
|
elements.lmcRow = "lmc-tr1";
|
||
|
elements.lmcRowAlt = "lmc-tr2";
|
||
|
elements.loading = "loading";
|
||
|
elements.navlinkActive = "navlink-active";
|
||
|
elements.profileImg = "profile-img";
|
||
|
elements.userTable = "user-table";
|
||
|
|
||
|
// Data received from API calls
|
||
|
var data = {};
|
||
|
data.users = [];
|
||
|
|
||
|
// Static references to UI elements
|
||
|
var ui = {};
|
||
|
ui.loading = {};
|
||
|
ui.userTable = {};
|
||
|
|
||
|
// Generates a user table row
|
||
|
var createUserRow = function(user, alt)
|
||
|
{
|
||
|
var row = document.createElement("tr");
|
||
|
if (alt)
|
||
|
row.className = elements.lmcRowAlt;
|
||
|
else
|
||
|
row.className = elements.lmcRow;
|
||
|
|
||
|
var nameCell = document.createElement("td");
|
||
|
var imgLink = document.createElement("a");
|
||
|
imgLink.href = "/user/edit?user=" + user.username;
|
||
|
var img = document.createElement("img");
|
||
|
img.className = elements.profileImg;
|
||
|
img.src = "https://www.gravatar.com/avatar/" + md5(user.email);
|
||
|
img.alt = user.username;
|
||
|
imgLink.appendChild(img);
|
||
|
var separator = document.createElement("span");
|
||
|
separator.innerHTML = " ";
|
||
|
var nameLink = document.createElement("a");
|
||
|
nameLink.href = "/user/edit?user=" + user.username;
|
||
|
nameLink.innerHTML = user.username;
|
||
|
nameCell.appendChild(imgLink);
|
||
|
nameCell.appendChild(separator);
|
||
|
nameCell.appendChild(nameLink);
|
||
|
row.appendChild(nameCell);
|
||
|
|
||
|
var email = document.createElement("td");
|
||
|
email.innerHTML = user.email;
|
||
|
row.appendChild(email);
|
||
|
|
||
|
var restricted = document.createElement("td");
|
||
|
if (user.restricted) {
|
||
|
var yes = document.createElement("span");
|
||
|
yes.innerHTML = "Yes (";
|
||
|
var permsLink = document.createElement("a");
|
||
|
permsLink.href = "/user/grants?user=" + user.username;
|
||
|
permsLink.innerHTML = "edit permissions";
|
||
|
var close = document.createElement("span");
|
||
|
close.innerHTML = ")";
|
||
|
restricted.appendChild(yes);
|
||
|
restricted.appendChild(permsLink);
|
||
|
restricted.appendChild(close);
|
||
|
} else {
|
||
|
restricted.innerHTML = "No";
|
||
|
}
|
||
|
row.appendChild(restricted);
|
||
|
|
||
|
var options = document.createElement("td");
|
||
|
var editLink = document.createElement("a");
|
||
|
editLink.href = "/user/edit?user=" + user.username;
|
||
|
editLink.innerHTML = "Edit";
|
||
|
var pipe = document.createElement("span");
|
||
|
pipe.innerHTML = " | ";
|
||
|
var removeLink = document.createElement("a");
|
||
|
removeLink.href = "/user/remove?user=" + user.username;
|
||
|
removeLink.innerHTML = "Remove";
|
||
|
options.appendChild(editLink);
|
||
|
options.appendChild(pipe);
|
||
|
options.appendChild(removeLink);
|
||
|
row.appendChild(options);
|
||
|
|
||
|
return row;
|
||
|
};
|
||
|
|
||
|
// Callback for users API call
|
||
|
var displayUsers = function(response)
|
||
|
{
|
||
|
data.users = data.users.concat(response.data);
|
||
|
|
||
|
// Request the next page if there are more
|
||
|
if (response.page != response.pages) {
|
||
|
apiGet("/account/users?page=" + (response.page + 1), displayUsers, null);
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
ui.loading.remove();
|
||
|
|
||
|
// Add users to table
|
||
|
for (var i = 0; i < data.users.length; i++)
|
||
|
ui.userTable.appendChild(createUserRow(data.users[i], ui.userTable.children.length % 2));
|
||
|
};
|
||
|
|
||
|
// Initial setup
|
||
|
var setup = function()
|
||
|
{
|
||
|
// Parse URL parameters
|
||
|
data.params = parseParams();
|
||
|
|
||
|
setupHeader();
|
||
|
|
||
|
// Highlight the account nav link
|
||
|
var navlinks = document.getElementsByClassName(elements.navlink);
|
||
|
for (var i = 0; i < navlinks.length; i++) {
|
||
|
if (navlinks[i].pathname == "/account/")
|
||
|
navlinks[i].className = " " + elements.navlinkActive;
|
||
|
}
|
||
|
|
||
|
// Get element references
|
||
|
ui.loading = document.getElementById(elements.loading);
|
||
|
ui.userTable = document.getElementById(elements.userTable);
|
||
|
|
||
|
// Get data from API
|
||
|
apiGet("/account/users", displayUsers, null);
|
||
|
};
|
||
|
|
||
|
// Attach onload handler
|
||
|
window.addEventListener("load", setup);
|
||
|
})();
|