added: expert button in configuration dialog

addon/components/discovery-settings.js

+import Component from '@ember/component';
+import layout from '../templates/components/discovery-settings';
+import { inject as service } from "@ember/service";
+import { alias } from '@ember/object/computed';
+
+export default Component.extend({
+  layout,
+
+  configuration: service("configuration"),
+
+  toggleState: alias('configuration.discoverySettings.expertMode'),
+
+  actions: {
+    saveSettings() {
+      // TODO https://github.com/funkensturm/ember-local-storage
+    }
+  }
+
+  
+});

addon/instance-initializers/explorviz-frontend-extension-discovery.js

@@ -2,16 +2,22 @@ import Router from "explorviz-frontend/router";
 
 export function initialize(appInstance) {
 
-  const service = appInstance.lookup("service:page-setup");
+  const pageSetupService = appInstance.lookup("service:page-setup");
 
-  if(service){
-    service.get("navbarRoutes").push("discovery");
+  if(pageSetupService){
+    pageSetupService.get("navbarRoutes").push("discovery");
   }
 
   Router.map(function() {
     this.route("discovery");
   });
 
+  const configurationService = appInstance.lookup('service:configuration');
+  if(configurationService){
+    configurationService.get('pluginSettings').addObject('discovery-settings');
+    configurationService.set('discoverySettings', {expertMode: false});
+  }
+
   appInstance.lookup("service:agent-reload");
 }
 

addon/routes/discovery.js

@@ -12,16 +12,27 @@ export default BaseRoute.extend(AuthenticatedRouteMixin, {
   actions: {
     // @Override BaseRoute
     resetRoute() {
-      this.controller.set('procezzForDetailView', null);
-      this.controller.set('agentForDetailView', null);
+      this.cleanupController();      
+    }
+  },
 
-      // stop first, there might be an old service instance running
-      this.get("agentReload").stopUpdate();
-      this.get("agentReload").startUpdate();   
-      
+  // @Override Ember-Hook
+  resetController(controller, isExiting, transition) {
+    if (isExiting && transition.targetName !== 'error') {
+      this.cleanupController();
     }
   },
 
+  cleanupController() {
+    this.controller.set('procezzForDetailView', null);
+    this.controller.set('agentForDetailView', null);
+
+    // stop first, there might be an old service instance running
+    this.get("agentReload").stopUpdate();
+    this.get("agentReload").startUpdate();
+  },
+
+
   setupProcessView: on('activate', function(){
     this.controllerFor('discovery').setup();
   })

addon/templates/components/discovery-settings.hbs

+<div class="container-fluid">
+  <table class="table table-striped">
+    <thead>
+      <tr>
+        <th class="col-xs-4">Setting</th>
+        <th class="col-xs-8">Value</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td><b>Expert Mode</b></td>
+        <td>
+          <div style="position:absolute;">
+            {{x-toggle value=toggleState onToggle=(action (mut toggleState))}}
+          </div>
+        </td>
+      </tr>
+    </tbody>
+  </table>
+  <button type="button" class="btn btn-success" {{action "saveSettings"}}>Save</button>
+</div>
\ No newline at end of file

app/components/discovery-settings.js

+export { default } from 'explorviz-frontend-extension-discovery/components/discovery-settings';
\ No newline at end of file

package.json

@@ -24,8 +24,9 @@
     "ember-cli-babel": "^6.8.1",
     "ember-cli-htmlbars": "^2.0.3",
     "ember-cli-htmlbars-inline-precompile": "^1.0.2",
+    "ember-cli-spinjs": "^1.3.0",
     "ember-data-save-relationships": "0.0.5",
-    "ember-cli-spinjs": "^1.3.0"
+    "ember-toggle": "^5.2.1"
   },
   "devDependencies": {
     "broccoli-asset-rev": "^2.4.5",

tests/integration/components/discovery-settings-test.js

+import { moduleForComponent, test } from 'ember-qunit';
+import hbs from 'htmlbars-inline-precompile';
+
+moduleForComponent('discovery-settings', 'Integration | Component | discovery settings', {
+  integration: true
+});
+
+test('it renders', function(assert) {
+  // Set any properties with this.set('myProperty', 'value');
+  // Handle any actions with this.on('myAction', function(val) { ... });
+
+  this.render(hbs`{{discovery-settings}}`);
+
+  assert.equal(this.$().text().trim(), '');
+
+  // Template block usage:
+  this.render(hbs`
+    {{#discovery-settings}}
+      template block text
+    {{/discovery-settings}}
+  `);
+
+  assert.equal(this.$().text().trim(), 'template block text');
+});