We shouldn't have to redeclare tab panels in the category edit menu

app/assets/javascripts/discourse/components/edit-category-tab.js.es6

@@ -5,6 +5,10 @@ export default Em.Component.extend({
   active: Discourse.computed.propertyEqual('selectedTab', 'tab'),
   title: Discourse.computed.i18n('tab', 'category.%@'),
 
+  _insertInParent: function() {
+    this.get('parentView.panels').addObject(this.get('tab'));
+  }.on('didInsertElement'),
+
   actions: {
     select: function() {
       this.set('selectedTab', this.get('tab'));

app/assets/javascripts/discourse/templates/modal/edit-category.js.handlebars

@@ -8,12 +8,11 @@
   </ul>
 
   <div class="modal-body">
-    {{view 'edit-category-panel' tab="general" className="general-tab"}}
-    {{#unless isUncategorizedCategory}}
-      {{view 'edit-category-panel' tab="security" className="options-tab"}}
-      {{view 'edit-category-panel' tab="settings" className="options-tab"}}
-    {{/unless}}
+    {{#each tab in view.panels}}
+      {{view 'edit-category-panel' tab=tab}}
+    {{/each}}
   </div>
+
   <div class="modal-footer">
     <button class='btn btn-primary' {{bind-attr disabled="disabled"}} {{action saveCategory}}>{{buttonTitle}}</button>
     {{#if can_delete}}

app/assets/javascripts/discourse/views/edit-category-panel.js.es6

@@ -1,6 +1,5 @@
 export default Em.View.extend({
   classNameBindings: [':modal-tab', 'invisible'],
-
   invisible: Discourse.computed.propertyNotEqual('controller.selectedTab', 'tab'),
 
   templateName: function() {

app/assets/javascripts/discourse/views/edit-category.js.es6

@@ -1,3 +1,7 @@
 export default Discourse.ModalBodyView.extend({
-  templateName: 'modal/edit-category'
+  templateName: 'modal/edit-category',
+
+  _initializePanels: function() {
+    this.set('panels', []);
+  }.on('init')
 });