Finished homebrew settings

templates/settings/homebrew-settings/domains.hbs

@@ -3,5 +3,43 @@
     data-tab="{{tabs.domains.id}}"
     data-group="{{tabs.domains.group}}"
 >
-    
+    <div class="title-wrapper">
+        <h4>{{localize "DAGGERHEART.SETTINGS.Homebrew.domains.domainsTitle"}}</h4>
+    </div>
+    <div class="domains-container">
+        {{#each configDomains as | domain |}}
+            <div class="domain-container">
+                <div class="domain-label">{{localize domain.label}}</div>
+                <img src="{{domain.src}}" class="domain-icon" style="--domain-icon: url({{domain.src}})" />
+            </div>
+        {{/each}}
+    </div>
+
+    <div class="title-wrapper">
+        <h4>
+            {{localize "DAGGERHEART.SETTINGS.Homebrew.domains.homebrewDomains"}}
+            <button class="add-button" data-action="addDomain"><i class="fa-solid fa-plus"></i></button>
+        </h4>
+    </div>
+    <div class="domains-container">
+        {{#each homebrewDomains as | domain id |}}
+            <button class="domain-container selectable {{#unless (eq @root.selectedDomain.id id)}}inactive{{/unless}}" id="{{id}}" data-action="toggleSelectedDomain">
+                <div class="domain-label">{{localize domain.label}}</div>
+                <img src="{{domain.src}}" class="domain-icon" style="--domain-icon: url({{domain.src}})" />
+            </button>
+        {{/each}}
+    </div>
+
+    <div class="domain-edit-container {{#if @root.selectedDomain}}extended{{/if}}">
+        <fieldset>
+            <legend>{{localize "DAGGERHEART.SETTINGS.Homebrew.domains.editDomain"}} <button class="add-button" data-action="deleteDomain"><i class="fa-solid fa-x"></i></button></legend>
+
+            <div class="domain-filepicker-row">
+                {{formGroup settingFields.schema.fields.domains.element.fields.label value=selectedDomain.label name=(concat "domains." selectedDomain.id ".label") localize=true}}
+                {{formGroup settingFields.schema.fields.domains.element.fields.src value=selectedDomain.src name=(concat "domains." selectedDomain.id ".src") localize=true}}
+            </div>
+
+            <textarea name="{{concat "domains." selectedDomain.id ".description"}}">{{selectedDomain.description}}</textarea>
+        </fieldset>
+    </div>
 </section>

templates/settings/homebrew-settings/footer.hbs

@@ -1,9 +1,9 @@
  <footer class="form-footer">
-    <button data-action="reset">
+    <button type="button" data-action="reset">
         <i class="fa-solid fa-arrow-rotate-left"></i>
         <span>{{localize "Reset"}}</span>
     </button>
-    <button data-action="save" >
+    <button type="button" data-action="save" >
         <i class="fa-solid fa-floppy-disk"></i>
         <span>{{localize "Save Changes"}}</span>
     </button>