Qiang Xue
12 years ago
15 changed files with 203 additions and 96 deletions
@ -1,26 +0,0 @@
|
||||
/** |
||||
* Yii debug module. |
||||
* |
||||
* This JavaScript module provides the functions needed by the Yii debug toolbar. |
||||
* |
||||
* @link http://www.yiiframework.com/
|
||||
* @copyright Copyright (c) 2008 Yii Software LLC |
||||
* @license http://www.yiiframework.com/license/
|
||||
* @author Qiang Xue <qiang.xue@gmail.com> |
||||
* @since 2.0 |
||||
*/ |
||||
|
||||
yii.debug = (function ($) { |
||||
return { |
||||
load: function (id, url) { |
||||
$.ajax({ |
||||
url: url, |
||||
//dataType: 'json',
|
||||
success: function(data) { |
||||
var $e = $('#' + id); |
||||
$e.html(data).show(); |
||||
} |
||||
}); |
||||
} |
||||
}; |
||||
})(jQuery); |
||||
@ -0,0 +1,121 @@
|
||||
#yii-debug-toolbar { |
||||
position: fixed; |
||||
left: 0; |
||||
right: 0; |
||||
bottom: 0; |
||||
margin: 0; |
||||
padding: 0; |
||||
z-index: 1000000; |
||||
font: 12px Verdana, Arial, sans-serif; |
||||
text-align: left; |
||||
height: 38px; |
||||
border-top: 1px solid #ccc; |
||||
background: rgb(237,237,237); |
||||
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); |
||||
background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%); |
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(53%,rgba(246,246,246,1)), color-stop(100%,rgba(255,255,255,1))); |
||||
background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); |
||||
background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); |
||||
background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); |
||||
background: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); |
||||
} |
||||
|
||||
.yii-debug-toolbar-block { |
||||
float: left; |
||||
margin: 0; |
||||
border-right: 1px solid #e4e4e4; |
||||
padding: 4px 8px; |
||||
line-height: 32px; |
||||
} |
||||
|
||||
.yii-debug-toolbar-block a { |
||||
text-decoration: none; |
||||
color: black; |
||||
} |
||||
|
||||
.yii-debug-toolbar-block span { |
||||
} |
||||
|
||||
.yii-debug-toolbar-block img { |
||||
vertical-align: middle; |
||||
} |
||||
|
||||
#yii-debug-toolbar .label { |
||||
display: inline-block; |
||||
padding: 2px 4px; |
||||
font-size: 11.844px; |
||||
font-weight: bold; |
||||
line-height: 14px; |
||||
color: #ffffff; |
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
||||
white-space: nowrap; |
||||
vertical-align: baseline; |
||||
background-color: #999999; |
||||
} |
||||
|
||||
#yii-debug-toolbar .label { |
||||
-webkit-border-radius: 3px; |
||||
-moz-border-radius: 3px; |
||||
border-radius: 3px; |
||||
} |
||||
|
||||
#yii-debug-toolbar .label:empty { |
||||
display: none; |
||||
} |
||||
|
||||
#yii-debug-toolbar a.label:hover, |
||||
#yii-debug-toolbar a.label:focus { |
||||
color: #ffffff; |
||||
text-decoration: none; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
#yii-debug-toolbar .label-important { |
||||
background-color: #b94a48; |
||||
} |
||||
|
||||
#yii-debug-toolbar .label-important[href] { |
||||
background-color: #953b39; |
||||
} |
||||
|
||||
#yii-debug-toolbar .label-warning, |
||||
#yii-debug-toolbar .badge-warning { |
||||
background-color: #f89406; |
||||
} |
||||
|
||||
#yii-debug-toolbar .label-warning[href] { |
||||
background-color: #c67605; |
||||
} |
||||
|
||||
#yii-debug-toolbar .label-success { |
||||
background-color: #468847; |
||||
} |
||||
|
||||
#yii-debug-toolbar .label-success[href] { |
||||
background-color: #356635; |
||||
} |
||||
|
||||
#yii-debug-toolbar .label-info { |
||||
background-color: #3a87ad; |
||||
} |
||||
|
||||
#yii-debug-toolbar .label-info[href] { |
||||
background-color: #2d6987; |
||||
} |
||||
|
||||
#yii-debug-toolbar .label-inverse, |
||||
#yii-debug-toolbar .badge-inverse { |
||||
background-color: #333333; |
||||
} |
||||
|
||||
#yii-debug-toolbar .label-inverse[href], |
||||
#yii-debug-toolbar .badge-inverse[href] { |
||||
background-color: #1a1a1a; |
||||
} |
||||
|
||||
#yii-debug-toolbar .debugger-link a { |
||||
padding: 3px 5px; |
||||
font-weight: normal; |
||||
color: white; |
||||
} |
||||
@ -0,0 +1,31 @@
|
||||
(function() { |
||||
var ajax = function(url, settings) { |
||||
var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP'); |
||||
settings = settings || {}; |
||||
xhr.open(settings.method || 'GET', url, true); |
||||
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); |
||||
xhr.onreadystatechange = function(state) { |
||||
if (xhr.readyState == 4) { |
||||
if (xhr.status == 200 && settings.success) { |
||||
settings.success(xhr); |
||||
} else if (xhr.status != 200 && settings.error) { |
||||
settings.error(xhr); |
||||
} |
||||
} |
||||
}; |
||||
xhr.send(settings.data || ''); |
||||
}; |
||||
var e = document.getElementById('yii-debug-toolbar'); |
||||
if (e) { |
||||
e.style.display = 'block'; |
||||
var url = e.getAttribute('data-url'); |
||||
ajax(url, { |
||||
success: function(xhr) { |
||||
e.innerHTML = xhr.responseText; |
||||
}, |
||||
error: function(xhr) { |
||||
e.innerHTML = xhr.responseText; |
||||
} |
||||
}); |
||||
} |
||||
})(); |
||||
Loading…
Reference in new issue