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