PHP Array format compatibility

[billbarsch]

Hello,
When we submit default alpaca forms PHP receive data like that:

["client"]=> string(6) "asdlfk"
["data"]=> string(7) "as;dlfk"
["obs"]=> string(7) "sa;lfdk"
["items_0_quantidade"]=> string(0) ""
["items_0_produto"]=> string(0) ""
["items_0_descricao_descricao"]=> string(0) ""
["items_0_descricao_tamanhos_0_quantidade"]=> string(0) ""
["items_0_descricao_tamanhos_0_tamanho"]=> string(0) ""
["items_0_valorUnitario"]=> string(0) ""
["items_0_valorTotal"]=> string(0) ""

It's good but not so useful. Maybe we have to write a parser to read this like multidimentional php arrays.
But just "one line" change at this alpaca function:

       calculateName: function()
        {
            if (!this.name || (this.name && this.nameCalculated))
            {
                // has path?
                if (this.parent && this.parent.name && this.path)
                {
                    var lastSegment = this.path.substring(this.path.lastIndexOf('/') + 1);
                    if (lastSegment.indexOf("[") !== -1 && lastSegment.indexOf("]") !== -1)
                    {
                        lastSegment = lastSegment.substring(lastSegment.indexOf("[") + 1, lastSegment.indexOf("]"));
                    }
                    if (lastSegment)
                    {
                        this.name = this.parent.name + "_" + lastSegment;
                        this.nameCalculated = true;
                    }
                }
                else
                {
                    if (this.path)
                    {
                        this.name = this.path.replace(/\//g,"").replace(/\[/g,"_").replace(/\]/g,"");
                        this.nameCalculated = true;
                    }
                }
            }
        },

If we change this line
from:

                        this.name = this.parent.name + "_" + lastSegment;

to:

                        this.name = this.parent.name + "[" + lastSegment + "]";

The php receives data in a perfect multidimentional array, like that:

["cliente"]=> string(2) "fd"
  ["data"]=> string(3) "lkj"
  ["observacoes"]=> string(5) ",mn,m"
  ["itensPedido"]=> array(2) {
    [0]=>array(5) {
      ["quantidade"]=>  string(0) ""
      ["produto"]=> string(0) ""
      ["descricao"]=>  array(1) {
        ["descricao"]=>     string(0) ""
      }
      ["valorUnitario"]=>   string(0) ""
      ["valorTotal"]=>   string(0) ""
    }
    [1]=>array(5) {
      ["quantidade"]=>  string(0) ""
      ["produto"]=>   string(0) ""
      ["descricao"]=> array(2) {
        ["descricao"]=>   string(0) ""
        ["tamanhos"]=>   array(1) {
          [0]=> array(2) {
            ["quantidade"]=>  string(0) ""
            ["tamanho"]=>   string(0) ""
          }
        }
      }
      ["valorUnitario"]=> string(0) ""
      ["valorTotal"]=>  string(0) ""
    }
  }

With data like that, we can easily apply the php function: json_encode($_POST);
And the json result is:

"cliente": "cliente",
"data": "data",
"observacoes": "obs",
"itensPedido": [
    {
        "quantidade": "",
        "produto": "",
        "descricao": {
            "descricao": "",
            "tamanhos": [
                {
                    "quantidade": "",
                    "tamanho": ""
                },
                {
                    "quantidade": "",
                    "tamanho": ""
                }
            ]
        },
        "valorUnitario": "",
        "valorTotal": ""
    },
    {
        "quantidade": "",
        "produto": "",
        "descricao": {
            "descricao": ""
        },
        "valorUnitario": "",
        "valorTotal": ""
    }
]

Is really extremely useful, and completly compatible with the alpaca way to think
Just one line! And the result is wonderful and amazing! (for php community)

obs: I know we can just use the javascript functions getData and send the perfect json to php using ajax and after parser, have the same result. But I don't know how ajax is working about uploading files. I think now it's a limitation until the new javascript files API came by default on all major browsers. But what I really know is: in that format we can work posting everything directly over html: <form action="" method="post"... and... SUBMIT!

[jamesmcb]

This is exactly what I needed, thanks for doing this investigation and proposing a workaround.

[gautiermichelin]

huge +1, or is this no more actual ?

[billbarsch]

I think it is ok today Em ter, 31 de jan de 2017 às 18:18, GautierMichelin < notifications@github.com> escreveu:

…

huge +1, or is this no more actual ? — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#221 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AEIZLdgzd-d6teSJFSyPr37JqDDIRMMkks5rX6ULgaJpZM4DraY-> .

[seanvree]

How do we change this in the main alpaca.min.js script?

[billbarsch]

You may edit the alpaca.js file, not the .min. file.

[NayanaMadhuwantha]

Thank you @billbarsch you saved me!

The code little bit changed now

 calculateName: function()
                {
                    if (!this.name || (this.name && this.nameCalculated))
                    {
                        // has path?
                        if (this.parent && this.parent.name && this.path)
                        {
                            if (this.propertyId)
                            {
                                this.name = this.parent.name + "_" + this.propertyId;
                                this.nameCalculated = true;
                            }
                            else
                            {
                                var lastSegment = this.path.substring(this.path.lastIndexOf('/') + 1);
                                if (lastSegment.indexOf("[") !== -1 && lastSegment.indexOf("]") !== -1)
                                {
                                    lastSegment = lastSegment.substring(lastSegment.indexOf("[") + 1, lastSegment.indexOf("]"));
                                }

                                if (lastSegment)
                                {
                                    this.name = this.parent.name + "_" + lastSegment;
                                    this.nameCalculated = true;
                                }
                            }
                        }
                        else
                        {
                            // generate name from the path
                            if (this.path)
                            {
                                this.name = this.path.replace(/\//g,"").replace(/\[/g,"_").replace(/\]/g,"");
                                this.nameCalculated = true;
                            }
                        }
                    }
                },

In 2023 we have to edit two lines

this.name = this.parent.name + "_" + this.propertyId;
this.name = this.parent.name + "_" + lastSegment;

to

this.name = this.parent.name + "[" + this.propertyId + "]";
this.name = this.parent.name + "[" + lastSegment + "]";