[atlas] branch master updated: ATLAS-3059: UI : Lineage data structure change to support hide deleted and hide process entities to gather
This is an automated email from the ASF dual-hosted git repository.
sarath pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/atlas.git
The following commit(s) were added to refs/heads/master by this push:
new 1cb155a ATLAS-3059: UI : Lineage data structure change to support
hide deleted and hide process entities to gather
1cb155a is described below
commit 1cb155a2548f7f415132d229043f9f6bdce755c2
Author: kevalbhatt
AuthorDate: Wed Feb 27 12:54:42 2019 -0800
ATLAS-3059: UI : Lineage data structure change to support hide deleted and
hide process entities to gather
Signed-off-by: Sarath Subramanian
---
dashboardv2/public/css/scss/graph.scss | 24 +-
dashboardv2/public/css/scss/relationship.scss | 4 +-
.../js/templates/graph/LineageLayoutView_tmpl.html | 39 +-
.../public/js/views/graph/LineageLayoutView.js | 517 +
4 files changed, 385 insertions(+), 199 deletions(-)
diff --git a/dashboardv2/public/css/scss/graph.scss
b/dashboardv2/public/css/scss/graph.scss
index 4a9fd57..3c4be1e 100644
--- a/dashboardv2/public/css/scss/graph.scss
+++ b/dashboardv2/public/css/scss/graph.scss
@@ -34,6 +34,8 @@
font-family: $font_1;
}
+transition: opacity 0.3s linear;
+
rect {
stroke: $color_mountain_mist_approx;
fill: $white;
@@ -279,8 +281,7 @@ g.type-TK>rect {
.zoom-button-group {}
}
-.lineage-fltr-panel,
-.lineage-search-panel {
+.box-panel {
position: absolute;
top: 45px;
border: 1px solid #ccc;
@@ -417,7 +418,8 @@ g.type-TK>rect {
}
.show-filter-panel,
-.show-search-panel {
+.show-search-panel,
+.show-box-panel {
right: 0px !important;
}
@@ -501,4 +503,20 @@ span#zoom_in {
.wobble {
animation: zoominoutsinglefeatured 1s 5;
+}
+
+.hover {
+
+g.node {
+opacity: 0.1 !important;
+}
+
+g.edgePath {
+opacity: 0 !important;
+}
+
+g.node.hover-active,
+g.edgePath.hover-active-node {
+opacity: 1 !important;
+}
}
\ No newline at end of file
diff --git a/dashboardv2/public/css/scss/relationship.scss
b/dashboardv2/public/css/scss/relationship.scss
index e41fe58..c1112c5 100644
--- a/dashboardv2/public/css/scss/relationship.scss
+++ b/dashboardv2/public/css/scss/relationship.scss
@@ -16,11 +16,13 @@
* limitations under the License.
*/
-.relationship-box {
+.relationship-box,
+.lineage-box {
position: absolute;
height: 100%;
width: 100%;
overflow: hidden;
+
.relatioship-link {
fill: none;
stroke-width: 1.5px;
diff --git a/dashboardv2/public/js/templates/graph/LineageLayoutView_tmpl.html
b/dashboardv2/public/js/templates/graph/LineageLayoutView_tmpl.html
index 3adc8ad..c27ff8c 100644
--- a/dashboardv2/public/js/templates/graph/LineageLayoutView_tmpl.html
+++ b/dashboardv2/public/js/templates/graph/LineageLayoutView_tmpl.html
@@ -16,10 +16,10 @@
-->
-
+
Filters
-
+
@@ -46,10 +46,10 @@
-
+
Search
-
+
@@ -64,12 +64,39 @@
+
+
+Settings
+
+
+
+
+
+
+
+On hover show current path
+
+
+
+
+
+
+
+Show node details on hover
+
+
+
+
+
-
+
+
+
+
-
+
diff --git a/dashboardv2/public/js/views/graph/LineageLayoutView.js
b/dashboardv2/public/js/views/graph/LineageLayoutView.js
index 5a7262b..e98a6fa 100644
--- a/dashboardv2/public/js/views/graph/LineageLayoutView.js
+++ b/dashboardv2/public/js/views/graph/LineageLayoutView.js
@@ -49,15 +49,20 @@ define(['require',
checkHideProcess: "[data-id='checkHideProcess']",
checkDeletedEntity: "[data-id='checkDeletedEntity']",
selectDepth: 'select[data-id="selectDepth"]',
-fltrTogler: '[data-id="fltr-togler"]',
-lineageFilterPanel: '.lineage-fltr-panel',
+filterToggler: '[data-id="filter-toggler"]',
+settingToggler: '[data-id="setting-toggler"]',
+searchToggler: '[data-id="search-toggler"]',
+boxClose: '[data-id="box-close"]',
lineageFullscreenToggler: '[data-id="fullScreen-toggler"]',
-searchTogler: '[data-id="search-togler"]',
-lineageSearchPanel: '.lineage-search-panel',
+filterBox:
[atlas] branch branch-1.0 updated: ATLAS-3059: UI : Lineage data structure change to support hide deleted and hide process entities to gather
This is an automated email from the ASF dual-hosted git repository.
sarath pushed a commit to branch branch-1.0
in repository https://gitbox.apache.org/repos/asf/atlas.git
The following commit(s) were added to refs/heads/branch-1.0 by this push:
new b21d218 ATLAS-3059: UI : Lineage data structure change to support
hide deleted and hide process entities to gather
b21d218 is described below
commit b21d2185cde6ce26ec01d1246c1d3fc5c7cefbd6
Author: kevalbhatt
AuthorDate: Wed Feb 27 12:54:42 2019 -0800
ATLAS-3059: UI : Lineage data structure change to support hide deleted and
hide process entities to gather
Signed-off-by: Sarath Subramanian
(cherry picked from commit 1cb155a2548f7f415132d229043f9f6bdce755c2)
---
dashboardv2/public/css/scss/graph.scss | 24 +-
dashboardv2/public/css/scss/relationship.scss | 4 +-
.../js/templates/graph/LineageLayoutView_tmpl.html | 39 +-
.../public/js/views/graph/LineageLayoutView.js | 517 +
4 files changed, 385 insertions(+), 199 deletions(-)
diff --git a/dashboardv2/public/css/scss/graph.scss
b/dashboardv2/public/css/scss/graph.scss
index 4a9fd57..3c4be1e 100644
--- a/dashboardv2/public/css/scss/graph.scss
+++ b/dashboardv2/public/css/scss/graph.scss
@@ -34,6 +34,8 @@
font-family: $font_1;
}
+transition: opacity 0.3s linear;
+
rect {
stroke: $color_mountain_mist_approx;
fill: $white;
@@ -279,8 +281,7 @@ g.type-TK>rect {
.zoom-button-group {}
}
-.lineage-fltr-panel,
-.lineage-search-panel {
+.box-panel {
position: absolute;
top: 45px;
border: 1px solid #ccc;
@@ -417,7 +418,8 @@ g.type-TK>rect {
}
.show-filter-panel,
-.show-search-panel {
+.show-search-panel,
+.show-box-panel {
right: 0px !important;
}
@@ -501,4 +503,20 @@ span#zoom_in {
.wobble {
animation: zoominoutsinglefeatured 1s 5;
+}
+
+.hover {
+
+g.node {
+opacity: 0.1 !important;
+}
+
+g.edgePath {
+opacity: 0 !important;
+}
+
+g.node.hover-active,
+g.edgePath.hover-active-node {
+opacity: 1 !important;
+}
}
\ No newline at end of file
diff --git a/dashboardv2/public/css/scss/relationship.scss
b/dashboardv2/public/css/scss/relationship.scss
index e41fe58..c1112c5 100644
--- a/dashboardv2/public/css/scss/relationship.scss
+++ b/dashboardv2/public/css/scss/relationship.scss
@@ -16,11 +16,13 @@
* limitations under the License.
*/
-.relationship-box {
+.relationship-box,
+.lineage-box {
position: absolute;
height: 100%;
width: 100%;
overflow: hidden;
+
.relatioship-link {
fill: none;
stroke-width: 1.5px;
diff --git a/dashboardv2/public/js/templates/graph/LineageLayoutView_tmpl.html
b/dashboardv2/public/js/templates/graph/LineageLayoutView_tmpl.html
index 3adc8ad..c27ff8c 100644
--- a/dashboardv2/public/js/templates/graph/LineageLayoutView_tmpl.html
+++ b/dashboardv2/public/js/templates/graph/LineageLayoutView_tmpl.html
@@ -16,10 +16,10 @@
-->
-
+
Filters
-
+
@@ -46,10 +46,10 @@
-
+
Search
-
+
@@ -64,12 +64,39 @@
+
+
+Settings
+
+
+
+
+
+
+
+On hover show current path
+
+
+
+
+
+
+
+Show node details on hover
+
+
+
+
+
-
+
+
+
+
-
+
diff --git a/dashboardv2/public/js/views/graph/LineageLayoutView.js
b/dashboardv2/public/js/views/graph/LineageLayoutView.js
index 5a7262b..e98a6fa 100644
--- a/dashboardv2/public/js/views/graph/LineageLayoutView.js
+++ b/dashboardv2/public/js/views/graph/LineageLayoutView.js
@@ -49,15 +49,20 @@ define(['require',
checkHideProcess: "[data-id='checkHideProcess']",
checkDeletedEntity: "[data-id='checkDeletedEntity']",
selectDepth: 'select[data-id="selectDepth"]',
-fltrTogler: '[data-id="fltr-togler"]',
-lineageFilterPanel: '.lineage-fltr-panel',
+filterToggler: '[data-id="filter-toggler"]',
+settingToggler: '[data-id="setting-toggler"]',
+searchToggler: '[data-id="search-toggler"]',
+boxClose: '[data-id="box-close"]',
lineageFullscreenToggler: '[data-id="fullScreen-toggler"]',
-searchTogler: '[data-id="search-togler"]',
-
