Fork/index.html at master · SpaceDigi/Fork · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" type="text/css" href="styles.css"/>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div >
    <div class="container">
        <div class="buys">
            <div class="input">
                <div class="form">
                    <input id="input" placeholder="Text"/>
                    <button class="add_product">Add</button>
                </div>
            </div>
            <div class="product" id="product_0">
                <div class="text-product" id="label_0">Tomato</div>
                <div class="controls">
                    <button class="button delete" id="delete_0">-</button>
                    <span class="counts" id="counts_0">1</span>
                    <button class="button add" id="add_0">+</button>
                </div>
                <div class="state">
                    <div class="controls-state">
                        <button class="bought" id="buy_0">Bought</button>
                        <button class="remove" id="remove_0">X</button>
                        <button class="not-bought" id="notbuy_0">Not bought</button>
                    </div>
                </div>
            </div>
            <div class="product" id="product_1"><span class="text-product" id="label_1">Cheese</span>
                <div class="controls" >
                    <button class="button delete" id="delete_1">-</button>
                    <span class="counts" id="counts_1">1</span>
                    <button class="button add" id="add_1" title="Tool">+</button>
                </div>
                <div class="state">
                    <div class="controls-state">
                        <div class="controls-state">
                            <button class="bought" id="buy_1">Bought</button>
                            <button class="remove" id="remove_1">X</button>
                            <button class="not-bought" id="notbuy_1">Not bought</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="product" id="product_2">
                <span class="text-product" id="label_2">Potato</span>
                <div class="controls">
                    <button class="button delete" id="delete_2">-</button>
                    <span class="counts" id="counts_2">1</span>
                    <button class="button add" id="add_2">+</button>
                </div>
                <div class="state">
                    <div class="controls-state">
                        <button class="bought" id="buy_2">Bought</button>
                        <button class="remove" id="remove_2">X</button>
                        <button class="not-bought" id="notbuy_2">Not bought</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="buy-list">
            <div class="border_btm"><h3>Rest</h3></div>
            <div class="section-rest border_btm">
                <div class="section-row" id="section_row_0">
                <div id = "section_0">
                <div class="buy-product" id="buy_label_0">Tomato<span class="counts-bought" id="buy_counts_0">1</span></div>
                </div>
                <div id="section_1">
                <div class="buy-product" id="buy_label_1">Cheese<span class="counts-bought" id="buy_counts_1">1</span></div>
                </div>
                <div id="section_2">
                <div class="buy-product" id="buy_label_2">Potato<span class="counts-bought" id="buy_counts_2">1</span></div>
                </div>
                </div>
            </div>
            <div class="border_btm"><h3>Bought</h3></div>
            <div class="basket">
                <div class="section-row" id="basket_row_0">

                </div>
            </div>

        </div>
    </div>
    <div class="sticker">
        <div><b>Buy List</b></div>
        <div>Created by:</div>
        <div>Kolya Kartaviy</div>
        <div>SpaceDigi</div>
    </div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="js.js"></script>
</body>
</html>