js rowspan table

config/sync/core.entity_form_display.paragraph.tablefield.default.yml

@@ -3,7 +3,6 @@ langcode: en
 status: true
 dependencies:
   config:
-    - field.field.paragraph.tablefield.field_rowspan_cell_row1col1
     - field.field.paragraph.tablefield.field_tablefield
     - paragraphs.paragraphs_type.tablefield
   module:
@@ -20,13 +19,6 @@ targetEntityType: paragraph
 bundle: tablefield
 mode: default
 content:
-  field_rowspan_cell_row1col1:
-    type: boolean_checkbox
-    weight: 11
-    region: content
-    settings:
-      display_label: true
-    third_party_settings: {  }
   field_tablefield:
     type: tablefield
     weight: 0

config/sync/core.entity_view_display.paragraph.tablefield.default.yml

@@ -3,7 +3,6 @@ langcode: en
 status: true
 dependencies:
   config:
-    - field.field.paragraph.tablefield.field_rowspan_cell_row1col1
     - field.field.paragraph.tablefield.field_tablefield
     - paragraphs.paragraphs_type.tablefield
   module:
@@ -13,16 +12,6 @@ targetEntityType: paragraph
 bundle: tablefield
 mode: default
 content:
-  field_rowspan_cell_row1col1:
-    type: boolean
-    label: visually_hidden
-    settings:
-      format: yes-no
-      format_custom_false: ''
-      format_custom_true: ''
-    third_party_settings: {  }
-    weight: 1
-    region: content
   field_tablefield:
     type: tablefield
     label: above

config/sync/core.entity_view_display.paragraph.tablefield.preview.yml

@@ -4,7 +4,6 @@ status: true
 dependencies:
   config:
     - core.entity_view_mode.paragraph.preview
-    - field.field.paragraph.tablefield.field_rowspan_cell_row1col1
     - field.field.paragraph.tablefield.field_tablefield
     - paragraphs.paragraphs_type.tablefield
   module:
@@ -19,16 +18,6 @@ targetEntityType: paragraph
 bundle: tablefield
 mode: preview
 content:
-  field_rowspan_cell_row1col1:
-    type: boolean
-    label: visually_hidden
-    settings:
-      format: yes-no
-      format_custom_false: ''
-      format_custom_true: ''
-    third_party_settings: {  }
-    weight: 1
-    region: content
   field_tablefield:
     type: tablefield
     label: visually_hidden

config/sync/field.field.paragraph.tablefield.field_rowspan_cell_row1col1.yml

@@ -1,23 +0,0 @@
-uuid: 5a810452-e557-4266-a066-6d6fb3b54164
-langcode: en
-status: true
-dependencies:
-  config:
-    - field.storage.paragraph.field_rowspan_cell_row1col1
-    - paragraphs.paragraphs_type.tablefield
-id: paragraph.tablefield.field_rowspan_cell_row1col1
-field_name: field_rowspan_cell_row1col1
-entity_type: paragraph
-bundle: tablefield
-label: 'rowspan cell row1col1'
-description: 'à cocher si besoin de fusionner les cellules'
-required: false
-translatable: false
-default_value:
-  -
-    value: 0
-default_value_callback: ''
-settings:
-  on_label: 'On'
-  off_label: 'Off'
-field_type: boolean

config/sync/field.storage.paragraph.field_rowspan_cell_row1col1.yml

@@ -1,18 +0,0 @@
-uuid: 0c251cf3-de00-4dd7-aff8-022e86566155
-langcode: en
-status: true
-dependencies:
-  module:
-    - paragraphs
-id: paragraph.field_rowspan_cell_row1col1
-field_name: field_rowspan_cell_row1col1
-entity_type: paragraph
-type: boolean
-settings: {  }
-module: core
-locked: false
-cardinality: 1
-translatable: true
-indexes: {  }
-persist_with_no_fields: false
-custom_storage: false

web/themes/custom/rorschach/scripts/main.js

@@ -5,22 +5,31 @@ console.log('salut');
 ///
 // doit chercher un p dans td dans tbody dans table dans .paragraph--type--text qui a la class .rowspan et setAttribut a son parent td
 
-var cellRowspan = document.querySelector('p.rowspan').parentElement;
+var cellRowspans = document.querySelectorAll('p.rowspan');
-cellRowspan.setAttribute('rowspan', '4');
+// cellRowspan.setAttribute('rowspan', '4');
-
 
+for (let cellRowspan of cellRowspans){
+    let cellRowSpanParent = cellRowspan.parentElement;
+    console.log(cellRowSpanParent);
+    cellRowSpanParent.setAttribute('rowspan', '4');
+}
 
 // // ok va chercher tous les éléments p.cell-display-none (child)
-const pDisplayNone = document.querySelectorAll('p.cell-display-none');
+var displayNones = document.querySelectorAll('p.cell-display-none');
-console.log(pDisplayNone);
+
+for (let displayNone of displayNones){
+  let displayNoneParent = displayNone.parentElement;
+  displayNoneParent.classList.add('display-none');
+}
+console.log(displayNone);
 
 
 
-// // ok va chercher un element td (parent)
+// // // ok va chercher un element td (parent)
-var tdDisplayNone = document.querySelector('p.cell-display-none').parentElement;   
+// var tdDisplayNone = document.querySelector('p.cell-display-none').parentElement;   
-console.log(tdDisplayNone);
+// console.log(tdDisplayNone);
-// /// et lui appliquer une class.
+// // /// et lui appliquer une class.
-tdDisplayNone.classList.add('display-none');
+// tdDisplayNone.classList.add('display-none');
 
 
 

web/themes/custom/rorschach/scripts/partial.js

@@ -5,10 +5,14 @@ console.log('salut');
 ///
 // doit chercher un p dans td dans tbody dans table dans .paragraph--type--text qui a la class .rowspan et setAttribut a son parent td
 
-var cellRowspan = document.querySelector('p.rowspan').parentElement;
+var cellRowspans = document.querySelectorAll('p.rowspan');
-cellRowspan.setAttribute('rowspan', '4');
+// cellRowspan.setAttribute('rowspan', '4');
-
 
+for (let cellRowspan of cellRowspans){
+    let cellRowSpanParent = cellRowspan.parentElement;
+    console.log(cellRowSpanParent);
+    cellRowSpanParent.setAttribute('rowspan', '4');
+}
 
 // // ok va chercher tous les éléments p.cell-display-none (child)
 const pDisplayNone = document.querySelectorAll('p.cell-display-none');