tez-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From s...@apache.org
Subject [20/31] tez git commit: TEZ-3227. Tez UI: Replace UI1 with UI2 (sree)
Date Tue, 26 Apr 2016 10:18:51 GMT
http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/styles/error-bar.less
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/styles/error-bar.less b/tez-ui/src/main/webapp/app/styles/error-bar.less
new file mode 100644
index 0000000..dec2100
--- /dev/null
+++ b/tez-ui/src/main/webapp/app/styles/error-bar.less
@@ -0,0 +1,102 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.error-bar {
+  position: fixed;
+  z-index: 1000;
+
+  padding: 9px 30px;
+  min-height: 50px;
+  width: 100%;
+
+  bottom: -50px;
+  opacity: 0;
+  height: 50px;
+
+  &.visible {
+    bottom: -10px;
+    opacity: 1;
+    height: auto;
+  }
+
+  transition: all .2s cubic-bezier(0.175, 0.885, 0.320, 1.275);
+  transition-property: bottom, opacity, height;
+  -webkit-transition: all .2s cubic-bezier(0.175, 0.885, 0.320, 1.275);
+  -webkit-transition-property: bottom, opacity, height;
+
+  border-top: 1px @border-lite solid;
+  background-color: #F5F5DC;
+  color: @text-red;
+
+  .message, .details {
+    overflow: scroll;
+    max-height: 100px;
+
+    text-align: left;
+  }
+
+  .details {
+    display: none;
+    visibility: hidden;
+
+    margin-bottom: 10px;
+
+    border-top: 1px @border-lite solid;
+
+    .force-scrollbar;
+    white-space: pre-line;
+
+    &.visible {
+      display: block;
+    }
+  }
+
+  .close-button, .show-details {
+    position: absolute;
+    top: 12px;
+
+    color: @text-color;
+    opacity: .7;
+
+    &:hover {
+      cursor: pointer;
+      opacity: 1;
+    }
+  }
+
+  .close-button {
+    right: 30px;
+  }
+
+  .show-details {
+    right: 45px;
+    visibility: hidden;
+  }
+
+  &.details-available {
+    .message {
+      cursor: pointer;
+    }
+    .details {
+      visibility: visible;
+    }
+    .show-details {
+      visibility: visible;
+    }
+  }
+}

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/styles/main.less
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/styles/main.less b/tez-ui/src/main/webapp/app/styles/main.less
deleted file mode 100644
index 0a57a87..0000000
--- a/tez-ui/src/main/webapp/app/styles/main.less
+++ /dev/null
@@ -1,980 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-// Imports
-@import "../bower_components/font-awesome/less/font-awesome";
-@import "../bower_components/bootstrap/less/bootstrap"; //UI theme
-@import "app/styles/dag-view";
-
-// Colors
-@import "app/styles/colors";
-@import "app/styles/shared";
-
-// Base style
-body, html, body > .ember-view {
-  height: 100%;
-  overflow: visible;
-  color: @text-color;
-}
-body, html {
-  min-width: 1024px;
-}
-
-// Styles used in both standalone and wrapped modes
-.standalone, .wrapped {
-
-  .main-container {
-    margin: 0px 30px;
-  }
-
-  .breadcrumb {
-    padding: 5px 15px;
-    border: 1px solid @border-lite;
-    font-size: 16px;
-
-    >.active {
-      color: @text-color;
-      .sub {
-        font-size: 12px;
-      }
-    }
-
-    .fa-home:before {
-      position: relative;
-      font-size: 1.5em;
-      top: 2px;
-    }
-  }
-
-  .load-component {
-    margin-bottom: 5px;
-
-    .panel-body {
-      padding-top: 5px;
-      padding-bottom: 5px;
-    }
-
-    .fa-clock-o {
-      .fa-2x;
-
-      position: relative;
-      top: 2px;
-    }
-
-    .auto-update {
-      .inline-block;
-      .align-checknradio;
-
-      padding-left: 10px;
-    }
-
-    .align-children-right {
-      vertical-align: top;
-    }
-
-    .margin-small-horizontal {
-      vertical-align: middle;
-    }
-  }
-
-  .navbar {
-    margin-bottom: 0px;
-  }
-}
-
-// TEZ UI in stand alone mode
-.standalone {
-  height: 100%;
-
-  a, .pagination > li > a, .btn-default, .clickable {
-    color: @logo-orange;
-  }
-
-  .is-current {
-    color: white;
-    background-color: @logo-orange;
-  }
-
-  #top-nav {
-    a.logo {
-      img {
-        margin-top: 2px;
-      }
-      span {
-        vertical-align: bottom;
-        color: @logo-orange;
-      }
-      &:hover {
-        text-decoration: none;
-      }
-    }
-
-    .navbar-inner {
-      background-color: @bg-lite;
-
-      max-height: 40px;
-      border-bottom: 1px @border-lite solid;
-    }
-  }
-
-  .breadcrumb {
-    border: 1px solid @logo-orange;
-  }
-
-  .nav-pills > li.active > a,
-  .nav-pills > li.active > a:hover,
-  .nav-pills > li.active > a:focus {
-    background-color: @logo-orange;
-  }
-
-  .top-wrapper {
-    min-height: 100%;
-    height: auto !important;
-    height: 100%;
-    margin: 0 auto -40px; // Must be same as footer & footer-frame
-  }
-
-  .footer, .footer-frame {
-    height: 40px;
-  }
-
-  .footer {
-    background-color: @white;
-    color: @text-color;
-
-    padding: 10px 0px;
-    margin: 0px;
-
-    border-top: 1px @border-lite solid;
-  }
-}
-
-// TEZ UI wrapped in a host like Ambari
-.wrapped {
-  #top-nav, .footer, .push {
-    display: none;
-  }
-
-  .is-current {
-    color: white;
-    background-color: @brand-primary;
-  }
-}
-
-.error-bar {
-  position: fixed;
-  bottom: -50px;
-  width: 100%;
-  z-index: 1000;
-
-  .main-container {
-    margin: 0px 30px;
-
-    .message-container, .close-container {
-      .inline-block;
-      vertical-align: top;
-    }
-
-    .message-container {
-      width:100%;
-      overflow: scroll;
-      max-height: 100px;
-
-      .align-children-left;
-
-      .error-icon {
-        .task-status;
-        .failed;
-        margin-top: 3px;
-      }
-    }
-
-    .close-container {
-      position: absolute;
-      right: 15px;
-      .align-children-right;
-    }
-  }
-
-  -webkit-transition: bottom .2s cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
-  -webkit-transition: bottom .2s cubic-bezier(0.175, 0.885, 0.320, 1.275);
-  -moz-transition: bottom .2s cubic-bezier(0.175, 0.885, 0.320, 1.275);
-  -o-transition: bottom .2s cubic-bezier(0.175, 0.885, 0.320, 1.275);
-  transition: bottom .2s cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
-
-  background-color: #F5F5DC;
-  color: @text-red;
-
-  padding: 5px 0px 15px 0px;
-  margin: 0px;
-  min-height: 50px;
-
-  border-top: 1px @border-lite solid;
-
-  a {
-    color: @text-red !important;
-  }
-
-  .message {
-    display: none;
-  }
-
-  .details {
-    display: none;
-    overflow: auto;
-    max-height: 300px;
-
-    .force-scrollbar;
-
-    &.visible {
-      display: block;
-    }
-  }
-
-  &.visible {
-    bottom: -10px;
-
-    .message {
-      display: inline;
-    }
-  }
-}
-
-/* misc helpers */
-.inline-block {
-  display: inline-block;
-}
-
-.horizontal-half {
-  .inline-block;
-  width: 50%;
-}
-
-.align-children-left {
-  text-align: left;
-}
-
-.align-children-right {
-  text-align: right;
-}
-
-.align-children-center {
-  text-align: center;
-}
-
-.align-right {
-  float: right;
-}
-
-.align-left {
-  float: left;
-}
-
-.margin-small {
-  margin: 15px;
-}
-
-.margin-small-vertical {
-  margin: 15px 0px;
-}
-
-.margin-small-horizontal {
-  margin: 0px 15px;
-}
-
-.margin-medium-vertical {
-  margin: 30px 0px;
-}
-
-.type-table {
-  display: table;
-}
-
-.fill-full {
-  width: 100%;
-  height: 100%;
-}
-
-/* Navigation */
-.page-nav-link {
-  padding-top: 2px;
-
-  .page-count {
-    display: inline-block;
-    text-align: right;
-    width: 100px;
-    .text {
-      display: inline-block;
-      width: 30px;
-      margin-right: 3px;
-      font-size: .8em;
-    }
-    .counter {
-      font-size: 2em;
-    }
-  }
-
-  .nav-first, .nav-prev, .nav-next {
-    .fa;
-    .fa-2x;
-    cursor: pointer;
-    color: black;
-  }
-
-  .disabled {
-    pointer-events: none;
-    color:lightgray;
-  }
-
-  .nav-first {
-    .fa-icon(arrow-circle-o-left);
-  }
-
-  .nav-prev {
-    .fa-icon(arrow-circle-left)
-  }
-
-  .nav-next {
-    .fa-icon(arrow-circle-right);
-  }
-}
-
-.pill-container {
-  display: table-cell;
-  margin-right: 30px;
-
-  a {
-    height: 30px !important;
-    padding: 5px 15px !important;
-  }
-}
-
-/* dag page */
-.detail-list {
-  table-layout: fixed;
-  white-space: nowrap;
-
-  .progress {
-    margin-bottom: 0px;
-  }
-
-  tr {
-    margin: 0px 0px 0px 15px;
-    overflow: hidden;
-  }
-
-  thead {
-    background-color: @bg-lite;
-    font-style: italic;
-    font-weight: bold;
-  }
-
-  td {
-    padding: 0px 20px 0px 0px;
-  }
-
-  td:first-child {
-    width:120px;
-  }
-
-  th, td {
-    border: 1px solid @border-lite;
-    padding: 5px;
-  }
-}
-
-/* status related */
-.task-status {
-  .fa;
-  .fa-lg;
-
-  &.success {
-    .fa-icon(check-circle);
-    color: @success-color;
-  }
-
-  &.schedule {
-    .fa-icon(history);
-    .fa-flip-horizontal;
-    color: @warning-color;
-  }
-
-  &.running {
-    .fa-icon(spinner);
-    .fa-spin;
-    color: @success-color;
-  }
-
-  &.failed {
-    .fa-icon(exclamation-circle);
-    color: @error-color;
-  }
-
-  &.killed {
-    .fa-icon(exclamation-circle);
-    color: @error-color;
-  }
-
-  &.warning {
-    .fa-icon(check-circle);
-    color: @warning-color;
-  }
-
-  &.unknown {
-    .fa-icon(exclamation);
-    color: @unknown-color;
-  }
-}
-.status-msg {
-  margin-left: 20px;
-}
-
-.fa-action {
-  .fa;
-  .fa-2x;
-  cursor: pointer;
-  color: black;
-}
-
-.left-divider{
-  padding-left: 5px;
-  border-left: 1px solid lightgrey;
-  margin-left: 5px;
-}
-
-.log-indent {
-  margin: 0px 0px 0px 20px;
-  i {
-    .fa;
-    .fa-icon(angle-double-right);
-  }
-}
-
-.countertable {
-  width: 100%;
-
-  th, td {
-    border: 1px solid #dcdcdc;
-    padding: 5px 5px;
-  }
-
-  th, td.filter {
-    background-color: #f0f0f0;
-    font-style: italic;
-    font-weight: bold;
-  }
-
-  th:first-child {
-    width: 70%;
-  }
-
-  tr {
-    margin: 0px 0px 0px 15px;
-    &.group-header td {
-      background-color: #f8f8f8;
-      font-style: italic;
-      font-weight: bold;
-    }
-  }
-}
-
-.kv-table {
-  width: 100%;
-  table-layout: fixed;
-
-  th, td {
-    border: 1px solid #dcdcdc;
-    padding: 5px 5px;
-    width: 50%;
-    word-wrap:break-word;
-  }
-
-  th, td.filter {
-    background-color: #f0f0f0;
-    font-style: italic;
-    font-weight: bold;
-  }
-
-  .input-wrapper {
-    display: block;
-    overflow: hidden;
-    padding: 4px 10px 4px 4px;
-  }
-
-  input[type=search] {
-    width: 100%;
-  }
-}
-
-.ember-table-header-row {
-  .ember-table-content {
-    padding: 2px;
-    input, select {
-      width: 100%;
-    }
-    input {
-      margin-bottom: -3px;
-    }
-  }
-}
-.ember-table-cell:last-child {
-  border: none;
-}
-
-.inline-display {
-  display: inline;
-}
-
-.disabled-icon {
-  pointer-events: none;
-  color:lightgray;
-}
-
-.enabled-icon {
-  cursor: pointer;
-  color: black;
-}
-
-.row-select {
-  margin-left: 5px;
-
-  display: inline-block;
-  text-align: center;
-
-  :first-child {
-    margin-bottom: -3px;
-    font-size: .85em;
-  }
-}
-
-.dag-header {
-  .margin-small-horizontal;
-
-  .align-children-left {
-    width: 65%;
-    .inline-block;
-  }
-  .align-children-right {
-    width: 35%;
-    .inline-block;
-  }
-
-  margin-bottom: -5px;
-  margin-top: 10px;
-
-  .pagination-view {
-    .page-list {
-      margin-bottom: 2px;
-    }
-  }
-
-  .filter-elements {
-    .inline-block;
-
-    margin-left: 5px;
-    display: inline-block;
-
-    input[type=text], select {
-      width: 110px;
-    }
-    input, select {
-      height: 20px;
-      border-radius: 5px;
-      border: 1px solid @border-color;
-    }
-
-    .load-counter-check {
-      margin-left: 10px;
-      vertical-align: sub;
-    }
-
-    :first-child {
-      margin-bottom: -3px;
-      font-size: .85em;
-
-      padding: 2px;
-    }
-  }
-}
-
-.pagination-view {
-  .inline-block;
-
-  .page-list {
-    .inline-block;
-    .align-top;
-
-    overflow: hidden;
-
-    border: 1px solid @border-color;
-    border-radius: 5px;
-
-    padding: 0px;
-
-    font-size: 0px;
-
-    li {
-      .inline-block;
-
-      padding: 6px 10px;
-      font-size: 14px;
-
-      border-left: 1px solid @border-color;
-
-      pointer-events: none;
-
-      &.clickable {
-        pointer-events: auto;
-        &:hover {
-          background-color: @bg-grey;
-          cursor: pointer;
-        }
-      }
-    }
-
-    .total-page-count {
-      font-size: .8em;
-    }
-
-    :first-child {
-      border-left: none;
-    }
-  }
-}
-
-.table-container {
-  .use-gpu;
-
-  .task-status {
-    .absolute;
-    top: 7px;
-  }
-
-  margin: 10px 0px;
-
-  .table-header {
-    padding: 5px;
-
-    button:hover {
-      background-color: @bg-grey;
-    }
-
-    .table-message {
-      .inline-block;
-      font-size: 18px;
-      margin-top: 10px;
-      margin-left: 5px;
-      vertical-align: super;
-
-      overflow: hidden;
-      transform: translateZ(0);
-
-      i {
-        position: static;
-      }
-    }
-
-    .horizontal-half {
-      height: 33px;
-      white-space: nowrap;
-    }
-
-    .search-view {
-      .inline-block;
-      .align-top;
-      width: 70%;
-    }
-
-    .extra-table-buttons {
-      .inline-block;
-
-      .load-all {
-        .inline-block;
-        .left-divider;
-
-        margin-left: 5px;
-        text-align: center;
-
-        :first-child {
-          margin-bottom: -3px;
-          font-size: .85em;
-          color: red;
-        }
-      }
-
-      .column-selector-button {
-        .fa-action;
-        .fa-icon(cog);
-        .left-divider;
-        .inline-block;
-
-        padding-top: 5px;
-        height: 36px;
-      }
-    }
-  }
-
-  .waiting {
-    .fa;
-    .fa-icon(spinner);
-    .fa-spin;
-    .fa-fw;
-    .absolute;
-  }
-
-  .table-body-container{
-    .force-scrollbar;
-
-    border: 1px solid @border-color;
-    border-radius: 5px;
-
-    margin: 5px 0px;
-
-    overflow: auto;
-
-    .data-availability-message {
-      font-size: 24px;
-      text-align: center;
-    }
-
-    .table-body {
-      .noise-background;
-      white-space: nowrap;
-      font-size: 0;
-
-      .table-column {
-        background-color: white;
-        display: inline-block;
-        min-width: 150px;
-        border-left: 1px solid @border-color;
-
-        &.first-item {
-          border-left: none;
-        }
-
-        .table-header-cell, .table-cell {
-          font-size: 13px;
-          padding: 5px;
-          position: relative;
-
-          .progress {
-            height: 15px;
-            .sr-only {
-              top: -2px;
-            }
-          }
-
-          .cell-content {
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-            height: 18px;
-
-            .message {
-              color: @text-light;
-              .waiting {
-                color: @text-color;
-              }
-            }
-          }
-
-          .sort-icon {
-            .fa;
-            cursor: pointer;
-            position: absolute;
-            right: 8px;
-            top: 9px;
-
-            opacity: .5;
-            .fa-icon(sort);
-
-            &.asc {
-              opacity: 1;
-              top: 12px;
-              .fa-icon(sort-asc);
-            }
-            &.desc {
-              opacity: 1;
-              top: 6px;
-              .fa-icon(sort-desc);
-            }
-          }
-          .resize-column {
-            .fa;
-            .fa-icon(ellipsis-v);
-
-            cursor: col-resize;
-            position: absolute;
-            right: 2px;
-            top: 10px;
-
-            opacity: .2;
-          }
-        }
-
-        .table-header-cell {
-          font-weight: bold;
-
-          padding-right: 15px;
-
-          background-color: @bg-grey;
-          border-bottom: 1px solid @border-color;
-        }
-
-        .table-cell {
-          border-top: 1px dotted @border-color;
-
-          &.first-item {
-            border-top: none;
-          }
-        }
-      }
-    }
-  }
-}
-
-.ember-table-container {
-  min-height: 20px;
-  width: 100%;
-  overflow: auto;
-  border-right: 1px solid @border-lite;
-  border-left: 1px solid @border-lite;
-  .ember-table-table-block {
-    overflow: visible !important;
-  }
-  .ember-table-scroll-container {
-    display: none;
-  }
-}
-
-.filter-cell, {
-  left: 0px;
-  top: 0px;
-  .sort, .filter {
-    position: absolute;
-  }
-  .filter {
-    left: 5px;
-    right: 20px;
-  }
-  .sort {
-    cursor: pointer;
-    top: 7px;
-    right: 5px;
-  }
-}
-
-.input-dirty {
-  background-color: yellow;
-}
-
-/* --- Close button fix */
-.align-close-button {
-  margin-left: -1px;
-  margin-top: -1px;
-}
-
-.multi-select {
-  .message {
-    text-align: right;
-    font-size: 10px;
-  }
-
-  .selection-list {
-    border: 1px solid @border-color;
-
-    .highlight {
-      background-color: @bg-lite;
-    }
-    .select-option, .search-option {
-      border-top: 1px dotted @border-color;
-      padding: 5px;
-
-      .checkbox {
-        margin-right: 10px;
-        float: left;
-        vertical-align: middle;
-      }
-    }
-    .search-option {
-      border: none;
-
-      .form-group {
-        .inline-block;
-        .align-top;
-
-        width: 100%;
-        margin: 0px;
-      }
-
-      .select-all {
-        .inline-block;
-
-        height: 15px;
-        margin-top: 3px;
-      }
-    }
-  }
-}
-
-.modal {
-  position: absolute;
-
-  .modal-body {
-    max-height: 450px;
-    overflow-y: auto;
-  }
-}
-
-.per-io {
-  color: @text-green;
-}
-
-.generic-tooltip {
-  padding: 3px 5px !important;
-  background: rgba(0,0,0,.8) !important;
-  color: white !important;
-  border: none !important;
-}
-
-// CodeMirror does not have any facility to add classes to the generated div
-.CodeMirror {
-  height: auto !important;
-  viewportMargin: Infinity !important;
-}
-
-.code-mirror-container {
-  .panel-body {
-    padding: 0px;
-  }
-}
-
-.progress {
-  .sr-only {
-    text-shadow:
-        -1px -1px 1px #337ab7,
-        1px -1px  1px #337ab7,
-        -1px 1px 1px #337ab7,
-        1px 1px 1px #337ab7;
-
-    position: relative;
-    overflow: visible;
-    clip: auto;
-    left: 5px;
-  }
-}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/styles/page-layout.less
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/styles/page-layout.less b/tez-ui/src/main/webapp/app/styles/page-layout.less
new file mode 100644
index 0000000..6dab69f
--- /dev/null
+++ b/tez-ui/src/main/webapp/app/styles/page-layout.less
@@ -0,0 +1,154 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+body, html, body > .ember-view {
+  height: 100%;
+  overflow: visible;
+  color: @text-color;
+}
+body, html {
+  min-width: 1024px;
+}
+
+// Styles used in both standalone and wrapped modes
+.standalone, .wrapped {
+
+  .lr-margin {
+    margin: 0px 30px;
+  }
+
+  .header, .footer {
+    .content {
+      position: relative;
+
+      .breadcrumb-container {
+        position: absolute;
+        left: 70px;
+        right: 20px;
+        top: 6px;
+
+        .breadcrumb {
+          .no-border;
+
+          font-size: 1.2em;
+
+          background-color: transparent;
+          margin-bottom: 0px;
+
+          .active {
+          }
+        }
+      }
+
+      .ui-info {
+        position: absolute;
+        right: 0px;
+        top: 0px;
+        height: 27px;
+
+        span {
+          .left-delim;
+        }
+        span:first-child {
+          .no-border;
+        }
+      }
+    }
+  }
+
+  .header {
+    background-color: @bg-lite;
+
+    height: 40px;
+    border-bottom: 1px @border-color solid;
+    margin-bottom: 10px;
+
+    a.logo {
+      img {
+        margin-top: 2px;
+        height: 34px;
+        width: 70px;
+      }
+      &:hover {
+        text-decoration: none;
+      }
+    }
+
+    .ui-info {
+      background-color: @bg-lite;
+      margin-top: 10px;
+
+      .fa::before {
+        font-size: 20px;
+      }
+    }
+  }
+
+  .footer {
+    background-color: @white;
+    color: @text-color;
+
+    padding: 10px 0px;
+    margin: 0px;
+
+    border-top: 1px @border-color solid;
+
+    font-size: .9em;
+
+    .ui-info {
+      background-color: @white;
+    }
+  }
+}
+
+// TEZ UI in stand alone mode
+.standalone {
+  height: 100%;
+
+  a, .pagination > li > a, .clickable {
+    color: @logo-orange;
+  }
+
+  .footer-frame {
+    height: 60px;
+  }
+  .footer {
+    height: 40px;
+  }
+
+  .footer-pusher {
+    min-height: 100%;
+    height: auto !important;
+    height: 100%;
+    margin: 0 auto -40px; // Must be same as footer & footer-frame
+  }
+}
+
+// TEZ UI wrapped in a host like Ambari
+.wrapped {
+  .header {
+    border: 1px @border-lite solid;
+    border-radius: 5px;
+  }
+  .footer {
+    display: none;
+  }
+}
+
+
+

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/styles/shared.less
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/styles/shared.less b/tez-ui/src/main/webapp/app/styles/shared.less
index 07befa4..0fa7309 100644
--- a/tez-ui/src/main/webapp/app/styles/shared.less
+++ b/tez-ui/src/main/webapp/app/styles/shared.less
@@ -16,101 +16,42 @@
  * limitations under the License.
  */
 
-.fa-icon(@name) {
-  @content: "fa-var-@{name}";
-  &:before {content: @@content}
+b {
+  font-weight: bold;
 }
-
-.no-select {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-
-  cursor: default;
-}
-
-.no-display {
-  display: none !important;
-}
-
-.no-visible {
-  visibility: hidden !important;
-}
-
-.no-margin {
-  margin: 0px !important;
-}
-
-.no-pointer {
-  pointer-events: none;
-}
-
-.inactive {
-  .no-pointer;
-  opacity: 0.4;
-}
-
-.no-wrap {
-  white-space: nowrap;
-}
-
-.no-border {
-  border: none !important;
-}
-
-.align-top {
-  vertical-align: top;
+.horizontal-half {
+  width: 50%;
 }
 
-.align-super {
-  vertical-align: super;
+.display-block {
+  display: block;
 }
 
-.inline-block {
-  display: inline-block;
+.left-delim {
+  border-left: 1px solid @border-color;
+  margin-left: 10px;
+  padding-left: 10px;
 }
 
-.noise-background {
-  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoY
 RxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4
 wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);
-}
-
-.absolute {
-  position: absolute;
+.align-checknradio {
+  input[type=checkbox], input[type=radio] {
+    vertical-align: middle;
+    position: relative;
+    bottom: .2em;
+  }
 }
 
-.use-gpu {
-  -webkit-transform: translateZ(0);
-     -moz-transform: translateZ(0);
-      -ms-transform: translateZ(0);
-       -o-transform: translateZ(0);
-          transform: translateZ(0);
-}
+.diagnostics {
+  padding: 10px;
+  white-space: pre-line;
 
-.force-scrollbar {
-  &::-webkit-scrollbar {
-    -webkit-appearance: none;
-  }
-  &::-webkit-scrollbar:vertical {
-    width: 11px;
-  }
-  &::-webkit-scrollbar:horizontal {
-    height: 11px;
-  }
-  &::-webkit-scrollbar-thumb {
-    border-radius: 8px;
-    border: 2px solid #EEE;
-    background-color: #BBB;
-  }
-  &::-webkit-scrollbar-track {
-    background-color: #EEE;
-    border-radius: 8px;
+  div {
+    padding-left: 20px;
   }
 }
 
-.align-checknradio {
-  input[type=checkbox], input[type=radio] {
-    vertical-align: middle;
-    position: relative;
-    bottom: .2em;
+.em-table {
+  .em-progress-container {
+    padding-top: 1px;
   }
 }

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/styles/swimlane-page.less
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/styles/swimlane-page.less b/tez-ui/src/main/webapp/app/styles/swimlane-page.less
new file mode 100644
index 0000000..3f14b39
--- /dev/null
+++ b/tez-ui/src/main/webapp/app/styles/swimlane-page.less
@@ -0,0 +1,91 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.swimlane-page {
+
+  .button-panel {
+    .no-select;
+
+    text-align: right;
+
+    height: 30px;
+
+    .fa {
+      font-size: 20px;
+
+      border-radius: 5px;
+
+      cursor: pointer;
+
+      border-color: @border-lite;
+      background-color: @bg-lite;
+
+      &:hover {
+        color: @bg-lite;
+        background-color: @text-color;
+      }
+    }
+  }
+
+  .zoom-range {
+    .no-wrap;
+    display: inline-block;
+    width: 300px;
+
+    margin-right: 5px;
+    padding-right: 5px;
+    border-right: 1px solid @border-color;
+
+    input {
+      width: 200px;
+      display: inline-block;
+      margin-top: 5px;
+      vertical-align: text-bottom;
+    }
+  }
+
+  .fa-compress {
+    display: none;
+  }
+
+  .fullscreen {
+    height: 100%;
+    width: 100%;
+
+    overflow: auto;
+
+    padding: 10px;
+
+    .fa-compress {
+      display: inline-block;
+    }
+    .fa-expand {
+      .no-display;
+    }
+  }
+
+  &:-webkit-full-screen {
+    .fullscreen;
+  }
+  &:fullscreen {
+    .fullscreen;
+  }
+  &:-moz-full-screen {
+    .fullscreen;
+  }
+}

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/styles/swimlanes.css
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/styles/swimlanes.css b/tez-ui/src/main/webapp/app/styles/swimlanes.css
deleted file mode 100644
index 269b1ae..0000000
--- a/tez-ui/src/main/webapp/app/styles/swimlanes.css
+++ /dev/null
@@ -1,62 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-.svg {
-  shape-rendering: crispEdges;
-}
-
-.axis {
-  font: 10px sans-serif;
-}
-
-.x.axis path {
-  display: none;
-}
-
-.axis line {
-  fill: none;
-  stroke: #000;
-  shape-rendering: crispEdges;
-}
-
-.mini text {
-  font: 12px sans-serif;
-  fill: black;
-}
-
-.container {
-  fill: lightblue;
-  stroke-width: 6;
-}
-
-.task_attempt {
-  fill: slategray;
-  stroke-width: 6;
-}
-
-div.tooltip {
-  position: absolute;
-  text-align: left;
-  width: 270px;
-  height: 48px;
-  padding: 6px;
-  font: 12px sans-serif;
-  background: lightsteelblue;
-  border: 0px;
-  border-radius: 8px;
-}

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/styles/tab-n-refresh.less
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/styles/tab-n-refresh.less b/tez-ui/src/main/webapp/app/styles/tab-n-refresh.less
new file mode 100644
index 0000000..97acff0
--- /dev/null
+++ b/tez-ui/src/main/webapp/app/styles/tab-n-refresh.less
@@ -0,0 +1,42 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.tab-n-refresh {
+  margin-bottom: 10px;
+  position: relative;
+
+  height: 42px;
+
+  .refresh-ui {
+    position: absolute;
+    right: 0px;
+    top: -10px;
+
+    .text-elements {
+      display: inline-block;
+      position: relative;
+
+      line-height: 18px;
+      top: 11px;
+      text-align: right;
+      font-size: .95em;
+
+      .align-checknradio;
+    }
+  }
+}

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/styles/table-controls.less
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/styles/table-controls.less b/tez-ui/src/main/webapp/app/styles/table-controls.less
new file mode 100644
index 0000000..2f0371f
--- /dev/null
+++ b/tez-ui/src/main/webapp/app/styles/table-controls.less
@@ -0,0 +1,26 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.table-controls {
+  .left-delim;
+
+  cursor: pointer;
+
+  float: right;
+  font-size: 24px;
+}

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/styles/tooltip.less
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/styles/tooltip.less b/tez-ui/src/main/webapp/app/styles/tooltip.less
new file mode 100644
index 0000000..8a21537
--- /dev/null
+++ b/tez-ui/src/main/webapp/app/styles/tooltip.less
@@ -0,0 +1,24 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.generic-tooltip {
+  padding: 3px 5px !important;
+  background: rgba(0,0,0,.8) !important;
+  color: white !important;
+  border: none !important;
+}

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/styles/zip-download-modal.less
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/styles/zip-download-modal.less b/tez-ui/src/main/webapp/app/styles/zip-download-modal.less
new file mode 100644
index 0000000..4ed0fd2
--- /dev/null
+++ b/tez-ui/src/main/webapp/app/styles/zip-download-modal.less
@@ -0,0 +1,30 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.zip-download-modal {
+  .message {
+    padding: 10px 15px;
+
+    .fa-spinner {
+      color: green;
+    }
+    .fa-exclamation-circle {
+      color: red;
+    }
+  }
+}

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/templates/app.hbs
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/templates/app.hbs b/tez-ui/src/main/webapp/app/templates/app.hbs
new file mode 100644
index 0000000..8906371
--- /dev/null
+++ b/tez-ui/src/main/webapp/app/templates/app.hbs
@@ -0,0 +1,20 @@
+{{!
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+}}
+
+{{tab-n-refresh tabs=tabs loadTime=loadTime autoRefreshEnabled=polling.active}}
+{{outlet}}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/templates/app/configs.hbs
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/templates/app/configs.hbs b/tez-ui/src/main/webapp/app/templates/app/configs.hbs
new file mode 100644
index 0000000..62010e9
--- /dev/null
+++ b/tez-ui/src/main/webapp/app/templates/app/configs.hbs
@@ -0,0 +1,34 @@
+{{!
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+}}
+
+{{#if loaded}}
+  {{em-table
+  columns=columns
+  rows=configs
+
+  rowCount=configs.length
+  definition=definition
+
+  enablePagination=false
+
+  searchAction="searchChanged"
+  sortAction="sortChanged"
+  }}
+{{else}}
+  {{partial "loading"}}
+{{/if}}

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/templates/app/dags.hbs
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/templates/app/dags.hbs b/tez-ui/src/main/webapp/app/templates/app/dags.hbs
new file mode 100644
index 0000000..d36678a
--- /dev/null
+++ b/tez-ui/src/main/webapp/app/templates/app/dags.hbs
@@ -0,0 +1,37 @@
+{{!
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+}}
+
+{{#if loaded}}
+  {{em-table
+    columns=visibleColumns
+    rows=model
+
+    headerComponentNames=headerComponentNames
+
+    definition=definition
+
+    searchAction="searchChanged"
+    sortAction="sortChanged"
+    rowAction="rowCountChanged"
+    pageAction="pageChanged"
+
+    rowsChanged="rowsChanged"
+  }}
+{{else}}
+  {{partial "loading"}}
+{{/if}}

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/templates/app/index.hbs
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/templates/app/index.hbs b/tez-ui/src/main/webapp/app/templates/app/index.hbs
new file mode 100644
index 0000000..2c04d2c
--- /dev/null
+++ b/tez-ui/src/main/webapp/app/templates/app/index.hbs
@@ -0,0 +1,127 @@
+{{!
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+}}
+
+{{#if loaded}}
+  {{#if model.app}}
+    <table class='detail-list'>
+      <thead>
+      <tr>
+        <th colspan=2>YARN App Details</th>
+      </tr>
+      </thead>
+      <tbody>
+      <tr>
+        <td>Status</td>
+        <td>{{em-table-status-cell content=model.app.status}}</td>
+      </tr>
+      <tr>
+        <td>Final Status</td>
+        <td>{{em-table-status-cell content=model.app.finalStatus}}</td>
+      </tr>
+      <tr>
+        <td>Start Time</td>
+        <td>{{date-formatter content=model.app.startTime}}</td>
+      </tr>
+      <tr>
+        <td>End Time</td>
+        <td>{{date-formatter content=model.app.endTime}}</td>
+      </tr>
+      <tr>
+        <td>Duration</td>
+        <td>{{txt model.app.duration type="duration"}}</td>
+      </tr>
+      </tbody>
+    </table>
+
+    <table class='detail-list'>
+      <thead>
+      <tr>
+        <th colspan=2>YARN App Description</th>
+      </tr>
+      </thead>
+      <tbody>
+      <tr>
+        <td>Application Tracking URL</td>
+        <td><a href={{trackingURL}} target="_blank">{{model.app.entityID}}</a></td>
+      </tr>
+      <tr>
+        <td>Application Name</td>
+        <td>{{model.app.name}}</td>
+      </tr>
+      <tr>
+        <td>Queue</td>
+        <td>{{model.app.queue}}</td>
+      </tr>
+      <tr>
+        <td>Application Type</td>
+        <td>{{model.app.type}}</td>
+      </tr>
+      <tr>
+        <td>User</td>
+        <td>{{model.app.user}}</td>
+      </tr>
+      </tbody>
+    </table>
+  {{/if}}
+
+  <table class='detail-list'>
+    <thead>
+      <tr>
+        <th colspan=2>Tez Details</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td>Entity ID</td>
+        <td>{{model.entityID}}</td>
+      </tr>
+      <tr>
+        <td>Domain</td>
+        <td>{{model.domain}}</td>
+      </tr>
+      <tr>
+        <td>User</td>
+        <td>{{model.user}}</td>
+      </tr>
+    </tbody>
+  </table>
+
+  <table class='detail-list'>
+    <thead>
+      <tr>
+        <th colspan=2>Version Details</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td>Build Version</td>
+        <td>{{model.tezVersion}}</td>
+      </tr>
+      <tr>
+        <td>Build Revision</td>
+        <td>{{model.tezRevision}}</td>
+      </tr>
+      <tr>
+        <td>Build Time</td>
+        <td>{{model.buildTime}}</td>
+      </tr>
+    </tbody>
+  </table>
+{{else}}
+  {{partial "loading"}}
+{{/if}}

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/templates/application.hbs
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/templates/application.hbs b/tez-ui/src/main/webapp/app/templates/application.hbs
index f25ed89..7bdc2b7 100644
--- a/tez-ui/src/main/webapp/app/templates/application.hbs
+++ b/tez-ui/src/main/webapp/app/templates/application.hbs
@@ -16,33 +16,52 @@
  * limitations under the License.
 }}
 
-<div {{bind-attr class="App.env.isStandalone:standalone:wrapped App.env.isIE:ie"}}>
-  <div class="top-wrapper">
-    <div id="top-nav">
-      <div class="navbar navbar-static-top">
-        <div class="navbar-inner">
-          <div class="main-container">
-            {{#link-to 'application' class="logo"}}
-              <img src="img/apache-tez-logo-transparent.png" width="70px"/>
-              <span>{{unbound App.env.version}}</span>
-            {{/link-to}}
-          </div>
+<div class="{{if env.app.isStandalone 'standalone' 'wrapped'}} {{if env.ENV.isIE 'ie'}}">
+  <div class="footer-pusher">
+
+    <div class="header">
+      <div class="lr-margin content">
+        {{#link-to 'application' class="logo"}}
+          <img src="assets/images/logo.png" width="70px"/>
+        {{/link-to}}
+
+        <div class="breadcrumb-container">
+          {{em-breadcrumbs items=prefixedBreadcrumbs}}
+        </div>
+
+        <div class="ui-info">
+          {{#if env.app.buildVersion}}
+            <span>Version <b>{{env.app.buildVersion}}</b></span>
+          {{/if}}
+          <span>
+            <a href={{env.app.hrefs.help}} target="_blank">
+              <i class="fa fa-question-circle"></i>
+            </a>
+          </span>
         </div>
       </div>
     </div>
 
-    <div class="main-container">
+    <div class="lr-margin">
       {{outlet}}
     </div>
     <div class="footer-frame"> </div>
   </div>
 
   <div class="footer">
-    <div class="main-container">
-      <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Licensed under the Apache License, Version 2.0</a>.
-      {{#if App.env.timezone}}
-        <span>Timezone: {{App.env.timezone}}</span>
-      {{/if}}
+    <div class="lr-margin content">
+      <a href={{env.app.hrefs.license}} target="_blank">
+        Licensed under the Apache License, Version 2.0.
+      </a>
+      <div class="ui-info">
+        {{#if env.app.timezone}}
+          <span>Timezone <b>{{env.app.timezone}}</b></span>
+        {{/if}}
+      </div>
     </div>
   </div>
 </div>
+
+{{outlet "modal"}}
+
+{{error-bar error=appError}}

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/templates/attempt.hbs
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/templates/attempt.hbs b/tez-ui/src/main/webapp/app/templates/attempt.hbs
new file mode 100644
index 0000000..8906371
--- /dev/null
+++ b/tez-ui/src/main/webapp/app/templates/attempt.hbs
@@ -0,0 +1,20 @@
+{{!
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+}}
+
+{{tab-n-refresh tabs=tabs loadTime=loadTime autoRefreshEnabled=polling.active}}
+{{outlet}}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/templates/attempt/counters.hbs
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/templates/attempt/counters.hbs b/tez-ui/src/main/webapp/app/templates/attempt/counters.hbs
new file mode 100644
index 0000000..649cfe2
--- /dev/null
+++ b/tez-ui/src/main/webapp/app/templates/attempt/counters.hbs
@@ -0,0 +1,34 @@
+{{!
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+}}
+
+{{#if loaded}}
+  {{em-table
+  columns=columns
+  rows=counters
+
+  rowCount=countersCount
+  definition=definition
+
+  enablePagination=false
+
+  searchAction="searchChanged"
+  sortAction="sortChanged"
+  }}
+{{else}}
+  {{partial "loading"}}
+{{/if}}

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/templates/attempt/index.hbs
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/templates/attempt/index.hbs b/tez-ui/src/main/webapp/app/templates/attempt/index.hbs
new file mode 100644
index 0000000..d33c509
--- /dev/null
+++ b/tez-ui/src/main/webapp/app/templates/attempt/index.hbs
@@ -0,0 +1,95 @@
+{{!
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+}}
+
+{{#if loaded}}
+  <table class='detail-list'>
+    <thead>
+      <tr>
+        <th colspan=2>Details</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td>Task Attempt ID</td>
+        <td>{{model.entityID}}</td>
+      </tr>
+      <tr>
+        <td>Task ID</td>
+        <td>{{model.taskID}}</td>
+      </tr>
+      <tr>
+        <td>Container ID</td>
+        <td>{{txt model.containerID}}</td>
+      </tr>
+      <tr>
+        <td>Node ID</td>
+        <td>{{txt model.nodeID}}</td>
+      </tr>
+      <tr>
+        <td>Status</td>
+        <td>{{em-table-status-cell content=model.status}}</td>
+      </tr>
+      <tr>
+        <td>Progress</td>
+        <td>{{em-table-progress-cell content=model.progress}}</td>
+      </tr>
+      <tr>
+        <td>Start Time</td>
+        <td>{{date-formatter content=model.startTime}}</td>
+      </tr>
+      <tr>
+        <td>End Time</td>
+        <td>{{date-formatter content=model.endTime}}</td>
+      </tr>
+      <tr>
+        <td>Duration</td>
+        <td>{{txt model.duration type="duration"}}</td>
+      </tr>
+      <tr>
+        <td>Log</td>
+        <td>
+          {{#if model.logURL}}
+            <a href={{model.logURL}} target="_blank">
+              <i class="fa fa-file-o" aria-hidden="true"></i> View
+            </a>
+            &nbsp;
+            <a href={{model.logURL}} target="_blank" download>
+              <i class="fa fa-download" aria-hidden="true"></i> Download
+            </a>
+          {{else}}
+              <span class="txt-message">Not Available!</span>
+          {{/if}}
+        </td>
+      </tr>
+    </tbody>
+  </table>
+
+  {{#if model.diagnostics}}
+    <div class="panel panel-danger">
+      <div class="panel-heading">
+        Diagnostics
+      </div>
+      <div class="diagnostics">
+        {{{model.diagnostics}}}
+      </div>
+    </div>
+  {{/if}}
+
+{{else}}
+  {{partial "loading"}}
+{{/if}}

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/templates/common/configs.hbs
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/templates/common/configs.hbs b/tez-ui/src/main/webapp/app/templates/common/configs.hbs
deleted file mode 100644
index 000a645..0000000
--- a/tez-ui/src/main/webapp/app/templates/common/configs.hbs
+++ /dev/null
@@ -1,19 +0,0 @@
-{{!
-* Licensed to the Apache Software Foundation (ASF) under one
-* or more contributor license agreements.  See the NOTICE file
-* distributed with this work for additional information
-* regarding copyright ownership.  The ASF licenses this file
-* to you under the Apache License, Version 2.0 (the
-* "License"); you may not use this file except in compliance
-* with the License.  You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-}}
-
-{{partial 'partials/configs'}}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/templates/common/counters.hbs
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/templates/common/counters.hbs b/tez-ui/src/main/webapp/app/templates/common/counters.hbs
deleted file mode 100644
index 44d0b2c..0000000
--- a/tez-ui/src/main/webapp/app/templates/common/counters.hbs
+++ /dev/null
@@ -1,35 +0,0 @@
-{{!
-* Licensed to the Apache Software Foundation (ASF) under one
-* or more contributor license agreements.  See the NOTICE file
-* distributed with this work for additional information
-* regarding copyright ownership.  The ASF licenses this file
-* to you under the Apache License, Version 2.0 (the
-* "License"); you may not use this file except in compliance
-* with the License.  You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-}}
-
-{{load-time-component
-  isRefreshable=isRefreshable
-  time=timeStamp
-  refresh='refresh'
-}}
-{{#if counterGroups.length}}
-  <div class='table-container margin-small-vertical'>
-    {{counter-table-component
-      data=counterGroups
-      timeStamp=timeStamp
-    }}
-  </div>
-{{else}}
-  <h4>Counters not available!</h4>
-{{/if}}
-<h6>{{message}}</h6>
-

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/templates/common/swimlanes.hbs
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/templates/common/swimlanes.hbs b/tez-ui/src/main/webapp/app/templates/common/swimlanes.hbs
deleted file mode 100644
index 2b2377a..0000000
--- a/tez-ui/src/main/webapp/app/templates/common/swimlanes.hbs
+++ /dev/null
@@ -1,34 +0,0 @@
-{{!
-* Licensed to the Apache Software Foundation (ASF) under one
-* or more contributor license agreements.  See the NOTICE file
-* distributed with this work for additional information
-* regarding copyright ownership.  The ASF licenses this file
-* to you under the Apache License, Version 2.0 (the
-* "License"); you may not use this file except in compliance
-* with the License.  You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-}}
-
-{{load-time-component
-  isRefreshable=isRefreshable
-  time=controller.model.content.0.timeStamp
-  refresh='refresh'
-}}
-<div class="svg-container">
-  {{#view App.SwimlanesView contentBinding="controller.model.content"}}
-  {{/view}}
-</div>
-<div class="tool-tip">
-  <div class="bubble">
-    <div class="tip-title">Title</div>
-    <div class="tip-text"></div>
-    <div class="tip-list"></div>
-  </div>
-</div>

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/templates/common/table-with-spinner.hbs
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/templates/common/table-with-spinner.hbs b/tez-ui/src/main/webapp/app/templates/common/table-with-spinner.hbs
deleted file mode 100644
index 88b5d63..0000000
--- a/tez-ui/src/main/webapp/app/templates/common/table-with-spinner.hbs
+++ /dev/null
@@ -1,31 +0,0 @@
-{{!
-* Licensed to the Apache Software Foundation (ASF) under one
-* or more contributor license agreements.  See the NOTICE file
-* distributed with this work for additional information
-* regarding copyright ownership.  The ASF licenses this file
-* to you under the Apache License, Version 2.0 (the
-* "License"); you may not use this file except in compliance
-* with the License.  You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-}}
-
-{{#unless loading}}
-  {{load-time-component
-    isRefreshable=isRefreshable
-    time=sortedContent.0.timeStamp
-    refresh='refresh'
-  }}
-  <div class='align-children-right'>
-    {{partial 'partials/table-controls'}}
-  </div>
-  {{partial 'partials/table'}}
-{{else}}
-  {{partial 'partials/loading-spinner'}}
-{{/unless}}

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/templates/common/table.hbs
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/templates/common/table.hbs b/tez-ui/src/main/webapp/app/templates/common/table.hbs
deleted file mode 100644
index 0b1ab8d..0000000
--- a/tez-ui/src/main/webapp/app/templates/common/table.hbs
+++ /dev/null
@@ -1,52 +0,0 @@
-{{!
-* Licensed to the Apache Software Foundation (ASF) under one
-* or more contributor license agreements.  See the NOTICE file
-* distributed with this work for additional information
-* regarding copyright ownership.  The ASF licenses this file
-* to you under the Apache License, Version 2.0 (the
-* "License"); you may not use this file except in compliance
-* with the License.  You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-}}
-
-{{#unless loading}}
-  {{load-time-component
-    isRefreshable=isRefreshable
-    time=data.content.0.timeStamp
-    refresh='refresh'
-  }}
-
-  {{basic-table-component
-    columns=columns
-    rows=data.content
-
-    extraHeaderItem=App.ExtraTableButtonsView
-    statusMessage=statusMessage
-
-    enableSearch=true
-    enablePagination=true
-    enableSort=true
-
-    rowsChanged='tableRowsChanged'
-
-    pageNumBinding='pageNum'
-    rowCountBinding='rowCount'
-
-    searchTextBinding='searchText'
-
-    sortColumnIdBinding='sortColumnId'
-    sortOrderBinding='sortOrder'
-  }}
-{{else}}
-  {{partial 'partials/loading-spinner'}}
-  <div class="text-align-center">
-    {{statusMessage}}
-  </div>
-{{/unless}}

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/templates/components/basic-table.hbs
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/templates/components/basic-table.hbs b/tez-ui/src/main/webapp/app/templates/components/basic-table.hbs
deleted file mode 100644
index dd9a332..0000000
--- a/tez-ui/src/main/webapp/app/templates/components/basic-table.hbs
+++ /dev/null
@@ -1,76 +0,0 @@
-{{!
-* Licensed to the Apache Software Foundation (ASF) under one
-* or more contributor license agreements.  See the NOTICE file
-* distributed with this work for additional information
-* regarding copyright ownership.  The ASF licenses this file
-* to you under the Apache License, Version 2.0 (the
-* "License"); you may not use this file except in compliance
-* with the License.  You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-}}
-
-<div class='table-container'>
-  {{#if _showHeader}}
-    <div class='table-header'>
-      <div class="horizontal-half align-top">
-        {{#if enableSearch}}
-          {{view App.BasicTableComponent.SearchView
-            text=searchText
-            placeholder="Search..."
-          }}
-        {{/if}}
-        <div class="table-message">
-          {{#if _statusMessage}}
-            <i class="waiting"></i>
-            {{_statusMessage}}
-          {{/if}}
-        </div>
-      </div><div class="horizontal-half align-top align-children-right">
-        {{#if enablePagination}}
-          {{view App.BasicTableComponent.PaginationView pageNum=pageNum totalPages=totalPages}}
-        {{/if}}
-        {{#if extraHeaderItem}}
-          {{view extraHeaderItem}}
-        {{/if}}
-      </div>
-    </div>
-  {{/if}}
-  <div class='table-body-container'>
-    {{#unless _columns.length}}
-      <div class="data-availability-message">No columns available!</div>
-    {{else}}{{#unless _rows.length}}
-      <div class="data-availability-message">No records available!</div>
-    {{else}}
-      <div class='table-body'>
-        {{#each column in _columns}}
-          <div {{bind-attr
-              style=column.customStyle
-              class=":table-column _view.contentIndex::first-item"
-          }}>
-            {{view column.headerCellView}}
-            {{#each row in _rows}}
-              <div class='table-cell {{unbound firstItemCSS _view}}'>
-                {{view column.cellView row=row}}
-              </div>
-            {{/each}}
-          </div>
-        {{/each}}
-      </div>
-    {{/unless}}{{/unless}}
-  </div>
-  <div class='table-footer'>
-    <div class="horizontal-half align-top">
-    </div><div class="horizontal-half align-top align-children-right">
-      {{#if hasPageNavOnFooter}}
-        {{view App.BasicTableComponent.PaginationView pageNum=pageNum totalPages=totalPages}}
-      {{/if}}
-    </div>
-  </div>
-</div>

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/templates/components/basic-table/basic-cell.hbs
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/templates/components/basic-table/basic-cell.hbs b/tez-ui/src/main/webapp/app/templates/components/basic-table/basic-cell.hbs
deleted file mode 100644
index e7ea6b7..0000000
--- a/tez-ui/src/main/webapp/app/templates/components/basic-table/basic-cell.hbs
+++ /dev/null
@@ -1,23 +0,0 @@
-{{!
-* Licensed to the Apache Software Foundation (ASF) under one
-* or more contributor license agreements.  See the NOTICE file
-* distributed with this work for additional information
-* regarding copyright ownership.  The ASF licenses this file
-* to you under the Apache License, Version 2.0 (the
-* "License"); you may not use this file except in compliance
-* with the License.  You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-}}
-
-{{#unbound unless view.cellContent.displayText}}
-  <span class="message">Not Available!</span>
-{{else}}
-  {{unbound view.cellContent.displayText}}
-{{/unbound}}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/templates/components/basic-table/bounded-basic-cell.hbs
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/templates/components/basic-table/bounded-basic-cell.hbs b/tez-ui/src/main/webapp/app/templates/components/basic-table/bounded-basic-cell.hbs
deleted file mode 100644
index 6fcbe60..0000000
--- a/tez-ui/src/main/webapp/app/templates/components/basic-table/bounded-basic-cell.hbs
+++ /dev/null
@@ -1,27 +0,0 @@
-{{!
-* Licensed to the Apache Software Foundation (ASF) under one
-* or more contributor license agreements.  See the NOTICE file
-* distributed with this work for additional information
-* regarding copyright ownership.  The ASF licenses this file
-* to you under the Apache License, Version 2.0 (the
-* "License"); you may not use this file except in compliance
-* with the License.  You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-}}
-
-{{#if view.cellContent.isPending}}
-  <i class="waiting"></i>&nbsp;
-{{else}}
-  {{#if view.cellContent.displayText}}
-    {{view.cellContent.displayText}}
-  {{else}}
-    <span class="message">Not Available!</span>
-  {{/if}}
-{{/if}}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/templates/components/basic-table/header-cell.hbs
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/templates/components/basic-table/header-cell.hbs b/tez-ui/src/main/webapp/app/templates/components/basic-table/header-cell.hbs
deleted file mode 100644
index 394752c..0000000
--- a/tez-ui/src/main/webapp/app/templates/components/basic-table/header-cell.hbs
+++ /dev/null
@@ -1,27 +0,0 @@
-{{!
-* Licensed to the Apache Software Foundation (ASF) under one
-* or more contributor license agreements.  See the NOTICE file
-* distributed with this work for additional information
-* regarding copyright ownership.  The ASF licenses this file
-* to you under the Apache License, Version 2.0 (the
-* "License"); you may not use this file except in compliance
-* with the License.  You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-}}
-
-<div class='table-header-cell' title='{{unbound column.headerCellName}}'>
-  <div class='cell-content'>
-    {{unbound column.headerCellName}}
-  </div>
-  {{#if enableSort}}
-    <i {{bind-attr class=view.sortIconCSS}} {{action 'sort' target='view'}}></i>
-  {{/if}}
-  <i class="resize-column" {{action 'startColResize' on=mouseDown target='view'}} ></i>
-</div>

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/templates/components/basic-table/linked-cell.hbs
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/templates/components/basic-table/linked-cell.hbs b/tez-ui/src/main/webapp/app/templates/components/basic-table/linked-cell.hbs
deleted file mode 100644
index 5800b6e..0000000
--- a/tez-ui/src/main/webapp/app/templates/components/basic-table/linked-cell.hbs
+++ /dev/null
@@ -1,31 +0,0 @@
-{{!
-* Licensed to the Apache Software Foundation (ASF) under one
-* or more contributor license agreements.  See the NOTICE file
-* distributed with this work for additional information
-* regarding copyright ownership.  The ASF licenses this file
-* to you under the Apache License, Version 2.0 (the
-* "License"); you may not use this file except in compliance
-* with the License.  You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-}}
-
-{{#if view.cellContent.isPending}}
-  <i class="waiting"></i>&nbsp;
-{{else}}
-  {{#if view.cellContent.linkTo}}
-    {{#link-to view.cellContent.linkTo view.cellContent.entityId}}
-      {{view.cellContent.displayText}}
-    {{/link-to}}
-  {{else}}{{#if view.cellContent.displayText}}
-    {{view.cellContent.displayText}}
-  {{else}}
-    <span class="message">Not Available!</span>
-  {{/if}}{{/if}}
-{{/if}}

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/templates/components/basic-table/logs-cell.hbs
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/templates/components/basic-table/logs-cell.hbs b/tez-ui/src/main/webapp/app/templates/components/basic-table/logs-cell.hbs
deleted file mode 100644
index c46cc13..0000000
--- a/tez-ui/src/main/webapp/app/templates/components/basic-table/logs-cell.hbs
+++ /dev/null
@@ -1,31 +0,0 @@
-{{!
-* Licensed to the Apache Software Foundation (ASF) under one
-* or more contributor license agreements.  See the NOTICE file
-* distributed with this work for additional information
-* regarding copyright ownership.  The ASF licenses this file
-* to you under the Apache License, Version 2.0 (the
-* "License"); you may not use this file except in compliance
-* with the License.  You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-}}
-
-{{#if view.cellContent.isPending}}
-  <i class="waiting"></i>&nbsp;
-{{else}}
-  {{#if view.cellContent.viewUrl}}
-    <a target="_blank" href="{{unbound view.cellContent.viewUrl}}">View</a>
-    &nbsp;
-  {{/if}}
-  {{#if view.cellContent.downloadUrl}}
-    <a target="_blank" href="{{unbound view.cellContent.downloadUrl}}" download type="application/octet-stream">Download</a>
-  {{else}}{{#unless view.cellContent.viewUrl}}
-    <span class="message">Not Available!</span>
-  {{/unless}}{{/if}}
-{{/if}}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/templates/components/basic-table/multi-logs-cell.hbs
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/templates/components/basic-table/multi-logs-cell.hbs b/tez-ui/src/main/webapp/app/templates/components/basic-table/multi-logs-cell.hbs
deleted file mode 100644
index 5525f70..0000000
--- a/tez-ui/src/main/webapp/app/templates/components/basic-table/multi-logs-cell.hbs
+++ /dev/null
@@ -1,28 +0,0 @@
-{{!
-* Licensed to the Apache Software Foundation (ASF) under one
-* or more contributor license agreements.  See the NOTICE file
-* distributed with this work for additional information
-* regarding copyright ownership.  The ASF licenses this file
-* to you under the Apache License, Version 2.0 (the
-* "License"); you may not use this file except in compliance
-* with the License.  You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-}}
-
-{{#if view.cellContent.isPending}}
-  <i class="waiting"></i>&nbsp;
-{{else}}
-  {{#each log in view.cellContent.logs}}
-    <a target="_blank" href="{{unbound log.containerLog}}">{{log.id}}</a>
-    &nbsp;
-  {{else}}
-    <span class="message">Not Available!</span>
-  {{/each}}
-{{/if}}

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/templates/components/basic-table/pagination-view.hbs
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/templates/components/basic-table/pagination-view.hbs b/tez-ui/src/main/webapp/app/templates/components/basic-table/pagination-view.hbs
deleted file mode 100644
index 22ee22b..0000000
--- a/tez-ui/src/main/webapp/app/templates/components/basic-table/pagination-view.hbs
+++ /dev/null
@@ -1,40 +0,0 @@
-{{!
-* Licensed to the Apache Software Foundation (ASF) under one
-* or more contributor license agreements.  See the NOTICE file
-* distributed with this work for additional information
-* regarding copyright ownership.  The ASF licenses this file
-* to you under the Apache License, Version 2.0 (the
-* "License"); you may not use this file except in compliance
-* with the License.  You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-}}
-
-<ul class="page-list">
-  <li {{bind-attr class="view.atFirst::clickable"}} {{action 'changePage' 1}}>
-    First
-  </li>
-  {{#each page in view._possiblePages}}
-    <li {{bind-attr class="page.isCurrent:is-current:clickable"}} {{action 'changePage' page.pageNum}}>
-      {{page.pageNum}}
-    </li>
-  {{/each}}
-  {{#unless view.hideLast}}
-    <li {{bind-attr class="view.atLast::clickable"}} {{action 'changePage' view.totalPages}}>
-      Last - {{view.totalPages}}
-    </li>
-  {{/unless}}
-</ul>
-<div class='row-select'>
-  <div>Rows</div>
-  {{view Ember.Select
-    content=rowCountOptions
-    value=rowCount
-  }}
-</div>

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/templates/components/basic-table/progress-cell.hbs
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/templates/components/basic-table/progress-cell.hbs b/tez-ui/src/main/webapp/app/templates/components/basic-table/progress-cell.hbs
deleted file mode 100644
index c1e047e..0000000
--- a/tez-ui/src/main/webapp/app/templates/components/basic-table/progress-cell.hbs
+++ /dev/null
@@ -1,27 +0,0 @@
-{{!
-* Licensed to the Apache Software Foundation (ASF) under one
-* or more contributor license agreements.  See the NOTICE file
-* distributed with this work for additional information
-* regarding copyright ownership.  The ASF licenses this file
-* to you under the Apache License, Version 2.0 (the
-* "License"); you may not use this file except in compliance
-* with the License.  You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-}}
-
-{{#if view.cellContent.isPending}}
-  <i class="waiting"></i>&nbsp;
-{{else}}
-  {{#if view.cellContent.displayText}}
-    {{bs-progress-animated progressDecimal=view.cellContent.displayText}}
-  {{else}}
-    <span class="message">Not Available!</span>
-  {{/if}}
-{{/if}}

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/templates/components/basic-table/search-view.hbs
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/templates/components/basic-table/search-view.hbs b/tez-ui/src/main/webapp/app/templates/components/basic-table/search-view.hbs
deleted file mode 100644
index 4795bbb..0000000
--- a/tez-ui/src/main/webapp/app/templates/components/basic-table/search-view.hbs
+++ /dev/null
@@ -1,32 +0,0 @@
-{{!
-* Licensed to the Apache Software Foundation (ASF) under one
-* or more contributor license agreements.  See the NOTICE file
-* distributed with this work for additional information
-* regarding copyright ownership.  The ASF licenses this file
-* to you under the Apache License, Version 2.0 (the
-* "License"); you may not use this file except in compliance
-* with the License.  You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-}}
-
-<div {{bind-attr class=":input-group view._validRegEx::has-error"}}>
-  {{input
-    class="form-control"
-    placeholder=view.placeholder
-    action="search"
-    value=view._boundText
-    targetObject=view
-  }}
-  <span class="input-group-btn">
-    <button class="btn btn-default" type="button" {{action "search" target='view'}}>
-      Search
-    </button>
-  </span>
-</div>

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/templates/components/basic-table/status-cell.hbs
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/templates/components/basic-table/status-cell.hbs b/tez-ui/src/main/webapp/app/templates/components/basic-table/status-cell.hbs
deleted file mode 100644
index 7ff73ee..0000000
--- a/tez-ui/src/main/webapp/app/templates/components/basic-table/status-cell.hbs
+++ /dev/null
@@ -1,31 +0,0 @@
-{{!
-* Licensed to the Apache Software Foundation (ASF) under one
-* or more contributor license agreements.  See the NOTICE file
-* distributed with this work for additional information
-* regarding copyright ownership.  The ASF licenses this file
-* to you under the Apache License, Version 2.0 (the
-* "License"); you may not use this file except in compliance
-* with the License.  You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-}}
-
-{{#if view.cellContent.isPending}}
-  <i class="waiting"></i>&nbsp;
-{{else}}
-  {{#if view.cellContent.status}}
-    <i {{bind-attr class=":task-status view.cellContent.statusIcon"}}></i>
-    <span class="status-msg">{{view.cellContent.status}}</span>
-  {{/if}}
-  {{#if view.cellContent.progress}}
-    {{bs-badge content=view.cellContent.progress}}
-  {{else}}{{#unless view.cellContent.status}}
-    <span class="message">Not Available!</span>
-  {{/unless}}{{/if}}
-{{/if}}

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/templates/components/basic-table/task-actions-cell.hbs
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/templates/components/basic-table/task-actions-cell.hbs b/tez-ui/src/main/webapp/app/templates/components/basic-table/task-actions-cell.hbs
deleted file mode 100644
index e671cf3..0000000
--- a/tez-ui/src/main/webapp/app/templates/components/basic-table/task-actions-cell.hbs
+++ /dev/null
@@ -1,24 +0,0 @@
-{{!
-* Licensed to the Apache Software Foundation (ASF) under one
-* or more contributor license agreements.  See the NOTICE file
-* distributed with this work for additional information
-* regarding copyright ownership.  The ASF licenses this file
-* to you under the Apache License, Version 2.0 (the
-* "License"); you may not use this file except in compliance
-* with the License.  You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-}}
-
-{{#if view.cellContent.displayText}}
-  {{#link-to "task.counters" view.cellContent.displayText}}counters{{/link-to}}
-  {{#link-to "task.attempts" view.cellContent.displayText}}attempts{{/link-to}}
-{{else}}
-  <span class="message">Not Available!</span>
-{{/if}}

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/templates/components/basic-table/vertex-configurations-cell.hbs
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/templates/components/basic-table/vertex-configurations-cell.hbs b/tez-ui/src/main/webapp/app/templates/components/basic-table/vertex-configurations-cell.hbs
deleted file mode 100644
index 85f9eb1..0000000
--- a/tez-ui/src/main/webapp/app/templates/components/basic-table/vertex-configurations-cell.hbs
+++ /dev/null
@@ -1,31 +0,0 @@
-{{!
-* Licensed to the Apache Software Foundation (ASF) under one
-* or more contributor license agreements.  See the NOTICE file
-* distributed with this work for additional information
-* regarding copyright ownership.  The ASF licenses this file
-* to you under the Apache License, Version 2.0 (the
-* "License"); you may not use this file except in compliance
-* with the License.  You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-}}
-
-{{#if view.cellContent.isPending}}
-  <i class="waiting"></i>&nbsp;
-{{else}}
-  {{#if view.cellContent.linkToAdditionals}}
-    {{#link-to 'vertex.additionals' view.cellContent.vertexId}}View sources & sinks{{/link-to}}
-  {{else}}{{#if view.cellContent.inputId}}
-    {{#link-to 'input.configs' view.cellContent.vertexId view.cellContent.inputId}}View source configs{{/link-to}}
-  {{else}}{{#if view.cellContent.outputId}}
-    {{#link-to 'output.configs' view.cellContent.vertexId view.cellContent.outputId}}View sink configs{{/link-to}}
-  {{else}}
-    <span class="message">Not Available!</span>
-  {{/if}}{{/if}}{{/if}}
-{{/if}}

http://git-wip-us.apache.org/repos/asf/tez/blob/13132ec7/tez-ui/src/main/webapp/app/templates/components/caller-info.hbs
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/templates/components/caller-info.hbs b/tez-ui/src/main/webapp/app/templates/components/caller-info.hbs
new file mode 100644
index 0000000..72a52db
--- /dev/null
+++ b/tez-ui/src/main/webapp/app/templates/components/caller-info.hbs
@@ -0,0 +1,24 @@
+{{!
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+}}
+
+<div class="panel panel-info">
+  <div class="panel-heading">
+    Additional Info from {{type}}
+  </div>
+  <textarea></textarea>
+</div>


Mime
View raw message