Added dropdown class to select tags

This commit is contained in:
koriar 2019-03-22 21:20:56 -04:00
parent 4bdb34bc7b
commit 3f312d0ce6
6 changed files with 16 additions and 13 deletions

@ -536,7 +536,7 @@ export function createDevMenu() {
innerText: "Generate Random Contract on Home Comp", innerText: "Generate Random Contract on Home Comp",
}); });
const generateContractWithTypeSelector = createElement("select", { margin: "5px" }); const generateContractWithTypeSelector = createElement("select", { margin: "5px", class:"dropdown" });
const contractTypes = Object.keys(CodingContractTypes); const contractTypes = Object.keys(CodingContractTypes);
for (let i = 0; i < contractTypes.length; ++i) { for (let i = 0; i < contractTypes.length; ++i) {
generateContractWithTypeSelector.add(createOptionElement(contractTypes[i])); generateContractWithTypeSelector.add(createOptionElement(contractTypes[i]));

@ -1784,6 +1784,7 @@ Gang.prototype.createGangMemberDisplayElement = function(memberObj) {
id: name + "gang-member-task", id: name + "gang-member-task",
}); });
const taskSelector = createElement("select", { const taskSelector = createElement("select", {
class: "dropdown",
id: name + "gang-member-task-selector", id: name + "gang-member-task-selector",
}); });

@ -96,7 +96,7 @@ export function createResleevesPage(p: IPlayer) {
display: "inline-block", display: "inline-block",
innerText: "Sort By: " innerText: "Sort By: "
}); });
UIElems.sortSelector = createElement("select") as HTMLSelectElement; UIElems.sortSelector = createElement("select",{class:"dropdown"}) as HTMLSelectElement;
enum SortOption { enum SortOption {
Cost = "Cost", Cost = "Cost",
@ -309,7 +309,7 @@ function createResleeveUi(resleeve: Resleeve): IResleeveUIElems {
elems.statsPanel.appendChild(elems.multipliersButton); elems.statsPanel.appendChild(elems.multipliersButton);
elems.augPanel = createElement("div", { class: "resleeve-panel", width: "50%" }); elems.augPanel = createElement("div", { class: "resleeve-panel", width: "50%" });
elems.augSelector = createElement("select", { class: "resleeve-aug-selector" }) as HTMLSelectElement; elems.augSelector = createElement("select", { class: "resleeve-aug-selector dropdown" }) as HTMLSelectElement;
elems.augDescription = createElement("p"); elems.augDescription = createElement("p");
for (let i = 0; i < resleeve.augmentations.length; ++i) { for (let i = 0; i < resleeve.augmentations.length; ++i) {
elems.augSelector.add(createOptionElement(resleeve.augmentations[i].name)); elems.augSelector.add(createOptionElement(resleeve.augmentations[i].name));

@ -288,7 +288,7 @@ function createSleeveUi(sleeve: Sleeve, allSleeves: Sleeve[]): ISleeveUIElems {
} }
elems.taskPanel = createElement("div", { class: "sleeve-panel", width: "40%" }); elems.taskPanel = createElement("div", { class: "sleeve-panel", width: "40%" });
elems.taskSelector = createElement("select") as HTMLSelectElement; elems.taskSelector = createElement("select",{class:"dropdown"}) as HTMLSelectElement;
elems.taskSelector.add(createOptionElement("------")); elems.taskSelector.add(createOptionElement("------"));
elems.taskSelector.add(createOptionElement("Work for Company")); elems.taskSelector.add(createOptionElement("Work for Company"));
elems.taskSelector.add(createOptionElement("Work for Faction")); elems.taskSelector.add(createOptionElement("Work for Faction"));
@ -297,8 +297,8 @@ function createSleeveUi(sleeve: Sleeve, allSleeves: Sleeve[]): ISleeveUIElems {
elems.taskSelector.add(createOptionElement("Workout at Gym")); elems.taskSelector.add(createOptionElement("Workout at Gym"));
elems.taskSelector.add(createOptionElement("Shock Recovery")); elems.taskSelector.add(createOptionElement("Shock Recovery"));
elems.taskSelector.add(createOptionElement("Synchronize")); elems.taskSelector.add(createOptionElement("Synchronize"));
elems.taskDetailsSelector = createElement("select") as HTMLSelectElement; elems.taskDetailsSelector = createElement("select",{class:"dropdown"}) as HTMLSelectElement;
elems.taskDetailsSelector2 = createElement("select") as HTMLSelectElement; elems.taskDetailsSelector2 = createElement("select",{class:"dropdown"}) as HTMLSelectElement;
elems.taskDescription = createElement("p"); elems.taskDescription = createElement("p");
elems.taskProgressBar = createElement("p"); elems.taskProgressBar = createElement("p");
elems.taskSelector.addEventListener("change", () => { elems.taskSelector.addEventListener("change", () => {

@ -1082,8 +1082,8 @@ function createStockTicker(stock) {
/* Create panel DOM */ /* Create panel DOM */
var qtyInput = document.createElement("input"), var qtyInput = document.createElement("input"),
longShortSelect = document.createElement("select"), longShortSelect = document.createElement("select", {class: "dropdown"}),
orderTypeSelect = document.createElement("select"), orderTypeSelect = document.createElement("select", {class: "dropdown"}),
buyButton = document.createElement("span"), buyButton = document.createElement("span"),
sellButton = document.createElement("span"), sellButton = document.createElement("span"),
buyMaxButton = document.createElement("span"), buyMaxButton = document.createElement("span"),
@ -1102,6 +1102,7 @@ function createStockTicker(stock) {
" || (event.keyCode==46) )"); " || (event.keyCode==46) )");
longShortSelect.classList.add("stock-market-input"); longShortSelect.classList.add("stock-market-input");
longShortSelect.classList.add("dropdown");
longShortSelect.setAttribute("id", tickerId + "-pos-selector"); longShortSelect.setAttribute("id", tickerId + "-pos-selector");
var longOpt = document.createElement("option"); var longOpt = document.createElement("option");
longOpt.text = "Long"; longOpt.text = "Long";
@ -1113,6 +1114,7 @@ function createStockTicker(stock) {
} }
orderTypeSelect.classList.add("stock-market-input"); orderTypeSelect.classList.add("stock-market-input");
orderTypeSelect.classList.add("dropdown");
orderTypeSelect.setAttribute("id", tickerId + "-order-selector"); orderTypeSelect.setAttribute("id", tickerId + "-order-selector");
var marketOpt = document.createElement("option"); var marketOpt = document.createElement("option");
marketOpt.text = "Market Order"; marketOpt.text = "Market Order";

@ -133,7 +133,7 @@ if (htmlWebpackPlugin.options.googleAnalytics.trackingId) { %>
<h1 style="color:white;"> Script Editor Options </h1> <h1 style="color:white;"> Script Editor Options </h1>
<fieldset> <fieldset>
<label for="script-editor-option-editor">Editor</label> <label for="script-editor-option-editor">Editor</label>
<select id="script-editor-option-editor"> <select id="script-editor-option-editor" class="dropdown">
<option value="Ace">Ace</option> <option value="Ace">Ace</option>
<option value="CodeMirror">CodeMirror</option> <option value="CodeMirror">CodeMirror</option>
</select> </select>
@ -141,12 +141,12 @@ if (htmlWebpackPlugin.options.googleAnalytics.trackingId) { %>
<fieldset> <fieldset>
<label for="script-editor-option-theme">Theme</label> <label for="script-editor-option-theme">Theme</label>
<select id="script-editor-option-theme"></select> <select id="script-editor-option-theme" class="dropdown"></select>
</fieldset> </fieldset>
<fieldset> <fieldset>
<label for="script-editor-option-keybinding">Key Binding</label> <label for="script-editor-option-keybinding">Key Binding</label>
<select id="script-editor-option-keybinding"></select> <select id="script-editor-option-keybinding" class="dropdown"></select>
</fieldset> </fieldset>
<fieldset> <fieldset>
@ -757,7 +757,7 @@ if (htmlWebpackPlugin.options.googleAnalytics.trackingId) { %>
<p id="infiltration-box-text"> </p> <p id="infiltration-box-text"> </p>
<button id="infiltration-box-sell" class="a-link-button"> Sell on Black Market </button> <br /><br /> <button id="infiltration-box-sell" class="a-link-button"> Sell on Black Market </button> <br /><br />
<select id="infiltration-faction-select"> </select> <br /> <select id="infiltration-faction-select" class="dropdown"> </select> <br />
<button id="infiltration-box-faction" class="a-link-button"> Give to Faction for Reputation </button> <button id="infiltration-box-faction" class="a-link-button"> Give to Faction for Reputation </button>
</div> </div>
@ -944,7 +944,7 @@ if (htmlWebpackPlugin.options.googleAnalytics.trackingId) { %>
Sets the locale for displaying numbers. Defaults to 'en' Sets the locale for displaying numbers. Defaults to 'en'
</span> </span>
</label> </label>
<select name="settingsLocale" id="settingsLocale"> <select name="settingsLocale" id="settingsLocale" class="dropdown">
<option value="en">en</option> <option value="en">en</option>
<option value="bg">bg</option> <option value="bg">bg</option>
<option value="cs">cs</option> <option value="cs">cs</option>