banter 0.8.0 → 1.0.0

data/web/assets/javascripts/dashboard_app/app.coffee

@@ -0,0 +1,4 @@
+window.Banter ||= {}
+
+angular.module('dashboardApp', [ 'angularMoment', 'ngRoute', 'ngPrettyJson' ])
+angular.module('dashboardApp').constant('rootPath', Banter.rootPath)

data/web/assets/javascripts/dashboard_app/controllers/message_controller.coffee

@@ -0,0 +1,27 @@
+angular.module('dashboardApp').controller 'messageController', ($scope, $rootScope, $http, $routeParams, $timeout, message, messagesService, commonMethodsService, messageMethodsService) ->
+  commonMethodsService.setup($scope)
+  messageMethodsService.setup($scope)
+  $scope.message = message
+
+  $rootScope.$on 'start-messageController', ->
+    $scope.resumeUpdating() if autoUpdate
+  $rootScope.$on 'stop-messageController', ->
+    $scope.pauseUpdating()
+
+  $scope.updateMessage = ->
+    if autoUpdate
+      messagesService.getMessage($scope.message.id).success (response) ->
+        $scope.message = response.message
+      $scope.resumeUpdating()
+
+  $scope.pauseUpdating = ->
+    autoUpdate = false
+
+  $scope.resumeUpdating = ->
+    autoUpdate = true
+    $timeout($scope.updateMessage, 5000)
+
+  autoUpdate = $scope.isMessageExecuting()
+  $scope.resumeUpdating() if $scope.isMessageExecuting()
+
+  return

data/web/assets/javascripts/dashboard_app/controllers/messages_controller.coffee

@@ -0,0 +1,57 @@
+angular.module('dashboardApp').controller 'messagesController', ($scope, $rootScope, $http, $routeParams, $timeout, messages, messagesService, commonMethodsService, messageMethodsService, workerMethodsService) ->
+  commonMethodsService.setup($scope)
+  messageMethodsService.setup($scope)
+  workerMethodsService.setup($scope)
+
+  $scope.messages = messages
+  $scope.page = 1
+  $scope.worker = null
+
+  workerId = $routeParams.worker_id
+  $scope.subscriber = $routeParams.subscriber
+  autoUpdate = true
+
+  if workerId
+    workersService.getWorker(workerId).success (response) ->
+      $scope.worker = response.worker
+
+  fetchMessages = ->
+    messagesService.getMessages($scope.page, workerId, $scope.subscriber).success (response) ->
+      $scope.messages = response.messages
+      $scope.worker = response.worker
+
+  $rootScope.$on 'start-messagesController', ->
+    $scope.resumeUpdating()
+  $rootScope.$on 'stop-messagesController', ->
+    $scope.pauseUpdating()
+
+  $scope.updateMessages = (resumeUpdate = true) ->
+    if autoUpdate
+      fetchMessages()
+      $scope.resumeUpdating()
+
+  $scope.pauseUpdating = ->
+    autoUpdate = false
+
+  $scope.resumeUpdating = ->
+    autoUpdate = true
+    $timeout($scope.updateMessages, 5000)
+
+  $scope.resumeUpdating() if autoUpdate
+  $scope.isAutoUpdating = ->
+    autoUpdate
+
+  $scope.getNextPage = ->
+    $scope.page += 1
+    fetchMessages()
+
+  $scope.getPreviousPage = ->
+    $scope.page -= 1
+    $scope.page = 1 if $scope.page < 1
+    fetchMessages()
+
+  $scope.getFirstPage = ->
+    $scope.page = 1
+    fetchMessages()
+
+  return

data/web/assets/javascripts/dashboard_app/controllers/subscribers_controller.coffee

@@ -0,0 +1,25 @@
+angular.module('dashboardApp').controller 'subscribersController', ($scope, $rootScope, subscribers, $timeout, subscribersService) ->
+  $scope.subscribers = subscribers
+
+  $rootScope.$on 'start-subscribersController', ->
+    $scope.resumeUpdating() if autoUpdate
+  $rootScope.$on 'stop-subscribersController', ->
+    $scope.pauseUpdating()
+
+  $scope.updateSubscribers = ->
+    if autoUpdate
+      subscribersService.getIndex().success (response) ->
+        $scope.subscribers = response.subscribers
+      $scope.resumeUpdating()
+
+  $scope.pauseUpdating = ->
+    autoUpdate = false
+
+  $scope.resumeUpdating = ->
+    autoUpdate = true
+    $timeout($scope.updateSubscribers, 10000)
+
+  autoUpdate = true
+  $scope.resumeUpdating()
+
+  return

data/web/assets/javascripts/dashboard_app/controllers/worker_controller.coffee

@@ -0,0 +1,30 @@
+angular.module('dashboardApp').controller 'workerController', ($scope, $rootScope, $http, $routeParams, $timeout, worker, workersService, commonMethodsService, workerMethodsService) ->
+  commonMethodsService.setup($scope)
+  workerMethodsService.setup($scope)
+
+  $scope.worker = worker
+  autoUpdate = false
+
+  $rootScope.$on 'start-workerController', ->
+    $scope.resumeUpdating() if autoUpdate
+  $rootScope.$on 'stop-workerController', ->
+    $scope.pauseUpdating()
+
+
+  $scope.updateWorker = ->
+    if autoUpdate
+      workersService.getWorker(worker.id).success (response) ->
+        $scope.worker = response.worker
+      $scope.resumeUpdating()
+
+  $scope.pauseUpdating = ->
+    autoUpdate = false
+
+  $scope.resumeUpdating = ->
+    autoUpdate = true
+    $timeout($scope.updateWorker, 5000)
+
+  autoUpdate = $scope.isWorkerAlive($scope.worker)
+  $scope.resumeUpdating() if $scope.isWorkerAlive($scope.worker)
+
+  return

data/web/assets/javascripts/dashboard_app/controllers/workers_list_controller.coffee

@@ -0,0 +1,28 @@
+angular.module('dashboardApp').controller 'workersListController', ($scope, $rootScope, $timeout, $http, workers, rootPath, workersService, commonMethodsService) ->
+  commonMethodsService.setup($scope)
+
+  $scope.workers = workers
+  autoUpdate = true
+
+  $rootScope.$on 'start-workersListController', ->
+    $scope.resumeUpdating()
+  $rootScope.$on 'stop-workersListController', ->
+    $scope.pauseUpdating()
+
+  $scope.updateWorkers = ->
+    if autoUpdate
+      workersService.getCurrentList().success (response) ->
+        $scope.workers = response.workers
+      $scope.resumeUpdating()
+
+  $scope.pauseUpdating = ->
+    autoUpdate = false
+
+  $scope.resumeUpdating = ->
+    autoUpdate = true
+    $timeout($scope.updateWorkers, 5000)
+
+  $scope.resumeUpdating()
+  return
+
+

data/web/assets/javascripts/dashboard_app/routes.coffee

@@ -0,0 +1,82 @@
+angular.module('dashboardApp').config([ '$routeProvider', '$locationProvider', ($routeProvider, $locationProvider, workersService, messagesService) ->
+  messagesResolver = ($q, messagesService, $route) ->
+    deferred = $q.defer()
+    workerId = $route.current.params.worker_id
+    subscriber = $route.current.params.subscriber
+    messagesService.getMessages(1, workerId, subscriber).success (response) ->
+      deferred.resolve(response.messages)
+    deferred.promise
+
+  messageResolver = ($q, messagesService, $route) ->
+    deferred = $q.defer()
+    messagesService.getMessage($route.current.params.message_id).success (response) ->
+      deferred.resolve(response.message)
+    deferred.promise
+
+  workerResolver = ($q, $route, workersService) ->
+    deferred = $q.defer()
+    workersService.getWorker($route.current.params.worker_id).success (response) ->
+      deferred.resolve(response.worker)
+    deferred.promise
+
+  workersResolver = ($q, workersService) ->
+    deferred = $q.defer()
+    workersService.getCurrentList().success (response) ->
+      deferred.resolve(response.workers)
+    deferred.promise
+
+  subscribersResolver = ($q, subscribersService) ->
+    deferred = $q.defer()
+    subscribersService.getIndex().success (response) ->
+      deferred.resolve(response.subscribers)
+    deferred.promise
+
+  $routeProvider.when("/",
+    templateUrl: 'banter/workers-list.html'
+    controller: 'workersListController'
+    resolve:
+      workers: workersResolver
+
+  ).when("/workers/:worker_id",
+    templateUrl: 'banter/worker.html'
+    controller: 'workerController'
+    resolve:
+      worker: workerResolver
+  ).when("/workers/:worker_id/messages",
+    templateUrl: 'banter/messages.html'
+    controller: 'messagesController'
+    resolve:
+      messages: messagesResolver
+  ).when("/subscribers/:subscriber/messages",
+    templateUrl: 'banter/messages.html'
+    controller: 'messagesController'
+    resolve:
+      messages: messagesResolver
+  ).when("/messages/:message_id",
+    templateUrl: 'banter/message.html'
+    controller: 'messageController'
+    resolve:
+      message: messageResolver
+  ).when("/messages",
+    templateUrl: 'banter/messages.html'
+    controller: 'messagesController'
+    resolve:
+      messages: messagesResolver
+  ).when("/subscribers",
+    templateUrl: 'banter/subscribers.html'
+    controller: 'subscribersController'
+    resolve:
+      subscribers: subscribersResolver
+  ).otherwise(
+    redirectTo: "/"
+  )
+  $locationProvider.html5Mode(true)
+])
+
+angular.module('dashboardApp').run(['$rootScope', '$route', '$location', ($rootScope, $route, $location) ->
+  $rootScope.$on '$routeChangeStart', (event, next, current) ->
+    if next.$$route?.controller
+      $rootScope.$broadcast("start-" + next.$$route.controller)
+    if current?.$$route?.controller
+      $rootScope.$broadcast("stop-" + current.$$route.controller)
+])

data/web/assets/javascripts/dashboard_app/services/common_methods_service.coffee

@@ -0,0 +1,6 @@
+angular.module('dashboardApp').service 'commonMethodsService', [ () ->
+  @setup = (scope) ->
+    scope.asTime = (time) ->
+      new Date(time)
+  return
+]

data/web/assets/javascripts/dashboard_app/services/message_methods_service.coffee

@@ -0,0 +1,18 @@
+angular.module('dashboardApp').service 'messageMethodsService', [ () ->
+  @setup = (scope) ->
+    scope.isMessageFailed = (message) ->
+      message.status is 'failed' || message.status is 'validation_failed'
+
+    scope.timeElapsed = (message) ->
+      return 0 unless message.done_at
+      scope.asTime(message.done_at) - scope.asTime(message.started_at)
+  
+    scope.isMessageExecuting = (message) ->
+      scope.message.status is 'started'
+  
+    scope.isMessageSuccessful = (message) ->
+      scope.message.status is 'success'
+
+  return
+
+]

data/web/assets/javascripts/dashboard_app/services/messages_service.coffee

@@ -0,0 +1,17 @@
+angular.module('dashboardApp').service 'messagesService', [ '$http', ($http) ->
+  @getMessages = (page, workerId, subscriber) ->
+    $http(
+      method: 'get'
+      url: Banter.rootPath + "messages.json"
+      params:
+        page: page
+        worker_id: workerId
+        subscriber: subscriber
+    )
+  @getMessage = (messageId) ->
+    $http(
+      method: 'get'
+      url: Banter.rootPath + "messages/#{messageId}.json",
+    )
+  return
+]

data/web/assets/javascripts/dashboard_app/services/subscribers_service.coffee

@@ -0,0 +1,8 @@
+angular.module('dashboardApp').service 'subscribersService', [ '$http', ($http) ->
+  @getIndex = () ->
+    $http(
+      method: 'get'
+      url: Banter.rootPath + "subscribers.json"
+    )
+  return
+]

data/web/assets/javascripts/dashboard_app/services/worker_methods_service.coffee

@@ -0,0 +1,11 @@
+angular.module('dashboardApp').service 'workerMethodsService', [ () ->
+  @setup = (scope) ->
+    scope.isWorkerExecuting = (worker)->
+      worker?.current_message
+
+    scope.isWorkerAlive = (worker) ->
+      !worker?.stopped_at
+
+  return
+]
+

data/web/assets/javascripts/dashboard_app/services/worker_service.coffee

@@ -0,0 +1,15 @@
+angular.module('dashboardApp').service 'workersService', [ '$http', ($http) ->
+  @getCurrentList = () ->
+    $http(
+      method: 'get'
+      url: Banter.rootPath + "workers.json",
+    )
+
+  @getWorker = (workerId) ->
+    $http(
+      method: 'get'
+      url: "#{Banter.rootPath}workers/#{workerId}.json",
+    )
+
+  return
+]

data/web/assets/javascripts/ng-prettyjson.js

@@ -0,0 +1,15 @@
+/**
+ * @license ng-prettyjson - v0.1.2
+ * (c) 2013 Julien VALERY https://github.com/darul75/ng-prettyjson
+ * License: MIT
+ **/
+angular.module("ngPrettyJson",[]).directive("prettyJson",["ngPrettyJsonFunctions",function(a){"use strict";var b=angular.isDefined;return{restrict:"AE",scope:{json:"=",prettyJson:"="},replace:!0,template:'<div><button ng-click="edit()" ng-show="edition && !editActivated">Edit</button><button ng-click="edit()" ng-show="edition && editActivated">Cancel</button><button ng-click="update()" ng-show="editActivated && parsable">Update</button><pre id="prettyjson"></pre></div>',link:function(c,d,e){var f={},g="prettyjson",h=null;c.editActivated=!1,c.edition=e.edition;// prefer the "json" attribute over the "prettyJson" one.
+// the value on the scope might not be defined yet, so look at the markup.
+  var i,j=b(e.json)?"json":"prettyJson",k=function(c){return b(c)?d.find("pre").html(a.syntaxHighlight(c)):d.empty()};i=c.$watch(j,function(a){// BACKWARDS COMPATIBILITY:
+// if newValue is an object, and we find a `json` property,
+// then stop watching on `exp`.
+    angular.isObject(a)&&b(a.json)?(i(),c.$watch(j+".json",function(a){k(a),f=a},!0)):(k(a),f=a)},!0);var l=function(){try{c.currentValue=JSON.parse(h.getValue()),c.parsable=!0}catch(a){c.parsable=!1}// trigger update
+    c.$apply(function(){})};c.edit=function(){c.editActivated?(h&&(document.getElementById(g).env=null),k(f)):(h=ace.edit(g),h.on("change",l),h.getSession().setMode("ace/mode/json")),c.editActivated=!c.editActivated},c.update=function(){c.$emit("json-updated",c.newValue)}}}}]).factory("ngPrettyJsonFunctions",function(){// cache some regular expressions
+  var a={entities:/((&)|(<)|(>))/g,json:/"(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|(null))\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g},b=["&amp;","&lt;","&gt;"],c=["number","string","key","boolean","null"],d=function(){var a=arguments.length-2;do a--;while(!arguments[a]);return a},e=function(a){var b;// the final two arguments are the length, and the entire string itself;
+// we don't care about those.
+    if(arguments.length<7)throw new Error("markup() must be called from String.prototype.replace()");return b=d.apply(null,arguments),'<span class="'+c[b]+'">'+a+"</span>"},f=function(){var a;if(arguments.length<5)throw new Error("makeEntities() must be called from String.prototype.replace()");return a=d.apply(null,arguments),b[a-2]},g=function(b){return angular.isString(b)||(b=JSON.stringify(b,null,2)),angular.isDefined(b)?b.replace(a.entities,f).replace(a.json,e):void 0};return{syntaxHighlight:g,makeEntities:f,markup:e,rx:a}});

data/web/assets/stylesheets/banter.css

@@ -22,6 +22,10 @@ body {
     border-radius: 4px;
 }
 
+.margin-top-md {
+    margin-top: 10px;
+}
+
 .spin{
     -webkit-transform-origin: 50% 58%;
     transform-origin:50% 58%;
@@ -63,4 +67,12 @@ body {
 pre > kbd {
     background-color: transparent;
     box-shadow: none;
-}
+}
+
+/**
+* @license ng-prettyjson - v0.1.2
+* (c) 2013 Julien VALERY https://github.com/darul75/ng-prettyjson
+* License: MIT
+**/
+
+pre{outline:1px solid #e9e9e9;padding:5px;margin:5px;width:100%;height:100%}.string{color:green}.number{color:#ff8c00}.boolean{color:#00f}.null{color:#ff00ff}.key{color:red}

data/web/views/_message.haml

@@ -0,0 +1,59 @@
+.clearfix
+  %div.extra-bold.pull-right.padding-large.font-size-lg.rounded-corners-md{data: { 'ng-class' => "{'bg-danger' : isMessageFailed(message), 'bg-success': isMessageSuccessful(message), 'bg-info': isMessageExecuting(message)}"}}
+    %span{data: { 'ng-if' => 'isMessageExecuting(message)'}}
+      %span.glyphicon.glyphicon-refresh.spin
+      WORKING
+    %span{data: { 'ng-if' => 'isMessageSuccessful(message)'}}
+      %span.glyphicon.glyphicon-ok
+      SUCCESSFUL
+    %span{data: { 'ng-if' => "message.status == 'error' || message.status == 'failed'"}}
+      %span.glyphicon.glyphicon-remove
+      FAILED
+    %span{data: { 'ng-if' => "message.status == 'validation_failed'"}}
+      %span.glyphicon.glyphicon-remove
+      VALIDATION FAILED
+  %h2
+    Message
+
+%ul.list-group.margin-top-md
+  %li.list-group-item.row
+    .col-sm-3.bold Subscriber
+    .col-sm-9 {{ message.subscriber_class }}
+
+  %li.list-group-item.row{data: {'ng-if' => 'message.worker'}}
+    .col-sm-3.bold Worker
+    .col-sm-9
+      %a{data: { 'ng-href' => dashboard_path("workers/{{message.worker.id}}")}} {{ message.worker.process_name }} (PID: {{ message.worker.pid }})
+  %li.list-group-item.row
+    .col-sm-3.bold Subscriber Key
+    .col-sm-9 {{ message.subscribed_key }}
+
+  %li.list-group-item.row
+    .col-sm-3.bold Payload Key
+    .col-sm-9 {{ message.payload_key }}
+
+  %li.list-group-item.row
+    .col-sm-3.bold Payload
+    .col-sm-9
+      %pre{data: { 'pretty-json' => 'message.payload'}}
+  %li.list-group-item.row{data: {'ng-show' => 'message.progress || message.progress_at || message.progress_total'}}
+    .col-sm-3.bold Progress
+    .col-sm-9
+      %div
+        %span{data: {'ng-show' => 'message.progress_at'}} Current: {{message.progress_at }}
+        %span{data: { 'ng-show' => 'message.progress_total'}} Total: {{ message.progress_total }}
+      %pre{data: { 'pretty-json' => 'message.progress'}}
+  %li.list-group-item.row
+    .col-sm-3.bold Context
+    .col-sm-9
+      %pre{data: { 'pretty-json' => 'message.context'}}
+  %li.list-group-item.row
+    .col-sm-3.bold Started Time
+    .col-sm-9 {{ asTime(message.started_at)| amDateFormat:'MM/DD/YYYY, h:mm:ss a'  }}
+  %li.list-group-item.row{data: { "ng-if" => 'message.done_at'}}
+    .col-sm-3.bold Finished Time
+    .col-sm-9 {{ asTime(message.started_at)| amDateFormat:'MM/DD/YYYY, h:mm:ss a'  }}. Took {{ timeElapsed(message) }}ms
+  %li.list-group-item.row
+    .col-sm-3.bold Queue
+    .col-sm-9 {{ message.queue_name }}
+-#