External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-03-16 00:17:29 -02:30
Code Issues Packages Projects Releases Wiki Activity

Fixes to socket test page.

Browse Source
This commit is contained in:
Chris Houseknecht
2014-04-17 16:41:27 -04:00
parent 09f9b18d3f
commit 63fa194415
2 changed files with 30 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
awx/ui/static/js/controllers/Sockets.js
View File

@@ -14,27 +14,42 @@ function SocketsController ($scope, $compile, ClearScope, Socket) {
var test_scope = $scope.$new(), var test_scope = $scope.$new(),
jobs_scope = $scope.$new(), jobs_scope = $scope.$new(),
job_events_scope = $scope.$new(); job_events_scope = $scope.$new(),
test_socket = Socket({ scope: test_scope, endpoint: "test" }),
var test_socket = Socket({ scope: test_scope, endpoint: "test" }),
jobs_socket = Socket({ scope: jobs_scope, endpoint: "jobs" }), jobs_socket = Socket({ scope: jobs_scope, endpoint: "jobs" }),
job_events_socket = Socket({ scope: job_events_scope, endpoint: "job_events" }); job_events_socket = Socket({ scope: job_events_scope, endpoint: "job_events" }),
e, html;
var test_element = angular.element(document.getElementById('test_url')); test_scope.messages = [];
$compile(test_element)(test_scope); jobs_scope.messages = [];
var jobs_element = angular.element(document.getElementById("jobs_url")); job_events_scope.messages = [];
$compile(jobs_element)(jobs_scope);
var job_events_element = angular.element(document.getElementById("job_events_url")); html = "<div class=\"alert alert-info\"><strong>Socket url</strong>: {{ socket_url }} &nbsp;<strong>Status:</strong> {{ socket_status }} {{ socket_reason }}</div>\n" +
$compile(job_events_element)(job_events_scope); "<div class=\"well\">\n" +
"<h5>Received Messages:</h5>\n" +
"<ul>\n" +
"<li ng-repeat=\"message in messages\">{{ message }} </li>\n" +
"</ul>\n" +
"</div>\n";
e = angular.element(document.getElementById('test-container'));
e.append(html);
$compile(e)(test_scope);
e = angular.element(document.getElementById('jobs-container'));
e.append(html);
$compile(e)(jobs_scope);
e = angular.element(document.getElementById('job-events-container'));
e.append(html);
$compile(e)(job_events_scope);
test_socket.init(); test_socket.init();
jobs_socket.init(); jobs_socket.init();
job_events_socket.init(); job_events_socket.init();
test_scope.messages = ['Message Displayed Before Connection']; test_scope.messages.push('Message Displayed Before Connection');
test_socket.on('test', function(data) { test_socket.on('test', function(data) {
test_scope.messages.push(data); test_scope.messages.push(data);
}); });
} }

33
awx/ui/static/partials/sockets.html
View File

@@ -1,34 +1,7 @@
<div class="tab-pane" id="sockets"> <div class="tab-pane" id="sockets">
<div ng-cloak id="htmlTemplate"> <div ng-cloak id="htmlTemplate">
<div id="test_url"> <div id="test-container"></div>
<div class="alert alert-info"><strong>Socket url</strong>: {{ socket_url }} &nbsp;<strong>Status:</strong> {{ socket_status }} {{ socket_reason }}</div> <div id="jobs-container"></div>
<div class="well"> <div id="job-events-container"></div>
<h5>Received Test Messages:</h5>
<ul>
<li>{{messages}}</li>
<li ng-repeat="message in messages">{{ message }} </li>
</ul>
</div>
</div>
<div id="jobs_url">
<div class="alert alert-info"><strong>Socket url</strong>: {{ socket_url }} &nbsp;<strong>Status:</strong> {{ socket_status }} {{ socket_reason }}</div>
<div class="well">
<h5>Received Jobs Messages:</h5>
<ul>
<li ng-repeat="message in messages">{{ message }} </li>
</ul>
</div>
</div>
<div id="job_events_url">
<div class="alert alert-info"><strong>Socket url</strong>: {{ socket_url }} &nbsp;<strong>Status:</strong> {{ socket_status }} {{ socket_reason }}</div>
<div class="well">
<h5>Received Job Event Messages:</h5>
<ul>
<li ng-repeat="message in messages">{{ message }} </li>
</ul>
</div>
</div>
</div> </div>
</div> </div>