REU/interface.html at master · Nashmed28/REU · 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
107
108
109
<!DOCTYPE html>
<html>

<head>
    <!-- Linking to CSS stylesheet -->
    <link rel="stylesheet" type="text/css" href="interface.css">

    <!-- Linking to Javascript file -->
    <script type="text/javascript" src="interface.js"></script>

    <!-- Linking to Javascript/CSS libraries -->
    <link href="libraries/css/bootstrap.min.css" rel="stylesheet">
    <link href="libraries/css/simple-sidebar.css" rel="stylesheet">
    <script type="text/javascript" src="libraries/js/jquery.js"></script>
    <script type="text/javascript" src="libraries/js/jquery-1.12.2.js"></script>
    <script type="text/javascript" src="libraries/js/jquery-ui.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script type="text/javascript" src="libraries/js/bootstrap.min.js"></script>

    <!-- Naming the Website -->
    <title>Budgeting Tool</title>
</head>


<body onload="variable_bubble(); generate_epsilon_table(); populate_variable_selection_sidebar();">
<!-- <body onload="test()"> -->
    <div class="flex-container">
        <header>
            <h3>Budget Tool</h3>
            <table align="center">
                <tr>
                    <td>
                        Epsilon (e)
                    </td>
                    <td>
                        Delta (d)
                    </td>
                    <td>
                        Beta (B)
                    </td>

                    <td>
                        SS (s)
                    </td>
                    <td>
                        FE (fe)
                    </td>
                    <td>
                        FD (fd)
                    </td>

                </tr>
                <tr>
                    <td>
                        <input name="epsilon" onfocusout="global_parameters_epsilon(this)" value="0.1" style="color: black;" type="text" placeholder="Epsilon">
                    </td>
                    <td>
                        <input name="delta" onfocusout="global_parameters_delta(this)" value="0.000001" style="color: black;" type="text" placeholder="Delta">
                    </td>
                    <td>
                        <input name="beta" onfocusout="global_parameters_beta(this)" value="0.05" style="color: black;" type="text" placeholder="Beta">
                    </td>

                    <td>
                        <input id="SS" name="SS" onfocusout="global_parameters_SS(this)" value="" style="color: black;" type="text" placeholder="SS > 1000">
                    </td>
                    <td>
                        <input id="FE" name="FE" value="" style="color: black;" type="text" placeholder="FE/none if no SS" readonly>
                    </td>
                    <td>
                        <input id="FD" name="FD" value="" style="color: black;" type="text" placeholder="FD/none if no SS" readonly>
                    </td>

                </tr>
            </table>

            <input type="button" onclick="clear_SS()" value="Clear">

        </header>

        <!-- Variable Selection -->
        <nav class="variable_sidebar">
            <!-- Searchbar -->
            <input id='live-search-box' style="display:none" type="text" class="live-search-box" placeholder="Search Here">

            <!-- Variable List -->
            <!-- <ul id="variable_sidebar" class="live-search-list"></ul> -->
        </nav>

        <article class="main">
            <!-- Page Content: Bubbles -->
            <div id="bubble_form" style=""></div>

        </article>

        <!-- Epsilon Sidebar Table -->
        <nav id="epsilon_sidebar" class="epsilon_sidebar"></nav>

        <footer>
            <button onclick='report(); submit();' style="color:red;">Confirm</button>
            <br><br>REU PRIVACY TOOLS
        </footer>
    </div>

    <script type="text/javascript" src="interface.js"></script>

</body>

</html>