Initial Commit

client/app/custom_modules/custom_modules.component.js

@@ -0,0 +1,235 @@
+'use strict';
+const angular = require('angular');
+
+const uiRouter = require('angular-ui-router');
+
+import routes from './custom_modules.routes';
+
+export class CustomModulesComponent {
+  /*@ngInject*/
+  constructor($scope,customModules,$sce,ansi2html,Projects,$uibModal,YAML) {
+    'ngInject';
+
+    $scope.custom_modules = [];
+    $scope.selectedModule = {module:{},module_code:"",module_unchanged_code:""};
+    $scope.selected_module_code = "something";
+
+    $scope.showNewModuleForm = {value:false};
+
+    $scope.getProjects = function(){
+      $scope.projects = Projects.resource.query(function(){
+        if($scope.projects.length){
+          $scope.selectedProjectID = localStorage.selectedProjectID || $scope.projects[0]._id;
+          $scope.projectSelected($scope.selectedProjectID)
+        }
+
+      })
+    };
+
+    $scope.projectSelected = function(projectID){
+
+      localStorage.selectedProjectID = projectID;
+
+      $scope.selectedProject = Projects.resource.get({id: projectID},function(){
+        Projects.selectedProject = $scope.selectedProject;
+        $scope.getCustomModules();
+      })
+    };
+
+    $scope.getProjects();
+
+    $scope.getCustomModules = function(){
+      customModules.get(function(response){
+        console.log(response.data);
+        var lines = response.data.split("\n");
+        if(lines.length)
+          lines = lines
+            .filter(function(line){return line.indexOf(".py") > -1})
+            .map(function(item){return {name:item}});
+        $scope.custom_modules = lines;
+
+        if($scope.selectedModule.module.name){
+          $scope.selectedModule.module = $scope.custom_modules.filter(function(item){
+            return (item.name == $scope.selectedModule.module.name)
+          })[0]
+        }
+
+
+      });
+    };
+
+    $scope.loadingModuleCode = false
+
+    $scope.showModuleCode = function(module_name){
+      $scope.loadingModuleCode = true;
+      if(!module_name){
+        $scope.selectedModule.module_code = "Select a module";
+        return;
+      }
+      customModules.show(module_name,function(response) {
+        $scope.loadingModuleCode = false;
+        $scope.selectedModule.module_code = response.data.split("Stream :: close")[0];
+        $scope.selectedModule.module_unchanged_code = angular.copy($scope.selectedModule.module_code);
+      });
+    };
+
+    $scope.$watch('selectedModule.module',function(newValue,oldValue){
+      if(newValue.name && newValue.name !== oldValue.name){
+        $scope.selectedModule.module_code = "Loading Module Code...";
+        $scope.showModuleCode(newValue.name)
+      }
+    });
+
+    $scope.code_has_changed = false;
+
+    $scope.codeChanged = function(){
+      console.log("Code Changed");
+      if($scope.selectedModule.module_unchanged_code !== $scope.selectedModule.module_code){
+        $scope.code_has_changed = true
+      }else{
+        $scope.code_has_changed = false
+      }
+    };
+
+    $scope.discardCodeChanges = function(){
+      $scope.selectedModule.module_code = angular.copy($scope.selectedModule.module_unchanged_code);
+    };
+
+    $scope.saveModule = function(){
+      $scope.saving = true;
+      customModules.save($scope.selectedModule.module.name,$scope.selectedModule.module_code,function(response){
+        $scope.saving = false;
+        $scope.code_has_changed = false;
+        $scope.selectedModule.module_unchanged_code = angular.copy($scope.selectedModule.module_code);
+        console.log("Success")
+      },function(response){
+        $scope.saving = false;
+        console.error(response.data)
+      })
+    };
+
+    $scope.testModule = function(){
+
+      var re = /([^]+DOCUMENTATION = '''\s+)([^]+?)(\s+'''[^]+)/;
+      var module_string = $scope.selectedModule.module_code.replace(re,'$2');
+
+      $scope.selectedModuleObject = YAML.parse(module_string);
+
+      //var options_copy = angular.copy($scope.selectedModuleObject.options);
+      var options_copy = {};
+      /*options_copy = options_copy.map(function(item){
+       var temp_obj = {};
+       temp_obj[item.name] = "";
+       return temp_obj
+       });*/
+
+      var module_name = $scope.selectedModule.module.name;
+      var module_cached_args = null;
+
+      try{
+        module_cached_args = JSON.parse(localStorage['test_args_'+module_name]);
+      }catch (e){
+        console.log("Error getting cached arguments.");
+        module_cached_args = null;
+      }
+
+      angular.forEach($scope.selectedModuleObject.options,function(value,key){
+        //var temp_obj = {};
+        //temp_obj[key] = "";
+        options_copy[key] = "";
+
+        if(module_cached_args && key in module_cached_args){
+          options_copy[key] = module_cached_args[key];
+        }
+
+      });
+
+
+      var variable = {name:'',complexValue:options_copy};
+      $scope.showComplexVariable(variable);
+
+    };
+
+    $scope.newModule = function(){
+      $scope.showNewModuleForm.value = true;
+      $scope.$broadcast ('newModule');
+    };
+
+    $scope.editModule = function(){
+      $scope.showNewModuleForm.value = true;
+      $scope.$broadcast ('editModule');
+    };
+
+
+
+    $scope.showComplexVariable = function(variable){
+      $scope.result = "";
+      var modalInstance = $uibModal.open({
+        animation: true,
+        /*templateUrl: 'createTaskContent.html',*/
+        templateUrl: 'app/modals/complex_var_modal/complexVariable.html',
+        controller: 'ComplexVarModalController',
+        size: 'sm',
+        backdrop: 'static',
+        keyboard: false,
+        closeByEscape: false,
+        closeByDocument: false,
+        resolve: {
+          path: function () {
+            return variable.name
+          },
+          hostvars: function(){
+            return null
+          },
+          members: function(){
+            return variable.complexValue
+          }
+        }
+      });
+
+      modalInstance.result.then(function (module_args) {
+
+        var module_name = $scope.selectedModule.module.name;
+
+        /*var args = "";
+         angular.forEach(selectedItem,function(value,key){
+
+         if(value){
+         args += " " + key + "=" + value
+         }
+
+         });
+
+         if(args){
+         module_name += " -a " + args
+         }*/
+
+        localStorage['test_args_'+module_name] = JSON.stringify(module_args);
+
+        $scope.testing = true;
+
+        customModules.test(module_name,module_args,function(response) {
+            $scope.testing = false;
+            $scope.result = $sce.trustAsHtml(ansi2html.toHtml(response.data.split("Stream :: close")[0]).replace(/\n/g, "<br>"));
+          },
+          function(response) {
+            $scope.testing = false;
+            $scope.result = $sce.trustAsHtml(ansi2html.toHtml(response.data.split("Stream :: close")[0]).replace(/\n/g, "<br>"));
+          });
+
+      }, function () {
+
+      });
+
+    }
+  }
+}
+
+export default angular.module('webAppApp.custom_modules', [uiRouter])
+  .config(routes)
+  .component('customModules', {
+    template: require('./custom_modules.html'),
+    controller: CustomModulesComponent,
+    controllerAs: 'customModulesCtrl'
+  })
+  .name;