☰

DH3 Named Presets

Name your combat presets for easy identification in combat.

  1. // ==UserScript==
  2. // @name         DH3 Named Presets
  3. // @namespace    com.anwinity.dh3
  4. // @version      1.0.0
  5. // @description  Name your combat presets for easy identification in combat.
  6. // @author       Anwinity
  7. // @match        dh3.diamondhunt.co
  8. // @grant        none
  9. // ==/UserScript==
  10.  
  11. (function() {
  12.     'use strict';
  13.  
  14.     const NamedPresets = {
  15.         init: function() {
  16.             window.savePresetName = function(color) {
  17.                 console.log(color);
  18.                 let key = `dh3.anwinity.presetName.${color}`;
  19.                 let value = $(`#preset-${color}-name`).val() || "";
  20.                 localStorage.setItem(key, value);
  21.                 $(`span#combat-preset-name-${color}`).text(value);
  22.             };
  23.  
  24.             // remove normal stuff
  25.             $(".fighting-screen-combat-area").empty();
  26.             // add our stuff
  27.             $(".fighting-screen-combat-area").append(`
  28.              <div onclick="sendBytes('USE_PRESET=1')" style="text-align: left">
  29.                <img src="images/combatPresetsRed.png" class="img-30" style="display: inline-block">
  30.                <span style="color: white">1. <span id="combat-preset-name-red"></span></span>
  31.              </div>
  32.              <div onclick="sendBytes('USE_PRESET=2')" style="text-align: left">
  33.                <img src="images/combatPresetsGreen.png" class="img-30" style="display: inline-block">
  34.                <span style="color: white">2. <span id="combat-preset-name-green"></span></span>
  35.              </div>
  36.              <div onclick="sendBytes('USE_PRESET=3')" style="text-align: left">
  37.                <img src="images/combatPresetsBlue.png" class="img-30" style="display: inline-block">
  38.                <span style="color: white">3. <span id="combat-preset-name-blue"></span></span>
  39.              </div>
  40.              <div onclick="sendBytes('USE_PRESET=4')" style="text-align: left">
  41.                <img src="images/combatPresetsYellow.png" class="img-30" style="display: inline-block">
  42.                <span style="color: white">4. <span id="combat-preset-name-yellow"></span></span>
  43.              </div>
  44.              <div onclick="sendBytes('USE_PRESET=5')" style="text-align: left">
  45.                <img src="images/combatPresetsPurple.png" class="img-30" style="display: inline-block">
  46.                <span style="color: white">5. <span id="combat-preset-name-purple"></span></span>
  47.              </div>
  48.             `);
  49.  
  50.             for(let i = 1; i <= 5; i++) {
  51.                 let color = {1: "red", 2: "green", 3: "blue", 4: "yellow", 5: "purple"}[i];
  52.                 let el = $("#dialogue-combatPresets tbody tr:nth-child("+i+")");
  53.                 el.append(`
  54.                   <td>
  55.                     NAME
  56.                     <br />
  57.                     <input id="preset-${color}-name" name="preset-${color}-name" type="text" style="text-align: center">
  58.                     <button type="button" onclick="savePresetName('${color}')" style="margin-top: 0.25em">Save Name</button>
  59.                   </td>
  60.                 `);
  61.                 let key = "dh3.anwinity.presetName."+color;
  62.                 let value = localStorage.getItem(key);
  63.                 if(value) {
  64.                     $(`#preset-${color}-name`).val(value);
  65.                     $(`span#combat-preset-name-${color}`).text(value);
  66.                 }
  67.             }
  68.         }
  69.     };
  70.     $(function() {
  71.         NamedPresets.init();
  72.     });
  73. })();