8000 Redesigned the WDT. · ostrolucky/symfony@67b0532 · GitHub
[go: up one dir, main page]
S 8000 kip to content

Commit 67b0532

Browse files
shiroyukishiroyuki
committed
Redesigned the WDT.
1 parent 127cff0 commit 67b0532

File tree

7 files changed

+345
-69
lines changed

7 files changed

+345
-69
lines changed

‎src/Symfony/Bundle/WebProfilerBundle/Resources/public/css/toolbar.css

Lines changed: 114 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -11,13 +11,14 @@ build: 56
1111
background: #cbcbcb;
1212
background-image: -moz-linear-gradient(-90deg, #e8e8e8, #cbcbcb);
1313
background-image: -webkit-gradient(linear, 0% 0%, 0% 8000 100%, from(#e8e8e8), to(#cbcbcb));
14-
bottom: 0;
14+
top: 0;
1515
left: 0;
16-
z-index: 6000000;
17-
width: 100%;
18-
border-top: 1px solid #bbb;
19-
padding: 5px 0;
16+
right: 0;
17+
height: 38px;
2018
margin: 0;
19+
padding: 0 40px 0 0;
20+
z-index: 6000000;
21+
border-bottom: 1px solid #bbb;
2122
font: 11px Verdana, Arial, sans-serif;
2223
color: #000;
2324
}
@@ -26,3 +27,111 @@ build: 56
2627
border-bottom: 1px dotted #000000;
2728
cursor: help;
2829
}
30+
31+
.sf-toolbar-block {
32+
white-space: nowrap;
33+
color: #2f2f2f;
34+
display: block;
35+
min-height: 28px;
36+
border-right: 1px solid #cdcdcd;
37+
padding: 0;
38+
float: left;
39+
}
40+
41+
.sf-toolbar-block span {
42+
display: inline-block;
43+
}
44+
45+
.sf-toolbar-block .sf-toolbar-info-piece {
46+
padding-top: 5px;
47+
}
48+
49+
.sf-toolbar-block .sf-toolbar-info-piece:first-child {
50+
padding-top: 0;
51+
}
52+
53+
.sf-toolbar-block .sf-toolbar-info-piece b {
54+
display: inline-block;
55+
width: 110px;
56+
}
57+
58+
.sf-toolbar-block .sf-toolbar-info-with-next-pointer:after {
59+
content: '::';
60+
color: #999;
61+
}
62+
63+
.sf-toolbar-block .sf-toolbar-info-with-delimiter {
64+
border-right: 1px solid #ccc;
65+
padding-right: 5px;
66+
margin-right: 5px;
67+
}
68+
69+
.sf-toolbar-block .sf-toolbar-info {
70+
display: none;
71+
position: absolute;
72+
top: 38px;
73+
background-color: #fff;
74+
border: 1px solid #bbb;
75+
border-top: 1px solid #fff;
76+
padding: 5px 8px;
77+
margin-left: -1px;
78+
}
79+
80+
.sf-toolbar-block .sf-toolbar-info:empty {
81+
visibility: hidden;
82+
}
83+
84+
.sf-toolbar-block .sf-toolbar-status {
85+
display: inline-block;
86+
color: #fff;
87+
background-color: #333;
88+
padding: 3px 6px;
89+
border-radius: 3px;
90+
}
91+
92+
.sf-toolbar-block .sf-toolbar-status-green {
93+
background-color: #759e1a;
94+
}
95+
96+
.sf-toolbar-block .sf-toolbar-status-red {
97+
background-color: #a33;
98+
}
99+
100+
.sf-toolbar-block .sf-toolbar-icon {
101+
display: block;
102+
}
103+
104+
.sf-toolbar-block .sf-toolbar-icon > a,
105+
.sf-toolbar-block .sf-toolbar-icon > span {
106+
display: block;
107+
text-decoration: none;
108+
margin: 0;
109+
padding: 5px 8px;
110+
min-width: 20px;
111+
text-align: center;
112+
}
113+
114+
.sf-toolbar-block .sf-toolbar-icon img {
115+
border-width: 0;
116+
vertical-align: middle;
117+
}
118+
119+
.sf-toolbar-block .sf-toolbar-icon img + span {
120+
margin-left: 5px;
121+
}
122+
123+
.sf-toolbarreset:hover {
124+
box-shadow: rgba(0, 0, 0, 0.3) 0 0 50px;
125+
}
126+
127+
.sf-toolbar-block:hover {
128+
box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px;
129+
}
130+
131+
.sf-toolbar-block:hover .sf-toolbar-icon {
132+
background-color: #fff;
133+
}
134+
.sf-toolbar-block:hover .sf-toolbar-icon + .sf-toolbar-info {
135+
display: block;
136+
}
137+

‎src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/config.html.twig

Lines changed: 57 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -2,43 +2,79 @@
22

33
{% block toolbar %}
44
{% set icon %}
5-
<a href="http://symfony.com/"><img width="26" height="28" alt="Symfony" style="border-width: 0; margin: 0 5px 0 10px; vertical-align: middle;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAcCAMAAABIzV/hAAACZFBMVEUwLjL///////////////////////////////////////////////////////////////////+Eg4b///+Ni46Xlpj///////////+op6n///////////////////////////////////////////////////////////9ZWFv///////9qaWz///////+mpaf///////////////9ZWFv///////////////9PTVH///91dHb////////////////////g4OD///9NTE+Ih4r///////+Ni47///////92dHeRkJLk5OTLy8xlY2b///////+cm53///////+5ubr////o6Oj////////U1NT///9DQURsa22rq6ysq61hX2L///+LioxTUVVBP0NEQkZpZ2rGxsf///9ram3////s7O2SkZNfXmFxcHKmpae4uLnKysuXlpiop6l3dXiIh4pYVlmrq6ycm52trK7Nzc48Oj5dW158e36dnJ49Oz/Pz9BiYGPAv8BDQUTQz9BVU1aioaNHRUnBwcJXVVk6ODxJR0t3dnmko6U8Oj6lpKY9Oz+0tLXDwsRQTlF7en1QTlHi4eJhX2LFxcZTUVViYGNwb3J+fX83NTlFQ0dUUlW4t7icm524uLk8Oj5YVlmPjpBLSU2enZ9aWVw/PkFBP0NdW153dnk0MjZQTlE1MzdQT1JdXF9ram15eHqGhYdDQkV5eHo2NThEQkZRUFNFQ0dta244NjpGREhTUVU5NztUUlVhX2JubG9HRUlVU1ZiYGM7OTxIRkk7OT1IR0o8Oj4wLjI9Oz8YdG13AAAAynRSTlMAAAEDBAUGCgsMDQ4QEhMUGRobGx0gISIkJiYnKCktLi8wMjM0NTk6Ozw+P0NFSEpLTE5PUFBTWlteXmBiZGVmaWxtcHBxc3R0dnl5fX+BgoOGi46Pj5CRmZqanZ6eoKeoq6ytsLCwsrO0tbe5urq8vL+/wsTFx8jJycvLy8vM0NHR0tLU1NfX2NnZ2trc3N3d3eHh4uLl5ebm5ubn5+fo6urt7e3u7vDx8/Pz9PT19fX19fX29vf39/j4+fn5+vr6+vv7+/z8/f3+yR5EtwAAAbVJREFUeNpl0mVXVFEYhuF3zhkOFqMjYmCi2MUYYKGIYiJ2YCd2t4IBFqgoKjZ2jg3igI2KyO2f8sTMngGvj/te71r7wyMuk4jofZccAihcMzJKXDYnuYcVotyeYKiktV5LA0faaE7S4s7TyMsBupnMcoH/vO6gmanJaiLV1Py+Xwn5zc0fjCbSi2LI2QdkGdLyFBG+rHwMzz4BD7wyGEfFk8pfsD2TkGmyFNvFHfDj55v02VD6DcteOYylatY8oG7boA2QV4vlklzB8tU3/DIwo+dWv58guY5tRcLMtwSGdi1DkTvAn9Jqsgbu4kafRBqlV4sDFCWuIjdhMsp7yQU49rB28/QPLOu2DuWqLMfmfw6M716GskdGVRMSGDKRsEzpvZ+Qs0lFKDd94s2oArh2F7K3oNQt6ChGr5x6+Dx3J7d2E3Ygqam4PCkngRNnngYIO5cWq4lLb5t+vJ6GiifFR1nbMNqP3fSOCN8PZnQynEW5W/nmHy0PXv79eHpRSjsjtEOtWZcRc9YXlNx7VFKwceGYHjG6s0Ob3iK+X3LqlKnjkvt39rjD6w3W6BhvrCdaVw//ADrWicJIvtkmAAAAAElFTkSuQmCC"/></a>
5+
<style type="text/css">
6+
.sf-toolbar-info-php {
7+
}
8+
9+
.sf-toolbar-info-php-ext {
10+
}
11+
12+
.sf-toolbar-info-php-ext .sf-toolbar-status {
13+
margin-left: 2px;
14+
}
15+
16+
.sf-toolbar-info-php-ext .sf-toolbar-status:first-child {
17+
margin-left: 0;
18+
}
19+
</style>
20+
21+
<a href="http://symfony.com/">
22+
<img width="26" height="28" alt="Symfony" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAcCAMAAABIzV/hAAACZFBMVEUwLjL///////////////////////////////////////////////////////////////////+Eg4b///+Ni46Xlpj///////////+op6n///////////////////////////////////////////////////////////9ZWFv///////9qaWz///////+mpaf///////////////9ZWFv///////////////9PTVH///91dHb////////////////////g4OD///9NTE+Ih4r///////+Ni47///////92dHeRkJLk5OTLy8xlY2b///////+cm53///////+5ubr////o6Oj////////U1NT///9DQURsa22rq6ysq61hX2L///+LioxTUVVBP0NEQkZpZ2rGxsf///9ram3////s7O2SkZNfXmFxcHKmpae4uLnKysuXlpiop6l3dXiIh4pYVlmrq6ycm52trK7Nzc48Oj5dW158e36dnJ49Oz/Pz9BiYGPAv8BDQUTQz9BVU1aioaNHRUnBwcJXVVk6ODxJR0t3dnmko6U8Oj6lpKY9Oz+0tLXDwsRQTlF7en1QTlHi4eJhX2LFxcZTUVViYGNwb3J+fX83NTlFQ0dUUlW4t7icm524uLk8Oj5YVlmPjpBLSU2enZ9aWVw/PkFBP0NdW153dnk0MjZQTlE1MzdQT1JdXF9ram15eHqGhYdDQkV5eHo2NThEQkZRUFNFQ0dta244NjpGREhTUVU5NztUUlVhX2JubG9HRUlVU1ZiYGM7OTxIRkk7OT1IR0o8Oj4wLjI9Oz8YdG13AAAAynRSTlMAAAEDBAUGCgsMDQ4QEhMUGRobGx0gISIkJiYnKCktLi8wMjM0NTk6Ozw+P0NFSEpLTE5PUFBTWlteXmBiZGVmaWxtcHBxc3R0dnl5fX+BgoOGi46Pj5CRmZqanZ6eoKeoq6ytsLCwsrO0tbe5urq8vL+/wsTFx8jJycvLy8vM0NHR0tLU1NfX2NnZ2trc3N3d3eHh4uLl5ebm5ubn5+fo6urt7e3u7vDx8/Pz9PT19fX19fX29vf39/j4+fn5+vr6+vv7+/z8/f3+yR5EtwAAAbVJREFUeNpl0mVXVFEYhuF3zhkOFqMjYmCi2MUYYKGIYiJ2YCd2t4IBFqgoKjZ2jg3igI2KyO2f8sTMngGvj/te71r7wyMuk4jofZccAihcMzJKXDYnuYcVotyeYKiktV5LA0faaE7S4s7TyMsBupnMcoH/vO6gmanJaiLV1Py+Xwn5zc0fjCbSi2LI2QdkGdLyFBG+rHwMzz4BD7wyGEfFk8pfsD2TkGmyFNvFHfDj55v02VD6DcteOYylatY8oG7boA2QV4vlklzB8tU3/DIwo+dWv58guY5tRcLMtwSGdi1DkTvAn9Jqsgbu4kafRBqlV4sDFCWuIjdhMsp7yQU49rB28/QPLOu2DuWqLMfmfw6M716GskdGVRMSGDKRsEzpvZ+Qs0lFKDd94s2oArh2F7K3oNQt6ChGr5x6+Dx3J7d2E3Ygqam4PCkngRNnngYIO5cWq4lLb5t+vJ6GiifFR1nbMNqP3fSOCN8PZnQynEW5W/nmHy0PXv79eHpRSjsjtEOtWZcRc9YXlNx7VFKwceGYHjG6s0Ob3iK+X3LqlKnjkvt39rjD6w3W6BhvrCdaVw//ADrWicJIvtkmAAAAAElFTkSuQmCC"/>
23+
</a>
624
{% endset %}
725
{% include 'WebProfilerBundle:Profiler:toolbar_item.html.twig' with { 'link': false, 'text': collector.symfonyversion } %}
826

927
{% if verbose %}
28+
{% set icon %}
29+
<span>
30+
<img width="26" height="28" alt="PHP" src="data:image/png;base64,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"/>
31+
</span>
32+
{% endset %}
1033
{% set text %}
1134
{% spaceless %}
12-
<span>PHP {{ collector.phpversion }}</span>
13-
<span style="margin: 0; padding: 0; color: #979696;">|</span>
14-
<span style="color: {{ collector.hasxdebug ? '#759e1a' : '#a33' }}">xdebug</span>
15-
<span style="margin: 0; padding: 0; color: #979696">|</span>
16-
<span style="color: {{ collector.hasaccelerator ? '#759e1a' : '#a33' }}">accel</span>
35+
<div class="sf-toolbar-info-piece sf-toolbar-info-php">
36+
<b>PHP</b>
37+
<span>{{ collector.phpversion }}</span>
38+
</div>
39+
<div class="sf-toolbar-info-piece sf-toolbar-info-php-ext">
40+
<b>PHP Extensions</b>
41+
<span class="sf-toolbar-status sf-toolbar-status-{{ collector.hasxdebug ? 'green' : 'red' }}">xdebug</span>
42+
<span class="sf-toolbar-status sf-toolbar-status-{{ collector.hasaccelerator ? 'green' : 'red' }}">accel</span>
43+
</div>
1744
{% endspaceless %}
1845
{% endset %}
19-
{% include 'WebProfilerBundle:Profiler:toolbar_item.html.twig' with { 'link': false, 'icon': '' } %}
46+
{% include 'WebProfilerBundle:Profiler:toolbar_item.html.twig' with { 'link': false } %}
2047
{% endif %}
2148

2249
{% set icon %}
23-
<img width="21" height="28" alt="Environment" style="border-width: 0; vertical-align: middle; margin-right: 5px;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAcCAMAAAC5xgRsAAAAZlBMVEX///////////////////////////////////////////////////////////////////////////////////////////+ZmZmZmZlISEhJSUmdnZ1HR0fR0dFZWVlpaWlfX18/Pz+puygPAAAAIXRSTlMACwwlJygpLzIzNjs8QEtMUmd6e32AucDBw8fIydTm6u5l8MjvAAAAo0lEQVR42r2P2Q6CMBBFL6XsZRGRfZv//0nbDBNEE19MnJeTc5ILKf58ahiUwzy/AJpIWwREwQnEXRdbGCLjrO+djWRvVMiJcigxB7viGogxDdJpSmHEmCVPS7YczJvgUu+CS30IvtbNYZMvsGVo2mVpG/kbm4auiCpdcC3YPCAhSpAdUzaAn6qPKZtUT6ZSzb4bi2hdo9MQ1nX4ASjfV+/4/Z40pyCHrNTbIgAAAABJRU5ErkJggg=="/>
50+
<img width="21" height="28" alt="Environment" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAcCAMAAAC5xgRsAAAAZlBMVEX///////////////////////////////////////////////////////////////////////////////////////////+ZmZmZmZlISEhJSUmdnZ1HR0fR0dFZWVlpaWlfX18/Pz+puygPAAAAIXRSTlMACwwlJygpLzIzNjs8QEtMUmd6e32AucDBw8fIydTm6u5l8MjvAAAAo0lEQVR42r2P2Q6CMBBFL6XsZRGRfZv//0nbDBNEE19MnJeTc5ILKf58ahiUwzy/AJpIWwREwQnEXRdbGCLjrO+djWRvVMiJcigxB7viGogxDdJpSmHEmCVPS7YczJvgUu+CS30IvtbNYZMvsGVo2mVpG/kbm4auiCpdcC3YPCAhSpAdUzaAn6qPKZtUT6ZSzb4bi2hdo9MQ1nX4ASjfV+/4/Z40pyCHrNTbIgAAAABJRU5ErkJggg=="/>
2451
{% endset %}
2552
{% set text %}
2653
{% spaceless %}
2754
{% if verbose %}
28-
<span>{{ collector.appname }}</span>
29-
<span style="margin: 0; padding: 0; color: #979696;">|</span>
30-
<span>{{ collector.env }}</span>
31-
<span style="margin: 0; padding: 0; color: #979696;">|</span>
32-
<span>{{ collector.debug ? 'debug' : 'no-debug' }}</span>
33-
<span style="margin: 0; padding: 0; color: #979696;">|</span>
55+
<div class="sf-toolbar-info-piece">
56+
<b>Name</b>
57+
<span>{{ collector.appname }}</span>
58+
</div>
59+
<div class="sf-toolbar-info-piece">
60+
<b>Environment</b>
61+
<span>{{ collector.env }}</span>
62+
</div>
63+
<div class="sf-toolbar-info-piece">
64+
<b>Debug</b>
65+
<span class="sf-toolbar-status sf-toolbar-status-{{ collector.debug ? 'green' : 'red' }}">{{ collector.debug ? 'en' : 'dis' }}abled</span>
66+
</div>
3467
{% endif %}
35-
<span>
36-
{% if profiler_url %}
37-
<a style="color: #2f2f2f" href="{{ profiler_url }}">{{ collector.token }}</a>
38-
{% else %}
39-
{{ collector.token }}
40-
{% endif %}
41-
</span>
68+
<div class="sf-toolbar-info-piece">
69+
<b>Token</b>
70+
<span>
71+
{% if profiler_url %}
72+
<a style="color: #2f2f2f" href="{{ profiler_url }}">{{ collector.token }}</a>
73+
{% else %}
74+
{{ collector.token }}
75+
{% endif %}
76+
</span>
77+
</div>
4278
{% endspaceless %}
4379
{% endset %}
4480
{% include 'WebProfilerBundle:Profiler:toolbar_item.html.twig' with { 'link': profiler_url } %}

‎src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/memory.html.twig

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,15 @@
22

33
{% block toolbar %}
44
{% set icon %}
5-
<img width="13" height="28" alt="Memory Usage" style="vertical-align: middle; margin-right: 5px;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAcBAMAAABITyhxAAAAJ1BMVEXNzc3///////////////////////8/Pz////////////+NjY0/Pz9lMO+OAAAADHRSTlMAABAgMDhAWXCvv9e8JUuyAAAAQ0lEQVQI12MQBAMBBmLpMwoMDAw6BxjOOABpHyCdAKRzsNDp5eXl1KBh5oHBAYY9YHoDQ+cqIFjZwGCaBgSpBrjcCwCZgkUHKKvX+wAAAABJRU5ErkJggg=="/>
5+
<span>
6+
<img width="13" height="28" alt="Memory Usage" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAcBAMAAABITyhxAAAAJ1BMVEXNzc3///////////////////////8/Pz////////////+NjY0/Pz9lMO+OAAAADHRSTlMAABAgMDhAWXCvv9e8JUuyAAAAQ0lEQVQI12MQBAMBBmLpMwoMDAw6BxjOOABpHyCdAKRzsNDp5eXl1KBh5oHBAYY9YHoDQ+cqIFjZwGCaBgSpBrjcCwCZgkUHKKvX+wAAAABJRU5ErkJggg=="/>
7+
</span>
68
{% endset %}
79
{% set text %}
8-
{{ '%.1f'|format(collector.memory / 1024 / 1024) }} MB
10+
<div class="sf-toolbar-info-piece">
11+
<b>Memory usage</b>
12+
<span>{{ '%.1f'|format(collector.memory / 1024 / 1024) }} MB</span>
13+
</div>
914
{% endset %}
1015
{% include 'WebProfilerBundle:Profiler:toolbar_item.html.twig' with { 'link': false } %}
1116
{% endblock %}

0 commit comments

Comments
 (0)
0