PubNub DevOps UI w/ PagerDuty
<!doctype html> | |
<html> | |
<head> | |
<script src="https://cdn.pubnub.com/sdk/javascript/pubnub.4.5.0.js"></script> | |
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script> | |
<script src="https://cdn.pubnub.com/sdk/pubnub-angular/pubnub-angular-4.0.2.js"></script> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script> | |
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" /> | |
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" /> | |
</head> | |
<body> | |
<div class="container" ng-app="PubNubAngularApp" ng-controller="MyDevOpsCtrl"> | |
<pre> | |
NOTE: make sure to update the PubNub keys below with your keys, | |
and ensure that the devops BLOCK is configured properly! | |
</pre> | |
<h3>MyApp DevOps Controls</h3> | |
<input type="submit" ng-click="publish()" value="PANIC!" /> | |
<br /><br /> | |
<ul> | |
<li ng-repeat="message in messages track by $index"> | |
Event Description: {{message.description}} | |
<br /> | |
PagerDuty Incident Key: {{message.result.incident_key}} | |
</li> | |
</ul> | |
</div> | |
<script> | |
angular.module('PubNubAngularApp', ["pubnub.angular.service"]) | |
.controller('MyDevOpsCtrl', function($rootScope, $scope, Pubnub) { | |
$scope.messages = []; | |
$scope.channel = 'pagerduty-event'; | |
if (!$rootScope.initialized) { | |
Pubnub.init({ | |
publishKey: 'YOUR_PUB_KEY', | |
subscribeKey: 'YOUR_SUB_KEY', | |
ssl:true | |
}); | |
$rootScope.initialized = true; | |
} | |
var msgCallback = function(payload) { | |
$scope.$apply(function() { | |
$scope.messages.unshift(payload); | |
}); | |
}; | |
$scope.publish = function() { | |
Pubnub.publish({ | |
channel: $scope.channel, | |
message: {description:"user hit PANIC button on channel '" + $scope.channel + "'!"} | |
}); | |
}; | |
Pubnub.subscribe({ channels: [$scope.channel] }); | |
Pubnub.addListener({ message: msgCallback }); | |
}); | |
</script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment