brad/lmc
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Compare commits

base: brad:b1f190d65a5f52916914170d9fbc6393a8eed404
Branches Tags
brad:main
..
compare: brad:4c4db6a734df0172d6289d4a6923fdc09d3f6784
Branches Tags
brad:main

No commits in common. "b1f190d65a5f52916914170d9fbc6393a8eed404" and "4c4db6a734df0172d6289d4a6923fdc09d3f6784" have entirely different histories.
b1f190d65a ... 4c4db6a734

21 changed files with 107 additions and 333 deletions
Show Stats Expand all files Collapse all files

62
global.js
View File

@ -35,38 +35,36 @@ var elements = {
"username": "username"
};
// Region names for legacy DCs no longer in the API
// Regions (Linode doesn't provide "friendly" names via the API)
var regionNames = {
"us-east-1b": "Newark 2, NJ",
"philadelphia": "Philadelphia, PA",
"absecon": "Absecon, NJ"
};
// Group contries into regions for easier selection
var countryContinents = {
"us": "na",
"gb": "eu",
"jp": "ap",
"sg": "ap",
"de": "eu",
"in": "ap",
"ca": "na",
"au": "ap",
"fr": "eu",
"br": "sa",
"nl": "eu",
"se": "eu",
"es": "eu",
"it": "eu",
"id": "ap",
"nz": "ap",
"pl": "eu",
"za": "af",
"my": "ap",
"hk": "ap",
"co": "sa",
"mx": "na",
"cl": "sa"
"us-central": "Dallas, TX, USA",
"us-west": "Fremont, CA, USA",
"us-southeast": "Atlanta, GA, USA",
"us-east": "Newark, NJ, USA",
"us-east-1b": "Newark 2, NJ, USA",
"eu-west": "London, England, UK",
"ap-south": "Singapore, SG",
"eu-central": "Frankfurt, DE",
"ap-northeast": "Tokyo, JP",
"ap-northeast-1a": "Tokyo 2, JP",
"ca-central": "Toronto, ON, CA",
"ap-west": "Mumbai, IN",
"ap-southeast": "Sydney, NSW, AU",
"philadelphia": "Philadelphia, PA, USA",
"absecon": "Absecon, NJ, USA",
"us-iad": "Washington DC, USA",
"us-ord": "Chicago, IL, USA",
"fr-par": "Paris, FR",
"in-maa": "Chennai, IN",
"us-sea": "Seattle, WA, USA",
"br-gru": "San Paulo, BR",
"nl-ams": "Amsterdam, NL",
"se-sto": "Stockholm, SE",
"jp-osa": "Osaka, JP",
"it-mil": "Milan, IT",
"id-cgk": "Jakarta, ID",
"us-lax": "Los Angeles, CA, USA",
"us-mia": "Miami, FL, USA"
};
// Human-readable event titles
@ -864,4 +862,4 @@ function translateKernel(slug, element)
apiGet("/linode/kernels/" + slug, callback, null);
}
export { settings, elements, regionNames, countryContinents, apiDelete, apiGet, apiPost, apiPut, drawSeries, md5, migrateETA, oauthPost, oauthScopes, objPut, parseParams, setupHeader, eventTitles, timeString, translateKernel };
export { settings, elements, regionNames, apiDelete, apiGet, apiPost, apiPut, drawSeries, md5, migrateETA, oauthPost, oauthScopes, objPut, parseParams, setupHeader, eventTitles, timeString, translateKernel };

2
images/create/create.js
View File

@ -15,7 +15,7 @@
* along with Linode Manager Classic. If not, see <https://www.gnu.org/licenses/>.
*/
import { settings, elements, apiGet, apiPost, parseParams, setupHeader, timeString } from "/global.js";
import { settings, elements, regionNames, apiGet, apiPost, parseParams, setupHeader, timeString } from "/global.js";
(function()
{

2
images/delete/delete.js
View File

@ -15,7 +15,7 @@
* along with Linode Manager Classic. If not, see <https://www.gnu.org/licenses/>.
*/
import { settings, elements, apiGet, apiDelete, parseParams, setupHeader, timeString } from "/global.js";
import { settings, elements, regionNames, apiGet, apiDelete, parseParams, setupHeader, timeString } from "/global.js";
(function()
{

2
images/edit/edit.js
View File

@ -15,7 +15,7 @@
* along with Linode Manager Classic. If not, see <https://www.gnu.org/licenses/>.
*/
import { settings, elements, apiGet, apiPut, parseParams, setupHeader, timeString } from "/global.js";
import { settings, elements, regionNames, apiGet, apiPut, parseParams, setupHeader, timeString } from "/global.js";
(function()
{

2
images/images.js
View File

@ -15,7 +15,7 @@
* along with Linode Manager Classic. If not, see <https://www.gnu.org/licenses/>.
*/
import { settings, elements, apiGet, parseParams, setupHeader, timeString } from "/global.js";
import { settings, elements, regionNames, apiGet, parseParams, setupHeader, timeString } from "/global.js";
(function()
{

9
images/upload/index.shtml
View File

@ -46,14 +46,7 @@ along with Linode Manager Classic. If not, see <https://www.gnu.org/licenses/>.
</tr>
<tr class="lmc-tr3">
<td>Region</td>
<td><select id="region">
<optgroup id="na" label="North America"></optgroup>
<optgroup id="eu" label="Europe"></optgroup>
<optgroup id="ap" label="Asia/Pacific"></optgroup>
<optgroup id="sa" label="South America"></optgroup>
<optgroup id="af" label="Africa"></optgroup>
<optgroup id="dc-other" label="Other"></optgroup>
</select></td>
<td><select id="region"></select></td>
<td class="info">
For fastest initial upload, select the region that is geographically closest to you.<br />
Once uploaded you will be able to deploy the image to other regions.

4
images/upload/upload.css
View File

@ -17,10 +17,6 @@
@import url('/global.css');
optgroup {
display: none;
}
.step-2 {
display: none;
}

17
images/upload/upload.js
View File

@ -15,12 +15,11 @@
* along with Linode Manager Classic. If not, see <https://www.gnu.org/licenses/>.
*/
import { settings, elements, regionNames, countryContinents, apiGet, apiPost, objPut, parseParams, setupHeader } from "/global.js";
import { settings, elements, regionNames, apiGet, apiPost, objPut, parseParams, setupHeader } from "/global.js";
(function()
{
// Element names specific to this page
elements.dcOther = "dc-other";
elements.description = "description";
elements.imageFile = "image-file";
elements.label = "label";
@ -36,7 +35,6 @@ import { settings, elements, regionNames, countryContinents, apiGet, apiPost, ob
// Static references to UI elements
var ui = {};
ui.dcOther = {};
ui.description = {};
ui.imageFile = {};
ui.label = {};
@ -51,19 +49,11 @@ import { settings, elements, regionNames, countryContinents, apiGet, apiPost, ob
for (var i = 0; i < response.data.length; i++) {
var dc = document.createElement("option");
dc.value = response.data[i].id;
if (response.data[i].label && response.data[i].label.length)
dc.innerHTML = response.data[i].label;
else if (regionNames[response.data[i].id])
if (regionNames[response.data[i].id])
dc.innerHTML = regionNames[response.data[i].id];
else
dc.innerHTML = response.data[i].id;
var optgroup = null;
if (countryContinents[response.data[i].country])
optgroup = document.getElementById(countryContinents[response.data[i].country]);
if (!optgroup)
optgroup = ui.dcOther;
optgroup.style.display = "initial";
optgroup.appendChild(dc);
ui.region.appendChild(dc);
}
ui.nextButton.disabled = false;
@ -136,7 +126,6 @@ import { settings, elements, regionNames, countryContinents, apiGet, apiPost, ob
}
// Get element references
ui.dcOther = document.getElementById(elements.dcOther);
ui.description = document.getElementById(elements.description);
ui.imageFile = document.getElementById(elements.imageFile);
ui.label = document.getElementById(elements.label);

4
linodes/add/add.css
View File

@ -89,10 +89,6 @@ h3 {
padding: 15px;
}
optgroup {
display: none;
}
#right-links {
float: right;
}

21
linodes/add/add.js
View File

@ -15,14 +15,13 @@
* along with Linode Manager Classic. If not, see <https://www.gnu.org/licenses/>.
*/
import { settings, elements, regionNames, countryContinents, apiGet, apiPost, parseParams, setupHeader } from "/global.js";
import { settings, elements, regionNames, apiGet, apiPost, parseParams, setupHeader } from "/global.js";
(function()
{
// Element names specific to this page
elements.addButton = "add-button";
elements.datacenters = "datacenters";
elements.dcOther = "dc-other";
elements.instanceType = "instance-type";
elements.instanceTypeActive = "instance-type-active";
@ -34,7 +33,6 @@ import { settings, elements, regionNames, countryContinents, apiGet, apiPost, pa
// Static references to UI elements
var ui = {};
ui.datacenters = {};
ui.dcOther = {};
var createLinodeTypeButton = function(type)
{
@ -69,26 +67,16 @@ import { settings, elements, regionNames, countryContinents, apiGet, apiPost, pa
for (var i = 0; i < response.data.length; i++) {
var dc = document.createElement("option");
dc.value = response.data[i].id;
if (response.data[i].label && response.data[i].label.length)
dc.innerHTML = response.data[i].label;
else if (regionNames[response.data[i].id])
if (regionNames[response.data[i].id])
dc.innerHTML = regionNames[response.data[i].id];
else
dc.innerHTML = response.data[i].id;
var optgroup = null;
if (countryContinents[response.data[i].country])
optgroup = document.getElementById(countryContinents[response.data[i].country]);
if (!optgroup)
optgroup = ui.dcOther;
optgroup.style.display = "initial";
optgroup.appendChild(dc);
ui.datacenters.appendChild(dc);
}
// Request the next page if there are more pages
if (response.page != response.pages) {
if (response.page != response.pages)
apiGet("/regions?page=" + (response.page + 1), displayRegions, null);
return;
}
};
var displayTypes = function(response)
@ -147,7 +135,6 @@ import { settings, elements, regionNames, countryContinents, apiGet, apiPost, pa
data.params = parseParams();
ui.datacenters = document.getElementById(elements.datacenters);
ui.dcOther = document.getElementById(elements.dcOther);
// Register add button handler
document.getElementById(elements.addButton).addEventListener("click", handleAddLinode);

9
linodes/add/index.shtml
View File

@ -65,14 +65,7 @@ along with Linode Manager Classic. If not, see <https://www.gnu.org/licenses/>.
</div>
<div id="location">
<h2>Location</h2>
<select id="datacenters">
<optgroup id="na" label="North America"></optgroup>
<optgroup id="eu" label="Europe"></optgroup>
<optgroup id="ap" label="Asia/Pacific"></optgroup>
<optgroup id="sa" label="South America"></optgroup>
<optgroup id="af" label="Africa"></optgroup>
<optgroup id="dc-other" label="Other"></optgroup>
</select>
<select id="datacenters"></select>
</div>
<div id="submit">
<button id="add-button" type="button">Add this Linode!</button>

54
linodes/backup_details/backup_details.js
View File

@ -50,7 +50,6 @@ import { settings, elements, apiGet, apiPost, parseParams, regionNames, setupHea
data.backup = {};
data.linode = {};
data.linodes = [];
data.region = {};
data.types = [];
// Static references to UI elements
@ -90,7 +89,6 @@ import { settings, elements, apiGet, apiPost, parseParams, regionNames, setupHea
var plan = document.createElement("td");
if (linode.type) {
plan.innerHTML = linode.type;
for (var i = 0; i < data.types.length; i++) {
if (data.types[i].id == linode.type) {
plan.innerHTML = data.types[i].label;
@ -105,9 +103,7 @@ import { settings, elements, apiGet, apiPost, parseParams, regionNames, setupHea
row.appendChild(plan);
var location = document.createElement("td");
if (data.region.label && data.region.label.length)
location.innerHTML = data.region.label;
else if (regionNames[linode.region])
if (regionNames[linode.region])
location.innerHTML = regionNames[linode.region];
else
location.innerHTML = linode.region;
@ -140,15 +136,6 @@ import { settings, elements, apiGet, apiPost, parseParams, regionNames, setupHea
ui.backupType.innerHTML = data.backup.type;
if (regionNames[data.backup.region]) {
ui.backupLocation.innerHTML = regionNames[data.backup.region];
ui.destLocation.innerHTML = regionNames[data.backup.region];
} else {
ui.backupLocation.innerHTML = data.backup.region;
ui.destLocation.innerHTML = data.backup.region;
}
apiGet("/regions/" + data.backup.region, displayRegion, null);
for (var i = 0; i < data.backup.configs.length; i++) {
var li = document.createElement("li");
li.innerHTML = data.backup.configs[i];
@ -165,7 +152,7 @@ import { settings, elements, apiGet, apiPost, parseParams, regionNames, setupHea
ui.backupSize.innerHTML = data.backup.totalSize + " MB";
if (state.haveTypes)
if (state.haveTypes && data.linode.id)
insertTypes();
};
@ -182,6 +169,18 @@ import { settings, elements, apiGet, apiPost, parseParams, regionNames, setupHea
ui.linodeTagLink.innerHTML = "(" + data.linode.tags[0] + ")";
ui.linodeTag.style.display = "inline";
}
// Display location
if (regionNames[data.linode.region]) {
ui.backupLocation.innerHTML = regionNames[data.linode.region];
ui.destLocation.innerHTML = regionNames[data.linode.region];
} else {
ui.backupLocation.innerHTML = data.linode.region;
ui.destLocation.innerHTML = data.linode.region;
}
if (state.haveTypes && data.backup.id)
insertTypes();
};
// Callback for linode disks API call
@ -239,7 +238,7 @@ import { settings, elements, apiGet, apiPost, parseParams, regionNames, setupHea
// Request the next page if there are more pages
if (response.page != response.pages) {
var filter = {
"region": data.backup.region
"region": data.linode.region
};
apiGet("/linode/instances?page=" + (response.page + 1), displayLinodes, filter);
return;
@ -255,17 +254,6 @@ import { settings, elements, apiGet, apiPost, parseParams, regionNames, setupHea
}
};
// Callback for region API call
var displayRegion = function(response)
{
data.region = response;
if (data.region.label && data.region.label.length) {
ui.backupLocation.innerHTML = response.label;
ui.destLocation.innerHTML = response.label;
}
};
// Callback for linode types API call
var displayTypes = function(response)
{
@ -279,7 +267,7 @@ import { settings, elements, apiGet, apiPost, parseParams, regionNames, setupHea
}
state.haveTypes = true;
if (data.backup.id)
if (data.backup.id && data.linode.id)
insertTypes();
};
@ -307,7 +295,7 @@ import { settings, elements, apiGet, apiPost, parseParams, regionNames, setupHea
var req = {
"label": ui.destLabel.value,
"type": ui.destPlan.value,
"region": data.backup.region,
"region": data.linode.region,
"backup_id": data.backup.id
};
var callback = function(response)
@ -360,11 +348,11 @@ import { settings, elements, apiGet, apiPost, parseParams, regionNames, setupHea
ui.destPlan.appendChild(option);
}
updateSpace(null);
updatePrice(null);
ui.newLinode.disabled = false;
var filter = {
"region": data.backup.region
"region": data.linode.region
};
apiGet("/linode/instances", displayLinodes, filter);
};
@ -422,7 +410,7 @@ import { settings, elements, apiGet, apiPost, parseParams, regionNames, setupHea
ui.newLinode = document.getElementById(elements.newLinode);
// Register event handlers
ui.destPlan.addEventListener("input", updateSpace);
ui.destPlan.addEventListener("input", updatePrice);
ui.newLinode.addEventListener("click", handleCreate);
// Get data from API
@ -443,7 +431,7 @@ import { settings, elements, apiGet, apiPost, parseParams, regionNames, setupHea
};
// Update the price display
var updateSpace = function(event)
var updatePrice = function(event)
{
// Find the selected type
var type = null;

71
linodes/clone/clone.js
View File

@ -15,7 +15,7 @@
* along with Linode Manager Classic. If not, see <https://www.gnu.org/licenses/>.
*/
import { settings, elements, apiGet, apiPost, countryContinents, migrateETA, parseParams, regionNames, setupHeader, translateKernel } from "/global.js";
import { settings, elements, apiGet, apiPost, migrateETA, parseParams, regionNames, setupHeader, translateKernel } from "/global.js";
(function()
{
@ -25,7 +25,6 @@ import { settings, elements, apiGet, apiPost, countryContinents, migrateETA, par
elements.configDiskRow = "config-disk-row";
elements.configsNone = "configs-none";
elements.configTable = "config-table-body";
elements.dcOther = "dc-other";
elements.destBackups = "dest-backups";
elements.destBackupsPrice = "dest-backups-price";
elements.destLabel = "dest-label";
@ -55,7 +54,6 @@ import { settings, elements, apiGet, apiPost, countryContinents, migrateETA, par
data.configs = [];
data.disks = [];
data.linode = {};
data.regions = [];
data.types = [];
// Static references to UI elements
@ -64,7 +62,6 @@ import { settings, elements, apiGet, apiPost, countryContinents, migrateETA, par
ui.configCloneTable = {};
ui.configsNone = {};
ui.configTable = {};
ui.dcOther = {};
ui.destBackups = {};
ui.destBackupsPrice = {};
ui.destLabel = {};
@ -244,17 +241,7 @@ import { settings, elements, apiGet, apiPost, countryContinents, migrateETA, par
}
// Display the source location
var region = null;
for (var i = 0; i < data.regions.length; i++) {
if (data.regions[i].id == data.linode.region) {
region = data.regions[i];
break;
}
}
if (region && region.label && region.label.length)
ui.sourceLocation.innerHTML = region.label;
else if (regionNames[data.linode.region])
if (regionNames[data.linode.region])
ui.sourceLocation.innerHTML = regionNames[data.linode.region];
else
ui.sourceLocation.innerHTML = data.linode.region;
@ -303,8 +290,25 @@ import { settings, elements, apiGet, apiPost, countryContinents, migrateETA, par
// Callback for regions API call
var displayRegions = function(response)
{
// Add regions to array
data.regions = data.regions.concat(response.data);
for (var i = 0; i < response.data.length; i++) {
// Add regions to selector
var dc = document.createElement("option");
dc.value = response.data[i].id;
if (regionNames[response.data[i].id])
dc.innerHTML = regionNames[response.data[i].id];
else
dc.innerHTML = response.data[i].id;
ui.destLocation.appendChild(dc);
// Add optgroups to linode selector
var optgroup = document.createElement("optgroup");
optgroup.id = response.data[i].id;
if (regionNames[response.data[i].id])
optgroup.label = regionNames[response.data[i].id];
else
optgroup.label = response.data[i].label;
ui.destLinode.appendChild(optgroup);
}
// Request the next page if there are more pages
if (response.page != response.pages) {
@ -312,37 +316,6 @@ import { settings, elements, apiGet, apiPost, countryContinents, migrateETA, par
return;
}
for (var i = 0; i < data.regions.length; i++) {
// Add regions to selector
var dc = document.createElement("option");
dc.value = data.regions[i].id;
if (data.regions[i].label && data.regions[i].label.length)
dc.innerHTML = data.regions[i].label;
else if (regionNames[data.regions[i].id])
dc.innerHTML = regionNames[data.regions[i].id];
else
dc.innerHTML = data.regions[i].id;
var group = null;
if (countryContinents[data.regions[i].country])
group = document.getElementById(countryContinents[data.regions[i].country]);
if (!group)
group = ui.dcOther;
group.style.display = "initial";
group.appendChild(dc);
// Add optgroups to linode selector
var optgroup = document.createElement("optgroup");
optgroup.id = data.regions[i].id;
if (data.regions[i].label && data.regions[i].label.length)
optgroup.label = data.regions[i].label;
else if (regionNames[data.regions[i].id])
optgroup.label = regionNames[data.regions[i].id];
else
optgroup.label = data.regions[i].label;
ui.destLinode.appendChild(optgroup);
}
apiGet("/linode/instances/" + data.params.lid, displayDetails, null);
apiGet("/linode/instances", displayLinodes, null);
};
@ -442,7 +415,6 @@ import { settings, elements, apiGet, apiPost, countryContinents, migrateETA, par
ui.configCloneTable = document.getElementById(elements.configCloneTable);
ui.configsNone = document.getElementById(elements.configsNone);
ui.configTable = document.getElementById(elements.configTable);
ui.dcOther = document.getElementById(elements.dcOther);
ui.destBackups = document.getElementById(elements.destBackups);
ui.destBackupsPrice = document.getElementById(elements.destBackupsPrice);
ui.destLabel = document.getElementById(elements.destLabel);
@ -470,6 +442,7 @@ import { settings, elements, apiGet, apiPost, countryContinents, migrateETA, par
ui.destPlan.addEventListener("input", updatePrices);
// Get data from API
apiGet("/linode/instances/" + data.params.lid, displayDetails, null);
apiGet("/linode/instances/" + data.params.lid + "/configs", displayConfigs, null);
apiGet("/linode/instances/" + data.params.lid + "/disks", displayDisks, null);
apiGet("/linode/types", displayTypes, null);

9
linodes/clone/index.shtml
View File

@ -142,14 +142,7 @@ along with Linode Manager Classic. If not, see <https://www.gnu.org/licenses/>.
</tr>
<tr class="lmc-tr3 new-linode">
<td>Location</td>
<td><select id="dest-location">
<optgroup id="na" label="North America"></optgroup>
<optgroup id="eu" label="Europe"></optgroup>
<optgroup id="ap" label="Asia/Pacific"></optgroup>
<optgroup id="sa" label="South America"></optgroup>
<optgroup id="af" label="Africa"></optgroup>
<optgroup id="dc-other" label="Other"></optgroup>
</select></td>
<td><select id="dest-location"></select></td>
</tr>
<tr class="lmc-tr3 new-linode">
<td>Plan</td>

78
linodes/linodes.js
View File

@ -48,7 +48,6 @@ import { settings, elements, regionNames, apiGet, parseParams, setupHeader } fro
data.noTag = false;
data.notifications = [];
data.plans = [];
data.regions = [];
// Static references to UI elements
var ui = {};
@ -61,8 +60,6 @@ import { settings, elements, regionNames, apiGet, parseParams, setupHeader } fro
var state = {};
state.haveLinodes = false;
state.haveNotifications = false;
state.haveRegions = false;
state.haveTypes = false;
var createLinodeRow = function(linode, alt)
{
@ -95,10 +92,8 @@ import { settings, elements, regionNames, apiGet, parseParams, setupHeader } fro
plan.innerHTML = getPlanLabel(linode.type);
else
plan.innerHTML = "Unknown";
if (plan.innerHTML == "") {
plan.innerHTML = linode.type;
if (plan.innerHTML == "")
translatePlan(linode.type, plan);
}
var ip = document.createElement("td");
ip.innerHTML = linode.ipv4[0];
var ipCount = 0;
@ -115,17 +110,8 @@ import { settings, elements, regionNames, apiGet, parseParams, setupHeader } fro
plus.innerHTML = " (+" + ipCount + ")";
ip.appendChild(plus);
}
var regionData = null;
for (var i = 0; i < data.regions.length; i++) {
if (data.regions[i].id == linode.region) {
regionData = data.regions[i];
break;
}
}
var region = document.createElement("td");
if (regionData && regionData.label && regionData.label.length)
region.innerHTML = regionData.label;
else if (regionNames[linode.region])
if (regionNames[linode.region])
region.innerHTML = regionNames[linode.region];
else
region.innerHTML = linode.region;
@ -326,19 +312,8 @@ import { settings, elements, regionNames, apiGet, parseParams, setupHeader } fro
body.innerHTML = data.notifications[i].message;
}
// Replace "this facility" with actual location for outages
if (data.notifications[i].type == "outage" && data.notifications[i].entity && data.notifications[i].entity.type == "region") {
var region = null;
for (var j = 0; j < data.regions.length; j++) {
if (data.regions[j].id == data.notifications[i].entity.id) {
region = data.regions[j];
break;
}
}
if (region && region.label && region.label.length)
header.innerHTML = header.innerHTML.replace("this facility", region.label);
else if (regionNames[data.notifications[i].entity.id])
header.innerHTML = header.innerHTML.replace("this facility", regionNames[data.notifications[i].entity.id]);
}
if (data.notifications[i].type == "outage" && data.notifications[i].entity && data.notifications[i].entity.type == "region" && regionNames[data.notifications[i].entity.id])
header.innerHTML = header.innerHTML.replace("this facility", regionNames[data.notifications[i].entity.id]);
notification.appendChild(header);
notification.appendChild(body);
ui.notifications.appendChild(notification);
@ -404,42 +379,13 @@ import { settings, elements, regionNames, apiGet, parseParams, setupHeader } fro
return;
}
state.haveTypes = true;
if (state.haveRegions) {
// Get linodes
var filters = null;
if (data.params.tag)
filters = {
"tags": data.params.tag
};
apiGet("/linode/instances", displayLinodes, filters);
}
};
var getRegions = function(response)
{
// Add regions to array
data.regions = data.regions.concat(response.data);
// Request the next page if there are more pages
if (response.page != response.pages) {
apiGet("/regions?page=" + (response.page + 1), getRegions, null);
return;
}
state.haveRegions = true;
if (state.haveTypes) {
// Get linodes
var filters = null;
if (data.params.tag)
filters = {
"tags": data.params.tag
};
apiGet("/linode/instances", displayLinodes, filters);
}
// Get notifications
apiGet("/account/notifications", displayNotifications, null);
// Get linodes
var filters = null;
if (data.params.tag)
filters = {
"tags": data.params.tag
};
apiGet("/linode/instances", displayLinodes, filters);
};
var insertLinodes = function()
@ -479,9 +425,9 @@ import { settings, elements, regionNames, apiGet, parseParams, setupHeader } fro
setupHeader();
// Get linode and transfer info
apiGet("/regions", getRegions, null);
apiGet("/linode/types", getPlans, null);
apiGet("/account/transfer", displayTransfer, null);
apiGet("/account/notifications", displayNotifications, null);
};
var translatePlan = function(name, cell)

4
volumes/add/add.css
View File

@ -21,10 +21,6 @@
padding: 0px 15px 15px;
}
optgroup {
display: none;
}
tbody tr td:first-of-type {
font-weight: bold;
text-align: right;

17
volumes/add/add.js
View File

@ -15,14 +15,13 @@
* along with Linode Manager Classic. If not, see <https://www.gnu.org/licenses/>.
*/
import { settings, elements, apiGet, apiPost, countryContinents, parseParams, regionNames, setupHeader } from "/global.js";
import { settings, elements, apiGet, apiPost, parseParams, regionNames, setupHeader } from "/global.js";
(function()
{
// Element names specific to this page
elements.addButton = "add-button";
elements.attachment = "attachment";
elements.dcOther = "dc-other";
elements.label = "label";
elements.location = "location";
elements.size = "size";
@ -36,7 +35,6 @@ import { settings, elements, apiGet, apiPost, countryContinents, parseParams, re
var ui = {};
ui.addButton = {};
ui.attachment = {};
ui.dcOther = {};
ui.label = {};
ui.location = {};
ui.size = {};
@ -92,19 +90,11 @@ import { settings, elements, apiGet, apiPost, countryContinents, parseParams, re
for (var i = 0; i < data.regions.length; i++) {
var loc = document.createElement("option");
loc.value = data.regions[i].id;
if (data.regions[i].label && data.regions[i].label.length)
loc.innerHTML = data.regions[i].label;
else if (regionNames[data.regions[i].id])
if (regionNames[data.regions[i].id])
loc.innerHTML = regionNames[data.regions[i].id];
else
loc.innerHTML = data.regions[i].id;
var optgroup = null;
if (countryContinents[data.regions[i].country])
optgroup = document.getElementById(countryContinents[data.regions[i].country]);
if (!optgroup)
optgroup = ui.dcOther;
optgroup.style.display = "initial";
optgroup.appendChild(loc);
ui.location.appendChild(loc);
}
// Request linodes in all the supported regions
@ -190,7 +180,6 @@ import { settings, elements, apiGet, apiPost, countryContinents, parseParams, re
// Get element references
ui.addButton = document.getElementById(elements.addButton);
ui.attachment = document.getElementById(elements.attachment);
ui.dcOther = document.getElementById(elements.dcOther);
ui.label = document.getElementById(elements.label);
ui.location = document.getElementById(elements.location);
ui.size = document.getElementById(elements.size);

6
volumes/add/index.shtml
View File

@ -50,12 +50,6 @@ along with Linode Manager Classic. If not, see <https://www.gnu.org/licenses/>.
<td>
<select id="location">
<option selected disabled value="0">Choose A Location</option>
<optgroup id="na" label="North America"></optgroup>
<optgroup id="eu" label="Europe"></optgroup>
<optgroup id="ap" label="Asia/Pacific"></optgroup>
<optgroup id="sa" label="South America"></optgroup>
<optgroup id="af" label="Africa"></optgroup>
<optgroup id="dc-other" label="Other"></optgroup>
</select>
</td>
<td class="info">The datacenter where the new volume should be created</td>

8
volumes/clone/clone.js
View File

@ -39,13 +39,6 @@ import { settings, elements, apiGet, apiPost, parseParams, regionNames, setupHea
ui.size = {};
ui.volumeLabel = {};
// Callback for region API call
var displayRegion = function(response)
{
if (response.label && response.label.length)
ui.location.innerHTML = response.label;
};
// Callback for volume API call
var displayVolume = function(response)
{
@ -62,7 +55,6 @@ import { settings, elements, apiGet, apiPost, parseParams, regionNames, setupHea
ui.location.innerHTML = response.region;
ui.cloneButton.disabled = false;
apiGet("/regions/" + response.region, displayRegion, null);
};
// Click handler for clone button

9
volumes/settings/settings.js
View File

@ -83,13 +83,6 @@ import { settings, elements, regionNames, apiGet, apiPost, apiPut, parseParams,
}
};
// Callback for region API call
var displayRegion = function(response)
{
if (response.label && response.label.length)
ui.location.innerHTML = response.label;
};
// Callback for volume API call
var displayVolume = function(response)
{
@ -124,8 +117,6 @@ import { settings, elements, regionNames, apiGet, apiPost, apiPut, parseParams,
}
ui.saveButton.disabled = false;
apiGet("/regions/" + data.volume.region, displayRegion, null);
};
// Click handler for save button

50
volumes/volumes.js
View File

@ -28,7 +28,6 @@ import { settings, elements, regionNames, apiGet, parseParams, setupHeader } fro
// Data recieved from API calls
var data = {};
data.linodes = {};
data.regions = [];
data.volumes = [];
// Static references to UI elements
@ -36,11 +35,6 @@ import { settings, elements, regionNames, apiGet, parseParams, setupHeader } fro
ui.loading = {};
ui.volumeBody = {};
// Temporary state
var state = {};
state.haveRegions = false;
state.haveVolumes = false;
// Generates a table row for a volume
var createVolumeRow = function(volume, alt)
{
@ -65,17 +59,8 @@ import { settings, elements, regionNames, apiGet, parseParams, setupHeader } fro
size.innerHTML = volume.size + " GiB";
row.appendChild(size);
var regionData = null;
for (var i = 0; i < data.regions.length; i++) {
if (data.regions[i].id == volume.region) {
regionData = data.regions[i];
break;
}
}
var region = document.createElement("td");
if (regionData && regionData.label && regionData.label.length)
region.innerHTML = regionData.label;
else if (regionNames[volume.region])
if (regionNames[volume.region])
region.innerHTML = regionNames[volume.region];
else
region.innerHTML = volume.region;
@ -123,27 +108,6 @@ import { settings, elements, regionNames, apiGet, parseParams, setupHeader } fro
return row;
};
// Callback for regions API call
var displayRegions = function(response)
{
// Add regions to array
data.regions = data.regions.concat(response.data);
// Request the next page if there are more pages
if (response.page != response.pages) {
apiGet("/regions?page=" + (response.page + 1), displayRegions, null);
return;
}
state.haveRegions = true;
if (state.haveVolumes) {
// Insert volumes
ui.loading.remove();
for (var i = 0; i < data.volumes.length; i++)
ui.volumeBody.appendChild(createVolumeRow(data.volumes[i], i % 2));
}
};
// Callback for volumes API call
var displayVolumes = function(response)
{
@ -163,13 +127,10 @@ import { settings, elements, regionNames, apiGet, parseParams, setupHeader } fro
if (data.volumes.length == 0)
location.href = "/volumes/add";
state.haveVolumes = true;
if (state.haveRegions) {
// Insert volumes
ui.loading.remove();
for (var i = 0; i < data.volumes.length; i++)
ui.volumeBody.appendChild(createVolumeRow(data.volumes[i], i % 2));
}
// Insert volumes
ui.loading.remove();
for (var i = 0; i < data.volumes.length; i++)
ui.volumeBody.appendChild(createVolumeRow(data.volumes[i], i % 2));
};
// Initial setup
@ -186,7 +147,6 @@ import { settings, elements, regionNames, apiGet, parseParams, setupHeader } fro
// Get data from API
apiGet("/volumes", displayVolumes, null);
apiGet("/regions", displayRegions, null);
};
// Get the label of a given linode ID and update a cell's contents