attempt to trigger js event for mode button press, not breaking yet but nonfunctional

cms/static/coffee/src/views/module_edit.coffee

@@ -7,7 +7,7 @@ class CMS.Views.ModuleEdit extends Backbone.View
     "click .component-editor .save-button": 'clickSaveButton'
     "click .component-actions .edit-button": 'clickEditButton'
     "click .component-actions .delete-button": 'onDelete'
-
+    "click .mode .not-set": 'clickModeButton'
 
   initialize: ->
     @onDelete = @options.onDelete
@@ -83,3 +83,8 @@ class CMS.Views.ModuleEdit extends Backbone.View
     $modalCover.show().addClass('is-fixed')
     @$component_editor().slideDown(150)
     @loadEdit()
+
+  clickModeButton: (event) ->
+    event.preventDefault()
+    @$el.removeClass('not-set')
+    @$el.addClass('is-set')

cms/templates/component.html

@@ -11,7 +11,7 @@
 	  				<a href="#" class="inactive-mode">Compiler </a>
 	  			</li>
 	  			<li id="settings-mode" class="mode" aria-controls="settings-tab" aria-selected="false" role="tab" tabindex="-1">
-	  				<a href="#" class="active-mode">Settings </a>
+	  				<a href="#" class="active-mode not-set">Settings </a>
 	  			</li>
 	  		</ul>
 		</div> <!-- Editor Header -->