frontend: data-pipelines lib bundle sources

This is a stacked PR #3: data-pipelines lib bundle sources. Sources added. `public-api.ts` explains the user-facing API for lib import usages. Testing done: fetched the `frontend/shared-components` changes (from person/mdilyan/os-shared-components feature branch in review), and verified `frontend/data-pipelines` manual start + unit + e2e tests. Signed-off-by: ivakoleva <[email protected]>
vmware · Feb 13, 2023 · f0a137e · f0a137e
1 parent 18b1cbd
commit f0a137e
Show file tree

Hide file tree

Showing 224 changed files with 17,992 additions and 0 deletions.
diff --git a/.../projects/data-pipelines/src/lib/components/base-grid/_data-jobs-base-grid.component.scss b/.../projects/data-pipelines/src/lib/components/base-grid/_data-jobs-base-grid.component.scss
@@ -0,0 +1,119 @@
+/*
+ * Copyright 2021 VMware, Inc.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+:host {
+  .label-link {
+    cursor: pointer;
+  }
+
+  ::ng-deep {
+    lib-grid-action {
+      display: flex;
+      flex-direction: column;
+
+      lib-quick-filters {
+        clr-icon {
+          margin-left: -5px;
+          margin-right: 3px;
+          margin-top: 1px;
+
+          &.status-icon-enabled {
+            color: #5aa220;
+          }
+
+          &.status-icon-disabled {
+            color: var(--clr-color-neutral-600);
+          }
+        }
+      }
+    }
+
+    clr-datagrid {
+      height: 100%;
+
+      .datagrid-column,
+      .datagrid-cell {
+        &.column__min-width--xs {
+          min-width: 3.25rem;
+        }
+
+        &.column__min-width--s {
+          min-width: 4.25rem;
+        }
+
+        &.column__min-width--m {
+          min-width: 4.8rem;
+        }
+
+        &.column__min-width--l {
+          min-width: 5.5rem;
+        }
+
+        &.column__min-width--xl {
+          min-width: 6.5rem;
+        }
+
+        &.column__max-width--xs {
+          max-width: 5rem;
+        }
+
+        &.column__max-width--s {
+          max-width: 6rem;
+        }
+
+        &.column__max-width--m {
+          max-width: 7rem;
+        }
+
+        &.column__max-width--l {
+          max-width: 8.5rem;
+        }
+
+        &.column__max-width--xl {
+          max-width: 10rem;
+        }
+
+        &.jobs-list__column-opener {
+          min-width: 75px;
+          width: 75px;
+        }
+      }
+
+      .datagrid-outer-wrapper {
+        .datagrid-inner-wrapper {
+          .datagrid {
+            flex-basis: 0;
+            margin-top: 0;
+          }
+
+          .datagrid-spinner {
+            top: 0;
+            height: 100%;
+          }
+        }
+      }
+    }
+  }
+
+  .grid-container {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+
+    .container {
+      height: 100%;
+    }
+  }
+
+  .grid-container-compact {
+    height: auto;
+    display: flex;
+    flex-direction: column;
+
+    .container-compact {
+      height: 50vh;
+    }
+  }
+}