tidy up checkboxes

src/front/components/TrustCheckboxes.js

@@ -12,7 +12,6 @@ class TrustCheckboxes {
   render() {
     const checkboxesDetails = [
       {
-        id: 'my-trusted',
         label: 'Mis confiados',
         containerProperty: 'myTrustedContainer',
         checkboxProperty: 'myTrustedCheckboxElement',
@@ -20,7 +19,6 @@ class TrustCheckboxes {
         isDisabled: true,
       },
       {
-        id: 'my-trusted-trusted',
         label: 'Los confiados de mis confiados',
         containerProperty: 'myTrustedTrustedContainer',
         checkboxProperty: 'myTrustedTrustedCheckboxElement',
@@ -28,7 +26,6 @@ class TrustCheckboxes {
         isDisabled: false,
       },
       {
-        id: 'all-members',
         label: 'Todos los miembros',
         containerProperty: 'allMembersContainer',
         checkboxProperty: 'allMembersCheckboxElement',
@@ -39,7 +36,6 @@ class TrustCheckboxes {
 
     for (const checkboxDetails of checkboxesDetails) {
       this[checkboxDetails.containerProperty] = this.buildCheckbox({
-        id: checkboxDetails.id,
         label: checkboxDetails.label,
       });
 
@@ -61,15 +57,12 @@ class TrustCheckboxes {
     }
   }
 
-  buildCheckbox({ id, label }) {
+  buildCheckbox({ label }) {
     const checkboxContainer = document.createElement('div');
     checkboxContainer.className = 'checkbox-row';
-    checkboxContainer.id = `${id}-checkbox-area`;
 
     const checkbox = document.createElement('input');
     checkbox.type = 'checkbox';
-    checkbox.name = id;
-    checkbox.id = `${id}-checkbox`;
     checkbox.checked = true;
 
     const labelElement = document.createElement('label');

src/front/pages/offers.js

@@ -142,19 +142,23 @@ class CreateOfferModal {
 
     this.btcMethodCheckboxes.render();
 
-    //Continue moving components up here
-
     const trustDiv = document.createElement('div');
-    trustDiv.id = 'trust-area';
     trustDiv.className = 'create-offer-step';
     const trustHeading = document.createElement('h3');
     trustHeading.textContent = '¿Quién puede ver la oferta?';
     trustDiv.appendChild(trustHeading);
     const trustContentDiv = document.createElement('div');
-    trustContentDiv.id = 'trusted-checkboxes-area';
     trustDiv.appendChild(trustContentDiv);
     controls.appendChild(trustDiv);
 
+    this.trustCheckboxes = new TrustCheckboxes({
+      parentElement: trustContentDiv,
+    });
+
+    this.trustCheckboxes.render();
+
+    //Continue moving components up here
+
     const otherDiv = document.createElement('div');
     otherDiv.id = 'other-area';
     otherDiv.className = 'create-offer-step';
@@ -191,12 +195,6 @@ class CreateOfferModal {
 
     this.parentElement.appendChild(this.element);
 
-    this.trustCheckboxes = new TrustCheckboxes({
-      parentElement: document.getElementById('trusted-checkboxes-area'),
-    });
-
-    this.trustCheckboxes.render();
-
     this.bigNotesCheckbox = new BigNotesCheckbox({
       parentElement: document.getElementById('other-area'),
     });