fixed #462

Author: paxtonhare

marklogic-data-hub/src/trace-ui/package.json

@@ -15,6 +15,9 @@
   },
   "private": true,
   "dependencies": {
+    "@angular-mdl/core": "^4.0.1",
+    "@angular-mdl/popover": "^0.6.3",
+    "@angular-mdl/select": "^0.10.4",
     "@angular/common": "^4.0.0",
     "@angular/compiler": "^4.0.0",
     "@angular/core": "^4.0.0",
@@ -23,12 +26,10 @@
     "@angular/platform-browser": "^4.0.0",
     "@angular/platform-browser-dynamic": "^4.0.0",
     "@angular/router": "^4.0.0",
-    "@angular-mdl/core": "^4.0.1",
-    "@angular-mdl/popover": "^0.6.3",
-    "@angular-mdl/select": "^0.10.4",
     "angular2-moment": "^1.3.3",
+    "classlist.js": "^1.1.20150312",
     "clipboard": "^1.6.1",
-    "codemirror": "^5.25.0",
+    "codemirror": "^5.26.0",
     "core-js": "^2.4.1",
     "font-awesome": "^4.7.0",
     "lodash": "^4.17.4",
@@ -42,22 +43,22 @@
     "zone.js": "^0.8.4"
   },
   "devDependencies": {
-    "@types/codemirror": "0.0.38",
-    "@angular/cli": "1.0.0",
+    "@angular/cli": "1.0.2",
     "@angular/compiler-cli": "^4.0.0",
     "@types/jasmine": "2.5.38",
     "@types/lodash": "^4.14.58",
     "@types/node": "~6.0.60",
     "@types/semver": "^5.3.31",
     "codelyzer": "~2.0.0",
+    "enhanced-resolve": "3.3.0",
     "jasmine-core": "~2.5.2",
     "jasmine-spec-reporter": "~3.2.0",
     "karma": "~1.4.1",
     "karma-chrome-launcher": "~2.0.0",
     "karma-cli": "~1.0.1",
+    "karma-coverage-istanbul-reporter": "^0.2.0",
     "karma-jasmine": "~1.1.0",
     "karma-jasmine-html-reporter": "^0.2.2",
-    "karma-coverage-istanbul-reporter": "^0.2.0",
     "npm": "4.1.2",
     "protractor": "~5.1.0",
     "rimraf": "^2.5.4",

marklogic-data-hub/src/trace-ui/src/polyfills.ts

@@ -19,22 +19,22 @@
  */
 
 /** IE9, IE10 and IE11 requires all of the following polyfills. **/
-// import 'core-js/es6/symbol';
-// import 'core-js/es6/object';
-// import 'core-js/es6/function';
-// import 'core-js/es6/parse-int';
-// import 'core-js/es6/parse-float';
-// import 'core-js/es6/number';
-// import 'core-js/es6/math';
-// import 'core-js/es6/string';
-// import 'core-js/es6/date';
-// import 'core-js/es6/array';
-// import 'core-js/es6/regexp';
-// import 'core-js/es6/map';
-// import 'core-js/es6/set';
+import 'core-js/es6/symbol';
+import 'core-js/es6/object';
+import 'core-js/es6/function';
+import 'core-js/es6/parse-int';
+import 'core-js/es6/parse-float';
+import 'core-js/es6/number';
+import 'core-js/es6/math';
+import 'core-js/es6/string';
+import 'core-js/es6/date';
+import 'core-js/es6/array';
+import 'core-js/es6/regexp';
+import 'core-js/es6/map';
+import 'core-js/es6/set';
 
 /** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js';  // Run `npm install --save classlist.js`.
+import 'classlist.js';  // Run `npm install --save classlist.js`.
 
 /** IE10 and IE11 requires the following to support `@angular/animation`. */
 // import 'web-animations-js';  // Run `npm install --save web-animations-js`.

marklogic-data-hub/src/trace-ui/src/tsconfig.app.json

@@ -4,7 +4,7 @@
     "outDir": "../out-tsc/app",
     "module": "es2015",
     "baseUrl": "",
-    "types": []
+    "types": ["app/codemirror/codemirror.types"]
   },
   "exclude": [
     "test.ts",

quick-start/package.json

@@ -50,14 +50,15 @@
     "@types/node": "~6.0.60",
     "@types/semver": "^5.3.31",
     "codelyzer": "~2.0.0",
+    "enhanced-resolve": "3.3.0",
     "jasmine-core": "~2.5.2",
     "jasmine-spec-reporter": "~3.2.0",
     "karma": "~1.4.1",
     "karma-chrome-launcher": "~2.0.0",
     "karma-cli": "~1.0.1",
+    "karma-coverage-istanbul-reporter": "^0.2.0",
     "karma-jasmine": "~1.1.0",
     "karma-jasmine-html-reporter": "^0.2.2",
-    "karma-coverage-istanbul-reporter": "^0.2.0",
     "npm": "4.1.2",
     "protractor": "~5.1.0",
     "rimraf": "^2.5.4",

quick-start/src/main/ui/app/entities/entities.component.html

@@ -44,7 +44,7 @@
                         {{ flow.flowName }}
                         <span class="mdl-layout-spacer"></span>
                         <i class="fa fa-trash" (click)="deleteFlow($event, flow, type.toUpperCase())"></i>
-                        <i class="fa fa-bug" *ngIf="flowHasError(entity.name, flow.flowName)"></i>
+                        <i class="fa fa-bug" *ngIf="flowHasError(entity.entityName, flow.flowName)"></i>
                       </span>
                     </div>
                   </li>
@@ -94,6 +94,7 @@
             <mdl-tab-panel-title>
               <i class="fa fa-code" aria-hidden="true"></i>
               <span>{{ plugin.pluginType }}</span>
+              <i class="fa fa-bug" *ngIf="pluginHasError(flow, plugin.pluginType)"></i>
               <i class="fa fa-asterisk" title="Unsaved Changes" *ngIf="plugin.$dirty && plugin.hasShown"></i>
             </mdl-tab-panel-title>
             <mdl-tab-panel-content>

quick-start/src/main/ui/app/entities/entities.service.ts

@@ -41,16 +41,16 @@ export class EntitiesService {
 
   savePlugin(entity: Entity, flowType: string, flow: Flow, plugin: Plugin) {
     return this.post(
-        this.url(`/entities/${entity.entityName}/flows/${flowType}/${flow.flowName}/plugin/save`),
-        _.omit(plugin, ['cm'])
-      );
+      this.url(`/entities/${entity.entityName}/flows/${flowType}/${flow.flowName}/plugin/save`),
+      _.omit(plugin, ['cm', 'codemirrorConfig', 'history'])
+    );
   }
 
   validatePlugin(entity: Entity, flowType: string, flow: Flow, plugin: Plugin) {
     return this.post(
-        this.url(`/entities/${entity.entityName}/flows/${flowType}/${flow.flowName}/plugin/validate`),
-        plugin
-      );
+      this.url(`/entities/${entity.entityName}/flows/${flowType}/${flow.flowName}/plugin/validate`),
+      plugin
+    );
   }
 
   getInputFlowOptions(flow: Flow) {