1
+ <!doctype html>
2
+ <html lang =" en" >
3
+ <head >
4
+ <meta charset =" UTF-8" >
5
+ <meta name =" viewport"
6
+ content =" width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" >
7
+ <meta http-equiv =" X-UA-Compatible" content =" ie=edge" >
8
+ <title >Laravel Query Adviser</title >
9
+ </head >
10
+ <body >
11
+ <h1 >Query Adviser - EXPLAIN</h1 >
12
+ <a href =" /query-adviser/query" >Back</a >
13
+
14
+ <summary >
15
+ <dl >
16
+ <dt >sql</dt >
17
+ <dd >{{ Socialblue \LaravelQueryAdviser \Helper \QueryBuilderHelper:: combineQueryAndBindings ($query [' sql' ], $query [' bindings' ])} } </dd >
18
+
19
+ <dt >Time</dt >
20
+ <dd >{{ $query [' time' ]} } </dd >
21
+ <dt >Route</dt >
22
+ <dd >{{ $query [' url' ]} } </dd >
23
+ </dl >
24
+
25
+
26
+
27
+ </summary >
28
+
29
+
30
+ <section >
31
+ <div >
32
+ @foreach ($queryParts as $queryPart )
33
+ <div class =" query-group" >
34
+ {{ $queryPart -> table } }
35
+ </div >
36
+ <div class =" query" >
37
+ <dl >
38
+ <dt >Select type</dt >
39
+ <dd >{{ $queryPart -> select_type } } </dd >
40
+
41
+ <dt >Type</dt >
42
+ <dd >{{ $queryPart -> type } } </dd >
43
+
44
+ <dt >Possible keys</dt >
45
+ <dd >{{ $queryPart -> possible_keys } } </dd >
46
+
47
+ <dt >Key used</dt >
48
+ <dd >{{ $queryPart -> key } } </dd >
49
+
50
+ <dt >key len</dt >
51
+ <dd >{{ $queryPart -> key_len } } </dd >
52
+
53
+ <dt >rows</dt >
54
+ <dd >{{ $queryPart -> rows } } </dd >
55
+
56
+ <dt >filtered</dt >
57
+ <dd >{{ $queryPart -> filtered } } </dd >
58
+ </dl >
59
+ </div >
60
+ @endforeach
61
+
62
+ </div >
63
+ </section >
64
+ <style >
65
+ .query-group {
66
+ font-family : Consolas;
67
+ font-size : 24px ;
68
+ font-weight : bold ;
69
+ padding : 10px 4px 4px 10px ;
70
+ background : rgba (128 ,128 ,128 , 0.4 );
71
+ border : 1px solid rgba (128 , 128 , 128 , 0.6 );
72
+ position : relative ;
73
+ clear : both ;
74
+ }
75
+
76
+ .query {
77
+ position : relative ;
78
+ clear : both ;
79
+ width : 90% ;
80
+ border : 1px solid rgba (128 , 128 , 128 , 0.6 );
81
+ font-family : Consolas;
82
+ font-size : 16px ;
83
+ margin : 4px ;
84
+ }
85
+
86
+ .query .text {
87
+ position : relative ;
88
+ width : calc (95% - 100px );
89
+ max-height : 40px ;
90
+ padding : 10px 4px 4px 10px ;
91
+ overflow-y : scroll ;
92
+ }
93
+
94
+ .query .btn {
95
+ position : relative ;
96
+ margin : 10px ;
97
+ width : 80px ;
98
+ float : right ;
99
+ left : 5px ;
100
+ right : 5px ;
101
+ font-size : 10px ;
102
+ text-decoration : underline ;
103
+ text-transform : uppercase ;
104
+ }
105
+ </style >
106
+
107
+
108
+ </body >
109
+ </html >
0 commit comments