Merge pull request apache#1422 from stranbird/conn-ui-revamp

Show `extra` data on the connection list view
ming-wu · Apr 26, 2016 · f1ff65c · f1ff65c
2 parents 1af41d9 + e23a110
commit f1ff65c
Show file tree

Hide file tree

Showing 9 changed files with 1,168 additions and 13 deletions.
diff --git a/NOTICE.txt b/NOTICE.txt
@@ -0,0 +1,18 @@
+Apache Airflow
+Copyright 2011-2016 The Apache Software Foundation
+
+This product includes software developed at The Apache Software
+Foundation (http://www.apache.org/).
+
+This product includes jQuery (http://jquery.org - MIT license), Copyright © 2016, John Resig.
+This product includes Parallel Coordinates (https://syntagmatic.github.io/parallel-coordinates), Copyright (c) 2012, Kai Chang.
+This product includes WebGL-2D.js (https://github.com/gameclosure/webgl-2d), Copyright (c) 2010 Corban Brook.
+This product includes Bootstrap (http://getbootstrap.com - MIT license), Copyright (c) 2011-2016 Twitter, Inc.
+This product includes Bootstrap Toggle (http://www.bootstraptoggle.com - MIT license), Copyright 2014 Min Hur, The New York Times Company.
+This product includes Highcharts (http://www.bootstraptoggle.com - www.highcharts.com/license), Copyright (c) 2011-2014 Torstein Honsi
+This product includes Clock plugin (https://github.com/Lwangaman/jQuery-Clock-Plugin - Dual licensed under the MIT and GPL licenses), Copyright (c) 2010 John R D'Orazio ([email protected])
+This product includes DataTables (datatables.net - datatables.net/license), Copyright © 2008-2015 SpryMedia Ltd.
+This product includes Underscore.js (http://underscorejs.org - MIT license), Copyright (c) 2011-2013 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors.
+This product includes FooTable (http://fooplugins.com/plugins/footable-jquery/ - MIT license), Copyright 2013 Steven Usher & Brad Vincent.
+This product includes dagre (https://github.com/cpettitt/dagre - MIT license), Copyright (c) 2012-2014 Chris Pettitt.
+This product includes d3js (https://d3js.org/ - https://github.com/mbostock/d3/blob/master/LICENSE), Copyright (c) 2010-2016, Michael Bostock.
diff --git a/airflow/www/static/fonts/footable.woff b/airflow/www/static/fonts/footable.woff
diff --git a/airflow/www/static/footable.core.css b/airflow/www/static/footable.core.css
@@ -0,0 +1,232 @@
+/*!
+ * FooTable - Awesome Responsive Tables
+ * Version : 2.0.1
+ * http://fooplugins.com/plugins/footable-jquery/
+ *
+ * Requires jQuery - http://jquery.com/
+ *
+ * Copyright 2013 Steven Usher & Brad Vincent
+ * Released under the MIT license
+ * You are free to use FooTable in commercial projects as long as this copyright header is left intact.
+ *
+ * Date: 31 Aug 2013
+ */
+
+@font-face {
+    font-family: 'footable';
+    src: url('fonts/footable.eot');
+    src: url('fonts/footable.eot?#iefix') format('embedded-opentype'), url('fonts/footable.woff') format('woff'), url('fonts/footable.ttf') format('truetype'), url('fonts/footable.svg#footable') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+    @font-face {
+        font-family: 'footable';
+        src: url('fonts/footable.svg#footable') format('svg');
+        font-weight: normal;
+        font-style: normal;
+    }
+}
+
+.footable {
+    width: 100%;
+    /** SORTING **/
+
+    /** PAGINATION **/
+
+}
+
+.footable.breakpoint > tbody > tr.footable-detail-show > td {
+    border-bottom: none;
+}
+
+.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
+    content: "\e001";
+}
+
+.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
+    cursor: pointer;
+}
+
+.footable.breakpoint > tbody > tr > td.footable-cell-detail {
+    background: #eee;
+    border-top: none;
+}
+
+.footable.breakpoint > tbody > tr > td > span.footable-toggle {
+    display: inline-block;
+    font-family: 'footable';
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    -webkit-font-smoothing: antialiased;
+    padding-right: 5px;
+    font-size: 14px;
+    color: #888888;
+}
+
+.footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
+    content: "\e000";
+}
+
+.footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
+    content: "\e005";
+}
+
+.footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before {
+    content: "\e004";
+}
+
+.footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
+    content: "\e003";
+}
+
+.footable.breakpoint.toggle-circle-filled > tbody > tr > td > span.footable-toggle:before {
+    content: "\e002";
+}
+
+.footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
+    content: "\e007";
+}
+
+.footable.breakpoint.toggle-square > tbody > tr > td > span.footable-toggle:before {
+    content: "\e006";
+}
+
+.footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
+    content: "\e009";
+}
+
+.footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle:before {
+    content: "\e008";
+}
+
+.footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
+    content: "\e00f";
+}
+
+.footable.breakpoint.toggle-arrow > tbody > tr > td > span.footable-toggle:before {
+    content: "\e011";
+}
+
+.footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
+    content: "\e013";
+}
+
+.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.footable-toggle:before {
+    content: "\e015";
+}
+
+.footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
+    content: "\e01b";
+}
+
+.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.footable-toggle:before {
+    content: "\e01d";
+}
+
+.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
+    content: "\e00b";
+}
+
+.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr > td > span.footable-toggle:before {
+    content: "\e00d";
+}
+
+.footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
+    content: "\e01f";
+}
+
+.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.footable-toggle:before {
+    content: "\e021";
+}
+
+.footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
+    content: "\e017";
+}
+
+.footable.breakpoint.toggle-arrow-alt > tbody > tr > td > span.footable-toggle:before {
+    content: "\e019";
+}
+
+.footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle {
+    font-size: 18px;
+}
+
+.footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle {
+    font-size: 24px;
+}
+
+.footable > thead > tr > th {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: -moz-none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+.footable > thead > tr > th.footable-sortable:hover {
+    cursor: pointer;
+}
+
+.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before {
+    content: "\e013";
+}
+
+.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before {
+    content: "\e012";
+}
+
+.footable > thead > tr > th > span.footable-sort-indicator {
+    display: inline-block;
+    font-family: 'footable';
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    -webkit-font-smoothing: antialiased;
+    padding-left: 5px;
+}
+
+.footable > thead > tr > th > span.footable-sort-indicator:before {
+    content: "\e022";
+}
+
+.footable > tfoot .pagination {
+    margin: 0;
+}
+
+.footable.no-paging .hide-if-no-paging {
+    display: none;
+}
+
+.footable-row-detail-inner {
+    display: table;
+}
+
+.footable-row-detail-row {
+    display: table-row;
+    line-height: 1.5em;
+}
+
+.footable-row-detail-group {
+    display: block;
+    line-height: 2em;
+    font-size: 1.2em;
+    font-weight: bold;
+}
+
+.footable-row-detail-name {
+    display: table-cell;
+    font-weight: bold;
+    padding-right: 0.5em;
+}
+
+.footable-row-detail-value {
+    display: table-cell;
+}