feat(ui): More minimal buttons

oliversalzburg · Jul 17, 2021 · 21948c5 · 21948c5
1 parent 15b1d63
commit 21948c5
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 11 deletions.
diff --git a/packages/userscript/source/i18n/i18nData.json b/packages/userscript/source/i18n/i18nData.json
@@ -59,8 +59,8 @@
     "ui.itemsShow": "Show options",
     "ui.disable.all": "disable all",
     "ui.enable.all": "enable all",
-    "ui.craft.resources": "resources",
-    "ui.trigger": "trigger",
+    "ui.craft.resources": "Resources",
+    "ui.trigger": "⚡",
     "ui.trigger.set": "Enter a new trigger value for {0}. Should be in the range of 0 to 1.",
     "ui.limit": "Limited",
     "ui.trigger.crypto.set": "Enter a new trigger value for {0}. Corresponds to the amount of Relics needed before the exchange is made.",

diff --git a/packages/userscript/source/ui/BonfireSettingsUi.ts b/packages/userscript/source/ui/BonfireSettingsUi.ts
@@ -56,9 +56,8 @@ export class BonfireSettingsUi extends SettingsSectionUi<BonfireSettings> {
 
     // Create "trigger" button in the item.
     this._triggerButton = $("<div/>", {
-      id: "trigger-" + toggleName,
+      id: `trigger-${toggleName}`,
       text: this._host.i18n("ui.trigger"),
-      //title: this._options.trigger,
       css: {
         cursor: "pointer",
         display: "inline-block",
@@ -362,7 +361,7 @@ export class BonfireSettingsUi extends SettingsSectionUi<BonfireSettings> {
     });
 
     const maxButton = $("<div/>", {
-      id: "set-" + name + "-max",
+      id: `set-${name}-max`,
       //text: this._host.i18n("ui.max", []),
       //title: option.max,
       css: {

diff --git a/packages/userscript/source/ui/CraftSettingsUi.ts b/packages/userscript/source/ui/CraftSettingsUi.ts
@@ -222,7 +222,8 @@ export class CraftSettingsUi extends SettingsSectionUi<CraftSettings> {
 
     this._resourcesButton = $("<div/>", {
       id: "toggle-resource-controls",
-      text: this._host.i18n("ui.craft.resources"),
+      text: "🛠",
+      title: this._host.i18n("ui.craft.resources"),
       css: {
         cursor: "pointer",
         display: "inline-block",
@@ -245,8 +246,8 @@ export class CraftSettingsUi extends SettingsSectionUi<CraftSettings> {
     });
 
     element.append(this._itemsButton);
-    element.append(this._resourcesButton);
     element.append(this._triggerButton);
+    element.append(this._resourcesButton);
     element.append(list);
     element.append(resourcesList);
 

diff --git a/packages/userscript/source/ui/TimeControlSettingsUi.ts b/packages/userscript/source/ui/TimeControlSettingsUi.ts
@@ -31,15 +31,15 @@ export class TimeControlSettingsUi extends SettingsSectionUi<TimeControlSettings
     const itext = ucfirst(this._host.i18n("ui.timeCtrl"));
 
     // Our main element is a list item.
-    const element = $("<li/>", { id: "ks-" + toggleName });
+    const element = $("<li/>", { id: `ks-${toggleName}` });
 
     const label = $("<label/>", {
-      for: "toggle-" + toggleName,
+      for: `toggle-${toggleName}`,
       text: itext,
     });
 
     const input = $("<input/>", {
-      id: "toggle-" + toggleName,
+      id: `toggle-${toggleName}`,
       type: "checkbox",
     });
     this._options.$enabled = input;
@@ -978,7 +978,8 @@ export class TimeControlSettingsUi extends SettingsSectionUi<TimeControlSettings
     });
     const resourcesButton = $("<div/>", {
       id: "toggle-reset-resources",
-      text: this._host.i18n("ui.craft.resources"),
+      text: "🛠",
+      title: this._host.i18n("ui.craft.resources"),
       css: {
         cursor: "pointer",
         display: "inline-block",