data-mixer/index.html at main · luccas33/data-mixer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Data Mixer</title>
    <script src="data-mixer.js"></script>
</head>

<body>
    <h1>Data Mixer</h1>
    <h3>Abra o console para ver os dados gerados</h3>
    <h3>Tutorial</h3>
    <p>
        "input" é o modelo a ser gerado.
    </p>
    <p>
        As propriedades devem ser geradas de acordo com um objeto contendo:<br>
        min: valor mínimo;<br>
        max: valor máximo;<br>
        origin: origem dos dados;<br>
        repeat: os valores podem se repetir;<br>
        idProperty: nome da propriedade unica do objeto gerado.
    </p>
    <p>
        min e max podem ser um number, um Date ou um Function.<br>
        Caso min/max seja um Function, o Function é executado e o valor de retorno é usado como min/max.
    </p>
    <p>
        origin pode ser null, um array, um objeto a ser gerado (modelo) ou um Function.<br>
        Caso origin seja null, será gerado um valor aleatório entre min e max;<br>
        Caso origin seja um array, um valor do array será selecionado aleatoriamente;<br>
        Caso origin seja um objeto modelo, o objeto é gerado e retornado para a propriedade em questão.<br>
        Caso origin seja um Funcion, o Funcion é executado e seu valor de retorno é enviado para a propriedade em
        questão.
    </p>
    <p>
        Functions recebem o objeto que está sendo gerado como argumento.
    </p>
    <p>
        Objetos modelos filhos recebem o objeto pai na propriedade super.
    </p>

    <h3>Prefere preencher formulários em vez de escrever código?</h3>
    <a href="forms.html">Acesse /forms.html</a>

    <h3>Precisa converter JSON para inserts SQL?</h3>
    <a href="jsontosql.html">Acesse /jsontosql.html</a>
</body>

    <script>
        console.log('input: ', input);
        main();
    </script>

</html>