Toggle the StacktraceView class on activation.

Author: smashwilson

lib/stacktrace-view.coffee

@@ -1,10 +1,14 @@
 {View, EditorView} = require 'atom'
+{Subscriber} = require 'emissary'
+
 {Stacktrace, PREFIX} = require './stacktrace'
 
 class StacktraceView extends View
 
+  Subscriber.includeInto this
+
   @content: (trace) ->
-    tclass = if trace.isActive() then 'activated' else 'deactivated'
+    tclass = if trace.isActive() then 'activated' else ''
     @div class: "stacktrace tool-panel padded #{tclass}", =>
       @div class: 'panel padded', =>
         @h2 class: 'error-message', trace.message
@@ -19,6 +23,11 @@ class StacktraceView extends View
           @subview 'frame', new FrameView(frame)
 
   initialize: (@trace) ->
+    @subscribe Stacktrace, 'active-changed', (e) =>
+      if e.newTrace is @trace
+        @addClass 'activated'
+      else
+        @removeClass 'activated'
 
   # Internal: Return the window title.
   #

spec/stacktrace-view-spec.coffee

@@ -37,6 +37,12 @@ describe 'StacktraceView', ->
     vs = view.find('.frame')
     expect(vs.length).toBe(3)
 
+  it 'changes its class when its trace is activated or deactivated', ->
+    Stacktrace.getActivated()?.deactivate()
+    expect(view.hasClass 'activated').toBe(false)
+    trace.activate()
+    expect(view.hasClass 'activated').toBe(true)
+
 describe 'FrameView', ->
   [view] = []
 

stylesheets/stacktrace.less

@@ -37,11 +37,11 @@
     }
   }
 
+  .deactivate-control { display: none; }
+
   &.activated {
+    .deactivate-control { display: block; }
     .activate-control { display: none; }
   }
 
-  &.deactivated {
-    .deactivate-control { display: none; }
-  }
 }