mxhack3/producto.php at master · MadDevs/mxhack3 · 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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104

<?php
    $titulo = "Nuevo objetivo";
    include ("head.php")
?>

<div class="container">
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <h1>Nueva objetivo de compra</h1>
    <h2>&iexcl;Quieres una nuevo art&iacute;culo, es momento de ahorrar!</h2>
    <br>
    <p class="bg-success" style="display: none; border-radius: 5px; text-align: center;" id="success">Producto agregado correctamente</p>
    <p class="bg-error" style="display: none;   border-radius: 5px; text-align: center;" id="error">Error al agregar producto</p>
    <form id="addProducto" name="newProduct" class="form-horizontal" action="createProducto.php" method="POST">
        <div class="form-group">
            <label for="nameProducto" class="col-sm-2 control-label">Nombre del art&iacute;culo</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" name="nameProducto" id="nameProducto" placeholder="Ejemplo: Lavadora, motocicleta, television..">
            </div>
        </div>

        <div class="form-group">
            <label for="description" class="col-sm-2 control-label">Descripci&oacute;n del art&iacute;culo</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" name="description" id="description"
                       placeholder="Ejemplo: Es una televisi&oacute;n negra de 20 pulgadas marca LG">
            </div>
        </div>

        <div class="form-group">
            <label for="amount" class="col-sm-2 control-label">Costo $</label>
            <div class="col-sm-10">
                <input type="number" class="form-control"  name="amount" id="amount" placeholder="3,499">
            </div>
        </div>

        <div class="form-group">
            <label for="star" class="col-sm-2 control-label">Marcar como objetivo actual</label>
            <div class="col-sm-10">
                <input type="checkbox" name="star" value="f"><p>Si, marcar como objetivo actual</p><br>
            </div>
        </div>

        <div class='form-group' id="objetivo">
            <label for='weeks' class='col-sm-2 control-label'>Semanas en las que deseas comprarlo</label>
            <div class='col-sm-10'>
                <input type='number' class='form-control'  name='weeks' id='amount' placeholder='7'>
            </div>
        </div>

        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>

        <button type="submit" class="btn btn-primary">Guardar</button>

    </form>
</div><!-- /.container -->
 <script>

     var countChecked = function() {
         var n = $( "input:checked" ).length;
         if(n == 0){
             $("#objetivo").hide()
         } else {
             $("#objetivo").show()
         }
     };

     countChecked();

     $( "input[type=checkbox]" ).on( "click", countChecked );

    $('#addProducto').on('submit', function (e) {

      e.preventDefault();

          $.ajax({
            type: 'post',
            url: 'createProducto.php',
            data: $('#addProducto').serialize(),
            success: function (json) {

                    if ($.trim(json)=="correct") {

                        setTimeout(function() {$("#success").show();}, 1000);
                        setTimeout(function() {$("#success").hide();}, 5000);
                        $('#description').val("");
                        $('#nameProducto').val("");
                        $('#amount').val("");

                    }
                    else {
                        setTimeout(function() {$("#error").show();}, 1000);
                        setTimeout(function() {$("#error").hide();}, 5000);
                    }

                }
            });

    });
   </script>
<?php  include("foot.php") ?>