Thesis version

.vscode/launch.json

@@ -0,0 +1,14 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "node",
+            "request": "launch",
+            "name": "Launch Program",
+            "program": "${workspaceFolder}\\serve"
+        }
+    ]
+}

addon/adapters/sequence.js

@@ -0,0 +1,54 @@
+import JSONAPIAdapter from 'ember-data/adapters/json-api';
+import DataAdapterMixin from 'ember-simple-auth/mixins/data-adapter-mixin';
+import ENV from 'explorviz-frontend/config/environment';
+
+export default JSONAPIAdapter.extend(DataAdapterMixin,{
+
+  host: ENV.APP.API_ROOT,
+
+  init() {
+
+    this.set('headers', {
+      "Accept": "application/vnd.api+json"
+    });
+
+  },
+
+  urlForUpdateRecord(id) {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials/sequences/${id}`;
+  },
+
+  urlForDeleteRecord(id) {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials/sequences/${id}`;
+  },
+
+  urlForFindAll() {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials/sequences/`;
+  },
+  // @Override
+  urlForQueryRecord() {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials/sequences/`;
+  },
+  urlForFindRecord(id) {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials/sequences/${id}`;
+  },
+
+  // @Override
+  // Overrides URL for model.save()
+  urlForCreateRecord() {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials/sequences/`;
+  },
+
+
+  authorize(xhr) {
+    let { access_token } = this.get('session.data.authenticated');
+    xhr.setRequestHeader('Authorization', `Bearer ${access_token}`);
+  }
+
+});

addon/adapters/step.js

@@ -0,0 +1,54 @@
+import JSONAPIAdapter from 'ember-data/adapters/json-api';
+import DataAdapterMixin from 'ember-simple-auth/mixins/data-adapter-mixin';
+import ENV from 'explorviz-frontend/config/environment';
+
+export default JSONAPIAdapter.extend(DataAdapterMixin,{
+
+  host: ENV.APP.API_ROOT,
+
+  init() {
+
+    this.set('headers', {
+      "Accept": "application/vnd.api+json"
+    });
+
+  },
+
+  urlForUpdateRecord(id) {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials/steps/${id}`;
+  },
+
+  urlForDeleteRecord(id) {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials/steps/${id}`;
+  },
+
+  urlForFindAll() {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials/steps/`;
+  },
+  // @Override
+  urlForQueryRecord() {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials/steps`;
+  },
+  urlForFindRecord(id) {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials/steps/${id}`;
+  },
+
+  // @Override
+  // Overrides URL for model.save()
+  urlForCreateRecord() {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials/steps/`;
+  },
+
+
+  authorize(xhr) {
+    let { access_token } = this.get('session.data.authenticated');
+    xhr.setRequestHeader('Authorization', `Bearer ${access_token}`);
+  }
+
+});

addon/adapters/tutorial.js

@@ -0,0 +1,54 @@
+import JSONAPIAdapter from 'ember-data/adapters/json-api';
+import DataAdapterMixin from 'ember-simple-auth/mixins/data-adapter-mixin';
+import ENV from 'explorviz-frontend/config/environment';
+
+export default JSONAPIAdapter.extend(DataAdapterMixin,{
+
+  host: ENV.APP.API_ROOT,
+
+  init() {
+
+    this.set('headers', {
+      "Accept": "application/vnd.api+json"
+    });
+
+  },
+
+  urlForUpdateRecord(id) {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials/${id}`;
+  },
+
+  urlForDeleteRecord(id) {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials/${id}`;
+  },
+
+  urlForFindAll() {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials/`;
+  },
+  // @Override
+  urlForQueryRecord() {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials`;
+  },
+  urlForFindRecord(id) {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials/${id}`;
+  },
+
+  // @Override
+  // Overrides URL for model.save()
+  urlForCreateRecord() {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials/`;
+  },
+
+
+  authorize(xhr) {
+    let { access_token } = this.get('session.data.authenticated');
+    xhr.setRequestHeader('Authorization', `Bearer ${access_token}`);
+  }
+
+});

addon/adapters/tutoriallandscape.js

@@ -0,0 +1,53 @@
+import JSONAPIAdapter from 'ember-data/adapters/json-api';
+import DataAdapterMixin from 'ember-simple-auth/mixins/data-adapter-mixin';
+import ENV from 'explorviz-frontend/config/environment';
+
+export default JSONAPIAdapter.extend(DataAdapterMixin,{
+
+  host: ENV.APP.API_ROOT,
+
+  init() {
+
+    this.set('headers', {
+      "Accept": "application/vnd.api+json"
+    });
+
+  },
+
+  urlForUpdateRecord(id) {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials/landscapes/${id}`;
+  },
+
+  urlForDeleteRecord(id) {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials/landscapes/${id}`;
+  },
+  urlForFindAll() {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials/landscapes/all`;
+  },
+  // @Override
+  urlForQueryRecord() {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials/landscapes/by-timestamp`;
+  },
+  urlForFindRecord(id) {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials/landscapes/${id}`;
+  },
+
+  // @Override
+  // Overrides URL for model.save()
+  urlForCreateRecord() {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials/landscapes/import`;
+  },
+
+
+  authorize(xhr) {
+    let { access_token } = this.get('session.data.authenticated');
+    xhr.setRequestHeader('Authorization', `Bearer ${access_token}`);
+  }
+
+});

addon/adapters/tutorialtimestamp.js

@@ -0,0 +1,53 @@
+import JSONAPIAdapter from 'ember-data/adapters/json-api';
+import DataAdapterMixin from 'ember-simple-auth/mixins/data-adapter-mixin';
+import ENV from 'explorviz-frontend/config/environment';
+
+export default JSONAPIAdapter.extend(DataAdapterMixin,{
+
+  host: ENV.APP.API_ROOT,
+
+  init() {
+
+    this.set('headers', {
+      "Accept": "application/vnd.api+json"
+    });
+
+  },
+
+  urlForUpdateRecord(id) {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials/timestamps/${id}`;
+  },
+
+  urlForDeleteRecord(id) {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials/timestamps/${id}`;
+  },
+  urlForFindAll() {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials/timestamps/`;
+  },
+  // @Override
+  urlForQueryRecord() {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials/timestamps/`;
+  },
+  urlForFindRecord(id) {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials/timestamps/${id}`;
+  },
+
+  // @Override
+  // Overrides URL for model.save()
+  urlForCreateRecord() {
+    const baseUrl = this.buildURL();
+    return `${baseUrl}/v1/tutorials/timestamps/import`;
+  },
+
+
+  authorize(xhr) {
+    let { access_token } = this.get('session.data.authenticated');
+    xhr.setRequestHeader('Authorization', `Bearer ${access_token}`);
+  }
+
+});

addon/components/application-interaction.js

@@ -0,0 +1,9 @@
+import Interaction from 'explorviz-frontend/utils/application-rendering/interaction'
+import { inject as service } from "@ember/service";
+import AlertifyHandler from 'explorviz-frontend/mixins/alertify-handler';
+
+export default Interaction.extend(AlertifyHandler,{
+  landscapeService: service(),
+  tutorialService: service(),
+  store: service()
+});

addon/components/application-visualization.js

@@ -0,0 +1,92 @@
+import layout from '../templates/components/application-visualization';
+import ApplicationRendering from 'explorviz-frontend/components/visualization/rendering/application-rendering';
+import AlertifyHandler from 'explorviz-frontend/mixins/alertify-handler';
+import { inject as service } from '@ember/service';
+export default ApplicationRendering.extend(AlertifyHandler,{
+    layout,
+    renderingService: service(),
+    tutorialService: service(),
+    landscapeService: service(),
+    interactionModel:null,
+    initInteraction(){
+      this._super(...arguments);
+      const self = this;
+      if(this.get('runmode')){
+        this.set('interaction.model',this.get('tutorialService.activeStep'));
+      }else{
+        this.set('interaction.model',this.get('interactionModel'));
+      }
+      this.set('interaction.completed',this.get('completed'));
+      this.set('interaction.runmode',this.get('runmode'));
+      this.get('interaction').on('singleClick', this.get('clickListenerSingle'));
+      this.get('interaction').on('doubleClick', this.get('clickListenerDouble'));
+    },
+    cleanup(){
+      this._super(...arguments);
+      this.get('interaction').off('singleClick',this, this.clickListenerSingle);
+      this.get('interaction').off('doubleClick',this, this.clickListenerDouble);
+    },
+    willDestroyElement(){
+      this._super(...arguments);
+      this.get('interaction').off('singleClick',this, this.clickListenerSingle);
+      this.get('interaction').off('doubleClick',this, this.clickListenerDouble);
+    },
+    clickListenerSingle(emberModel){
+      if(emberModel!=undefined){
+          if(this.get('selectTarget')){
+            this.set("model.targetType",emberModel.get('constructor.modelName'));
+            this.set("model.targetId",emberModel.get("id"));
+            this.set("model.actionType","singleClick");
+            this.set('selectTarget',false);
+            this.showAlertifyMessage(`Target selected 'single click' on '`+emberModel.get('constructor.modelName')+"' with name '"+emberModel.get('name')+"'");
+          }else{
+            if(this.get("model.targetType")==emberModel.get('constructor.modelName') && this.get("model.targetId")==emberModel.get("id")&& this.get('model.actionType')=="singleClick"){
+              if(this.get("runmode")){
+                this.completed(this.get('model'));
+              }
+            }
+          }
+      }
+    },
+    clickListenerDouble(emberModel){
+      if(emberModel!=undefined){
+          if(this.get('selectTarget')){
+            this.set("model.targetType",emberModel.get('constructor.modelName'));
+            this.set("model.targetId",emberModel.get("id"));
+            this.set("model.actionType","doubleClick");
+            this.set('selectTarget',false);
+            this.showAlertifyMessage(`Target selected 'double click' on '`+emberModel.get('constructor.modelName')+"'");
+          }else{
+            if(this.get("model.targetType")==emberModel.get('constructor.modelName') && this.get("model.targetId")==emberModel.get("id")&& this.get('model.actionType')=="doubleClick"){
+              if(this.get("runmode")){
+                this.completed(this.get('model'));
+              }
+            }
+          }
+      }
+    },
+    completed(laststep){
+      if(this.get('runmode')){
+        var step = this.get('tutorialService').getNextStep(laststep);
+        if(step){
+          this.get('tutorialService').getSequence(step).then((sequence)=>{
+            if(sequence.get('landscapeTimestamp')!=undefined){
+              this.get('landscapeService').loadLandscape(sequence);
+            }else{
+              this.get('tutorialService').getTutorial(sequence).then((tutorial)=>{
+                if(tutorial.get('landscapeTimestamp')!=undefined){
+                  this.get('landscapeService').loadLandscape(tutorial);
+                }else{
+                  console.log("no landscape defined");
+                }
+              });
+            }
+          });
+          this.get('tutorialService').set('activeStep',step);
+          this.set('model',step);
+        }else{
+          this.showAlertifyMessage(`Last step completed.`);
+        }
+      }
+    }
+});