gtav-object-browser/index.html at master · dogboy21/gtav-object-browser · 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
110
111
112
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>GTAV Object Browser</title>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.10.0/css/lightbox.min.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css">
    <link rel="stylesheet" href="/css/browser.css">
</head>

<body>
    <div id="menu-bar">
        <button class="btn btn-outline-light btn-sm" id="sidebar-toggle" title="Toggle Sidebar">
            <i class="fas fa-times"></i>
        </button>
        <h4 class="jumbotron-heading">GTAV Object Browser</h4>
        <div id="search-container">
            <div class="input-group">
                <input type="text" class="form-control" placeholder="Enter Object Name..." id="name-input">
                <div class="input-group-append">
                    <button class="btn btn-outline-light" type="button" id="search-button"><i class="fas fa-search"></i></button>
                </div>
            </div>
        </div>
        <button class="btn btn-outline-light btn-sm" id="darkmode-toggle" title="Toggle Darkmode">
            <i class="fas fa-adjust"></i>
        </button>
    </div>
    <div id="page-wrapper">
        <div id="page-sidebar">
            <ul class="list-group list-group-flush" id="menu-list">
                <li class="list-group-item clickable" data-toggle="modal" data-target="#export-modal">Export Modified Categories</li>
                <li id="show-uncategorized" class="list-group-item clickable">Uncategorized</li>
            </ul>

            <ul class="list-group list-group-flush" id="category-list"></ul>
        </div>
        <div id="page-content">
            <main role="main">
                <div class="py-3">
                    <div class="container-fluid">
                        <div id="content"></div>
                    </div>
                </div>

                <footer class="text-muted">
                    <div class="container">
                        <p class="float-right">
                            <a href="#">Back to top</a>
                        </p>
                        <p>Grand Theft Auto and Grand Theft Auto: V are registered trademarks of Take-Two Interactive Software.</p>
                        <p>GTAV Object Browser is not affiliated with Take-Two Interactive Software in any way.</p>
                        <p>Site based on the <a href="https://cdn.rage.mp/public/odb/">RageMP Object Databse</a> and created with <a href="https://getbootstrap.com/">Bootstrap</a></p>
                    </div>
                </footer>
            </main>
        </div>
    </div>

    <div id="edit-category-modal" class="modal fade" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Edit categories: <span></span></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-10">
                            <input type="text" list="categories" class="form-control">
                            <datalist id="categories"></datalist>
                        </div>
                        <div class="col-md-2">
                            <button type="button" class="btn btn-outline-success btn-sm">Add</button>
                        </div>
                    </div>

                    <ul class="list-group list-group-flush"></ul>
                </div>
            </div>
        </div>
    </div>

    <div id="export-modal" class="modal fade" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Export changed categories</h5>
                </div>
                <div class="modal-body">
                    <textarea class="form-control"></textarea>
                </div>
            </div>
        </div>
    </div>

    <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.10.0/js/lightbox.min.js"></script>
    <script src="https://cdn.rage.mp/public/odb/objdata.js"></script>
    <script src="/js/categories.js"></script>
    <script src="/js/browser.js"></script>
</body>

</html>