Repeater Matrix Depth

[ferraky]

Hey Guys,

Looking for a little help with working with the depth feature on the Repeater Matrix. I am working on building a page builder similar to the one discussed here: https://github.com/ryancramerdesign/ProcessWire/issues/1906.

I am having a hard time looping over the Repeater Matrix and each item at each depth and combining them into a single array to present to the UI. The reason I am trying to push this to an array is because I am converting it to JSON for various Vuejs components that need to be supported.

The structure of the "Builder" is:

• section: depth 0 - has various options that can be applied to a section of page( background image/color etc...)
• container: depth 1 
• row: depth 2 
• column: depth 3 - has various options for different widths for the column being set up.
• custom components: depth 4  - CKEditor, slider, whatever custom component that is needed

Hopefully I am making sense explaining this. Any help would be greatly appreciated.

Thanks Ya'll!

Kyle

[abdus]

20 minutes ago, ferraky said:

looping over the Repeater Matrix and each item at each depth and combining them into a single array

 

Something like this?

https://stackoverflow.com/questions/14961556/convert-one-dimensional-array-into-a-multi-dimensional-array

[Jonathan Lahijani]

On 8/23/2017 at 8:02 AM, abdus said:

Something like this?

https://stackoverflow.com/questions/14961556/convert-one-dimensional-array-into-a-multi-dimensional-array

In the answer here, the value of '$last_depth' should be -1 instead of 0:
https://stackoverflow.com/a/14963270/1397709