web_monefy/index.html at master · devbystep/web_monefy · 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
105
106
<!DOCTYPE html>
<!-- Dzmitry Misiuk and Dzmitry Romaniuk -->
<html lang="en">
<head>
    <title>Web Monefy</title>
    <meta charset="UTF-8">
    <link href="bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <link href="bower_components/BaremetricsCalendar/public/css/application.css" rel="stylesheet" type="text/css">
    <link rel="shortcut icon" href="img/favicon.png">
    <script src="bower_components/jquery/dist/jquery.js" type="text/javascript"></script>
    <script src="bower_components/bootstrap/dist/js/bootstrap.js" type="text/javascript"></script>
    <script src="bower_components/moment/min/moment.min.js" type="text/javascript"></script>
    <script src="bower_components/BaremetricsCalendar/dev/js/Calendar.js" type="text/javascript"></script>
    <script src="js/main.js" type="text/javascript"></script>
</head>
<body>
<a href="https://github.com/devbystep/web_monefy"><img style="position: absolute; top: 0; right: 0; border: 0;"
                                                       src="https://camo.githubusercontent.com/652c5b9acfaddf3a9c326fa6bde407b87f7be0f4/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6f72616e67655f6666373630302e706e67"
                                                       alt="Fork me on GitHub"
                                                       data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png"></a>

<div class="container" style="margin: 10px; width: 100%">
    <div class="row" style="margin-bottom: 2%;margin-top: 2%; width: 80%">
        <div class="col-xs-4 col-xs-offset-2 col-md-3 col-md-offset-3">
            <button id="add" type="button" class="btn btn-success" style="float: right">Положить деньги в кошелек
            </button>
        </div>
        <div class="col-xs-4 col-xs-offset-2 col-md-3">
            <button id="spend" type="button" class="btn btn-danger">Взять деньги из кошелька</button>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-8">
            <div id="addDialog" class="modalDialog container" style="padding-bottom: 2%">
                <table class="table">
                    <thead>
                    <a id="closeDialogTitle" class="glyphicon glyphicon-remove-circle" href=""></a>

                    <h2 id="addDialogTitle">Add money to your wallet</h2>

                    <h2 id="spendDialogTitle">Take the money from your wallet</h2>
                    </thead>
                    <tr>
                        <td>Value:</td>
                        <td>
                            <table>
                                <tr>
                                    <div class="input-group">
                                        <span class="input-group-addon">$</span>
                                        <input id="addValue" type="number" class="form-control"
                                               pattern="^[0-9]">
                                        <span class="input-group-addon">.00</span>
                                    </div>
                                </tr>
                                <tr>
                                    <div id="addValueError" class="form-group has-error" style="display: none">
                                        <label class="control-label" for="addValue">Input with error</label>
                                    </div>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td>Description:</td>
                        <td>
                            <input id="addDescription" type="text" class="form-control"
                                   pattern="^[а-яА-я]+$+^[a-zA-Z]+^[0-9]"
                                   aria-label="Amount (to the nearest dollar)" list="Descrip">
                            <datalist id="Descrip">
                                <option></option>
                        </td>
                    </tr>
                </table>

                <button onclick="addInput()" class="btn btn-default col-lg-2 col-lg-offset-5" type="submit">ENTER
                </button>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-xs-6 col-md-4 col-md-offset-2">
            <div class='daterange daterange--double'></div>
        </div>
        <div class="col-xs-6 col-md-4 ">
            <h1><span class="label label-primary">Баланс: <span id="summval"></span></span></h1>
        </div>

    </div>
    <div class="row">
        <div class="col-xs-12 col-md-8 col-md-offset-2">
            <div id="transactionList"></div>
        </div>
    </div>
</div>
<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <span>Input with error</span>
        </div>
    </div>
</div>
</body>
</html>