You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
1.3 KiB
JavaScript
37 lines
1.3 KiB
JavaScript
// watchers tree
|
|
panelApp.directive('batWtree', function($compile) {
|
|
return {
|
|
restrict: 'E',
|
|
terminal: true,
|
|
scope: {
|
|
val: '=val',
|
|
inspect: '=inspect'
|
|
},
|
|
link: function (scope, element, attrs) {
|
|
// this is more complicated then it should be
|
|
// see: https://github.com/angular/angular.js/issues/898
|
|
element.append(
|
|
'<div class="scope-branch">' +
|
|
'<a href ng-click="inspect()">Scope ({{val.id}})</a> | ' +
|
|
'<a href ng-click="showState = !showState">toggle</a>' +
|
|
'<div ng-class="{hidden: showState}">' +
|
|
'<ul>' +
|
|
'<li ng-repeat="item in val.watchers">' +
|
|
'<a href ng-class="{hidden: item.split(\'\n\').length < 2}" ng-click="showState = !showState">toggle</a> ' +
|
|
'<code ng-class="{hidden: showState && item.split(\'\n\').length > 1}">{{item | first}}</code>' +
|
|
'<pre ng-class="{hidden: !showState || item.split(\'\n\').length < 2}">' +
|
|
'{{item}}' +
|
|
'</pre>' +
|
|
'</li>' +
|
|
'</ul>' +
|
|
'<div ng-repeat="child in val.children">' +
|
|
'<bat-wtree val="child" inspect="inspect"></bat-wtree>' +
|
|
'</div>' +
|
|
'</div>' +
|
|
'</div>');
|
|
|
|
$compile(element.contents())(scope.$new());
|
|
}
|
|
};
|
|
});
|