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

Get region names from API instead of hard-coding them

Browse Source
This commit is contained in:
L. Bradley LaBoon
2024-05-06 16:57:12 -04:00
parent 4c4db6a734
commit 8ea657c757
21 changed files with 333 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
linodes/add/add.css
View File

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

21
linodes/add/add.js
View File

@ -15,13 +15,14 @@
* along with Linode Manager Classic. If not, see <https://www.gnu.org/licenses/>.
*/
import { settings, elements, regionNames, apiGet, apiPost, parseParams, setupHeader } from "/global.js";
import { settings, elements, regionNames, countryContinents, 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";
@ -33,6 +34,7 @@ import { settings, elements, regionNames, apiGet, apiPost, parseParams, setupHea
// Static references to UI elements
var ui = {};
ui.datacenters = {};
ui.dcOther = {};
var createLinodeTypeButton = function(type)
{
@ -67,16 +69,26 @@ import { settings, elements, regionNames, apiGet, apiPost, parseParams, setupHea
for (var i = 0; i < response.data.length; i++) {
var dc = document.createElement("option");
dc.value = response.data[i].id;
if (regionNames[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])
dc.innerHTML = regionNames[response.data[i].id];
else
dc.innerHTML = response.data[i].id;
ui.datacenters.appendChild(dc);
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);
}
// 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)
@ -135,6 +147,7 @@ import { settings, elements, regionNames, apiGet, apiPost, parseParams, setupHea
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,7 +65,14 @@ along with Linode Manager Classic. If not, see <https://www.gnu.org/licenses/>.
</div>
<div id="location">
<h2>Location</h2>
<select id="datacenters"></select>
<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>
</div>
<div id="submit">
<button id="add-button" type="button">Add this Linode!</button>