1+ <!DOCTYPE html>
2+ <html lang="en">
3+ <head>
4+
5+ <meta charset="UTF-8">
6+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
8+ <title>MongoDB PHP GUI v<?php echo MPG \VERSION ; ?> </title>
9+
10+ <link rel="icon" href="./assets/images/mpg-icon.svg">
11+ <link rel="mask-icon" href="./assets/images/mpg-safari-icon.svg" color="#6eb825">
12+ <link rel="apple-touch-icon" href="./assets/images/mpg-ios-icon.png">
13+
14+ <link rel="stylesheet" href="./assets/css/ubuntu-font.css">
15+ <link rel="stylesheet" href="./assets/css/fontawesome-custom.css">
16+ <link rel="stylesheet" href="./assets/css/bootstrap.min.css">
17+ <link rel="stylesheet" href="./assets/css/codemirror.min.css">
18+ <link rel="stylesheet" href="./assets/css/codemirror-show-hint.min.css">
19+ <link rel="stylesheet" href="./assets/css/jsonview.bundle.css">
20+ <link rel="stylesheet" href="./source/css/inner.css">
21+
22+ <script src="./assets/js/codemirror.min.js"></script>
23+ <script src="./assets/js/codemirror-js-mode.js"></script>
24+ <script src="./assets/js/codemirror-sql-mode.js"></script>
25+ <script src="./assets/js/codemirror-show-hint.min.js"></script>
26+ <script src="./assets/js/codemirror-mpg-hint.js"></script>
27+ <script src="./assets/js/jsonic.min.js"></script>
28+
29+ <script src="./source/js/_base.js"></script>
30+ <script src="./source/js/jsonViewModified.js"></script>
31+ <script src="./source/js/queryDocuments.js"></script>
32+
33+ </head>
34+
35+ <body>
36+
37+ <?php require MPG \ABS_PATH . '/views/parts/menu.view.php ' ; ?>
38+
39+ <div class="container-fluid">
40+
41+ <div class="row">
42+
43+ <div class="col-md-3">
44+
45+ <div class="row">
46+
47+ <div class="col-md-12">
48+
49+ <?php require MPG \ABS_PATH . '/views/parts/databases.view.php ' ; ?>
50+
51+ </div>
52+
53+ </div>
54+
55+ <div class="row">
56+
57+ <div class="col-md-12">
58+
59+ <h2>Collections</h2>
60+
61+ <ul id="mpg-collections-list">
62+ <li><i>Please select a database.</i></li>
63+ </ul>
64+
65+ </div>
66+
67+ </div>
68+
69+ </div>
70+
71+ <div class="col-md-9">
72+
73+ <div class="row">
74+
75+ <div class="col-md-6">
76+
77+ <h2 class="float-left">Document</h2>
78+
79+ <h2 class="float-right">Filter</h2>
80+
81+ <textarea id="mpg-filter-or-doc-textarea"></textarea>
82+
83+ <button id="mpg-insert-one-button" class="btn btn-primary float-left">
84+ Insert one
85+ </button>
86+
87+ <button id="mpg-find-button" class="btn btn-success float-right" title="Ctrl + Enter">
88+ Find
89+ </button>
90+
91+ <button id="mpg-delete-one-button" class="btn btn-danger float-right">
92+ Delete one
93+ </button>
94+
95+ <button id="mpg-count-button" class="btn btn-info float-right" title="Ctrl + *">
96+ Count
97+ </button>
98+
99+ </div>
100+
101+ <div class="col-md-6">
102+
103+ <h2>Options</h2>
104+
105+ <div class="form-group">
106+
107+ <div>
108+ Limit <input id="mpg-limit-input" type="number" class="form-control" value="5" min="1">
109+ </div>
110+
111+ <div>
112+ Sort
113+ <select id="mpg-sort-select" class="form-control">
114+ <option value="">Please select a database and a collection.</option>
115+ </select>
116+ </div>
117+
118+ <div>
119+ Order
120+ <select id="mpg-order-select" class="form-control">
121+ <option value="1">ASC</option>
122+ <option value="-1">DESC</option>
123+ </select>
124+ </div>
125+
126+ </div>
127+
128+ </div>
129+
130+ </div>
131+
132+ <div class="row">
133+
134+ <div id="mpg-output-column" class="col-md-12">
135+
136+ <h2 class="d-inline-block">Output</h2>
137+
138+ <button id="mpg-export-button" class="btn btn-secondary">Export</button>
139+
140+ <div>
141+ <code id="mpg-output-code"></code>
142+ </div>
143+
144+ </div>
145+
146+ </div>
147+
148+ </div>
149+
150+ </div>
151+
152+ </div>
153+
154+ </body>
155+
156+ </html>
0 commit comments