dropdown for skills

module/actor/actor-sheet.js

@@ -708,8 +708,33 @@ export default class DeltaGreenActorSheet extends ActorSheet {
   }
 
   async _showSpecialTrainingDialog(action, targetID) {
+    const specialTraining = this.actor.system.specialTraining.find(
+      (training) => training.id === targetID,
+    );
+
+    const skillList = Object.entries(this.actor.system.skills).map(
+      ([k, v]) => ({
+        key: k,
+        label: v.label,
+        targetNumber: v.proficiency,
+      }),
+    );
+    const typedSkillList = Object.values(this.actor.system.typedSkills).map(
+      (skill) => ({
+        key: skill.label,
+        group: skill.group,
+        label: skill.label,
+        targetNumber: skill.proficiency,
+      }),
+    );
+    const combinedSkillList = [...skillList, ...typedSkillList];
     const content = await renderTemplate(
       "systems/deltagreen/templates/dialog/special-training.html",
+      {
+        name: specialTraining?.name || "",
+        currentSkill: specialTraining?.skill || "",
+        skillList: combinedSkillList,
+      },
     );
 
     const buttonLabel = game.i18n.localize(

templates/actor/custom-skills-partial.html

@@ -25,7 +25,7 @@
   {{#each actor.system.specialTraining as |training|}}
     <div class="item flexrow flex-group-center flex-thin-border">
       <label class="">
-        {{training.name}}
+        {{training.name}} ({{training.skill}})
       </label>
       <div class="item-controls">
           <a class="item-control special-training-action" data-action="Edit" data-id="{{training.id}}" title="Edit Training"><i class="fas fa-edit"></i></a>

templates/dialog/special-training.html

@@ -3,12 +3,24 @@
     <label>
       {{localize "DG.SpecialTraining.Dialog.NameLabel"}}
     </label>
-    <input type="text" name="special-training-label" />
+    <input type="text" name="special-training-label" value="{{name}}"/>
   </div>
   <div class="flexrow">
     <label>
       {{localize "DG.SpecialTraining.Dialog.SkillLabel"}}
     </label>
-    <input type="text" name="special-training-skill" />
+    {{#select currentSkill}}
+      <select name="special-training-skill">
+        {{#each skillList as |skill|}}
+          <option value="{{skill.key}}">
+            {{#if skill.group}}
+              {{skill.group}} ({{skill.label}})
+            {{else}}
+              {{skill.label}}
+            {{/if}}
+          </option>
+        {{/each}}
+      </select>
+    {{/select}}
   </div>
 </form>