fixed #281 - switched to jetty. got rid of warnings

Author: paxtonhare

quick-start/build.gradle

@@ -38,6 +38,7 @@ targetCompatibility = 1.8
 dependencies {
     compile("org.springframework.boot:spring-boot-starter:${springBootVersion}")
     compile("org.springframework.boot:spring-boot-starter-web:${springBootVersion}")
+    compile("org.springframework.boot:spring-boot-starter-jetty:${springBootVersion}")
     compile("org.springframework.boot:spring-boot-starter-websocket:${springBootVersion}")
     compile("org.springframework.boot:spring-boot-starter-thymeleaf:${springBootVersion}")
     compile("org.aspectj:aspectjweaver:1.8.9")
@@ -58,6 +59,7 @@ dependencies {
 configurations {
     all*.exclude group: 'xml-apis'
     all*.exclude group: 'xerces'
+    compile.exclude module: "spring-boot-starter-tomcat"
 }
 
 task cleanUI(type: Delete) {

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

@@ -25,7 +25,7 @@
           </div>
           <div class="flow-container" [ngClass]="{ 'collapsed' : isCollapsed(entity) }">
             <div class="padder">
-              <div class="subheader">
+              <div class="flow-subheader">
                 Input Flows
                 <div class="mdl-layout-spacer"></div>
                 <mdl-button mdl-button-type="icon" id="new-input-flow" aria-label="New Input Flow" (click)="newInputFlow($event, entity)">
@@ -46,7 +46,7 @@
                   </span>
                 </li>
               </ul>
-              <div class="subheader">
+              <div class="flow-subheader">
                 Harmonize Flows
                 <div class="mdl-layout-spacer"></div>
                 <mdl-button mdl-button-type="icon" id="new-harmonize-flow" aria-label="New Harmonize Flow" (click)="newHarmonizeFlow($event, entity)">

quick-start/src/main/ui/app/home/home.component.scss

@@ -75,7 +75,7 @@ $header-height: 48px;
   .padder {
     padding: 0px 10px;
   }
-  padding: 0px 10px;
+  padding: 0px 0px 0px 20px;
   width: 100%;
   box-sizing: border-box;
   max-height: 5000px;
@@ -104,7 +104,7 @@ $header-height: 48px;
     background-color: $hover-color;
   }
 }
-.subheader {
+.flow-subheader {
   font-weight: bold;
   margin: 0px;
   width: 100%;

quick-start/src/main/ui/app/traces/trace-viewer.component.ts

@@ -81,6 +81,18 @@ export class TraceViewerComponent implements OnInit, OnDestroy {
     return data;
   }
 
+  getButtonClasses(plugin) {
+    let classes = [];
+    if (this.currentPluginType === plugin) {
+      classes.push('active');
+    }
+
+    if (this.trace[plugin + 'Plugin'].error) {
+      classes.push('error');
+    }
+    return classes.join(' ');
+  }
+
   private setCurrent(type: string) {
     this.currentPluginType = type;
     this.currentPlugin = this.trace[type + 'Plugin'];

quick-start/src/main/ui/app/traces/trace-viewer.style.scss

@@ -44,6 +44,11 @@ $green-color: unquote("rgb(#{$palette-datahub-green})");
   }
 }
 
+.mdl-button--primary.mdl-button--primary.mdl-button--raised.error {
+  background-color: $red-color;
+  border: 1px solid red;
+}
+
 .plugin.active {
   font-weight: bold;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.28), 0 8px 16px rgba(0, 0, 0, 0.46);

quick-start/src/main/ui/app/traces/trace-viewer.tpl.html

@@ -15,7 +15,7 @@
         <mdl-button mdl-button-type="raised" mdl-colored="primary"
           (click)="setCurrent(plugin)"
           class="plugin"
-          [ngClass]="{'active': (currentPluginType === plugin)}">
+          [ngClass]="getButtonClasses(plugin)">
           <div class="plugin-name">{{plugin}}</div>
           <div class="plugin-duration">{{trace[plugin + 'Plugin'].duration}}<span class="unit">s</span></div>
         </mdl-button>